@threadlabs/looma 0.28.15 → 0.28.17

package/vue/editor/index.js

@@ -1840,6 +1840,34 @@ function formatEditorShortcut(keys, apple) {
 	].filter(Boolean).join("+");
 }
 var isApplePlatform = () => typeof navigator !== "undefined" && /mac|iphone|ipad|ipod/i.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent);
+/**
+* The anchor a heading's text derives: NFC, lowercase, keeping letters, numbers and combining
+* marks, with every other run of characters one hyphen.
+* @failure Text with no letters or numbers, such as only emoji, derives `heading`.
+*/
+function loomaHeadingSlug(text) {
+	return text.normalize("NFC").toLowerCase().replace(/[^\p{L}\p{N}\p{M}]+/gu, "-").replace(/^-+|-+$/g, "") || "heading";
+}
+/**
+* Gives every heading of a document its anchor, in document order.
+* @contract A custom ID is kept unless an earlier heading already has it. Any other heading takes
+* its slug, or the slug's first free suffix (`-1`, `-2`…), never one a later custom ID reserves.
+*/
+function assignLoomaHeadingIds(headings) {
+	const reserved = new Set(headings.map(({ id }) => id).filter((id) => Boolean(id)));
+	const used = /* @__PURE__ */ new Set();
+	return headings.map(({ text, id: custom }) => {
+		let id = custom || loomaHeadingSlug(text);
+		if (custom ? used.has(id) : used.has(id) || reserved.has(id)) {
+			const stem = id;
+			let suffix = 1;
+			while (used.has(`${stem}-${suffix}`) || reserved.has(`${stem}-${suffix}`)) suffix++;
+			id = `${stem}-${suffix}`;
+		}
+		used.add(id);
+		return id;
+	});
+}
 //#endregion
 //#region src/editor/extensions/expand.ts
 /**
@@ -2049,7 +2077,17 @@ function tableOfContentsTree(entries) {
 	}
 	return roots;
 }
-function anchorTransaction(state) {
+var derivedFrom = (id, text) => {
+	const slug = loomaHeadingSlug(text);
+	return id === slug || id.startsWith(`${slug}-`) && /^\d+$/.test(id.slice(slug.length + 1));
+};
+/**
+* Keeps heading anchors on Looma Markdown's rule. An anchor derived from its heading's text
+* (as it read before this change) follows the text; any other, including `looma-heading-N` anchors
+* saved before this rule, is a custom anchor and stays, so links to it keep working. With
+* a table of contents every heading gets an anchor; without one, only headings that have one.
+*/
+function anchorTransaction(state, previous) {
 	let hasToc = false;
 	const headings = [];
 	state.doc.descendants((node, position) => {
@@ -2059,24 +2097,28 @@ function anchorTransaction(state) {
 			position
 		});
 	});
-	if (!hasToc) return null;
-	const reserved = new Set(headings.map(({ node }) => String(node.attrs.id ?? "")).filter(Boolean));
-	const used = /* @__PURE__ */ new Set();
+	if (!headings.length) return null;
+	const before = /* @__PURE__ */ new Map();
+	previous?.descendants((node) => {
+		if (node.type.name === "heading" && typeof node.attrs.id === "string") before.set(node.attrs.id, node.textContent.trim());
+	});
+	const custom = (node) => {
+		const id = node.attrs.id;
+		if (typeof id !== "string" || !id || /\s/.test(id)) return void 0;
+		return derivedFrom(id, before.get(id) ?? node.textContent.trim()) ? void 0 : id;
+	};
+	const ids = assignLoomaHeadingIds(headings.map(({ node }) => ({
+		text: node.textContent.trim(),
+		id: custom(node)
+	})));
 	const transaction = state.tr;
-	let sequence = 1;
-	for (const { node, position } of headings) {
-		let id = typeof node.attrs.id === "string" ? node.attrs.id : "";
-		if (!id || /\s/.test(id) || used.has(id)) {
-			do
-				id = `looma-heading-${sequence++}`;
-			while (reserved.has(id) || used.has(id));
-			transaction.setNodeMarkup(position, void 0, {
-				...node.attrs,
-				id
-			});
-		}
-		used.add(id);
-	}
+	headings.forEach(({ node, position }, index) => {
+		if (node.attrs.id === ids[index] || !hasToc && !node.attrs.id) return;
+		transaction.setNodeMarkup(position, void 0, {
+			...node.attrs,
+			id: ids[index]
+		});
+	});
 	return transaction.docChanged ? transaction : null;
 }
 var LoomaHeadingAnchors = Extension.create({
@@ -2092,7 +2134,7 @@ var LoomaHeadingAnchors = Extension.create({
 		if (transaction) this.editor.view.dispatch(transaction.setMeta("addToHistory", false));
 	},
 	addProseMirrorPlugins() {
-		return [new Plugin({ appendTransaction: (transactions, _oldState, state) => transactions.some((transaction) => transaction.docChanged) ? anchorTransaction(state) : null })];
+		return [new Plugin({ appendTransaction: (transactions, oldState, state) => transactions.some((transaction) => transaction.docChanged) ? anchorTransaction(state, oldState.doc) : null })];
 	}
 });
 function contentsHtml(doc, config) {