/** * This code is mostly from the old Etherpad. Please help us to comment this code. * This helps other people to understand this code better and helps them to improve it. * TL;DR COMMENTS ON THIS FILE ARE HIGHLY APPRECIATED */ /** * Copyright 2009 Google Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS-IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ // requires: top // requires: plugins // requires: undefined Ace2Editor.registry = { nextId: 1 }; var plugins = require('ep_etherpad-lite/static/js/plugins').plugins; function Ace2Editor() { var ace2 = Ace2Editor; var editor = {}; var info = { editor: editor, id: (ace2.registry.nextId++) }; var loaded = false; var actionsPendingInit = []; function pendingInit(func, optDoNow) { return function() { var that = this; var args = arguments; function action() { func.apply(that, args); } if (optDoNow) { optDoNow.apply(that, args); } if (loaded) { action(); } else { actionsPendingInit.push(action); } }; } function doActionsPendingInit() { for (var i = 0; i < actionsPendingInit.length; i++) { actionsPendingInit[i](); } actionsPendingInit = []; } ace2.registry[info.id] = info; editor.importText = pendingInit(function(newCode, undoable) { info.ace_importText(newCode, undoable); }); editor.importAText = pendingInit(function(newCode, apoolJsonObj, undoable) { info.ace_importAText(newCode, apoolJsonObj, undoable); }); editor.exportText = function() { if (!loaded) return "(awaiting init)\n"; return info.ace_exportText(); }; editor.getFrame = function() { return info.frame || null; }; editor.focus = pendingInit(function() { info.ace_focus(); }); editor.setEditable = pendingInit(function(newVal) { info.ace_setEditable(newVal); }); editor.getFormattedCode = function() { return info.ace_getFormattedCode(); }; editor.setOnKeyPress = pendingInit(function(handler) { info.ace_setOnKeyPress(handler); }); editor.setOnKeyDown = pendingInit(function(handler) { info.ace_setOnKeyDown(handler); }); editor.setNotifyDirty = pendingInit(function(handler) { info.ace_setNotifyDirty(handler); }); editor.setProperty = pendingInit(function(key, value) { info.ace_setProperty(key, value); }); editor.getDebugProperty = function(prop) { return info.ace_getDebugProperty(prop); }; editor.setBaseText = pendingInit(function(txt) { info.ace_setBaseText(txt); }); editor.setBaseAttributedText = pendingInit(function(atxt, apoolJsonObj) { info.ace_setBaseAttributedText(atxt, apoolJsonObj); }); editor.applyChangesToBase = pendingInit(function(changes, optAuthor, apoolJsonObj) { info.ace_applyChangesToBase(changes, optAuthor, apoolJsonObj); }); // prepareUserChangeset: // Returns null if no new changes or ACE not ready. Otherwise, bundles up all user changes // to the latest base text into a Changeset, which is returned (as a string if encodeAsString). // If this method returns a truthy value, then applyPreparedChangesetToBase can be called // at some later point to consider these changes part of the base, after which prepareUserChangeset // must be called again before applyPreparedChangesetToBase. Multiple consecutive calls // to prepareUserChangeset will return an updated changeset that takes into account the // latest user changes, and modify the changeset to be applied by applyPreparedChangesetToBase // accordingly. editor.prepareUserChangeset = function() { if (!loaded) return null; return info.ace_prepareUserChangeset(); }; editor.applyPreparedChangesetToBase = pendingInit( function() { info.ace_applyPreparedChangesetToBase(); }); editor.setUserChangeNotificationCallback = pendingInit(function(callback) { info.ace_setUserChangeNotificationCallback(callback); }); editor.setAuthorInfo = pendingInit(function(author, authorInfo) { info.ace_setAuthorInfo(author, authorInfo); }); editor.setAuthorSelectionRange = pendingInit(function(author, start, end) { info.ace_setAuthorSelectionRange(author, start, end); }); editor.getUnhandledErrors = function() { if (!loaded) return []; // returns array of {error: , time: +new Date()} return info.ace_getUnhandledErrors(); }; editor.callWithAce = pendingInit(function(fn, callStack, normalize) { return info.ace_callWithAce(fn, callStack, normalize); }); editor.execCommand = pendingInit(function(cmd, arg1) { info.ace_execCommand(cmd, arg1); }); editor.replaceRange = pendingInit(function(start, end, text) { info.ace_replaceRange(start, end, text); }); function sortFilesByEmbeded(files) { var embededFiles = []; var remoteFiles = []; if (Ace2Editor.EMBEDED) { for (var i = 0, ii = files.length; i < ii; i++) { var file = files[i]; if (Object.prototype.hasOwnProperty.call(Ace2Editor.EMBEDED, file)) { embededFiles.push(file); } else { remoteFiles.push(file); } } } else { remoteFiles = files; } return {embeded: embededFiles, remote: remoteFiles}; } function pushRequireScriptTo(buffer) { var KERNEL_SOURCE = '../static/js/require-kernel.js'; var KERNEL_BOOT = 'require.setRootURI("../minified/");\nrequire.setGlobalKeyPath("require");' if (Ace2Editor.EMBEDED && Ace2Editor.EMBEDED[KERNEL_SOURCE]) { buffer.push('\ '); pushScriptsTo(iframeHTML); iframeHTML.push(''); iframeHTML.push(' '); // Expose myself to global for my child frame. var thisFunctionsName = "ChildAccessibleAce2Editor"; (function () {return this}())[thisFunctionsName] = Ace2Editor; var outerScript = 'editorId = "' + info.id + '"; editorInfo = parent.' + thisFunctionsName + '.registry[editorId]; ' + 'window.onload = function() ' + '{ window.onload = null; setTimeout' + '(function() ' + '{ var iframe = document.createElement("IFRAME"); ' + 'iframe.scrolling = "no"; var outerdocbody = document.getElementById("outerdocbody"); ' + 'iframe.frameBorder = 0; iframe.allowTransparency = true; ' + // for IE 'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + JSON.stringify(iframeHTML.join('\n')) + ');doc.write(text); doc.close(); ' + '}, 0); }'; var outerHTML = [doctype, ''] var includedCSS = []; var $$INCLUDE_CSS = function(filename) {includedCSS.push(filename)}; $$INCLUDE_CSS("../static/css/iframe_editor.css"); $$INCLUDE_CSS("../static/css/pad.css"); $$INCLUDE_CSS("../static/custom/pad.css"); pushStyleTagsFor(outerHTML, includedCSS); // bizarrely, in FF2, a file with no "external" dependencies won't finish loading properly // (throbs busy while typing) outerHTML.push('', '\x3cscript>\n', outerScript.replace(/<\//g, '<\\/'), '\n\x3c/script>', '
x
'); var outerFrame = document.createElement("IFRAME"); outerFrame.frameBorder = 0; // for IE info.frame = outerFrame; document.getElementById(containerId).appendChild(outerFrame); var editorDocument = outerFrame.contentWindow.document; editorDocument.open(); editorDocument.write(outerHTML.join('')); editorDocument.close(); })(); }; return editor; } exports.Ace2Editor = Ace2Editor;