@ecsplico/editor 2.1.1 → 3.0.0

package/dist/features/tables/feature.js

@@ -1,5 +1,5 @@
 import { ABILITY } from "../../core/schema/abilities.js";
-import { commandItem } from "../../core/toolbar.js";
+import { command } from "../../core/commands.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). */
@@ -10,88 +10,108 @@ const INSERT = {
 	cols: 3,
 	withHeaderRow: true
 };
-const toolbar = (ctx) => [{
+const toolbarGroups = [{
 	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"),
+	labelKey: "palette.group.table"
+}];
+const commands = (ctx) => [
+	{
+		...command({
+			id: "insertTable",
+			toolbar: {
+				group: TABLE_TOOLBAR_GROUP,
+				order: 10
+			},
+			slash: { id: "table.insert" },
+			creates: { type: "table" },
+			icon: "i-lucide-table",
+			label: ctx.t("tables.toolbar.insert"),
 			ability: ABILITY.blockContent,
-			command: (c) => c.deleteColumn()
+			command: (c) => c.insertTable(INSERT)
 		}),
-		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()
-}];
+		can: (editor) => !editor.isActive("table") && editor.can().insertTable(INSERT)
+	},
+	command({
+		id: "addRow",
+		toolbar: {
+			group: TABLE_TOOLBAR_GROUP,
+			order: 20
+		},
+		icon: "i-lucide-between-horizontal-end",
+		label: ctx.t("tables.toolbar.addRow"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.addRowAfter()
+	}),
+	command({
+		id: "addColumn",
+		toolbar: {
+			group: TABLE_TOOLBAR_GROUP,
+			order: 30
+		},
+		icon: "i-lucide-between-vertical-end",
+		label: ctx.t("tables.toolbar.addColumn"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.addColumnAfter()
+	}),
+	command({
+		id: "deleteRow",
+		toolbar: {
+			group: TABLE_TOOLBAR_GROUP,
+			order: 40
+		},
+		icon: "i-lucide-table-rows-split",
+		label: ctx.t("tables.toolbar.deleteRow"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.deleteRow()
+	}),
+	command({
+		id: "deleteColumn",
+		toolbar: {
+			group: TABLE_TOOLBAR_GROUP,
+			order: 50
+		},
+		icon: "i-lucide-table-columns-split",
+		label: ctx.t("tables.toolbar.deleteColumn"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.deleteColumn()
+	}),
+	command({
+		id: "deleteTable",
+		toolbar: {
+			group: TABLE_TOOLBAR_GROUP,
+			order: 60
+		},
+		icon: "i-lucide-trash-2",
+		label: ctx.t("tables.toolbar.deleteTable"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.deleteTable()
+	}),
+	command({
+		id: "task.insert",
+		slash: { id: "task.insert" },
+		creates: { type: "taskList" },
+		icon: "i-lucide-list-checks",
+		label: ctx.t("tables.slash.tasks"),
+		ability: ABILITY.blockContent,
+		command: (c) => c.toggleTaskList()
+	})
+];
 /**
 * 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
+* column, delete table) and the slash entries `table.insert` and `task.insert`: one command each, the table commands
+* on the toolbar, `insertTable` and `task.insert` also in the `/` menu. 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",
+		dimension: "content",
+		schemaExtensions: tablesSchemaExtensions,
 		extensions: () => tablesSchemaExtensions(),
-		toolbar,
-		slashCommands
+		toolbarGroups,
+		commands
 	};
 }
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/tables/feature.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type CommandDef, command, type EditorFeature, type FeatureContext, type ToolbarGroupDef } 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 toolbarGroups: ToolbarGroupDef[] = [{ id: TABLE_TOOLBAR_GROUP, order: 60, labelKey: 'palette.group.table' }]\n\nconst commands = (ctx: FeatureContext): CommandDef<never>[] => [\n  {\n    ...command({\n      id: 'insertTable',\n      toolbar: { group: TABLE_TOOLBAR_GROUP, order: 10 },\n      slash: { id: 'table.insert' },\n      creates: { type: 'table' },\n      icon: 'i-lucide-table',\n      label: ctx.t('tables.toolbar.insert'),\n      ability: ABILITY.blockContent,\n      command: c => c.insertTable(INSERT),\n    }),\n    // GFM has no nested tables: inside one the command is off.\n    can: (editor: Editor) => !editor.isActive('table') && editor.can().insertTable(INSERT),\n  },\n  command({ id: 'addRow', toolbar: { group: TABLE_TOOLBAR_GROUP, order: 20 }, icon: 'i-lucide-between-horizontal-end', label: ctx.t('tables.toolbar.addRow'), ability: ABILITY.blockContent, command: c => c.addRowAfter() }),\n  command({ id: 'addColumn', toolbar: { group: TABLE_TOOLBAR_GROUP, order: 30 }, icon: 'i-lucide-between-vertical-end', label: ctx.t('tables.toolbar.addColumn'), ability: ABILITY.blockContent, command: c => c.addColumnAfter() }),\n  command({ id: 'deleteRow', toolbar: { group: TABLE_TOOLBAR_GROUP, order: 40 }, icon: 'i-lucide-table-rows-split', label: ctx.t('tables.toolbar.deleteRow'), ability: ABILITY.blockContent, command: c => c.deleteRow() }),\n  command({ id: 'deleteColumn', toolbar: { group: TABLE_TOOLBAR_GROUP, order: 50 }, icon: 'i-lucide-table-columns-split', label: ctx.t('tables.toolbar.deleteColumn'), ability: ABILITY.blockContent, command: c => c.deleteColumn() }),\n  command({ id: 'deleteTable', toolbar: { group: TABLE_TOOLBAR_GROUP, order: 60 }, icon: 'i-lucide-trash-2', label: ctx.t('tables.toolbar.deleteTable'), ability: ABILITY.blockContent, command: c => c.deleteTable() }),\n  command({ id: 'task.insert', slash: { id: 'task.insert' }, creates: { type: 'taskList' }, icon: 'i-lucide-list-checks', label: ctx.t('tables.slash.tasks'), ability: ABILITY.blockContent, command: c => c.toggleTaskList() }),\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`: one command each, the table commands\n * on the toolbar, `insertTable` and `task.insert` also in the `/` menu. 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    dimension: 'content',\n    schemaExtensions: tablesSchemaExtensions,\n    extensions: () => tablesSchemaExtensions(),\n    toolbarGroups,\n    commands,\n  }\n}\n"],"mappings":";;;;;AAMA,MAAa,sBAAsB;;AAGnC,MAAM,SAAS;CAAE,MAAM;CAAG,MAAM;CAAG,eAAe;AAAK;AAEvD,MAAM,gBAAmC,CAAC;CAAE,IAAI;CAAqB,OAAO;CAAI,UAAU;AAAsB,CAAC;AAEjH,MAAM,YAAY,QAA6C;CAC7D;EACE,GAAG,QAAQ;GACT,IAAI;GACJ,SAAS;IAAE,OAAO;IAAqB,OAAO;GAAG;GACjD,OAAO,EAAE,IAAI,eAAe;GAC5B,SAAS,EAAE,MAAM,QAAQ;GACzB,MAAM;GACN,OAAO,IAAI,EAAE,uBAAuB;GACpC,SAAS,QAAQ;GACjB,UAAS,MAAK,EAAE,YAAY,MAAM;EACpC,CAAC;EAED,MAAM,WAAmB,CAAC,OAAO,SAAS,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,YAAY,MAAM;CACvF;CACA,QAAQ;EAAE,IAAI;EAAU,SAAS;GAAE,OAAO;GAAqB,OAAO;EAAG;EAAG,MAAM;EAAmC,OAAO,IAAI,EAAE,uBAAuB;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,YAAY;CAAE,CAAC;CAC1N,QAAQ;EAAE,IAAI;EAAa,SAAS;GAAE,OAAO;GAAqB,OAAO;EAAG;EAAG,MAAM;EAAiC,OAAO,IAAI,EAAE,0BAA0B;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,eAAe;CAAE,CAAC;CACjO,QAAQ;EAAE,IAAI;EAAa,SAAS;GAAE,OAAO;GAAqB,OAAO;EAAG;EAAG,MAAM;EAA6B,OAAO,IAAI,EAAE,0BAA0B;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,UAAU;CAAE,CAAC;CACxN,QAAQ;EAAE,IAAI;EAAgB,SAAS;GAAE,OAAO;GAAqB,OAAO;EAAG;EAAG,MAAM;EAAgC,OAAO,IAAI,EAAE,6BAA6B;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,aAAa;CAAE,CAAC;CACpO,QAAQ;EAAE,IAAI;EAAe,SAAS;GAAE,OAAO;GAAqB,OAAO;EAAG;EAAG,MAAM;EAAoB,OAAO,IAAI,EAAE,4BAA4B;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,YAAY;CAAE,CAAC;CACrN,QAAQ;EAAE,IAAI;EAAe,OAAO,EAAE,IAAI,cAAc;EAAG,SAAS,EAAE,MAAM,WAAW;EAAG,MAAM;EAAwB,OAAO,IAAI,EAAE,oBAAoB;EAAG,SAAS,QAAQ;EAAc,UAAS,MAAK,EAAE,eAAe;CAAE,CAAC;AAC/N;;;;;;;;AASA,SAAgB,gBAAsC;CACpD,OAAO;EACL,IAAI;EACJ,WAAW;EACX,kBAAkB;EAClB,kBAAkB,uBAAuB;EACzC;EACA;CACF;AACF"}

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

@@ -19,14 +19,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "SettingsAppearanceTab",
 	setup(__props) {
 		const { settings } = useEditorSettings();
-		const { fetch } = useEditorContext();
+		const { backend } = 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");
+			themes.value = await backend.themes?.list() ?? [];
 		}
 		onMounted(async () => {
 			try {
@@ -59,14 +59,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		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
+				const record = await backend.themes.store({
+					css,
+					...manifestFile.value && { manifest: manifestFile.value }
 				});
 				cssFile.value = null;
 				manifestFile.value = null;
@@ -96,7 +93,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (removing.value) return;
 			removing.value = record.id;
 			try {
-				await fetch(`/api/editor/themes/${encodeURIComponent(record.id)}`, { method: "DELETE" });
+				await backend.themes.remove(record.id);
 				if (settings.value.appearance.theme === record.id) settings.value.appearance.theme = null;
 				notify({
 					title: t("themes.delete.done", { name: record.name }),

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

@@ -1 +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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"}
+{"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 { backend } = 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 backend.themes?.list() ?? []\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  uploading.value = true\n  try {\n    // The themes feature needs the `themes` capability, so the tab is only mounted where the backend has it.\n    const record = await backend.themes!.store({ css, ...(manifestFile.value && { manifest: manifestFile.value }) })\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 backend.themes!.remove(record.id)\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/feature.js

@@ -10,6 +10,8 @@ import { startObsidianTheme } from "./theme-runtime.js";
 function themesFeatureCore(ui) {
 	return {
 		id: "themes",
+		dimension: "interaction",
+		backend: ["themes"],
 		setup: (ctx) => ui.lifetime ? ui.lifetime(ctx, () => startObsidianTheme(ctx)) : startObsidianTheme(ctx),
 		settingsTabs: (ctx) => [{
 			id: "appearance",

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

@@ -1 +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"}
+{"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    dimension: 'interaction',\n    backend: ['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,WAAW;EACX,SAAS,CAAC,QAAQ;EAClB,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

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

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

@@ -36,12 +36,12 @@ function FormField({ label, description, required, small, horizontal, children }
 /** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the normal look. */
 function SettingsAppearanceTab() {
 	const { settings, update } = useEditorSettings();
-	const { fetch, notify } = useEditorContext();
+	const { backend, notify } = useEditorContext();
 	const { t } = useEditorI18n();
 	const [themes, setThemes] = useState([]);
 	const loadThemes = useCallback(async () => {
-		setThemes(await fetch("/api/editor/themes"));
-	}, [fetch]);
+		setThemes(await backend.themes?.list() ?? []);
+	}, [backend]);
 	useEffect(() => {
 		loadThemes().catch((error) => {
 			console.warn("tiptap-editor: Die Themes konnten nicht geladen werden", error);
@@ -57,14 +57,11 @@ function SettingsAppearanceTab() {
 	const [inputKey, setInputKey] = useState(0);
 	async function upload() {
 		if (!cssFile || uploading) return;
-		const body = new FormData();
-		body.append("css", cssFile);
-		if (manifestFile) body.append("manifest", manifestFile);
 		setUploading(true);
 		try {
-			const record = await fetch("/api/editor/themes", {
-				method: "POST",
-				body
+			const record = await backend.themes.store({
+				css: cssFile,
+				...manifestFile && { manifest: manifestFile }
 			});
 			setCssFile(null);
 			setManifestFile(null);
@@ -94,7 +91,7 @@ function SettingsAppearanceTab() {
 		if (removing) return;
 		setRemoving(record.id);
 		try {
-			await fetch(`/api/editor/themes/${encodeURIComponent(record.id)}`, { method: "DELETE" });
+			await backend.themes.remove(record.id);
 			if (settings.appearance.theme === record.id) setTheme(null);
 			notify({
 				title: t("themes.delete.done", { name: record.name }),

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsAppearanceTab.js","names":[],"sources":["../../../../src/features/themes/react/SettingsAppearanceTab.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useEffect, useState } from 'react'\nimport { fetchErrorMessage } from '../../../core/fetch-error'\nimport { useEditorContext } from '../../../react/context'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Badge } from '../../../react/ui/badge'\nimport { Button } from '../../../react/ui/button'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport type { ThemeRecord } from '../schema'\n\n/** Radix Select has no `null`/empty value: „Standard“ travels as this sentinel (no theme id can contain underscores). */\nconst STANDARD = '__standard__'\n\n/** A label (+ description) next to or above its control; the counterpart of Nuxt UI's `UFormField`. */\nfunction FormField({ label, description, required, small, horizontal, children }: {\n  label: string\n  description?: string\n  required?: boolean\n  small?: boolean\n  horizontal?: boolean\n  children: ReactNode\n}) {\n  return (\n    <div className={horizontal ? 'flex items-start justify-between gap-4 py-3' : 'flex flex-col gap-1.5'}>\n      <div className={horizontal ? 'min-w-0 flex-1' : undefined}>\n        <Label className={small ? 'text-xs font-medium text-foreground' : 'text-sm font-medium text-foreground'}>\n          {label}\n          {required && <span className=\"ms-0.5 text-destructive\">*</span>}\n        </Label>\n        {description && <p className=\"text-sm text-muted-foreground\">{description}</p>}\n      </div>\n      {children}\n    </div>\n  )\n}\n\n/** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the normal look. */\nexport function SettingsAppearanceTab() {\n  const { settings, update } = useEditorSettings()\n  const { fetch, notify } = useEditorContext()\n  const { t } = useEditorI18n()\n\n  const [themes, setThemes] = useState<ThemeRecord[]>([])\n\n  const loadThemes = useCallback(async () => {\n    setThemes(await fetch<ThemeRecord[]>('/api/editor/themes'))\n  }, [fetch])\n\n  useEffect(() => {\n    loadThemes().catch((error: unknown) => {\n      console.warn('tiptap-editor: Die Themes konnten nicht geladen werden', error)\n    })\n  }, [loadThemes])\n\n  const setTheme = (value: string | null) => update((draft) => { draft.appearance.theme = value })\n\n  const [cssFile, setCssFile] = useState<File | null>(null)\n  const [manifestFile, setManifestFile] = useState<File | null>(null)\n  const [uploading, setUploading] = useState(false)\n  /** Bumped after an upload to remount the file inputs (a file input cannot be cleared through its value). */\n  const [inputKey, setInputKey] = useState(0)\n\n  async function upload() {\n    if (!cssFile || uploading) return\n    const body = new FormData()\n    body.append('css', cssFile)\n    if (manifestFile) body.append('manifest', manifestFile)\n    setUploading(true)\n    try {\n      const record = await fetch<ThemeRecord>('/api/editor/themes', { method: 'POST', body })\n      setCssFile(null)\n      setManifestFile(null)\n      setInputKey(key => key + 1)\n      setTheme(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      setUploading(false)\n    }\n  }\n\n  const [removing, setRemoving] = useState<string | null>(null)\n\n  async function remove(record: ThemeRecord) {\n    if (removing) return\n    setRemoving(record.id)\n    try {\n      await fetch(`/api/editor/themes/${encodeURIComponent(record.id)}`, { method: 'DELETE' })\n      if (settings.appearance.theme === record.id) setTheme(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      setRemoving(null)\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('themes.title')}>\n        <FormField\n          horizontal\n          label={t('themes.select.label')}\n          description={t('themes.select.description')}\n        >\n          <Select value={settings.appearance.theme ?? STANDARD} onValueChange={value => setTheme(value === STANDARD ? null : value)}>\n            <SelectTrigger className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={STANDARD}>{t('themes.standard')}</SelectItem>\n              {themes.map(({ id, name, author }) => (\n                <SelectItem key={id} value={id}>{author ? `${name} – ${author}` : name}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </FormField>\n\n        <FormField\n          horizontal\n          label={t('themes.upload.label')}\n          description={t('themes.upload.description')}\n        >\n          <form\n            className=\"flex w-64 flex-col gap-2\"\n            onSubmit={(event) => {\n              event.preventDefault()\n              void upload()\n            }}\n          >\n            <FormField label={t('themes.upload.css')} required small>\n              <Input\n                key={`css-${inputKey}`}\n                type=\"file\"\n                accept=\".css,text/css\"\n                className=\"w-full\"\n                disabled={uploading}\n                onChange={event => setCssFile(event.target.files?.[0] ?? null)}\n              />\n            </FormField>\n            <FormField label={t('themes.upload.manifest')} small>\n              <Input\n                key={`manifest-${inputKey}`}\n                type=\"file\"\n                accept=\".json,application/json\"\n                className=\"w-full\"\n                disabled={uploading}\n                onChange={event => setManifestFile(event.target.files?.[0] ?? null)}\n              />\n            </FormField>\n            <Button type=\"submit\" className=\"self-start\" disabled={!cssFile || uploading}>\n              <Icon name={uploading ? 'i-lucide-loader-circle' : 'i-lucide-upload'} className={uploading ? 'animate-spin' : undefined} />\n              {t('themes.upload.submit')}\n            </Button>\n          </form>\n        </FormField>\n      </SettingsSection>\n\n      {themes.length > 0 && (\n        <SettingsSection title={t('themes.library')}>\n          {themes.map(record => (\n            <div key={record.id} className=\"flex items-center gap-3 py-2\">\n              <div className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"truncate text-sm font-medium text-foreground\">{record.name}</span>\n                {(record.version || record.author) && (\n                  <span className=\"truncate text-xs text-muted-foreground\">\n                    {[record.version && t('themes.version', { version: record.version }), record.author && t('themes.byAuthor', { author: record.author })].filter(Boolean).join(' · ')}\n                  </span>\n                )}\n              </div>\n              {record.builtin\n                ? <Badge variant=\"secondary\">{t('themes.builtin')}</Badge>\n                : (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"text-destructive\"\n                      aria-label={t('themes.delete.label', { name: record.name })}\n                      disabled={removing !== null}\n                      onClick={() => void remove(record)}\n                    >\n                      <Icon name={removing === record.id ? 'i-lucide-loader-circle' : 'i-lucide-trash-2'} className={removing === record.id ? 'animate-spin' : undefined} />\n                    </Button>\n                  )}\n            </div>\n          ))}\n        </SettingsSection>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SettingsAppearanceTab.js","names":[],"sources":["../../../../src/features/themes/react/SettingsAppearanceTab.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useEffect, useState } from 'react'\nimport { fetchErrorMessage } from '../../../core/fetch-error'\nimport { useEditorContext } from '../../../react/context'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Badge } from '../../../react/ui/badge'\nimport { Button } from '../../../react/ui/button'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport type { ThemeRecord } from '../schema'\n\n/** Radix Select has no `null`/empty value: „Standard“ travels as this sentinel (no theme id can contain underscores). */\nconst STANDARD = '__standard__'\n\n/** A label (+ description) next to or above its control; the counterpart of Nuxt UI's `UFormField`. */\nfunction FormField({ label, description, required, small, horizontal, children }: {\n  label: string\n  description?: string\n  required?: boolean\n  small?: boolean\n  horizontal?: boolean\n  children: ReactNode\n}) {\n  return (\n    <div className={horizontal ? 'flex items-start justify-between gap-4 py-3' : 'flex flex-col gap-1.5'}>\n      <div className={horizontal ? 'min-w-0 flex-1' : undefined}>\n        <Label className={small ? 'text-xs font-medium text-foreground' : 'text-sm font-medium text-foreground'}>\n          {label}\n          {required && <span className=\"ms-0.5 text-destructive\">*</span>}\n        </Label>\n        {description && <p className=\"text-sm text-muted-foreground\">{description}</p>}\n      </div>\n      {children}\n    </div>\n  )\n}\n\n/** „Darstellung“: the Obsidian theme of the whole app (`appearance.theme`); „Standard“ is the normal look. */\nexport function SettingsAppearanceTab() {\n  const { settings, update } = useEditorSettings()\n  const { backend, notify } = useEditorContext()\n  const { t } = useEditorI18n()\n\n  const [themes, setThemes] = useState<ThemeRecord[]>([])\n\n  const loadThemes = useCallback(async () => {\n    setThemes(await backend.themes?.list() ?? [])\n  }, [backend])\n\n  useEffect(() => {\n    loadThemes().catch((error: unknown) => {\n      console.warn('tiptap-editor: Die Themes konnten nicht geladen werden', error)\n    })\n  }, [loadThemes])\n\n  const setTheme = (value: string | null) => update((draft) => { draft.appearance.theme = value })\n\n  const [cssFile, setCssFile] = useState<File | null>(null)\n  const [manifestFile, setManifestFile] = useState<File | null>(null)\n  const [uploading, setUploading] = useState(false)\n  /** Bumped after an upload to remount the file inputs (a file input cannot be cleared through its value). */\n  const [inputKey, setInputKey] = useState(0)\n\n  async function upload() {\n    if (!cssFile || uploading) return\n    setUploading(true)\n    try {\n      // The themes feature needs the `themes` capability, so the tab is only mounted where the backend has it.\n      const record = await backend.themes!.store({ css: cssFile, ...(manifestFile && { manifest: manifestFile }) })\n      setCssFile(null)\n      setManifestFile(null)\n      setInputKey(key => key + 1)\n      setTheme(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      setUploading(false)\n    }\n  }\n\n  const [removing, setRemoving] = useState<string | null>(null)\n\n  async function remove(record: ThemeRecord) {\n    if (removing) return\n    setRemoving(record.id)\n    try {\n      await backend.themes!.remove(record.id)\n      if (settings.appearance.theme === record.id) setTheme(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      setRemoving(null)\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('themes.title')}>\n        <FormField\n          horizontal\n          label={t('themes.select.label')}\n          description={t('themes.select.description')}\n        >\n          <Select value={settings.appearance.theme ?? STANDARD} onValueChange={value => setTheme(value === STANDARD ? null : value)}>\n            <SelectTrigger className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={STANDARD}>{t('themes.standard')}</SelectItem>\n              {themes.map(({ id, name, author }) => (\n                <SelectItem key={id} value={id}>{author ? `${name} – ${author}` : name}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </FormField>\n\n        <FormField\n          horizontal\n          label={t('themes.upload.label')}\n          description={t('themes.upload.description')}\n        >\n          <form\n            className=\"flex w-64 flex-col gap-2\"\n            onSubmit={(event) => {\n              event.preventDefault()\n              void upload()\n            }}\n          >\n            <FormField label={t('themes.upload.css')} required small>\n              <Input\n                key={`css-${inputKey}`}\n                type=\"file\"\n                accept=\".css,text/css\"\n                className=\"w-full\"\n                disabled={uploading}\n                onChange={event => setCssFile(event.target.files?.[0] ?? null)}\n              />\n            </FormField>\n            <FormField label={t('themes.upload.manifest')} small>\n              <Input\n                key={`manifest-${inputKey}`}\n                type=\"file\"\n                accept=\".json,application/json\"\n                className=\"w-full\"\n                disabled={uploading}\n                onChange={event => setManifestFile(event.target.files?.[0] ?? null)}\n              />\n            </FormField>\n            <Button type=\"submit\" className=\"self-start\" disabled={!cssFile || uploading}>\n              <Icon name={uploading ? 'i-lucide-loader-circle' : 'i-lucide-upload'} className={uploading ? 'animate-spin' : undefined} />\n              {t('themes.upload.submit')}\n            </Button>\n          </form>\n        </FormField>\n      </SettingsSection>\n\n      {themes.length > 0 && (\n        <SettingsSection title={t('themes.library')}>\n          {themes.map(record => (\n            <div key={record.id} className=\"flex items-center gap-3 py-2\">\n              <div className=\"flex min-w-0 flex-1 flex-col\">\n                <span className=\"truncate text-sm font-medium text-foreground\">{record.name}</span>\n                {(record.version || record.author) && (\n                  <span className=\"truncate text-xs text-muted-foreground\">\n                    {[record.version && t('themes.version', { version: record.version }), record.author && t('themes.byAuthor', { author: record.author })].filter(Boolean).join(' · ')}\n                  </span>\n                )}\n              </div>\n              {record.builtin\n                ? <Badge variant=\"secondary\">{t('themes.builtin')}</Badge>\n                : (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"text-destructive\"\n                      aria-label={t('themes.delete.label', { name: record.name })}\n                      disabled={removing !== null}\n                      onClick={() => void remove(record)}\n                    >\n                      <Icon name={removing === record.id ? 'i-lucide-loader-circle' : 'i-lucide-trash-2'} className={removing === record.id ? 'animate-spin' : undefined} />\n                    </Button>\n                  )}\n            </div>\n          ))}\n        </SettingsSection>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { THEME_ID } from "../../settings/index.js";
+import { ThemeRecord } from "../../core/backend-types.js";
 import { z } from "zod";
 //#region src/features/themes/schema.d.ts
 /** Upper bound for a theme stylesheet (bytes). */
@@ -11,11 +12,6 @@ export declare const themeManifestSchema: z.ZodObject<{
   authorUrl: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 export type ThemeManifest = z.infer<typeof themeManifestSchema>;
-/** A theme in the shared library; `builtin` themes are seeded by the host and cannot be deleted. */
-export interface ThemeRecord extends ThemeManifest {
-  id: string;
-  builtin: boolean;
-}
 //#endregion
-export { THEME_ID };
+export { THEME_ID, type ThemeRecord };
 //# sourceMappingURL=schema.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/themes/schema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { THEME_ID } from '../../settings'\n\n/** Valid theme id (pattern defined in `settings`, which validates `appearance.theme` with it). */\nexport { THEME_ID }\n\n/** Upper bound for a theme stylesheet (bytes). */\nexport const MAX_THEME_BYTES = 2 * 1024 * 1024\n\n/** The subset of an Obsidian `manifest.json` the editor keeps. */\nexport const themeManifestSchema = z.object({\n  name: z.string().min(1).max(120),\n  version: z.string().max(40).optional(),\n  author: z.string().max(120).optional(),\n  authorUrl: z.string().max(400).optional(),\n})\nexport type ThemeManifest = z.infer<typeof themeManifestSchema>\n\n/** A theme in the shared library; `builtin` themes are seeded by the host and cannot be deleted. */\nexport interface ThemeRecord extends ThemeManifest {\n  id: string\n  builtin: boolean\n}\n"],"mappings":";;;;AAOA,MAAa,kBAAkB;;AAG/B,MAAa,sBAAsB,EAAE,OAAO;CAC1C,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG;CAC/B,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS;CACrC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS;CACrC,WAAW,EAAE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS;AAC1C,CAAC"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/themes/schema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { THEME_ID } from '../../settings'\n\n/** Valid theme id (pattern defined in `settings`, which validates `appearance.theme` with it). */\nexport { THEME_ID }\n\n/** Upper bound for a theme stylesheet (bytes). */\nexport const MAX_THEME_BYTES = 2 * 1024 * 1024\n\n/** The subset of an Obsidian `manifest.json` the editor keeps. */\nexport const themeManifestSchema = z.object({\n  name: z.string().min(1).max(120),\n  version: z.string().max(40).optional(),\n  author: z.string().max(120).optional(),\n  authorUrl: z.string().max(400).optional(),\n})\nexport type ThemeManifest = z.infer<typeof themeManifestSchema>\n\n/** A theme in the shared library (`ThemeManifest` + `id` + `builtin`); defined in core because `EditorBackend` lists them. */\nexport type { ThemeRecord } from '../../core/backend-types'\n"],"mappings":";;;;AAOA,MAAa,kBAAkB;;AAG/B,MAAa,sBAAsB,EAAE,OAAO;CAC1C,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG;CAC/B,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS;CACrC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS;CACrC,WAAW,EAAE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,SAAS;AAC1C,CAAC"}

package/dist/features/themes/theme-runtime.d.ts

@@ -4,7 +4,7 @@ import { FeatureContext } from "../../core/feature.js";
 export declare const THEME_SCOPE_CLASS = "obsidian-theme";
 /**
  * The theme runtime of the app `ctx` belongs to: applies `settings.appearance.theme` (fetches the stylesheet through
- * `ctx.fetch`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`
+ * `ctx.backend.themes`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`
  * on `<html>`) and follows the app's colour mode.
  * Reference-counted per app: the first call starts the runtime, every call returns an idempotent release, the last release
  * stops it (removing the style element and the root classes). Surfaces of one app share a single runtime.

package/dist/features/themes/theme-runtime.js

@@ -51,7 +51,9 @@ function createRuntime(ctx) {
 	async function load(id) {
 		const cached = cache.get(id);
 		if (cached !== void 0) return cached;
-		const css = await ctx.fetch(`/api/editor/themes/${encodeURIComponent(id)}`, { responseType: "text" });
+		const themes = ctx.backend.themes;
+		if (!themes) throw new Error(`@ecsplico/editor: backend "${ctx.backend.name}" has no themes capability`);
+		const css = await themes.css(id);
 		const scoped = scopeThemeCss(css, `.${THEME_SCOPE_CLASS}`);
 		cache.set(id, scoped);
 		return scoped;
@@ -115,7 +117,7 @@ function createRuntime(ctx) {
 }
 /**
 * The theme runtime of the app `ctx` belongs to: applies `settings.appearance.theme` (fetches the stylesheet through
-* `ctx.fetch`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`
+* `ctx.backend.themes`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`
 * on `<html>`) and follows the app's colour mode.
 * Reference-counted per app: the first call starts the runtime, every call returns an idempotent release, the last release
 * stops it (removing the style element and the root classes). Surfaces of one app share a single runtime.

package/dist/features/themes/theme-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-runtime.js","names":[],"sources":["../../../src/features/themes/theme-runtime.ts"],"sourcesContent":["import type { FeatureContext } from '../../core/feature'\nimport { scopeThemeCss } from './scope-css'\n\n/** Class that scopes a theme's rules (`scopeThemeCss`) and the bridge stylesheet; the runtime puts it on `<html>`. */\nexport const THEME_SCOPE_CLASS = 'obsidian-theme'\n\n/** Marks the single `<style>` element in `document.head` that carries the active theme. */\nconst STYLE_ATTRIBUTE = 'data-tiptap-theme'\n\n// One runtime per app (keyed by the app's settings store): every surface of the page shares the style element and the\n// cache. Reference-counted: the last release stops it.\nconst runtimes = new Map<object, { count: number, stop: () => void }>()\n\nconst PREFERS_DARK = '(prefers-color-scheme: dark)'\n\n/** Whether the app is in dark mode: `html.dark` (Nuxt colour mode), `html.light`, else the system preference. */\nfunction readDark(): boolean {\n  if (typeof document === 'undefined') return false\n  const classes = document.documentElement.classList\n  if (classes.contains('dark')) return true\n  if (classes.contains('light')) return false\n  return typeof matchMedia === 'function' && matchMedia(PREFERS_DARK).matches\n}\n\nfunction createRuntime(ctx: FeatureContext): () => void {\n  let dark = readDark()\n  /** The theme whose style is in the document; null = standard look. */\n  let applied: string | null = null\n  const cache = new Map<string, string>()\n  let style: HTMLStyleElement | undefined\n  let latest = 0\n  let teardown: (() => void) | undefined\n  let stopTheme: (() => void) | undefined\n\n  /** `obsidian-theme theme-dark|theme-light` on `<html>` while a theme is applied; none of the three otherwise (standard look). */\n  function applyRootClasses() {\n    if (typeof document === 'undefined') return\n    const root = document.documentElement.classList\n    const on = applied !== null\n    root.toggle(THEME_SCOPE_CLASS, on)\n    root.toggle('theme-dark', on && dark)\n    root.toggle('theme-light', on && !dark)\n  }\n\n  function removeRootClasses() {\n    if (typeof document === 'undefined') return\n    document.documentElement.classList.remove(THEME_SCOPE_CLASS, 'theme-dark', 'theme-light')\n  }\n\n  function removeStyle() {\n    style?.remove()\n    style = undefined\n  }\n\n  function showStyle(css: string) {\n    if (!style) {\n      style = document.createElement('style')\n      style.setAttribute(STYLE_ATTRIBUTE, '')\n      document.head.appendChild(style)\n    }\n    style.textContent = css\n  }\n\n  async function load(id: string): Promise<string> {\n    const cached = cache.get(id)\n    if (cached !== undefined) return cached\n    const css: string = await ctx.fetch(`/api/editor/themes/${encodeURIComponent(id)}`, { responseType: 'text' })\n    const scoped = scopeThemeCss(css, `.${THEME_SCOPE_CLASS}`)\n    cache.set(id, scoped)\n    return scoped\n  }\n\n  async function select(id: string | null) {\n    const ticket = ++latest\n    if (id === null) {\n      removeStyle()\n      applied = null\n      applyRootClasses()\n      return\n    }\n    try {\n      const css = await load(id)\n      if (ticket !== latest) return\n      showStyle(css)\n      applied = id\n      applyRootClasses()\n    }\n    catch (error) {\n      if (ticket !== latest) return\n      // The stored setting stays untouched: the theme may come back (host restored it), the session shows the standard look.\n      console.warn(`tiptap-editor: Theme „${id}“ konnte nicht geladen werden, die Standard-Darstellung wird verwendet`, error)\n      removeStyle()\n      applied = null\n      applyRootClasses()\n    }\n  }\n\n  if (typeof document !== 'undefined') {\n    void select(ctx.settings.get().appearance.theme)\n    let lastTheme = ctx.settings.get().appearance.theme\n    stopTheme = ctx.settings.subscribe((value) => {\n      if (value.appearance.theme === lastTheme) return\n      lastTheme = value.appearance.theme\n      void select(lastTheme)\n    })\n    applyRootClasses()\n    const onDarkChange = () => {\n      const next = readDark()\n      if (next === dark) return\n      dark = next\n      applyRootClasses()\n    }\n    const observer = new MutationObserver(onDarkChange)\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] })\n    const media = typeof matchMedia === 'function' ? matchMedia(PREFERS_DARK) : undefined\n    media?.addEventListener('change', onDarkChange)\n    teardown = () => {\n      observer.disconnect()\n      media?.removeEventListener('change', onDarkChange)\n      removeStyle()\n    }\n  }\n\n  return () => {\n    latest++\n    stopTheme?.()\n    teardown?.()\n    removeRootClasses()\n  }\n}\n\n/**\n * The theme runtime of the app `ctx` belongs to: applies `settings.appearance.theme` (fetches the stylesheet through\n * `ctx.fetch`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`\n * on `<html>`) and follows the app's colour mode.\n * Reference-counted per app: the first call starts the runtime, every call returns an idempotent release, the last release\n * stops it (removing the style element and the root classes). Surfaces of one app share a single runtime.\n */\nexport function startObsidianTheme(ctx: FeatureContext): () => void {\n  const key: object = ctx.settings\n  let entry = runtimes.get(key)\n  if (!entry) {\n    entry = { count: 0, stop: createRuntime(ctx) }\n    runtimes.set(key, entry)\n  }\n  entry.count++\n  const held = entry\n  let released = false\n  return () => {\n    if (released) return\n    released = true\n    if (--held.count > 0) return\n    held.stop()\n    if (runtimes.get(key) === held) runtimes.delete(key)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-runtime.js","names":[],"sources":["../../../src/features/themes/theme-runtime.ts"],"sourcesContent":["import type { FeatureContext } from '../../core/feature'\nimport { scopeThemeCss } from './scope-css'\n\n/** Class that scopes a theme's rules (`scopeThemeCss`) and the bridge stylesheet; the runtime puts it on `<html>`. */\nexport const THEME_SCOPE_CLASS = 'obsidian-theme'\n\n/** Marks the single `<style>` element in `document.head` that carries the active theme. */\nconst STYLE_ATTRIBUTE = 'data-tiptap-theme'\n\n// One runtime per app (keyed by the app's settings store): every surface of the page shares the style element and the\n// cache. Reference-counted: the last release stops it.\nconst runtimes = new Map<object, { count: number, stop: () => void }>()\n\nconst PREFERS_DARK = '(prefers-color-scheme: dark)'\n\n/** Whether the app is in dark mode: `html.dark` (Nuxt colour mode), `html.light`, else the system preference. */\nfunction readDark(): boolean {\n  if (typeof document === 'undefined') return false\n  const classes = document.documentElement.classList\n  if (classes.contains('dark')) return true\n  if (classes.contains('light')) return false\n  return typeof matchMedia === 'function' && matchMedia(PREFERS_DARK).matches\n}\n\nfunction createRuntime(ctx: FeatureContext): () => void {\n  let dark = readDark()\n  /** The theme whose style is in the document; null = standard look. */\n  let applied: string | null = null\n  const cache = new Map<string, string>()\n  let style: HTMLStyleElement | undefined\n  let latest = 0\n  let teardown: (() => void) | undefined\n  let stopTheme: (() => void) | undefined\n\n  /** `obsidian-theme theme-dark|theme-light` on `<html>` while a theme is applied; none of the three otherwise (standard look). */\n  function applyRootClasses() {\n    if (typeof document === 'undefined') return\n    const root = document.documentElement.classList\n    const on = applied !== null\n    root.toggle(THEME_SCOPE_CLASS, on)\n    root.toggle('theme-dark', on && dark)\n    root.toggle('theme-light', on && !dark)\n  }\n\n  function removeRootClasses() {\n    if (typeof document === 'undefined') return\n    document.documentElement.classList.remove(THEME_SCOPE_CLASS, 'theme-dark', 'theme-light')\n  }\n\n  function removeStyle() {\n    style?.remove()\n    style = undefined\n  }\n\n  function showStyle(css: string) {\n    if (!style) {\n      style = document.createElement('style')\n      style.setAttribute(STYLE_ATTRIBUTE, '')\n      document.head.appendChild(style)\n    }\n    style.textContent = css\n  }\n\n  async function load(id: string): Promise<string> {\n    const cached = cache.get(id)\n    if (cached !== undefined) return cached\n    const themes = ctx.backend.themes\n    if (!themes) throw new Error(`@ecsplico/editor: backend \"${ctx.backend.name}\" has no themes capability`)\n    const css = await themes.css(id)\n    const scoped = scopeThemeCss(css, `.${THEME_SCOPE_CLASS}`)\n    cache.set(id, scoped)\n    return scoped\n  }\n\n  async function select(id: string | null) {\n    const ticket = ++latest\n    if (id === null) {\n      removeStyle()\n      applied = null\n      applyRootClasses()\n      return\n    }\n    try {\n      const css = await load(id)\n      if (ticket !== latest) return\n      showStyle(css)\n      applied = id\n      applyRootClasses()\n    }\n    catch (error) {\n      if (ticket !== latest) return\n      // The stored setting stays untouched: the theme may come back (host restored it), the session shows the standard look.\n      console.warn(`tiptap-editor: Theme „${id}“ konnte nicht geladen werden, die Standard-Darstellung wird verwendet`, error)\n      removeStyle()\n      applied = null\n      applyRootClasses()\n    }\n  }\n\n  if (typeof document !== 'undefined') {\n    void select(ctx.settings.get().appearance.theme)\n    let lastTheme = ctx.settings.get().appearance.theme\n    stopTheme = ctx.settings.subscribe((value) => {\n      if (value.appearance.theme === lastTheme) return\n      lastTheme = value.appearance.theme\n      void select(lastTheme)\n    })\n    applyRootClasses()\n    const onDarkChange = () => {\n      const next = readDark()\n      if (next === dark) return\n      dark = next\n      applyRootClasses()\n    }\n    const observer = new MutationObserver(onDarkChange)\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] })\n    const media = typeof matchMedia === 'function' ? matchMedia(PREFERS_DARK) : undefined\n    media?.addEventListener('change', onDarkChange)\n    teardown = () => {\n      observer.disconnect()\n      media?.removeEventListener('change', onDarkChange)\n      removeStyle()\n    }\n  }\n\n  return () => {\n    latest++\n    stopTheme?.()\n    teardown?.()\n    removeRootClasses()\n  }\n}\n\n/**\n * The theme runtime of the app `ctx` belongs to: applies `settings.appearance.theme` (fetches the stylesheet through\n * `ctx.backend.themes`, scopes it, keeps one `<style data-tiptap-theme>` in the document head, puts `obsidian-theme theme-dark|theme-light`\n * on `<html>`) and follows the app's colour mode.\n * Reference-counted per app: the first call starts the runtime, every call returns an idempotent release, the last release\n * stops it (removing the style element and the root classes). Surfaces of one app share a single runtime.\n */\nexport function startObsidianTheme(ctx: FeatureContext): () => void {\n  const key: object = ctx.settings\n  let entry = runtimes.get(key)\n  if (!entry) {\n    entry = { count: 0, stop: createRuntime(ctx) }\n    runtimes.set(key, entry)\n  }\n  entry.count++\n  const held = entry\n  let released = false\n  return () => {\n    if (released) return\n    released = true\n    if (--held.count > 0) return\n    held.stop()\n    if (runtimes.get(key) === held) runtimes.delete(key)\n  }\n}\n"],"mappings":"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"}