@ecsplico/editor 2.1.1 → 3.0.0

package/dist/features/composites/components/CompositeView.js

@@ -1,5 +1,7 @@
 import { compositeKind } from "../kinds.js";
+import { derivationOf } from "../derivation.js";
 import { compositeKindsOf } from "../nodes.js";
+import { useStoreRef } from "../../../vue/store-ref.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
 import { NodeViewContent, NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
 //#region src/features/composites/components/CompositeView.vue
@@ -9,13 +11,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const kind = computed(() => compositeKind(compositeKindsOf(props.editor), String(props.node.attrs.kind)));
+		const expanded = useStoreRef(() => props.editor.storage.composite.expanded);
+		const collapsed = computed(() => {
+			const id = props.node.attrs.id;
+			return typeof id === "string" && id !== "" && derivationOf(props.node) !== null && !expanded.value.has(id);
+		});
 		/** `text` as a CSS string literal (for `content:`). */
 		const cssString = (text) => `"${text.replace(/["\\]/g, "\\$&").replace(/\n/g, "\\a ")}"`;
 		const placeholderVars = computed(() => ({ "--composite-title-placeholder": cssString(kind.value.titlePlaceholder) }));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(NodeViewWrapper), {
 				as: "section",
-				class: normalizeClass(["composite", { "is-selected rounded-md ring-1 ring-[var(--sk-primary)]": _ctx.selected }]),
+				class: normalizeClass(["composite", {
+					"is-collapsed": collapsed.value,
+					"is-selected rounded-md ring-1 ring-[var(--sk-primary)]": _ctx.selected
+				}]),
 				"data-type": "composite",
 				"data-kind": _ctx.node.attrs.kind,
 				"data-id": _ctx.node.attrs.id || void 0,

package/dist/features/composites/components/CompositeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createCommentVNode","_createElementVNode","_createVNode"],"sources":["../../../../src/features/composites/components/CompositeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { compositeKind } from '../kinds'\nimport { compositeKindsOf } from '../nodes'\n\nconst props = defineProps(nodeViewProps)\n\nconst kind = computed(() => compositeKind(compositeKindsOf(props.editor), String(props.node.attrs.kind)))\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n// Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\nconst placeholderVars = computed(() => ({\n  '--composite-title-placeholder': cssString(kind.value.titlePlaceholder),\n}))\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"section\"\n    :class=\"['composite', { 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"composite\"\n    :data-kind=\"node.attrs.kind\"\n    :data-id=\"node.attrs.id || undefined\"\n    :style=\"placeholderVars\"\n  >\n    <!-- Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n         measures it and draws the icon as the button that opens the details popover and drags the composite. -->\n    <span class=\"composite__toggle\" contenteditable=\"false\" aria-hidden=\"true\" />\n    <NodeViewContent class=\"composite__content\" />\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,OAAO,eAAe,cAAc,iBAAiB,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,MAAM,IAAI,CAAC,CAAC;;EAGxG,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;EAE9F,MAAM,kBAAkB,gBAAgB,EACtC,iCAAiC,UAAU,KAAK,MAAM,gBAAgB,EACxE,EAAE;;GAIA,OAAAE,UAAA,GAAAC,YAYkBC,MAAA,eAAA,GAAA;IAXhB,IAAG;IACF,OAAKC,eAAA,CAAA,aAAA,EAAA,0DAA4EL,KAAAA,SAAQ,CAAA,CAAA;IAC1F,aAAU;IACT,aAAWC,KAAAA,KAAK,MAAM;IACtB,WAASA,KAAAA,KAAK,MAAM,MAAM,KAAA;IAC1B,OAAKK,eAAE,gBAAA,KAAe;;IAEvB,SAAAC,cAC6G;KAD7GC,mBAAA,oOAAA;KAEA,OAAA,OAAA,OAAA,KAAAC,mBAA6E,QAAA;MAAvE,OAAM;MAAoB,iBAAgB;MAAQ,eAAY;;KACpEC,YAA8CN,MAAA,eAAA,GAAA,EAA7B,OAAM,qBAAoB,CAAA"}
+{"version":3,"file":"CompositeView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createCommentVNode","_createElementVNode","_createVNode"],"sources":["../../../../src/features/composites/components/CompositeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { compositeKind } from '../kinds'\nimport { compositeKindsOf } from '../nodes'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { derivationOf } from '../derivation'\n\nconst props = defineProps(nodeViewProps)\n\nconst kind = computed(() => compositeKind(compositeKindsOf(props.editor), String(props.node.attrs.kind)))\n\n// A derived Baustein (one with a `meta.derivation`) shows collapsed to a faded preview until it is opened; the content\n// stays laid out (CSS clips it), so editing positions are unaffected. The chrome's chevron and a caret inside open it.\nconst expanded = useStoreRef(() => props.editor.storage.composite.expanded)\nconst collapsed = computed(() => {\n  const id: unknown = props.node.attrs.id\n  return typeof id === 'string' && id !== '' && derivationOf(props.node) !== null && !expanded.value.has(id)\n})\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n// Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\nconst placeholderVars = computed(() => ({\n  '--composite-title-placeholder': cssString(kind.value.titlePlaceholder),\n}))\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"section\"\n    :class=\"['composite', { 'is-collapsed': collapsed, 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"composite\"\n    :data-kind=\"node.attrs.kind\"\n    :data-id=\"node.attrs.id || undefined\"\n    :style=\"placeholderVars\"\n  >\n    <!-- Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n         measures it and draws the icon as the button that opens the details popover and drags the composite. -->\n    <span class=\"composite__toggle\" contenteditable=\"false\" aria-hidden=\"true\" />\n    <NodeViewContent class=\"composite__content\" />\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;EAQA,MAAM,QAAQ;EAEd,MAAM,OAAO,eAAe,cAAc,iBAAiB,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,MAAM,IAAI,CAAC,CAAC;EAIxG,MAAM,WAAW,kBAAkB,MAAM,OAAO,QAAQ,UAAU,QAAQ;EAC1E,MAAM,YAAY,eAAe;GAC/B,MAAM,KAAc,MAAM,KAAK,MAAM;GACrC,OAAO,OAAO,OAAO,YAAY,OAAO,MAAM,aAAa,MAAM,IAAI,MAAM,QAAQ,CAAC,SAAS,MAAM,IAAI,EAAE;EAC3G,CAAC;;EAGD,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;EAE9F,MAAM,kBAAkB,gBAAgB,EACtC,iCAAiC,UAAU,KAAK,MAAM,gBAAgB,EACxE,EAAE;;GAIA,OAAAE,UAAA,GAAAC,YAYkBC,MAAA,eAAA,GAAA;IAXhB,IAAG;IACF,OAAKC,eAAA,CAAA,aAAA;KAAA,gBAAkC,UAAA;KAAS,0DAA4DL,KAAAA;IAAQ,CAAA,CAAA;IACrH,aAAU;IACT,aAAWC,KAAAA,KAAK,MAAM;IACtB,WAASA,KAAAA,KAAK,MAAM,MAAM,KAAA;IAC1B,OAAKK,eAAE,gBAAA,KAAe;;IAEvB,SAAAC,cAC6G;KAD7GC,mBAAA,oOAAA;KAEA,OAAA,OAAA,OAAA,KAAAC,mBAA6E,QAAA;MAAvE,OAAM;MAAoB,iBAAgB;MAAQ,eAAY;;KACpEC,YAA8CN,MAAA,eAAA,GAAA,EAA7B,OAAM,qBAAoB,CAAA"}

package/dist/features/composites/components/DerivationBadge.js

@@ -0,0 +1,103 @@
+import { derivationOf } from "../derivation.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { derivationDetailsOf, derivationMethodLabel } from "../derived-chrome.js";
+import { formatDate } from "../meta-display.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+//#region src/features/composites/components/DerivationBadge.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex min-w-0 items-center gap-1.5 text-xs text-[var(--sk-muted)]"
+};
+const _hoisted_2 = { class: "truncate" };
+const _hoisted_3 = {
+	key: 1,
+	class: "flex flex-col gap-1.5 rounded-md p-2 text-xs ring ring-[var(--sk-border)]"
+};
+const _hoisted_4 = { class: "flex flex-wrap items-center gap-1" };
+const _hoisted_5 = { class: "grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5" };
+const _hoisted_6 = { class: "text-[var(--sk-muted)]" };
+const _hoisted_7 = { class: "truncate text-[var(--sk-fg)]" };
+const _hoisted_8 = { class: "text-[var(--sk-muted)]" };
+const _hoisted_9 = ["title"];
+const _hoisted_10 = { class: "text-[var(--sk-muted)]" };
+const _hoisted_11 = { class: "text-[var(--sk-fg)]" };
+const _hoisted_12 = ["href"];
+/**
+* Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and
+* date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body
+* was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes
+* the body, so it belongs only where one Baustein is shown.
+*/
+const chip = "inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "DerivationBadge",
+	props: {
+		editor: {},
+		node: {},
+		detailed: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { Icon: UIcon } = useUiKit();
+		const { t } = useEditorI18n();
+		const derivation = computed(() => derivationOf(props.node));
+		const details = computed(() => props.detailed ? derivationDetailsOf(props.editor, props.node) : null);
+		const method = computed(() => derivation.value ? derivationMethodLabel(t, derivation.value.method) : "");
+		const created = computed(() => derivation.value?.createdAt ? formatDate(derivation.value.createdAt) : "");
+		return (_ctx, _cache) => {
+			return derivation.value && !__props.detailed ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(UIcon), {
+				name: "i-lucide-git-branch",
+				class: "size-3.5 shrink-0"
+			}), createElementVNode("span", _hoisted_2, toDisplayString([
+				unref(t)("composites.derivation.badge"),
+				method.value,
+				created.value
+			].filter(Boolean).join(" · ")), 1)])) : derivation.value && details.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+				createElementVNode("div", _hoisted_4, [
+					createElementVNode("span", { class: normalizeClass([chip, "text-[var(--sk-muted)]"]) }, [createVNode(unref(UIcon), {
+						name: "i-lucide-git-branch",
+						class: "size-3.5"
+					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.badge")), 1)], 2),
+					details.value.stale ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass([chip, "text-[var(--sk-warning)]"])
+					}, [createVNode(unref(UIcon), {
+						name: "i-lucide-triangle-alert",
+						class: "size-3.5"
+					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.stale")), 1)], 2)) : createCommentVNode("v-if", true),
+					details.value.edited ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass([chip, "text-[var(--sk-muted)]"])
+					}, [createVNode(unref(UIcon), {
+						name: "i-lucide-pencil",
+						class: "size-3.5"
+					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.edited")), 1)], 2)) : createCommentVNode("v-if", true)
+				]),
+				createElementVNode("dl", _hoisted_5, [
+					createElementVNode("dt", _hoisted_6, toDisplayString(unref(t)("composites.derivation.method")), 1),
+					createElementVNode("dd", _hoisted_7, toDisplayString(method.value), 1),
+					derivation.value.model ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("dt", _hoisted_8, toDisplayString(unref(t)("composites.derivation.model")), 1), createElementVNode("dd", {
+						class: "truncate text-[var(--sk-fg)]",
+						title: derivation.value.model
+					}, toDisplayString(derivation.value.model), 9, _hoisted_9)], 64)) : createCommentVNode("v-if", true),
+					created.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("dt", _hoisted_10, toDisplayString(unref(t)("composites.derivation.createdAt")), 1), createElementVNode("dd", _hoisted_11, toDisplayString(created.value), 1)], 64)) : createCommentVNode("v-if", true)
+				]),
+				details.value.outputUrl ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					href: details.value.outputUrl,
+					target: "_blank",
+					rel: "noopener",
+					class: "inline-flex w-fit items-center gap-1 text-[var(--sk-primary)] hover:underline"
+				}, [createVNode(unref(UIcon), {
+					name: "i-lucide-external-link",
+					class: "size-3.5"
+				}), createTextVNode(toDisplayString(unref(t)("composites.derivation.openOutput")), 1)], 8, _hoisted_12)) : createCommentVNode("v-if", true)
+			])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=DerivationBadge.js.map

package/dist/features/composites/components/DerivationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DerivationBadge.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_normalizeClass","_createTextVNode","_createCommentVNode","_Fragment"],"sources":["../../../../src/features/composites/components/DerivationBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { derivationDetailsOf, derivationMethodLabel } from '../derived-chrome'\nimport { formatDate } from '../meta-display'\n\n/**\n * Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and\n * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body\n * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes\n * the body, so it belongs only where one Baustein is shown.\n */\nconst props = defineProps<{ editor: Editor, node: ProseMirrorNode, detailed?: boolean }>()\n\nconst { Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst derivation = computed(() => derivationOf(props.node))\nconst details = computed(() => props.detailed ? derivationDetailsOf(props.editor, props.node) : null)\nconst method = computed(() => derivation.value ? derivationMethodLabel(t, derivation.value.method) : '')\nconst created = computed(() => derivation.value?.createdAt ? formatDate(derivation.value.createdAt) : '')\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap'\n</script>\n\n<template>\n  <div v-if=\"derivation && !detailed\" class=\"flex min-w-0 items-center gap-1.5 text-xs text-[var(--sk-muted)]\">\n    <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5 shrink-0\" />\n    <span class=\"truncate\">{{ [t('composites.derivation.badge'), method, created].filter(Boolean).join(' · ') }}</span>\n  </div>\n\n  <div v-else-if=\"derivation && details\" class=\"flex flex-col gap-1.5 rounded-md p-2 text-xs ring ring-[var(--sk-border)]\">\n    <div class=\"flex flex-wrap items-center gap-1\">\n      <span :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n      </span>\n      <span v-if=\"details.stale\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n        <UIcon name=\"i-lucide-triangle-alert\" class=\"size-3.5\" />{{ t('composites.derivation.stale') }}\n      </span>\n      <span v-if=\"details.edited\" :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-pencil\" class=\"size-3.5\" />{{ t('composites.derivation.edited') }}\n      </span>\n    </div>\n    <dl class=\"grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5\">\n      <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.method') }}</dt>\n      <dd class=\"truncate text-[var(--sk-fg)]\">{{ method }}</dd>\n      <template v-if=\"derivation.model\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.model') }}</dt>\n        <dd class=\"truncate text-[var(--sk-fg)]\" :title=\"derivation.model\">{{ derivation.model }}</dd>\n      </template>\n      <template v-if=\"created\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.createdAt') }}</dt>\n        <dd class=\"text-[var(--sk-fg)]\">{{ created }}</dd>\n      </template>\n    </dl>\n    <a\n      v-if=\"details.outputUrl\"\n      :href=\"details.outputUrl\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"inline-flex w-fit items-center gap-1 text-[var(--sk-primary)] hover:underline\"\n    >\n      <UIcon name=\"i-lucide-external-link\" class=\"size-3.5\" />{{ t('composites.derivation.openOutput') }}\n    </a>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/features/composites/components/ReferenceFieldSelect.js

@@ -0,0 +1,60 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { setCompositeMetaField } from "../rows.js";
+import { metaText } from "../meta-display.js";
+import { useCompositeRows } from "../use-composite-rows.js";
+import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
+//#region src/features/composites/components/ReferenceFieldSelect.vue
+/** The select of a `reference` field: the other Bausteine of the document (with a block ID, of the field's target kinds) by title. */
+const NONE = "__none__";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "ReferenceFieldSelect",
+	props: {
+		editor: {},
+		row: {},
+		field: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Nuxt UI's select has no empty-string value: the "no reference" item travels as this sentinel. */
+		const { Select: USelect } = useUiKit();
+		const { t } = useEditorI18n();
+		const { rows } = useCompositeRows(() => props.editor);
+		const stored = computed(() => metaText(props.row, props.field));
+		const items = computed(() => [{
+			label: t("composites.field.none"),
+			value: NONE
+		}, ...rows.value.filter((candidate) => candidate.id !== null && candidate.id !== props.row.id && (!props.field.targets || props.field.targets.includes(candidate.kind))).map((candidate) => ({
+			label: `${candidate.title.trim() || t("composites.inspector.untitled")} · ${candidate.kindLabel}`,
+			value: candidate.id
+		}))]);
+		function onChoice(value) {
+			setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === "string" && value !== NONE ? value : "");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(USelect), {
+				"model-value": stored.value || void 0,
+				items: items.value,
+				placeholder: unref(t)("composites.field.choose", { field: __props.field.label }),
+				"aria-label": __props.field.label,
+				disabled: __props.disabled,
+				size: __props.size,
+				class: "w-full",
+				"onUpdate:modelValue": onChoice
+			}, null, 8, [
+				"model-value",
+				"items",
+				"placeholder",
+				"aria-label",
+				"disabled",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ReferenceFieldSelect.js.map

package/dist/features/composites/components/ReferenceFieldSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceFieldSelect.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/features/composites/components/ReferenceFieldSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { metaText } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\nimport { useCompositeRows } from '../use-composite-rows'\n\n/** The select of a `reference` field: the other Bausteine of the document (with a block ID, of the field's target kinds) by title. */\nconst props = defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>()\n\n/** Nuxt UI's select has no empty-string value: the \"no reference\" item travels as this sentinel. */\nconst NONE = '__none__'\n\nconst { Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\nconst { rows } = useCompositeRows(() => props.editor)\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst items = computed(() => [\n  { label: t('composites.field.none'), value: NONE },\n  ...rows.value\n    .filter(candidate => candidate.id !== null && candidate.id !== props.row.id && (!props.field.targets || props.field.targets.includes(candidate.kind)))\n    .map(candidate => ({ label: `${candidate.title.trim() || t('composites.inspector.untitled')} · ${candidate.kindLabel}`, value: candidate.id as string })),\n])\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' && value !== NONE ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    :model-value=\"stored || undefined\"\n    :items=\"items\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoice\"\n  />\n</template>\n"],"mappings":";;;;;;;;AAoBA,MAAM,OAAO;;;;;;;;;;;EATb,MAAM,QAAQ;;EAWd,MAAM,EAAE,QAAQ,YAAY,SAAS;EACrC,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,EAAE,SAAS,uBAAuB,MAAM,MAAM;EAEpD,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;EAC9D,MAAM,QAAQ,eAAe,CAC3B;GAAE,OAAO,EAAE,uBAAuB;GAAG,OAAO;EAAK,GACjD,GAAG,KAAK,MACL,QAAO,cAAa,UAAU,OAAO,QAAQ,UAAU,OAAO,MAAM,IAAI,OAAO,CAAC,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,UAAU,IAAI,EAAE,CAAA,CACpJ,KAAI,eAAc;GAAE,OAAO,GAAG,UAAU,MAAM,KAAK,KAAK,EAAE,+BAA+B,EAAE,KAAK,UAAU;GAAa,OAAO,UAAU;EAAa,EAAE,CAC5J,CAAC;EAED,SAAS,SAAS,OAAgB;GAChC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,YAAY,UAAU,OAAO,QAAQ,EAAE;EAC1H;;GAIE,OAAAA,UAAA,GAAAC,YASEC,MAAA,OAAA,GAAA;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,MAAA;IACP,aAAaA,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,OAAqC,QAAA,MAAM,MAAK,CAAA;IAC9D,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,uBAAoB"}

package/dist/features/composites/components/ReferenceView.js

@@ -0,0 +1,122 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { referenceAttrsOf, resolveReference } from "../reference-label.js";
+import { revealSource } from "../reveal-source.js";
+import { computed, createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
+//#region src/features/composites/components/ReferenceView.vue
+/**
+* The `reference` chip: the live short citation (or title) of the Baustein it points at, followed by its locator.
+* A click reveals the target and, with a locator, opens its source there (page of a PDF, time of a recording); a
+* target that no longer exists shows a greyed „gone“ label. Double click or right click opens a popover to set the
+* locator („Stelle“) in an editable editor.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "ReferenceView",
+	props: nodeViewProps,
+	setup(__props) {
+		const props = __props;
+		const { Input: UInput, Popover: UPopover } = useUiKit();
+		const { t } = useEditorI18n();
+		const resolved = shallowRef(resolveReference(props.editor, referenceAttrsOf(props.node)));
+		let frame = 0;
+		function sync() {
+			cancelAnimationFrame(frame);
+			frame = requestAnimationFrame(() => {
+				if (props.editor.isDestroyed) return;
+				const next = resolveReference(props.editor, referenceAttrsOf(props.node));
+				const current = resolved.value;
+				if (next.label !== current.label || next.title !== current.title || next.gone !== current.gone) resolved.value = next;
+			});
+		}
+		onMounted(() => props.editor.on("update", sync));
+		onBeforeUnmount(() => {
+			cancelAnimationFrame(frame);
+			props.editor.off("update", sync);
+		});
+		const text = computed(() => {
+			const label = resolved.value.gone ? t("composites.reference.gone") : resolved.value.label;
+			const locator = props.node.attrs.locator;
+			return typeof locator === "string" && locator && !resolved.value.gone ? `${label}, ${locator}` : label;
+		});
+		function onClick() {
+			const target = String(props.node.attrs.target);
+			if (!props.editor.commands.revealBlock(target)) return;
+			const locator = props.node.attrs.locator;
+			if (typeof locator === "string" && locator) revealSource(props.editor, target, locator);
+		}
+		const root = ref(null);
+		const reference = { getBoundingClientRect: () => root.value?.$el.getBoundingClientRect() ?? new DOMRect() };
+		const open = ref(false);
+		const draft = ref("");
+		function openLocator() {
+			if (!props.editor.isEditable) return;
+			draft.value = typeof props.node.attrs.locator === "string" ? props.node.attrs.locator : "";
+			open.value = true;
+		}
+		function commit() {
+			open.value = false;
+			const pos = props.getPos();
+			if (typeof pos !== "number" || draft.value.trim() === (props.node.attrs.locator ?? "")) return;
+			props.editor.commands.setReferenceLocator(pos, draft.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NodeViewWrapper), {
+				ref_key: "root",
+				ref: root,
+				as: "span",
+				class: normalizeClass(["reference", {
+					"is-gone": resolved.value.gone,
+					"is-selected": _ctx.selected
+				}]),
+				"data-type": "reference",
+				"data-target": _ctx.node.attrs.target,
+				title: resolved.value.gone ? void 0 : resolved.value.title,
+				role: "link",
+				onClick,
+				onDblclick: withModifiers(openLocator, ["prevent"]),
+				onContextmenu: withModifiers(openLocator, ["prevent"])
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(text.value) + " ", 1), createVNode(unref(UPopover), {
+					open: open.value,
+					reference,
+					content: {
+						side: "bottom",
+						align: "start",
+						sideOffset: 4,
+						onCloseAutoFocus: (event) => event.preventDefault()
+					},
+					ui: { content: "w-56 p-2" },
+					"onUpdate:open": _cache[1] || (_cache[1] = (value) => {
+						if (!value) commit();
+					})
+				}, {
+					content: withCtx(() => [createVNode(unref(UInput), {
+						modelValue: draft.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+						size: "xs",
+						class: "w-full",
+						placeholder: unref(t)("composites.reference.locatorPlaceholder"),
+						"aria-label": unref(t)("composites.reference.locator"),
+						onKeydown: withKeys(withModifiers(commit, ["prevent"]), ["enter"])
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"aria-label",
+						"onKeydown"
+					])]),
+					_: 1
+				}, 8, ["open", "content"])]),
+				_: 1
+			}, 8, [
+				"class",
+				"data-target",
+				"title"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=ReferenceView.js.map

package/dist/features/composites/components/ReferenceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_withModifiers","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_withKeys"],"sources":["../../../../src/features/composites/components/ReferenceView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { referenceAttrsOf, resolveReference } from '../reference-label'\nimport { revealSource } from '../reveal-source'\n\n/**\n * The `reference` chip: the live short citation (or title) of the Baustein it points at, followed by its locator.\n * A click reveals the target and, with a locator, opens its source there (page of a PDF, time of a recording); a\n * target that no longer exists shows a greyed „gone“ label. Double click or right click opens a popover to set the\n * locator („Stelle“) in an editable editor.\n */\nconst props = defineProps(nodeViewProps)\n\nconst { Input: UInput, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst resolved = shallowRef(resolveReference(props.editor, referenceAttrsOf(props.node)))\n\n// The target's title and bibliography edits change the label: re-resolve after document changes, once per frame.\nlet frame = 0\nfunction sync() {\n  cancelAnimationFrame(frame)\n  frame = requestAnimationFrame(() => {\n    if (props.editor.isDestroyed) return\n    const next = resolveReference(props.editor, referenceAttrsOf(props.node))\n    const current = resolved.value\n    if (next.label !== current.label || next.title !== current.title || next.gone !== current.gone) resolved.value = next\n  })\n}\nonMounted(() => props.editor.on('update', sync))\nonBeforeUnmount(() => {\n  cancelAnimationFrame(frame)\n  props.editor.off('update', sync)\n})\n\nconst text = computed(() => {\n  const label = resolved.value.gone ? t('composites.reference.gone') : resolved.value.label\n  const locator = props.node.attrs.locator\n  return typeof locator === 'string' && locator && !resolved.value.gone ? `${label}, ${locator}` : label\n})\n\nfunction onClick() {\n  const target = String(props.node.attrs.target)\n  if (!props.editor.commands.revealBlock(target)) return\n  const locator = props.node.attrs.locator\n  if (typeof locator === 'string' && locator) revealSource(props.editor, target, locator)\n}\n\nconst root = ref<{ $el: HTMLElement } | null>(null)\nconst reference = { getBoundingClientRect: () => root.value?.$el.getBoundingClientRect() ?? new DOMRect() }\n\nconst open = ref(false)\nconst draft = ref('')\n\nfunction openLocator() {\n  if (!props.editor.isEditable) return\n  draft.value = typeof props.node.attrs.locator === 'string' ? props.node.attrs.locator : ''\n  open.value = true\n}\n\nfunction commit() {\n  open.value = false\n  const pos = props.getPos()\n  if (typeof pos !== 'number' || draft.value.trim() === (props.node.attrs.locator ?? '')) return\n  props.editor.commands.setReferenceLocator(pos, draft.value)\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    ref=\"root\"\n    as=\"span\"\n    :class=\"['reference', { 'is-gone': resolved.gone, 'is-selected': selected }]\"\n    data-type=\"reference\"\n    :data-target=\"node.attrs.target\"\n    :title=\"resolved.gone ? undefined : resolved.title\"\n    role=\"link\"\n    @click=\"onClick\"\n    @dblclick.prevent=\"openLocator\"\n    @contextmenu.prevent=\"openLocator\"\n  >\n    {{ text }}\n    <UPopover\n      :open=\"open\"\n      :reference=\"reference\"\n      :content=\"{ side: 'bottom', align: 'start', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n      :ui=\"{ content: 'w-56 p-2' }\"\n      @update:open=\"(value: boolean) => { if (!value) commit() }\"\n    >\n      <template #content>\n        <UInput\n          v-model=\"draft\"\n          size=\"xs\"\n          class=\"w-full\"\n          :placeholder=\"t('composites.reference.locatorPlaceholder')\"\n          :aria-label=\"t('composites.reference.locator')\"\n          @keydown.enter.prevent=\"commit\"\n        />\n      </template>\n    </UPopover>\n  </NodeViewWrapper>\n</template>\n"],"mappings":"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"}

package/dist/features/composites/components/ReferenceView.vue.d.ts

@@ -0,0 +1,96 @@
+//#region src/features/composites/components/ReferenceView.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  editor: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+    required: true;
+  };
+  node: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["node"]>;
+    required: true;
+  };
+  decorations: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+    required: true;
+  };
+  selected: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+    required: true;
+  };
+  extension: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+    required: true;
+  };
+  getPos: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+    required: true;
+  };
+  updateAttributes: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+    required: true;
+  };
+  deleteNode: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+    required: true;
+  };
+  view: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["view"]>;
+    required: true;
+  };
+  innerDecorations: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+    required: true;
+  };
+  HTMLAttributes: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+    required: true;
+  };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  editor: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+    required: true;
+  };
+  node: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["node"]>;
+    required: true;
+  };
+  decorations: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+    required: true;
+  };
+  selected: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+    required: true;
+  };
+  extension: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+    required: true;
+  };
+  getPos: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+    required: true;
+  };
+  updateAttributes: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+    required: true;
+  };
+  deleteNode: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+    required: true;
+  };
+  view: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["view"]>;
+    required: true;
+  };
+  innerDecorations: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+    required: true;
+  };
+  HTMLAttributes: {
+    type: import("vue").PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=ReferenceView.vue.d.ts.map

package/dist/features/composites/components/SettingsEditingTab.js

@@ -3,8 +3,8 @@ import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorSettings } from "../../../vue/settings.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { STRUCTURE_MODE_KEYS } from "../structure-mode.js";
-import { TREE_ROOT_KEYS } from "../tree-root.js";
 import { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from "../editing-settings-keys.js";
+import { TREE_ROOT_KEYS } from "../tree-root.js";
 import _sfc_main$1 from "../../../vue/components/SettingsSection.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 //#region src/features/composites/components/SettingsEditingTab.vue

package/dist/features/composites/convert.js

@@ -1,5 +1,6 @@
 import { CORE_TARGET_IDS, childrenOf, createConverter, finishConversion, isCoreTarget, isCurrentTarget, isListNode, isQuoteNode, isTextblockNode, parseCoreTarget, textblockSpecOf } from "../../core/convert.js";
 import { compositeKind, defaultCompositeKinds, fallbackCompositeKinds } from "./kinds.js";
+import { keptMeta } from "./meta-keys.js";
 import { compositeChromeBlocks, flattenCompositesToHeadings, headingGroupRange } from "./heading-composites.js";
 import "./nodes.js";
 import { Fragment } from "@tiptap/pm/model";
@@ -40,8 +41,7 @@ function convertCompositeBlocks(schema, nodes, target, kinds) {
 	});
 	function toComposite(head, rest, kind) {
 		if (isComposite(head)) {
-			const keys = new Set(compositeKind(kinds, kind).fields.map((field) => field.key));
-			const meta = Object.fromEntries(Object.entries(head.attrs.meta).filter(([key]) => keys.has(key)));
+			const meta = keptMeta(compositeKind(kinds, kind), head.attrs.meta);
 			return head.type.create({
 				...head.attrs,
 				kind,

package/dist/features/composites/convert.js.map

@@ -1 +1 @@
-{"version":3,"file":"convert.js","names":[],"sources":["../../../src/features/composites/convert.ts"],"sourcesContent":["import { Fragment, type Node as PMNode, type Schema } from '@tiptap/pm/model'\nimport {\n  CORE_TARGET_IDS,\n  childrenOf,\n  type ConvertTarget,\n  createConverter,\n  finishConversion,\n  isCoreTarget,\n  isCurrentTarget,\n  isListNode,\n  isQuoteNode,\n  isTextblockNode,\n  parseCoreTarget,\n  textblockSpecOf,\n} from '../../core/convert'\nimport type { ConversionProvider } from '../../core/feature'\nimport { compositeChromeBlocks, flattenCompositesToHeadings, headingGroupRange } from './heading-composites'\nimport { type CompositeKind, compositeKind, defaultCompositeKinds, fallbackCompositeKinds } from './kinds'\nimport { COMPOSITE_CHROME_COUNT } from './nodes'\n\n// Vue-free and server-importable: the composite family's block conversions — wrapping blocks into a composite,\n// switching its kind and unwrapping it into plain blocks — as `ConversionProvider`s of the composite feature.\n\nconst COMPOSITE = 'composite'\nconst TITLE = 'compositeTitle'\nconst COMPOSITE_PREFIX = 'composite:'\n\nconst isComposite = (node: PMNode) => node.type.name === COMPOSITE\n\n/** The conversion targets of the core provider, offered for composites (they unwrap into them). */\nconst UNWRAP_TARGETS: readonly ConvertTarget[] = CORE_TARGET_IDS.flatMap(id => parseCoreTarget(id) ?? [])\n\n/**\n * Blocks `nodes` (siblings) converted to `target`. A composite takes the first block as title and the rest as body;\n * composites unwrap into the core targets (title first, description as italic paragraph, tags as a paragraph of tag\n * chips, meta as a `Label: Wert` line); into a heading, nested composites become sub-headings. Null when nothing\n * changes, the target is not a composite or core target or a node is not a textblock, list, quote or composite.\n * Never looks outside `nodes`: a heading's group is the caller's business.\n */\nexport function convertCompositeBlocks(schema: Schema, nodes: PMNode[], target: ConvertTarget, kinds: readonly CompositeKind[]): PMNode[] | null {\n  const first = nodes[0]\n  if (!first || !schema.nodes[target.type]) return null\n  if (!nodes.every(node => isTextblockNode(node) || isListNode(node) || isQuoteNode(node) || isComposite(node))) return null\n  if (nodes.length === 1 && isCurrentTarget(first, target)) return null\n  const n = schema.nodes\n  const paragraph = n.paragraph!\n\n  /** A composite as plain blocks: title paragraph (an empty one only with `keepEmptyTitle`), description, tags, meta, body. */\n  function unwrapComposite(composite: PMNode, keepEmptyTitle: boolean, headingLevel?: number): PMNode[] {\n    const title = composite.child(0)\n    const blocks: PMNode[] = []\n    if (keepEmptyTitle || title.content.size) blocks.push(paragraph.create(null, title.content))\n    blocks.push(...compositeChromeBlocks(schema, composite, kinds))\n    let body = childrenOf(composite, COMPOSITE_CHROME_COUNT)\n    if (headingLevel !== undefined) body = flattenCompositesToHeadings(schema, body, true, headingLevel + 1, kinds) ?? body\n    return [...blocks, ...body]\n  }\n\n  const converter = createConverter(schema, { is: isComposite, unwrap: unwrapComposite })\n\n  function toComposite(head: PMNode, rest: PMNode[], kind: string): PMNode {\n    if (isComposite(head)) {\n      // Another kind: the same node; `meta` keeps only the fields of the new kind. Further blocks join its body.\n      const keys = new Set(compositeKind(kinds, kind).fields.map(field => field.key))\n      const meta = Object.fromEntries(Object.entries(head.attrs.meta as Record<string, unknown>).filter(([key]) => keys.has(key)))\n      return head.type.create({ ...head.attrs, kind, meta }, [...childrenOf(head), ...rest])\n    }\n    let title = Fragment.empty\n    let body: PMNode[] = []\n    if (isTextblockNode(head)) title = converter.inline(head, TITLE)\n    else if (isQuoteNode(head)) body = childrenOf(head)\n    else {\n      // List: the first item's paragraph is the title, its other blocks and the remaining items (same list type) the body.\n      const [item, ...more] = childrenOf(head)\n      const [itemHead, ...itemRest] = item ? childrenOf(item) : []\n      if (itemHead && isTextblockNode(itemHead)) title = converter.inline(itemHead, TITLE)\n      else if (itemHead) itemRest.unshift(itemHead)\n      body = [...itemRest, ...(more.length ? [head.type.create(null, more)] : [])]\n    }\n    body = [...body, ...rest]\n    if (!body.length) body = [paragraph.create()]\n    return n[COMPOSITE]!.create({ kind }, [n[TITLE]!.create(null, title), n.compositeDescription!.create(), n.compositeTags!.create(), ...body])\n  }\n\n  let output: PMNode[]\n  if (target.type === 'composite') output = [toComposite(first, nodes.slice(1), target.kind)]\n  else if (!isCoreTarget(target)) return null\n  else if (target.type === 'bulletList' || target.type === 'orderedList') output = converter.toList(nodes, target.type)\n  else if (target.type === 'blockquote') output = converter.toQuote(nodes)\n  else output = converter.toTextblocks(nodes, textblockSpecOf(target))\n  return finishConversion(nodes, output)\n}\n\n/**\n * The conversion of the block right after `$start` into `target`: the range it replaces (a heading becoming a composite\n * takes its group along, which turns into the composite's body) and the converted blocks.\n */\nfunction convertAt(kinds: readonly CompositeKind[]): ConversionProvider['convert'] {\n  return (state, $start, target) => {\n    const parent = $start.parent\n    const from = $start.index()\n    const to = target.type === 'composite' && parent.child(from).type.name === 'heading' ? headingGroupRange(parent, from).to : from + 1\n    const nodes: PMNode[] = []\n    for (let index = from; index < to; index++) nodes.push(parent.child(index))\n    const blocks = convertCompositeBlocks(state.schema, nodes, target, kinds)\n    return blocks ? { from: $start.pos, to: nodes.reduce((end, node) => end + node.nodeSize, $start.pos), blocks } : null\n  }\n}\n\n/**\n * The composite feature's providers, in menu order. The first claims composites as source blocks (`handlesSource`): it\n * offers the core targets for them and executes every conversion of a composite, including kind changes. The second\n * owns the `composite:<kind>` targets: blocks and kind switches. `kinds` are the host's configured kinds; without them the\n * built-in kinds apply, and their labels (the menu entries) follow the language of the `t` the menu renders with. What\n * a conversion writes into the document (the `Label: Wert` line of a composite's meta) uses the built-in kinds in the\n * default language, since `convert` runs without a translator.\n */\nexport function compositeConversions(kinds?: readonly CompositeKind[]): readonly ConversionProvider[] {\n  const structure = kinds ?? fallbackCompositeKinds()\n  const convert = convertAt(structure)\n  const unwrap: ConversionProvider = {\n    handlesSource: isComposite,\n    targets: (_editor, node) => isComposite(node) ? UNWRAP_TARGETS.filter(target => node.type.schema.nodes[target.type]) : [],\n    parseTarget: () => null,\n    label: () => null,\n    convert,\n  }\n  const wrap: ConversionProvider = {\n    targets: (_editor, node) => {\n      if (!(isTextblockNode(node) || isListNode(node) || isQuoteNode(node) || isComposite(node)) || !node.type.schema.nodes[COMPOSITE]) return []\n      return structure.map((kind): ConvertTarget => ({ type: 'composite', kind: kind.id })).filter(target => !isCurrentTarget(node, target))\n    },\n    parseTarget: (id) => {\n      if (!id.startsWith(COMPOSITE_PREFIX)) return null\n      const kind = id.slice(COMPOSITE_PREFIX.length)\n      return structure.some(known => known.id === kind) ? { type: 'composite', kind } : null\n    },\n    label: (target, t) => {\n      if (target.type !== 'composite') return null\n      const kind = compositeKind(kinds ?? defaultCompositeKinds(t), target.kind)\n      return { label: t('composites.convert.kind', { kind: kind.label }), icon: kind.icon }\n    },\n    convert,\n  }\n  return [unwrap, wrap]\n}\n"],"mappings":"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"}
+{"version":3,"file":"convert.js","names":[],"sources":["../../../src/features/composites/convert.ts"],"sourcesContent":["import { Fragment, type Node as PMNode, type Schema } from '@tiptap/pm/model'\nimport {\n  CORE_TARGET_IDS,\n  childrenOf,\n  type ConvertTarget,\n  createConverter,\n  finishConversion,\n  isCoreTarget,\n  isCurrentTarget,\n  isListNode,\n  isQuoteNode,\n  isTextblockNode,\n  parseCoreTarget,\n  textblockSpecOf,\n} from '../../core/convert'\nimport type { ConversionProvider } from '../../core/feature'\nimport { compositeChromeBlocks, flattenCompositesToHeadings, headingGroupRange } from './heading-composites'\nimport { type CompositeKind, compositeKind, defaultCompositeKinds, fallbackCompositeKinds } from './kinds'\nimport { keptMeta } from './meta-keys'\nimport { COMPOSITE_CHROME_COUNT } from './nodes'\n\n// Vue-free and server-importable: the composite family's block conversions — wrapping blocks into a composite,\n// switching its kind and unwrapping it into plain blocks — as `ConversionProvider`s of the composite feature.\n\nconst COMPOSITE = 'composite'\nconst TITLE = 'compositeTitle'\nconst COMPOSITE_PREFIX = 'composite:'\n\nconst isComposite = (node: PMNode) => node.type.name === COMPOSITE\n\n/** The conversion targets of the core provider, offered for composites (they unwrap into them). */\nconst UNWRAP_TARGETS: readonly ConvertTarget[] = CORE_TARGET_IDS.flatMap(id => parseCoreTarget(id) ?? [])\n\n/**\n * Blocks `nodes` (siblings) converted to `target`. A composite takes the first block as title and the rest as body;\n * composites unwrap into the core targets (title first, description as italic paragraph, tags as a paragraph of tag\n * chips, meta as a `Label: Wert` line); into a heading, nested composites become sub-headings. Null when nothing\n * changes, the target is not a composite or core target or a node is not a textblock, list, quote or composite.\n * Never looks outside `nodes`: a heading's group is the caller's business.\n */\nexport function convertCompositeBlocks(schema: Schema, nodes: PMNode[], target: ConvertTarget, kinds: readonly CompositeKind[]): PMNode[] | null {\n  const first = nodes[0]\n  if (!first || !schema.nodes[target.type]) return null\n  if (!nodes.every(node => isTextblockNode(node) || isListNode(node) || isQuoteNode(node) || isComposite(node))) return null\n  if (nodes.length === 1 && isCurrentTarget(first, target)) return null\n  const n = schema.nodes\n  const paragraph = n.paragraph!\n\n  /** A composite as plain blocks: title paragraph (an empty one only with `keepEmptyTitle`), description, tags, meta, body. */\n  function unwrapComposite(composite: PMNode, keepEmptyTitle: boolean, headingLevel?: number): PMNode[] {\n    const title = composite.child(0)\n    const blocks: PMNode[] = []\n    if (keepEmptyTitle || title.content.size) blocks.push(paragraph.create(null, title.content))\n    blocks.push(...compositeChromeBlocks(schema, composite, kinds))\n    let body = childrenOf(composite, COMPOSITE_CHROME_COUNT)\n    if (headingLevel !== undefined) body = flattenCompositesToHeadings(schema, body, true, headingLevel + 1, kinds) ?? body\n    return [...blocks, ...body]\n  }\n\n  const converter = createConverter(schema, { is: isComposite, unwrap: unwrapComposite })\n\n  function toComposite(head: PMNode, rest: PMNode[], kind: string): PMNode {\n    if (isComposite(head)) {\n      // Another kind: the same node; `meta` keeps the fields of the new kind plus `derivation` and `bib`. Further blocks join its body.\n      const meta = keptMeta(compositeKind(kinds, kind), head.attrs.meta as Record<string, unknown>)\n      return head.type.create({ ...head.attrs, kind, meta }, [...childrenOf(head), ...rest])\n    }\n    let title = Fragment.empty\n    let body: PMNode[] = []\n    if (isTextblockNode(head)) title = converter.inline(head, TITLE)\n    else if (isQuoteNode(head)) body = childrenOf(head)\n    else {\n      // List: the first item's paragraph is the title, its other blocks and the remaining items (same list type) the body.\n      const [item, ...more] = childrenOf(head)\n      const [itemHead, ...itemRest] = item ? childrenOf(item) : []\n      if (itemHead && isTextblockNode(itemHead)) title = converter.inline(itemHead, TITLE)\n      else if (itemHead) itemRest.unshift(itemHead)\n      body = [...itemRest, ...(more.length ? [head.type.create(null, more)] : [])]\n    }\n    body = [...body, ...rest]\n    if (!body.length) body = [paragraph.create()]\n    return n[COMPOSITE]!.create({ kind }, [n[TITLE]!.create(null, title), n.compositeDescription!.create(), n.compositeTags!.create(), ...body])\n  }\n\n  let output: PMNode[]\n  if (target.type === 'composite') output = [toComposite(first, nodes.slice(1), target.kind)]\n  else if (!isCoreTarget(target)) return null\n  else if (target.type === 'bulletList' || target.type === 'orderedList') output = converter.toList(nodes, target.type)\n  else if (target.type === 'blockquote') output = converter.toQuote(nodes)\n  else output = converter.toTextblocks(nodes, textblockSpecOf(target))\n  return finishConversion(nodes, output)\n}\n\n/**\n * The conversion of the block right after `$start` into `target`: the range it replaces (a heading becoming a composite\n * takes its group along, which turns into the composite's body) and the converted blocks.\n */\nfunction convertAt(kinds: readonly CompositeKind[]): ConversionProvider['convert'] {\n  return (state, $start, target) => {\n    const parent = $start.parent\n    const from = $start.index()\n    const to = target.type === 'composite' && parent.child(from).type.name === 'heading' ? headingGroupRange(parent, from).to : from + 1\n    const nodes: PMNode[] = []\n    for (let index = from; index < to; index++) nodes.push(parent.child(index))\n    const blocks = convertCompositeBlocks(state.schema, nodes, target, kinds)\n    return blocks ? { from: $start.pos, to: nodes.reduce((end, node) => end + node.nodeSize, $start.pos), blocks } : null\n  }\n}\n\n/**\n * The composite feature's providers, in menu order. The first claims composites as source blocks (`handlesSource`): it\n * offers the core targets for them and executes every conversion of a composite, including kind changes. The second\n * owns the `composite:<kind>` targets: blocks and kind switches. `kinds` are the host's configured kinds; without them the\n * built-in kinds apply, and their labels (the menu entries) follow the language of the `t` the menu renders with. What\n * a conversion writes into the document (the `Label: Wert` line of a composite's meta) uses the built-in kinds in the\n * default language, since `convert` runs without a translator.\n */\nexport function compositeConversions(kinds?: readonly CompositeKind[]): readonly ConversionProvider[] {\n  const structure = kinds ?? fallbackCompositeKinds()\n  const convert = convertAt(structure)\n  const unwrap: ConversionProvider = {\n    handlesSource: isComposite,\n    targets: (_editor, node) => isComposite(node) ? UNWRAP_TARGETS.filter(target => node.type.schema.nodes[target.type]) : [],\n    parseTarget: () => null,\n    label: () => null,\n    convert,\n  }\n  const wrap: ConversionProvider = {\n    targets: (_editor, node) => {\n      if (!(isTextblockNode(node) || isListNode(node) || isQuoteNode(node) || isComposite(node)) || !node.type.schema.nodes[COMPOSITE]) return []\n      return structure.map((kind): ConvertTarget => ({ type: 'composite', kind: kind.id })).filter(target => !isCurrentTarget(node, target))\n    },\n    parseTarget: (id) => {\n      if (!id.startsWith(COMPOSITE_PREFIX)) return null\n      const kind = id.slice(COMPOSITE_PREFIX.length)\n      return structure.some(known => known.id === kind) ? { type: 'composite', kind } : null\n    },\n    label: (target, t) => {\n      if (target.type !== 'composite') return null\n      const kind = compositeKind(kinds ?? defaultCompositeKinds(t), target.kind)\n      return { label: t('composites.convert.kind', { kind: kind.label }), icon: kind.icon }\n    },\n    convert,\n  }\n  return [unwrap, wrap]\n}\n"],"mappings":"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"}

package/dist/features/composites/derivation.d.ts

@@ -0,0 +1,61 @@
+import { CompositeKind } from "./kinds.js";
+import { DERIVATION_KEY } from "./meta-keys.js";
+import { Editor } from "@tiptap/core";
+import { Node as Node$1 } from "@tiptap/pm/model";
+//#region src/features/composites/derivation.d.ts
+/** How a derived Baustein was made; `ai:<kindId>` for a block derived from another block by the model. */
+export type DerivationMethod = 'transcription' | 'pdf-text' | 'ocr' | 'description' | 'bibliography' | (string & {});
+/** What a derived Baustein was made from: an uploaded asset (by asset name) or another block (by block id). */
+export type DerivationSource = {
+  asset: string;
+} | {
+  block: string;
+};
+/** `meta.derivation` of a derived Baustein. */
+export interface Derivation {
+  from: DerivationSource;
+  method: DerivationMethod;
+  model?: string;
+  /** ISO timestamp. */
+  createdAt: string;
+  /** SHA-256 hex of the asset bytes / of the source block's Markdown; `''` when unknown. */
+  inputHash: string;
+  /** SHA-256 hex of the produced body's Markdown; `''` when unknown. */
+  outputHash: string;
+  /** Asset name of the stored raw output (text/markdown). */
+  output?: string;
+}
+/** The derivation of a composite (`meta.derivation` with a `from` object and a `method`); null when it has none. */
+export declare function derivationOf(node: Node$1): Derivation | null;
+/** The media block a source-holding kind keeps its original in: first body child of a type in `kind.source`. */
+export declare function sourceOf(composite: Node$1, kinds: readonly CompositeKind[]): {
+  node: Node$1;
+  index: number;
+  asset: {
+    documentId: string;
+    name: string;
+  } | null;
+  hash: string | null;
+} | null;
+/** The body children of `composite` that are derived Bausteine, with their child index. */
+export declare function renditionsOf(composite: Node$1): {
+  node: Node$1;
+  index: number;
+  derivation: Derivation;
+}[];
+/**
+ * Whether `derived` (a Baustein with a derivation, a child of `composite`) is out of date or was edited since it was made.
+ * `stale`: for an asset source, the block `sourceOf(composite, kinds)` finds has a `hash` that differs from `inputHash`; null
+ * when either is unknown. A block source is null here: callers with the document compare the hash of the source block's
+ * Markdown. `edited`: the body's
+ * hash (computed lazily, it serialises the whole body) differs from `outputHash`; null when `outputHash` is unknown.
+ */
+export declare function derivationState(composite: Node$1, derived: Node$1, bodyHash: () => string, kinds: readonly CompositeKind[]): {
+  stale: boolean | null;
+  edited: boolean | null;
+};
+/** Markdown of the body of `composite` (everything after title, description and tags). */
+export declare function bodyMarkdown(editor: Editor, composite: Node$1): string;
+//#endregion
+export { DERIVATION_KEY };
+//# sourceMappingURL=derivation.d.ts.map