@bhsd/codemirror-mediawiki 2.1.9 → 2.1.11

package/mw/dist/base.js

@@ -1,7 +1,7 @@
-import { CodeMirror6 } from 'https://testingcf.jsdelivr.net/npm/@bhsd/codemirror-mediawiki@2.1.9/dist/main.min.js';
+import { CodeMirror6 } from 'https://testingcf.jsdelivr.net/npm/@bhsd/codemirror-mediawiki@2.1.11/dist/main.min.js';
 (() => {
     var _a;
-    mw.loader.load('https://testingcf.jsdelivr.net/npm/@bhsd/codemirror-mediawiki@2.1.9/mediawiki.min.css', 'text/css');
+    mw.loader.load('https://testingcf.jsdelivr.net/npm/@bhsd/codemirror-mediawiki@2.1.11/mediawiki.min.css', 'text/css');
     mw.loader.addStyleTag('.wikiEditor-ui-toolbar{z-index:7}');
     const instances = new WeakMap();
     const getInstance = ($ele) => instances.get($ele[0]);
@@ -55,7 +55,7 @@ import { CodeMirror6 } from 'https://testingcf.jsdelivr.net/npm/@bhsd/codemirror
             return this;
         },
     };
-    const USING_LOCAL = mw.loader.getState('ext.CodeMirror') !== null, DATA_MODULE = mw.loader.getState('ext.CodeMirror.data') ? 'ext.CodeMirror.data' : 'ext.CodeMirror', ALL_SETTINGS_CACHE = (_a = JSON.parse(localStorage.getItem('InPageEditMwConfig'))) !== null && _a !== void 0 ? _a : {}, SITE_ID = `${mw.config.get('wgServerName')}${mw.config.get('wgScriptPath')}`, SITE_SETTINGS = ALL_SETTINGS_CACHE[SITE_ID], VALID = (SITE_SETTINGS === null || SITE_SETTINGS === void 0 ? void 0 : SITE_SETTINGS.time) > Date.now() - 86400 * 1000 * 30;
+    const USING_LOCAL = mw.loader.getState('ext.CodeMirror') !== null, DATA_MODULE = mw.loader.getState('ext.CodeMirror.data') ? 'ext.CodeMirror.data' : 'ext.CodeMirror', ALL_SETTINGS_CACHE = (_a = JSON.parse(localStorage.getItem('InPageEditMwConfig'))) !== null && _a !== void 0 ? _a : {}, SITE_ID = `${mw.config.get('wgServerName')}${mw.config.get('wgScriptPath')}`, SITE_SETTINGS = ALL_SETTINGS_CACHE[SITE_ID], VALID = Number(SITE_SETTINGS === null || SITE_SETTINGS === void 0 ? void 0 : SITE_SETTINGS.time) > Date.now() - 86400 * 1000 * 30;
     const getConfig = (magicWords, rule, flip) => {
         const words = magicWords.filter(rule).filter(({ 'case-sensitive': i }) => i !== flip)
             .flatMap(({ aliases, name, 'case-sensitive': i }) => aliases.map(alias => ({
@@ -166,7 +166,7 @@ import { CodeMirror6 } from 'https://testingcf.jsdelivr.net/npm/@bhsd/codemirror
             const { lang } = this;
             let opt;
             if (typeof optOrNs === 'number') {
-                if (lang === 'mediawiki' && (optOrNs === 10 || optOrNs === 828)) {
+                if (lang === 'mediawiki' && (optOrNs === 10 || optOrNs === 828 || optOrNs === 2)) {
                     opt = { include: true };
                 }
                 else if (lang === 'javascript' && (optOrNs === 8 || optOrNs === 2300)) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bhsd/codemirror-mediawiki",
-	"version": "2.1.9",
+	"version": "2.1.11",
 	"description": "Modified CodeMirror mode based on wikimedia/mediawiki-extensions-CodeMirror",
 	"keywords": [
 		"mediawiki",
@@ -28,14 +28,15 @@
 		"url": "git+https://github.com/bhsd-harry/codemirror-mediawiki.git"
 	},
 	"scripts": {
-		"build:core": "esbuild ./src/codemirror.ts --bundle --minify --target=es2018 --format=esm --sourcemap --outfile=dist/main.min.js; tsc --emitDeclarationOnly; rm dist/gh-page.d.ts",
+		"build:core": "esbuild ./src/codemirror.ts --bundle --minify --target=es2018 --format=esm --sourcemap --outfile=dist/main.min.js && tsc --emitDeclarationOnly && rm dist/gh-page.d.ts",
 		"build:mw": "bash build.sh mw/base.ts mw/dist/base.js",
 		"build:gh-page": "bash build.sh src/gh-page.ts gh-page.js",
 		"build": "npm run build:core && npm run build:mw",
 		"lint:ts": "tsc --noEmit && tsc --project mw/tsconfig.json --noEmit && eslint --cache .",
 		"lint:css": "stylelint *.css",
 		"lint": "npm run lint:ts && npm run lint:css",
-		"test": "http-server .. -c-1 --cors &",
+		"server": "http-server .. -c-1 --cors &",
+		"test": "npm run build:core && npm run build:gh-page && npm run server",
 		"test:end": "pkill -x http-server"
 	},
 	"engines": {

package/src/codemirror.ts

@@ -7,6 +7,7 @@ import {
 	highlightActiveLine,
 	highlightWhitespace,
 	highlightTrailingWhitespace,
+	drawSelection,
 } from '@codemirror/view';
 import {
 	syntaxHighlighting,
@@ -52,6 +53,13 @@ const avail: Record<string, [(config?: any) => Extension, Record<string, unknown
 	highlightTrailingWhitespace: [highlightTrailingWhitespace, {}],
 	bracketMatching: [bracketMatching, {mediawiki: {brackets: '[]{}'}}],
 	closeBrackets: [closeBrackets, {}],
+	allowMultipleSelections: [
+		(): Extension => [
+			EditorState.allowMultipleSelections.of(true),
+			drawSelection(),
+		],
+		{},
+	],
 };
 
 /**
@@ -260,8 +268,12 @@ export class CodeMirror6 {
 		this.#view.dispatch({
 			effects: [
 				this.#extensions.reconfigure(names.map(name => {
-					const [extension, configs] = avail[name]!;
-					return extension(configs[this.#lang]);
+					const option = avail[name];
+					if (option) {
+						const [extension, configs] = option;
+						return extension(configs[this.#lang]);
+					}
+					return [];
 				})),
 			],
 		});

package/src/mediawiki.ts

@@ -48,6 +48,12 @@ export interface MwConfig {
 	implicitlyClosedHtmlTags?: string[];
 }
 
+const enum TableCell {
+	Td,
+	Th,
+	Caption,
+}
+
 const copyState = (state: State): State => {
 	const newState = {} as State;
 	for (const [key, val] of Object.entries(state)) {
@@ -85,7 +91,7 @@ class MediaWiki {
 	constructor(config: MwConfig) {
 		this.config = config;
 		// eslint-disable-next-line require-unicode-regexp
-		this.urlProtocols = new RegExp(`^(?:${config.urlProtocols})`, 'i');
+		this.urlProtocols = new RegExp(`^(?:${config.urlProtocols})(?=[^\\s[\\]<>])`, 'i');
 		this.isBold = false;
 		this.wasBold = false;
 		this.isItalic = false;
@@ -145,7 +151,8 @@ class MediaWiki {
 		}));
 	}
 
-	eatHtmlEntity(stream: StringStream, style: string): string { // eslint-disable-line class-methods-use-this
+	// eslint-disable-next-line @typescript-eslint/class-methods-use-this
+	eatHtmlEntity(stream: StringStream, style: string): string {
 		const entity = stream.match(/^(?:#x[a-f\d]+|#\d+|[a-z\d]+);/iu) as RegExpMatchArray | false;
 		return entity && isHtmlEntity(`&${entity[0]}`) ? modeConfig.tags.htmlEntity : style;
 	}
@@ -158,7 +165,7 @@ class MediaWiki {
 		);
 	}
 
-	// eslint-disable-next-line class-methods-use-this
+	// eslint-disable-next-line @typescript-eslint/class-methods-use-this
 	makeLocalStyle(style: string, state: State, endGround?: 'nTemplate' | 'nLink' | 'nExt'): string {
 		let ground = '';
 
@@ -235,7 +242,7 @@ class MediaWiki {
 		return (ground && `mw${ground}-ground `) + style;
 	}
 
-	inBlock(style: string, terminator: string, consumeLast = true): Tokenizer {
+	inBlock(style: string, terminator: string, consumeLast?: boolean): Tokenizer {
 		return (stream, state) => {
 			if (stream.skipTo(terminator)) {
 				if (consumeLast) {
@@ -278,7 +285,7 @@ class MediaWiki {
 				} else if (stream.match(/^<!--(?!.*?-->.*?=)/u, false)) {
 					// T171074: handle trailing comments
 					stream.backUp(count);
-					state.tokenize = this.inBlock(modeConfig.tags.sectionHeader, '<!--', false);
+					state.tokenize = this.inBlock(modeConfig.tags.sectionHeader, '<!--');
 				}
 				return this.makeLocalStyle(modeConfig.tags.section, state);
 			}
@@ -303,7 +310,7 @@ class MediaWiki {
 		return this.makeLocalStyle(modeConfig.tags.templateVariableName, state);
 	}
 
-	inVariableDefault(isFirst: boolean): Tokenizer {
+	inVariableDefault(isFirst?: boolean): Tokenizer {
 		const style = modeConfig.tags[isFirst ? 'templateVariable' : 'comment'];
 		return (stream, state) => {
 			if (stream.match(/^[^{}[<&~|]+/u)) {
@@ -312,7 +319,7 @@ class MediaWiki {
 				state.tokenize = state.stack.pop()!;
 				return this.makeLocalStyle(modeConfig.tags.templateVariableBracket, state);
 			} else if (stream.eat('|')) {
-				state.tokenize = this.inVariableDefault(false);
+				state.tokenize = this.inVariableDefault();
 				return this.makeLocalStyle(modeConfig.tags.templateVariableDelimiter, state);
 			}
 			return this.eatWikiText(style)(stream, state);
@@ -345,7 +352,7 @@ class MediaWiki {
 		return this.eatWikiText(modeConfig.tags.parserFunction)(stream, state);
 	}
 
-	inTemplatePageName(haveAte: boolean): Tokenizer {
+	inTemplatePageName(haveAte?: boolean): Tokenizer {
 		return (stream, state) => {
 			if (stream.match(/^\s*\|\s*/u)) {
 				state.tokenize = this.inTemplateArgument(true);
@@ -372,11 +379,11 @@ class MediaWiki {
 		};
 	}
 
-	inTemplateArgument(expectArgName: boolean): Tokenizer {
+	inTemplateArgument(expectArgName?: boolean): Tokenizer {
 		return (stream, state) => {
 			if (expectArgName && stream.eatWhile(/[^=|}{[<&~]/u)) {
 				if (stream.eat('=')) {
-					state.tokenize = this.inTemplateArgument(false);
+					state.tokenize = this.inTemplateArgument();
 					return this.makeLocalStyle(modeConfig.tags.templateArgumentName, state);
 				}
 				return this.makeLocalStyle(modeConfig.tags.template, state);
@@ -531,7 +538,7 @@ class MediaWiki {
 		};
 	}
 
-	eatTagName(chars: number, isCloseTag: boolean, isHtmlTag: boolean): Tokenizer {
+	eatTagName(chars: number, isCloseTag: boolean, isHtmlTag?: boolean): Tokenizer {
 		return (stream, state) => {
 			let name = '';
 			for (let i = 0; i < chars; i++) {
@@ -613,8 +620,7 @@ class MediaWiki {
 	eatExtTagArea(name: string): Tokenizer {
 		return (stream, state) => {
 			const from = stream.pos,
-				pattern = new RegExp(`</${name}\\s*(?:>|$)`, 'iu'),
-				m = pattern.exec(from ? stream.string.slice(from) : stream.string);
+				m = new RegExp(`</${name}\\s*(?:>|$)`, 'iu').exec(from ? stream.string.slice(from) : stream.string);
 			let origString: string | false = false;
 
 			if (m) {
@@ -627,9 +633,8 @@ class MediaWiki {
 					}
 					return state.tokenize(stream, state);
 				}
-				const to = m.index + from;
 				origString = stream.string;
-				stream.string = origString.slice(0, to);
+				stream.string = origString.slice(0, m.index + from);
 			}
 
 			state.stack.push(state.tokenize);
@@ -642,12 +647,13 @@ class MediaWiki {
 		return (stream, state) => {
 			stream.next(); // eat <
 			stream.next(); // eat /
-			state.tokenize = this.eatTagName(name.length, true, false);
+			state.tokenize = this.eatTagName(name.length, true);
 			return this.makeLocalStyle(modeConfig.tags.extTagBracket, state);
 		};
 	}
 
-	inExtTokens(origString: string | false): Tokenizer { // eslint-disable-line class-methods-use-this
+	// eslint-disable-next-line @typescript-eslint/class-methods-use-this
+	inExtTokens(origString: string | false): Tokenizer {
 		return (stream, state) => {
 			let ret: string;
 			if (state.extMode === false) {
@@ -680,17 +686,6 @@ class MediaWiki {
 		return this.eatWikiText(modeConfig.tags.tableDefinition)(stream, state);
 	}
 
-	inTableCaption(stream: StringStream, state: State): string {
-		if (stream.sol() && stream.match(/^\s*(?:[|!]|\{\{\s*!\s*\}\})/u, false)) {
-			state.tokenize = this.inTable.bind(this);
-			return this.inTable(stream, state);
-		} else if (stream.match(/^\s*(?:\||\{\{\s*!\s*\}\}){2}/u, false)) {
-			state.tokenize = this.inTableRow(false, false);
-			return '';
-		}
-		return this.eatWikiText(modeConfig.tags.tableCaption)(stream, state);
-	}
-
 	inTable(stream: StringStream, state: State): string {
 		if (stream.sol()) {
 			stream.eatSpace();
@@ -700,25 +695,31 @@ class MediaWiki {
 					return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
 				} else if (stream.eat('+')) {
 					stream.eatSpace();
-					state.tokenize = this.inTableCaption.bind(this);
+					state.tokenize = this.inTableRow(true, TableCell.Caption);
 					return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
 				} else if (stream.eat('}')) {
 					state.tokenize = state.stack.pop()!;
 					return this.makeLocalStyle(modeConfig.tags.tableBracket, state);
 				}
 				stream.eatSpace();
-				state.tokenize = this.inTableRow(true, false);
+				state.tokenize = this.inTableRow(true, TableCell.Td);
 				return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
 			} else if (stream.eat('!')) {
 				stream.eatSpace();
-				state.tokenize = this.inTableRow(true, true);
+				state.tokenize = this.inTableRow(true, TableCell.Th);
 				return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
 			}
 		}
 		return this.eatWikiText('')(stream, state);
 	}
 
-	inTableRow(isStart: boolean, isHead: boolean): Tokenizer {
+	inTableRow(isStart: boolean, type: TableCell): Tokenizer {
+		let style = '';
+		if (type === TableCell.Caption) {
+			style = modeConfig.tags.tableCaption;
+		} else if (type === TableCell.Th) {
+			style = modeConfig.tags.strong;
+		}
 		return (stream, state) => {
 			if (stream.sol()) {
 				if (stream.match(/^\s*(?:[|!]|\{\{\s*!\s*\}\})/u, false)) {
@@ -726,19 +727,17 @@ class MediaWiki {
 					return this.inTable(stream, state);
 				}
 			} else if (stream.match(/^[^'|{[<&~!]+/u)) {
-				return this.makeStyle(isHead ? modeConfig.tags.strong : '', state);
-			} else if (
-				stream.match(/^(?:\||\{\{\s*!\s*\}\}){2}/u) || isHead && stream.match('!!')
-				|| isStart && stream.match(/^(?:\||\{\{\s*!\s*\}\})/u)
-			) {
+				return this.makeStyle(style, state);
+			} else if (stream.match(/^(?:\||\{\{\s*!\s*\}\}){2}/u) || type === TableCell.Th && stream.match('!!')) {
 				this.isBold = false;
 				this.isItalic = false;
-				if (isStart) {
-					state.tokenize = this.inTableRow(false, isHead);
-				}
+				state.tokenize = this.inTableRow(true, type);
+				return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
+			} else if (isStart && stream.match(/^(?:\||\{\{\s*!\s*\}\})/u)) {
+				state.tokenize = this.inTableRow(false, type);
 				return this.makeLocalStyle(modeConfig.tags.tableDelimiter, state);
 			}
-			return this.eatWikiText(isHead ? modeConfig.tags.strong : '')(stream, state);
+			return this.eatWikiText(style)(stream, state);
 		};
 	}
 
@@ -780,10 +779,11 @@ class MediaWiki {
 
 	eatWikiText(style: string): Tokenizer {
 		return (stream, state) => {
-			let ch: string | void; // eslint-disable-line @typescript-eslint/no-invalid-void-type
-			const sol = stream.sol();
+			let ch: string;
 
-			if (sol) {
+			if (stream.eol()) {
+				return '';
+			} else if (stream.sol()) {
 				if (stream.match('//')) {
 					return this.makeStyle(style, state);
 				// highlight free external links, see T108448
@@ -792,7 +792,7 @@ class MediaWiki {
 					state.tokenize = this.inFreeExternalLink.bind(this);
 					return this.makeStyle(modeConfig.tags.freeExtLinkProtocol, state);
 				}
-				ch = stream.next();
+				ch = stream.next()!;
 				switch (ch) {
 					case '-':
 						if (stream.match(/^-{3,}/u)) {
@@ -864,7 +864,7 @@ class MediaWiki {
 						// pass
 				}
 			} else {
-				ch = stream.next();
+				ch = stream.next()!;
 			}
 
 			switch (ch) {
@@ -938,14 +938,14 @@ class MediaWiki {
 						// Template
 						state.nTemplate++;
 						state.stack.push(state.tokenize);
-						state.tokenize = this.inTemplatePageName(false);
+						state.tokenize = this.inTemplatePageName();
 						return this.makeLocalStyle(modeConfig.tags.templateBracket, state);
 					}
 					break;
 				case '<': {
 					if (stream.match('!--')) { // comment
 						state.stack.push(state.tokenize);
-						state.tokenize = this.inBlock(modeConfig.tags.comment, '-->');
+						state.tokenize = this.inBlock(modeConfig.tags.comment, '-->', true);
 						return this.makeLocalStyle(modeConfig.tags.comment, state);
 					}
 					const isCloseTag = Boolean(stream.eat('/')),
@@ -954,17 +954,18 @@ class MediaWiki {
 						const tagname = mt[0]!.toLowerCase();
 						if (tagname in this.config.tags) {
 							// Parser function
+							state.stack.push(state.tokenize);
 							if (isCloseTag) {
 								state.tokenize = this.inChar('>', modeConfig.tags.error);
 								return this.makeLocalStyle(modeConfig.tags.error, state);
 							}
 							stream.backUp(tagname.length);
-							state.stack.push(state.tokenize);
-							state.tokenize = this.eatTagName(tagname.length, isCloseTag, false);
+							state.tokenize = this.eatTagName(tagname.length, isCloseTag);
 							return this.makeLocalStyle(modeConfig.tags.extTagBracket, state);
 						} else if (this.permittedHtmlTags.has(tagname)) {
 							// Html tag
 							if (isCloseTag && tagname !== state.inHtmlTag.pop()) {
+								state.stack.push(state.tokenize);
 								state.tokenize = this.inChar('>', modeConfig.tags.error);
 								return this.makeLocalStyle(modeConfig.tags.error, state);
 							} else if (isCloseTag && this.implicitlyClosedHtmlTags.has(tagname)) {
@@ -1101,12 +1102,7 @@ class MediaWiki {
 			},
 
 			token: (stream, state): string => {
-				let style: string,
-					p: number | null = null,
-					t: Token,
-					f: number | null,
-					tmpTokens: Token[] = [];
-				const readyTokens: Token[] = [];
+				let t: Token;
 
 				if (this.oldTokens.length > 0) {
 					// just send saved tokens till they exists
@@ -1122,6 +1118,11 @@ class MediaWiki {
 					this.firstSpace = null;
 				}
 
+				let style: string,
+					p: number | null = null,
+					f: number | null;
+				const tmpTokens: Token[] = [],
+					readyTokens: Token[] = [];
 				do {
 					// get token style
 					style = state.tokenize(stream, state);
@@ -1135,7 +1136,7 @@ class MediaWiki {
 							if (tmpTokens.length > 0) {
 								// save tokens
 								readyTokens.push(...tmpTokens);
-								tmpTokens = [];
+								tmpTokens.length = 0;
 							}
 						}
 						// save token
@@ -1217,10 +1218,9 @@ for (const [language, parser] of Object.entries(plugins)) {
  * @param config Configuration for the MediaWiki mode
  */
 export const mediawiki = (config: MwConfig): LanguageSupport => {
-	const mode = new MediaWiki(config);
-	const parser = mode.mediawiki;
-	const lang = StreamLanguage.define(parser);
-	const highlighter = syntaxHighlighting(HighlightStyle.define(mode.getTagStyles()) as Highlighter);
+	const mode = new MediaWiki(config),
+		lang = StreamLanguage.define(mode.mediawiki),
+		highlighter = syntaxHighlighting(HighlightStyle.define(mode.getTagStyles()) as Highlighter);
 	return new LanguageSupport(lang, highlighter);
 };