@ecsplico/editor 0.0.0-stage → 2.0.0

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

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

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

@@ -0,0 +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":";;;;;;;;;;;;;;;AAeA,MAAM,WAAW;;AAGjB,SAAS,UAAU,EAAE,OAAO,aAAa,UAAU,OAAO,YAAY,YAOnE;CACD,OACE,qBAAC,OAAD;EAAK,WAAW,aAAa,gDAAgD;EAA7E,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW,aAAa,mBAAmB,KAAA;GAAhD,UAAA,CACE,qBAAC,OAAD;IAAO,WAAW,QAAQ,wCAAwC;IAAlE,UAAA,CACG,OACA,YAAY,oBAAC,QAAD;KAAM,WAAU;KAA0B,UAAA;IAAO,CAAA,CACzD;GACN,CAAA,GAAA,eAAe,oBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA;GAAe,CAAA,CAC1E;EACJ,CAAA,GAAA,QACE;;AAET;;AAGA,SAAgB,wBAAwB;CACtC,MAAM,EAAE,UAAU,WAAW,kBAAkB;CAC/C,MAAM,EAAE,OAAO,WAAW,iBAAiB;CAC3C,MAAM,EAAE,MAAM,cAAc;CAE5B,MAAM,CAAC,QAAQ,aAAa,SAAwB,CAAC,CAAC;CAEtD,MAAM,aAAa,YAAY,YAAY;EACzC,UAAU,MAAM,MAAqB,oBAAoB,CAAC;CAC5D,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,WAAW,CAAC,CAAC,OAAO,UAAmB;GACrC,QAAQ,KAAK,0DAA0D,KAAK;EAC9E,CAAC;CACH,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,YAAY,UAAyB,QAAQ,UAAU;EAAE,MAAM,WAAW,QAAQ;CAAM,CAAC;CAE/F,MAAM,CAAC,SAAS,cAAc,SAAsB,IAAI;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAsB,IAAI;CAClE,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;;CAEhD,MAAM,CAAC,UAAU,eAAe,SAAS,CAAC;CAE1C,eAAe,SAAS;EACtB,IAAI,CAAC,WAAW,WAAW;EAC3B,MAAM,OAAO,IAAI,SAAS;EAC1B,KAAK,OAAO,OAAO,OAAO;EAC1B,IAAI,cAAc,KAAK,OAAO,YAAY,YAAY;EACtD,aAAa,IAAI;EACjB,IAAI;GACF,MAAM,SAAS,MAAM,MAAmB,sBAAsB;IAAE,QAAQ;IAAQ;GAAK,CAAC;GACtF,WAAW,IAAI;GACf,gBAAgB,IAAI;GACpB,aAAY,QAAO,MAAM,CAAC;GAC1B,SAAS,OAAO,EAAE;GAClB,OAAO;IAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,KAAK,CAAC;IAAG,MAAM;GAAU,CAAC;GACjF,IAAI;IACF,MAAM,WAAW;GACnB,SACO,OAAO;IACZ,QAAQ,KAAK,0DAA0D,KAAK;GAC9E;EACF,SACO,OAAO;GACZ,OAAO;IAAE,OAAO,EAAE,sBAAsB;IAAG,aAAa,kBAAkB,KAAK;IAAG,MAAM;GAAQ,CAAC;EACnG,UACQ;GACN,aAAa,KAAK;EACpB;CACF;CAEA,MAAM,CAAC,UAAU,eAAe,SAAwB,IAAI;CAE5D,eAAe,OAAO,QAAqB;EACzC,IAAI,UAAU;EACd,YAAY,OAAO,EAAE;EACrB,IAAI;GACF,MAAM,MAAM,sBAAsB,mBAAmB,OAAO,EAAE,KAAK,EAAE,QAAQ,SAAS,CAAC;GACvF,IAAI,SAAS,WAAW,UAAU,OAAO,IAAI,SAAS,IAAI;GAC1D,OAAO;IAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,KAAK,CAAC;IAAG,MAAM;GAAU,CAAC;GACjF,IAAI;IACF,MAAM,WAAW;GACnB,SACO,OAAO;IACZ,QAAQ,KAAK,0DAA0D,KAAK;GAC9E;EACF,SACO,OAAO;GACZ,OAAO;IAAE,OAAO,EAAE,sBAAsB;IAAG,aAAa,kBAAkB,KAAK;IAAG,MAAM;GAAQ,CAAC;EACnG,UACQ;GACN,YAAY,IAAI;EAClB;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,iBAAD;GAAiB,OAAO,EAAE,cAAc;GAAxC,UAAA,CACE,oBAAC,WAAD;IACE,YAAA;IACA,OAAO,EAAE,qBAAqB;IAC9B,aAAa,EAAE,2BAA2B;IAE1C,UAAA,qBAAC,QAAD;KAAQ,OAAO,SAAS,WAAW,SAAS;KAAU,gBAAe,UAAS,SAAS,UAAU,WAAW,OAAO,KAAK;KAAxH,UAAA,CACE,oBAAC,eAAD;MAAe,WAAU;MACvB,UAAA,oBAAC,aAAD,CAAc,CAAA;KACD,CAAA,GACf,qBAAC,eAAD,EAAA,UAAA,CACE,oBAAC,YAAD;MAAY,OAAO;MAAW,UAAA,EAAE,iBAAiB;KAAc,CAAA,GAC9D,OAAO,KAAK,EAAE,IAAI,MAAM,aACvB,oBAAC,YAAD;MAAqB,OAAO;MAAK,UAAA,SAAS,GAAG,KAAK,KAAK,WAAW;KAAiB,GAAlE,EAAkE,CACpF,CACY,EAAA,CAAA,CACT;;GACC,CAAA,GAEX,oBAAC,WAAD;IACE,YAAA;IACA,OAAO,EAAE,qBAAqB;IAC9B,aAAa,EAAE,2BAA2B;IAE1C,UAAA,qBAAC,QAAD;KACE,WAAU;KACV,WAAW,UAAU;MACnB,MAAM,eAAe;MACrB,OAAY;KACd;KALF,UAAA;MAOE,oBAAC,WAAD;OAAW,OAAO,EAAE,mBAAmB;OAAG,UAAA;OAAS,OAAA;OACjD,UAAA,oBAAC,OAAD;QAEE,MAAK;QACL,QAAO;QACP,WAAU;QACV,UAAU;QACV,WAAU,UAAS,WAAW,MAAM,OAAO,QAAQ,MAAM,IAAI;OAC9D,GANM,OAAO,UAMb;MACQ,CAAA;MACX,oBAAC,WAAD;OAAW,OAAO,EAAE,wBAAwB;OAAG,OAAA;OAC7C,UAAA,oBAAC,OAAD;QAEE,MAAK;QACL,QAAO;QACP,WAAU;QACV,UAAU;QACV,WAAU,UAAS,gBAAgB,MAAM,OAAO,QAAQ,MAAM,IAAI;OACnE,GANM,YAAY,UAMlB;MACQ,CAAA;MACX,qBAAC,QAAD;OAAQ,MAAK;OAAS,WAAU;OAAa,UAAU,CAAC,WAAW;OAAnE,UAAA,CACE,oBAAC,MAAD;QAAM,MAAM,YAAY,2BAA2B;QAAmB,WAAW,YAAY,iBAAiB,KAAA;OAAY,CAAA,GACzH,EAAE,sBAAsB,CACnB;;KACJ;;GACG,CAAA,CACI;EAEhB,CAAA,GAAA,OAAO,SAAS,KACf,oBAAC,iBAAD;GAAiB,OAAO,EAAE,gBAAgB;GACvC,UAAA,OAAO,KAAI,WACV,qBAAC,OAAD;IAAqB,WAAU;IAA/B,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,QAAD;MAAM,WAAU;MAAgD,UAAA,OAAO;KAAW,CAAA,IAChF,OAAO,WAAW,OAAO,WACzB,oBAAC,QAAD;MAAM,WAAU;MACb,UAAA,CAAC,OAAO,WAAW,EAAE,kBAAkB,EAAE,SAAS,OAAO,QAAQ,CAAC,GAAG,OAAO,UAAU,EAAE,mBAAmB,EAAE,QAAQ,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,KAAK;KAC9J,CAAA,CAEL;IACJ,CAAA,GAAA,OAAO,UACJ,oBAAC,OAAD;KAAO,SAAQ;KAAa,UAAA,EAAE,gBAAgB;IAAS,CAAA,IAErD,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,cAAY,EAAE,uBAAuB,EAAE,MAAM,OAAO,KAAK,CAAC;KAC1D,UAAU,aAAa;KACvB,eAAe,KAAK,OAAO,MAAM;KAEjC,UAAA,oBAAC,MAAD;MAAM,MAAM,aAAa,OAAO,KAAK,2BAA2B;MAAoB,WAAW,aAAa,OAAO,KAAK,iBAAiB,KAAA;KAAY,CAAA;IAC/I,CAAA,CAEX;GAvBK,GAAA,OAAO,EAuBZ,CACN;EACc,CAAA,CAEhB;;AAET"}

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

@@ -0,0 +1,13 @@
+import { ReactFeature } from "../../react/EditorSurface.js";
+import "../../react/index.js";
+import { SettingsAppearanceTab } from "./react/SettingsAppearanceTab.js";
+//#region src/features/themes/react.d.ts
+/**
+ * The React themes feature (shadcn settings tab). The runtime lives while an editor surface is mounted: the teardown
+ * releases the shared, reference-counted runtime (idempotent; React StrictMode's double mount leaves exactly one
+ * `<style data-tiptap-theme>`).
+ */
+export declare function themesFeature(): ReactFeature;
+//#endregion
+export { SettingsAppearanceTab };
+//# sourceMappingURL=react.d.ts.map

package/dist/features/themes/react.js

@@ -0,0 +1,15 @@
+import { themesFeatureCore } from "./feature.js";
+import { SettingsAppearanceTab } from "./react/SettingsAppearanceTab.js";
+//#region src/features/themes/react.ts
+/**
+* The React themes feature (shadcn settings tab). The runtime lives while an editor surface is mounted: the teardown
+* releases the shared, reference-counted runtime (idempotent; React StrictMode's double mount leaves exactly one
+* `<style data-tiptap-theme>`).
+*/
+function themesFeature() {
+	return themesFeatureCore({ settingsTab: SettingsAppearanceTab });
+}
+//#endregion
+export { SettingsAppearanceTab, themesFeature };
+
+//# sourceMappingURL=react.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/themes/react.ts"],"sourcesContent":["import type { ReactFeature } from '../../react'\nimport { themesFeatureCore } from './feature'\nimport { SettingsAppearanceTab } from './react/SettingsAppearanceTab'\n\nexport { SettingsAppearanceTab } from './react/SettingsAppearanceTab'\n\n/**\n * The React themes feature (shadcn settings tab). The runtime lives while an editor surface is mounted: the teardown\n * releases the shared, reference-counted runtime (idempotent; React StrictMode's double mount leaves exactly one\n * `<style data-tiptap-theme>`).\n */\nexport function themesFeature(): ReactFeature {\n  return themesFeatureCore({ settingsTab: SettingsAppearanceTab })\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,gBAA8B;CAC5C,OAAO,kBAAkB,EAAE,aAAa,sBAAsB,CAAC;AACjE"}

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

@@ -0,0 +1,21 @@
+import { THEME_ID } from "../../settings/index.js";
+import { z } from "zod";
+//#region src/features/themes/schema.d.ts
+/** Upper bound for a theme stylesheet (bytes). */
+export declare const MAX_THEME_BYTES: number;
+/** The subset of an Obsidian `manifest.json` the editor keeps. */
+export declare const themeManifestSchema: z.ZodObject<{
+  name: z.ZodString;
+  version: z.ZodOptional<z.ZodString>;
+  author: z.ZodOptional<z.ZodString>;
+  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 };
+//# sourceMappingURL=schema.d.ts.map

package/dist/features/themes/schema.js

@@ -0,0 +1,16 @@
+import { THEME_ID } from "../../settings/index.js";
+import { z } from "zod";
+//#region src/features/themes/schema.ts
+/** Upper bound for a theme stylesheet (bytes). */
+const MAX_THEME_BYTES = 2097152;
+/** The subset of an Obsidian `manifest.json` the editor keeps. */
+const themeManifestSchema = z.object({
+	name: z.string().min(1).max(120),
+	version: z.string().max(40).optional(),
+	author: z.string().max(120).optional(),
+	authorUrl: z.string().max(400).optional()
+});
+//#endregion
+export { MAX_THEME_BYTES, THEME_ID, themeManifestSchema };
+
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +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"}

package/dist/features/themes/scope-css.d.ts

@@ -0,0 +1,5 @@
+//#region src/features/themes/scope-css.d.ts
+/** Returns `css` rewritten so that it only affects descendants of (and the element carrying) `scope`. */
+export declare function scopeThemeCss(css: string, scope?: string): string;
+//#endregion
+//# sourceMappingURL=scope-css.d.ts.map

package/dist/features/themes/scope-css.js

@@ -0,0 +1,142 @@
+//#region src/features/themes/scope-css.ts
+/**
+* Scopes an Obsidian theme stylesheet to the editor surface (browser only: parsing runs through the CSSOM).
+*
+* Every emitted selector starts with `scope`. Obsidian's document-level selectors (`html`, `:root`, `body`, `.theme-dark`,
+* `.theme-light`) land on the scope element, Obsidian's content-root classes land on `.tiptap`. `@import` is dropped (a
+* theme must not trigger remote fetches); `@font-face`, `@keyframes`, `@property` survive verbatim, conditional group
+* rules (`@media`, `@supports`, `@container`, `@layer`) are rewrapped around their scoped content.
+*/
+/** Obsidian classes marking the rendered note body; the editor's counterpart is `.tiptap`. */
+const CONTENT_ROOT = /(?<!\\)\.(?:markdown-rendered|markdown-preview-view|markdown-reading-view|markdown-preview-sizer|markdown-source-view|cm-s-obsidian)(?![\w-])/g;
+const ROOT_COMPOUND = /^(?:html|body|:root)(?![\w-])/;
+const MODE_COMPOUND = /^\.theme-(?:dark|light)(?![\w-])/;
+const ROOT_DESCENDANT = /^(?:\s*>\s*|\s+)(?:html|body|:root)(?![\w-])/;
+const DUPLICATE_DESCENDANT = /(?<!\\)\.tiptap(?![\w-])(?:\s*>\s*|\s+)\.tiptap(?![\w-])/g;
+const DUPLICATE_COMPOUND = /(?<!\\)\.tiptap(?![\w-])(?:\.tiptap(?![\w-]))+/g;
+/** Index of the first character outside strings, brackets and parentheses for which `hit` is true; -1 if none. */
+function findTop(text, from, hit) {
+	let depth = 0;
+	let quote = "";
+	for (let i = from; i < text.length; i++) {
+		const ch = text.charAt(i);
+		if (ch === "\\") {
+			i++;
+			continue;
+		}
+		if (quote) {
+			if (ch === quote) quote = "";
+			continue;
+		}
+		if (ch === "\"" || ch === "'") quote = ch;
+		else if (ch === "(" || ch === "[") depth++;
+		else if (ch === ")" || ch === "]") depth--;
+		else if (depth === 0 && hit(ch)) return i;
+	}
+	return -1;
+}
+/** Applies `fn` to every stretch of `text` outside quoted strings. */
+function mapUnquoted(text, fn) {
+	let out = "";
+	let chunk = "";
+	let quote = "";
+	for (let i = 0; i < text.length; i++) {
+		const ch = text.charAt(i);
+		if (quote) {
+			out += ch;
+			if (ch === "\\") out += text.charAt(++i);
+			else if (ch === quote) quote = "";
+		} else if (ch === "\"" || ch === "'") {
+			out += fn(chunk) + ch;
+			chunk = "";
+			quote = ch;
+		} else if (ch === "\\") chunk += ch + text.charAt(++i);
+		else chunk += ch;
+	}
+	return out + fn(chunk);
+}
+function splitSelectorList(selectorText) {
+	const parts = [];
+	let start = 0;
+	for (;;) {
+		const comma = findTop(selectorText, start, (ch) => ch === ",");
+		if (comma < 0) break;
+		parts.push(selectorText.slice(start, comma));
+		start = comma + 1;
+	}
+	parts.push(selectorText.slice(start));
+	return parts.map((part) => part.trim()).filter(Boolean);
+}
+/** End (exclusive) of the compound selector starting at `from`: the next top-level whitespace or combinator. */
+function compoundEnd(selector, from) {
+	const end = findTop(selector, from, (ch) => /[\s>+~]/.test(ch));
+	return end < 0 ? selector.length : end;
+}
+function collapseDuplicates(selector) {
+	return mapUnquoted(selector, (chunk) => {
+		let current = chunk;
+		for (;;) {
+			const next = current.replace(DUPLICATE_COMPOUND, ".tiptap").replace(DUPLICATE_DESCENDANT, ".tiptap");
+			if (next === current) return next;
+			current = next;
+		}
+	});
+}
+function rewriteSelector(selector, scope) {
+	const sel = mapUnquoted(selector, (chunk) => chunk.replace(CONTENT_ROOT, ".tiptap"));
+	const end = compoundEnd(sel, 0);
+	const lead = sel.slice(0, end);
+	const root = ROOT_COMPOUND.exec(lead);
+	if (root) {
+		let result = scope + lead.slice(root[0].length);
+		let rest = sel.slice(end);
+		for (let match = ROOT_DESCENDANT.exec(rest); match; match = ROOT_DESCENDANT.exec(rest)) {
+			const after = rest.slice(match[0].length);
+			const attachedEnd = compoundEnd(after, 0);
+			result += after.slice(0, attachedEnd);
+			rest = after.slice(attachedEnd);
+		}
+		return collapseDuplicates(result + rest);
+	}
+	if (MODE_COMPOUND.test(lead)) return collapseDuplicates(scope + sel);
+	return collapseDuplicates(`${scope} ${sel}`);
+}
+/** Scopes a comma-separated selector list; duplicates produced by the mapping are removed. */
+function scopeSelectorList(selectorText, scope) {
+	return [...new Set(splitSelectorList(selectorText).map((selector) => rewriteSelector(selector, scope)))].join(", ");
+}
+function scopeStyleRule(rule, scope) {
+	const selectors = scopeSelectorList(rule.selectorText, scope);
+	if (!selectors) return "";
+	const nested = Array.from(rule.cssRules, (child) => {
+		const { style } = child;
+		return style && !("selectorText" in child) ? style.cssText : child.cssText;
+	});
+	const body = [rule.style.cssText, ...nested].filter(Boolean).join(" ");
+	return body ? `${selectors} { ${body} }` : "";
+}
+function scopeRules(rules, scope) {
+	const out = [];
+	for (const rule of Array.from(rules)) if (rule instanceof CSSStyleRule) {
+		const css = scopeStyleRule(rule, scope);
+		if (css) out.push(css);
+	} else if (rule instanceof CSSImportRule) continue;
+	else if (rule instanceof CSSPageRule || !(rule instanceof CSSGroupingRule)) out.push(rule.cssText);
+	else {
+		const text = rule.cssText;
+		const header = text.slice(0, text.indexOf("{")).trim();
+		const body = scopeRules(rule.cssRules, scope);
+		if (body.length) out.push(`${header} {\n${body.join("\n")}\n}`);
+	}
+	return out;
+}
+/** Returns `css` rewritten so that it only affects descendants of (and the element carrying) `scope`. */
+function scopeThemeCss(css, scope = ".obsidian-theme") {
+	const sheet = new CSSStyleSheet();
+	sheet.replaceSync(css);
+	return scopeRules(sheet.cssRules, scope).join("\n");
+}
+//#endregion
+export { scopeSelectorList, scopeThemeCss };
+
+//# sourceMappingURL=scope-css.js.map

package/dist/features/themes/scope-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-css.js","names":[],"sources":["../../../src/features/themes/scope-css.ts"],"sourcesContent":["/**\n * Scopes an Obsidian theme stylesheet to the editor surface (browser only: parsing runs through the CSSOM).\n *\n * Every emitted selector starts with `scope`. Obsidian's document-level selectors (`html`, `:root`, `body`, `.theme-dark`,\n * `.theme-light`) land on the scope element, Obsidian's content-root classes land on `.tiptap`. `@import` is dropped (a\n * theme must not trigger remote fetches); `@font-face`, `@keyframes`, `@property` survive verbatim, conditional group\n * rules (`@media`, `@supports`, `@container`, `@layer`) are rewrapped around their scoped content.\n */\n\n/** Obsidian classes marking the rendered note body; the editor's counterpart is `.tiptap`. */\nconst CONTENT_ROOT = /(?<!\\\\)\\.(?:markdown-rendered|markdown-preview-view|markdown-reading-view|markdown-preview-sizer|markdown-source-view|cm-s-obsidian)(?![\\w-])/g\nconst ROOT_COMPOUND = /^(?:html|body|:root)(?![\\w-])/\nconst MODE_COMPOUND = /^\\.theme-(?:dark|light)(?![\\w-])/\nconst ROOT_DESCENDANT = /^(?:\\s*>\\s*|\\s+)(?:html|body|:root)(?![\\w-])/\nconst DUPLICATE_DESCENDANT = /(?<!\\\\)\\.tiptap(?![\\w-])(?:\\s*>\\s*|\\s+)\\.tiptap(?![\\w-])/g\nconst DUPLICATE_COMPOUND = /(?<!\\\\)\\.tiptap(?![\\w-])(?:\\.tiptap(?![\\w-]))+/g\n\ntype StyledRule = CSSRule & { style?: CSSStyleDeclaration }\n\n/** Index of the first character outside strings, brackets and parentheses for which `hit` is true; -1 if none. */\nfunction findTop(text: string, from: number, hit: (ch: string) => boolean): number {\n  let depth = 0\n  let quote = ''\n  for (let i = from; i < text.length; i++) {\n    const ch = text.charAt(i)\n    if (ch === '\\\\') {\n      i++\n      continue\n    }\n    if (quote) {\n      if (ch === quote) quote = ''\n      continue\n    }\n    if (ch === '\"' || ch === '\\'') quote = ch\n    else if (ch === '(' || ch === '[') depth++\n    else if (ch === ')' || ch === ']') depth--\n    else if (depth === 0 && hit(ch)) return i\n  }\n  return -1\n}\n\n/** Applies `fn` to every stretch of `text` outside quoted strings. */\nfunction mapUnquoted(text: string, fn: (chunk: string) => string): string {\n  let out = ''\n  let chunk = ''\n  let quote = ''\n  for (let i = 0; i < text.length; i++) {\n    const ch = text.charAt(i)\n    if (quote) {\n      out += ch\n      if (ch === '\\\\') out += text.charAt(++i)\n      else if (ch === quote) quote = ''\n    }\n    else if (ch === '\"' || ch === '\\'') {\n      out += fn(chunk) + ch\n      chunk = ''\n      quote = ch\n    }\n    else if (ch === '\\\\') chunk += ch + text.charAt(++i)\n    else chunk += ch\n  }\n  return out + fn(chunk)\n}\n\nfunction splitSelectorList(selectorText: string): string[] {\n  const parts: string[] = []\n  let start = 0\n  for (;;) {\n    const comma = findTop(selectorText, start, ch => ch === ',')\n    if (comma < 0) break\n    parts.push(selectorText.slice(start, comma))\n    start = comma + 1\n  }\n  parts.push(selectorText.slice(start))\n  return parts.map(part => part.trim()).filter(Boolean)\n}\n\n/** End (exclusive) of the compound selector starting at `from`: the next top-level whitespace or combinator. */\nfunction compoundEnd(selector: string, from: number): number {\n  const end = findTop(selector, from, ch => /[\\s>+~]/.test(ch))\n  return end < 0 ? selector.length : end\n}\n\nfunction collapseDuplicates(selector: string): string {\n  return mapUnquoted(selector, (chunk) => {\n    let current = chunk\n    for (;;) {\n      const next = current.replace(DUPLICATE_COMPOUND, '.tiptap').replace(DUPLICATE_DESCENDANT, '.tiptap')\n      if (next === current) return next\n      current = next\n    }\n  })\n}\n\nfunction rewriteSelector(selector: string, scope: string): string {\n  const sel = mapUnquoted(selector, chunk => chunk.replace(CONTENT_ROOT, '.tiptap'))\n  const end = compoundEnd(sel, 0)\n  const lead = sel.slice(0, end)\n  const root = ROOT_COMPOUND.exec(lead)\n  if (root) {\n    let result = scope + lead.slice(root[0].length)\n    let rest = sel.slice(end)\n    // `html body …` / `html > body …` all denote the scope element.\n    for (let match = ROOT_DESCENDANT.exec(rest); match; match = ROOT_DESCENDANT.exec(rest)) {\n      const after = rest.slice(match[0].length)\n      const attachedEnd = compoundEnd(after, 0)\n      result += after.slice(0, attachedEnd)\n      rest = after.slice(attachedEnd)\n    }\n    return collapseDuplicates(result + rest)\n  }\n  if (MODE_COMPOUND.test(lead)) return collapseDuplicates(scope + sel)\n  return collapseDuplicates(`${scope} ${sel}`)\n}\n\n/** Scopes a comma-separated selector list; duplicates produced by the mapping are removed. */\nexport function scopeSelectorList(selectorText: string, scope: string): string {\n  return [...new Set(splitSelectorList(selectorText).map(selector => rewriteSelector(selector, scope)))].join(', ')\n}\n\nfunction scopeStyleRule(rule: CSSStyleRule, scope: string): string {\n  const selectors = scopeSelectorList(rule.selectorText, scope)\n  if (!selectors) return ''\n  // Nested rules (CSS nesting) are relative to the rewritten parent selector and therefore kept verbatim.\n  const nested = Array.from(rule.cssRules, (child) => {\n    const { style } = child as StyledRule\n    return style && !('selectorText' in child) ? style.cssText : child.cssText\n  })\n  const body = [rule.style.cssText, ...nested].filter(Boolean).join(' ')\n  return body ? `${selectors} { ${body} }` : ''\n}\n\nfunction scopeRules(rules: CSSRuleList, scope: string): string[] {\n  const out: string[] = []\n  for (const rule of Array.from(rules)) {\n    if (rule instanceof CSSStyleRule) {\n      const css = scopeStyleRule(rule, scope)\n      if (css) out.push(css)\n    }\n    else if (rule instanceof CSSImportRule) continue\n    else if (rule instanceof CSSPageRule || !(rule instanceof CSSGroupingRule)) out.push(rule.cssText)\n    else {\n      const text = rule.cssText\n      const header = text.slice(0, text.indexOf('{')).trim()\n      const body = scopeRules(rule.cssRules, scope)\n      if (body.length) out.push(`${header} {\\n${body.join('\\n')}\\n}`)\n    }\n  }\n  return out\n}\n\n/** Returns `css` rewritten so that it only affects descendants of (and the element carrying) `scope`. */\nexport function scopeThemeCss(css: string, scope = '.obsidian-theme'): string {\n  const sheet = new CSSStyleSheet()\n  sheet.replaceSync(css)\n  return scopeRules(sheet.cssRules, scope).join('\\n')\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { FeatureContext } from "../../core/feature.js";
+//#region src/features/themes/theme-runtime.d.ts
+/** Class that scopes a theme's rules (`scopeThemeCss`) and the bridge stylesheet; the runtime puts it on `<html>`. */
+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`
+ * 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.
+ */
+export declare function startObsidianTheme(ctx: FeatureContext): () => void;
+//#endregion
+//# sourceMappingURL=theme-runtime.d.ts.map