@bhsd/codemirror-mediawiki 3.5.1 → 3.5.2

package/dist/codemirror.d.ts

@@ -15,7 +15,7 @@ export type Dialect = 'sanitized-css' | undefined;
 declare interface MenuItem {
     name: string;
     isActionable(this: void, cm: CodeMirror6): boolean;
-    getItems(this: void, cm: CodeMirror6): HTMLDivElement[];
+    getItems(this: void, cm: CodeMirror6): HTMLElement[];
 }
 declare interface OptionalFunctions {
     statusBar: typeof statusBar;

package/dist/codemirror.js

@@ -4,6 +4,7 @@ import { syntaxHighlighting, defaultHighlightStyle, indentOnInput, indentUnit, e
 import { defaultKeymap, historyKeymap, history, redo, indentWithTab } from '@codemirror/commands';
 import { searchKeymap } from '@codemirror/search';
 import { linter, lintGutter, lintKeymap } from '@codemirror/lint';
+import elt from 'crelt';
 import { light } from './theme';
 export const plain = () => EditorView.contentAttributes.of({ spellcheck: 'true' });
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -229,7 +230,18 @@ export class CodeMirror6 {
         const linterExtension = lintSources
             ? [
                 ...lintSources.map(source => linter(async ({ state }) => {
-                    const diagnostics = await source(state);
+                    const diagnostics = (await source(state)).map((diagnostic) => ({
+                        ...diagnostic,
+                        renderMessage(view) {
+                            const span = elt('span', { class: 'cm-diagnosticText-clickable' }, diagnostic.message);
+                            span.addEventListener('click', () => {
+                                view.dispatch({
+                                    selection: { anchor: diagnostic.from, head: diagnostic.to },
+                                });
+                            });
+                            return span;
+                        },
+                    }));
                     if (state.readOnly) {
                         for (const diagnostic of diagnostics) {
                             delete diagnostic.actions;
@@ -436,9 +448,7 @@ export class CodeMirror6 {
      */
     setTheme(theme) {
         if (theme in themes) {
-            this.#view?.dispatch({
-                effects: this.#theme.reconfigure(themes[theme]),
-            });
+            this.#view?.dispatch({ effects: this.#theme.reconfigure(themes[theme]) });
         }
     }
     /**

package/dist/escape.js

@@ -2,6 +2,7 @@ import { keymap } from '@codemirror/view';
 import { EditorSelection } from '@codemirror/state';
 import { indentMore, indentLess } from '@codemirror/commands';
 import { getLSP } from '@bhsd/browser';
+import elt from 'crelt';
 import { CodeMirror6, menuRegistry } from './codemirror';
 const entity = { '"': 'quot', "'": 'apos', '<': 'lt', '>': 'gt', '&': 'amp', ' ': 'nbsp' };
 /**
@@ -69,13 +70,11 @@ menuRegistry.push({
     },
     getItems(cm) {
         if (!items) {
-            const view = cm.view, btnHTML = document.createElement('div'), btnURI = document.createElement('div');
-            btnHTML.textContent = 'HTML escape';
+            const view = cm.view, btnHTML = elt('div', 'HTML escape'), btnURI = elt('div', 'URI encode/decode');
             btnHTML.addEventListener('click', e => {
                 CodeMirror6.replaceSelections(view, escapeHTML);
                 handlerBase(view, e);
             });
-            btnURI.textContent = 'URI encode/decode';
             btnURI.addEventListener('click', e => {
                 CodeMirror6.replaceSelections(view, escapeURI);
                 handlerBase(view, e);
@@ -83,8 +82,7 @@ menuRegistry.push({
             items = [btnHTML, btnURI];
             const lsp = getLSP(view, false, cm.getWikiConfig);
             if (lsp && 'provideRefactoringAction' in lsp) {
-                const btnWiki = document.createElement('div');
-                btnWiki.textContent = 'Escape with magic words';
+                const btnWiki = elt('div', 'Escape with magic words');
                 btnWiki.addEventListener('click', e => {
                     escapeWiki(cm);
                     handlerBase(view, e);

package/dist/fold.js

@@ -2,6 +2,7 @@ import { showTooltip, keymap, GutterMarker, gutter, ViewPlugin, EditorView } fro
 import { StateField, RangeSetBuilder, RangeSet } from '@codemirror/state';
 import { syntaxTree, ensureSyntaxTree, foldEffect, unfoldEffect, foldedRanges, unfoldAll, codeFolding, foldGutter, foldKeymap, foldState, language, } from '@codemirror/language';
 import { getRegex } from '@bhsd/common';
+import elt from 'crelt';
 import { tokens } from './config';
 import { matchTag, getTag } from './matchTag';
 const getExtRegex = /* @__PURE__ */ getRegex(tag => new RegExp(`mw-tag-${tag}(?![a-z])`, 'u'));
@@ -160,10 +161,7 @@ const create = (state) => {
                 pos: head,
                 above: true,
                 create() {
-                    const dom = document.createElement('div');
-                    dom.className = 'cm-tooltip-fold';
-                    dom.textContent = '\uff0d';
-                    dom.title = state.phrase('Fold template or extension tag');
+                    const dom = elt('div', { class: 'cm-tooltip-fold', title: state.phrase('Fold template or extension tag') }, '\uff0d');
                     dom.dataset['from'] = String(from);
                     dom.dataset['to'] = String(to);
                     return { dom };
@@ -182,7 +180,10 @@ const execute = (view, effects, anchor) => {
     if (effects.length > 0) {
         view.dom.querySelector('.cm-tooltip-fold')?.remove();
         // Fold the template(s) and update the cursor position
-        view.dispatch({ effects, selection: { anchor } });
+        view.dispatch({
+            effects,
+            selection: { anchor },
+        });
         return true;
     }
     return false;
@@ -228,10 +229,7 @@ class FoldMarker extends GutterMarker {
         return this.open === other.open;
     }
     toDOM({ state }) {
-        const span = document.createElement('span');
-        span.textContent = this.open ? '⌄' : '›';
-        span.title = state.phrase(this.open ? 'Fold line' : 'Unfold line');
-        return span;
+        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);
@@ -338,11 +336,7 @@ const selector = '.cm-tooltip-fold';
 export const mediaWikiFold = /* @__PURE__ */ (() => [
     codeFolding({
         placeholderDOM(view) {
-            const element = document.createElement('span');
-            element.textContent = '…';
-            element.setAttribute('aria-label', 'folded code');
-            element.title = view.state.phrase('unfold');
-            element.className = 'cm-foldPlaceholder';
+            const element = elt('span', { 'aria-label': 'folded code', title: view.state.phrase('unfold'), class: 'cm-foldPlaceholder' }, '…');
             element.addEventListener('click', ({ target }) => {
                 const pos = view.posAtDOM(target), { state } = view, { selection } = state;
                 foldedRanges(state).between(pos, pos, (from, to) => {

package/dist/hover.js

@@ -1,5 +1,6 @@
 import { hoverTooltip, EditorView } from '@codemirror/view';
 import { loadScript, getLSP } from '@bhsd/browser';
+import elt from 'crelt';
 /**
  * 将索引转换为位置
  * @param doc Text 实例
@@ -24,9 +25,7 @@ export const posToIndex = (doc, pos) => {
  * @param innerHTML 提示内容
  */
 export const createTooltipView = (view, innerHTML) => {
-    const dom = document.createElement('div'), inner = document.createElement('div');
-    dom.append(inner);
-    dom.className = 'cm-tooltip-hover';
+    const inner = elt('div'), dom = elt('div', { class: 'cm-tooltip-hover' }, inner);
     dom.style.font = getComputedStyle(view.contentDOM).font;
     inner.innerHTML = innerHTML;
     return { dom };

package/dist/inlay.js

@@ -1,6 +1,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 { posToIndex } from './hover';
 class InlayHintWidget extends WidgetType {
     constructor(label) {
@@ -8,10 +9,7 @@ class InlayHintWidget extends WidgetType {
         this.label = label;
     }
     toDOM() {
-        const element = document.createElement('span');
-        element.textContent = this.label;
-        element.className = 'cm-inlay-hint';
-        return element;
+        return elt('span', { class: 'cm-inlay-hint' }, this.label);
     }
 }
 const stateEffect = StateEffect.define(), field = StateField.define({

package/dist/lintsource.js

@@ -78,7 +78,9 @@ const jsLintSource = (esLint, code, opt, doc, f = 0, t) => esLint(code, opt)
         ].map(({ name, fix: { range: [from, to], text } }) => ({
             name,
             apply(view) {
-                view.dispatch({ changes: { from: from + f, to: to + f, insert: text } });
+                view.dispatch({
+                    changes: { from: from + f, to: to + f, insert: text },
+                });
             },
         }));
     }

package/dist/lua.js

@@ -140,6 +140,9 @@ const map = {
                 interwikiMap: 2,
             },
         },
+        svg: {
+            new: 2,
+        },
         text: {
             decode: 2,
             encode: 2,
@@ -164,6 +167,7 @@ const map = {
             compare: 2,
             getCurrentTitle: 2,
             new: 2,
+            newBatch: 2,
             makeTitle: 2,
         },
         uri: {