Patch Realtime into CodeMirror in CryptPad

www/code/main.js

@@ -0,0 +1,52 @@
+define([
+    '/api/config?cb=' + Math.random().toString(16).substring(2),
+    '/code/realtime-wysiwyg.js',
+    '/common/messages.js',
+    '/common/crypto.js',
+    '/bower_components/jquery/dist/jquery.min.js'
+], function (Config, RTWysiwyg, Messages, Crypto) {
+    '/customize/pad.js'
+    var $ = window.jQuery;
+    var ifrw = $('#pad-iframe')[0].contentWindow;
+    var CMeditor = ifrw.CodeMirror;
+    console.log(CMeditor);
+    var Ckeditor = ifrw.CKEDITOR;
+
+    $(function () {
+        $(window).on('hashchange', function() {
+            window.location.reload();
+        });
+        if (window.location.href.indexOf('#') === -1) {
+            window.location.href = window.location.href + '#' + Crypto.genKey();
+            return;
+        }
+        var key = Crypto.parseKey(window.location.hash.substring(1));
+        var editor = CMeditor.fromTextArea($('#pad-iframe').contents().find('#editor1')[0], {
+          lineNumbers: true,
+          lineWrapping: true,
+          autoCloseBrackets: true,
+          matchBrackets : true,
+          showTrailingSpace : true,
+          styleActiveLine : true,
+          search: true,
+          highlightSelectionMatches: {showToken: /\w+/},
+          extraKeys: {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
+          foldGutter: true,
+          gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+          mode: "javascript",
+
+        });
+        editor.setValue(Messages.codeInitialState);
+
+        var rtw =
+            RTWysiwyg.start(ifrw,
+                            Config.websocketURL,
+                            Crypto.rand64(8),
+                            key.channel,
+                            key.cryptKey);
+        editor.on('change', function() {
+            editor.save();
+            rtw.onEvent();
+        });
+    });
+});