@bhsd/codemirror-mediawiki 3.9.1 → 3.10.0

package/dist/fold.js

@@ -4,9 +4,9 @@ import { syntaxTree, ensureSyntaxTree, foldEffect, unfoldEffect, foldedRanges, u
 import { getRegex } from '@bhsd/common';
 import elt from 'crelt';
 import { tokens } from './config.js';
-import { foldSelector } from './constants.js';
+import { bgDark } from './constants.js';
 import { matchTag, getTag } from './matchTag.js';
-import { braceStackUpdate } from './util.js';
+import { braceStackUpdate, sliceDoc } from './util.js';
 const getExtRegex = /* @__PURE__ */ getRegex(tag => new RegExp(`mw-tag-${tag}(?![a-z])`, 'u'));
 const updateSelection = (pos, { to }) => Math.max(pos, to), updateAll = (pos, { from, to }) => from <= pos && to > pos ? to : pos;
 /**
@@ -98,7 +98,7 @@ export const foldable = (state, posOrNode, tree, refOnly = false) => {
             if (stack <= 0) {
                 // The closing bracket of the current template
                 to = nextSibling.from
-                    + state.sliceDoc(nextSibling.from, nextSibling.to)
+                    + sliceDoc(state, nextSibling)
                         .split('}}').slice(0, stack - 1).join('}}').length;
                 break;
             }
@@ -134,6 +134,7 @@ export const foldable = (state, posOrNode, tree, refOnly = false) => {
     const /** The end of the first delimiter */ from = delimiter?.to;
     return from && from < to ? { from, to } : false;
 };
+const foldSelector = '.cm-tooltip-fold';
 /**
  * 创建折叠提示
  * @param state
@@ -201,7 +202,9 @@ const getAnchor = (state) => Math.max(...state.selection.ranges.map(({ to }) =>
  * @param refOnly 是否仅检查`<ref>`标签
  */
 const traverse = (state, tree, effects, node, end, anchor, update, refOnly) => {
-    while (node && node.from <= end) {
+    while (node && (node.from < end
+        || node.from === end
+            && !(isTemplateBracket(node) && sliceDoc(state, node).startsWith('}}')))) {
         const range = foldable(state, node, tree, refOnly);
         if (range) {
             effects.push(foldEffect.of(range));
@@ -236,8 +239,8 @@ const findFold = ({ state }, line) => {
     });
     return found;
 };
-export const foldableLine = ({ state, viewport: { to: end }, viewportLineBlocks }, { from: f, to: t }) => {
-    const tree = syntaxTree(state);
+export const foldableLine = ({ state, viewportLineBlocks }, { from: f, to: t }) => {
+    const tree = syntaxTree(state), { doc } = state, { length } = viewportLineBlocks;
     /**
      * 获取标题层级
      * @param pos 行首位置
@@ -252,36 +255,55 @@ export const foldableLine = ({ state, viewport: { to: end }, viewportLineBlocks
      * @param to 行尾位置
      */
     getTable = (from, to) => {
-        const line = state.sliceDoc(from, to), bracket = /^\s*(?:(?::+\s*)?\{\||\|\})/u.exec(line)?.[0];
+        const node = tree.resolve(from, 1), { nextSibling } = node, bracket = node.name.includes(tokens.tableBracket)
+            ? node
+            : node.to < to && nextSibling?.name.includes(tokens.tableBracket) && nextSibling;
         if (bracket) {
-            const { name } = tree.resolve(from + bracket.length, -1);
-            if (name.includes(tokens.tableBracket)) {
-                return bracket.endsWith('|}') ? -1 : 1;
-            }
+            return /\|\}$|\{\{\s*!(?:\s*\}|\)\s*)\}\}$/u.test(sliceDoc(state, bracket)) ? -1 : 1;
         }
         return 0;
+    }, 
+    /**
+     * 逐行检查是否是折叠终点
+     * @param checkLine 检查函数
+     * @returns 折叠范围或是否继续查找
+     */
+    loop = (checkLine) => {
+        let i = 0;
+        while (i <= doc.lines) {
+            const { from, to } = i < length ? viewportLineBlocks[i] : doc.line(i);
+            if (from >= tree.topNode.to) {
+                return from === doc.length;
+            }
+            else if (from > f) {
+                /** 折叠范围或是否继续查找 */
+                const result = checkLine(from, to);
+                if (result !== true) {
+                    return result;
+                }
+            }
+            i++;
+            if (i === length) {
+                i = doc.lineAt(to).number + 1;
+            }
+        }
+        return true;
     };
     const level = getLevel(f);
     if (level < 7) {
-        for (const { from } of viewportLineBlocks) {
-            if (from > f && getLevel(from) <= level) {
-                return t < from - 1 && { from: t, to: from - 1 };
-            }
-        }
-        return end === state.doc.length && end > t && { from: t, to: end };
+        const checkLine = from => getLevel(from) > level || t < from - 1 && { from: t, to: from - 1 };
+        const /** 折叠范围或是否继续查找 */ result = loop(checkLine);
+        return result === true
+            ? t < doc.length && { from: t, to: doc.length }
+            : result;
     }
     else if (getTable(f, t) === 1) {
-        for (const { from, to } of viewportLineBlocks) {
-            if (from > f) {
-                const bracket = getTable(from, to);
-                if (bracket === -1) {
-                    return t < from - 1 && { from: t, to: from - 1 };
-                }
-                else if (bracket === 1 || getLevel(from) < 7) {
-                    break;
-                }
-            }
-        }
+        const checkLine = (from, to) => {
+            const bracket = getTable(from, to);
+            return bracket === -1 ? t < from - 1 && { from: t, to: from - 1 } : bracket !== 1 && getLevel(from) === 7;
+        };
+        const /** 折叠范围或是否继续查找 */ result = loop(checkLine);
+        return typeof result === 'object' && result;
     }
     return false;
 };
@@ -321,7 +343,18 @@ const defaultFoldExtension = /* @__PURE__ */ (() => [foldGutter(), keymap.of(fol
  * @param refOnly 是否仅检查`<ref>`标签
  */
 const foldCommand = (refOnly) => view => {
-    const { state } = view, tree = ensureSyntaxTree(state, state.doc.length, 1e3) ?? syntaxTree(state), effects = [], anchor = traverse(state, tree, effects, tree.topNode.firstChild, Infinity, getAnchor(state), updateAll, refOnly);
+    const { state } = view, tree = ensureSyntaxTree(state, state.doc.length, 1e3) ?? syntaxTree(state), effects = [];
+    let anchor = traverse(state, tree, effects, tree.topNode.firstChild, Infinity, getAnchor(state), updateAll, refOnly);
+    if (!refOnly) {
+        for (let pos = 0; pos < state.doc.length;) {
+            const line = view.lineBlockAt(pos), range = foldableLine(view, line);
+            if (range) {
+                effects.push(foldEffect.of(range));
+                anchor = updateAll(anchor, range);
+            }
+            pos = (range ? view.lineBlockAt(range.to) : line).to + 1;
+        }
+    }
     return execute(view, effects, anchor);
 };
 export const foldRef = /* @__PURE__ */ foldCommand(true);
@@ -339,6 +372,28 @@ export const unfoldRef = (view) => {
     }
     return false;
 };
+const selectedLines = (view) => {
+    const lines = [];
+    for (const { head } of view.state.selection.ranges) {
+        if (lines.some(({ from, to }) => from <= head && to >= head)) {
+            continue;
+        }
+        lines.push(view.lineBlockAt(head));
+    }
+    return lines;
+};
+const foldCode = (view, line) => {
+    const range = foldableLine(view, line);
+    if (range) {
+        view.dispatch({ effects: foldEffect.of(range) });
+        return true;
+    }
+    return false;
+};
+const unfoldCode = (view, line) => {
+    const folded = findFold(view, line);
+    return folded && unfoldEffect.of(folded);
+};
 export default ((e = defaultFoldExtension) => [
     e,
     EditorView.theme({
@@ -347,7 +402,7 @@ export default ((e = defaultFoldExtension) => [
         },
     }),
 ]);
-export const mediaWikiFold = /* @__PURE__ */ (() => [
+export const mediawikiFold = /* @__PURE__ */ (() => [
     codeFolding({
         placeholderDOM(view) {
             const element = elt('span', { 'aria-label': 'folded code', title: view.state.phrase('unfold'), class: 'cm-foldPlaceholder' }, '…');
@@ -395,7 +450,15 @@ export const mediaWikiFold = /* @__PURE__ */ (() => [
                     }
                     anchor = traverse(state, tree, effects, node, to, anchor, updateSelection);
                 }
-                return execute(view, effects, anchor);
+                if (effects.length > 0) {
+                    return execute(view, effects, anchor);
+                }
+                for (const line of selectedLines(view)) {
+                    if (foldCode(view, line)) {
+                        return true;
+                    }
+                }
+                return false;
             },
         },
         {
@@ -425,6 +488,16 @@ export const mediaWikiFold = /* @__PURE__ */ (() => [
                     view.dispatch({ effects, selection });
                     return true;
                 }
+                for (const line of selectedLines(view)) {
+                    const effect = unfoldCode(view, line);
+                    if (effect) {
+                        effects.push(effect);
+                    }
+                }
+                if (effects.length > 0) {
+                    view.dispatch({ effects });
+                    return true;
+                }
                 return false;
             },
         },
@@ -441,17 +514,12 @@ export const mediaWikiFold = /* @__PURE__ */ (() => [
         },
         domEventHandlers: {
             click(view, line) {
-                const folded = findFold(view, line);
-                if (folded) {
-                    view.dispatch({ effects: unfoldEffect.of(folded) });
+                const effects = unfoldCode(view, line);
+                if (effects) {
+                    view.dispatch({ effects });
                     return true;
                 }
-                const range = foldableLine(view, line);
-                if (range) {
-                    view.dispatch({ effects: foldEffect.of(range) });
-                    return true;
-                }
-                return false;
+                return foldCode(view, line);
             },
         },
     }),
@@ -466,6 +534,11 @@ export const mediaWikiFold = /* @__PURE__ */ (() => [
             opacity: 1,
         },
     }),
+    EditorView.baseTheme({
+        [`&dark div${foldSelector}`]: {
+            backgroundColor: bgDark,
+        },
+    }),
 ])();
 /**
  * 点击提示折叠模板参数

package/dist/hover.d.ts

@@ -1,4 +1,4 @@
 import type { Extension } from '@codemirror/state';
-import type { CodeMirror6 } from './codemirror.js';
-declare const _default: (cm: CodeMirror6) => Extension;
+import type { CodeMirror6 } from './codemirror';
+declare const _default: (articlePath?: string, templatedata?: boolean) => (cm: CodeMirror6) => Extension;
 export default _default;

package/dist/hover.js

@@ -2,67 +2,79 @@ 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 } from './constants.js';
-import { indexToPos, posToIndex, createTooltipView, escHTML, } from './util.js';
-export default (cm) => [
-    hoverTooltip(async (view, pos, side) => {
-        const { state } = view, { doc } = state;
-        const { paramSuggest, tags } = cm.langConfig;
-        let hover = await getLSP(view, false, cm.getWikiConfig, base.CDN)
-            ?.provideHover(doc.toString(), indexToPos(doc, pos));
-        if (!hover && paramSuggest && 'templatedata' in tags) {
-            const node = ensureSyntaxTree(state, pos + Math.max(side, 0))?.resolve(pos, side);
-            if (node?.name.includes(tokens.templateName)) {
-                const result = await paramSuggest(state.sliceDoc(node.from, node.to), false), { description, length } = result;
-                if (description || length > 0) {
-                    // eslint-disable-next-line require-atomic-updates
-                    hover = {
-                        contents: {
-                            kind: 'plaintext',
-                            value: (description ? `<p>${escHTML(description)}</p>` : '') + (length === 0
-                                ? ''
-                                : `<ul>${result.map(([key, details]) => `<li><code>${escHTML(key)}</code>${details ? ` — ${escHTML(details)}` : ''}</li>`).join('')}</ul>`),
-                        },
-                        range: { start: indexToPos(doc, node.from), end: indexToPos(doc, node.to) },
-                    };
+import { base, hoverSelector, bgDark } from './constants.js';
+import { indexToPos, posToIndex, createTooltipView, toConfigGetter, escHTML, sliceDoc, findTemplateName, } from './util.js';
+const code = `${hoverSelector} code`;
+const getDoc = (section, info = '') => escHTML(info)
+    + (section === 'Optional' ? '' : `<br><b><i>@${section.toLowerCase()}</i></b>`);
+export default (articlePath, templatedata) => (cm) => {
+    return [
+        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));
+            if (!hover && paramSuggest && 'templatedata' in tags) {
+                const node = ensureSyntaxTree(state, pos + Math.max(side, 0))?.resolve(pos, side);
+                if (node?.name.includes(tokens.templateName)) {
+                    const result = await paramSuggest(sliceDoc(state, node), templatedata), { description, length } = result;
+                    if (description || length > 0) {
+                        hover = {
+                            contents: {
+                                kind: 'plaintext',
+                                value: (description ? `<p>${escHTML(description)}</p>` : '') + (length === 0
+                                    ? ''
+                                    : `<ul>${result.map(([keys, , info, section]) => `<li>${keys.map(key => `<code>${escHTML(key)}</code>`).join('/')}${info && ' - '}${getDoc(section, info)}</li>`).join('')}</ul>`),
+                            },
+                            range: { start: indexToPos(doc, node.from), end: indexToPos(doc, node.to) },
+                        };
+                    }
                 }
+                else if (node?.name.includes(tokens.templateArgumentName)) {
+                    const name = findTemplateName(state, node);
+                    if (name) {
+                        const result = await paramSuggest(name, templatedata), param = sliceDoc(state, node).trim().slice(0, -1).trim(), [, , info, section] = result.find(([keys]) => keys.includes(param)) ?? [];
+                        if (info || section !== 'Optional') {
+                            hover = {
+                                contents: {
+                                    kind: 'plaintext',
+                                    value: getDoc(section, info).replace(/^<br>/u, ''),
+                                },
+                                range: { start: indexToPos(doc, node.from), end: indexToPos(doc, node.to) },
+                            };
+                        }
+                    }
+                }
+            }
+            if (hover) {
+                const { CDN = '' } = base;
+                await loadScript(`${CDN}${CDN && '/'}npm/marked/lib/marked.umd.js`, 'marked', true);
+                const { end } = hover.range;
+                return {
+                    pos,
+                    end: posToIndex(doc, end),
+                    above: true,
+                    create() {
+                        const { kind, value } = hover.contents;
+                        return createTooltipView(view, kind === 'plaintext' ? value : marked.parse(value));
+                    },
+                };
             }
-        }
-        if (hover) {
-            const { CDN = '' } = base;
-            await loadScript(`${CDN}${CDN && '/'}npm/marked/lib/marked.umd.js`, 'marked', true);
-            const { end } = hover.range;
-            return {
-                pos,
-                end: posToIndex(doc, end),
-                above: true,
-                create() {
-                    const { kind, value } = hover.contents;
-                    return createTooltipView(view, kind === 'plaintext' ? value : marked.parse(value));
-                },
-            };
-        }
-        return null;
-    }),
-    EditorView.theme({
-        [hoverSelector]: {
-            padding: '2px 5px',
-            width: 'max-content',
-            maxWidth: '60vw',
-            overflowY: 'auto',
-        },
-        [`${hoverSelector} *`]: {
-            marginTop: '0!important',
-            marginBottom: '0!important',
-        },
-        [`${hoverSelector}>div`]: {
-            fontSize: '90%',
-            lineHeight: 1.4,
-        },
-        [`${hoverSelector} code`]: {
-            color: 'inherit',
-            padding: '.1em .4em',
-            borderRadius: '.4em',
-        },
-    }),
-];
+            return null;
+        }),
+        EditorView.theme({
+            [code]: {
+                color: 'inherit',
+                padding: '.1em .4em',
+                borderRadius: '.4em',
+            },
+        }),
+        EditorView.baseTheme({
+            [`&light ${code}`]: {
+                backgroundColor: '#e0e6eb',
+            },
+            [`&dark ${code}`]: {
+                backgroundColor: bgDark,
+            },
+        }),
+    ];
+};

package/dist/index.d.ts

@@ -31,30 +31,64 @@ export declare const registerCodeFolding: () => void;
 export declare const registerColorPicker: () => void;
 /** Register all common extensions */
 export declare const registerCommonExtensions: () => void;
-/** Register MediaWiki language support */
-export declare const registerMediaWiki: () => void;
-/** Register the `openLinks` extension */
-export declare const registerOpenLinks: () => void;
-/** Register the `escape` extension */
-export declare const registerEscape: () => void;
-/** Register the `refHover` extension */
-export declare const registerRefHover: () => void;
-/** Register the `hover` extension */
-export declare const registerHover: () => void;
-/** Register the `signatureHelp` extension */
-export declare const registerSignatureHelp: () => void;
-/** Register the `inlayHints` extension */
-export declare const registerInlayHints: () => void;
+/**
+ * Register MediaWiki language support
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ * @param templatedata whether to use [Extension:TemplateData](https://www.mediawiki.org/wiki/Extension:TemplateData)
+ * for template hover information; enabled by default
+ */
+export declare const registerMediaWiki: (articlePath?: string, templatedata?: boolean) => void;
+/**
+ * Register the `openLinks` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ */
+export declare const registerOpenLinks: (articlePath?: string) => void;
+/**
+ * Register the `escape` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ */
+export declare const registerEscape: (articlePath?: string) => void;
+/**
+ * Register the `refHover` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ */
+export declare const registerRefHover: (articlePath?: string) => void;
+/**
+ * Register the `hover` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ * @param templatedata whether to use [Extension:TemplateData](https://www.mediawiki.org/wiki/Extension:TemplateData)
+ * for template information; enabled by default
+ */
+export declare const registerHover: (articlePath?: string, templatedata?: boolean) => void;
+/**
+ * Register the `signatureHelp` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ */
+export declare const registerSignatureHelp: (articlePath?: string) => void;
+/**
+ * Register the `inlayHints` extension
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ */
+export declare const registerInlayHints: (articlePath?: string) => void;
+/** Register the `bidiIsolates` extension */
+export declare const registerBidiIsolates: () => void;
 /** Register the `colorPicker` extension for MediaWiki */
 export declare const registerColorPickerForMediaWiki: () => void;
 /** Register the `bracketMatching` extension for MediaWiki */
 export declare const registerBracketMatchingForMediaWiki: () => void;
 /** Register the `codeFolding` extension for MediaWiki */
 export declare const registerCodeFoldingForMediaWiki: () => void;
-/** Register MediaWiki core language support */
-export declare const registerMediaWikiCore: () => void;
+/**
+ * Register MediaWiki core language support
+ * @param articlePath article path (e.g., 'https://www.mediawiki.org/wiki/')
+ * @param templatedata whether to use [Extension:TemplateData](https://www.mediawiki.org/wiki/Extension:TemplateData)
+ * for template parameter autocompletion
+ */
+export declare const registerMediaWikiCore: (articlePath?: string, templatedata?: boolean) => void;
 /** Register mixed MediaWiki-HTML language support */
 export declare const registerHTML: () => void;
+/** Register the `bracketMatching` extension for mixed MediaWiki-HTML */
+export declare const registerBracketMatchingForHTML: () => void;
 /** Register the `closeBrackets` extension for mixed MediaWiki-HTML */
 export declare const registerCloseBracketsForHTML: () => void;
 /** Register the `colorPicker` extension for mixed MediaWiki-HTML */
@@ -87,6 +121,10 @@ export declare const registerCloseBracketsForVue: () => void;
 export declare const registerColorPickerForVue: () => void;
 /** Register Vue core language support */
 export declare const registerVueCore: () => void;
+/** Register AbuseFilter language support */
+export declare const registerAbuseFilter: () => void;
+/** Register AbuseFilter core language support */
+export declare const registerAbuseFilterCore: () => void;
 /**
  * Register a custom language support
  * @param name language name