wikiplus-highlight 2.60.1 → 3.0.0

package/matchtags.js

@@ -1,324 +0,0 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: https://codemirror.net/LICENSE
-// Modified for MediaWiki by Bhsd <https://github.com/bhsd-harry>
-
-(() => {
-	'use strict';
-
-	const {Pos, cmpPos, Init} = CodeMirror,
-		tagStart = /<(\/?)([a-z]\w*)(?=[\s/>]|$)/giu,
-		voidTags = new Set(['br', 'wbr', 'hr', 'img']),
-		maxScanLines = 1000;
-
-	/** @ignore */
-	class Iter {
-		/**
-		 * @param {CodeMirror.Editor} cm CodeMirror实例
-		 * @param {CodeMirror.Position} pos 当前位置
-		 */
-		constructor(cm, {line, ch}) {
-			this.line = line;
-			this.ch = ch;
-			this.cm = cm;
-			this.text = cm.getLine(line);
-			this.min = Math.max(line - maxScanLines + 1, cm.firstLine());
-			this.max = Math.min(line + maxScanLines - 1, cm.lastLine());
-		}
-
-		/** 提取当前位置 */
-		get pos() {
-			return Pos(this.line, this.ch);
-		}
-
-		/** 是否是标签 */
-		isTag() {
-			const type = this.cm.getTokenTypeAt(this.pos);
-			return /\b(?:mw-(?:html|ext)tag|tag\b)/u.test(type);
-		}
-
-		/**
-		 * 判断是否是`<`或`>`
-		 * @param {number} ch 列号
-		 */
-		bracketAt(ch) {
-			const type = this.cm.getTokenTypeAt(Pos(this.line, ch + 1));
-			return /\b(?:mw-(?:html|ext)tag-)?bracket\b/u.test(type);
-		}
-
-		/** Jump to the start of the next line */
-		nextLine() {
-			if (this.line >= this.max) {
-				return false;
-			}
-			this.ch = 0;
-			this.text = this.cm.getLine(++this.line);
-			return true;
-		}
-
-		/** Jump to the end of the previous line */
-		prevLine() {
-			if (this.line <= this.min) {
-				return false;
-			}
-			this.text = this.cm.getLine(--this.line);
-			this.ch = this.text.length;
-			return true;
-		}
-
-		/** Jump to the letter after a `>` towards the line end */
-		toTagEnd() {
-			for (;;) {
-				const gt = this.text.indexOf('>', this.ch);
-				if (gt === -1) {
-					if (this.nextLine()) {
-						continue;
-					}
-					return undefined;
-				}
-				this.ch = gt + 1;
-				if (this.bracketAt(gt)) {
-					return this.text[gt - 1] === '/' ? 'selfClose' : 'regular';
-				}
-			}
-		}
-
-		/** Jump to a `<` towards the line start */
-		toTagStart() {
-			for (;;) {
-				const lt = this.ch > 0 ? this.text.lastIndexOf('<', this.ch - 1) : -1;
-				if (lt === -1) {
-					if (this.prevLine()) {
-						continue;
-					}
-					return undefined;
-				} else if (!this.bracketAt(lt)) {
-					this.ch = lt;
-					continue;
-				}
-				tagStart.lastIndex = lt;
-				this.ch = lt;
-				const match = tagStart.exec(this.text);
-				if (match && match.index === lt) {
-					return match;
-				}
-			}
-		}
-
-		/** Jump to the start of the last line, or the letter after a `tagStart` */
-		toNextTag() {
-			for (;;) {
-				tagStart.lastIndex = this.ch;
-				const found = tagStart.exec(this.text);
-				if (!found) {
-					if (this.nextLine()) {
-						continue;
-					}
-					return undefined;
-				}
-				this.ch = found.index + found[0].length;
-				if (this.bracketAt(found.index)) {
-					return found;
-				}
-			}
-		}
-
-		/** Jump to the end of the first line, or a non-bracket `>`, or the letter after a tag bracket `>` */
-		toPrevTag() {
-			for (;;) {
-				const gt = this.ch > 0 ? this.text.lastIndexOf('>', this.ch - 1) : -1;
-				if (gt === -1) {
-					if (this.prevLine()) {
-						continue;
-					}
-					return undefined;
-				} else if (this.bracketAt(gt)) {
-					this.ch = gt + 1;
-					return this.text[gt - 1] === '/' ? 'selfClose' : 'regular';
-				}
-				this.ch = gt;
-			}
-		}
-
-		// eslint-disable-next-line jsdoc/require-returns-check
-		/**
-		 * 搜索匹配的闭合标签
-		 * @param {string} tag 标签名
-		 * @returns {CodeMirror.MatchingTag}
-		 */
-		findMatchingClose(tag) {
-			const /** @type {string[]} */ stack = [];
-			for (;;) {
-				const next = this.toNextTag();
-				if (!next) {
-					return undefined;
-				}
-				const from = Pos(this.line, this.ch - next[0].length),
-					end = this.toTagEnd(),
-					tagName = next[2].toLowerCase();
-				if (!end) {
-					return undefined;
-				} else if (end === 'selfClose' || voidTags.has(tagName)) {
-					continue;
-				} else if (next[1]) { // closing tag
-					let i = stack.length - 1;
-					for (; i >= 0; --i) {
-						if (stack[i] === tagName) {
-							stack.length = i;
-							break;
-						}
-					}
-					if (i < 0 && (!tag || tag === tagName)) {
-						return {tag: tagName, from, to: this.pos};
-					}
-				} else { // opening tag
-					stack.push(tagName);
-				}
-			}
-		}
-
-		// eslint-disable-next-line jsdoc/require-returns-check
-		/**
-		 * 搜索匹配的开启标签
-		 * @param {string|undefined} tag 标签名
-		 * @returns {CodeMirror.MatchingTag}
-		 */
-		findMatchingOpen(tag) {
-			const /** @type {string[]} */ stack = [];
-			for (;;) {
-				const prev = this.toPrevTag();
-				if (!prev) {
-					return undefined;
-				}
-				const {pos: to} = this,
-					start = this.toTagStart();
-				if (!start) {
-					return undefined;
-				}
-				const tagName = start[2].toLowerCase();
-				if (prev === 'selfClose' || voidTags.has(tagName)) {
-					continue;
-				} else if (start[1]) { // closing tag
-					stack.push(tagName);
-				} else { // opening tag
-					let i = stack.length - 1;
-					for (; i >= 0; --i) {
-						if (stack[i] === tagName) {
-							stack.length = i;
-							break;
-						}
-					}
-					if (i < 0 && (!tag || tag === tagName)) {
-						return {tag: tagName, from: this.pos, to};
-					}
-				}
-			}
-		}
-	}
-
-	CodeMirror.defineExtension(
-		'findMatchingTag',
-
-		/**
-		 * @this {CodeMirror.Editor}
-		 * @param {CodeMirror.Position} pos 当前位置
-		 * @returns {CodeMirror.MatchingTagPair}
-		 */
-		function(pos) {
-			const iter = new Iter(this, pos);
-			if (!iter.isTag()) {
-				return undefined;
-			}
-			const end = iter.toTagEnd(),
-				to = end && iter.pos,
-				start = end && iter.toTagStart();
-			if (!start || cmpPos(iter, pos) > 0) {
-				return undefined;
-			}
-			const tag = start[2].toLowerCase(),
-				here = {from: iter.pos, to, tag};
-			if (end === 'selfClose' || voidTags.has(tag)) {
-				return {open: here, loc: 'self'};
-			} else if (start[1]) { // closing tag
-				return {open: iter.findMatchingOpen(tag), close: here, loc: 'close'};
-			}
-			// opening tag
-			return {open: here, close: new Iter(this, to).findMatchingClose(tag), loc: 'open'};
-		},
-	);
-
-	CodeMirror.defineExtension(
-		'findEnclosingTag',
-
-		/**
-		 * @this {CodeMirror.Editor}
-		 * @param {CodeMirror.Position} pos
-		 * @param {string} tag
-		 * @returns {CodeMirror.MatchingTagPair}
-		 */
-		function(pos, tag) {
-			const open = new Iter(this, pos).findMatchingOpen(tag);
-			if (open) {
-				const close = new Iter(this, pos).findMatchingClose(open.tag);
-				return close && {open, close};
-			}
-			return undefined;
-		},
-	);
-
-	/** Used by addon/edit/closetag.js */
-	CodeMirror.scanForClosingTag = (cm, pos, tagName) => new Iter(cm, pos).findMatchingClose(tagName);
-
-	CodeMirror.defineOption('matchTags', false, (cm, val, old) => {
-		if (old && old !== Init) {
-			cm.off('cursorActivity', doMatchTags);
-			clear(cm);
-		}
-		if (val) {
-			cm.on('cursorActivity', doMatchTags);
-			doMatchTags(cm);
-		}
-	});
-
-	/**
-	 * 清除高亮
-	 * @param {CodeMirror.EditorWithMatchingTags} cm CodeMirror实例
-	 */
-	const clear = cm => {
-		if (cm.state.tagHit) {
-			cm.state.tagHit.clear();
-			cm.state.tagHit = undefined;
-		}
-		if (cm.state.tagOther) {
-			cm.state.tagOther.clear();
-			cm.state.tagOther = undefined;
-		}
-	};
-
-	/**
-	 * 搜索并高亮匹配的标签
-	 * @param {CodeMirror.EditorWithMatchingTags} cm CodeMirror实例
-	 */
-	const doMatchTags = cm => {
-		cm.operation(() => {
-			clear(cm);
-			if (cm.somethingSelected()) {
-				return;
-			}
-			const match = cm.findMatchingTag(cm.getCursor());
-			if (!match) {
-				return;
-			} else if (match.loc === 'self') {
-				cm.state.tagHit = cm.markText(match.open.from, match.open.to, {className: 'cm-matchingtag'});
-				return;
-			}
-			const hit = match.loc === 'open' ? match.open : match.close,
-				other = match.loc === 'close' ? match.open : match.close;
-			if (hit) {
-				cm.state.tagHit = cm.markText(hit.from, hit.to, {className: `cm-${other ? '' : 'non'}matchingtag`});
-				if (other) {
-					cm.state.tagOther = cm.markText(other.from, other.to, {className: 'cm-matchingtag'});
-				}
-			}
-		});
-	};
-})();

package/search.js

@@ -1,258 +0,0 @@
-/**
- * @author Bhsd <https://github.com/bhsd-harry>
- * @license GPL-3.0
- */
-/* eslint-disable require-unicode-regexp */
-(() => {
-	'use strict';
-	const {Pos} = CodeMirror,
-		{libs: {wphl: {msg, isPc, addons}}} = mw;
-
-	// Prepare elements
-	const $search = $('<input>', {class: 'Wikiplus-Quickedit-Search', placeholder: msg('search-placeholder')}),
-		$searchClose = $('<span>', {text: '×', class: 'Wikiplus-Symbol-Btn'}),
-		$searchNext = $('<span>', {text: '▼', class: 'Wikiplus-Symbol-Btn'}),
-		$searchPrev = $('<span>', {text: '▲', class: 'Wikiplus-Symbol-Btn'}),
-		$searchContainer = $('<div>', {
-			class: 'Wikiplus-Quickedit-Search-Div',
-			html: [$search, $searchNext, $searchPrev, $searchClose],
-		}),
-		$searchBtn = $('<span>', {class: 'Wikiplus-Btn', html: msg('addon-search')}),
-		$replace = $('<textarea>', {class: 'Wikiplus-Quickedit-Search', placeholder: msg('replace-placeholder'), rows: 1}),
-		$replaceClose = $('<span>', {text: '×', class: 'Wikiplus-Symbol-Btn'}),
-		$replaceNext = $('<span>', {text: '▼', class: 'Wikiplus-Symbol-Btn'}),
-		$replacePrev = $('<span>', {text: '▲', class: 'Wikiplus-Symbol-Btn'}),
-		$replaceContainer = $('<div>', {
-			class: 'Wikiplus-Quickedit-Search-Div',
-			html: [$replace, $replaceNext, $replacePrev, $replaceClose],
-		}),
-		$replaceBtn = $('<span>', {class: 'Wikiplus-Btn', html: msg('search-replace')});
-
-	const escapeRegExp = mw.util.escapeRegExp || mw.RegExp.escape;
-	const /** @type {CodeMirror.Mode<undefined>} */ overlay = {token: /** @override */ () => {}};
-
-	/**
-	 * 根据搜索字符串生成高亮
-	 * @param {string|RegExp} str 搜索字符串
-	 */
-	const token = str => {
-		const initial = typeof str === 'string' && new RegExp(`[^${escapeRegExp(str[0])}]`, 'i');
-
-		/**
-		 * @override
-		 * @param {CodeMirror.StringStream} stream
-		 */
-		return stream => {
-			if (stream.match(str, true, true)) {
-				return 'search';
-			}
-			stream.next();
-			if (initial) {
-				stream.eatWhile(initial);
-			}
-			return undefined;
-		};
-	};
-
-	/** input event handler of `$search` */
-	const onInput = () => {
-		$search.css('background-color', '').off('input', onInput);
-	};
-
-	let /** @type {string} */ lastSource,
-		/** @type {string|RegExp} */ lastPtn,
-		/** @type {CodeMirror.SearchCursor} */ cursor;
-
-	/**
-	 * 更新搜索字符串
-	 * @param {CodeMirror.Editor} cm CodeMirror实例
-	 */
-	const updatePtn = cm => {
-		const /** @type {string} */ source = $search.val();
-		if (!source) {
-			return undefined;
-		} else if (source === lastSource) {
-			return lastPtn;
-		}
-		const caseFold = source.endsWith('i'),
-			ptn = /^\/.+\/i?$/u.test(source)
-				? new RegExp(source.slice(1, caseFold ? -2 : -1), caseFold ? 'im' : 'm')
-				: source;
-		cm.removeOverlay(overlay);
-		overlay.token = token(ptn);
-		cm.addOverlay(overlay);
-		lastSource = source;
-		lastPtn = ptn;
-		cursor = cm.getSearchCursor(ptn, cm.getCursor(), {caseFold: true});
-		return ptn;
-	};
-
-	/**
-	 * keyboard event handler of `$search`
-	 * @param {CodeMirror.Editor} cm CodeMirror实例
-	 * @param {boolean} dir 搜索方向
-	 * @param {boolean} update 是否先更新搜索字符串
-	 */
-	const findNext = (cm, dir, update = true) => {
-		if (update && !updatePtn(cm)) {
-			return;
-		}
-		let result = dir ? cursor.findNext() : cursor.findPrevious();
-		if (!result) {
-			let pos;
-			if (dir) {
-				pos = Pos(0, 0);
-			} else {
-				const lastLine = cm.lastLine();
-				pos = Pos(lastLine, cm.getLine(lastLine).length);
-			}
-			cursor.pos = {from: pos, to: pos};
-			cursor.atOccurrence = false;
-			result = dir ? cursor.findNext() : cursor.findPrevious();
-		}
-		if (result) {
-			const from = cursor.from(),
-				to = cursor.to();
-			cm.setSelection(from, to);
-			cm.scrollIntoView({from, to});
-			onInput();
-		} else {
-			$search.css('background-color', 'pink').on('input', onInput);
-		}
-	};
-
-	/**
-	 * replace one by one
-	 * @param {CodeMirror.Editor} cm CodeMirror实例
-	 * @param {boolean} dir 搜索方向
-	 */
-	const replaceNext = (cm, dir) => {
-		const ptn = updatePtn(cm);
-		if (!ptn) {
-			return;
-		} else if (cursor.atOccurrence) {
-			const replace = $replace.val();
-			cursor.replace(typeof ptn === 'string' ? replace : cursor.pos.match[0].replace(ptn, replace));
-		}
-		findNext(cm, dir, false);
-	};
-
-	/**
-	 * keyboard event handler of `$replace`
-	 * @param {CodeMirror.Editor} cm CodeMirror实例
-	 */
-	const replace = async cm => {
-		const ptn = updatePtn(cm);
-		if (!ptn) {
-			return;
-		}
-		const replacePtn = typeof ptn === 'string'
-				? new RegExp(escapeRegExp(ptn), 'gim')
-				: new RegExp(ptn, `g${ptn.flags}`),
-			val = cm.getValue(),
-			mt = val.match(replacePtn);
-		if (mt && await OO.ui.confirm(msg('replace-count', mt.length))) {
-			const {left, top} = cm.getScrollInfo();
-			cm.setValue(val.replace(replacePtn, $replace.val()));
-			cm.scrollTo(left, top);
-			$replaceContainer.hide();
-		}
-	};
-
-	/** click event handler of `$searchBtn` */
-	const findNew = () => {
-		$searchContainer.show();
-		$search.select().focus()[0]
-			.scrollIntoView({behavior: 'smooth'});
-	};
-
-	/** click event handler of `$replaceBtn` */
-	const replaceNew = () => {
-		$replaceContainer.show();
-		if ($searchContainer.is(':hidden')) {
-			findNew();
-		}
-	};
-
-	/**
-	 * click event handler of `$searchClose`
-	 * @param {CodeMirror.Editor} cm CodeMirror实例
-	 */
-	const reset = cm => {
-		cm.removeOverlay(overlay);
-		$searchContainer.hide();
-		$replaceContainer.hide();
-		lastSource = '';
-	};
-
-	CodeMirror.commands.find = findNew;
-	CodeMirror.commands.findNext = /** 向后搜索 */ doc => {
-		findNext(doc, true);
-	};
-	CodeMirror.commands.findPrev = /** 向前搜索 */ doc => {
-		findNext(doc, false);
-	};
-	CodeMirror.commands.replace = replaceNew;
-	CodeMirror.commands.replaceNext = /** 向后替换 */ doc => {
-		replaceNext(doc, true);
-	};
-	CodeMirror.commands.replaceAll = /** 全文替换 */ doc => { // eslint-disable-line es-x/no-string-prototype-replaceall
-		replace(doc);
-	};
-
-	mw.hook('wiki-codemirror').add(/** @param {CodeMirror.Editor} cm */ cm => {
-		if (!cm.getOption('styleSelectedText') || addons.has('wikiEditor')) {
-			return;
-		}
-		const $textarea = $(cm.getWrapperElement()).prev('#Wikiplus-Quickedit');
-		if ($textarea.length === 0) {
-			return;
-		}
-		$searchContainer.hide().insertBefore($textarea);
-		$searchBtn.click(findNew).insertAfter('#Wikiplus-Quickedit-Jump');
-		$searchClose.click(() => {
-			reset(cm);
-		});
-		$searchNext.click(() => {
-			findNext(cm, true);
-		});
-		$searchPrev.click(() => {
-			findNext(cm, false);
-		});
-		$search.val('').keydown(e => {
-			if (e.key === 'Enter') {
-				e.preventDefault();
-				findNext(cm, true);
-			} else if (e.key === 'Escape') {
-				e.stopPropagation();
-				reset(cm);
-			}
-		});
-		$replaceContainer.hide().insertBefore($textarea);
-		$replaceBtn.click(replaceNew).insertAfter($searchBtn);
-		$replaceClose.click(() => {
-			$replaceContainer.hide();
-		});
-		$replaceNext.click(() => {
-			replaceNext(cm, true);
-		});
-		$replacePrev.click(() => {
-			replaceNext(cm, false);
-		});
-		$replace.val('').keydown(e => {
-			if (e.key === 'Enter') {
-				e.preventDefault();
-				replace(cm);
-			} else if (e.key === 'Escape') {
-				e.stopPropagation();
-				$replaceContainer.hide();
-			}
-		});
-		const ctrl = isPc(CodeMirror) ? 'Ctrl' : 'Cmd';
-		cm.addKeyMap({
-			[`${ctrl}-H`]: 'replace',
-			[`Shift-${ctrl}-H`]: 'replaceNext',
-			[`${ctrl}-Alt-Enter`]: 'replaceAll',
-		});
-	});
-})();