@bhsd/codemirror-mediawiki 3.12.1 → 3.12.3

package/dist/codemirror.d.ts

@@ -4,7 +4,8 @@ import type { Extension, StateField } from '@codemirror/state';
 import type { SyntaxNode } from '@lezer/common';
 import type { ConfigGetter } from '@bhsd/browser';
 import type { ConfigData } from 'wikiparser-node';
-import type { DocRange, foldHandler } from './fold';
+import type { foldHandler } from './fold';
+import type { DocRange } from './util';
 import type { detectIndent } from './indent';
 import type { Option, LiveOption } from './linter';
 import type { LintSource, LintSources, LintSourceGetter } from './lintsource';

package/dist/codemirror.js

@@ -5,7 +5,7 @@ import { defaultKeymap, historyKeymap, history, redo, indentWithTab, insertNewli
 import { search, searchKeymap } from '@codemirror/search';
 import { linter, lintGutter } from '@codemirror/lint';
 import elt from 'crelt';
-import { base, panelSelector, panelsSelector, diagnosticSelector, noDetectionLangs } from './constants.js';
+import { baseData, panelSelector, panelsSelector, diagnosticSelector, noDetectionLangs } from './constants.js';
 import { light } from './theme.js';
 import { nextDiagnostic } from './lint.js';
 export const plain = () => [
@@ -62,10 +62,10 @@ export const replaceSelections = (view, func) => {
 /** CodeMirror 6 editor */
 export class CodeMirror6 {
     static get CDN() {
-        return base.CDN;
+        return baseData.CDN;
     }
     static set CDN(url) {
-        base.CDN = url;
+        baseData.CDN = url;
     }
     #textarea;
     #language = new Compartment();
@@ -301,10 +301,10 @@ export class CodeMirror6 {
                     const diagnostics = (await source(state)).map((diagnostic) => ({
                         ...diagnostic,
                         renderMessage(view) {
-                            const span = elt('span', { class: diagnosticSelector.slice(1) }, diagnostic.renderMessage?.(view) ?? diagnostic.message);
+                            const span = elt('span', { class: diagnosticSelector.slice(1) }, diagnostic.renderMessage?.call(this, view) ?? this.message);
                             span.addEventListener('click', () => {
                                 view.dispatch({
-                                    selection: { anchor: diagnostic.from, head: diagnostic.to },
+                                    selection: { anchor: this.from, head: this.to },
                                 });
                                 view.focus();
                             });

package/dist/constants.d.ts

@@ -1,4 +1,5 @@
 import { Decoration } from '@codemirror/view';
-export declare const base: Record<'CDN', string | undefined>, hoverSelector = ".cm-tooltip-hover-mw", diagnosticSelector = ".cm-diagnosticText-clickable", panelSelector = ".cm-panel", panelsSelector = ".cm-panels", actionSelector = ".cm-diagnosticAction", doctagMark: Decoration, typeMark: Decoration, noDetectionLangs: Set<string>, bgDark = "#4c566a", matchingCls = "cm-matchingTag", nonmatchingCls = "cm-nonmatchingTag";
+import type { Completion } from '@codemirror/autocomplete';
+export declare const baseData: Record<'CDN', string | undefined>, extData: Record<string, Set<string>>, extCompletion: Record<string, Completion[]>, hoverSelector = ".cm-tooltip-hover-mw", diagnosticSelector = ".cm-diagnosticText-clickable", panelSelector = ".cm-panel", panelsSelector = ".cm-panels", actionSelector = ".cm-diagnosticAction", doctagMark: Decoration, typeMark: Decoration, noDetectionLangs: Set<string>, bgDark = "#4c566a", matchingCls = "cm-matchingTag", nonmatchingCls = "cm-nonmatchingTag";
 export declare const isWMF: boolean;
 export declare const isMac: boolean;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import { Decoration } from '@codemirror/view';
 import { wmf } from '@bhsd/common';
-export const base = { CDN: undefined }, hoverSelector = '.cm-tooltip-hover-mw', diagnosticSelector = '.cm-diagnosticText-clickable', panelSelector = '.cm-panel', panelsSelector = '.cm-panels', actionSelector = '.cm-diagnosticAction', doctagMark = /* @__PURE__ */ Decoration.mark({ class: 'cm-doctag' }), typeMark = /* @__PURE__ */ Decoration.mark({ class: 'cm-doctag-type' }), noDetectionLangs = new Set(['plain', 'mediawiki']), bgDark = '#4c566a', matchingCls = 'cm-matchingTag', nonmatchingCls = 'cm-nonmatchingTag';
+export const baseData = { CDN: undefined }, extData = {}, extCompletion = {}, hoverSelector = '.cm-tooltip-hover-mw', diagnosticSelector = '.cm-diagnosticText-clickable', panelSelector = '.cm-panel', panelsSelector = '.cm-panels', actionSelector = '.cm-diagnosticAction', doctagMark = /* @__PURE__ */ Decoration.mark({ class: 'cm-doctag' }), typeMark = /* @__PURE__ */ Decoration.mark({ class: 'cm-doctag-type' }), noDetectionLangs = new Set(['plain', 'mediawiki']), bgDark = '#4c566a', matchingCls = 'cm-matchingTag', nonmatchingCls = 'cm-nonmatchingTag';
 export const isWMF = /* @__PURE__ */ (() => typeof location === 'object'
     && new RegExp(String.raw `\.(?:${wmf})\.org$`, 'u').test(location.hostname))();
 export const isMac = /* @__PURE__ */ (() => {

package/dist/css.js

@@ -1,7 +1,7 @@
 import { cssLanguage, cssCompletionSource } from '@codemirror/lang-css';
 import { LanguageSupport, syntaxTree } from '@codemirror/language';
-import { sliceDoc } from './util.js';
-const cssWideKeywords = /* @__PURE__ */ (() => ['revert', 'revert-layer'].map((label) => ({ label, type: 'keyword' })))();
+import { sliceDoc, getCompletions } from './util.js';
+const cssWideKeywords = /* @__PURE__ */ getCompletions(['revert', 'revert-layer']);
 /**
  * CSS completion source with dialect-specific adjustments.
  * @param dialect 是否是sanitized-css

package/dist/escape.js

@@ -3,7 +3,7 @@ import { EditorSelection } from '@codemirror/state';
 import { indentMore, indentLess } from '@codemirror/commands';
 import { getLSP } from '@bhsd/browser';
 import elt from 'crelt';
-import { base } from './constants.js';
+import { baseData } from './constants.js';
 import { replaceSelections, menuRegistry, } from './codemirror.js';
 import { sliceDoc, toConfigGetter, } from './util.js';
 const entity = { '"': 'quot', "'": 'apos', '<': 'lt', '>': 'gt', '&': 'amp', ' ': 'nbsp' };
@@ -60,17 +60,16 @@ escapeWiki = async (view, lsp) => {
     }
     view.dispatch(state.changeByRange(range => {
         const insert = replacements.get(range);
-        if (insert === undefined) {
-            return { range };
-        }
-        return {
-            range: EditorSelection.range(range.from, range.from + insert.length),
-            changes: { from: range.from, to: range.to, insert },
-        };
+        return insert === undefined
+            ? { range }
+            : {
+                range: EditorSelection.range(range.from, range.from + insert.length),
+                changes: { from: range.from, to: range.to, insert },
+            };
     }));
 };
 const escapeWikiCommand = (view, getConfig) => {
-    const lsp = getLSP(view, false, getConfig, base.CDN);
+    const lsp = getLSP(view, false, getConfig, baseData.CDN);
     if (lsp && 'provideRefactoringAction' in lsp && view.state.selection.ranges.some(({ empty }) => !empty)) {
         void escapeWiki(view, lsp);
         return true;
@@ -99,7 +98,7 @@ menuRegistry.push({
                 handlerBase(view, e);
             });
             items = [btnHTML, btnURI];
-            const lsp = getLSP(view, false, cm.getWikiConfig, base.CDN);
+            const lsp = getLSP(view, false, cm.getWikiConfig, baseData.CDN);
             if (lsp && 'provideRefactoringAction' in lsp) {
                 const btnWiki = elt('div', 'Escape with magic words');
                 btnWiki.addEventListener('click', e => {

package/dist/fold.d.ts

@@ -3,10 +3,7 @@ import { RangeSet } from '@codemirror/state';
 import type { BlockInfo, Command } from '@codemirror/view';
 import type { EditorState, StateEffect, Extension } from '@codemirror/state';
 import type { SyntaxNode, Tree } from '@lezer/common';
-export interface DocRange {
-    from: number;
-    to: number;
-}
+import type { DocRange } from './util';
 declare type AnchorUpdate = (pos: number, range: DocRange) => number;
 export declare const updateSelection: AnchorUpdate, updateAll: AnchorUpdate;
 /**
@@ -17,7 +14,7 @@ export declare const updateSelection: AnchorUpdate, updateAll: AnchorUpdate;
  * @param refOnly 是否仅检查`<ref>`标签
  * @test
  */
-export declare const foldable: (state: EditorState, posOrNode: number | SyntaxNode, tree?: Tree | null, refOnly?: boolean) => DocRange | false;
+export declare const foldableInline: (state: EditorState, posOrNode: number | SyntaxNode, tree?: Tree | null, refOnly?: boolean) => DocRange | false;
 /**
  * 折叠所有模板
  * @param state
@@ -31,7 +28,7 @@ export declare const foldable: (state: EditorState, posOrNode: number | SyntaxNo
  * @test
  */
 export declare const traverse: (state: EditorState, tree: Tree, effects: StateEffect<DocRange>[], node: SyntaxNode | null, end: number, anchor: number, update: AnchorUpdate, refOnly?: boolean) => number;
-declare class FoldMarker extends GutterMarker {
+declare class MyFoldMarker extends GutterMarker {
     readonly open: boolean;
     constructor(open: boolean);
     eq(other: this): boolean;
@@ -48,7 +45,7 @@ export declare const foldableLine: ({ state, viewportLineBlocks }: EditorView, {
  * @param view
  * @test
  */
-export declare const buildMarkers: (view: EditorView) => RangeSet<FoldMarker>;
+export declare const buildMarkers: (view: EditorView) => RangeSet<MyFoldMarker>;
 /**
  * 生成折叠命令
  * @param refOnly 是否仅检查`<ref>`标签
@@ -62,7 +59,7 @@ export declare const unfoldRef: Command;
  * @param view
  * @test
  */
-export declare const selectedLines: (view: EditorView) => BlockInfo[];
+export declare const mySelectedLines: (view: EditorView) => BlockInfo[];
 /**
  * Fold the template at the selection/cursor
  * @param view

package/dist/fold.js

@@ -47,7 +47,7 @@ const refNames = new Set(['ref', 'references']);
  * @param refOnly 是否仅检查`<ref>`标签
  * @test
  */
-export const foldable = (state, posOrNode, tree, refOnly = false) => {
+export const foldableInline = (state, posOrNode, tree, refOnly = false) => {
     if (typeof posOrNode === 'number') {
         tree = ensureSyntaxTree(state, posOrNode);
     }
@@ -141,7 +141,7 @@ const foldSelector = '.cm-tooltip-fold';
  * @param state
  */
 const create = (state) => {
-    const { head } = state.selection.main, range = foldable(state, head);
+    const { head } = state.selection.main, range = foldableInline(state, head);
     if (range) {
         const { from, to } = range;
         let folded = false;
@@ -207,7 +207,7 @@ export const traverse = (state, tree, effects, node, end, anchor, update, refOnl
     while (node && (node.from < end
         || node.from === end
             && !(isTemplateBracket(node) && sliceDoc(state, node).startsWith('}}')))) {
-        const range = foldable(state, node, tree, refOnly);
+        const range = foldableInline(state, node, tree, refOnly);
         if (range) {
             effects.push(foldEffect.of(range));
             node = tree.resolve(range.to, 1);
@@ -219,7 +219,7 @@ export const traverse = (state, tree, effects, node, end, anchor, update, refOnl
     }
     return anchor;
 };
-class FoldMarker extends GutterMarker {
+class MyFoldMarker extends GutterMarker {
     constructor(open) {
         super();
         this.open = open;
@@ -231,8 +231,8 @@ class FoldMarker extends GutterMarker {
         return elt('span', { title: state.phrase(this.open ? 'Fold line' : 'Unfold line') }, this.open ? '⌄' : '›');
     }
 }
-const canFold = /* @__PURE__ */ new FoldMarker(true), canUnfold = /* @__PURE__ */ new FoldMarker(false);
-const findFold = ({ state }, line) => {
+const canFold = /* @__PURE__ */ new MyFoldMarker(true), canUnfold = /* @__PURE__ */ new MyFoldMarker(false);
+const myFindFold = ({ state }, line) => {
     let found;
     state.field(foldState, false)?.between(line.from, line.to, (from, to) => {
         if (!found && to === line.to) {
@@ -323,7 +323,7 @@ export const buildMarkers = (view) => {
     const builder = new RangeSetBuilder();
     for (const line of view.viewportLineBlocks) {
         let mark;
-        if (findFold(view, line)) {
+        if (myFindFold(view, line)) {
             mark = canUnfold;
         }
         else if (foldableLine(view, line)) {
@@ -393,7 +393,7 @@ export const unfoldRef = (view) => {
  * @param view
  * @test
  */
-export const selectedLines = (view) => {
+export const mySelectedLines = (view) => {
     const lines = [];
     for (const { head } of view.state.selection.ranges) {
         if (lines.some(({ from, to }) => from <= head && to >= head)) {
@@ -403,7 +403,7 @@ export const selectedLines = (view) => {
     }
     return lines;
 };
-const foldCode = (view, line) => {
+const myFoldCode = (view, line) => {
     const range = foldableLine(view, line);
     if (range) {
         view.dispatch({ effects: foldEffect.of(range) });
@@ -411,8 +411,8 @@ const foldCode = (view, line) => {
     }
     return false;
 };
-const unfoldCode = (view, line) => {
-    const folded = findFold(view, line);
+const myUnfoldCode = (view, line) => {
+    const folded = myFindFold(view, line);
     return folded && unfoldEffect.of(folded);
 };
 /**
@@ -437,8 +437,8 @@ export const foldAt = view => {
     if (effects.length > 0) {
         return execute(view, effects, anchor);
     }
-    for (const line of selectedLines(view)) {
-        if (foldCode(view, line)) {
+    for (const line of mySelectedLines(view)) {
+        if (myFoldCode(view, line)) {
             return true;
         }
     }
@@ -515,8 +515,8 @@ export const mediawikiFold = /* @__PURE__ */ (() => [
                     view.dispatch({ effects, selection });
                     return true;
                 }
-                for (const line of selectedLines(view)) {
-                    const effect = unfoldCode(view, line);
+                for (const line of mySelectedLines(view)) {
+                    const effect = myUnfoldCode(view, line);
                     if (effect) {
                         effects.push(effect);
                     }
@@ -537,16 +537,16 @@ export const mediawikiFold = /* @__PURE__ */ (() => [
             return view.plugin(markers)?.markers ?? RangeSet.empty;
         },
         initialSpacer() {
-            return new FoldMarker(false);
+            return new MyFoldMarker(false);
         },
         domEventHandlers: {
             click(view, line) {
-                const effects = unfoldCode(view, line);
+                const effects = myUnfoldCode(view, line);
                 if (effects) {
                     view.dispatch({ effects });
                     return true;
                 }
-                return foldCode(view, line);
+                return myFoldCode(view, line);
             },
         },
     }),

package/dist/hover.js

@@ -2,7 +2,7 @@ import { hoverTooltip, EditorView } from '@codemirror/view';
 import { ensureSyntaxTree } from '@codemirror/language';
 import { getLSP, loadScript, } from '@bhsd/browser';
 import { tokens } from './config.js';
-import { base, hoverSelector, bgDark } from './constants.js';
+import { baseData, hoverSelector, bgDark } from './constants.js';
 import { indexToPos, posToIndex, createTooltipView, toConfigGetter, escHTML, sliceDoc, findTemplateName, } from './util.js';
 const code = `${hoverSelector} code`;
 /**
@@ -58,13 +58,13 @@ export default (articlePath, templatedata) => (cm) => {
         hoverTooltip(async (view, pos, side) => {
             const { state } = view, { doc } = state;
             const { paramSuggest, tags } = cm.langConfig;
-            let hover = await getLSP(view, false, toConfigGetter(cm.getWikiConfig, articlePath), base.CDN)?.provideHover(doc.toString(), indexToPos(doc, pos));
+            let hover = await getLSP(view, false, toConfigGetter(cm.getWikiConfig, articlePath), baseData.CDN)?.provideHover(doc.toString(), indexToPos(doc, pos));
             if (!hover && paramSuggest && 'templatedata' in tags) {
                 // eslint-disable-next-line require-atomic-updates
                 hover = await getHoverFromApi(state, pos, side, paramSuggest, templatedata);
             }
             if (hover) {
-                const { CDN = '' } = base;
+                const { CDN = '' } = baseData;
                 await loadScript(`${CDN}${CDN && '/'}npm/marked/lib/marked.umd.js`, 'marked', true);
                 const { end } = hover.range;
                 return {

package/dist/index.d.ts

@@ -159,4 +159,4 @@ export declare const registerLanguage: (name: string, lang: (config?: unknown) =
  */
 export declare const registerLanguageCore: (name: string, lang: (config?: unknown) => LanguageSupport, lintSource?: LintSourceGetter) => void;
 export declare const registerTheme: (name: string, theme: Extension) => void;
-export { nord } from './theme.js';
+export { nordDark as nord } from './theme.js';

package/dist/index.js

@@ -422,4 +422,4 @@ export const registerLanguageCore = (name, lang, lintSource) => {
 export const registerTheme = (name, theme) => {
     themes[name] = theme;
 };
-export { nord } from './theme.js';
+export { nordDark as nord } from './theme.js';

package/dist/inlay.js

@@ -2,7 +2,7 @@ import { StateField, StateEffect } from '@codemirror/state';
 import { Decoration, EditorView, WidgetType, ViewPlugin } from '@codemirror/view';
 import { getLSP } from '@bhsd/browser';
 import elt from 'crelt';
-import { base } from './constants.js';
+import { baseData } from './constants.js';
 import { posToIndex, toConfigGetter, } from './util.js';
 const cls = 'cm-inlay-hint';
 class InlayHintWidget extends WidgetType {
@@ -54,7 +54,7 @@ export default (articlePath) => (cm) => {
         field,
         ViewPlugin.define(view => {
             const timer = setInterval(() => {
-                if (getLSP(view, false, toConfigGetter(cm.getWikiConfig, articlePath), base.CDN)) {
+                if (getLSP(view, false, toConfigGetter(cm.getWikiConfig, articlePath), baseData.CDN)) {
                     clearInterval(timer);
                     void update({ view, docChanged: true });
                 }

package/dist/javascript.d.ts

@@ -1,7 +1,7 @@
 import type { Extension, EditorState } from '@codemirror/state';
 import type { DecorationSet } from '@codemirror/view';
 import type { Tree } from '@lezer/common';
-import type { DocRange } from './fold';
+import type { DocRange } from './util';
 import type { CodeMirror6 } from './codemirror';
 export declare const jsCompletion: Extension;
 /**

package/dist/javascript.js

@@ -6,7 +6,7 @@ import { builtin } from './javascript-globals.js';
 import { doctagMark } from './constants.js';
 import { markDocTagType, pushDecoration } from './util.js';
 export const jsCompletion = javascriptLanguage.data.of({ autocomplete: scopeCompletionSource(globalThis) });
-const globalsMark = Decoration.mark({ class: 'cm-globals' }), builtinGlobals = new Set(Object.keys(builtin));
+const globalsMark = Decoration.mark({ class: 'cm-globals' }), varMark = Decoration.mark({ class: 'cm-doctag-var' }), builtinGlobals = new Set(Object.keys(builtin));
 /**
  * 忽略JavaScript正则表达式中的括号匹配
  * @param state
@@ -61,14 +61,18 @@ export const markGlobalsAndDocTag = (tree, visibleRanges, state, cm) => {
                     }
                 }
                 else if (type.is('BlockComment') && /^\/\*{2}(?!\*)/u.test(name)) {
-                    const comment = name.slice(2), mtAll = comment.matchAll(/^[ \t]*\*\s*(@[a-z]+)(\s+\{(?!\}))?|\{(@[a-z]+)/dgimu);
+                    const comment = name.slice(2), pos = f + 2, mtAll = comment.matchAll(/^[ \t]*\*\s*(@[a-z]+)(\s+\{)?|\{(@[a-z]+)/dgimu);
                     for (const mt of mtAll) {
                         if (mt[3]) {
                             const [start, end] = mt.indices[3];
-                            pushDecoration(decorations, doctagMark, f + start + 2, f + end + 2);
+                            pushDecoration(decorations, doctagMark, pos + start, pos + end);
                         }
                         else {
-                            markDocTagType(decorations, f + 2, mt);
+                            const index = markDocTagType(decorations, pos, mt), m = /^\s+([a-z_]\w*)\s+-/diu.exec(comment.slice(index));
+                            if (m) {
+                                const [start, end] = m.indices[1];
+                                pushDecoration(decorations, varMark, pos + index + start, pos + index + end);
+                            }
                         }
                     }
                 }

package/dist/json.d.ts

@@ -0,0 +1,8 @@
+import type { StreamParser, StringStream } from '@codemirror/language';
+declare interface State {
+    tokenize: Tokenizer;
+    wb: boolean;
+}
+declare type Tokenizer = (stream: StringStream, state: State) => string;
+export declare const jsonBasic: StreamParser<State>, jsonc: StreamParser<State>;
+export {};

package/dist/json.js

@@ -0,0 +1,101 @@
+import { inComment } from './util.js';
+const eatNumber = (stream, state) => {
+    if (stream.match(/^\d+(?:\.\d+)?(?:e[+-]?\d+)?/iu)) {
+        state.wb = false;
+        return /* #164 */ 'number';
+    }
+    state.wb = true;
+    return '';
+};
+const mkJson = (jsoncMode) => {
+    // Tokenizer
+    const inBase = (stream, state) => {
+        if (stream.eatSpace()) {
+            state.wb = true;
+            return '';
+        }
+        const ch = stream.next();
+        switch (ch) {
+            case '{':
+            case '}':
+                state.wb = true;
+                return 'brace';
+            case '[':
+            case ']':
+                state.wb = true;
+                return 'squareBracket';
+            case ':':
+            case ',':
+                state.wb = true;
+                return 'separator';
+            case '/':
+                state.wb = true;
+                if (jsoncMode) {
+                    if (stream.eat('/')) {
+                        stream.skipToEnd();
+                        return /* #940 */ 'comment';
+                    }
+                    else if (stream.eat('*')) {
+                        state.tokenize = inJsoncComment;
+                        return 'comment';
+                    }
+                }
+                return '';
+            case '"': {
+                state.wb = true;
+                let escaped = false, next = stream.next();
+                while (next) {
+                    if (!escaped && next === '"') {
+                        break;
+                    }
+                    escaped = !escaped && next === '\\';
+                    next = stream.next();
+                }
+                return stream.match(/^\s*:/u, false)
+                    ? /* #00c */ 'propertyName.definition'
+                    : /* #a11 */ 'string';
+            }
+            case '-':
+                if (state.wb) {
+                    return eatNumber(stream, state);
+                }
+                state.wb = true;
+                return '';
+            default:
+                if (state.wb) {
+                    if (/\d/u.test(ch)) {
+                        stream.backUp(1);
+                        return eatNumber(stream, state);
+                    }
+                    else if (ch === 'n' && stream.match(/^ull\b/u)) {
+                        state.wb = false;
+                        return /* #708 */ 'null';
+                    }
+                    else if (ch === 't' && stream.match(/^rue\b/u)
+                        || ch === 'f' && stream.match(/^alse\b/u)) {
+                        state.wb = false;
+                        return /* #219 */ 'bool';
+                    }
+                }
+                state.wb = !/[\w$]/u.test(ch);
+                return '';
+        }
+    };
+    const inJsoncComment = inComment(inBase, '*/');
+    // Interface
+    return {
+        startState() {
+            return {
+                tokenize: inBase,
+                wb: true,
+            };
+        },
+        token(stream, state) {
+            if (stream.sol()) {
+                state.wb = true;
+            }
+            return state.tokenize(stream, state);
+        },
+    };
+};
+export const jsonBasic = mkJson(), jsonc = mkJson(true);

package/dist/keymap.d.ts

@@ -1,5 +1,12 @@
 import type { KeyBinding } from '@codemirror/view';
+import type { EditorState } from '@codemirror/state';
+import type { Tree } from '@lezer/common';
 import type { KeymapConfig } from './keybindings';
+/**
+ * @ignore
+ * @test
+ */
+export declare const getExtNames: (state: EditorState, tree: Tree, pos: number, side: 1 | -1) => string[];
 /**
  * 生成keymap
  * @param opt 快捷键设置
@@ -9,6 +16,6 @@ import type { KeymapConfig } from './keybindings';
  * @param opt.splitlines 是否分行
  * @test
  */
-export declare const getKeymap: ({ key, pre, post, splitlines }: KeymapConfig) => KeyBinding;
+export declare const getWikiKeymap: ({ key, pre, post, splitlines }: KeymapConfig) => KeyBinding;
 declare const _default: KeyBinding[];
 export default _default;

package/dist/keymap.js

@@ -1,5 +1,50 @@
 import { EditorSelection } from '@codemirror/state';
+import { syntaxTree } from '@codemirror/language';
 import { keybindings, encapsulateLines } from './keybindings.js';
+import { getTag } from './matchTag.js';
+import { sliceDoc, getExtTags } from './util.js';
+/**
+ * @ignore
+ * @test
+ */
+export const getExtNames = (state, tree, pos, side) => {
+    const node = tree.resolveInner(pos, side), { name } = node;
+    if (name === 'Document') {
+        const { doc } = state, end = side === 1 ? 'to' : 'from';
+        let line = doc.lineAt(pos);
+        if (line[end] === pos) {
+            const { lines } = doc;
+            for (let { number } = line; number > 0 && number <= lines; number -= side) {
+                line = doc.line(number);
+                if (line.length > 0) {
+                    return getExtNames(state, tree, line[end], -side);
+                }
+            }
+        }
+        return [];
+    }
+    const ext = name.includes('mw-tag-') ? getExtTags(name.split('_')) : [];
+    if (name.includes('mw-exttag-bracket')) {
+        const bracket = sliceDoc(state, node), { from } = node;
+        // `<score>`、`<maplink>`和`<mapfram>`内部均不可包含其他扩展标签，所以可以省略一些情形
+        if (side === 1 ? bracket === '</' && from === pos : bracket === '>') {
+            // 在扩展标签旁，如 `・</score>` 或 `<maplink>・`
+            const sibling = node[side === 1 ? 'nextSibling' : 'prevSibling'], tag = sibling && getTag(state, sibling);
+            if (tag && (side === 1 || !tag.closing)) {
+                ext.push(tag.name);
+            }
+        }
+        else if (bracket === '></' && from + 1 === pos) {
+            // 扩展标签内尚无内容，如 `<score>・</score>`
+            const { prevSibling } = node, tag = prevSibling && getTag(state, prevSibling);
+            if (tag) {
+                ext.push(tag.name);
+            }
+        }
+    }
+    return ext;
+};
+const isExtRange = (from, to, empty, names) => names.some(name => empty ? from.includes(name) || to.includes(name) : from.includes(name) && to.includes(name));
 /**
  * 生成keymap
  * @param opt 快捷键设置
@@ -9,21 +54,58 @@ import { keybindings, encapsulateLines } from './keybindings.js';
  * @param opt.splitlines 是否分行
  * @test
  */
-export const getKeymap = ({ key, pre = '', post = '', splitlines }) => ({
+export const getWikiKeymap = ({ key, pre = '', post = '', splitlines }) => ({
     key,
     run(view) {
-        const { state } = view;
-        view.dispatch(state.changeByRange(({ from, to }) => {
+        const { state } = view, tree = syntaxTree(state);
+        view.dispatch(state.changeByRange(({ from, to, empty }) => {
+            let before = pre, after = post;
+            if (key === 'Mod-/') {
+                const fromExt = getExtNames(state, tree, from, 1), toExt = getExtNames(state, tree, to, -1);
+                if (isExtRange(fromExt, toExt, empty, ['maplink', 'mapframe'])) {
+                    // JSONC comment
+                    if (empty) {
+                        before = '//';
+                        after = '';
+                    }
+                    else {
+                        before = '/* ';
+                        after = ' */';
+                    }
+                }
+                else if (isExtRange(fromExt, toExt, empty, ['score-scheme'])) {
+                    // LilyPond scheme comment
+                    if (empty) {
+                        before = ';';
+                        after = '';
+                    }
+                    else {
+                        before = '#! ';
+                        after = ' !#';
+                    }
+                }
+                else if (isExtRange(fromExt, toExt, empty, ['score'])) {
+                    // LilyPond comment
+                    if (empty) {
+                        before = '%';
+                        after = '';
+                    }
+                    else {
+                        before = '%{ ';
+                        after = ' %}';
+                    }
+                }
+            }
             if (splitlines) {
-                const start = state.doc.lineAt(from).from, end = state.doc.lineAt(to).to, insert = encapsulateLines(state.sliceDoc(start, end), pre, post);
+                const start = state.doc.lineAt(from).from, end = state.doc.lineAt(to).to, insert = encapsulateLines(state.sliceDoc(start, end), before, after);
                 return {
                     range: EditorSelection.range(start, start + insert.length),
                     changes: { from: start, to: end, insert },
                 };
             }
-            const insert = pre + state.sliceDoc(from, to) + post, head = from + insert.length;
+            const insert = before + state.sliceDoc(from, to) + after, head = from + insert.length;
             return {
-                range: EditorSelection.cursor(from === to ? from + pre.length : head),
+                range: EditorSelection.cursor(empty ? from + before.length : head),
                 changes: { from, to, insert },
             };
         }));
@@ -31,4 +113,4 @@ export const getKeymap = ({ key, pre = '', post = '', splitlines }) => ({
     },
     preventDefault: true,
 });
-export default keybindings.map(getKeymap);
+export default keybindings.map(getWikiKeymap);