wikiparser-node 1.5.0 → 1.5.1-b

package/extensions/dist/editor.js

@@ -0,0 +1,159 @@
+(() => {
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Printer_instances, _Printer_id, _Printer_preview, _Printer_textbox, _Printer_root, _Printer_viewportChanged, _Printer_running, _Printer_ticks, _Printer_tick, _Printer_exec, _Printer_paint, _Printer_coarsePrint, _Printer_finePrint;
+class Printer {
+    constructor(preview, textbox, include) {
+        _Printer_instances.add(this);
+        _Printer_id.set(this, void 0);
+        _Printer_preview.set(this, void 0);
+        _Printer_textbox.set(this, void 0);
+        _Printer_root.set(this, void 0);
+        _Printer_viewportChanged.set(this, void 0);
+        _Printer_running.set(this, void 0);
+        _Printer_ticks.set(this, void 0);
+        __classPrivateFieldSet(this, _Printer_id, wikiparse.id++, "f");
+        __classPrivateFieldSet(this, _Printer_preview, preview, "f");
+        __classPrivateFieldSet(this, _Printer_textbox, textbox, "f");
+        __classPrivateFieldSet(this, _Printer_root, [], "f");
+        __classPrivateFieldSet(this, _Printer_viewportChanged, false, "f");
+        this.include = Boolean(include);
+        __classPrivateFieldSet(this, _Printer_ticks, [0, undefined], "f");
+    }
+    queue(delay, method) {
+        const [state] = __classPrivateFieldGet(this, _Printer_ticks, "f");
+        if (delay === 0 || state <= 0 || method === 0 || __classPrivateFieldGet(this, _Printer_ticks, "f")[1] !== 0) {
+            __classPrivateFieldSet(this, _Printer_ticks, [delay, method], "f");
+            if (delay === 0) {
+                __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_exec).call(this, method);
+            }
+            else if (state <= 0) {
+                __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_tick).call(this);
+            }
+        }
+    }
+}
+_Printer_id = new WeakMap(), _Printer_preview = new WeakMap(), _Printer_textbox = new WeakMap(), _Printer_root = new WeakMap(), _Printer_viewportChanged = new WeakMap(), _Printer_running = new WeakMap(), _Printer_ticks = new WeakMap(), _Printer_instances = new WeakSet(), _Printer_tick = function _Printer_tick() {
+    setTimeout(() => {
+        const [t, method] = __classPrivateFieldGet(this, _Printer_ticks, "f");
+        if (t > 0) {
+            __classPrivateFieldGet(this, _Printer_ticks, "f")[0] -= 500;
+            if (t <= 500) {
+                __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_exec).call(this, method);
+            }
+            else {
+                __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_tick).call(this);
+            }
+        }
+    }, 500);
+}, _Printer_exec = function _Printer_exec(method) {
+    if (method === 0) {
+        __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_coarsePrint).call(this);
+    }
+    else {
+        __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_finePrint).call(this);
+    }
+}, _Printer_paint = function _Printer_paint() {
+    __classPrivateFieldGet(this, _Printer_preview, "f").innerHTML = `<span class="wpb-root">${__classPrivateFieldGet(this, _Printer_root, "f").map(([, , printed]) => printed).join('')}</span> `;
+    __classPrivateFieldGet(this, _Printer_preview, "f").scrollTop = __classPrivateFieldGet(this, _Printer_textbox, "f").scrollTop;
+    __classPrivateFieldGet(this, _Printer_preview, "f").classList.remove('active');
+    __classPrivateFieldGet(this, _Printer_textbox, "f").style.color = 'transparent';
+}, _Printer_coarsePrint = async function _Printer_coarsePrint() {
+    if (__classPrivateFieldGet(this, _Printer_running, "f")) {
+        return __classPrivateFieldGet(this, _Printer_running, "f");
+    }
+    const { include } = this, { value } = __classPrivateFieldGet(this, _Printer_textbox, "f"), parsed = await wikiparse.print(value, include, 2, __classPrivateFieldGet(this, _Printer_id, "f"));
+    if (this.include !== include || __classPrivateFieldGet(this, _Printer_textbox, "f").value !== value) {
+        __classPrivateFieldSet(this, _Printer_running, undefined, "f");
+        __classPrivateFieldSet(this, _Printer_running, __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_coarsePrint).call(this), "f");
+        return __classPrivateFieldGet(this, _Printer_running, "f");
+    }
+    __classPrivateFieldSet(this, _Printer_root, parsed, "f");
+    __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_paint).call(this);
+    __classPrivateFieldSet(this, _Printer_running, undefined, "f");
+    __classPrivateFieldSet(this, _Printer_running, __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_finePrint).call(this), "f");
+    return __classPrivateFieldGet(this, _Printer_running, "f");
+}, _Printer_finePrint = async function _Printer_finePrint() {
+    if (__classPrivateFieldGet(this, _Printer_running, "f")) {
+        __classPrivateFieldSet(this, _Printer_viewportChanged, true, "f");
+        return __classPrivateFieldGet(this, _Printer_running, "f");
+    }
+    __classPrivateFieldSet(this, _Printer_viewportChanged, false, "f");
+    const { include } = this, { value } = __classPrivateFieldGet(this, _Printer_textbox, "f"), { scrollHeight, offsetHeight: parentHeight, scrollTop, children: [rootNode] } = __classPrivateFieldGet(this, _Printer_preview, "f");
+    let text = value, start = 0, end = __classPrivateFieldGet(this, _Printer_root, "f").length;
+    if (scrollHeight > parentHeight) {
+        const childNodes = [...rootNode.childNodes], headings = childNodes.filter(({ className }) => className === 'wpb-heading'), { length } = headings;
+        if (length > 0) {
+            let i = headings.findIndex(({ offsetTop, offsetHeight }) => offsetTop + offsetHeight > scrollTop);
+            i = i === -1 ? length : i;
+            let j = headings.slice(i).findIndex(({ offsetTop }) => offsetTop >= scrollTop + parentHeight);
+            j = j === -1 ? length : i + j;
+            start = i ? childNodes.indexOf(headings[i - 1]) : 0;
+            while (i <= j && __classPrivateFieldGet(this, _Printer_root, "f")[start][0] === Infinity) {
+                start = childNodes.indexOf(headings[i++]);
+            }
+            end = j === length ? end : childNodes.indexOf(headings[j]);
+            while (i <= j && __classPrivateFieldGet(this, _Printer_root, "f")[end - 1][0] === Infinity) {
+                end = childNodes.indexOf(headings[--j]);
+            }
+            text = __classPrivateFieldGet(this, _Printer_root, "f").slice(start, end).map(([, str]) => str).join('');
+        }
+    }
+    if (start === end) {
+        __classPrivateFieldSet(this, _Printer_running, undefined, "f");
+        return undefined;
+    }
+    const parsed = await wikiparse.print(text, include, undefined, __classPrivateFieldGet(this, _Printer_id, "f"));
+    if (this.include === include && __classPrivateFieldGet(this, _Printer_textbox, "f").value === value) {
+        __classPrivateFieldGet(this, _Printer_root, "f").splice(start, end - start, ...parsed);
+        __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_paint).call(this);
+        __classPrivateFieldSet(this, _Printer_running, undefined, "f");
+        if (__classPrivateFieldGet(this, _Printer_viewportChanged, "f")) {
+            __classPrivateFieldSet(this, _Printer_running, __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_finePrint).call(this), "f");
+        }
+    }
+    else {
+        __classPrivateFieldSet(this, _Printer_running, undefined, "f");
+        __classPrivateFieldSet(this, _Printer_running, __classPrivateFieldGet(this, _Printer_instances, "m", _Printer_coarsePrint).call(this), "f");
+    }
+    return __classPrivateFieldGet(this, _Printer_running, "f");
+};
+const edit = (textbox, include) => {
+    if (!(textbox instanceof HTMLTextAreaElement)) {
+        throw new TypeError('wikiparse.edit方法仅可用于textarea元素！');
+    }
+    const preview = document.createElement('div'), container = document.createElement('div'), printer = new Printer(preview, textbox, include);
+    preview.id = 'wikiPretty';
+    preview.classList.add('wikiparser', 'active');
+    container.className = 'wikiparse-container';
+    textbox.replaceWith(container);
+    textbox.classList.add('wikiparsed');
+    container.append(preview, textbox);
+    textbox.addEventListener('input', e => {
+        if (!e.isComposing) {
+            printer.queue(2000, 0);
+        }
+        textbox.style.color = '';
+        preview.classList.add('active');
+    });
+    textbox.addEventListener('scroll', () => {
+        if (preview.scrollHeight > preview.offsetHeight && !preview.classList.contains('active')) {
+            preview.scrollTop = textbox.scrollTop;
+            printer.queue(500, 1);
+        }
+    });
+    printer.queue(0, 0);
+    return printer;
+};
+wikiparse.Printer = Printer;
+wikiparse.edit = edit;
+})();

package/extensions/dist/highlight.js

@@ -0,0 +1,59 @@
+(() => {
+"use strict";
+const append = (parent, text) => {
+    if (text) {
+        parent.append(text);
+    }
+};
+const splitNewLine = (html) => {
+    let cur = html.cloneNode();
+    const result = [cur];
+    for (const child of html.childNodes) {
+        const { textContent } = child;
+        if (!(textContent === null || textContent === void 0 ? void 0 : textContent.includes('\n'))) {
+            cur.append(child.cloneNode(true));
+            continue;
+        }
+        const lines = child.nodeType === Node.TEXT_NODE
+            ? textContent.split('\n')
+            : splitNewLine(child);
+        append(cur, lines[0]);
+        for (const text of lines.slice(1)) {
+            cur = html.cloneNode();
+            result.push(cur);
+            append(cur, text);
+        }
+    }
+    return result;
+};
+const highlight = async (ele, include, linenums = false, start = 1) => {
+    if (ele.classList.contains('wikiparser')) {
+        return;
+    }
+    const html = (await wikiparse.print(ele.innerText, include)).map(([, , printed]) => printed).join('');
+    ele.classList.add('wikiparser');
+    if (linenums) {
+        const root = document.createElement('span');
+        root.className = 'wpb-root';
+        root.innerHTML = html;
+        const lines = splitNewLine(root).map((line, i) => {
+            const li = document.createElement('li');
+            li.id = `L${i + start}`;
+            li.append(line);
+            return li;
+        }), { length } = lines;
+        if (length > 1 && !lines[length - 1].textContent) {
+            lines.pop();
+        }
+        const ol = document.createElement('ol');
+        ol.style.counterReset = `wikiparser ${start - 1}`;
+        ol.style.paddingLeft = `${String(lines.length + start - 1).length + 1.5}ch`;
+        ol.replaceChildren(...lines);
+        ele.replaceChildren(ol);
+    }
+    else {
+        ele.innerHTML = html;
+    }
+};
+wikiparse.highlight = highlight;
+})();

package/extensions/dist/lint.js

@@ -0,0 +1,60 @@
+(() => {
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Linter_instances, _Linter_id, _Linter_wikitext, _Linter_running, _Linter_lint;
+class Linter {
+    constructor(include) {
+        _Linter_instances.add(this);
+        _Linter_id.set(this, void 0);
+        _Linter_wikitext.set(this, void 0);
+        _Linter_running.set(this, void 0);
+        __classPrivateFieldSet(this, _Linter_id, wikiparse.id++, "f");
+        this.include = Boolean(include);
+    }
+    queue(wikitext) {
+        var _a;
+        __classPrivateFieldSet(this, _Linter_wikitext, wikitext, "f");
+        __classPrivateFieldSet(this, _Linter_running, (_a = __classPrivateFieldGet(this, _Linter_running, "f")) !== null && _a !== void 0 ? _a : __classPrivateFieldGet(this, _Linter_instances, "m", _Linter_lint).call(this, wikitext), "f");
+        return __classPrivateFieldGet(this, _Linter_running, "f");
+    }
+    async codemirror(wikitext) {
+        return (await this.queue(wikitext))
+            .map(({ startIndex, endIndex, severity, message, rule, fix, suggestions = [] }) => ({
+            source: 'WikiLint',
+            from: startIndex,
+            to: endIndex,
+            severity,
+            rule,
+            message: `${message} (${rule})`,
+            actions: [
+                ...fix ? [{ name: 'fix', fix }] : [],
+                ...suggestions.map(suggestion => ({ name: 'suggestion', fix: suggestion })),
+            ].map(({ name, fix: { range: [from, to], text } }) => ({
+                name,
+                apply(view) {
+                    view.dispatch({ changes: { from, to, insert: text } });
+                },
+            })),
+        }));
+    }
+}
+_Linter_id = new WeakMap(), _Linter_wikitext = new WeakMap(), _Linter_running = new WeakMap(), _Linter_instances = new WeakSet(), _Linter_lint = async function _Linter_lint(wikitext) {
+    const { include } = this, errors = await wikiparse.lint(wikitext, include, __classPrivateFieldGet(this, _Linter_id, "f"));
+    if (this.include === include && __classPrivateFieldGet(this, _Linter_wikitext, "f") === wikitext) {
+        __classPrivateFieldSet(this, _Linter_running, undefined, "f");
+        return errors;
+    }
+    __classPrivateFieldSet(this, _Linter_running, __classPrivateFieldGet(this, _Linter_instances, "m", _Linter_lint).call(this, __classPrivateFieldGet(this, _Linter_wikitext, "f")), "f");
+    return __classPrivateFieldGet(this, _Linter_running, "f");
+};
+wikiparse.Linter = Linter;
+})();

package/extensions/editor.css

@@ -0,0 +1,63 @@
+.wikiparse-container {
+	position: relative;
+	-webkit-text-size-adjust: none;
+}
+.wikiparsed {
+	position: relative;
+	display: block;
+	box-sizing: border-box;
+	width: 100%;
+	resize: vertical;
+	font-family: monospace;
+	background: none !important;
+	caret-color: #000;
+}
+#wikiPretty {
+	position: absolute;
+	inset: 0;
+	background-color: #fff;
+	-webkit-user-select: none;
+	user-select: none;
+}
+#wikiPretty + .wikiparsed, #wikiPretty {
+	outline: none;
+	border: 1.5px solid #dedede !important;
+	border-radius: 0;
+	padding: .4em;
+	line-height: 1.4 !important;
+	font-size: inherit;
+	tab-size: 4;
+	overflow-y: auto;
+	word-break: normal;
+}
+
+/* compromise for font-weight: bold */
+.wpb-ext, .wpb-html,
+.wpb-arg,
+.wpb-template,
+.wpb-magic-word,
+.wpb-heading-title,
+.wpb-table, .wpb-tr, .wpb-td,
+.wpb-double-underscore, .wpb-hr, .wpb-quote, .wpb-list, .wpb-dd
+.wpb-converter {
+	-webkit-text-stroke-width: .1ex;
+}
+.wpb-image-invalid, .wpb-table-inter,
+.wpb-hidden, .wpb-noinclude, .wpb-include, .wpb-comment, .wpb-attr-dirty,
+.wpb-ext-attrs, .wpb-html-attrs,
+.wpb-ext-inner,
+.wpb-arg-default,
+.wpb-invoke-module, .wpb-invoke-function,
+.wpb-parameter,
+.wpb-table-attrs, .wpb-td-inner,
+.wpb-converter-rule {
+	-webkit-text-stroke-width: 0;
+}
+#wikiPretty span {
+	font-weight: normal;
+}
+
+#wikiPretty.active span {
+	color: transparent;
+	background: none;
+}

package/extensions/ui.css

@@ -0,0 +1,141 @@
+.wikiparser {
+	white-space: pre-wrap;
+	overflow-wrap: break-word;
+	font-family: monospace;
+	border: 1.5px solid #dedede;
+}
+.wikiparser > ol {
+	background-color: #f5f5f5;
+	list-style: none;
+}
+.wikiparser > ol > li {
+	background-color: #fff;
+	padding: 0 6px;
+	border-left: 1px solid #ddd;
+	counter-increment: wikiparser;
+}
+.wikiparser > ol > li:first-child {
+	padding-top: 4px;
+}
+.wikiparser > ol > li:last-child {
+	padding-bottom: 4px;
+}
+.wikiparser > ol > li::before {
+	content: counter(wikiparser);
+	position: absolute;
+	transform: translateX(calc(-100% - 10px));
+	color: #6c6c6c;
+}
+.wikiparser > ol > li::after {
+	content: "";
+	display: inline-block;
+}
+
+.wpb-table-inter {
+	color: #f00;
+	font-weight: normal;
+	text-decoration: underline wavy 1px;
+}
+
+.wpb-hidden, .wpb-noinclude, .wpb-include, .wpb-comment, .wpb-attr-dirty {
+	color: #72777d;
+	font-weight: normal;
+	font-style: italic;
+}
+
+.wpb-ext, .wpb-html {
+	color: #14866d;
+	font-weight: bold;
+}
+.wpb-ext-attrs, .wpb-html-attrs {
+	font-weight: normal;
+}
+.wpb-ext-attr > .wpb-attr-value, .wpb-html-attr > .wpb-attr-value {
+	color: #179b1c;
+}
+.wpb-ext-inner {
+	color: initial;
+	font-weight: normal;
+	background-color: rgba(0, 0, 0, .03);
+}
+
+.wpb-arg {
+	color: #ac6600;
+	font-weight: bold;
+}
+.wpb-arg-default {
+	color: #ad9300;
+	font-weight: normal;
+}
+
+.wpb-template {
+	color: #80c;
+	font-weight: bold;
+	background-color: rgba(119, 0, 170, .03);
+}
+.wpb-magic-word {
+	color: #d33;
+	font-weight: bold;
+	background-color: rgba(170, 17, 17, .03);
+}
+.wpb-invoke-module, .wpb-invoke-function {
+	color: #dd5d33;
+	font-weight: normal;
+}
+.wpb-parameter {
+	color: initial;
+	font-weight: normal;
+}
+.wpb-template > .wpb-parameter > .wpb-parameter-key,
+.wpb-invoke-function ~ .wpb-parameter > .wpb-parameter-key {
+	color: #b0c;
+}
+
+.wpb-heading, .wpb-image-parameter {
+	color: #0076dd;
+}
+.wpb-heading-title {
+	color: initial;
+	font-weight: bold;
+}
+
+.wpb-table, .wpb-tr, .wpb-td {
+	color: #d08;
+	font-weight: bold;
+}
+.wpb-table-attrs {
+	font-weight: normal;
+}
+.wpb-table-attr > .wpb-attr-value {
+	color: #f500d4;
+}
+.wpb-td-inner {
+	color: initial;
+	font-weight: normal;
+}
+
+.wpb-double-underscore, .wpb-hr, .wpb-quote, .wpb-list, .wpb-dd {
+	color: #0076dd;
+	font-weight: bold;
+	background-color: #eee;
+}
+
+.wpb-link, .wpb-category, .wpb-file, .wpb-gallery-image, .wpb-imagemap-image,
+.wpb-ext-link, .wpb-free-ext-link {
+	color: #000aaa;
+	background-color: rgba(34, 17, 153, .03);
+}
+.wpb-link-text, .wpb-image-caption, .wpb-ext-link-text {
+	color: initial;
+}
+
+.wpb-converter {
+	color: #b68;
+	font-weight: bold;
+}
+.wpb-converter-rule {
+	font-weight: normal;
+}
+.wpb-converter-rule-from, .wpb-converter-rule-to, .wpb-converter-noconvert {
+	color: initial;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wikiparser-node",
-	"version": "1.5.0",
+	"version": "1.5.1-b",
 	"description": "A Node.js parser for MediaWiki markup with AST",
 	"keywords": [
 		"mediawiki",
@@ -14,41 +14,51 @@
 	"license": "GPL-3.0",
 	"author": "Bhsd",
 	"files": [
-		"/errors/README",
-		"/printed/README",
+		"/bundle/bundle.min.js",
+		"/extensions/dist/",
+		"/extensions/*.css",
+		"!/extensions/dist/gh-page.js",
+		"!/extensions/gh-page.css",
 		"/config/",
 		"/i18n/",
-		"/dist/",
-		"!/dist/[bt]*/"
+		"!/config/.schema.json"
 	],
-	"main": "./dist/index.js",
+	"browser": "/bundle/bundle.min.js",
+	"main": "./bundle/bundle.min.js",
+	"types": "./extensions/typings.d.ts",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/bhsd-harry/wikiparser-node.git"
 	},
 	"scripts": {
-		"toc": "node ./dist/bin/toc.js",
-		"declaration": "grep -rl --include='*.d.ts' '@private' dist/ | xargs bash sed.sh -i -E '/^\\s+\\/\\*\\* @private/,+1d'; node ./dist/bin/declaration.js",
-		"prepublishOnly": "npm run build && rm dist/internal.js dist/base.js dist/[pu]*/*.d.ts",
-		"build": "bash build.sh",
+		"prepublishOnly": "npm run build",
+		"build:core": "esbuild index.ts --bundle --minify --target=es2018 --outfile=bundle/bundle.min.js && eslint --no-eslintrc -c .eslintrc.browser.json bundle/bundle.min.js",
+		"build:ext": "bash build-ext.sh",
+		"build": "npm run build:core && npm run build:ext",
 		"diff": "bash diff.sh",
 		"diff:stat": "f() { git diff --stat --ignore-all-space --color=always $1 $2 -- . ':!extensions/' ':!bin/' | grep '\\.ts'; }; f",
-		"lint:ts": "tsc --noEmit && eslint --cache .",
+		"lint:ts": "tsc --noEmit && tsc --noEmit --project extensions/tsconfig.json && eslint --cache .",
 		"lint:json": "ajv -s config/.schema.json -d 'config/*.json' --strict=true --strict-required=false",
-		"lint": "npm run lint:ts && npm run lint:json",
-		"test": "node dist/test/test.js",
+		"lint:css": "stylelint extensions/*.css",
+		"lint": "npm run lint:ts && npm run lint:json && npm run lint:css",
+		"server": "npm run test:end; http-server .. -c-1 --cors &",
+		"test": "npm run build && gsed -i 's|importScripts.*|importScripts(\"http://127.0.0.1:8080/wikiparser-node/bundle/bundle.min.js\");|' extensions/dist/base.js; npm run server",
 		"test:end": "pkill -x http-server",
-		"test:real": "node dist/test/real.js"
+		"test:real": "tsc --project tsconfig.dist.json && node dist/test/real.js"
 	},
 	"devDependencies": {
+		"@bhsd/codemirror-mediawiki": "^2.1.11",
+		"@codemirror/lint": "^6.4.2",
 		"@cypress/request": "^3.0.1",
 		"@stylistic/eslint-plugin": "^1.5.4",
+		"@stylistic/stylelint-plugin": "^2.0.0",
 		"@types/node": "^20.11.6",
 		"@types/request": "^2.48.12",
 		"@typescript-eslint/eslint-plugin": "^6.19.1",
 		"@typescript-eslint/parser": "^6.19.1",
 		"ajv-cli": "^5.0.0",
 		"chalk": "^4.1.2",
+		"esbuild": "^0.19.12",
 		"eslint": "^8.56.0",
 		"eslint-plugin-es-x": "^7.5.0",
 		"eslint-plugin-eslint-comments": "^3.2.0",
@@ -58,6 +68,9 @@
 		"eslint-plugin-promise": "^6.1.1",
 		"eslint-plugin-regexp": "^2.2.0",
 		"eslint-plugin-unicorn": "^50.0.1",
+		"http-server": "^14.1.0",
+		"stylelint": "^16.1.0",
+		"stylelint-config-recommended": "^14.0.0",
 		"typescript": "^5.3.3"
 	},
 	"engines": {