mirror of
https://github.com/neocities/neocities.git
synced 2025-05-14 16:37:20 +02:00
revert to ace editor
This commit is contained in:
Kyle Drake
parent
4bd30a97c8
commit
5f0c590ca6
468 changed files with 328190 additions and 244 deletions
184
public/js/ace/ext-static_highlight.js
Normal file
184
public/js/ace/ext-static_highlight.js
Normal file
|
|
@ -0,0 +1,184 @@
|
|||
define("ace/ext/static-css",["require","exports","module"], function(require, exports, module){module.exports = ".ace_static_highlight {\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', 'Droid Sans Mono', monospace;\n font-size: 12px;\n white-space: pre-wrap\n}\n\n.ace_static_highlight .ace_gutter {\n width: 2em;\n text-align: right;\n padding: 0 3px 0 0;\n margin-right: 3px;\n contain: none;\n}\n\n.ace_static_highlight.ace_show_gutter .ace_line {\n padding-left: 2.6em;\n}\n\n.ace_static_highlight .ace_line { position: relative; }\n\n.ace_static_highlight .ace_gutter-cell {\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n top: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n}\n\n\n.ace_static_highlight .ace_gutter-cell:before {\n content: counter(ace_line, decimal);\n counter-increment: ace_line;\n}\n.ace_static_highlight {\n counter-reset: ace_line;\n}\n";
|
||||
|
||||
});
|
||||
|
||||
define("ace/ext/static_highlight",["require","exports","module","ace/edit_session","ace/layer/text","ace/ext/static-css","ace/config","ace/lib/dom","ace/lib/lang"], function(require, exports, module){"use strict";
|
||||
var EditSession = require("../edit_session").EditSession;
|
||||
var TextLayer = require("../layer/text").Text;
|
||||
var baseStyles = require("./static-css");
|
||||
var config = require("../config");
|
||||
var dom = require("../lib/dom");
|
||||
var escapeHTML = require("../lib/lang").escapeHTML;
|
||||
var Element = /** @class */ (function () {
|
||||
function Element(type) { this.className;
|
||||
this.type = type;
|
||||
this.style = {};
|
||||
this.textContent = "";
|
||||
}
|
||||
Element.prototype.cloneNode = function () {
|
||||
return this;
|
||||
};
|
||||
Element.prototype.appendChild = function (child) {
|
||||
this.textContent += child.toString();
|
||||
};
|
||||
Element.prototype.toString = function () {
|
||||
var stringBuilder = [];
|
||||
if (this.type != "fragment") {
|
||||
stringBuilder.push("<", this.type);
|
||||
if (this.className)
|
||||
stringBuilder.push(" class='", this.className, "'");
|
||||
var styleStr = [];
|
||||
for (var key in this.style) {
|
||||
styleStr.push(key, ":", this.style[key]);
|
||||
}
|
||||
if (styleStr.length)
|
||||
stringBuilder.push(" style='", styleStr.join(""), "'");
|
||||
stringBuilder.push(">");
|
||||
}
|
||||
if (this.textContent) {
|
||||
stringBuilder.push(this.textContent);
|
||||
}
|
||||
if (this.type != "fragment") {
|
||||
stringBuilder.push("</", this.type, ">");
|
||||
}
|
||||
return stringBuilder.join("");
|
||||
};
|
||||
return Element;
|
||||
}());
|
||||
var simpleDom = {
|
||||
createTextNode: function (/** @type {string} */ textContent, /** @type {any} */ element) {
|
||||
return escapeHTML(textContent);
|
||||
},
|
||||
createElement: function (/** @type {string} */ type) {
|
||||
return new Element(type);
|
||||
},
|
||||
createFragment: function () {
|
||||
return new Element("fragment");
|
||||
}
|
||||
};
|
||||
var SimpleTextLayer = function () {
|
||||
this.config = {};
|
||||
this.dom = simpleDom;
|
||||
};
|
||||
SimpleTextLayer.prototype = TextLayer.prototype;
|
||||
var highlight = function (el, opts, callback) {
|
||||
var m = el.className.match(/lang-(\w+)/);
|
||||
var mode = opts.mode || m && ("ace/mode/" + m[1]);
|
||||
if (!mode)
|
||||
return false;
|
||||
var theme = opts.theme || "ace/theme/textmate";
|
||||
var data = "";
|
||||
var nodes = [];
|
||||
if (el.firstElementChild) {
|
||||
var textLen = 0;
|
||||
for (var i = 0; i < el.childNodes.length; i++) {
|
||||
var ch = el.childNodes[i];
|
||||
if (ch.nodeType == 3) {
|
||||
textLen += ch.data.length;
|
||||
data += ch.data;
|
||||
}
|
||||
else {
|
||||
nodes.push(textLen, ch);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
data = el.textContent;
|
||||
if (opts.trim)
|
||||
data = data.trim();
|
||||
}
|
||||
highlight.render(data, mode, theme, opts.firstLineNumber, !opts.showGutter, function (highlighted) {
|
||||
dom.importCssString(highlighted.css, "ace_highlight", true);
|
||||
el.innerHTML = highlighted.html;
|
||||
var container = el.firstChild.firstChild;
|
||||
for (var i = 0; i < nodes.length; i += 2) {
|
||||
var pos = highlighted.session.doc.indexToPosition(nodes[i]);
|
||||
var node = nodes[i + 1];
|
||||
var lineEl = container.children[pos.row];
|
||||
lineEl && lineEl.appendChild(node);
|
||||
}
|
||||
callback && callback();
|
||||
});
|
||||
};
|
||||
highlight.render = function (input, mode, theme, lineStart, disableGutter, callback) {
|
||||
var waiting = 1;
|
||||
var modeCache = EditSession.prototype.$modes;
|
||||
if (typeof theme == "string") {
|
||||
waiting++;
|
||||
config.loadModule(['theme', theme], function (m) {
|
||||
theme = m;
|
||||
--waiting || done();
|
||||
});
|
||||
}
|
||||
var modeOptions;
|
||||
if (mode && typeof mode === "object" && !mode.getTokenizer) {
|
||||
modeOptions = mode;
|
||||
mode = modeOptions.path;
|
||||
}
|
||||
if (typeof mode == "string") {
|
||||
waiting++;
|
||||
config.loadModule(['mode', mode], function (m) {
|
||||
if (!modeCache[ /**@type{string}*/(mode)] || modeOptions)
|
||||
modeCache[ /**@type{string}*/(mode)] = new m.Mode(modeOptions);
|
||||
mode = modeCache[ /**@type{string}*/(mode)];
|
||||
--waiting || done();
|
||||
});
|
||||
}
|
||||
function done() {
|
||||
var result = highlight.renderSync(input, mode, theme, lineStart, disableGutter);
|
||||
return callback ? callback(result) : result;
|
||||
}
|
||||
return --waiting || done();
|
||||
};
|
||||
highlight.renderSync = function (input, mode, theme, lineStart, disableGutter) {
|
||||
lineStart = parseInt(lineStart || 1, 10);
|
||||
var session = new EditSession("");
|
||||
session.setUseWorker(false);
|
||||
session.setMode(mode);
|
||||
var textLayer = new SimpleTextLayer();
|
||||
textLayer.setSession(session);
|
||||
Object.keys(textLayer.$tabStrings).forEach(function (k) {
|
||||
if (typeof textLayer.$tabStrings[k] == "string") {
|
||||
var el = simpleDom.createFragment();
|
||||
el.textContent = textLayer.$tabStrings[k];
|
||||
textLayer.$tabStrings[k] = el;
|
||||
}
|
||||
});
|
||||
session.setValue(input);
|
||||
var length = session.getLength();
|
||||
var outerEl = simpleDom.createElement("div");
|
||||
outerEl.className = theme.cssClass;
|
||||
var innerEl = simpleDom.createElement("div");
|
||||
innerEl.className = "ace_static_highlight" + (disableGutter ? "" : " ace_show_gutter");
|
||||
innerEl.style["counter-reset"] = "ace_line " + (lineStart - 1);
|
||||
for (var ix = 0; ix < length; ix++) {
|
||||
var lineEl = simpleDom.createElement("div");
|
||||
lineEl.className = "ace_line";
|
||||
if (!disableGutter) {
|
||||
var gutterEl = simpleDom.createElement("span");
|
||||
gutterEl.className = "ace_gutter ace_gutter-cell";
|
||||
gutterEl.textContent = "";
|
||||
lineEl.appendChild(gutterEl);
|
||||
}
|
||||
textLayer.$renderLine(lineEl, ix, false);
|
||||
lineEl.textContent += "\n";
|
||||
innerEl.appendChild(lineEl);
|
||||
}
|
||||
outerEl.appendChild(innerEl);
|
||||
return {
|
||||
css: baseStyles + theme.cssText,
|
||||
html: outerEl.toString(),
|
||||
session: session
|
||||
};
|
||||
};
|
||||
module.exports = highlight;
|
||||
module.exports.highlight = highlight;
|
||||
|
||||
}); (function() {
|
||||
window.require(["ace/ext/static_highlight"], function(m) {
|
||||
if (typeof module == "object" && typeof exports == "object" && module) {
|
||||
module.exports = m;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue