@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/features/tables/feature.js

@@ -0,0 +1,100 @@
+import { ABILITY } from "../../core/schema/abilities.js";
+import { commandItem } from "../../core/toolbar.js";
+import { tablesSchemaExtensions } from "./schema.js";
+//#region src/features/tables/feature.ts
+/** The toolbar group the tables feature contributes; its position follows the core groups (`blocks` is 40). */
+const TABLE_TOOLBAR_GROUP = "table";
+/** Columns, rows and header row of a table the toolbar and the slash menu insert. */
+const INSERT = {
+	rows: 3,
+	cols: 3,
+	withHeaderRow: true
+};
+const toolbar = (ctx) => [{
+	id: TABLE_TOOLBAR_GROUP,
+	order: 60,
+	items: [
+		{
+			...commandItem({
+				id: "insertTable",
+				order: 10,
+				icon: "i-lucide-table",
+				label: ctx.t("tables.toolbar.insert"),
+				ability: ABILITY.blockContent,
+				command: (c) => c.insertTable(INSERT)
+			}),
+			disabled: (editor) => editor.isActive("table") || !editor.can().insertTable(INSERT)
+		},
+		commandItem({
+			id: "addRow",
+			order: 20,
+			icon: "i-lucide-between-horizontal-end",
+			label: ctx.t("tables.toolbar.addRow"),
+			ability: ABILITY.blockContent,
+			command: (c) => c.addRowAfter()
+		}),
+		commandItem({
+			id: "addColumn",
+			order: 30,
+			icon: "i-lucide-between-vertical-end",
+			label: ctx.t("tables.toolbar.addColumn"),
+			ability: ABILITY.blockContent,
+			command: (c) => c.addColumnAfter()
+		}),
+		commandItem({
+			id: "deleteRow",
+			order: 40,
+			icon: "i-lucide-table-rows-split",
+			label: ctx.t("tables.toolbar.deleteRow"),
+			ability: ABILITY.blockContent,
+			command: (c) => c.deleteRow()
+		}),
+		commandItem({
+			id: "deleteColumn",
+			order: 50,
+			icon: "i-lucide-table-columns-split",
+			label: ctx.t("tables.toolbar.deleteColumn"),
+			ability: ABILITY.blockContent,
+			command: (c) => c.deleteColumn()
+		}),
+		commandItem({
+			id: "deleteTable",
+			order: 60,
+			icon: "i-lucide-trash-2",
+			label: ctx.t("tables.toolbar.deleteTable"),
+			ability: ABILITY.blockContent,
+			command: (c) => c.deleteTable()
+		})
+	]
+}];
+const slashCommands = (ctx) => [{
+	id: "table.insert",
+	label: ctx.t("tables.slash.table"),
+	icon: "i-lucide-table",
+	ability: ABILITY.blockContent,
+	run: (editor) => void editor.chain().focus().insertTable(INSERT).run()
+}, {
+	id: "task.insert",
+	label: ctx.t("tables.slash.tasks"),
+	icon: "i-lucide-list-checks",
+	ability: ABILITY.blockContent,
+	run: (editor) => void editor.chain().focus().toggleTaskList().run()
+}];
+/**
+* GFM tables and task lists: the table and task-list nodes (Markdown round-trips through `@tiptap/markdown`, tables as
+* pipe tables, tasks as `- [ ]`/`- [x]`), the toolbar group `table` (insert 3×3, add row, add column, delete row, delete
+* column, delete table) and the slash entries `table.insert` and `task.insert`. All are offered where the caret has
+* `block.content`. Contributes no components (`EditorFeature<never>`), so it fits a preset of any framework layer.
+*/
+function tablesFeature() {
+	return {
+		id: "tables",
+		extensions: () => tablesSchemaExtensions(),
+		toolbar,
+		slashCommands
+	};
+}
+//#endregion
+export { TABLE_TOOLBAR_GROUP, tablesFeature };
+
+//# sourceMappingURL=feature.js.map

package/dist/features/tables/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/tables/feature.ts"],"sourcesContent":["import { commandItem, type EditorFeature, type FeatureContext, type SlashCommandItem, type ToolbarGroup } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport { tablesSchemaExtensions } from './schema'\n\n/** The toolbar group the tables feature contributes; its position follows the core groups (`blocks` is 40). */\nexport const TABLE_TOOLBAR_GROUP = 'table'\n\n/** Columns, rows and header row of a table the toolbar and the slash menu insert. */\nconst INSERT = { rows: 3, cols: 3, withHeaderRow: true } as const\n\nconst toolbar = (ctx: FeatureContext): ToolbarGroup<never>[] => [{\n  id: TABLE_TOOLBAR_GROUP,\n  order: 60,\n  items: [\n    {\n      ...commandItem({ id: 'insertTable', order: 10, icon: 'i-lucide-table', label: ctx.t('tables.toolbar.insert'), ability: ABILITY.blockContent, command: c => c.insertTable(INSERT) }),\n      // GFM has no nested tables: inside one the button is off.\n      disabled: editor => editor.isActive('table') || !editor.can().insertTable(INSERT),\n    },\n    commandItem({ id: 'addRow', order: 20, icon: 'i-lucide-between-horizontal-end', label: ctx.t('tables.toolbar.addRow'), ability: ABILITY.blockContent, command: c => c.addRowAfter() }),\n    commandItem({ id: 'addColumn', order: 30, icon: 'i-lucide-between-vertical-end', label: ctx.t('tables.toolbar.addColumn'), ability: ABILITY.blockContent, command: c => c.addColumnAfter() }),\n    commandItem({ id: 'deleteRow', order: 40, icon: 'i-lucide-table-rows-split', label: ctx.t('tables.toolbar.deleteRow'), ability: ABILITY.blockContent, command: c => c.deleteRow() }),\n    commandItem({ id: 'deleteColumn', order: 50, icon: 'i-lucide-table-columns-split', label: ctx.t('tables.toolbar.deleteColumn'), ability: ABILITY.blockContent, command: c => c.deleteColumn() }),\n    commandItem({ id: 'deleteTable', order: 60, icon: 'i-lucide-trash-2', label: ctx.t('tables.toolbar.deleteTable'), ability: ABILITY.blockContent, command: c => c.deleteTable() }),\n  ],\n}]\n\nconst slashCommands = (ctx: FeatureContext): SlashCommandItem[] => [\n  { id: 'table.insert', label: ctx.t('tables.slash.table'), icon: 'i-lucide-table', ability: ABILITY.blockContent, run: editor => void editor.chain().focus().insertTable(INSERT).run() },\n  { id: 'task.insert', label: ctx.t('tables.slash.tasks'), icon: 'i-lucide-list-checks', ability: ABILITY.blockContent, run: editor => void editor.chain().focus().toggleTaskList().run() },\n]\n\n/**\n * GFM tables and task lists: the table and task-list nodes (Markdown round-trips through `@tiptap/markdown`, tables as\n * pipe tables, tasks as `- [ ]`/`- [x]`), the toolbar group `table` (insert 3×3, add row, add column, delete row, delete\n * column, delete table) and the slash entries `table.insert` and `task.insert`. All are offered where the caret has\n * `block.content`. Contributes no components (`EditorFeature<never>`), so it fits a preset of any framework layer.\n */\nexport function tablesFeature(): EditorFeature<never> {\n  return {\n    id: 'tables',\n    extensions: () => tablesSchemaExtensions(),\n    toolbar,\n    slashCommands,\n  }\n}\n"],"mappings":";;;;;AAKA,MAAa,sBAAsB;;AAGnC,MAAM,SAAS;CAAE,MAAM;CAAG,MAAM;CAAG,eAAe;AAAK;AAEvD,MAAM,WAAW,QAA+C,CAAC;CAC/D,IAAI;CACJ,OAAO;CACP,OAAO;EACL;GACE,GAAG,YAAY;IAAE,IAAI;IAAe,OAAO;IAAI,MAAM;IAAkB,OAAO,IAAI,EAAE,uBAAuB;IAAG,SAAS,QAAQ;IAAc,UAAS,MAAK,EAAE,YAAY,MAAM;GAAE,CAAC;GAElL,WAAU,WAAU,OAAO,SAAS,OAAO,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,MAAM;EAClF;EACA,YAAY;GAAE,IAAI;GAAU,OAAO;GAAI,MAAM;GAAmC,OAAO,IAAI,EAAE,uBAAuB;GAAG,SAAS,QAAQ;GAAc,UAAS,MAAK,EAAE,YAAY;EAAE,CAAC;EACrL,YAAY;GAAE,IAAI;GAAa,OAAO;GAAI,MAAM;GAAiC,OAAO,IAAI,EAAE,0BAA0B;GAAG,SAAS,QAAQ;GAAc,UAAS,MAAK,EAAE,eAAe;EAAE,CAAC;EAC5L,YAAY;GAAE,IAAI;GAAa,OAAO;GAAI,MAAM;GAA6B,OAAO,IAAI,EAAE,0BAA0B;GAAG,SAAS,QAAQ;GAAc,UAAS,MAAK,EAAE,UAAU;EAAE,CAAC;EACnL,YAAY;GAAE,IAAI;GAAgB,OAAO;GAAI,MAAM;GAAgC,OAAO,IAAI,EAAE,6BAA6B;GAAG,SAAS,QAAQ;GAAc,UAAS,MAAK,EAAE,aAAa;EAAE,CAAC;EAC/L,YAAY;GAAE,IAAI;GAAe,OAAO;GAAI,MAAM;GAAoB,OAAO,IAAI,EAAE,4BAA4B;GAAG,SAAS,QAAQ;GAAc,UAAS,MAAK,EAAE,YAAY;EAAE,CAAC;CAClL;AACF,CAAC;AAED,MAAM,iBAAiB,QAA4C,CACjE;CAAE,IAAI;CAAgB,OAAO,IAAI,EAAE,oBAAoB;CAAG,MAAM;CAAkB,SAAS,QAAQ;CAAc,MAAK,WAAU,KAAK,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,YAAY,MAAM,CAAC,CAAC,IAAI;AAAE,GACtL;CAAE,IAAI;CAAe,OAAO,IAAI,EAAE,oBAAoB;CAAG,MAAM;CAAwB,SAAS,QAAQ;CAAc,MAAK,WAAU,KAAK,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI;AAAE,CAC1L;;;;;;;AAQA,SAAgB,gBAAsC;CACpD,OAAO;EACL,IAAI;EACJ,kBAAkB,uBAAuB;EACzC;EACA;CACF;AACF"}

package/dist/features/tables/index.d.ts

@@ -0,0 +1,3 @@
+import { TABLE_TOOLBAR_GROUP, tablesFeature } from "./feature.js";
+import { tablesSchemaExtensions } from "./schema.js";
+export { TABLE_TOOLBAR_GROUP, tablesFeature, tablesSchemaExtensions };

package/dist/features/tables/index.js

@@ -0,0 +1,3 @@
+import { tablesSchemaExtensions } from "./schema.js";
+import { TABLE_TOOLBAR_GROUP, tablesFeature } from "./feature.js";
+export { TABLE_TOOLBAR_GROUP, tablesFeature, tablesSchemaExtensions };

package/dist/features/tables/schema.d.ts

@@ -0,0 +1,6 @@
+import { AnyExtension } from "@tiptap/core";
+//#region src/features/tables/schema.d.ts
+/** The table and task-list nodes of the document schema: `table`, `tableRow`, `tableHeader`, `tableCell`, `taskList`, `taskItem`. */
+export declare const tablesSchemaExtensions: () => AnyExtension[];
+//#endregion
+//# sourceMappingURL=schema.d.ts.map

package/dist/features/tables/schema.js

@@ -0,0 +1,27 @@
+import { TaskItem, TaskList } from "@tiptap/extension-list";
+import { Table, TableCell, TableHeader, TableRow, renderTableToMarkdown } from "@tiptap/extension-table";
+//#region src/features/tables/schema.ts
+/**
+* GFM table. Upstream's renderer opens and closes the table with a line break; the serializer already separates blocks
+* with a blank line, and the extra ones re-import as empty paragraphs, so they are dropped. Not resizable (no column
+* widths in Markdown). Carries a block ID like every top-level block.
+*/
+const TableNode = Table.extend({
+	editorBlock: true,
+	renderMarkdown: (node, h) => renderTableToMarkdown(node, h).replace(/^\n+|\n+$/g, "")
+}).configure({ resizable: false });
+/** GFM task list (`- [ ] item`, `- [x] item`), nested items allowed; carries a block ID like the other lists. */
+const TaskListNode = TaskList.extend({ editorBlock: true });
+/** The table and task-list nodes of the document schema: `table`, `tableRow`, `tableHeader`, `tableCell`, `taskList`, `taskItem`. */
+const tablesSchemaExtensions = () => [
+	TableNode,
+	TableRow,
+	TableHeader,
+	TableCell,
+	TaskListNode,
+	TaskItem.configure({ nested: true })
+];
+//#endregion
+export { tablesSchemaExtensions };
+
+//# sourceMappingURL=schema.js.map

package/dist/features/tables/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/tables/schema.ts"],"sourcesContent":["import type { AnyExtension } from '@tiptap/core'\nimport { TaskItem, TaskList } from '@tiptap/extension-list'\nimport { renderTableToMarkdown, Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'\n\n// Vue-free and server-importable (`@ecsplico/editor/tables/schema`): the GFM table and task-list nodes with their\n// Markdown forms. The toolbar group and slash entries live in the feature.\n\n/**\n * GFM table. Upstream's renderer opens and closes the table with a line break; the serializer already separates blocks\n * with a blank line, and the extra ones re-import as empty paragraphs, so they are dropped. Not resizable (no column\n * widths in Markdown). Carries a block ID like every top-level block.\n */\nconst TableNode = Table.extend({\n  editorBlock: true,\n  renderMarkdown: (node, h) => renderTableToMarkdown(node, h).replace(/^\\n+|\\n+$/g, ''),\n}).configure({ resizable: false })\n\n/** GFM task list (`- [ ] item`, `- [x] item`), nested items allowed; carries a block ID like the other lists. */\nconst TaskListNode = TaskList.extend({ editorBlock: true })\n\n/** The table and task-list nodes of the document schema: `table`, `tableRow`, `tableHeader`, `tableCell`, `taskList`, `taskItem`. */\nexport const tablesSchemaExtensions = (): AnyExtension[] => [TableNode, TableRow, TableHeader, TableCell, TaskListNode, TaskItem.configure({ nested: true })]\n"],"mappings":";;;;;;;;AAYA,MAAM,YAAY,MAAM,OAAO;CAC7B,aAAa;CACb,iBAAiB,MAAM,MAAM,sBAAsB,MAAM,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE;AACtF,CAAC,CAAC,CAAC,UAAU,EAAE,WAAW,MAAM,CAAC;;AAGjC,MAAM,eAAe,SAAS,OAAO,EAAE,aAAa,KAAK,CAAC;;AAG1D,MAAa,+BAA+C;CAAC;CAAW;CAAU;CAAa;CAAW;CAAc,SAAS,UAAU,EAAE,QAAQ,KAAK,CAAC;AAAC"}

package/dist/features/themes/components/SettingsAppearanceTab.js

@@ -0,0 +1,227 @@
+import { fetchErrorMessage } from "../../../core/fetch-error.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorSettings } from "../../../vue/settings.js";
+import { useEditorContext } from "../../../vue/context.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import _sfc_main$1 from "../../../vue/components/SettingsSection.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, shallowRef, toDisplayString, unref, withCtx, withModifiers } from "vue";
+//#region src/features/themes/components/SettingsAppearanceTab.vue
+const _hoisted_1 = { class: "flex flex-col gap-8" };
+const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
+const _hoisted_3 = { class: "truncate text-sm font-medium text-[var(--sk-fg-highlighted)]" };
+const _hoisted_4 = {
+	key: 0,
+	class: "truncate text-xs text-[var(--sk-muted)]"
+};
+/** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the Nuxt UI look. */
+const STANDARD = "__standard__";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "SettingsAppearanceTab",
+	setup(__props) {
+		const { settings } = useEditorSettings();
+		const { fetch } = useEditorContext();
+		const { Badge: UBadge, Button: UButton, FormField: UFormField, Input: UInput, Select: USelect, notifier } = useUiKit();
+		const notify = notifier();
+		const { t } = useEditorI18n();
+		/** USelect has no `null` value: „Standard“ travels as this sentinel (no theme id can contain underscores). */
+		const themes = shallowRef([]);
+		async function loadThemes() {
+			themes.value = await fetch("/api/editor/themes");
+		}
+		onMounted(async () => {
+			try {
+				await loadThemes();
+			} catch (error) {
+				console.warn("tiptap-editor: Die Themes konnten nicht geladen werden", error);
+			}
+		});
+		const items = computed(() => [{
+			label: t("themes.standard"),
+			value: STANDARD
+		}, ...themes.value.map(({ id, name, author }) => ({
+			label: author ? `${name} – ${author}` : name,
+			value: id
+		}))]);
+		const theme = computed({
+			get: () => settings.value.appearance.theme ?? STANDARD,
+			set: (value) => {
+				settings.value.appearance.theme = value === STANDARD ? null : value;
+			}
+		});
+		const cssFile = shallowRef(null);
+		const manifestFile = shallowRef(null);
+		const uploading = ref(false);
+		/** Bumped after an upload to remount the file inputs (a file input cannot be cleared through its model). */
+		const inputKey = ref(0);
+		function pickedFile(event) {
+			return event.target.files?.[0] ?? null;
+		}
+		async function upload() {
+			const css = cssFile.value;
+			if (!css || uploading.value) return;
+			const body = new FormData();
+			body.append("css", css);
+			if (manifestFile.value) body.append("manifest", manifestFile.value);
+			uploading.value = true;
+			try {
+				const record = await fetch("/api/editor/themes", {
+					method: "POST",
+					body
+				});
+				cssFile.value = null;
+				manifestFile.value = null;
+				inputKey.value++;
+				settings.value.appearance.theme = record.id;
+				notify({
+					title: t("themes.upload.done", { name: record.name }),
+					kind: "success"
+				});
+				try {
+					await loadThemes();
+				} catch (error) {
+					console.warn("tiptap-editor: Die Themes konnten nicht geladen werden", error);
+				}
+			} catch (error) {
+				notify({
+					title: t("themes.upload.failed"),
+					description: fetchErrorMessage(error),
+					kind: "error"
+				});
+			} finally {
+				uploading.value = false;
+			}
+		}
+		const removing = ref(null);
+		async function remove(record) {
+			if (removing.value) return;
+			removing.value = record.id;
+			try {
+				await fetch(`/api/editor/themes/${encodeURIComponent(record.id)}`, { method: "DELETE" });
+				if (settings.value.appearance.theme === record.id) settings.value.appearance.theme = null;
+				notify({
+					title: t("themes.delete.done", { name: record.name }),
+					kind: "success"
+				});
+				try {
+					await loadThemes();
+				} catch (error) {
+					console.warn("tiptap-editor: Die Themes konnten nicht geladen werden", error);
+				}
+			} catch (error) {
+				notify({
+					title: t("themes.delete.failed"),
+					description: fetchErrorMessage(error),
+					kind: "error"
+				});
+			} finally {
+				removing.value = null;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_sfc_main$1, { title: unref(t)("themes.title") }, {
+				default: withCtx(() => [createVNode(unref(UFormField), {
+					orientation: "horizontal",
+					class: "py-3",
+					label: unref(t)("themes.select.label"),
+					description: unref(t)("themes.select.description")
+				}, {
+					default: withCtx(() => [createVNode(unref(USelect), {
+						modelValue: theme.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => theme.value = $event),
+						items: items.value,
+						class: "w-64"
+					}, null, 8, ["modelValue", "items"])]),
+					_: 1
+				}, 8, ["label", "description"]), createVNode(unref(UFormField), {
+					orientation: "horizontal",
+					class: "py-3",
+					label: unref(t)("themes.upload.label"),
+					description: unref(t)("themes.upload.description")
+				}, {
+					default: withCtx(() => [createElementVNode("form", {
+						class: "flex w-64 flex-col gap-2",
+						onSubmit: withModifiers(upload, ["prevent"])
+					}, [
+						createVNode(unref(UFormField), {
+							label: unref(t)("themes.upload.css"),
+							required: "",
+							size: "xs"
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(unref(UInput), {
+								key: `css-${inputKey.value}`,
+								type: "file",
+								accept: ".css,text/css",
+								class: "w-full",
+								disabled: uploading.value,
+								onChange: _cache[1] || (_cache[1] = ($event) => cssFile.value = pickedFile($event))
+							}, null, 8, ["disabled"]))]),
+							_: 1
+						}, 8, ["label"]),
+						createVNode(unref(UFormField), {
+							label: unref(t)("themes.upload.manifest"),
+							size: "xs"
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(unref(UInput), {
+								key: `manifest-${inputKey.value}`,
+								type: "file",
+								accept: ".json,application/json",
+								class: "w-full",
+								disabled: uploading.value,
+								onChange: _cache[2] || (_cache[2] = ($event) => manifestFile.value = pickedFile($event))
+							}, null, 8, ["disabled"]))]),
+							_: 1
+						}, 8, ["label"]),
+						createVNode(unref(UButton), {
+							type: "submit",
+							icon: "i-lucide-upload",
+							label: unref(t)("themes.upload.submit"),
+							class: "self-start",
+							disabled: !cssFile.value,
+							loading: uploading.value
+						}, null, 8, [
+							"label",
+							"disabled",
+							"loading"
+						])
+					], 32)]),
+					_: 1
+				}, 8, ["label", "description"])]),
+				_: 1
+			}, 8, ["title"]), themes.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 0,
+				title: unref(t)("themes.library")
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(themes.value, (record) => {
+					return openBlock(), createElementBlock("div", {
+						key: record.id,
+						class: "flex items-center gap-3 py-2"
+					}, [createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(record.name), 1), record.version || record.author ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString([record.version && unref(t)("themes.version", { version: record.version }), record.author && unref(t)("themes.byAuthor", { author: record.author })].filter(Boolean).join(" · ")), 1)) : createCommentVNode("v-if", true)]), record.builtin ? (openBlock(), createBlock(unref(UBadge), {
+						key: 0,
+						color: "neutral",
+						variant: "subtle",
+						label: unref(t)("themes.builtin")
+					}, null, 8, ["label"])) : (openBlock(), createBlock(unref(UButton), {
+						key: 1,
+						icon: "i-lucide-trash-2",
+						variant: "ghost",
+						color: "error",
+						"aria-label": unref(t)("themes.delete.label", { name: record.name }),
+						loading: removing.value === record.id,
+						disabled: removing.value !== null,
+						onClick: ($event) => remove(record)
+					}, null, 8, [
+						"aria-label",
+						"loading",
+						"disabled",
+						"onClick"
+					]))]);
+				}), 128))]),
+				_: 1
+			}, 8, ["title"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=SettingsAppearanceTab.js.map

package/dist/features/themes/components/SettingsAppearanceTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAppearanceTab.js","names":["_openBlock","_createElementBlock","_createVNode","SettingsSection","_unref","_withCtx","_createElementVNode","_withModifiers","_createBlock","_Fragment","_renderList","_toDisplayString","_createCommentVNode"],"sources":["../../../../src/features/themes/components/SettingsAppearanceTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport SettingsSection from '../../../vue/components/SettingsSection.vue'\nimport { fetchErrorMessage } from '../../../core/fetch-error'\nimport { useEditorContext } from '../../../vue/context'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { ThemeRecord } from '../schema'\n\n/** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the Nuxt UI look. */\nconst { settings } = useEditorSettings()\nconst { fetch } = useEditorContext()\nconst { Badge: UBadge, Button: UButton, FormField: UFormField, Input: UInput, Select: USelect, notifier } = useUiKit()\nconst notify = notifier()\nconst { t } = useEditorI18n()\n\n/** USelect has no `null` value: „Standard“ travels as this sentinel (no theme id can contain underscores). */\nconst STANDARD = '__standard__'\n\nconst themes = shallowRef<ThemeRecord[]>([])\n\nasync function loadThemes() {\n  themes.value = await fetch<ThemeRecord[]>('/api/editor/themes')\n}\n\nonMounted(async () => {\n  try {\n    await loadThemes()\n  }\n  catch (error) {\n    console.warn('tiptap-editor: Die Themes konnten nicht geladen werden', error)\n  }\n})\n\nconst items = computed(() => [\n  { label: t('themes.standard'), value: STANDARD },\n  ...themes.value.map(({ id, name, author }) => ({ label: author ? `${name} – ${author}` : name, value: id })),\n])\n\nconst theme = computed({\n  get: () => settings.value.appearance.theme ?? STANDARD,\n  set: (value: string) => {\n    settings.value.appearance.theme = value === STANDARD ? null : value\n  },\n})\n\nconst cssFile = shallowRef<File | null>(null)\nconst manifestFile = shallowRef<File | null>(null)\nconst uploading = ref(false)\n/** Bumped after an upload to remount the file inputs (a file input cannot be cleared through its model). */\nconst inputKey = ref(0)\n\nfunction pickedFile(event: Event): File | null {\n  return (event.target as HTMLInputElement).files?.[0] ?? null\n}\n\nasync function upload() {\n  const css = cssFile.value\n  if (!css || uploading.value) return\n  const body = new FormData()\n  body.append('css', css)\n  if (manifestFile.value) body.append('manifest', manifestFile.value)\n  uploading.value = true\n  try {\n    const record = await fetch<ThemeRecord>('/api/editor/themes', { method: 'POST', body })\n    cssFile.value = null\n    manifestFile.value = null\n    inputKey.value++\n    settings.value.appearance.theme = record.id\n    notify({ title: t('themes.upload.done', { name: record.name }), kind: 'success' })\n    try {\n      await loadThemes()\n    }\n    catch (error) {\n      console.warn('tiptap-editor: Die Themes konnten nicht geladen werden', error)\n    }\n  }\n  catch (error) {\n    notify({ title: t('themes.upload.failed'), description: fetchErrorMessage(error), kind: 'error' })\n  }\n  finally {\n    uploading.value = false\n  }\n}\n\nconst removing = ref<string | null>(null)\n\nasync function remove(record: ThemeRecord) {\n  if (removing.value) return\n  removing.value = record.id\n  try {\n    await fetch(`/api/editor/themes/${encodeURIComponent(record.id)}`, { method: 'DELETE' })\n    if (settings.value.appearance.theme === record.id) settings.value.appearance.theme = null\n    notify({ title: t('themes.delete.done', { name: record.name }), kind: 'success' })\n    try {\n      await loadThemes()\n    }\n    catch (error) {\n      console.warn('tiptap-editor: Die Themes konnten nicht geladen werden', error)\n    }\n  }\n  catch (error) {\n    notify({ title: t('themes.delete.failed'), description: fetchErrorMessage(error), kind: 'error' })\n  }\n  finally {\n    removing.value = null\n  }\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-8\">\n    <SettingsSection :title=\"t('themes.title')\">\n      <UFormField\n        orientation=\"horizontal\"\n        class=\"py-3\"\n        :label=\"t('themes.select.label')\"\n        :description=\"t('themes.select.description')\"\n      >\n        <USelect v-model=\"theme\" :items=\"items\" class=\"w-64\" />\n      </UFormField>\n\n      <UFormField\n        orientation=\"horizontal\"\n        class=\"py-3\"\n        :label=\"t('themes.upload.label')\"\n        :description=\"t('themes.upload.description')\"\n      >\n        <form class=\"flex w-64 flex-col gap-2\" @submit.prevent=\"upload\">\n          <UFormField :label=\"t('themes.upload.css')\" required size=\"xs\">\n            <UInput\n              :key=\"`css-${inputKey}`\"\n              type=\"file\"\n              accept=\".css,text/css\"\n              class=\"w-full\"\n              :disabled=\"uploading\"\n              @change=\"cssFile = pickedFile($event)\"\n            />\n          </UFormField>\n          <UFormField :label=\"t('themes.upload.manifest')\" size=\"xs\">\n            <UInput\n              :key=\"`manifest-${inputKey}`\"\n              type=\"file\"\n              accept=\".json,application/json\"\n              class=\"w-full\"\n              :disabled=\"uploading\"\n              @change=\"manifestFile = pickedFile($event)\"\n            />\n          </UFormField>\n          <UButton\n            type=\"submit\"\n            icon=\"i-lucide-upload\"\n            :label=\"t('themes.upload.submit')\"\n            class=\"self-start\"\n            :disabled=\"!cssFile\"\n            :loading=\"uploading\"\n          />\n        </form>\n      </UFormField>\n    </SettingsSection>\n\n    <SettingsSection v-if=\"themes.length\" :title=\"t('themes.library')\">\n      <div v-for=\"record in themes\" :key=\"record.id\" class=\"flex items-center gap-3 py-2\">\n        <div class=\"flex min-w-0 flex-1 flex-col\">\n          <span class=\"truncate text-sm font-medium text-[var(--sk-fg-highlighted)]\">{{ record.name }}</span>\n          <span v-if=\"record.version || record.author\" class=\"truncate text-xs text-[var(--sk-muted)]\">\n            {{ [record.version && t('themes.version', { version: record.version }), record.author && t('themes.byAuthor', { author: record.author })].filter(Boolean).join(' · ') }}\n          </span>\n        </div>\n        <UBadge v-if=\"record.builtin\" color=\"neutral\" variant=\"subtle\" :label=\"t('themes.builtin')\" />\n        <UButton\n          v-else\n          icon=\"i-lucide-trash-2\"\n          variant=\"ghost\"\n          color=\"error\"\n          :aria-label=\"t('themes.delete.label', { name: record.name })\"\n          :loading=\"removing === record.id\"\n          :disabled=\"removing !== null\"\n          @click=\"remove(record)\"\n        />\n      </div>\n    </SettingsSection>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/features/themes/components/SettingsAppearanceTab.vue.d.ts

@@ -0,0 +1,6 @@
+//#region src/features/themes/components/SettingsAppearanceTab.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=SettingsAppearanceTab.vue.d.ts.map

package/dist/features/themes/feature.d.ts

@@ -0,0 +1,24 @@
+import { EditorFeature, FeatureContext } from "../../core/feature.js";
+import "../../core/index.js";
+//#region src/features/themes/feature.d.ts
+/** What a framework binding supplies to the themes feature. */
+export interface ThemesUi<C> {
+  /** The „Darstellung“ settings tab component of the framework. */
+  settingsTab: C;
+  /**
+   * Decides how long the theme runtime lives. Receives the feature context and `start` (starts the shared, reference-counted
+   * runtime and returns its idempotent release); its return value is the feature's `setup` result (the teardown run when
+   * the surface unmounts). Default: `start()` itself, i.e. the runtime lives as long as the surface is mounted.
+   */
+  lifetime?: (ctx: FeatureContext, start: () => () => void) => void | (() => void);
+}
+/**
+ * Site-wide Obsidian themes: the theme named by the setting `appearance.theme` (`null` = the standard look) is
+ * fetched from `GET /api/editor/themes/:id`, scoped to `.obsidian-theme` and injected as one `<style data-tiptap-theme>`
+ * in the document head. `<html>` carries `obsidian-theme theme-dark|theme-light` following the app's colour mode
+ * (`html.dark`, else the system preference), so the bridge stylesheet `styles/themes.css` maps Obsidian's variables onto
+ * every UI token (the whole app) and onto the editor content. Needs an adapter with `listThemes`/`loadTheme`.
+ */
+export declare function themesFeatureCore<C>(ui: ThemesUi<C>): EditorFeature<C>;
+//#endregion
+//# sourceMappingURL=feature.d.ts.map

package/dist/features/themes/feature.js

@@ -0,0 +1,25 @@
+import { startObsidianTheme } from "./theme-runtime.js";
+//#region src/features/themes/feature.ts
+/**
+* Site-wide Obsidian themes: the theme named by the setting `appearance.theme` (`null` = the standard look) is
+* fetched from `GET /api/editor/themes/:id`, scoped to `.obsidian-theme` and injected as one `<style data-tiptap-theme>`
+* in the document head. `<html>` carries `obsidian-theme theme-dark|theme-light` following the app's colour mode
+* (`html.dark`, else the system preference), so the bridge stylesheet `styles/themes.css` maps Obsidian's variables onto
+* every UI token (the whole app) and onto the editor content. Needs an adapter with `listThemes`/`loadTheme`.
+*/
+function themesFeatureCore(ui) {
+	return {
+		id: "themes",
+		setup: (ctx) => ui.lifetime ? ui.lifetime(ctx, () => startObsidianTheme(ctx)) : startObsidianTheme(ctx),
+		settingsTabs: (ctx) => [{
+			id: "appearance",
+			label: ctx.t("themes.tab"),
+			icon: "i-lucide-palette",
+			component: ui.settingsTab
+		}]
+	};
+}
+//#endregion
+export { themesFeatureCore };
+
+//# sourceMappingURL=feature.js.map

package/dist/features/themes/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/themes/feature.ts"],"sourcesContent":["import type { EditorFeature, FeatureContext } from '../../core'\nimport { startObsidianTheme } from './theme-runtime'\n\n/** What a framework binding supplies to the themes feature. */\nexport interface ThemesUi<C> {\n  /** The „Darstellung“ settings tab component of the framework. */\n  settingsTab: C\n  /**\n   * Decides how long the theme runtime lives. Receives the feature context and `start` (starts the shared, reference-counted\n   * runtime and returns its idempotent release); its return value is the feature's `setup` result (the teardown run when\n   * the surface unmounts). Default: `start()` itself, i.e. the runtime lives as long as the surface is mounted.\n   */\n  lifetime?: (ctx: FeatureContext, start: () => () => void) => void | (() => void)\n}\n\n/**\n * Site-wide Obsidian themes: the theme named by the setting `appearance.theme` (`null` = the standard look) is\n * fetched from `GET /api/editor/themes/:id`, scoped to `.obsidian-theme` and injected as one `<style data-tiptap-theme>`\n * in the document head. `<html>` carries `obsidian-theme theme-dark|theme-light` following the app's colour mode\n * (`html.dark`, else the system preference), so the bridge stylesheet `styles/themes.css` maps Obsidian's variables onto\n * every UI token (the whole app) and onto the editor content. Needs an adapter with `listThemes`/`loadTheme`.\n */\nexport function themesFeatureCore<C>(ui: ThemesUi<C>): EditorFeature<C> {\n  return {\n    id: 'themes',\n    setup: ctx => (ui.lifetime ? ui.lifetime(ctx, () => startObsidianTheme(ctx)) : startObsidianTheme(ctx)),\n    settingsTabs: ctx => [{ id: 'appearance', label: ctx.t('themes.tab'), icon: 'i-lucide-palette', component: ui.settingsTab }],\n  }\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,kBAAqB,IAAmC;CACtE,OAAO;EACL,IAAI;EACJ,QAAO,QAAQ,GAAG,WAAW,GAAG,SAAS,WAAW,mBAAmB,GAAG,CAAC,IAAI,mBAAmB,GAAG;EACrG,eAAc,QAAO,CAAC;GAAE,IAAI;GAAc,OAAO,IAAI,EAAE,YAAY;GAAG,MAAM;GAAoB,WAAW,GAAG;EAAY,CAAC;CAC7H;AACF"}

package/dist/features/themes/index.d.ts

@@ -0,0 +1,6 @@
+import { THEME_ID } from "../../settings/index.js";
+import { ThemesUi, themesFeatureCore } from "./feature.js";
+import { MAX_THEME_BYTES, ThemeManifest, ThemeRecord, themeManifestSchema } from "./schema.js";
+import { scopeThemeCss } from "./scope-css.js";
+import { THEME_SCOPE_CLASS, startObsidianTheme } from "./theme-runtime.js";
+export { MAX_THEME_BYTES, THEME_ID, THEME_SCOPE_CLASS, type ThemeManifest, type ThemeRecord, type ThemesUi, scopeThemeCss, startObsidianTheme, themeManifestSchema, themesFeatureCore };

package/dist/features/themes/index.js

@@ -0,0 +1,6 @@
+import { THEME_ID } from "../../settings/index.js";
+import { scopeThemeCss } from "./scope-css.js";
+import { THEME_SCOPE_CLASS, startObsidianTheme } from "./theme-runtime.js";
+import { themesFeatureCore } from "./feature.js";
+import { MAX_THEME_BYTES, themeManifestSchema } from "./schema.js";
+export { MAX_THEME_BYTES, THEME_ID, THEME_SCOPE_CLASS, scopeThemeCss, startObsidianTheme, themeManifestSchema, themesFeatureCore };

package/dist/features/themes/react/SettingsAppearanceTab.d.ts

@@ -0,0 +1,5 @@
+//#region src/features/themes/react/SettingsAppearanceTab.d.ts
+/** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the normal look. */
+export declare function SettingsAppearanceTab(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsAppearanceTab.d.ts.map