@ecsplico/editor 2.1.2 → 3.0.0

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

@@ -0,0 +1,33 @@
+import { Translate } from "../../i18n/index.js";
+import { CSL_TYPES, CslDate, CslItem, CslName, CslType } from "../../core/backend-types.js";
+import { BIB_KEY } from "./meta-keys.js";
+import { Node } from "@tiptap/pm/model";
+//#region src/features/composites/bibliography.d.ts
+/** The select options of the CSL types, labelled through `t`. */
+export declare function cslTypeOptions(t: Translate): {
+  value: CslType;
+  label: string;
+}[];
+/** The bibliographic data of the composite `node` (`meta.bib` when an object with a string `type`), else `null`. */
+export declare function bibOf(node: Node): CslItem | null;
+/** The full CSL-JSON item of the composite `node`: its `bib` plus the block id and the title (first child). */
+export declare function cslOf(node: Node): (CslItem & {
+  id: string;
+  title: string;
+}) | null;
+/** The year of the first date part of `issued`, or `null`. */
+export declare function yearOf(csl: Pick<CslItem, 'issued'>): number | null;
+/** "Doe 2024", "Doe & Roe 2024", "Doe et al. 2024"; without authors the first 40 characters of `title`; without a year no year. */
+export declare function citeShort(csl: Pick<CslItem, 'author' | 'issued'>, title: string): string;
+/** An APA-like reference: "Doe, J., Roe, R. (2024). Title. Journal, 12(3), 45–67. https://doi.org/…"; empty parts are left out. */
+export declare function citeFull(csl: CslItem & {
+  title: string;
+}): string;
+/** The item as one BibTeX entry (`@article{doe2024title, … }`), one field per line; empty fields are left out. */
+export declare function bibtexOf(csl: CslItem & {
+  id: string;
+  title: string;
+}): string;
+//#endregion
+export { BIB_KEY, CSL_TYPES, type CslDate, type CslItem, type CslName, type CslType };
+//# sourceMappingURL=bibliography.d.ts.map

package/dist/features/composites/bibliography.js

@@ -0,0 +1,120 @@
+import { blockIdOf } from "../../core/schema/block-ids.js";
+import { BIB_KEY } from "./meta-keys.js";
+import { CSL_TYPES } from "../../core/backend-types.js";
+//#region src/features/composites/bibliography.ts
+/** The select options of the CSL types, labelled through `t`. */
+function cslTypeOptions(t) {
+	return CSL_TYPES.map((value) => ({
+		value,
+		label: t(`composites.bib.type.${value}`)
+	}));
+}
+/** The bibliographic data of the composite `node` (`meta.bib` when an object with a string `type`), else `null`. */
+function bibOf(node) {
+	const bib = node.attrs.meta?.["bib"];
+	if (!bib || typeof bib !== "object" || Array.isArray(bib)) return null;
+	return "type" in bib && typeof bib.type === "string" ? bib : null;
+}
+/** The full CSL-JSON item of the composite `node`: its `bib` plus the block id and the title (first child). */
+function cslOf(node) {
+	const bib = bibOf(node);
+	if (!bib) return null;
+	return {
+		...bib,
+		id: blockIdOf(node) ?? "",
+		title: node.childCount > 0 ? node.child(0).textContent : ""
+	};
+}
+/** The year of the first date part of `issued`, or `null`. */
+function yearOf(csl) {
+	const year = csl.issued?.["date-parts"]?.[0]?.[0];
+	return typeof year === "number" && Number.isFinite(year) ? year : null;
+}
+const familyOf = (name) => (name.family ?? name.literal ?? "").trim();
+const SHORT_TITLE_LENGTH = 40;
+/** "Doe 2024", "Doe & Roe 2024", "Doe et al. 2024"; without authors the first 40 characters of `title`; without a year no year. */
+function citeShort(csl, title) {
+	const families = (csl.author ?? []).map(familyOf).filter(Boolean);
+	const who = families.length === 0 ? title.trim().slice(0, SHORT_TITLE_LENGTH) : families.length === 1 ? families[0] : families.length === 2 ? `${families[0]} & ${families[1]}` : `${families[0]} et al.`;
+	const year = yearOf(csl);
+	return year === null ? who : `${who} ${year}`.trim();
+}
+const initialsOf = (given) => given.split(/[\s-]+/).filter(Boolean).map((word) => `${[...word][0].toUpperCase()}.`).join(" ");
+function apaName(name) {
+	const family = (name.family ?? "").trim();
+	if (!family) return (name.literal ?? "").trim();
+	const initials = initialsOf((name.given ?? "").trim());
+	return initials ? `${family}, ${initials}` : family;
+}
+const withStop = (text) => /[.!?]$/.test(text) ? text : `${text}.`;
+/** An APA-like reference: "Doe, J., Roe, R. (2024). Title. Journal, 12(3), 45–67. https://doi.org/…"; empty parts are left out. */
+function citeFull(csl) {
+	const authors = (csl.author ?? []).map(apaName).filter(Boolean).join(", ");
+	const year = yearOf(csl);
+	const head = [authors, year === null ? "" : `(${year})`].filter(Boolean).join(" ");
+	const volume = [csl.volume, csl.issue ? `(${csl.issue})` : ""].filter(Boolean).join("");
+	const container = [
+		csl["container-title"],
+		volume,
+		csl.page
+	].map((part) => part?.trim()).filter(Boolean).join(", ");
+	const doi = csl.DOI?.trim();
+	const link = doi ? /^https?:\/\//i.test(doi) ? doi : `https://doi.org/${doi}` : csl.URL?.trim();
+	const publisher = [csl["publisher-place"], csl.publisher].map((part) => part?.trim()).filter(Boolean).join(": ");
+	return [
+		head && withStop(head),
+		csl.title.trim() && withStop(csl.title.trim()),
+		container && withStop(container),
+		!container && publisher && withStop(publisher),
+		link
+	].filter(Boolean).join(" ");
+}
+const BIBTEX_ENTRY = {
+	"article-journal": "article",
+	book: "book",
+	chapter: "incollection",
+	"paper-conference": "inproceedings",
+	thesis: "phdthesis",
+	report: "techreport"
+};
+/** Lowercase ASCII letters and digits of `text`: diacritics folded, everything else dropped. */
+const asciiKey = (text) => text.normalize("NFD").replace(/\p{M}/gu, "").toLowerCase().replace(/[^a-z0-9]/g, "");
+const bibtexName = (name) => {
+	const family = (name.family ?? "").trim();
+	if (!family) return (name.literal ?? "").trim();
+	const given = (name.given ?? "").trim();
+	return given ? `${family}, ${given}` : family;
+};
+/** The citation key: first author's family name + year + first title word (all lowercase ASCII). */
+function bibtexKey(csl) {
+	const first = csl.author?.[0];
+	const family = first ? asciiKey(familyOf(first)) : "";
+	const year = yearOf(csl);
+	const word = asciiKey(csl.title.trim().split(/\s+/)[0] ?? "");
+	return `${family}${year ?? ""}${word}` || asciiKey(csl.id) || "ref";
+}
+/** The item as one BibTeX entry (`@article{doe2024title, … }`), one field per line; empty fields are left out. */
+function bibtexOf(csl) {
+	const entry = BIBTEX_ENTRY[csl.type] ?? "misc";
+	const container = csl["container-title"]?.trim();
+	const lines = [
+		["title", csl.title.trim()],
+		["author", (csl.author ?? []).map(bibtexName).filter(Boolean).join(" and ")],
+		["year", yearOf(csl)?.toString()],
+		["journal", entry === "article" ? container : void 0],
+		["booktitle", entry === "incollection" || entry === "inproceedings" ? container : void 0],
+		["volume", csl.volume?.trim()],
+		["number", csl.issue?.trim()],
+		["pages", csl.page?.trim().replace(/\s*[-–—]+\s*/g, "--")],
+		[entry === "phdthesis" ? "school" : entry === "techreport" ? "institution" : "publisher", csl.publisher?.trim()],
+		["address", csl["publisher-place"]?.trim()],
+		["doi", csl.DOI?.trim()],
+		["isbn", csl.ISBN?.trim()],
+		["url", csl.URL?.trim()]
+	].filter(([, value]) => value).map(([name, value]) => `  ${name} = {${value}},`);
+	return `@${entry}{${bibtexKey(csl)},\n${lines.join("\n")}\n}\n`;
+}
+//#endregion
+export { BIB_KEY, CSL_TYPES, bibOf, bibtexOf, citeFull, citeShort, cslOf, cslTypeOptions, yearOf };
+
+//# sourceMappingURL=bibliography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bibliography.js","names":[],"sources":["../../../src/features/composites/bibliography.ts"],"sourcesContent":["// Vue-free and server-importable: bibliographic data of a composite („Baustein“) as CSL-JSON in `meta.bib`, and its citation and BibTeX renderings.\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport { blockIdOf } from '../../core/schema/block-ids'\nimport type { MessageKey, Translate } from '../../i18n'\nimport { CSL_TYPES, type CslItem, type CslName, type CslType } from '../../core/backend-types'\nimport { BIB_KEY } from './meta-keys'\n\n// The CSL types live in `core/backend-types.ts` (the `ai.extract` wire type names them); this module is their feature-side entry.\nexport { CSL_TYPES, type CslDate, type CslItem, type CslName, type CslType } from '../../core/backend-types'\n\nexport { BIB_KEY }\n\n/** The select options of the CSL types, labelled through `t`. */\nexport function cslTypeOptions(t: Translate): { value: CslType, label: string }[] {\n  return CSL_TYPES.map(value => ({ value, label: t(`composites.bib.type.${value}` as MessageKey) }))\n}\n\n/** The bibliographic data of the composite `node` (`meta.bib` when an object with a string `type`), else `null`. */\nexport function bibOf(node: PMNode): CslItem | null {\n  const bib: unknown = node.attrs.meta?.[BIB_KEY]\n  if (!bib || typeof bib !== 'object' || Array.isArray(bib)) return null\n  return 'type' in bib && typeof bib.type === 'string' ? bib as CslItem : null\n}\n\n/** The full CSL-JSON item of the composite `node`: its `bib` plus the block id and the title (first child). */\nexport function cslOf(node: PMNode): (CslItem & { id: string, title: string }) | null {\n  const bib = bibOf(node)\n  if (!bib) return null\n  return { ...bib, id: blockIdOf(node) ?? '', title: node.childCount > 0 ? node.child(0).textContent : '' }\n}\n\n/** The year of the first date part of `issued`, or `null`. */\nexport function yearOf(csl: Pick<CslItem, 'issued'>): number | null {\n  const year = csl.issued?.['date-parts']?.[0]?.[0]\n  return typeof year === 'number' && Number.isFinite(year) ? year : null\n}\n\nconst familyOf = (name: CslName): string => (name.family ?? name.literal ?? '').trim()\n\nconst SHORT_TITLE_LENGTH = 40\n\n/** \"Doe 2024\", \"Doe & Roe 2024\", \"Doe et al. 2024\"; without authors the first 40 characters of `title`; without a year no year. */\nexport function citeShort(csl: Pick<CslItem, 'author' | 'issued'>, title: string): string {\n  const families = (csl.author ?? []).map(familyOf).filter(Boolean)\n  const who = families.length === 0\n    ? title.trim().slice(0, SHORT_TITLE_LENGTH)\n    : families.length === 1\n      ? families[0]!\n      : families.length === 2 ? `${families[0]} & ${families[1]}` : `${families[0]} et al.`\n  const year = yearOf(csl)\n  return year === null ? who : `${who} ${year}`.trim()\n}\n\nconst initialsOf = (given: string): string => given.split(/[\\s-]+/).filter(Boolean).map(word => `${[...word][0]!.toUpperCase()}.`).join(' ')\n\nfunction apaName(name: CslName): string {\n  const family = (name.family ?? '').trim()\n  if (!family) return (name.literal ?? '').trim()\n  const initials = initialsOf((name.given ?? '').trim())\n  return initials ? `${family}, ${initials}` : family\n}\n\nconst withStop = (text: string): string => /[.!?]$/.test(text) ? text : `${text}.`\n\n/** An APA-like reference: \"Doe, J., Roe, R. (2024). Title. Journal, 12(3), 45–67. https://doi.org/…\"; empty parts are left out. */\nexport function citeFull(csl: CslItem & { title: string }): string {\n  const authors = (csl.author ?? []).map(apaName).filter(Boolean).join(', ')\n  const year = yearOf(csl)\n  const head = [authors, year === null ? '' : `(${year})`].filter(Boolean).join(' ')\n  const volume = [csl.volume, csl.issue ? `(${csl.issue})` : ''].filter(Boolean).join('')\n  const container = [csl['container-title'], volume, csl.page].map(part => part?.trim()).filter(Boolean).join(', ')\n  const doi = csl.DOI?.trim()\n  const link = doi ? (/^https?:\\/\\//i.test(doi) ? doi : `https://doi.org/${doi}`) : csl.URL?.trim()\n  const publisher = [csl['publisher-place'], csl.publisher].map(part => part?.trim()).filter(Boolean).join(': ')\n  return [\n    head && withStop(head),\n    csl.title.trim() && withStop(csl.title.trim()),\n    container && withStop(container),\n    // A book or report is located by its publisher; a journal article by its container.\n    !container && publisher && withStop(publisher),\n    link,\n  ].filter(Boolean).join(' ')\n}\n\nconst BIBTEX_ENTRY: Partial<Record<CslType, string>> = {\n  'article-journal': 'article',\n  book: 'book',\n  chapter: 'incollection',\n  'paper-conference': 'inproceedings',\n  thesis: 'phdthesis',\n  report: 'techreport',\n}\n\n/** Lowercase ASCII letters and digits of `text`: diacritics folded, everything else dropped. */\nconst asciiKey = (text: string): string => text.normalize('NFD').replace(/\\p{M}/gu, '').toLowerCase().replace(/[^a-z0-9]/g, '')\n\nconst bibtexName = (name: CslName): string => {\n  const family = (name.family ?? '').trim()\n  if (!family) return (name.literal ?? '').trim()\n  const given = (name.given ?? '').trim()\n  return given ? `${family}, ${given}` : family\n}\n\n/** The citation key: first author's family name + year + first title word (all lowercase ASCII). */\nfunction bibtexKey(csl: CslItem & { id: string, title: string }): string {\n  const first = csl.author?.[0]\n  const family = first ? asciiKey(familyOf(first)) : ''\n  const year = yearOf(csl)\n  const word = asciiKey(csl.title.trim().split(/\\s+/)[0] ?? '')\n  return `${family}${year ?? ''}${word}` || asciiKey(csl.id) || 'ref'\n}\n\n/** The item as one BibTeX entry (`@article{doe2024title, … }`), one field per line; empty fields are left out. */\nexport function bibtexOf(csl: CslItem & { id: string, title: string }): string {\n  const entry = BIBTEX_ENTRY[csl.type] ?? 'misc'\n  const container = csl['container-title']?.trim()\n  const fields: [string, string | undefined][] = [\n    ['title', csl.title.trim()],\n    ['author', (csl.author ?? []).map(bibtexName).filter(Boolean).join(' and ')],\n    ['year', yearOf(csl)?.toString()],\n    ['journal', entry === 'article' ? container : undefined],\n    ['booktitle', entry === 'incollection' || entry === 'inproceedings' ? container : undefined],\n    ['volume', csl.volume?.trim()],\n    ['number', csl.issue?.trim()],\n    ['pages', csl.page?.trim().replace(/\\s*[-–—]+\\s*/g, '--')],\n    [entry === 'phdthesis' ? 'school' : entry === 'techreport' ? 'institution' : 'publisher', csl.publisher?.trim()],\n    ['address', csl['publisher-place']?.trim()],\n    ['doi', csl.DOI?.trim()],\n    ['isbn', csl.ISBN?.trim()],\n    ['url', csl.URL?.trim()],\n  ]\n  const lines = fields.filter(([, value]) => value).map(([name, value]) => `  ${name} = {${value}},`)\n  return `@${entry}{${bibtexKey(csl)},\\n${lines.join('\\n')}\\n}\\n`\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,261 @@
+import { bibtexOf, cslOf, cslTypeOptions } from "../bibliography.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { compositeOfRow, setCompositeMetaField } from "../rows.js";
+import { bibFormOf, bibItemOf } from "../bibliography-form.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, reactive, ref, renderList, unref, watch, withKeys } from "vue";
+//#region src/features/composites/components/BibliographyEditor.vue
+const _hoisted_1 = { class: "flex flex-col gap-1.5" };
+const _hoisted_2 = { class: "grid grid-cols-4 gap-1.5" };
+const _hoisted_3 = { class: "flex justify-end gap-1.5" };
+/**
+* The structured editor of a `bibliography` field (CSL-JSON item, `meta.bib`): type, authors, year, container, volume,
+* issue, pages, publisher, DOI, ISBN, URL and abstract. Inputs keep a local draft; every commit (blur, Enter, choosing
+* a type, unmount) writes the whole item through `setCompositeMetaField`. The title is the Baustein's and never stored.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "BibliographyEditor",
+	props: {
+		editor: {},
+		row: {},
+		field: {},
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { Button: UButton, Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit();
+		const { t } = useEditorI18n();
+		const stored = computed(() => {
+			const value = props.row.meta[props.field.key];
+			return value && typeof value === "object" && typeof value.type === "string" ? value : null;
+		});
+		const typeItems = computed(() => cslTypeOptions(t));
+		const form = reactive(bibFormOf(stored.value));
+		let dirty = false;
+		let target = null;
+		watch(() => props.row.key, () => {
+			commit();
+			Object.assign(form, bibFormOf(stored.value));
+		});
+		watch(stored, (value) => {
+			if (!dirty) Object.assign(form, bibFormOf(value));
+		});
+		function commit() {
+			if (!dirty || !target) return;
+			dirty = false;
+			const { row, field, stored: base } = target;
+			target = null;
+			const same = row.key === props.row.key;
+			if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base));
+		}
+		function markDirty() {
+			if (!dirty) target = {
+				row: props.row,
+				field: props.field,
+				stored: stored.value
+			};
+			dirty = true;
+		}
+		function onInput(key, value) {
+			form[key] = typeof value === "string" ? value : "";
+			markDirty();
+		}
+		function onType(value) {
+			if (typeof value !== "string") return;
+			form.type = value;
+			markDirty();
+			commit();
+		}
+		onBeforeUnmount(commit);
+		const copied = ref(false);
+		let copiedTimer;
+		onBeforeUnmount(() => clearTimeout(copiedTimer));
+		async function copyBibtex() {
+			commit();
+			const node = compositeOfRow(props.editor.state.doc, props.row)?.node;
+			const csl = node && cslOf(node);
+			if (!csl) return;
+			await navigator.clipboard.writeText(bibtexOf(csl));
+			copied.value = true;
+			clearTimeout(copiedTimer);
+			copiedTimer = setTimeout(() => {
+				copied.value = false;
+			}, 1500);
+		}
+		const canFetch = typeof props.editor.commands.fetchCompositeBibliography === "function";
+		const hasDoi = computed(() => form.doi.trim() !== "" || typeof props.row.meta.doi === "string" && props.row.meta.doi.trim() !== "");
+		function fetchByDoi() {
+			commit();
+			const found = compositeOfRow(props.editor.state.doc, props.row);
+			if (found) props.editor.commands.fetchCompositeBibliography(found.pos);
+		}
+		const inputs = [
+			{
+				key: "containerTitle",
+				labelKey: "composites.bib.field.containerTitle"
+			},
+			{
+				key: "publisher",
+				labelKey: "composites.bib.field.publisher"
+			},
+			{
+				key: "doi",
+				labelKey: "composites.bib.field.doi"
+			},
+			{
+				key: "isbn",
+				labelKey: "composites.bib.field.isbn"
+			},
+			{
+				key: "url",
+				labelKey: "composites.bib.field.url"
+			}
+		];
+		const numbers = [
+			{
+				key: "volume",
+				labelKey: "composites.bib.field.volume"
+			},
+			{
+				key: "issue",
+				labelKey: "composites.bib.field.issue"
+			},
+			{
+				key: "page",
+				labelKey: "composites.bib.field.page"
+			}
+		];
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(USelect), {
+					"model-value": form.type,
+					items: typeItems.value,
+					"aria-label": unref(t)("composites.bib.field.type"),
+					disabled: __props.disabled,
+					size: "xs",
+					class: "w-full",
+					"onUpdate:modelValue": onType
+				}, null, 8, [
+					"model-value",
+					"items",
+					"aria-label",
+					"disabled"
+				]),
+				createVNode(unref(UTextarea), {
+					"model-value": form.authors,
+					placeholder: unref(t)("composites.bib.field.authorsHelp"),
+					"aria-label": unref(t)("composites.bib.field.authors"),
+					disabled: __props.disabled,
+					size: "xs",
+					autoresize: "",
+					rows: 2,
+					maxrows: 6,
+					class: "w-full",
+					onBlur: commit,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => onInput("authors", value))
+				}, null, 8, [
+					"model-value",
+					"placeholder",
+					"aria-label",
+					"disabled"
+				]),
+				createElementVNode("div", _hoisted_2, [createVNode(unref(UInput), {
+					"model-value": form.year,
+					type: "number",
+					placeholder: unref(t)("composites.bib.field.year"),
+					"aria-label": unref(t)("composites.bib.field.year"),
+					disabled: __props.disabled,
+					size: "xs",
+					class: "col-span-1 w-full",
+					onBlur: commit,
+					onKeydown: withKeys(commit, ["enter"]),
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => onInput("year", value))
+				}, null, 8, [
+					"model-value",
+					"placeholder",
+					"aria-label",
+					"disabled"
+				]), (openBlock(), createElementBlock(Fragment, null, renderList(numbers, (input) => {
+					return createVNode(unref(UInput), {
+						key: input.key,
+						"model-value": form[input.key],
+						placeholder: unref(t)(input.labelKey),
+						"aria-label": unref(t)(input.labelKey),
+						disabled: __props.disabled,
+						size: "xs",
+						class: "col-span-1 w-full",
+						onBlur: commit,
+						onKeydown: withKeys(commit, ["enter"]),
+						"onUpdate:modelValue": (value) => onInput(input.key, value)
+					}, null, 8, [
+						"model-value",
+						"placeholder",
+						"aria-label",
+						"disabled",
+						"onUpdate:modelValue"
+					]);
+				}), 64))]),
+				(openBlock(), createElementBlock(Fragment, null, renderList(inputs, (input) => {
+					return createVNode(unref(UInput), {
+						key: input.key,
+						"model-value": form[input.key],
+						placeholder: unref(t)(input.labelKey),
+						"aria-label": unref(t)(input.labelKey),
+						disabled: __props.disabled,
+						size: "xs",
+						class: "w-full",
+						onBlur: commit,
+						onKeydown: withKeys(commit, ["enter"]),
+						"onUpdate:modelValue": (value) => onInput(input.key, value)
+					}, null, 8, [
+						"model-value",
+						"placeholder",
+						"aria-label",
+						"disabled",
+						"onUpdate:modelValue"
+					]);
+				}), 64)),
+				createVNode(unref(UTextarea), {
+					"model-value": form.abstract,
+					placeholder: unref(t)("composites.bib.field.abstract"),
+					"aria-label": unref(t)("composites.bib.field.abstract"),
+					disabled: __props.disabled,
+					size: "xs",
+					autoresize: "",
+					rows: 2,
+					maxrows: 6,
+					class: "w-full",
+					onBlur: commit,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => onInput("abstract", value))
+				}, null, 8, [
+					"model-value",
+					"placeholder",
+					"aria-label",
+					"disabled"
+				]),
+				createElementVNode("div", _hoisted_3, [canFetch ? (openBlock(), createBlock(unref(UButton), {
+					key: 0,
+					size: "xs",
+					color: "neutral",
+					variant: "ghost",
+					icon: "i-lucide-book-marked",
+					label: unref(t)("composites.bib.fetchDoi"),
+					disabled: __props.disabled || !hasDoi.value,
+					onClick: fetchByDoi
+				}, null, 8, ["label", "disabled"])) : createCommentVNode("v-if", true), createVNode(unref(UButton), {
+					size: "xs",
+					color: "neutral",
+					variant: "ghost",
+					icon: "i-lucide-copy",
+					label: copied.value ? unref(t)("composites.bib.copied") : unref(t)("composites.bib.copyBibtex"),
+					disabled: !stored.value,
+					onClick: copyBibtex
+				}, null, 8, ["label", "disabled"])])
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=BibliographyEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BibliographyEditor.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_withKeys","_Fragment","_renderList","_createBlock","_createCommentVNode"],"sources":["../../../../src/features/composites/components/BibliographyEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CslItem, bibtexOf, cslOf, cslTypeOptions, type CslType } from '../bibliography'\nimport { type BibForm, bibFormOf, bibItemOf } from '../bibliography-form'\nimport type { CompositeMetaField } from '../kinds'\nimport { compositeOfRow, type CompositeRow, setCompositeMetaField } from '../rows'\nimport '../bibliography-command'\n\n/**\n * The structured editor of a `bibliography` field (CSL-JSON item, `meta.bib`): type, authors, year, container, volume,\n * issue, pages, publisher, DOI, ISBN, URL and abstract. Inputs keep a local draft; every commit (blur, Enter, choosing\n * a type, unmount) writes the whole item through `setCompositeMetaField`. The title is the Baustein's and never stored.\n */\nconst props = defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n}>()\n\nconst { Button: UButton, Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst stored = computed<CslItem | null>(() => {\n  const value = props.row.meta[props.field.key] as Partial<CslItem> | null | undefined\n  return value && typeof value === 'object' && typeof value.type === 'string' ? value as CslItem : null\n})\nconst typeItems = computed(() => cslTypeOptions(t))\n\nconst form = reactive<BibForm>(bibFormOf(stored.value))\nlet dirty = false\n// The row/field the draft belongs to, taken at the first edit: when the component is re-bound to another row the pending\n// draft must still be written to the row it was typed for.\nlet target: { row: CompositeRow, field: CompositeMetaField, stored: CslItem | null } | null = null\n\nwatch(() => props.row.key, () => {\n  commit()\n  Object.assign(form, bibFormOf(stored.value))\n})\nwatch(stored, (value) => {\n  if (!dirty) Object.assign(form, bibFormOf(value))\n})\n\nfunction commit() {\n  if (!dirty || !target) return\n  dirty = false\n  const { row, field, stored: base } = target\n  target = null\n  // The same Baustein: the current props carry its up-to-date position and stored item.\n  const same = row.key === props.row.key\n  if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, same ? props.row : row, field.key, bibItemOf(form, same ? stored.value : base))\n}\n\nfunction markDirty() {\n  if (!dirty) target = { row: props.row, field: props.field, stored: stored.value }\n  dirty = true\n}\n\nfunction onInput<K extends keyof BibForm>(key: K, value: unknown) {\n  form[key] = (typeof value === 'string' ? value : '') as BibForm[K]\n  markDirty()\n}\n\nfunction onType(value: unknown) {\n  if (typeof value !== 'string') return\n  form.type = value as CslType\n  markDirty()\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nconst copied = ref(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\nonBeforeUnmount(() => clearTimeout(copiedTimer))\n\nasync function copyBibtex() {\n  commit()\n  const node = compositeOfRow(props.editor.state.doc, props.row)?.node\n  const csl = node && cslOf(node)\n  if (!csl) return\n  await navigator.clipboard.writeText(bibtexOf(csl))\n  copied.value = true\n  clearTimeout(copiedTimer)\n  copiedTimer = setTimeout(() => {\n    copied.value = false\n  }, 1500)\n}\n\n// Registered by the AI integration (`composite-ai`); without it there is nothing to fetch with.\nconst canFetch = typeof props.editor.commands.fetchCompositeBibliography === 'function'\nconst hasDoi = computed(() => form.doi.trim() !== '' || (typeof props.row.meta.doi === 'string' && props.row.meta.doi.trim() !== ''))\n\nfunction fetchByDoi() {\n  commit()\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (found) props.editor.commands.fetchCompositeBibliography(found.pos)\n}\n\nconst inputs = [\n  { key: 'containerTitle', labelKey: 'composites.bib.field.containerTitle' },\n  { key: 'publisher', labelKey: 'composites.bib.field.publisher' },\n  { key: 'doi', labelKey: 'composites.bib.field.doi' },\n  { key: 'isbn', labelKey: 'composites.bib.field.isbn' },\n  { key: 'url', labelKey: 'composites.bib.field.url' },\n] as const\nconst numbers = [\n  { key: 'volume', labelKey: 'composites.bib.field.volume' },\n  { key: 'issue', labelKey: 'composites.bib.field.issue' },\n  { key: 'page', labelKey: 'composites.bib.field.page' },\n] as const\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <USelect\n      :model-value=\"form.type\"\n      :items=\"typeItems\"\n      :aria-label=\"t('composites.bib.field.type')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @update:model-value=\"onType\"\n    />\n    <UTextarea\n      :model-value=\"form.authors\"\n      :placeholder=\"t('composites.bib.field.authorsHelp')\"\n      :aria-label=\"t('composites.bib.field.authors')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('authors', value)\"\n    />\n    <div class=\"grid grid-cols-4 gap-1.5\">\n      <UInput\n        :model-value=\"form.year\"\n        type=\"number\"\n        :placeholder=\"t('composites.bib.field.year')\"\n        :aria-label=\"t('composites.bib.field.year')\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput('year', value)\"\n      />\n      <UInput\n        v-for=\"input in numbers\"\n        :key=\"input.key\"\n        :model-value=\"form[input.key]\"\n        :placeholder=\"t(input.labelKey)\"\n        :aria-label=\"t(input.labelKey)\"\n        :disabled=\"disabled\"\n        size=\"xs\"\n        class=\"col-span-1 w-full\"\n        @blur=\"commit\"\n        @keydown.enter=\"commit\"\n        @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n      />\n    </div>\n    <UInput\n      v-for=\"input in inputs\"\n      :key=\"input.key\"\n      :model-value=\"form[input.key]\"\n      :placeholder=\"t(input.labelKey)\"\n      :aria-label=\"t(input.labelKey)\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @keydown.enter=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput(input.key, value)\"\n    />\n    <UTextarea\n      :model-value=\"form.abstract\"\n      :placeholder=\"t('composites.bib.field.abstract')\"\n      :aria-label=\"t('composites.bib.field.abstract')\"\n      :disabled=\"disabled\"\n      size=\"xs\"\n      autoresize\n      :rows=\"2\"\n      :maxrows=\"6\"\n      class=\"w-full\"\n      @blur=\"commit\"\n      @update:model-value=\"(value: unknown) => onInput('abstract', value)\"\n    />\n    <div class=\"flex justify-end gap-1.5\">\n      <UButton\n        v-if=\"canFetch\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-book-marked\"\n        :label=\"t('composites.bib.fetchDoi')\"\n        :disabled=\"disabled || !hasDoi\"\n        @click=\"fetchByDoi\"\n      />\n      <UButton\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        icon=\"i-lucide-copy\"\n        :label=\"copied ? t('composites.bib.copied') : t('composites.bib.copyBibtex')\"\n        :disabled=\"!stored\"\n        @click=\"copyBibtex\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -4,7 +4,9 @@ import { useEditorSettings } from "../../../vue/settings.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { compositeOfRow, setCompositeTags } from "../rows.js";
 import { compositeSectionOf } from "../anchors.js";
+import { derivedChromeOf } from "../derived-chrome.js";
 import { rowStatus } from "../meta-display.js";
+import { useStoreRef } from "../../../vue/store-ref.js";
 import { useCompositeAnchors } from "../use-composite-anchors.js";
 import { useCompositeRows } from "../use-composite-rows.js";
 import _sfc_main$1 from "./CompositeDetails.js";
@@ -20,11 +22,17 @@ const _hoisted_2 = [
 	"onDragstart"
 ];
 const _hoisted_3 = ["onMouseenter"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = { class: "truncate" };
-const _hoisted_6 = ["aria-label", "onClick"];
-const _hoisted_7 = ["aria-label", "title"];
-const _hoisted_8 = { class: "w-64 p-3" };
+const _hoisted_4 = [
+	"aria-expanded",
+	"aria-label",
+	"title",
+	"onClick"
+];
+const _hoisted_5 = ["aria-label"];
+const _hoisted_6 = { class: "truncate" };
+const _hoisted_7 = ["aria-label", "onClick"];
+const _hoisted_8 = ["aria-label", "title"];
+const _hoisted_9 = { class: "w-64 p-3" };
 /**
 * Chrome of every composite, laid over the editor (mounted by the composites feature): on the title line the status
 * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that
@@ -93,19 +101,35 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault();
 		}
 		/** Chips start right after the title's last character and run on to the editor's right edge. */
-		const placed = computed(() => rows.value.flatMap((row) => {
-			const anchor = anchors.value.get(row.key);
-			if (!anchor) return [];
-			const left = anchor.lineEnd + (anchor.titleEmpty ? 116 : 12);
-			return [{
-				row,
-				anchor,
-				left,
-				top: anchor.lastCenter - ROW_HEIGHT / 2,
-				width: Math.max((frame.value?.right ?? anchor.right) - left, 120),
-				status: rowStatus(row, t)
-			}];
-		}));
+		const expanded = useStoreRef(() => props.editor.storage.composite.expanded);
+		const placed = computed(() => {
+			let hiddenUntil = -1;
+			return rows.value.flatMap((row) => {
+				if (row.pos < hiddenUntil) return [];
+				const derived = derivedChromeOf(props.editor, row);
+				const open = !derived || !row.id || expanded.value.has(row.id);
+				if (!open) hiddenUntil = row.end;
+				const anchor = anchors.value.get(row.key);
+				if (!anchor) return [];
+				const left = anchor.lineEnd + (anchor.titleEmpty ? 116 : 12);
+				return [{
+					row,
+					anchor,
+					left,
+					top: anchor.lastCenter - ROW_HEIGHT / 2,
+					width: Math.max((frame.value?.right ?? anchor.right) - left, 120),
+					status: rowStatus(row, t),
+					derived: derived && {
+						stale: derived.stale,
+						open,
+						toggleable: !!row.id
+					}
+				}];
+			});
+		});
+		function toggleExpanded(row) {
+			if (row.id) props.editor.commands.toggleCompositeExpanded(row.id);
+		}
 		function removeTag(row, tag) {
 			setCompositeTags(props.editor, row, row.tags.filter((candidate) => candidate !== tag));
 		}
@@ -160,7 +184,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						class: "size-3.5"
 					}, null, 8, ["name"]))], 46, _hoisted_2)]),
 					_: 2
-				}, 1024)) : createCommentVNode("v-if", true), item.status || item.row.tags.length || editable.value ? (openBlock(), createElementBlock("div", {
+				}, 1024)) : createCommentVNode("v-if", true), item.status || item.row.tags.length || editable.value || item.derived ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "absolute z-10 flex items-center gap-px overflow-hidden rounded-md bg-[var(--sk-bg)]",
 					style: normalizeStyle({
@@ -172,7 +196,32 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					onMouseenter: ($event) => chipsHoveredKey.value = item.row.key,
 					onMouseleave: _cache[1] || (_cache[1] = ($event) => chipsHoveredKey.value = null)
 				}, [
-					item.status ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [editable.value ? (openBlock(), createBlock(_sfc_main$2, {
+					item.derived ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						item.derived.toggleable ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: normalizeClass(chipButton),
+							"aria-expanded": item.derived.open,
+							"aria-label": unref(t)(item.derived.open ? "composites.derivation.collapse" : "composites.derivation.expand"),
+							title: unref(t)(item.derived.open ? "composites.derivation.collapse" : "composites.derivation.expand"),
+							onClick: ($event) => toggleExpanded(item.row)
+						}, [createVNode(unref(UIcon), {
+							name: item.derived.open ? "i-lucide-chevron-down" : "i-lucide-chevron-right",
+							class: "size-3.5"
+						}, null, 8, ["name"])], 8, _hoisted_4)) : createCommentVNode("v-if", true),
+						createElementVNode("span", { class: normalizeClass(chip) }, [createVNode(unref(UIcon), {
+							name: "i-lucide-git-branch",
+							class: "size-3.5"
+						}), createTextVNode(toDisplayString(unref(t)("composites.derivation.badge")), 1)]),
+						item.derived.stale ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							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)
+					], 64)) : createCommentVNode("v-if", true),
+					item.status ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [editable.value ? (openBlock(), createBlock(_sfc_main$2, {
 						key: 0,
 						editor: __props.editor,
 						row: item.row
@@ -184,7 +233,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}, [createVNode(unref(UIcon), {
 							name: item.status.icon,
 							class: normalizeClass(["size-3.5", item.status.color])
-						}, null, 8, ["name", "class"]), createTextVNode(toDisplayString(item.status.label), 1)], 8, _hoisted_4)]),
+						}, null, 8, ["name", "class"]), createTextVNode(toDisplayString(item.status.label), 1)], 8, _hoisted_5)]),
 						_: 2
 					}, 1032, ["editor", "row"])) : (openBlock(), createElementBlock("span", {
 						key: 1,
@@ -197,7 +246,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						return openBlock(), createElementBlock("span", {
 							key: tag,
 							class: normalizeClass([chip, "group max-w-40 gap-0"])
-						}, [createElementVNode("span", _hoisted_5, "#" + toDisplayString(tag), 1), editable.value ? (openBlock(), createElementBlock("button", {
+						}, [createElementVNode("span", _hoisted_6, "#" + toDisplayString(tag), 1), editable.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							type: "button",
 							class: "flex h-4 w-0 shrink-0 items-center justify-center overflow-hidden rounded-sm opacity-0 transition-all duration-150 group-hover:ml-1 group-hover:w-4 group-hover:opacity-100 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]",
@@ -206,10 +255,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}, [createVNode(unref(UIcon), {
 							name: "i-lucide-x",
 							class: "size-3"
-						})], 8, _hoisted_6)) : createCommentVNode("v-if", true)], 2);
+						})], 8, _hoisted_7)) : createCommentVNode("v-if", true)], 2);
 					}), 128)),
 					editable.value ? (openBlock(), createBlock(unref(UPopover), {
-						key: 1,
+						key: 2,
 						content: {
 							side: "bottom",
 							align: "start",
@@ -217,7 +266,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							onCloseAutoFocus: (event) => event.preventDefault()
 						}
 					}, {
-						content: withCtx(() => [createElementVNode("div", _hoisted_8, [createVNode(_sfc_main$3, {
+						content: withCtx(() => [createElementVNode("div", _hoisted_9, [createVNode(_sfc_main$3, {
 							editor: __props.editor,
 							row: item.row
 						}, null, 8, ["editor", "row"])])]),
@@ -229,7 +278,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}, [createVNode(unref(UIcon), {
 							name: "i-lucide-plus",
 							class: "size-3.5"
-						})], 8, _hoisted_7)]),
+						})], 8, _hoisted_8)]),
 						_: 2
 					}, 1032, ["content"])) : createCommentVNode("v-if", true)
 				], 44, _hoisted_3)) : createCommentVNode("v-if", true)], 64);