@cyfung1031/prism-code-editor 5.2.0-cdn-esm.0

package/dist/extensions/commands/utils.d.ts

@@ -0,0 +1,91 @@
+import { PrismEditor } from '../../index.js';
+import { HotkeyMap, EditorHotkey, HotkeySequenceOptions, Hotkey } from './types.js';
+/**
+ * Normalizes modifier keys to a bitmask that's used by {@link getKeysFromEvent}.
+ * All keys are case insensitive.
+ *
+ * Rules:
+ * - `alt` → `1`
+ * - `ctrl` or `control` → `2`
+ * - `meta` or `cmd` → `4`
+ * - `shift` → `8`
+ * - `mod` → `4` on Mac, `2` otherwise
+ *
+ * @param key Key to normalize.
+ * @returns Normalized and lowercase key.
+ * @example
+ * normalizeKey("a") // "0+a"
+ * normalizeKey("+") // "0++"
+ * normalizeKey("ctrl+alt+a") // "3+a"
+ * normalizeKey("10+ALT+a") // "11+a"
+ * normalizeKey("shift+alt+12+a") // "13+a"
+ */
+declare const normalizeKey: (key: string) => string;
+/**
+ * Gets a `Set` of keys that match a keyboard event.
+ * @param e Keyboard event to get keys for.
+ */
+declare const getKeysFromEvent: (e: KeyboardEvent) => Set<string>;
+/**
+ * Utility that runs all commands whose key matches the keyboard event until a command
+ * returns a truthy value. In that case `preventDefault` and `stopImmediatePropagation`
+ * are called.
+ *
+ * @param e Keyboard event to run commands for.
+ * @param map Record mapping keys to a list of commands for that key.
+ * @param data Argument to pass to the commands.
+ * @returns `true` if a command returned a truthy value.
+ *
+ * @example
+ * addEventListener("keydown", e => {
+ *   const handled = !!runHotkeys(e, map, data)
+ * })
+ */
+declare const runHotkeys: <T>(e: KeyboardEvent, map: HotkeyMap<T>, data: T) => true | undefined;
+/**
+ * Registers a command for the specified key.
+ *
+ * @param editor Editor to add the command to.
+ * @param key Key the command will run for.
+ * @param command Command for the specified key.
+ * @param precedence Positive integer denoting the precedence of the command where `0`
+ * is the highest precedence. Defaults to `2`.
+ * @returns Function to remove the hotkey.
+ */
+declare const addEditorHotkey: <T extends {}>(editor: PrismEditor<T>, key: string, command: EditorHotkey<T>, precedence?: number) => () => void;
+/**
+ * Registers a command for the specified key to the hotkey map.
+ *
+ * @param map Map to add the command to.
+ * @param key Key the command will run for.
+ * @param command Command for the specified key.
+ * @param precedence Positive integer denoting the precedence of the command where `0`
+ * is the highest precedence. Defaults to `2`.
+ * @returns Function to remove the hotkey.
+ */
+declare const addHotkey: <T>(map: HotkeyMap<T>, key: string, command: Hotkey<T>, precedence?: number) => () => void;
+/**
+ * Registers a sequential hotkey to the specifed editor.
+ *
+ * @param editor Editor to add the sequence to.
+ * @param sequence Sequence of keys to press for the command to be executed.
+ * @param command Command to execute when the sequence is pressed.
+ * @returns Function to remove the hotkey.
+ */
+declare const addEditorHotkeySequence: <T extends {}>(editor: PrismEditor<T>, sequence: string[], command: EditorHotkey<T>, options?: HotkeySequenceOptions) => () => void;
+/**
+ * Registers a sequential hotkey to the specifed hotkey map.
+ *
+ * @param map Map to add the sequence to.
+ * @param sequence Sequence of keys to press for the command to be executed.
+ * @param command Command to execute when the sequence is pressed.
+ * @returns Function to remove the hotkey.
+ */
+declare const addHotkeySequence: <T>(map: HotkeyMap<T>, sequence: string[], command: Hotkey<T>, options?: HotkeySequenceOptions) => () => void;
+/**
+ * Returns whether the key pressed is Alt, Shift, Control, or Meta.
+ * @param e Keyboard event to check.
+ */
+declare const isModifierKey: (e: KeyboardEvent) => boolean;
+declare const mod: number;
+export { normalizeKey, getKeysFromEvent, addEditorHotkey, addHotkey, addEditorHotkeySequence, addHotkeySequence, runHotkeys, isModifierKey, mod, };

package/dist/extensions/copyButton/index.d.ts

@@ -0,0 +1,13 @@
+import { BasicExtension } from '../../types.js';
+/**
+ * Creates a static copy button that can be added to the overlays of an editor or code
+ * block. The `firstChild` of the element returned is the button itself.
+ */
+declare const createCopyButton: () => HTMLDivElement;
+/**
+ * Extension that adds a copy button to the editor.
+ * Probably best used with a read-only editor.
+ * You must also import styles from `prism-code-editor/copy-button.css`.
+ */
+declare const copyButton: () => BasicExtension;
+export { copyButton, createCopyButton };

package/dist/extensions/copyButton/index.js

@@ -0,0 +1,32 @@
+import { i as doc, r as createTemplate, t as addListener } from "../../core-fngiDtt5.js";
+import { m as setSelection, t as addOverlay } from "../../utils-umP5W0OV.js";
+//#region src/extensions/copyButton/index.ts
+/** @module copy-button */
+/**
+* Creates a static copy button that can be added to the overlays of an editor or code
+* block. The `firstChild` of the element returned is the button itself.
+*/
+var createCopyButton = /* @__PURE__ */ createTemplate("<div style=display:flex;align-items:flex-start;justify-content:flex-end><button type=button dir=ltr style=display:none class=pce-copy aria-label=Copy><svg width=1.2em aria-hidden=true viewBox=\"0 0 16 16\" overflow=visible stroke-linecap=round fill=none stroke=currentColor><rect x=4 y=4 width=11 height=11 rx=1 /><path d=\"m12 2a1 1 0 00-1-1H2A1 1 0 001 2v9a1 1 0 001 1\">");
+/**
+* Extension that adds a copy button to the editor.
+* Probably best used with a read-only editor.
+* You must also import styles from `prism-code-editor/copy-button.css`.
+*/
+var copyButton = () => (editor) => {
+	const container = createCopyButton();
+	const btn = container.firstChild;
+	addListener(btn, "click", () => {
+		btn.setAttribute("aria-label", "Copied!");
+		if (!navigator.clipboard?.writeText(editor.extensions.codeFold?.fullCode ?? editor.value)) {
+			editor.textarea.select();
+			doc.execCommand("copy");
+			setSelection(editor, 0);
+		}
+	});
+	addListener(btn, "pointerenter", () => btn.setAttribute("aria-label", "Copy"));
+	addOverlay(editor, container);
+};
+//#endregion
+export { copyButton, createCopyButton };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/copyButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/extensions/copyButton/index.ts"],"sourcesContent":["/** @module copy-button */\r\n\r\nimport { addListener, createTemplate, doc } from \"../../core.js\"\r\nimport { BasicExtension } from \"../../types.js\"\r\nimport { addOverlay, setSelection } from \"../../utils/index.js\"\r\n\r\n/**\r\n * Creates a static copy button that can be added to the overlays of an editor or code\r\n * block. The `firstChild` of the element returned is the button itself.\r\n */\r\nconst createCopyButton = /* @__PURE__ */ createTemplate(\r\n\t'<div style=display:flex;align-items:flex-start;justify-content:flex-end><button type=button dir=ltr style=display:none class=pce-copy aria-label=Copy><svg width=1.2em aria-hidden=true viewBox=\"0 0 16 16\" overflow=visible stroke-linecap=round fill=none stroke=currentColor><rect x=4 y=4 width=11 height=11 rx=1 /><path d=\"m12 2a1 1 0 00-1-1H2A1 1 0 001 2v9a1 1 0 001 1\">',\r\n)\r\n\r\n/**\r\n * Extension that adds a copy button to the editor.\r\n * Probably best used with a read-only editor.\r\n * You must also import styles from `prism-code-editor/copy-button.css`.\r\n */\r\nconst copyButton = (): BasicExtension => editor => {\r\n\tconst container = createCopyButton()\r\n\tconst btn = <HTMLButtonElement>container.firstChild!\r\n\r\n\taddListener(btn, \"click\", () => {\r\n\t\tbtn.setAttribute(\"aria-label\", \"Copied!\")\r\n\t\tif (!navigator.clipboard?.writeText(editor.extensions.codeFold?.fullCode ?? editor.value)) {\r\n\t\t\teditor.textarea.select()\r\n\t\t\tdoc!.execCommand(\"copy\")\r\n\t\t\tsetSelection(editor, 0)\r\n\t\t}\r\n\t})\r\n\r\n\taddListener(btn, \"pointerenter\", () => btn.setAttribute(\"aria-label\", \"Copy\"))\r\n\r\n\taddOverlay(editor, container)\r\n}\r\n\r\nexport { copyButton, createCopyButton }\r\n"],"mappings":";;;;;;;;AAUA,IAAM,mBAAmC,+BACxC,uXACD;;;;;;AAOA,IAAM,oBAAmC,WAAU;CAClD,MAAM,YAAY,iBAAiB;CACnC,MAAM,MAAyB,UAAU;CAEzC,YAAY,KAAK,eAAe;EAC/B,IAAI,aAAa,cAAc,SAAS;EACxC,IAAI,CAAC,UAAU,WAAW,UAAU,OAAO,WAAW,UAAU,YAAY,OAAO,KAAK,GAAG;GAC1F,OAAO,SAAS,OAAO;GACvB,IAAK,YAAY,MAAM;GACvB,aAAa,QAAQ,CAAC;EACvB;CACD,CAAC;CAED,YAAY,KAAK,sBAAsB,IAAI,aAAa,cAAc,MAAM,CAAC;CAE7E,WAAW,QAAQ,SAAS;AAC7B"}

package/dist/extensions/cursor/custom.d.ts

@@ -0,0 +1,15 @@
+import { BasicExtension } from '../../types.js';
+/**
+ * Extension that overrides the browser's default cursor.
+ *
+ * Due to a known issue, it's **not recommended** to use this extension with `wordWrap`
+ * enabled.
+ *
+ * Use the `--pce-cursor` CSS variable to change the cursor's color and the `.pce-cursor`
+ * selector for other styling.
+ *
+ * Requires the {@link cursorPosition} extension and styling from
+ * `prism-code-editor/cursor.css` to work.
+ */
+declare const customCursor: () => BasicExtension;
+export { customCursor };

package/dist/extensions/cursor/index.d.ts

@@ -0,0 +1,4 @@
+/** @module cursor */
+export { cursorPosition } from './position.js';
+export { customCursor } from './custom.js';
+export type { Cursor, CursorPosition } from './position.js';

package/dist/extensions/cursor/index.js

@@ -0,0 +1,2 @@
+import { n as cursorPosition, t as customCursor } from "../../cursor-7DP0p42U.js";
+export { cursorPosition, customCursor };

package/dist/extensions/cursor/position.d.ts

@@ -0,0 +1,24 @@
+import { BasicExtension } from '../../index.js';
+/** Postion of the cursor relative to the editor's overlays. */
+export type CursorPosition = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    height: number;
+};
+export interface Cursor extends BasicExtension {
+    /** Gets the cursor position relative to the editor overlays. */
+    getPosition(): CursorPosition;
+    /** Scrolls the cursor into view. */
+    scrollIntoView(): void;
+    /** The empty span element representing the cursor. */
+    element: HTMLSpanElement;
+}
+/**
+ * Extension which can be used to calculate the position of the cursor and scroll it into view.
+ * This is used by the {@link defaultCommands} extension to keep the cursor in view while typing.
+ *
+ * The extension can also be accessed from `editor.extensions.cursor` when added.
+ */
+export declare const cursorPosition: () => Cursor;

package/dist/extensions/folding/index.d.ts

@@ -0,0 +1,63 @@
+import { Extension, PrismEditor } from '../../index.js';
+/**
+ * Callback used to add extra foldable ranges to an editor.
+ * @param editor Editor the folding ranges are added to.
+ * @param currentFolds The ranges that are currently foldable.
+ * @returns An array of extra foldable ranges.
+ */
+export type FoldingRangeProvider = (editor: PrismEditor, currentFolds: [number, number][]) => [number, number][] | undefined;
+export interface ReadOnlyCodeFolding extends Extension {
+    /** The code in the editor with no ranges collapsed. */
+    readonly fullCode: string;
+    /**
+     * Toggles whether a range is folded. Does not cause a rerender so it's possible to
+     * toggle multiple folds simultaneously.
+     * @param lineNumber The line number of the fold.
+     * @param force If set to `true`, the range will only be folded.
+     * If `false`, the range will only be unfolded.
+     * If `undefined`, it will be toggled.
+     * @returns A boolean indicating whether or not a fold was toggled which means
+     * calling {@link updateFolds} in the near future is necessary.
+     */
+    toggleFold(lineNumber: number, force?: boolean): boolean;
+    /** Call this after the {@link toggleFold} method to rerender the editor. */
+    updateFolds(): void;
+}
+/**
+ * Extension only supporting read-only editors which adds code folding to the editor.
+ *
+ * @param providers By default, this extension does not add any foldable ranges and you
+ * must add folding range providers. This package defines multiple folding range providers
+ * you can import like {@link bracketFolding}, {@link tagFolding},
+ * {@link blockCommentFolding}, and {@link markdownFolding}. You can also define your own
+ * providers.
+ *
+ * Very minimal downsides to adding this extension dynamically.
+ *
+ * Requires styles from `prism-code-editor/code-folding.css`
+ */
+declare const readOnlyCodeFolding: (...providers: FoldingRangeProvider[]) => ReadOnlyCodeFolding;
+/**
+ * Folding range provider that adds folding of square, round, and curly brackets.
+ * Requires a {@link BracketMatcher} added to the editor to work.
+ */
+declare const bracketFolding: FoldingRangeProvider;
+/**
+ * Folding range provider that adds folding of HTML/XML elements.
+ * Requires a {@link TagMatcher} added to the editor to work.
+ */
+declare const tagFolding: FoldingRangeProvider;
+/**
+ * Folding range provider that allows folding of block comments. For this to work,
+ * you need to befine block comments in the {@link languageMap} for the language.
+ *
+ * Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.
+ */
+declare const blockCommentFolding: FoldingRangeProvider;
+/**
+ * Folding range provider that allows folding of titles and code blocks in markdown.
+ *
+ * Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.
+ */
+declare const markdownFolding: FoldingRangeProvider;
+export { readOnlyCodeFolding, markdownFolding, blockCommentFolding, tagFolding, bracketFolding };

package/dist/extensions/folding/index.js

@@ -0,0 +1,241 @@
+import { c as numLines, r as createTemplate, s as languageMap, t as addListener } from "../../core-fngiDtt5.js";
+import { a as getLineBefore, g as getLineEnd, x as updateNode } from "../../utils-umP5W0OV.js";
+//#region src/extensions/folding/index.ts
+/** @module code-folding */
+var template = /* @__PURE__ */ createTemplate("<div><div> ");
+var template2 = /* @__PURE__ */ createTemplate("<div class=pce-unfold> <span title=Unfold>\xA0\xA0\xA0</span> ");
+var isMultiline = (str, start, end) => str.slice(start, end).includes("\n");
+/**
+* Extension only supporting read-only editors which adds code folding to the editor.
+*
+* @param providers By default, this extension does not add any foldable ranges and you
+* must add folding range providers. This package defines multiple folding range providers
+* you can import like {@link bracketFolding}, {@link tagFolding},
+* {@link blockCommentFolding}, and {@link markdownFolding}. You can also define your own
+* providers.
+*
+* Very minimal downsides to adding this extension dynamically.
+*
+* Requires styles from `prism-code-editor/code-folding.css`
+*/
+var readOnlyCodeFolding = (...providers) => {
+	let cEditor;
+	let value;
+	let code;
+	let lines;
+	let lineNumberWidth;
+	let textarea;
+	let foldPositions;
+	const foldToggles = [];
+	const foldPlaceholders = [];
+	const foldedLines = /* @__PURE__ */ new Set();
+	const foldedRanges = /* @__PURE__ */ new Set();
+	const getPosition = (pos) => {
+		let result = pos;
+		for (let [start, end] of foldedRanges) if (pos > start) {
+			if (pos < end) return -1;
+			result -= end - start - 3;
+		}
+		return result;
+	};
+	const toggleFold = (line) => {
+		const start = foldPositions[line][0];
+		const addFold = (line) => {
+			let [start, end] = foldPositions[line];
+			let expanded;
+			for (let range of foldedRanges) if (start <= range[0] && end > range[0]) if (expanded) foldedRanges.delete(range);
+			else {
+				range[0] = start;
+				if (end > range[1]) range[1] = end;
+				expanded = true;
+			}
+			if (!expanded) foldedRanges.add([start, end]);
+		};
+		if (foldedLines.has(line)) {
+			foldedLines.delete(line);
+			for (let range of foldedRanges) if (start == range[0]) {
+				foldedRanges.delete(range);
+				for (let currentLine of foldedLines) if (foldPositions[currentLine][0] > start) addFold(currentLine);
+				break;
+			}
+		} else {
+			foldedLines.add(line);
+			addFold(line);
+		}
+	};
+	const update = (line) => {
+		value = "";
+		let pos = 0;
+		for (let [start, end] of [...foldedRanges].sort((a, b) => a[0] - b[0])) {
+			value += code.slice(pos, start) + "\xA0\xA0\xA0";
+			pos = end;
+		}
+		textarea.value = value += code.slice(pos);
+		if (line) textarea.setSelectionRange(pos = getPosition(foldPositions[line][0]), pos);
+		cEditor.update();
+		cEditor.container.style.setProperty("--number-width", lineNumberWidth);
+		updateFolds();
+	};
+	const updateFolds = () => {
+		for (let line = 0, l = foldPositions.length, prev; line < l; line++) {
+			if (!foldPositions[line]) continue;
+			let pos = getPosition(foldPositions[line][0]);
+			if (pos + 1) {
+				let parent = lines[numLines(value, 0, pos)];
+				let el = foldToggles[line];
+				let isClosed = foldedLines.has(line);
+				let pos2 = getPosition(foldPositions[line][1]);
+				if (!el) {
+					el = foldToggles[line] = template();
+					addListener(el, "click", () => toggleAndUpdate(line));
+				}
+				if (parent != el.parentNode && parent != prev) parent.prepend(el);
+				prev = parent;
+				el.className = `pce-fold${isClosed ? " closed-fold" : ""}`;
+				el.title = `${isClosed ? "Unf" : "F"}old line`;
+				el = foldPlaceholders[line];
+				if (isClosed) {
+					if (!el) {
+						el = foldPlaceholders[line] = template2();
+						addListener(el, "click", () => toggleAndUpdate(line));
+					}
+					el.style.counterIncrement = `line ${numLines(code, ...foldPositions[line]) - 1}`;
+					updateNode(el.firstChild, getLineBefore(value, pos));
+					updateNode(el.lastChild, value.slice(pos2, getLineEnd(value, pos2)));
+					if (parent != el.parentNode) parent.prepend(el);
+				} else el?.remove();
+			}
+		}
+	};
+	const toggleAndUpdate = (line) => {
+		toggleFold(line);
+		update(line);
+	};
+	const createFolds = () => {
+		foldPositions = [];
+		foldedRanges.clear();
+		foldedLines.clear();
+		value = code = cEditor.value;
+		lineNumberWidth = (0 | Math.log10(numLines(code))) + 1 + ".001ch";
+		const folds = [];
+		providers.forEach((clb) => folds.push(...clb(cEditor, folds) || []));
+		for (let i = 0, l = folds.length; i < l; i++) {
+			const [start, end] = folds[i];
+			const index = numLines(value, 0, start);
+			if (!foldPositions[index] || end > foldPositions[index][1]) foldPositions[index] = [start, end];
+		}
+		updateFolds();
+	};
+	return {
+		update(editor, options) {
+			if (!cEditor) {
+				cEditor = editor;
+				textarea = editor.textarea;
+				editor.extensions.codeFold = this;
+				lines = editor.lines;
+				if (editor.tokens[0]) createFolds();
+			}
+			editor.container.style.setProperty("--padding-left", options.lineNumbers == false ? "calc(var(--_pse) + var(--_ns))" : "");
+			setTimeout(editor.on("update", createFolds));
+		},
+		get fullCode() {
+			return code;
+		},
+		toggleFold: (lineNumber, force) => !!foldPositions[lineNumber] && foldedLines.has(lineNumber) != force && !toggleFold(lineNumber),
+		updateFolds: () => update()
+	};
+};
+/**
+* Folding range provider that adds folding of square, round, and curly brackets.
+* Requires a {@link BracketMatcher} added to the editor to work.
+*/
+var bracketFolding = ({ value, extensions: { matchBrackets } }) => {
+	if (matchBrackets) {
+		let folds = [];
+		let { brackets, pairs } = matchBrackets;
+		let i = 0;
+		let j;
+		let l = pairs.length;
+		for (; i < l; i++) if ((j = pairs[i]) > i && isMultiline(value, brackets[i][1], brackets[j][1])) folds.push([brackets[i][2], brackets[j][1]]);
+		return folds;
+	}
+};
+/**
+* Folding range provider that adds folding of HTML/XML elements.
+* Requires a {@link TagMatcher} added to the editor to work.
+*/
+var tagFolding = ({ value, extensions: { matchTags } }) => {
+	if (matchTags) {
+		let folds = [];
+		let { tags, pairs } = matchTags;
+		let i = 0;
+		let j;
+		let l = pairs.length;
+		for (; i < l; i++) if ((j = pairs[i]) > i && isMultiline(value, tags[i][2], tags[j][1])) folds.push([tags[i][2], tags[j][1]]);
+		return folds;
+	}
+};
+/**
+* Folding range provider that allows folding of block comments. For this to work,
+* you need to befine block comments in the {@link languageMap} for the language.
+*
+* Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.
+*/
+var blockCommentFolding = ({ tokens, value, options: { language } }) => {
+	const folds = [];
+	const findBlockComments = (tokens, position, language) => {
+		for (let i = 0, l = tokens.length; i < l;) {
+			const token = tokens[i++];
+			const content = token.content;
+			const length = token.length;
+			const aliasType = token.alias || token.type;
+			if (aliasType == "comment" && isMultiline(value, position, position + length)) {
+				let comment = languageMap[language]?.comments?.block;
+				if (comment && value.indexOf(comment[0], position) == position) folds.push([position + comment[0].length, position + length - comment[1].length]);
+			} else if (Array.isArray(content)) findBlockComments(content, position, aliasType.slice(0, 9) == "language-" ? aliasType.slice(9) : language);
+			position += length;
+		}
+	};
+	findBlockComments(tokens, 0, language);
+	return folds;
+};
+/**
+* Folding range provider that allows folding of titles and code blocks in markdown.
+*
+* Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.
+*/
+var markdownFolding = ({ tokens, value, options: { language } }) => {
+	if (language == "markdown" || language == "md") {
+		let folds = [];
+		let pos = 0;
+		let openTitles = [];
+		let levels;
+		let closeTitles = (level) => {
+			for (let end = value.slice(0, pos).trimEnd().length; level <= levels;) folds.push([openTitles[level++], end]);
+		};
+		let i = 0;
+		let l = tokens.length;
+		for (; i < l;) {
+			const token = tokens[i++];
+			const length = token.length;
+			const type = token.type;
+			if (type == "code" && !token.alias) {
+				let content = token.content;
+				folds.push([pos + content[0].length + (content[1].content || "").length, pos + length - content[content.length - 1].length - 1]);
+			}
+			if (type == "title") {
+				let [token1, token2] = token.content;
+				let level = token1.type ? token1.length - 1 : token2.content[0] == "=" ? 0 : 1;
+				closeTitles(level);
+				openTitles[levels = level] = pos + (token1.type ? length : token1.length - 1);
+			}
+			pos += length;
+		}
+		closeTitles(0);
+		return folds;
+	}
+};
+//#endregion
+export { blockCommentFolding, bracketFolding, markdownFolding, readOnlyCodeFolding, tagFolding };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/folding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/extensions/folding/index.ts"],"sourcesContent":["/** @module code-folding */\r\n\r\nimport { Extension, PrismEditor, numLines } from \"../../index.js\"\r\nimport { getLineBefore } from \"../../utils/index.js\"\r\nimport { createTemplate, languageMap, addListener } from \"../../core.js\"\r\nimport { BracketMatcher } from \"../matchBrackets/index.js\"\r\nimport { TagMatcher } from \"../matchTags.js\"\r\nimport { TokenStream, Token } from \"../../prism/index.js\"\r\nimport { getLineEnd, updateNode } from \"../../utils/local.js\"\r\n\r\n/**\r\n * Callback used to add extra foldable ranges to an editor.\r\n * @param editor Editor the folding ranges are added to.\r\n * @param currentFolds The ranges that are currently foldable.\r\n * @returns An array of extra foldable ranges.\r\n */\r\nexport type FoldingRangeProvider = (\r\n\teditor: PrismEditor,\r\n\tcurrentFolds: [number, number][],\r\n) => [number, number][] | undefined\r\n\r\nexport interface ReadOnlyCodeFolding extends Extension {\r\n\t/** The code in the editor with no ranges collapsed. */\r\n\treadonly fullCode: string\r\n\t/**\r\n\t * Toggles whether a range is folded. Does not cause a rerender so it's possible to\r\n\t * toggle multiple folds simultaneously.\r\n\t * @param lineNumber The line number of the fold.\r\n\t * @param force If set to `true`, the range will only be folded.\r\n\t * If `false`, the range will only be unfolded.\r\n\t * If `undefined`, it will be toggled.\r\n\t * @returns A boolean indicating whether or not a fold was toggled which means\r\n\t * calling {@link updateFolds} in the near future is necessary.\r\n\t */\r\n\ttoggleFold(lineNumber: number, force?: boolean): boolean\r\n\t/** Call this after the {@link toggleFold} method to rerender the editor. */\r\n\tupdateFolds(): void\r\n}\r\n\r\nconst template = /* @__PURE__ */ createTemplate(\"<div><div> \")\r\nconst template2 = /* @__PURE__ */ createTemplate(\r\n\t\"<div class=pce-unfold> <span title=Unfold>   </span> \",\r\n)\r\n\r\nconst isMultiline = (str: string, start: number, end: number) =>\r\n\tstr.slice(start, end).includes(\"\\n\")\r\n\r\n/**\r\n * Extension only supporting read-only editors which adds code folding to the editor.\r\n *\r\n * @param providers By default, this extension does not add any foldable ranges and you\r\n * must add folding range providers. This package defines multiple folding range providers\r\n * you can import like {@link bracketFolding}, {@link tagFolding},\r\n * {@link blockCommentFolding}, and {@link markdownFolding}. You can also define your own\r\n * providers.\r\n *\r\n * Very minimal downsides to adding this extension dynamically.\r\n *\r\n * Requires styles from `prism-code-editor/code-folding.css`\r\n */\r\nconst readOnlyCodeFolding = (...providers: FoldingRangeProvider[]): ReadOnlyCodeFolding => {\r\n\tlet cEditor: PrismEditor\r\n\tlet value: string\r\n\tlet code: string\r\n\tlet lines: HTMLCollection\r\n\tlet lineNumberWidth: string\r\n\tlet textarea: HTMLTextAreaElement\r\n\tlet foldPositions: (undefined | [number, number])[]\r\n\r\n\tconst foldToggles: HTMLDivElement[] = []\r\n\tconst foldPlaceholders: HTMLDivElement[] = []\r\n\tconst foldedLines = new Set<number>()\r\n\tconst foldedRanges = new Set<[number, number]>()\r\n\r\n\tconst getPosition = (pos: number) => {\r\n\t\tlet result = pos\r\n\t\tfor (let [start, end] of foldedRanges) {\r\n\t\t\tif (pos > start) {\r\n\t\t\t\tif (pos < end) return -1\r\n\t\t\t\tresult -= end - start - 3\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result\r\n\t}\r\n\r\n\tconst toggleFold = (line: number) => {\r\n\t\tconst start = foldPositions[line]![0]\r\n\t\tconst addFold = (line: number) => {\r\n\t\t\tlet [start, end] = foldPositions[line]!\r\n\t\t\tlet expanded: boolean\r\n\t\t\tfor (let range of foldedRanges) {\r\n\t\t\t\tif (start <= range[0] && end > range[0]) {\r\n\t\t\t\t\tif (expanded!) foldedRanges.delete(range)\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\trange[0] = start\r\n\t\t\t\t\t\tif (end > range[1]) range[1] = end\r\n\t\t\t\t\t\texpanded = true\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!expanded!) foldedRanges.add([start, end])\r\n\t\t}\r\n\r\n\t\tif (foldedLines.has(line)) {\r\n\t\t\tfoldedLines.delete(line)\r\n\t\t\tfor (let range of foldedRanges) {\r\n\t\t\t\tif (start == range[0]) {\r\n\t\t\t\t\tfoldedRanges.delete(range)\r\n\t\t\t\t\tfor (let currentLine of foldedLines) {\r\n\t\t\t\t\t\tconst pos = foldPositions[currentLine]![0]\r\n\t\t\t\t\t\tif (pos > start) addFold(currentLine)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfoldedLines.add(line)\r\n\t\t\taddFold(line)\r\n\t\t}\r\n\t}\r\n\r\n\tconst update = (line?: number) => {\r\n\t\tvalue = \"\"\r\n\t\tlet pos = 0\r\n\r\n\t\tfor (let [start, end] of [...foldedRanges].sort((a, b) => a[0] - b[0])) {\r\n\t\t\tvalue += code.slice(pos, start) + \"   \"\r\n\t\t\tpos = end\r\n\t\t}\r\n\r\n\t\ttextarea.value = value += code.slice(pos)\r\n\t\tif (line) textarea.setSelectionRange((pos = getPosition(foldPositions[line]![0])), pos)\r\n\t\tcEditor.update()\r\n\r\n\t\tcEditor.container.style.setProperty(\"--number-width\", lineNumberWidth)\r\n\t\tupdateFolds()\r\n\t}\r\n\r\n\tconst updateFolds = () => {\r\n\t\tfor (let line = 0, l = foldPositions.length, prev: Element; line < l; line++) {\r\n\t\t\tif (!foldPositions[line]) continue\r\n\t\t\tlet pos = getPosition(foldPositions[line]![0])\r\n\t\t\tif (pos + 1) {\r\n\t\t\t\tlet parent = lines[numLines(value, 0, pos)]\r\n\t\t\t\tlet el = foldToggles[line]\r\n\t\t\t\tlet isClosed = foldedLines.has(line)\r\n\t\t\t\tlet pos2 = getPosition(foldPositions[line]![1])\r\n\t\t\t\tif (!el) {\r\n\t\t\t\t\tel = foldToggles[line] = template()\r\n\t\t\t\t\taddListener(el, \"click\", () => toggleAndUpdate(line))\r\n\t\t\t\t}\r\n\t\t\t\tif (parent != el.parentNode && parent != prev!) parent.prepend(el)\r\n\t\t\t\tprev = parent\r\n\t\t\t\tel.className = `pce-fold${isClosed ? \" closed-fold\" : \"\"}`\r\n\t\t\t\tel.title = `${isClosed ? \"Unf\" : \"F\"}old line`\r\n\t\t\t\tel = foldPlaceholders[line]\r\n\t\t\t\tif (isClosed) {\r\n\t\t\t\t\tif (!el) {\r\n\t\t\t\t\t\tel = foldPlaceholders[line] = template2()\r\n\t\t\t\t\t\taddListener(el, \"click\", () => toggleAndUpdate(line))\r\n\t\t\t\t\t}\r\n\t\t\t\t\tel.style.counterIncrement = `line ${numLines(code, ...foldPositions[line]!) - 1}`\r\n\t\t\t\t\tupdateNode(el.firstChild as Text, getLineBefore(value, pos))\r\n\t\t\t\t\tupdateNode(el.lastChild as Text, value.slice(pos2, getLineEnd(value, pos2)))\r\n\t\t\t\t\tif (parent != el.parentNode) parent.prepend(el)\r\n\t\t\t\t} else el?.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tconst toggleAndUpdate = (line: number) => {\r\n\t\ttoggleFold(line)\r\n\t\tupdate(line)\r\n\t}\r\n\r\n\tconst createFolds = () => {\r\n\t\tfoldPositions = []\r\n\t\tfoldedRanges.clear()\r\n\t\tfoldedLines.clear()\r\n\t\tvalue = code = cEditor.value\r\n\t\tlineNumberWidth = (0 | Math.log10(numLines(code))) + 1 + \".001ch\"\r\n\t\tconst folds: [number, number][] = []\r\n\r\n\t\tproviders.forEach(clb => folds.push(...(clb(cEditor, folds) || [])))\r\n\r\n\t\tfor (let i = 0, l = folds.length; i < l; i++) {\r\n\t\t\tconst [start, end] = folds[i]\r\n\t\t\tconst index = numLines(value, 0, start)\r\n\r\n\t\t\tif (!foldPositions[index] || end > foldPositions[index]![1])\r\n\t\t\t\tfoldPositions[index] = [start, end]\r\n\t\t}\r\n\t\tupdateFolds()\r\n\t}\r\n\r\n\treturn {\r\n\t\tupdate(editor, options) {\r\n\t\t\tif (!cEditor) {\r\n\t\t\t\tcEditor = editor\r\n\t\t\t\ttextarea = editor.textarea\r\n\t\t\t\teditor.extensions.codeFold = this\r\n\t\t\t\tlines = editor.lines\r\n\t\t\t\tif (editor.tokens[0]) createFolds()\r\n\t\t\t}\r\n\t\t\teditor.container.style.setProperty(\r\n\t\t\t\t\"--padding-left\",\r\n\t\t\t\toptions.lineNumbers == false ? \"calc(var(--_pse) + var(--_ns))\" : \"\",\r\n\t\t\t)\r\n\t\t\tsetTimeout(editor.on(\"update\", createFolds))\r\n\t\t},\r\n\t\tget fullCode() {\r\n\t\t\treturn code\r\n\t\t},\r\n\t\ttoggleFold: (lineNumber, force) =>\r\n\t\t\t!!foldPositions[lineNumber] &&\r\n\t\t\tfoldedLines.has(lineNumber) != force &&\r\n\t\t\t!toggleFold(lineNumber)!,\r\n\t\tupdateFolds: () => update(),\r\n\t}\r\n}\r\n\r\n/**\r\n * Folding range provider that adds folding of square, round, and curly brackets.\r\n * Requires a {@link BracketMatcher} added to the editor to work.\r\n */\r\nconst bracketFolding: FoldingRangeProvider = ({ value, extensions: { matchBrackets } }) => {\r\n\tif (matchBrackets) {\r\n\t\tlet folds: [number, number][] = []\r\n\t\tlet { brackets, pairs } = matchBrackets\r\n\t\tlet i = 0\r\n\t\tlet j: number\r\n\t\tlet l = pairs.length\r\n\t\tfor (; i < l; i++) {\r\n\t\t\tif ((j = pairs[i]!) > i && isMultiline(value, brackets[i][1], brackets[j][1])) {\r\n\t\t\t\tfolds.push([brackets[i][2], brackets[j][1]])\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn folds\r\n\t}\r\n}\r\n\r\n/**\r\n * Folding range provider that adds folding of HTML/XML elements.\r\n * Requires a {@link TagMatcher} added to the editor to work.\r\n */\r\nconst tagFolding: FoldingRangeProvider = ({ value, extensions: { matchTags } }) => {\r\n\tif (matchTags) {\r\n\t\tlet folds: [number, number][] = []\r\n\t\tlet { tags, pairs } = matchTags\r\n\t\tlet i = 0\r\n\t\tlet j: number\r\n\t\tlet l = pairs.length\r\n\t\tfor (; i < l; i++) {\r\n\t\t\tif ((j = pairs[i]!) > i && isMultiline(value, tags[i][2], tags[j][1])) {\r\n\t\t\t\tfolds.push([tags[i][2], tags[j][1]])\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn folds\r\n\t}\r\n}\r\n\r\n/**\r\n * Folding range provider that allows folding of block comments. For this to work,\r\n * you need to befine block comments in the {@link languageMap} for the language.\r\n *\r\n * Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.\r\n */\r\nconst blockCommentFolding: FoldingRangeProvider = ({ tokens, value, options: { language } }) => {\r\n\tconst folds: [number, number][] = []\r\n\tconst findBlockComments = (tokens: TokenStream, position: number, language: string) => {\r\n\t\tfor (let i = 0, l = tokens.length; i < l; ) {\r\n\t\t\tconst token = <Token>tokens[i++]\r\n\t\t\tconst content = token.content\r\n\t\t\tconst length = token.length\r\n\t\t\tconst aliasType = token.alias || token.type\r\n\t\t\tif (aliasType == \"comment\" && isMultiline(value, position, position + length)) {\r\n\t\t\t\tlet comment = languageMap[language]?.comments?.block\r\n\t\t\t\tif (comment && value.indexOf(comment[0], position) == position)\r\n\t\t\t\t\tfolds.push([position + comment[0].length, position + length - comment[1].length])\r\n\t\t\t} else if (Array.isArray(content)) {\r\n\t\t\t\tfindBlockComments(\r\n\t\t\t\t\tcontent,\r\n\t\t\t\t\tposition,\r\n\t\t\t\t\taliasType.slice(0, 9) == \"language-\" ? aliasType.slice(9) : language,\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\tposition += length\r\n\t\t}\r\n\t}\r\n\r\n\tfindBlockComments(tokens, 0, language)\r\n\r\n\treturn folds\r\n}\r\n\r\n/**\r\n * Folding range provider that allows folding of titles and code blocks in markdown.\r\n *\r\n * Simply pass this function as one of the arguments when calling {@link readOnlyCodeFolding}.\r\n */\r\nconst markdownFolding: FoldingRangeProvider = ({ tokens, value, options: { language } }) => {\r\n\tif (language == \"markdown\" || language == \"md\") {\r\n\t\tlet folds: [number, number][] = []\r\n\t\tlet pos = 0\r\n\t\tlet openTitles: number[] = []\r\n\t\tlet levels: number\r\n\t\tlet closeTitles = (level: number) => {\r\n\t\t\tfor (let end = value.slice(0, pos).trimEnd().length; level <= levels; ) {\r\n\t\t\t\tfolds.push([openTitles[level++], end])\r\n\t\t\t}\r\n\t\t}\r\n\t\tlet i = 0\r\n\t\tlet l = tokens.length\r\n\r\n\t\tfor (; i < l; ) {\r\n\t\t\tconst token = <Token>tokens[i++]\r\n\t\t\tconst length = token.length\r\n\t\t\tconst type = token.type\r\n\t\t\tif (type == \"code\" && !token.alias) {\r\n\t\t\t\tlet content = <Token[]>(<Token>token).content\r\n\t\t\t\tfolds.push([\r\n\t\t\t\t\tpos + content[0].length + (content[1].content || \"\").length,\r\n\t\t\t\t\tpos + length - content[content.length - 1].length - 1,\r\n\t\t\t\t])\r\n\t\t\t}\r\n\t\t\tif (type == \"title\") {\r\n\t\t\t\tlet [token1, token2] = <Token[]>(<Token>token).content\r\n\t\t\t\tlet level = token1.type ? token1.length - 1 : (<string>token2.content)[0] == \"=\" ? 0 : 1\r\n\t\t\t\tcloseTitles(level)\r\n\t\t\t\topenTitles[(levels = level)] = pos + (token1.type ? length : token1.length - 1)\r\n\t\t\t}\r\n\r\n\t\t\tpos += length\r\n\t\t}\r\n\r\n\t\tcloseTitles(0)\r\n\t\treturn folds\r\n\t}\r\n}\r\n\r\nexport { readOnlyCodeFolding, markdownFolding, blockCommentFolding, tagFolding, bracketFolding }\r\n"],"mappings":"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"}

package/dist/extensions/guides.d.ts

@@ -0,0 +1,18 @@
+import { Extension } from '../types.js';
+/**
+ * Extension adding indent guides to an editor. Does not work with word wrap.
+ * Requires styles from `prism-code-editor/guides.css`
+ */
+declare const indentGuides: () => Extension;
+/**
+ * Calculates the position and height of indentation guides for a string of code.
+ * @param code Code you want to calculate indentation lines for.
+ * @param tabSize Number of spaces a tab is equal to.
+ * @returns An array of indentation guides.
+ * Each guide is a tuple containing 3 numbers with the following values:
+ * - The starting line of the guide.
+ * - How many tabs the guide is offset to the right.
+ * - How many lines tall the guide is.
+ */
+declare const getIndentGuides: (code: string, tabSize: number) => [number, number, number][];
+export { indentGuides, getIndentGuides };

package/dist/extensions/guides.js

@@ -0,0 +1,105 @@
+import { i as doc, r as createTemplate } from "../core-fngiDtt5.js";
+//#region src/extensions/guides.ts
+/** @module guides */
+var template = /* @__PURE__ */ createTemplate("<div class=guide-indents>	");
+/**
+* Extension adding indent guides to an editor. Does not work with word wrap.
+* Requires styles from `prism-code-editor/guides.css`
+*/
+var indentGuides = () => {
+	let tabSize;
+	let prevLength = 0;
+	let lineIndentMap;
+	let active;
+	let currentEditor;
+	let lines = [];
+	let indents = [];
+	let container;
+	let update = (code) => {
+		lineIndentMap = [];
+		const newIndents = getIndentGuides(code, tabSize);
+		const l = newIndents.length;
+		for (let i = 0, prev = [], next = newIndents[0]; next; i++) {
+			const style = (lines[i] ||= doc.createElement("div")).style;
+			const [top, left, height] = next;
+			const old = indents[i];
+			next = newIndents[i + 1];
+			if (top != old?.[0]) style.top = top + "00%";
+			if (left != old?.[1]) style.left = left + "00%";
+			if (height != old?.[2]) style.height = height + "00%";
+			const isSingleIndent = prev[0] != top && next?.[0] != top, isSingleOutdent = prev[0] + prev[1] != top + height && next?.[0] + next?.[1] != top + height;
+			for (let j = -isSingleIndent, l = height + isSingleOutdent; j < l; j++) lineIndentMap[j + top] = i;
+			prev = indents[i] = newIndents[i];
+		}
+		for (let i = l; i < prevLength;) lines[i++].remove();
+		container.append(...lines.slice(prevLength, prevLength = l));
+	};
+	let updateActive = () => {
+		const newActive = lines[lineIndentMap[currentEditor.activeLine - 1]];
+		if (newActive != active) {
+			if (active) active.className = "";
+			if (newActive) newActive.className = "active-indent";
+			active = newActive;
+		}
+	};
+	return { update(editor, options) {
+		if (!currentEditor) {
+			currentEditor = editor;
+			let overlays = editor.lines[0];
+			if (container = overlays.querySelector(".guide-indents")) {
+				lines.push(...container.children);
+				active = lines.find((line) => line.className);
+			} else overlays.append(container = template());
+			editor.on("update", update);
+			editor.on("selectionChange", updateActive);
+		}
+		container.style.display = options.wordWrap ? "none" : "";
+		if (tabSize != (tabSize = options.tabSize || 2)) {
+			update(editor.value);
+			updateActive();
+		}
+	} };
+};
+/**
+* Calculates the position and height of indentation guides for a string of code.
+* @param code Code you want to calculate indentation lines for.
+* @param tabSize Number of spaces a tab is equal to.
+* @returns An array of indentation guides.
+* Each guide is a tuple containing 3 numbers with the following values:
+* - The starting line of the guide.
+* - How many tabs the guide is offset to the right.
+* - How many lines tall the guide is.
+*/
+var getIndentGuides = (code, tabSize) => {
+	const lines = code.split("\n");
+	const l = lines.length;
+	const stack = [];
+	const results = [];
+	for (let prevIndent = 0, emptyPos = -1, i = 0, p = 0;; i++) {
+		let last = i == l;
+		let line = lines[i];
+		let pos = last ? 0 : line.search(/\S/);
+		let indent = 0;
+		let j = 0;
+		if (pos < 0) {
+			if (emptyPos < 0) emptyPos = i;
+		} else {
+			for (; j < pos;) indent += line[j++] == "	" ? tabSize - indent % tabSize : 1;
+			if (indent) indent = Math.ceil(indent / tabSize);
+			for (j = indent; j < prevIndent; j++) stack[j][2] = (emptyPos < 0 || j == indent && !last ? i : emptyPos) - stack[j][0];
+			for (j = prevIndent; j < indent;) results[p++] = stack[j] = [
+				emptyPos < 0 || j > prevIndent ? i : emptyPos,
+				j++,
+				0
+			];
+			emptyPos = -1;
+			prevIndent = indent;
+		}
+		if (last) break;
+	}
+	return results;
+};
+//#endregion
+export { getIndentGuides, indentGuides };
+
+//# sourceMappingURL=guides.js.map