@bhsd/codemirror-mediawiki 3.12.1 → 3.12.3

package/dist/matchBrackets.d.ts

@@ -25,20 +25,12 @@ export declare const findEnclosingPlainBrackets: (state: EditorState, pos: numbe
  * @test
  */
 export declare const trySelectMatchingBrackets: (state: EditorState, pos: number, dir: 1 | -1, config?: Config, inside?: boolean) => Selection | false;
+/** @test */
+export declare const customSelection: Record<number, (state: EditorState, pos: number, config?: Config) => Selection | false>;
 /**
  * @ignore
  * @test
  */
-export declare const selectMatchingBrackets: (state: EditorState, pos: number, config?: Config) => Selection | false;
-/**
- * @ignore
- * @test
- */
-export declare const selectLineBlock: (state: EditorState, pos: number, config?: Config) => Selection | false;
-/**
- * @ignore
- * @test
- */
-export declare const bracketDeco: (state: EditorState, config: RequiredConfig) => DecorationSet;
+export declare const myBracketDeco: (state: EditorState, config: RequiredConfig) => DecorationSet;
 declare const _default: (configs?: BracketConfig) => Extension;
 export default _default;

package/dist/matchBrackets.js

@@ -1,4 +1,5 @@
 import { Decoration, EditorView, ViewPlugin } from '@codemirror/view';
+import { EditorSelection } from '@codemirror/state';
 import { bracketMatching, matchBrackets, syntaxTree } from '@codemirror/language';
 /**
  * @ignore
@@ -48,14 +49,25 @@ export const trySelectMatchingBrackets = (state, pos, dir, config, inside = fals
         head: match.end[rightInside ? 'from' : 'to'],
     };
 };
-/**
- * @ignore
- * @test
- */
-export const selectMatchingBrackets = (state, pos, config) => trySelectMatchingBrackets(state, pos, -1, config)
-    || trySelectMatchingBrackets(state, pos, 1, config)
-    || trySelectMatchingBrackets(state, pos + 1, -1, config, true)
-    || trySelectMatchingBrackets(state, pos - 1, 1, config, true);
+/** @test */
+export const customSelection = {
+    0: state => ({ anchor: 0, head: state.doc.length }),
+    2: (state, pos, config) => trySelectMatchingBrackets(state, pos, -1, config)
+        || trySelectMatchingBrackets(state, pos, 1, config)
+        || trySelectMatchingBrackets(state, pos + 1, -1, config, true)
+        || trySelectMatchingBrackets(state, pos - 1, 1, config, true),
+    3: (state, pos, config) => {
+        const { doc } = state, matching = tryMatchBracetks(state, pos, { ...config, afterCursor: true });
+        if (!matching || !matching.matched) {
+            return false;
+        }
+        const { start, end } = matching, a = doc.lineAt(start.from), b = doc.lineAt(end.from), dir = a.from < b.from;
+        return {
+            anchor: (dir ? a : b).from,
+            head: Math.min(doc.length, (dir ? b : a).to + 1),
+        };
+    },
+};
 const tryMatchBracetks = (state, pos, config) => matchBrackets(state, pos, -1, config)
     || pos > 0 && matchBrackets(state, pos - 1, 1, config)
     || config.afterCursor && (matchBrackets(state, pos, 1, config)
@@ -64,22 +76,7 @@ const tryMatchBracetks = (state, pos, config) => matchBrackets(state, pos, -1, c
  * @ignore
  * @test
  */
-export const selectLineBlock = (state, pos, config) => {
-    const { doc } = state, matching = tryMatchBracetks(state, pos, { ...config, afterCursor: true });
-    if (!matching || !matching.matched) {
-        return false;
-    }
-    const { start, end } = matching, a = doc.lineAt(start.from), b = doc.lineAt(end.from), dir = a.from < b.from;
-    return {
-        anchor: (dir ? a : b).from,
-        head: Math.min(doc.length, (dir ? b : a).to + 1),
-    };
-};
-/**
- * @ignore
- * @test
- */
-export const bracketDeco = (state, config) => {
+export const myBracketDeco = (state, config) => {
     const decorations = [], { afterCursor, brackets, renderMatch, exclude, } = config;
     for (const { empty, head } of state.selection.ranges) {
         if (!empty) {
@@ -100,14 +97,15 @@ export const bracketDeco = (state, config) => {
 };
 const clickHandler = (e, view, facet, select) => {
     const pos = view.posAtCoords(e), { state } = view, config = state.facet(facet);
-    if (pos === null
-        || config.exclude?.(state, pos)) {
+    if (select !== customSelection[0] && (pos === null
+        || config.exclude?.(state, pos))) {
         return false;
     }
-    const selection = select(state, pos, config);
-    if (selection) {
+    const range = select(state, pos, config);
+    if (range) {
+        const selection = EditorSelection.single(range.anchor, range.head);
         view.dispatch({ selection });
-        return true;
+        return selection;
     }
     return false;
 };
@@ -115,7 +113,7 @@ export default (configs) => {
     const extension = bracketMatching(configs), [{ facet }, plugins] = extension;
     plugins[0] = ViewPlugin.fromClass(class {
         constructor({ state }) {
-            this.decorations = bracketDeco(state, state.facet(facet));
+            this.decorations = myBracketDeco(state, state.facet(facet));
             this.paused = false;
         }
         update({ docChanged, selectionSet, changes, state, view: { composing } }) {
@@ -125,7 +123,7 @@ export default (configs) => {
                     this.paused = true;
                 }
                 else {
-                    this.decorations = bracketDeco(state, state.facet(facet));
+                    this.decorations = myBracketDeco(state, state.facet(facet));
                     this.paused = false;
                 }
             }
@@ -135,19 +133,33 @@ export default (configs) => {
             return decorations;
         },
     });
+    let selection = false;
     return [
         extension,
         EditorView.domEventHandlers({
             /** @ignore */
-            click(e, view) {
-                return e.detail === 3 && clickHandler(e, view, facet, selectLineBlock);
+            mousedown(e, view) {
+                const n = e.detail % 4;
+                selection = e.detail > 0 && n in customSelection && clickHandler(e, view, facet, customSelection[n]);
+                return Boolean(selection);
             },
-            /**
-             * @ignore
-             * @todo 由于括号高亮的重绘，双击会被识别为两次单击，导致功能失效
-             */
-            dblclick(e, view) {
-                return clickHandler(e, view, facet, selectMatchingBrackets);
+            /** @ignore */
+            mouseup() {
+                selection = false;
+            },
+            /** @ignore */
+            mousemove(e, view) {
+                if (!selection) {
+                    return false;
+                }
+                const head = view.posAtCoords(e), { from, to } = selection.main;
+                if (head === null || head >= from && head <= to) {
+                    return false;
+                }
+                view.dispatch({
+                    selection: { head, anchor: head < from ? to : from },
+                });
+                return true;
             },
         }),
     ];

package/dist/matchTag.d.ts

@@ -5,11 +5,11 @@ import type { MatchResult } from '@codemirror/language';
 import type { SyntaxNode } from '@lezer/common';
 declare type TagType = 'ext' | 'html';
 export interface TagMatchResult extends MatchResult {
-    start: Tag;
-    end?: Tag;
+    start: WikiTag;
+    end?: WikiTag;
 }
 /** @test */
-export declare class Tag {
+export declare class WikiTag {
     readonly type: TagType;
     readonly name: string;
     readonly first: SyntaxNode;
@@ -27,13 +27,13 @@ export declare class Tag {
  * @param node 语法树节点
  * @test
  */
-export declare const getTag: (state: EditorState, node: SyntaxNode) => Tag | null;
+export declare const getTag: (state: EditorState, node: SyntaxNode) => WikiTag | null;
 /**
  * 搜索匹配的标签
  * @param state
  * @param origin 起始标签
  */
-export declare const searchTag: (state: EditorState, origin: Tag) => Tag | null;
+export declare const searchTag: (state: EditorState, origin: WikiTag) => WikiTag | null;
 /**
  * 匹配标签
  * @param state

package/dist/matchTag.js

@@ -5,7 +5,7 @@ import { voidHtmlTags, selfClosingTags } from './config.js';
 import { matchingCls, nonmatchingCls } from './constants.js';
 import { sliceDoc, pushDecoration } from './util.js';
 /** @test */
-export class Tag {
+export class WikiTag {
     get closing() {
         return isClosing(this.first, this.type, this.state, true);
     }
@@ -59,7 +59,7 @@ export const getTag = (state, node) => {
         ({ prevSibling } = prevSibling);
     }
     const name = getName(state, nameNode);
-    return new Tag(type, name, prevSibling, nextSibling, state);
+    return new WikiTag(type, name, prevSibling, nextSibling, state);
 };
 /**
  * 搜索匹配的标签
@@ -114,7 +114,7 @@ export const matchTag = (state, pos) => {
     const end = searchTag(state, start);
     return end ? { matched: true, start, end } : { matched: false, start };
 };
-const matchingMark = /* @__PURE__ */ Decoration.mark({ class: matchingCls }), nonmatchingMark = /* @__PURE__ */ Decoration.mark({ class: nonmatchingCls });
+const matchingTag = /* @__PURE__ */ Decoration.mark({ class: matchingCls }), nonmatchingTag = /* @__PURE__ */ Decoration.mark({ class: nonmatchingCls });
 export default /* @__PURE__ */ StateField.define({
     create() {
         return Decoration.none;
@@ -128,7 +128,7 @@ export default /* @__PURE__ */ StateField.define({
             if (range.empty) {
                 const match = matchTag(state, range.head);
                 if (match) {
-                    const mark = match.matched ? matchingMark : nonmatchingMark, { start, end } = match;
+                    const mark = match.matched ? matchingTag : nonmatchingTag, { start, end } = match;
                     pushDecoration(decorations, mark, start);
                     if (end) {
                         pushDecoration(decorations, mark, end);

package/dist/math.d.ts

@@ -0,0 +1,3 @@
+import type { StreamParser } from '@codemirror/language';
+/** @test */
+export declare const math: StreamParser<object>;

package/dist/math.js

@@ -0,0 +1,58 @@
+import { extCompletion, extData } from './constants.js';
+import { getCompletions } from './util.js';
+let mathFetch;
+/** @test */
+export const math = {
+    startState() {
+        if (typeof wikiparse === 'object') {
+            mathFetch ??= (async () => {
+                const data = await (await fetch(`${wikiparse.CDN}/data/ext/math.json`)).json();
+                extData['math'] = new Set(data);
+                extCompletion['math'] = getCompletions(data);
+            })();
+        }
+        return {};
+    },
+    token(stream) {
+        if (stream.eatSpace()) {
+            return '';
+        }
+        const ch = stream.next();
+        switch (ch) {
+            case '\\':
+                if (stream.eatWhile(/[a-z]/iu)) {
+                    return extData['math']?.has(stream.current()) === false ? '' : /* #708 */ 'keyword';
+                }
+                else if (stream.eat(/[,;!\\]/u)) {
+                    return /* #708 */ 'keyword';
+                }
+                return stream.eat(/[$&%#{}_]/u) ? /* #219 */ 'atom' : /* #f00 */ 'invalid';
+            case '^':
+            case '_':
+            case '&':
+                return 'operator';
+            case '{':
+            case '}':
+                return 'brace';
+            case '[':
+            case ']':
+                return 'squareBracket';
+            case '(':
+            case ')':
+                return 'paren';
+            case '.':
+                return stream.eatWhile(/\d/u) ? /* #164 */ 'number' : '';
+            default:
+                if (/\d/u.test(ch)) {
+                    stream.match(/\d*(?:\.\d*)?/u);
+                    return /* #164 */ 'number';
+                }
+                else if (/[a-z]/iu.test(ch)) {
+                    stream.eatWhile(/[a-z]/iu);
+                    return /* #256 */ 'variableName.special';
+                }
+                stream.eatWhile(/[^\\^&{}[\]().\w]/u);
+                return '';
+        }
+    },
+};

package/dist/mediawiki.d.ts

@@ -6,7 +6,7 @@
 import { LanguageSupport } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import { MediaWiki } from './token.js';
-import type { StreamParser, TagStyle } from '@codemirror/language';
+import type { TagStyle } from '@codemirror/language';
 import type { CompletionSource, Completion } from '@codemirror/autocomplete';
 import type { MwConfig } from './token';
 import type { TagName } from './config';
@@ -43,7 +43,7 @@ export declare class FullMediaWiki extends MediaWiki {
     readonly protocols: Completion[];
     readonly imgKeys: Completion[];
     readonly htmlAttrs: Completion[];
-    readonly elementAttrs: Map<string | undefined, Completion[]>;
+    readonly elementAttrs: Map<string, Completion[]>;
     readonly extAttrs: Map<string, Completion[]>;
     constructor(config: MwConfig, templatedata?: boolean);
     /**
@@ -52,7 +52,6 @@ export declare class FullMediaWiki extends MediaWiki {
      * @see https://codemirror.net/docs/ref/#language.TagStyle
      */
     getTagStyles(): TagStyle[];
-    mediawiki(tags?: string[]): StreamParser<any>;
     /** 自动补全魔术字和标签名 */
     get completionSource(): CompletionSource;
 }

package/dist/mediawiki.js

@@ -9,9 +9,10 @@ import { insertCompletionText, pickedCompletion } from '@codemirror/autocomplete
 import { isUnderscore } from '@bhsd/cm-util';
 import { commonHtmlAttrs, htmlAttrs, extAttrs } from 'wikiparser-node/dist/util/sharable.mjs';
 import { htmlTags, tokens } from './config.js';
-import { hoverSelector, isWMF, } from './constants.js';
+import { hoverSelector, extCompletion, isWMF, } from './constants.js';
+import { lightHighlightStyle } from './theme.js';
 import { MediaWiki } from './token.js';
-import { leadingSpaces, findTemplateName } from './util.js';
+import { getCompletions, getExtTags, leadingSpaces, findTemplateName, } from './util.js';
 const ranks = { Required: 1, Suggested: 2, Optional: 3, Deprecated: 4 };
 /**
  * 是否是普通维基链接
@@ -66,15 +67,9 @@ export class FullMediaWiki extends MediaWiki {
             type: i ? 'constant' : 'function',
             label,
         })));
-        this.doubleUnderscore = doubleUnderscore.flatMap(Object.keys).filter(isUnderscore).map((label) => ({
-            type: 'constant',
-            label,
-        }));
-        this.extTags = this.tags.map((label) => ({ type: 'type', label }));
-        this.htmlTags = htmlTags.filter(tag => !this.tags.includes(tag)).map((label) => ({
-            type: 'type',
-            label,
-        }));
+        this.doubleUnderscore = getCompletions(doubleUnderscore.flatMap(Object.keys).filter(isUnderscore), 'constant');
+        this.extTags = getCompletions(this.tags, 'type');
+        this.htmlTags = getCompletions(htmlTags.filter(tag => !this.tags.includes(tag)), 'type');
         this.protocols = urlProtocols.split('|').map((label) => ({
             type: 'namespace',
             label: label.replace(/\\\//gu, '/'),
@@ -83,17 +78,17 @@ export class FullMediaWiki extends MediaWiki {
             ? { type: 'property', label: label.slice(0, -2), detail: '$1' }
             : { type: 'keyword', label });
         this.htmlAttrs = [
-            ...[...commonHtmlAttrs].map((label) => ({ type: 'property', label })),
+            ...getCompletions([...commonHtmlAttrs], 'property'),
             { type: 'variable', label: 'data-', detail: '*' },
             { type: 'namespace', label: 'xmlns:', detail: '*' },
         ];
         this.elementAttrs = new Map(Object.entries(htmlAttrs).map(([key, value]) => [
             key,
-            [...value].map((label) => ({ type: 'property', label })),
+            getCompletions([...value], 'property'),
         ]));
         this.extAttrs = new Map(Object.entries(extAttrs).map(([key, value]) => [
             key,
-            [...value].map((label) => ({ type: 'property', label })),
+            getCompletions([...value], 'property'),
         ]));
     }
     /**
@@ -107,13 +102,6 @@ export class FullMediaWiki extends MediaWiki {
             class: `cm-${className}`,
         }));
     }
-    mediawiki(tags) {
-        const parser = super.mediawiki(tags);
-        parser.languageData = {
-            closeBrackets: { brackets: ['(', '[', '{', '"'], before: ')]}>' },
-        };
-        return parser;
-    }
     /**
      * 提供链接建议
      * @param str 搜索字符串，开头不包含` `，但可能包含`_`
@@ -311,6 +299,26 @@ export class FullMediaWiki extends MediaWiki {
                 // 不可能是状态开关、标签、协议或图片参数名
                 return null;
             }
+            else if ('math' in extCompletion
+                && hasTag(types, ['mw-tag-math', 'mw-tag-chem', 'mw-tag-ce'])
+                && (types.size === 1 || types.has('keyword') || types.has('invalid'))) {
+                const mt = context.matchBefore(/\\[a-z]*$/iu);
+                return mt && {
+                    from: mt.from,
+                    options: extCompletion['math'],
+                    validFor: /^[a-z]*$/iu,
+                };
+            }
+            else if ('score' in extCompletion
+                && hasTag(types, 'mw-tag-score')
+                && (types.size === 1 || types.has('keyword'))) {
+                const mt = context.matchBefore(/\\[-a-z]*$/iu);
+                return mt && {
+                    from: mt.from,
+                    options: extCompletion['score'],
+                    validFor: /^[-a-z]*$/iu,
+                };
+            }
             let mt = context.matchBefore(/__(?:(?!__)[\p{L}\p{N}_])*$/u);
             if (mt) {
                 return {
@@ -320,8 +328,7 @@ export class FullMediaWiki extends MediaWiki {
                 };
             }
             mt = context.matchBefore(/<\/?[a-z\d]*$/iu);
-            const extTags = [...types].filter(type => type.startsWith('mw-tag-'))
-                .map(s => s.slice(7));
+            const extTags = getExtTags([...types]);
             if (mt && (explicit || mt.to - mt.from > 1)) {
                 const validFor = /^[a-z\d]*$/iu;
                 if (mt.text[1] === '/') {
@@ -395,7 +402,7 @@ const getGrounds = (grounds, r, g, b, a) => ({
  * @license GPL-2.0-or-later
  * @see https://gerrit.wikimedia.org/g/mediawiki/extensions/CodeMirror
  */
-const theme = /* @__PURE__ */ EditorView.theme({
+const wikiTheme = /* @__PURE__ */ EditorView.theme({
     [getSelector(['', '~*'], 'section--1')]: {
         fontSize: '1.8em',
         lineHeight: '1.2em',
@@ -484,7 +491,7 @@ const theme = /* @__PURE__ */ EditorView.theme({
     '.cm-mw-entity': {
         color: 'var(--cm-entity)',
     },
-    '.cm-mw-exttag': {
+    '.cm-mw-exttag,.cm-mw-tag-score-scheme': {
         backgroundColor: 'rgb(119,0,170,.04)',
     },
     /* eslint-disable no-sparse-arrays */
@@ -546,8 +553,9 @@ const theme = /* @__PURE__ */ EditorView.theme({
 export const mediawikiBase = (config, templatedata) => {
     const mode = new FullMediaWiki(config, templatedata), lang = StreamLanguage.define(mode.mediawiki());
     return new LanguageSupport(lang, [
+        lightHighlightStyle,
         syntaxHighlighting(HighlightStyle.define(mode.getTagStyles())),
-        theme,
+        wikiTheme,
         lang.data.of({ autocomplete: mode.completionSource }),
     ]);
 };