@bhsd/codemirror-mediawiki 2.1.15 → 2.2.0

package/src/codemirror.ts

@@ -1,4 +1,4 @@
-import {Compartment, EditorState} from '@codemirror/state';
+import {Compartment, EditorState, EditorSelection} from '@codemirror/state';
 import {
 	EditorView,
 	lineNumbers,
@@ -24,8 +24,8 @@ import {linter, lintGutter, openLintPanel, closeLintPanel, lintKeymap} from '@co
 import {closeBrackets} from '@codemirror/autocomplete';
 import {mediawiki, html} from './mediawiki';
 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';
@@ -61,7 +61,8 @@ const avail: Record<string, [(config?: any) => Extension, Record<string, unknown
 		{},
 	],
 };
-const CDN = 'https://testingcf.jsdelivr.net';
+
+export const CDN = 'https://testingcf.jsdelivr.net';
 
 /**
  * 使用传统方法加载脚本
@@ -96,6 +97,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 +132,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 +171,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,12 +214,10 @@ 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]));
 	}
@@ -229,9 +238,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 +268,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 +281,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 +474,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},
+			};
+		})));
+	}
 }