@bhsd/codemirror-mediawiki 2.1.15 → 2.2.1

package/src/codemirror.ts

@@ -1,4 +1,4 @@
-import {Compartment, EditorState} from '@codemirror/state';
+import {Compartment, EditorState, EditorSelection} from '@codemirror/state';
 import {
 	EditorView,
 	lineNumbers,
@@ -23,9 +23,10 @@ import {searchKeymap} from '@codemirror/search';
 import {linter, lintGutter, openLintPanel, closeLintPanel, lintKeymap} from '@codemirror/lint';
 import {closeBrackets} from '@codemirror/autocomplete';
 import {mediawiki, html} from './mediawiki';
+import {keyMap} from './escape';
 import * as plugins from './plugins';
-import type {ViewPlugin} from '@codemirror/view';
-import type {Extension, Text} from '@codemirror/state';
+import type {ViewPlugin, KeyBinding} from '@codemirror/view';
+import type {Extension, Text, StateEffect} from '@codemirror/state';
 import type {Diagnostic} from '@codemirror/lint';
 import type {Highlighter} from '@lezer/highlight';
 import type {Linter} from 'eslint';
@@ -60,8 +61,13 @@ const avail: Record<string, [(config?: any) => Extension, Record<string, unknown
 		],
 		{},
 	],
+	escape: [
+		(keys: KeyBinding[] = []): Extension => keymap.of(keys),
+		{mediawiki: keyMap},
+	],
 };
-const CDN = 'https://testingcf.jsdelivr.net';
+
+export const CDN = 'https://testingcf.jsdelivr.net';
 
 /**
  * 使用传统方法加载脚本
@@ -96,6 +102,7 @@ export class CodeMirror6 {
 	readonly #linter = new Compartment();
 	readonly #extensions = new Compartment();
 	readonly #indent = new Compartment();
+	readonly #extraKeys = new Compartment();
 	#lang;
 	#visible = false;
 	#preferred = new Set<string>();
@@ -130,6 +137,7 @@ export class CodeMirror6 {
 			this.#linter.of([]),
 			this.#extensions.of([]),
 			this.#indent.of(indentUnit.of('\t')),
+			this.#extraKeys.of([]),
 			syntaxHighlighting(defaultHighlightStyle as Highlighter),
 			EditorView.contentAttributes.of({
 				accesskey: textarea.accessKey,
@@ -168,6 +176,14 @@ export class CodeMirror6 {
 		this.toggle(true);
 	}
 
+	/**
+	 * 修改扩展
+	 * @param effects 扩展变动
+	 */
+	#effects(effects: StateEffect<unknown> | StateEffect<unknown>[]): void {
+		this.#view.dispatch({effects});
+	}
+
 	/** 刷新编辑器高度 */
 	#refresh(): void {
 		const {offsetHeight} = this.#textarea;
@@ -203,14 +219,13 @@ export class CodeMirror6 {
 	 * @param config 语言设置
 	 */
 	setLanguage(lang = 'plain', config?: unknown): void {
-		this.#view.dispatch({
-			effects: [
-				this.#language.reconfigure(languages[lang]!(config)),
-				this.#linter.reconfigure(linters[lang] || []),
-			],
-		});
+		this.#effects([
+			this.#language.reconfigure(languages[lang]!(config)),
+			this.#linter.reconfigure(linters[lang] || []),
+		]);
 		this.#lang = lang;
 		this.#toggleLintPanel(Boolean(linters[lang]));
+		this.prefer({});
 	}
 
 	/**
@@ -229,9 +244,7 @@ export class CodeMirror6 {
 		} else {
 			delete linters[this.#lang];
 		}
-		this.#view.dispatch({
-			effects: [this.#linter.reconfigure(linterExtension)],
-		});
+		this.#effects(this.#linter.reconfigure(linterExtension));
 		this.#toggleLintPanel(Boolean(lintSource));
 	}
 
@@ -261,14 +274,12 @@ export class CodeMirror6 {
 				}
 			}
 		}
-		this.#view.dispatch({
-			effects: [
-				this.#extensions.reconfigure([...this.#preferred].map(name => {
-					const [extension, configs] = avail[name]!;
-					return extension(configs[this.#lang]);
-				})),
-			],
-		});
+		this.#effects(
+			this.#extensions.reconfigure([...this.#preferred].map(name => {
+				const [extension, configs] = avail[name]!;
+				return extension(configs[this.#lang]);
+			})),
+		);
 	}
 
 	/**
@@ -276,16 +287,14 @@ export class CodeMirror6 {
 	 * @param indent 缩进字符串
 	 */
 	setIndent(indent: string): void {
-		this.#view.dispatch({
-			effects: [this.#indent.reconfigure(indentUnit.of(indent))],
-		});
+		this.#effects(this.#indent.reconfigure(indentUnit.of(indent)));
 	}
 
 	/** 获取默认linter */
 	async getLinter(opt?: Record<string, unknown>): Promise<LintSource | undefined> {
 		switch (this.#lang) {
 			case 'mediawiki': {
-				const REPO = 'npm/wikiparser-node@1.4.1-b',
+				const REPO = 'npm/wikiparser-node@1.4.3-b',
 					DIR = `${REPO}/extensions/dist`,
 					src = `combine/${DIR}/base.min.js,${DIR}/lint.min.js`,
 					lang = opt?.['i18n'];
@@ -471,4 +480,28 @@ export class CodeMirror6 {
 		}
 		this.#visible = show;
 	}
+
+	/**
+	 * 添加额外快捷键
+	 * @param keys 快捷键
+	 */
+	extraKeys(keys: KeyBinding[]): void {
+		this.#effects(this.#extraKeys.reconfigure(keymap.of(keys)));
+	}
+
+	/**
+	 * 替换选中内容
+	 * @param view EditorView
+	 * @param func 替换函数
+	 */
+	static replaceSelections(view: EditorView, func: (str: string) => string): void {
+		const {state} = view;
+		view.dispatch(state.update(state.changeByRange(({from, to}) => {
+			const insert = func(state.sliceDoc(from, to));
+			return {
+				range: EditorSelection.cursor(from + insert.length),
+				changes: {from, to, insert},
+			};
+		})));
+	}
 }

package/src/escape.ts

@@ -0,0 +1,28 @@
+import {CodeMirror6} from './codemirror';
+import type {KeyBinding, Command} from '@codemirror/view';
+
+const entity = {'"': 'quot', "'": 'apos', '<': 'lt', '>': 'gt', '&': 'amp', ' ': 'nbsp'};
+const convert = (func: (str: string) => string): Command => (view): true => {
+		CodeMirror6.replaceSelections(view, func);
+		return true;
+	},
+	escapeHTML = convert(str => [...str].map(c => {
+		if (c in entity) {
+			return `&${entity[c as keyof typeof entity]};`;
+		}
+		const code = c.codePointAt(0)!;
+		return code < 256 ? `&#${code};` : `&#x${code.toString(16)};`;
+	}).join('')),
+	escapeURI = convert(str => {
+		if (str.includes('%')) {
+			try {
+				return decodeURIComponent(str);
+			} catch {}
+		}
+		return encodeURIComponent(str);
+	});
+
+export const keyMap: KeyBinding[] = [
+	{key: 'Mod-[', run: escapeHTML},
+	{key: 'Mod-]', run: escapeURI},
+];