@bhsd/codemirror-mediawiki 2.3.2 → 2.3.3

package/src/config.ts

@@ -1,215 +0,0 @@
-/**
- * @author MusikAnimal and others
- * @license GPL-2.0-or-later
- * @link https://gerrit.wikimedia.org/g/mediawiki/extensions/CodeMirror
- */
-
-import {Tag} from '@lezer/highlight';
-
-/**
- * Configuration for the MediaWiki highlighting mode for CodeMirror.
- */
-export const modeConfig = {
-
-	/**
-	 * All HTML/XML tags permitted in MediaWiki Core.
-	 *
-	 * @see https://www.mediawiki.org/wiki/Extension:CodeMirror#Extension_integration
-	 */
-	permittedHtmlTags: [
-		'b',
-		'bdi',
-		'bdo',
-		'del',
-		'i',
-		'ins',
-		'u',
-		'font',
-		'big',
-		'small',
-		'sub',
-		'sup',
-		'h1',
-		'h2',
-		'h3',
-		'h4',
-		'h5',
-		'h6',
-		'cite',
-		'code',
-		'em',
-		's',
-		'strike',
-		'strong',
-		'tt',
-		'var',
-		'div',
-		'center',
-		'blockquote',
-		'q',
-		'ol',
-		'ul',
-		'dl',
-		'table',
-		'caption',
-		'pre',
-		'ruby',
-		'rb',
-		'rp',
-		'rt',
-		'rtc',
-		'p',
-		'span',
-		'abbr',
-		'dfn',
-		'kbd',
-		'samp',
-		'data',
-		'time',
-		'mark',
-		'br',
-		'wbr',
-		'hr',
-		'li',
-		'dt',
-		'dd',
-		'td',
-		'th',
-		'tr',
-		'noinclude',
-		'includeonly',
-		'onlyinclude',
-		'img',
-		'meta',
-		'link',
-	],
-
-	/**
-	 * HTML tags that are only self-closing.
-	 */
-	implicitlyClosedHtmlTags: [
-		'br',
-		'hr',
-		'wbr',
-		'img',
-		'meta',
-		'link',
-	],
-
-	/**
-	 * Mapping of MediaWiki-esque token identifiers to a standardized lezer highlighting tag.
-	 * Values are one of the default highlighting tags.
-	 *
-	 * Once we allow use of other themes, we may want to tweak these values for aesthetic reasons.
-	 *
-	 * @see https://lezer.codemirror.net/docs/ref/#highlight.tags
-	 * @internal
-	 */
-	tags: {
-		apostrophes: 'mw-apostrophes',
-		apostrophesBold: 'mw-apostrophes-bold',
-		apostrophesItalic: 'mw-apostrophes-italic',
-		comment: 'mw-comment',
-		doubleUnderscore: 'mw-double-underscore',
-		extLink: 'mw-extlink',
-		extLinkBracket: 'mw-extlink-bracket',
-		extLinkProtocol: 'mw-extlink-protocol',
-		extLinkText: 'mw-extlink-text',
-		hr: 'mw-hr',
-		htmlTagAttribute: 'mw-htmltag-attribute',
-		htmlTagBracket: 'mw-htmltag-bracket',
-		htmlTagName: 'mw-htmltag-name',
-		linkBracket: 'mw-link-bracket',
-		linkDelimiter: 'mw-link-delimiter',
-		linkText: 'mw-link-text',
-		linkToSection: 'mw-link-tosection',
-		list: 'mw-list',
-		parserFunction: 'mw-parserfunction',
-		parserFunctionBracket: 'mw-parserfunction-bracket',
-		parserFunctionDelimiter: 'mw-parserfunction-delimiter',
-		parserFunctionName: 'mw-parserfunction-name',
-		sectionHeader: 'mw-section-header',
-		sectionHeader1: 'mw-section-1',
-		sectionHeader2: 'mw-section-2',
-		sectionHeader3: 'mw-section-3',
-		sectionHeader4: 'mw-section-4',
-		sectionHeader5: 'mw-section-5',
-		sectionHeader6: 'mw-section-6',
-		signature: 'mw-signature',
-		tableBracket: 'mw-table-bracket',
-		tableDefinition: 'mw-table-definition',
-		tableDelimiter: 'mw-table-delimiter',
-		template: 'mw-template',
-		templateArgumentName: 'mw-template-argument-name',
-		templateBracket: 'mw-template-bracket',
-		templateDelimiter: 'mw-template-delimiter',
-		templateName: 'mw-template-name',
-		templateVariable: 'mw-templatevariable',
-		templateVariableBracket: 'mw-templatevariable-bracket',
-		templateVariableName: 'mw-templatevariable-name',
-		section: 'mw-section',
-		em: 'mw-em',
-		error: 'mw-error',
-		extGround: 'mw-ext-ground',
-		ext2Ground: 'mw-ext2-ground',
-		ext2LinkGround: 'mw-ext2-link-ground',
-		ext3Ground: 'mw-ext3-ground',
-		ext3LinkGround: 'mw-ext3-link-ground',
-		extLinkGround: 'mw-ext-link-ground',
-		extTag: 'mw-exttag',
-		extTagAttribute: 'mw-exttag-attribute',
-		extTagBracket: 'mw-exttag-bracket',
-		extTagName: 'mw-exttag-name',
-		freeExtLink: 'mw-free-extlink',
-		freeExtLinkProtocol: 'mw-free-extlink-protocol',
-		htmlEntity: 'mw-html-entity',
-		link: 'mw-link',
-		linkGround: 'mw-link-ground',
-		linkPageName: 'mw-link-pagename',
-		pageName: 'mw-pagename',
-		skipFormatting: 'mw-skipformatting',
-		strong: 'mw-strong',
-		tableCaption: 'mw-table-caption',
-		templateExtGround: 'mw-template-ext-ground',
-		templateExt2Ground: 'mw-template-ext2-ground',
-		templateExt2LinkGround: 'mw-template-ext2-link-ground',
-		templateExt3Ground: 'mw-template-ext3-ground',
-		templateExt3LinkGround: 'mw-template-ext3-link-ground',
-		templateExtLinkGround: 'mw-template-ext-link-ground',
-		templateGround: 'mw-template-ground',
-		templateLinkGround: 'mw-template-link-ground',
-		templateVariableDelimiter: 'mw-templatevariable-delimiter',
-		template2ExtGround: 'mw-template2-ext-ground',
-		template2Ext2Ground: 'mw-template2-ext2-ground',
-		template2Ext3Ground: 'mw-template2-ext3-ground',
-		templatet2Ext2LinkGround: 'mw-template2-ext2-link-ground',
-		template2Ext3LinkGround: 'mw-template2-ext3-link-ground',
-		template2ExtLinkGround: 'mw-template2-ext-link-ground',
-		template2Ground: 'mw-template2-ground',
-		template2LinkGround: 'mw-template2-link-ground',
-		template3ExtGround: 'mw-template3-ext-ground',
-		template3Ext2Ground: 'mw-template3-ext2-ground',
-		template3Ext3Ground: 'mw-template3-ext3-ground',
-		template3ExtLinkGround: 'mw-template3-ext-link-ground',
-		template3Ext2LinkGround: 'mw-template3-ext2-link-ground',
-		template3Ext3LinkGround: 'mw-template3-ext3-link-ground',
-		template3Ground: 'mw-template3-ground',
-		template3LinkGround: 'mw-template3-link-ground',
-	},
-
-	/**
-	 * These are custom tokens (a.k.a. tags) that aren't mapped to any of the standardized tags.
-	 *
-	 * TODO: pass parent Tags in Tag.define() where appropriate for better theming.
-	 *
-	 * @see https://codemirror.net/docs/ref/#language.StreamParser.tokenTable
-	 * @see https://lezer.codemirror.net/docs/ref/#highlight.Tag%5Edefine
-	 */
-	get tokenTable(): Record<string, Tag> {
-		const table: Record<string, Tag> = {};
-		for (const className of Object.values(this.tags)) {
-			table[className] = Tag.define();
-		}
-		return table;
-	},
-};

package/src/escape.ts

@@ -1,28 +0,0 @@
-import {CodeMirror6} from './codemirror';
-import type {KeyBinding, Command} from '@codemirror/view';
-
-const entity = {'"': 'quot', "'": 'apos', '<': 'lt', '>': 'gt', '&': 'amp', ' ': 'nbsp'};
-const convert = (func: (str: string) => string): Command => (view): true => {
-		CodeMirror6.replaceSelections(view, func);
-		return true;
-	},
-	escapeHTML = convert(str => [...str].map(c => {
-		if (c in entity) {
-			return `&${entity[c as keyof typeof entity]};`;
-		}
-		const code = c.codePointAt(0)!;
-		return code < 256 ? `&#${code};` : `&#x${code.toString(16)};`;
-	}).join('')),
-	escapeURI = convert(str => {
-		if (str.includes('%')) {
-			try {
-				return decodeURIComponent(str);
-			} catch {}
-		}
-		return encodeURIComponent(str);
-	});
-
-export const keyMap: KeyBinding[] = [
-	{key: 'Mod-[', run: escapeHTML},
-	{key: 'Mod-]', run: escapeURI},
-];

package/src/fold.ts

@@ -1,128 +0,0 @@
-import {EditorView, showTooltip} from '@codemirror/view';
-import {StateField} from '@codemirror/state';
-import {foldEffect, syntaxTree, foldState} from '@codemirror/language';
-import type {Tooltip} from '@codemirror/view';
-import type {EditorState} from '@codemirror/state';
-import type {SyntaxNode} from '@lezer/common';
-
-const isBracket = (node: SyntaxNode): boolean => node.type.name.includes('-template-bracket'),
-	isTemplate = (node: SyntaxNode): boolean => /-template[a-z\d-]+ground/u.test(node.type.name) && !isBracket(node),
-	isDelimiter = (node: SyntaxNode): boolean => /-template-delimiter/u.test(node.type.name);
-
-const MaxScanDist = 10_000;
-
-const foldable = (state: EditorState): {from: number, to: number} | false => {
-	const {selection: {main: {head}}} = state,
-		tree = syntaxTree(state);
-	let node = tree.resolve(head, -1);
-	if (!isTemplate(node)) {
-		node = tree.resolve(head, 1);
-		if (!isTemplate(node)) {
-			return false;
-		}
-	}
-	let {prevSibling, nextSibling} = node,
-		stack = 1,
-		delimiter: SyntaxNode | null = isDelimiter(node) ? node : null;
-	while (nextSibling && nextSibling.to - head < MaxScanDist) {
-		if (isBracket(nextSibling)) {
-			stack += state.sliceDoc(nextSibling.from, nextSibling.from + 1) === '{' ? 1 : -1;
-			if (stack === 0) {
-				break;
-			}
-		} else if (!delimiter && isDelimiter(nextSibling)) {
-			delimiter = nextSibling;
-		}
-		({nextSibling} = nextSibling);
-	}
-	if (!nextSibling) {
-		return false;
-	}
-	stack = -1;
-	while (prevSibling && head - prevSibling.from < MaxScanDist) {
-		if (isBracket(prevSibling)) {
-			stack += state.sliceDoc(prevSibling.from, prevSibling.from + 1) === '{' ? 1 : -1;
-			if (stack === 0) {
-				break;
-			}
-		} else if (isDelimiter(prevSibling)) {
-			delimiter = prevSibling;
-		}
-		({prevSibling} = prevSibling);
-	}
-	if (delimiter) {
-		return {from: delimiter.from, to: nextSibling.from};
-	}
-	return false;
-};
-
-/**
- * 寻找匹配的括号并折叠
- * @param view EditorView
- */
-export const fold = (view: EditorView): boolean => {
-	const {state} = view,
-		range = foldable(state);
-	if (range) {
-		view.dispatch({effects: foldEffect.of(range)});
-		return true;
-	}
-	return false;
-};
-
-const create = (state: EditorState): Tooltip | null => {
-	const range = foldable(state);
-	if (range) {
-		const {from, to} = range;
-		let folded = false;
-		state.field(foldState).between(from, to, (i, j) => {
-			if (i === from && j === to) {
-				folded = true;
-			}
-		});
-		return folded // eslint-disable-line @typescript-eslint/no-unnecessary-condition
-			? null
-			: {
-				pos: state.selection.main.head,
-				above: true,
-				create: (): {dom: HTMLElement} => {
-					const dom = document.createElement('div');
-					dom.className = 'cm-tooltip-fold';
-					dom.textContent = '\uff0d';
-					dom.title = 'Fold template parameters';
-					dom.dataset['from'] = String(from);
-					dom.dataset['to'] = String(to);
-					return {dom};
-				},
-			};
-	}
-	return null;
-};
-
-export const cursorTooltipField = StateField.define<Tooltip | null>({
-	create,
-	update(tooltip, {state, docChanged, selection}) {
-		return docChanged || selection ? create(state) : tooltip;
-	},
-	provide(f) {
-		return showTooltip.from(f);
-	},
-});
-
-export const cursorTooltipTheme = EditorView.baseTheme({
-	'.cm-tooltip-fold': {
-		cursor: 'pointer',
-		lineHeight: 1.2,
-		padding: '0 1px',
-	},
-});
-
-export const handler = (view: EditorView) => (e: MouseEvent): void => {
-	const dom = (e.target as Element).closest<HTMLElement>('.cm-tooltip-fold');
-	if (dom) {
-		e.preventDefault();
-		const {dataset: {from, to}} = dom;
-		view.dispatch({effects: foldEffect.of({from: Number(from), to: Number(to)})});
-		dom.remove();
-	}
-};