@bhsd/codemirror-mediawiki 3.0.3 → 3.2.0

package/dist/codemirror.d.ts

@@ -1,37 +1,34 @@
 import { EditorView } from '@codemirror/view';
 import type { KeyBinding } from '@codemirror/view';
 import type { Extension } from '@codemirror/state';
-import type { LanguageSupport } from '@codemirror/language';
 import type { SyntaxNode } from '@lezer/common';
 import type { ConfigData } from 'wikiparser-node';
 import type { MwConfig } from './token';
-import type { DocRange } from './fold';
+import type { DocRange, foldHandler } from './fold';
 import type { Option, LiveOption } from './linter';
 import type { LintSource, LintSourceGetter } from './lintsource';
-export type { MwConfig };
-export type Addon<T> = [(config?: T, cm?: CodeMirror6) => Extension, Record<string, T>?];
+import type { detectIndent } from './indent';
+import type statusBar from './statusBar';
+export type AddonMain<T> = (config?: T, cm?: CodeMirror6) => Extension;
+export type Addon<T> = [AddonMain<T>, Record<string, T>?];
 export type Dialect = 'sanitized-css' | undefined;
-/** Register MediaWiki language support */
-export declare const registerMediaWiki: () => void;
-/** Register mixed MediaWiki-HTML language support */
-export declare const registerHTML: () => void;
-/** Register JavaScript language support */
-export declare const registerJavaScript: () => void;
-/** Register CSS language support */
-export declare const registerCSS: () => void;
-/** Register JSON language support */
-export declare const registerJSON: () => void;
-/** Register Lua language support */
-export declare const registerLua: () => void;
-/** Register Vue language support */
-export declare const registerVue: () => void;
-/**
- * Register a custom language support
- * @param name language name
- * @param lang language support
- * @param lintSource optional linter
- */
-export declare const registerLanguage: (name: string, lang: (config?: unknown) => LanguageSupport, lintSource?: LintSourceGetter) => void;
+export interface MenuItem {
+    name: string;
+    isActionable(this: void, cm: CodeMirror6): boolean;
+    getItems(this: void, cm: CodeMirror6): HTMLDivElement[];
+}
+declare interface OptionalFunctions {
+    statusBar: typeof statusBar;
+    detectIndent: typeof detectIndent;
+    foldHandler: typeof foldHandler;
+}
+export declare const plain: () => Extension;
+export declare const languages: Record<string, (config?: any) => Extension>;
+export declare const avail: Record<string, Addon<any>>;
+export declare const linterRegistry: Record<string, LintSourceGetter>;
+export declare const menuRegistry: MenuItem[];
+export declare const destroyListeners: ((view: EditorView) => void)[];
+export declare const optionalFunctions: OptionalFunctions;
 /** CodeMirror 6 editor */
 export declare class CodeMirror6 {
     #private;
@@ -72,6 +69,11 @@ export declare class CodeMirror6 {
     lint(lintSource?: LintSource): void;
     /** Update syntax checking immediately */
     update(): void;
+    /**
+     * Check if the editor enables a specific extension
+     * @param name extension name
+     */
+    hasPreference(name: string): boolean;
     /**
      * Add extensions
      * @param names extension names
@@ -139,5 +141,6 @@ export declare class CodeMirror6 {
      * to a CodeMirror-MediaWiki configuration
      * @param config WikiParser-Node configuration
      */
-    static getMwConfig(config: ConfigData): MwConfig;
+    abstract static getMwConfig(config: ConfigData): MwConfig;
 }
+export {};

package/dist/codemirror.js

@@ -1,173 +1,31 @@
-import { EditorView, lineNumbers, keymap, highlightSpecialChars, highlightActiveLine, highlightActiveLineGutter, highlightWhitespace, highlightTrailingWhitespace, drawSelection, scrollPastEnd, rectangularSelection, crosshairCursor, } from '@codemirror/view';
+import { EditorView, lineNumbers, keymap, highlightActiveLineGutter, } from '@codemirror/view';
 import { Compartment, EditorState, EditorSelection, SelectionRange } from '@codemirror/state';
 import { syntaxHighlighting, defaultHighlightStyle, indentOnInput, indentUnit, ensureSyntaxTree, } from '@codemirror/language';
 import { defaultKeymap, historyKeymap, history, redo, indentWithTab } from '@codemirror/commands';
-import { searchKeymap, highlightSelectionMatches } from '@codemirror/search';
+import { searchKeymap } from '@codemirror/search';
 import { linter, lintGutter, lintKeymap } from '@codemirror/lint';
-import { closeBrackets, autocompletion, acceptCompletion, completionKeymap, startCompletion, } from '@codemirror/autocomplete';
-import { json } from '@codemirror/lang-json';
-import { autoCloseTags } from '@codemirror/lang-html';
-import { css as cssParser } from '@codemirror/legacy-modes/mode/css';
-import { getLSP } from '@bhsd/browser';
-import { colorPicker as cssColorPicker, colorPickerTheme, makeColorPicker } from '@bhsd/codemirror-css-color-picker';
-import colorPicker, { discoverColors } from './color';
-import { mediawiki, html, FullMediaWiki } from './mediawiki';
-import escapeKeymap from './escape';
-import codeFolding, { foldHandler, mediaWikiFold } from './fold';
-import tagMatchingState from './matchTag';
-import refHover from './ref';
-import magicWordHover from './hover';
-import signatureHelp from './signature';
-import inlayHints from './inlay';
-import { getWikiLintSource, getJsLintSource, getCssLintSource, getJsonLintSource, getLuaLintSource, getVueLintSource, } from './lintsource';
-import openLinks from './openLinks';
-import { tagModes, getStaticMwConfig } from './static';
-import bidiIsolation from './bidi';
-import toolKeymap from './keymap';
-import statusBar from './statusBar';
-import { detectIndent } from './indent';
-import bracketMatching from './matchBrackets';
-import javascript from './javascript';
-import css from './css';
-import lua from './lua';
-import vue from './vue';
-const plain = () => EditorView.contentAttributes.of({ spellcheck: 'true' });
+export const plain = () => EditorView.contentAttributes.of({ spellcheck: 'true' });
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const languages = { plain };
-function mediawikiOnly(ext) {
-    return typeof ext === 'function'
-        ? [(enable, cm) => enable ? ext(cm) : [], { mediawiki: true }]
-        : [(e = []) => e, { mediawiki: ext }];
-}
+export const languages = { plain };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const avail = {
-    highlightSpecialChars: [highlightSpecialChars],
-    highlightActiveLine: [highlightActiveLine],
-    highlightWhitespace: [highlightWhitespace],
-    highlightTrailingWhitespace: [highlightTrailingWhitespace],
-    highlightSelectionMatches: [highlightSelectionMatches],
-    bracketMatching: [
-        ([config, e = []] = []) => [
-            bracketMatching(config),
-            e,
-        ],
-    ],
-    closeBrackets: [(e = []) => [closeBrackets(), e]],
-    scrollPastEnd: [scrollPastEnd],
-    allowMultipleSelections: [
-        () => [
-            EditorState.allowMultipleSelections.of(true),
-            drawSelection(),
-            rectangularSelection(),
-            crosshairCursor(),
-        ],
-    ],
-    autocompletion: [
-        () => [
-            autocompletion({ defaultKeymap: false }),
-            keymap.of([
-                ...completionKeymap.filter(({ run }) => run !== startCompletion),
-                { key: 'Shift-Enter', run: startCompletion },
-                { key: 'Tab', run: acceptCompletion },
-            ]),
-        ],
-    ],
-    codeFolding,
-    colorPicker,
+export const avail = {};
+export const linterRegistry = {};
+export const menuRegistry = [];
+export const destroyListeners = [];
+export const optionalFunctions = {
+    statusBar() {
+        return [];
+    },
+    detectIndent(_, indent) {
+        return indent;
+    },
+    foldHandler() {
+        return () => { };
+    },
 };
-const linterRegistry = {};
-const destroyListeners = [];
 const editExtensions = new Set(['closeBrackets', 'autocompletion', 'signatureHelp']);
 const linters = {};
 const phrases = {};
-/**
- * 注册特定语言的扩展
- * @param lang 语言
- * @param name 扩展名
- * @param ext 扩展
- */
-const registerLangExtension = (lang, name, ext) => {
-    const addon = avail[name];
-    addon[1] ??= {};
-    addon[1][lang] = ext;
-};
-/** Register MediaWiki language support */
-export const registerMediaWiki = () => {
-    languages['mediawiki'] = (config) => [
-        mediawiki(config),
-        plain(),
-        bidiIsolation,
-        toolKeymap,
-    ];
-    registerLangExtension('mediawiki', 'colorPicker', [
-        [makeColorPicker({ discoverColors }), colorPickerTheme],
-        { marginLeft: '0.6ch' },
-    ]);
-    registerLangExtension('mediawiki', 'bracketMatching', [
-        { brackets: '()[]{}（）【】［］｛｝' },
-        tagMatchingState,
-    ]);
-    registerLangExtension('mediawiki', 'codeFolding', mediaWikiFold);
-    Object.assign(avail, {
-        openLinks: mediawikiOnly(openLinks),
-        escape: mediawikiOnly(keymap.of(escapeKeymap)),
-        refHover: mediawikiOnly(refHover),
-        hover: mediawikiOnly(magicWordHover),
-        signatureHelp: mediawikiOnly(signatureHelp),
-        inlayHints: mediawikiOnly(inlayHints),
-    });
-    linterRegistry['mediawiki'] = getWikiLintSource;
-    destroyListeners.push(view => getLSP(view)?.destroy());
-};
-/** Register mixed MediaWiki-HTML language support */
-export const registerHTML = () => {
-    Object.assign(FullMediaWiki.prototype, {
-        css() {
-            return cssParser;
-        },
-    });
-    languages['html'] = html;
-};
-/** Register JavaScript language support */
-export const registerJavaScript = () => {
-    languages['javascript'] = javascript;
-    linterRegistry['javascript'] = getJsLintSource;
-};
-/** Register CSS language support */
-export const registerCSS = () => {
-    languages['css'] = css;
-    registerLangExtension('css', 'colorPicker', [cssColorPicker]);
-    linterRegistry['css'] = getCssLintSource;
-};
-/** Register JSON language support */
-export const registerJSON = () => {
-    languages['json'] = json;
-    linterRegistry['json'] = getJsonLintSource;
-};
-/** Register Lua language support */
-export const registerLua = () => {
-    languages['lua'] = lua;
-    linterRegistry['lua'] = getLuaLintSource;
-};
-/** Register Vue language support */
-export const registerVue = () => {
-    languages['vue'] = vue;
-    registerLangExtension('vue', 'closeBrackets', autoCloseTags);
-    registerLangExtension('vue', 'colorPicker', [cssColorPicker]);
-    linterRegistry['vue'] = getVueLintSource;
-};
-/**
- * Register a custom language support
- * @param name language name
- * @param lang language support
- * @param lintSource optional linter
- */
-export const registerLanguage = (name, lang, lintSource) => {
-    languages[name] = lang;
-    if (lintSource) {
-        linterRegistry[name] = lintSource;
-    }
-};
 /** CodeMirror 6 editor */
 export class CodeMirror6 {
     #textarea;
@@ -184,6 +42,7 @@ export class CodeMirror6 {
     #visible = false;
     #preferred = new Set();
     #indentStr = '\t';
+    #nestedMWLanguage;
     /** textarea element */
     get textarea() {
         return this.#textarea;
@@ -213,6 +72,15 @@ export class CodeMirror6 {
             this.initialize(config);
         }
     }
+    /**
+     * 获取语言扩展
+     * @param config 语言设置
+     */
+    #getLanguage(config) {
+        const lang = (languages[this.#lang] ?? plain)(config);
+        this.#nestedMWLanguage = lang.nestedMWLanguage;
+        return lang;
+    }
     /**
      * Initialize the editor
      * @param config language configuration
@@ -220,7 +88,7 @@ export class CodeMirror6 {
     initialize(config) {
         let timer;
         const { textarea, lang } = this, { value, dir: d, accessKey, tabIndex, lang: l, readOnly } = textarea, extensions = [
-            this.#language.of(languages[lang](config)),
+            this.#language.of(this.#getLanguage(config)),
             this.#linter.of(linters[lang] ?? []),
             this.#extensions.of([]),
             this.#dir.of(EditorView.editorAttributes.of({ dir: d })),
@@ -277,7 +145,7 @@ export class CodeMirror6 {
                 : [
                     history(),
                     indentOnInput(),
-                    this.#indent.of(indentUnit.of(detectIndent(value, this.#indentStr, lang))),
+                    this.#indent.of(indentUnit.of(optionalFunctions.detectIndent(value, this.#indentStr, lang))),
                     keymap.of([
                         ...historyKeymap,
                         indentWithTab,
@@ -296,7 +164,7 @@ export class CodeMirror6 {
         this.#view.scrollDOM.style.fontSize = fontSize;
         this.#view.scrollDOM.style.lineHeight = lineHeight;
         this.toggle(true);
-        this.#view.dom.addEventListener('click', foldHandler(this.#view));
+        this.#view.dom.addEventListener('click', optionalFunctions.foldHandler(this.#view));
         this.prefer({});
     }
     /**
@@ -326,7 +194,7 @@ export class CodeMirror6 {
     async setLanguage(lang = 'plain', config) {
         this.#lang = lang;
         if (this.#view) {
-            const ext = (languages[lang] ?? plain)(config);
+            const ext = this.#getLanguage(config);
             this.#effects([
                 this.#language.reconfigure(ext),
                 this.#linter.reconfigure(linters[lang] ?? []),
@@ -353,7 +221,7 @@ export class CodeMirror6 {
                 }),
                 lintGutter(),
                 keymap.of(lintKeymap),
-                statusBar(lintSource.fixer),
+                optionalFunctions.statusBar(this, lintSource.fixer),
             ]
             : [];
         if (lintSource) {
@@ -378,6 +246,13 @@ export class CodeMirror6 {
             }
         }
     }
+    /**
+     * Check if the editor enables a specific extension
+     * @param name extension name
+     */
+    hasPreference(name) {
+        return this.#preferred.has(name);
+    }
     /**
      * Add extensions
      * @param names extension names
@@ -410,7 +285,7 @@ export class CodeMirror6 {
      */
     setIndent(indent) {
         if (this.#view) {
-            this.#effects(this.#indent.reconfigure(indentUnit.of(detectIndent(this.#view.state.doc, indent, this.#lang))));
+            this.#effects(this.#indent.reconfigure(indentUnit.of(optionalFunctions.detectIndent(this.#view.state.doc, indent, this.#lang))));
         }
         else {
             this.#indentStr = indent;
@@ -430,7 +305,7 @@ export class CodeMirror6 {
      * @param opt linter options
      */
     async getLinter(opt) {
-        return linterRegistry[this.#lang]?.(opt, this.#view);
+        return linterRegistry[this.#lang]?.(opt, this.#view, this.#nestedMWLanguage);
     }
     /**
      * Set content
@@ -558,12 +433,4 @@ export class CodeMirror6 {
             };
         }));
     }
-    /**
-     * Convert a [WikiParser-Node](https://npmjs.com/package/wikiparser-node) configuration
-     * to a CodeMirror-MediaWiki configuration
-     * @param config WikiParser-Node configuration
-     */
-    static getMwConfig(config) {
-        return getStaticMwConfig(config, tagModes);
-    }
 }

package/dist/color.d.ts

@@ -3,5 +3,5 @@ import type { Tree } from '@lezer/common';
 import type { StyleSpec } from 'style-mod';
 import type { WidgetOptions } from '@bhsd/codemirror-css-color-picker';
 export declare const discoverColors: (_: Tree, from: number, to: number, type: string, doc: Text) => WidgetOptions[] | null;
-declare const _default: [([e, style]?: [Extension?, StyleSpec?]) => Extension];
+declare const _default: ([e, style]?: [Extension?, StyleSpec?]) => Extension;
 export default _default;

package/dist/color.js

@@ -27,19 +27,17 @@ export const discoverColors = (_, from, to, type, doc) => {
         };
     }).filter(Boolean);
 };
-export default [
-    ([e, style] = []) => e
-        ? [
-            e,
-            EditorView.theme({
-                [`.${wrapperClassName}`]: {
-                    outline: 'none',
-                    ...style,
-                },
-                [`.${wrapperClassName} input[type="color"]`]: {
-                    outline: '1px solid #eee',
-                },
-            }),
-        ]
-        : [],
-];
+export default (([e, style] = []) => e
+    ? [
+        e,
+        EditorView.theme({
+            [`.${wrapperClassName}`]: {
+                outline: 'none',
+                ...style,
+            },
+            [`.${wrapperClassName} input[type="color"]`]: {
+                outline: '1px solid #eee',
+            },
+        }),
+    ]
+    : []);

package/dist/css.d.ts

@@ -1,4 +1,6 @@
 import { LanguageSupport } from '@codemirror/language';
+import type { Extension } from '@codemirror/state';
 import type { Dialect } from './codemirror';
+export declare const cssCompletion: (dialect?: Dialect) => Extension;
 declare const _default: (dialect: Dialect) => LanguageSupport;
 export default _default;

package/dist/css.js

@@ -1,6 +1,6 @@
 import { cssLanguage, cssCompletionSource } from '@codemirror/lang-css';
 import { LanguageSupport, syntaxTree } from '@codemirror/language';
-export default (dialect) => new LanguageSupport(cssLanguage, cssLanguage.data.of({
+export const cssCompletion = (dialect) => cssLanguage.data.of({
     autocomplete(context) {
         const { state, pos } = context, node = syntaxTree(state).resolveInner(pos, -1), result = cssCompletionSource(context);
         if (result) {
@@ -27,4 +27,5 @@ export default (dialect) => new LanguageSupport(cssLanguage, cssLanguage.data.of
         }
         return result;
     },
-}));
+});
+export default (dialect) => new LanguageSupport(cssLanguage, cssCompletion(dialect));