@threadlabs/looma 0.29.12 → 0.29.14

package/editor/extensions/index.js

@@ -1,3 +1,4 @@
 import { n as TABLE_CELL_BACKGROUND_PRESETS } from "../chunks/table-backgrounds.js";
-import { $ as LoomaActiveBlockPluginKey, A as filterLoomaMentionItems, B as LoomaFigcaption, C as loomaMarkdownToHtml, D as createLoomaMentionExtension, E as LoomaMentionSuggestionPluginKey, F as LoomaTableOfContents, G as LoomaChip, H as LoomaExpand, I as getTableOfContentsEntries, J as LOOMA_CALLOUT_TONES, K as normalizeLoomaChipColor, L as normalizeTableOfContentsConfig, M as LoomaImage, N as normalizeImageDimension, O as DEFAULT_MENTION_RESULT_LIMIT, P as normalizeImagePlacement, Q as LoomaActiveBlock, R as LoomaTab, S as loomaMarkdownFromDoc, T as siteRelativeHref, U as revealLoomaExpandAt, V as LoomaFigure, W as LOOMA_CHIP_COLORS, X as LOOMA_ACTIVE_BLOCK_CLASS, Y as LOOMA_ACTIVE_BLOCK_BLUR_GRACE_MS, Z as LOOMA_ACTIVE_BLOCK_TYPING_IDLE_MS, _ as getActiveTableCellAlignment, a as getActiveTableUiState, b as setActiveTableCellBackground, c as insertTableAtRange, d as LoomaTableKit, f as getDefaultEditorExtensions, g as LoomaTableHeader, h as LoomaTableCell, i as getDefaultSlashCommands, j as normalizeMentionResultLimit, k as MAX_MENTION_RESULT_LIMIT, l as normalizeActiveTableColumnWidths, m as LoomaTable, n as createLoomaSlashCommandExtension, o as handleTableAction, p as getLoomaTableExtensions, q as LoomaCallout, r as filterLoomaSlashCommands, s as handleTableOverlayAction, t as LoomaSlashCommand, u as shouldShowTextFormattingToolbar, v as getActiveTableCellBackground, w as createSiteRelativeLinks, x as LoomaSmartPaste, y as setActiveTableCellAlignment, z as LoomaTabs } from "../chunks/extensions.js";
+import { A as filterLoomaMentionItems, B as LoomaFigcaption, C as loomaMarkdownToHtml, D as createLoomaMentionExtension, E as LoomaMentionSuggestionPluginKey, F as LoomaTableOfContents, G as LoomaChip, H as LoomaExpand, I as getTableOfContentsEntries, J as LOOMA_ACTIVE_BLOCK_BLUR_GRACE_MS, K as normalizeLoomaChipColor, L as normalizeTableOfContentsConfig, M as LoomaImage, N as normalizeImageDimension, O as DEFAULT_MENTION_RESULT_LIMIT, P as normalizeImagePlacement, Q as LoomaActiveBlockPluginKey, R as LoomaTab, S as loomaMarkdownFromDoc, T as siteRelativeHref, U as revealLoomaExpandAt, V as LoomaFigure, W as LOOMA_CHIP_COLORS, X as LOOMA_ACTIVE_BLOCK_TYPING_IDLE_MS, Y as LOOMA_ACTIVE_BLOCK_CLASS, Z as LoomaActiveBlock, _ as getActiveTableCellAlignment, a as getActiveTableUiState, b as setActiveTableCellBackground, c as insertTableAtRange, d as LoomaTableKit, f as getDefaultEditorExtensions, g as LoomaTableHeader, h as LoomaTableCell, i as getDefaultSlashCommands, j as normalizeMentionResultLimit, k as MAX_MENTION_RESULT_LIMIT, l as normalizeActiveTableColumnWidths, m as LoomaTable, n as createLoomaSlashCommandExtension, o as handleTableAction, p as getLoomaTableExtensions, q as LoomaCallout, r as filterLoomaSlashCommands, s as handleTableOverlayAction, t as LoomaSlashCommand, u as shouldShowTextFormattingToolbar, v as getActiveTableCellBackground, w as createSiteRelativeLinks, x as LoomaSmartPaste, y as setActiveTableCellAlignment, z as LoomaTabs } from "../chunks/extensions.js";
+import { t as LOOMA_CALLOUT_TONES } from "../chunks/markdown.js";
 export { DEFAULT_MENTION_RESULT_LIMIT, LOOMA_ACTIVE_BLOCK_BLUR_GRACE_MS, LOOMA_ACTIVE_BLOCK_CLASS, LOOMA_ACTIVE_BLOCK_TYPING_IDLE_MS, LOOMA_CALLOUT_TONES, LOOMA_CHIP_COLORS, LoomaActiveBlock, LoomaActiveBlockPluginKey, LoomaCallout, LoomaChip, LoomaExpand, LoomaFigcaption, LoomaFigure, LoomaImage, LoomaMentionSuggestionPluginKey, LoomaSlashCommand, LoomaSmartPaste, LoomaTab, LoomaTable, LoomaTableCell, LoomaTableHeader, LoomaTableKit, LoomaTableOfContents, LoomaTabs, MAX_MENTION_RESULT_LIMIT, TABLE_CELL_BACKGROUND_PRESETS, createLoomaMentionExtension, createLoomaSlashCommandExtension, createSiteRelativeLinks, filterLoomaMentionItems, filterLoomaSlashCommands, getActiveTableCellAlignment, getActiveTableCellBackground, getActiveTableUiState, getDefaultEditorExtensions, getDefaultSlashCommands, getLoomaTableExtensions, getTableOfContentsEntries, handleTableAction, handleTableOverlayAction, insertTableAtRange, loomaMarkdownFromDoc, loomaMarkdownToHtml, normalizeActiveTableColumnWidths, normalizeImageDimension, normalizeImagePlacement, normalizeLoomaChipColor, normalizeMentionResultLimit, normalizeTableOfContentsConfig, revealLoomaExpandAt, setActiveTableCellAlignment, setActiveTableCellBackground, shouldShowTextFormattingToolbar, siteRelativeHref };

package/editor/extensions/table-of-contents.d.ts

@@ -50,7 +50,7 @@ declare module "@tiptap/core" {
     }
 }
 /**
- * Automatic whole-document navigation with durable configuration only.
+ * Automatic navigation, or an explicitly authored navigation body imported from a document.
  * @ownership The schema owns configuration/anchors; node views derive entries.
  * @lifecycle Headless views subscribe to transactions and unsubscribe on destroy.
  */

package/editor/index.js

@@ -1,6 +1,7 @@
 import { n as TABLE_CELL_BACKGROUND_PRESETS, t as TABLE_CELL_BACKGROUND_OPTIONS } from "./chunks/table-backgrounds.js";
 import { n as resolveTableCellAt, t as measureTableOverlayGeometry } from "./chunks/ui.js";
-import { $ as LoomaActiveBlockPluginKey, A as filterLoomaMentionItems, B as LoomaFigcaption, C as loomaMarkdownToHtml, D as createLoomaMentionExtension, E as LoomaMentionSuggestionPluginKey, F as LoomaTableOfContents, G as LoomaChip, H as LoomaExpand, I as getTableOfContentsEntries, J as LOOMA_CALLOUT_TONES, K as normalizeLoomaChipColor, L as normalizeTableOfContentsConfig, M as LoomaImage, N as normalizeImageDimension, O as DEFAULT_MENTION_RESULT_LIMIT, P as normalizeImagePlacement, Q as LoomaActiveBlock, R as LoomaTab, S as loomaMarkdownFromDoc, T as siteRelativeHref, U as revealLoomaExpandAt, V as LoomaFigure, W as LOOMA_CHIP_COLORS, X as LOOMA_ACTIVE_BLOCK_CLASS, Y as LOOMA_ACTIVE_BLOCK_BLUR_GRACE_MS, Z as LOOMA_ACTIVE_BLOCK_TYPING_IDLE_MS, _ as getActiveTableCellAlignment, a as getActiveTableUiState, b as setActiveTableCellBackground, c as insertTableAtRange, d as LoomaTableKit, f as getDefaultEditorExtensions, g as LoomaTableHeader, h as LoomaTableCell, i as getDefaultSlashCommands, j as normalizeMentionResultLimit, k as MAX_MENTION_RESULT_LIMIT, l as normalizeActiveTableColumnWidths, m as LoomaTable, n as createLoomaSlashCommandExtension, o as handleTableAction, p as getLoomaTableExtensions, q as LoomaCallout, r as filterLoomaSlashCommands, s as handleTableOverlayAction, t as LoomaSlashCommand, u as shouldShowTextFormattingToolbar, v as getActiveTableCellBackground, w as createSiteRelativeLinks, x as LoomaSmartPaste, y as setActiveTableCellAlignment, z as LoomaTabs } from "./chunks/extensions.js";
+import { A as filterLoomaMentionItems, B as LoomaFigcaption, C as loomaMarkdownToHtml, D as createLoomaMentionExtension, E as LoomaMentionSuggestionPluginKey, F as LoomaTableOfContents, G as LoomaChip, H as LoomaExpand, I as getTableOfContentsEntries, J as LOOMA_ACTIVE_BLOCK_BLUR_GRACE_MS, K as normalizeLoomaChipColor, L as normalizeTableOfContentsConfig, M as LoomaImage, N as normalizeImageDimension, O as DEFAULT_MENTION_RESULT_LIMIT, P as normalizeImagePlacement, Q as LoomaActiveBlockPluginKey, R as LoomaTab, S as loomaMarkdownFromDoc, T as siteRelativeHref, U as revealLoomaExpandAt, V as LoomaFigure, W as LOOMA_CHIP_COLORS, X as LOOMA_ACTIVE_BLOCK_TYPING_IDLE_MS, Y as LOOMA_ACTIVE_BLOCK_CLASS, Z as LoomaActiveBlock, _ as getActiveTableCellAlignment, a as getActiveTableUiState, b as setActiveTableCellBackground, c as insertTableAtRange, d as LoomaTableKit, f as getDefaultEditorExtensions, g as LoomaTableHeader, h as LoomaTableCell, i as getDefaultSlashCommands, j as normalizeMentionResultLimit, k as MAX_MENTION_RESULT_LIMIT, l as normalizeActiveTableColumnWidths, m as LoomaTable, n as createLoomaSlashCommandExtension, o as handleTableAction, p as getLoomaTableExtensions, q as LoomaCallout, r as filterLoomaSlashCommands, s as handleTableOverlayAction, t as LoomaSlashCommand, u as shouldShowTextFormattingToolbar, v as getActiveTableCellBackground, w as createSiteRelativeLinks, x as LoomaSmartPaste, y as setActiveTableCellAlignment, z as LoomaTabs } from "./chunks/extensions.js";
+import { t as LOOMA_CALLOUT_TONES } from "./chunks/markdown.js";
 import { AlignCenter, AlignLeft, AlignRight, ArrowLeft, Bell, Bold, BookUser, Braces, Calculator, Check, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, CircleDot, CircleQuestionMark, CircleX, CodeXml, Columns3, Compass, CreditCard, Ellipsis, Eraser, ExternalLink, FileText, Folder, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, History, Image, Info, Italic, LayoutDashboard, Lightbulb, Link, List, ListOrdered, ListTodo, LoaderCircle, Merge, MessageSquareWarning, Minus, NotebookPen, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pencil, Pilcrow, Plus, Quote, Receipt, Redo2, Rows3, Search, Settings, Split, Strikethrough, Table2, Tag, Trash2, TriangleAlert, Truck, Underline, Undo2, Unlink, UserRound, Users, X } from "lucide";
 //#region src/editor/icons.ts
 /** The opinionated Lucide set used by Looma's shipped interaction surfaces. */

package/editor/node-views/table-of-contents.d.ts

@@ -3,6 +3,6 @@ import type { NodeViewRenderer } from "@tiptap/core";
  * Composes a table of contents and its settings from Looma's components.
  * @lifecycle The view follows the document and rebuilds its entries when they change; the components
  * disconnect once ProseMirror removes its element, and destroying the view stops following the editor.
- * Only the saved configuration enters editor state.
+ * Imported authored links stay in the node body; automatic TOCs store only configuration.
  */
 export declare const tableOfContentsNodeView: NodeViewRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.29.12",
+  "version": "0.29.14",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",
@@ -77,6 +77,11 @@
       "types": "./vue/editor/compact/index.d.ts",
       "import": "./vue/editor/compact/index.js",
       "default": "./vue/editor/compact/index.js"
+    },
+    "./editor/expressmark": {
+      "types": "./editor/expressmark.d.ts",
+      "import": "./editor/expressmark.js",
+      "default": "./editor/expressmark.js"
     }
   },
   "files": [
@@ -89,7 +94,8 @@
     "styles/",
     "*.css",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "EXPRESSIVE-MARKDOWN.md"
   ],
   "sideEffects": [
     "./dist/index.js",
@@ -102,7 +108,8 @@
     "highlight.js": "11.11.2",
     "lowlight": "^3.3.0",
     "markdown-it": "14.3.1",
-    "lucide": "~0.554.0"
+    "lucide": "~0.554.0",
+    "expressmark": "0.1.1"
   },
   "peerDependencies": {
     "@nextwebwg/html-next": "1.0.0-alpha.57",

package/vue/UiTabs.vue

@@ -41,7 +41,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'group' },
       description:
-        'Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same label in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.',
+        'Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same data-value (or label when no value is authored) in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.',
       default: '',
     },
     label: {
@@ -74,7 +74,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'value' },
       description:
-        'The id of the selected panel, initially or when set externally; empty selects the first panel. Choosing a tab updates it from there and reports a select\n      event. A panel without an id is given a generated one.',
+        'The id or authored data-value of the selected panel, initially or when set externally; empty selects the first panel. Choosing a tab updates it from there and reports a select\n      event. A panel without an id is given a generated one.',
       default: '',
     },
   },

package/vue/chunks/UiTabs.js

@@ -86,7 +86,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				required: false,
 				target: { attribute: "group" },
-				description: "Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same label in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.",
+				description: "Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same data-value (or label when no value is authored) in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.",
 				default: ""
 			},
 			label: {
@@ -127,7 +127,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				required: false,
 				target: { attribute: "value" },
-				description: "The id of the selected panel, initially or when set externally; empty selects the first panel. Choosing a tab updates it from there and reports a select\n      event. A panel without an id is given a generated one.",
+				description: "The id or authored data-value of the selected panel, initially or when set externally; empty selects the first panel. Choosing a tab updates it from there and reports a select\n      event. A panel without an id is given a generated one.",
 				default: ""
 			}
 		} };
@@ -317,6 +317,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ca8d7194"]]);
+}), [["__scopeId", "data-v-d0e7c6e5"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/editor/index.js

@@ -10,8 +10,8 @@ import { RequestEvent, updateComponentProps } from "@nextwebwg/html-next/runtime
 import "@tiptap/pm/tables";
 import "@tiptap/pm/transform";
 import { closeHistory } from "@tiptap/pm/history";
-import { IndexedList, NONCONFORMING, acceptProps, armElement, attachGeneratedController, buildTemplate, checkBoolean, checkConstrained, checkFormat, checkInteger, checkNumber, checkObject, checkSelected, checkString, clearRegion, computedCycle, detailCheck, dispatchDeclared, dispose, fillSlot, formatOf, hostState, keywordFormat, manageProps, project, readIndex, readMember, readonlyView, readsChanged, rec, replaceRoot, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeUrlAttribute } from "@nextwebwg/html-next/generated-runtime";
 import { DOMParser, DOMSerializer, Fragment as Fragment$1 } from "@tiptap/pm/model";
+import { IndexedList, NONCONFORMING, acceptProps, armElement, attachGeneratedController, buildTemplate, checkBoolean, checkConstrained, checkFormat, checkInteger, checkNumber, checkObject, checkSelected, checkString, clearRegion, computedCycle, detailCheck, dispatchDeclared, dispose, fillSlot, formatOf, hostState, keywordFormat, manageProps, project, readIndex, readMember, readonlyView, readsChanged, rec, replaceRoot, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeUrlAttribute } from "@nextwebwg/html-next/generated-runtime";
 export * from "@threadlabs/looma/editor";
 //#region src/vue/editor/primitives.ts
 /** Each Vue editor component's element tag, for tooling that enumerates them. */
@@ -10398,9 +10398,13 @@ async function navigateTableOfContents(editor, id) {
 	target.tabIndex = -1;
 	target.focus({ preventScroll: true });
 }
+function importAuthoredNavigation(element, schema) {
+	return DOMParser.fromSchema(schema).parse(element).content;
+}
 Node$1.create({
 	name: "loomaTableOfContents",
 	group: "block",
+	content: "block*",
 	atom: true,
 	selectable: true,
 	isolating: true,
@@ -10420,8 +10424,25 @@ Node$1.create({
 			}
 		};
 	},
-	parseHTML: () => [{ tag: "nav[data-looma-toc]" }],
+	parseHTML: () => [{
+		tag: "nav[data-looma-toc]",
+		getContent: (element, schema) => {
+			if (!(element instanceof HTMLElement) || !element.hasAttribute("data-authored-body")) return Fragment$1.empty;
+			return importAuthoredNavigation(element, schema);
+		}
+	}],
 	renderHTML({ node }) {
+		if (node.childCount) return [
+			"nav",
+			{
+				"data-looma-toc": "",
+				"data-authored-body": "",
+				"data-format": node.attrs.format,
+				"data-depth": node.attrs.depth,
+				"aria-label": "Table of contents"
+			},
+			0
+		];
 		return contentsHtml(this.editor?.view?.state.doc ?? node, normalizeTableOfContentsConfig$1(node.attrs));
 	},
 	addCommands() {
@@ -10437,8 +10458,15 @@ Node$1.create({
 			dom.contentEditable = "false";
 			let current = node;
 			const render = () => {
-				const { dom: content } = DOMSerializer.renderSpec(document, contentsHtml(editor.state.doc, normalizeTableOfContentsConfig$1(current.attrs)));
-				dom.replaceChildren(content);
+				if (current.childCount) {
+					const nav = document.createElement("nav");
+					nav.setAttribute("aria-label", "Table of contents");
+					nav.append(DOMSerializer.fromSchema(editor.schema).serializeFragment(current.content));
+					dom.replaceChildren(nav);
+				} else {
+					const { dom: content } = DOMSerializer.renderSpec(document, contentsHtml(editor.state.doc, normalizeTableOfContentsConfig$1(current.attrs)));
+					dom.replaceChildren(content);
+				}
 			};
 			dom.addEventListener("click", (event) => {
 				const anchor = event.target.closest("a");
@@ -10498,7 +10526,7 @@ var choiceLabel = (field, config) => field === "format" ? FORMAT_LABELS[config.f
 * Composes a table of contents and its settings from Looma's components.
 * @lifecycle The view follows the document and rebuilds its entries when they change; the components
 * disconnect once ProseMirror removes its element, and destroying the view stops following the editor.
-* Only the saved configuration enters editor state.
+* Imported authored links stay in the node body; automatic TOCs store only configuration.
 */
 var tableOfContentsNodeView = ({ editor, node, getPos }) => {
 	const id = `looma-toc-${++tocSequence}`;
@@ -10536,6 +10564,14 @@ var tableOfContentsNodeView = ({ editor, node, getPos }) => {
 	}));
 	const renderEntries = () => {
 		const { format, depth } = config();
+		if (current.childCount) {
+			const signature = JSON.stringify(current.content.toJSON());
+			if (signature !== shown) {
+				shown = signature;
+				entries.replaceChildren(DOMSerializer.fromSchema(editor.schema).serializeFragment(current.content));
+			}
+			return;
+		}
 		const found = getTableOfContentsEntries(editor.state.doc, depth);
 		const signature = JSON.stringify([format, found.map(({ id: entryId, text, level }) => [
 			entryId,
@@ -10709,7 +10745,7 @@ var tableOfContentsNodeView = ({ editor, node, getPos }) => {
 			settingsButton,
 			popover,
 			tooltip
-		]) author.hidden = !editable;
+		]) author.hidden = !editable || current.childCount > 0;
 		if (!editable) setSettingsOpen(false);
 		renderEntries();
 	};