<!doctype html>
<meta charset=utf-8>
<meta name=viewport content='width=device-width'>
<link rel="icon" type="image/x-icon" href="/favicon.ico">

<title> live-reload-js.patch </title>

<link rel=stylesheet href=/lib/cm/cm.css>
<link rel=stylesheet href=/lib/css/ui.css>


<form id=toolbar name=export method=post target=_blank
  enctype=multipart/form-data>
  <a href='/'
     class="item crumb root-crumb"></a>
  <a href='/live-reload/'
     class="item crumb ">live-reload</a>
  <a href='/live-reload/live-reload-js.patch/'
     class="item crumb ">live-reload-js.patch</a>
  <a class=item id=preview title=preview><img src=/lib/icons/eye_open.png></a>
  <a class=item id=validate title=validate><img src=/lib/icons/ok_2.png></a>
  <a class=item id=run title=run><img src=/lib/icons/play.png></a>
  <a class="item right" id=settings title=settings><img src=/lib/icons/settings.png></a>
  <select onchange=selectTheme(this) class="item right" id=theme
    title=theme>
   <option>default</option>
   <option>ambiance</option>
   <option>blackboard</option>
   <option>cobalt</option>
   <option>eclipse</option>
   <option>elegant</option>
   <option>erlang-dark</option>
   <option>lesser-dark</option>
   <option>monokai</option>
   <option>neat</option>
   <option>night</option>
   <option>rubyblue</option>
   <option>vibrant-ink</option>
   <option>xq-dark</option>
  </select>
  <a class="item right" id=download title=download download><img src=/lib/icons/download_alt.png></a>
  <a class="item right" id=dictate title=dictate><img src=/lib/icons/microphone.png></a>
  <a class="item right" id=sync-state title='sync state'><span></span><img src=/lib/img/offline.svg></a>
  <input type=hidden name=code>
  <input type=hidden name=file>
  <input type=hidden name=lang>
  <input type=hidden name=ucn_text>
  <input type=hidden name=ucn_text_mime>
  <input type=hidden name=ucn_task value=conformance>
  <input type=hidden name=run value=True>
</form>

<div id=wrapper class=panel></div>

<base target=_parent>

<script src=/lib/cm/cm.js></script>
<script src=/lib/js/canop/lib.js></script>
<script src=/lib/js/canop/cm.js></script>
<script src=/app/text/page.js></script>

<script>
  (function () {
    // UI elements
    var validate = document.querySelector('#validate');
    var preview = document.querySelector('#preview');
    var run = document.querySelector('#run');
    var download = document.querySelector('#download');
    var settings = document.querySelector('#settings');
    var wrapper = document.querySelector('#wrapper');
    var delay;

    // Update UI elements on content changes
    function onChange() {
      postMessage(cm.getValue(), '*');
    }

    function betterTab(cm) {
      if (cm.somethingSelected()) {
        cm.indentSelection('add');
      } else {
        cm.replaceSelection(cm.getOption("indentWithTabs")? "\t":
          Array(cm.getOption("indentUnit") + 1).join(" "), "end", "+input");
      }
    }
    function betterShiftTab(cm) { cm.indentSelection('subtract'); }

    var path = "/live-reload/live-reload-js.patch";
    var permission = "w";
    var mime = "text/x-diff" || 'text/plain';
    var username = undefined;
    var codeMirrorParams = {
      mode: mime,
      value: "Bug 771339 part 2: Hot function swapping\n\ndiff --git a/js/src/vm/Debugger.cpp b/js/src/vm/Debugger.cpp\n--- a/js/src/vm/Debugger.cpp\n+++ b/js/src/vm/Debugger.cpp\n@@ -5280,6 +5280,41 @@ Debugger::observesScript(JSScript* scrip\n     return observesGlobal(&script->global()) && !script->selfHosted();\n }\n \n+static bool\n+DebuggerScript_replaceScript(JSContext *cx, unsigned argc, Value *vp)\n+{\n+    THIS_DEBUGSCRIPT_SCRIPT(cx, argc, vp, \"replaceScript\", args, obj, script);\n+\n+    if (!args.requireAtLeast(cx, \"Debugger.Script.replaceScript\", 3))\n+        return false;\n+\n+    /* Parse code argument. */\n+    RootedValue name(cx, args[0]);\n+    RootedValue args(cx, args[1]);\n+    RootedValue code(cx, args[2]);\n+    // Convert code to JS::SourceBufferHolder &\n+    //CompileFunction(cx, const ReadOnlyCompileOptions& optionsArg,\n+    //            const char* name, unsigned nargs, const char* const* argnames,\n+    //            SourceBufferHolder& srcBuf,\n+    //            HandleObject enclosingDynamicScope,\n+    //            HandleObject enclosingStaticScope,\n+    //            MutableHandleFunction fun)\n+//CompileFunction(cx, AutoObjectVector& scopeChain, ReadOnlyCompileOptions& options,\n+//  char* name, unsigned nargs, char* argnames, SourceBufferHolder& srcBuf,\n+//  MutableHandleFunction fun)\n+    Rooted\u003cJSScript*> newScript();\n+    // Things to plug in: AutoObjectVector (from cx?), ReadOnlyCompileOptions.\n+    // SourceBufferHolder (from code), MutableHandleFunction (from JSScript).\n+    if (!CompileFunction(cx, scopeChain, options, name, nargs, argnames, srcBuf, newScript))\n+        return false;\n+    /* TODO replace script */\n+    // If we replace it: Rooted\u003cJSScript*>\n+    script->get()->setScript(newScript);\n+    // If we set it to lazy:\n+    //script->get()->flags_ &= ~INTERPRETED_LAZY;\n+    return true;\n+}\n+\n /* static */ bool\n Debugger::replaceFrameGuts(JSContext* cx, AbstractFramePtr from, AbstractFramePtr to,\n                            ScriptFrameIter& iter)\n@@ -5653,6 +5688,7 @@ static const JSFunctionSpec DebuggerScri\n     JS_FN(\"clearAllBreakpoints\", DebuggerScript_clearAllBreakpoints, 0, 0),\n     JS_FN(\"isInCatchScope\", DebuggerScript_isInCatchScope, 1, 0),\n     JS_FN(\"getOffsetsCoverage\", DebuggerScript_getOffsetsCoverage, 0, 0),\n+    JS_FN(\"replaceScript\", DebuggerScript_replaceScript, 3, 0),\n     JS_FS_END\n };\n \n",
      autofocus: true,
      lineNumbers: true,
      lineWrapping: true,
      matchBrackets: true,
      autoCloseBrackets: '()[]{}""',
      continueComments: true,
      extraKeys: {
        Tab: betterTab,
        'Shift-Tab': betterShiftTab
      },
      readOnly: 'nocursor'  // It'll be writable when the connection is set up.
    };
    var extraCodeMirrorParams = undefined || {};
    Object.keys(extraCodeMirrorParams).forEach(function(key) {
      codeMirrorParams[key] = extraCodeMirrorParams[key];
    });

    // CodeMirror editor
    var cm = window.cm = CodeMirror(wrapper, codeMirrorParams);
    // Hack to make wrapped text indented.
    var charWidth = cm.defaultCharWidth();
    cm.on('renderLine', function(cm, line, elt) {
      var off = CodeMirror.countColumn(line.text, null, cm.getOption('tabSize'))
        * charWidth;
      var basePadding = 4;
      elt.style.textIndent = '-' + off + 'px';
      elt.style.paddingLeft = (basePadding + off) + 'px';
    });
    cm.refresh();
    cm.on('change', onChange);
    onChange();     // Send the initial value.

    // Operational Transformation
    var canopClient = new canop.Client();
    canop.wire.websocket(canopClient, {
      url: "ws" + window.location.protocol.slice(4) + "//" +
        window.location.host + window.location.pathname + "?op=edit&app=text",
    });
    canop.ui.codemirror(canopClient, cm);
    canopClient.once('ready', function() {
      if (/^[wx]$/.test(permission)) {
        cm.setOption('readOnly', false);
        canopClient.signal({name: username});
      }
    });
    var syncState = document.getElementById('sync-state');
    var syncImg = document.querySelector('#sync-state > img');
    var setSyncText = function() {
      if (canopClient.clientCount > 1) {
        syncState.title = canopClient.clientCount + ' users';
      } else if (canopClient.clientState === 0) {
        syncState.title = 'offline';
      } else if (canopClient.clientState === 1) {
        syncState.title = 'syncing';
      } else if (canopClient.clientState === 2) {
        syncState.title = 'synced';
      }
    };
    canopClient.on('synced', function() {
      syncImg.src = '/lib/img/synced.svg';
      setSyncText();
    });
    canopClient.on('syncing', function() {
      syncImg.src = '/lib/img/syncing.svg';
      setSyncText();
    });
    canopClient.on('unsyncable', function(e) {
      syncImg.src = '/lib/img/offline.svg';
      setSyncText();
      if (e && e.name === 'UnknownBaseError') {
        alert("We cannot merge your changes with the server. Please reload.");
      }
    });
    canopClient.on('signal', function() { setSyncText(); });

    // General button actions
    validate.target = run.target = download.target = settings.target = '_blank';
    download.href = path + '?app=data';
    settings.href = path + '?app=meta';

    // Mime type specific environments
    if (environment[mime]) environment[mime](path);

  })();

</script>

<!-- Google Analytics -->
<script>var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-27876347-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s);})()</script>
