waybetter 0.1.0 → 0.6.0

package/dist/shell/frame/themeStore.js

@@ -0,0 +1,252 @@
+// The shell's view of theming: the global theme choice, account/pane themes (scopes), installed
+// Google fonts and a theme editor's live preview. The app's settings, pane menus and the chrome
+// share it (they all live in the shell webview). Native code persists everything and themes the
+// site tabs; this module themes the app's own window with the same documents. What a theme
+// document is belongs to the app (`ThemeAdapter`); `createThemeStore(adapter)` makes the store the
+// app keeps and hands to the frame (`site.themes`).
+import { setChromeIconPack } from "./iconPack.js";
+import { BOOT_CACHE_KEY } from "./boot.js";
+import { invoke } from "./bridge.js";
+import { CHROME_VAR_NAMES, chromeVars } from "./chromeTheme.js";
+import { SCOPES_DEFAULT, normalizeScopes, prunePanes, themeIdFor } from "./themeScopes.js";
+import { safe } from "./safeStore.js";
+import { shell } from "./state.js";
+const getError = (error) => error instanceof Error ? error.message : String(error);
+export function createThemeStore(adapter) {
+    const state = { ready: false, choice: adapter.defaultChoice, scopes: SCOPES_DEFAULT, fonts: [], preview: null };
+    const listeners = new Set();
+    let snapshot = { ...state };
+    const emit = () => { snapshot = { ...state }; for (const listener of [...listeners])
+        listener(); applyChrome(); };
+    let loading = null;
+    /** Reads the persisted theme state once (every caller shares the same load). */
+    function loadThemes() {
+        loading ??= Promise.all([
+            adapter.load().catch(() => adapter.defaultChoice),
+            invoke('theme_scopes_get').then(normalizeScopes).catch(() => SCOPES_DEFAULT),
+            invoke('gfonts_installed').catch(() => []),
+        ]).then(([choice, scopes, fonts]) => {
+            Object.assign(state, { ready: true, choice, scopes, fonts: Array.isArray(fonts) ? fonts : [] });
+            committed = choice;
+            emit();
+        });
+        return loading;
+    }
+    /** The last choice native code acknowledged (an error reverts to it). */
+    let committed = null;
+    /** Shows `next` right away; `commit` persists it and themes every site tab (reverted on error). */
+    async function setChoice(next, commit = true) {
+        const previous = state.choice;
+        state.choice = next;
+        emit();
+        if (!commit)
+            return;
+        try {
+            await adapter.commit(next);
+            committed = next;
+        }
+        catch (error) {
+            state.choice = committed ?? previous;
+            emit();
+            throw new Error(getError(error));
+        }
+    }
+    async function setScopes(next) {
+        const previous = state.scopes;
+        state.scopes = normalizeScopes(next);
+        emit();
+        try {
+            await invoke('theme_scopes_set', { scopes: state.scopes });
+        }
+        catch (error) {
+            state.scopes = previous;
+            emit();
+            throw new Error(getError(error));
+        }
+    }
+    /** A theme editor's draft, shown in every site tab and the chrome until it is saved or closed. */
+    async function setPreview(theme) {
+        state.preview = theme;
+        emit();
+        try {
+            await adapter.preview(theme);
+        }
+        catch { /* Preview is best effort (browser preview). */ }
+    }
+    const themeState = () => state;
+    const allThemes = (choice = state.choice) => adapter.all(choice);
+    const knownTheme = (id, choice = state.choice) => allThemes(choice).some(theme => theme.id === id);
+    const themeName = (id) => allThemes().find(theme => theme.id === id)?.name ?? id;
+    /** The theme a tab (or pane) shows, as the chrome and the theme lists describe it. */
+    function tabTheme(tab) {
+        const found = themeIdFor(state.scopes, tab, adapter.preset(state.choice), id => knownTheme(id));
+        return { ...found, theme: adapter.resolve(adapter.choiceForId(state.choice, found.id)) };
+    }
+    // -------------------------------------------------------------------------------------------
+    // Google fonts in the shell (chrome, previews): registered from bytes like in the site's page.
+    const shellFonts = new Map();
+    function register(family, faces) {
+        for (const face of faces) {
+            const bytes = Uint8Array.from(atob(face.data), char => char.charCodeAt(0));
+            const [min, max] = face.weight;
+            const descriptors = { weight: min === max ? String(min) : `${min} ${max}`, style: 'normal', display: 'swap' };
+            if (face.unicodeRange)
+                descriptors.unicodeRange = face.unicodeRange;
+            const fontFace = new FontFace(family, bytes.buffer, descriptors);
+            document.fonts.add(fontFace);
+            void fontFace.load().catch(() => { });
+        }
+    }
+    /** Registers an installed Google font in the shell document once. */
+    function ensureShellFont(family) {
+        let pending = shellFonts.get(family);
+        if (!pending) {
+            pending = invoke('gfonts_faces', { family })
+                .then(result => { register(family, result.faces); return true; })
+                .catch(() => { shellFonts.delete(family); return false; });
+            shellFonts.set(family, pending);
+        }
+        return pending;
+    }
+    const previews = new Map();
+    let previewSeq = 0;
+    /**
+     * A text-subset preview of any Google font (a few KB, fetched natively): registers it under a
+     * private family name and resolves to that name, or null when it failed.
+     */
+    function previewFont(family, weights, text) {
+        const key = `${family}|${JSON.stringify(weights)}|${text}`;
+        let pending = previews.get(key);
+        if (!pending) {
+            const alias = `wbp-${++previewSeq}`;
+            const attempt = (tries) => invoke('gfonts_preview', { family, weights, text })
+                .then(faces => { register(alias, faces); return alias; })
+                .catch(error => {
+                // Six previews at most are in flight natively; the list retries shortly.
+                if (tries > 0 && /busy/i.test(getError(error)))
+                    return new Promise(done => setTimeout(() => done(attempt(tries - 1)), 250 + Math.random() * 400));
+                previews.delete(key);
+                return null;
+            });
+            pending = attempt(12);
+            previews.set(key, pending);
+        }
+        return pending;
+    }
+    async function installFont(family, weights) {
+        const font = await invoke('gfonts_install', { family, weights });
+        state.fonts = [...state.fonts.filter(item => item.family !== family), font].sort((a, b) => a.family.localeCompare(b.family));
+        shellFonts.delete(family);
+        emit();
+        return font;
+    }
+    async function removeFont(family) {
+        await invoke('gfonts_remove', { family });
+        state.fonts = state.fonts.filter(item => item.family !== family);
+        emit();
+    }
+    const isInstalled = (family) => state.fonts.some(font => font.family === family);
+    /** Google families a theme needs that are not downloaded yet. */
+    const missingFonts = (theme) => adapter.googleFonts(theme).filter(family => !isInstalled(family));
+    // -------------------------------------------------------------------------------------------
+    // Chrome
+    function setVars(element, vars) {
+        for (const name of CHROME_VAR_NAMES)
+            if (!(name in vars))
+                element.style.removeProperty(name);
+        for (const [name, value] of Object.entries(vars))
+            element.style.setProperty(name, value);
+    }
+    function chromeFontsFor(theme) {
+        for (const family of adapter.googleFonts(theme, ['chrome', 'mono']))
+            if (isInstalled(family))
+                void ensureShellFont(family);
+    }
+    /** The chrome follows the global theme (or the editor's draft); panes with their own theme follow theirs. */
+    function applyChrome() {
+        if (typeof document === 'undefined')
+            return;
+        // Safe mode: the frame's own look, whatever the theme (a theme may be what broke the chrome). The
+        // first-frame cache is left alone, so the next normal start paints the owner's theme again.
+        if (safe.active) {
+            setVars(document.documentElement, {});
+            syncGroups();
+            return;
+        }
+        if (!state.ready)
+            return;
+        const own = state.scopes.chrome === 'own';
+        const global = state.preview ?? adapter.resolve(state.choice);
+        chromeFontsFor(global);
+        const vars = chromeVars(adapter.chrome(global), own);
+        setVars(document.documentElement, vars);
+        try {
+            setChromeIconPack(own ? null : adapter.iconPack?.(global, state.choice) ?? null);
+        }
+        catch {
+            setChromeIconPack(null);
+        }
+        // The next start paints these from its first frame (boot.ts); an editor's draft is not kept.
+        if (!state.preview) {
+            try {
+                localStorage.setItem(BOOT_CACHE_KEY, JSON.stringify(vars));
+            }
+            catch { /* Best effort. */ }
+        }
+        syncGroups();
+    }
+    let dock = null;
+    /** Pane chrome: a dock group whose active tab shows another theme than the global one gets that theme. */
+    function syncGroups() {
+        const api = dock ?? shell.api;
+        if (!api)
+            return;
+        const own = state.scopes.chrome === 'own';
+        for (const group of api.groups) {
+            const params = group.activePanel?.params;
+            const tab = params && (params.kind === 'web' || params.kind === 'start') ? { id: params.kind === 'web' ? group.activePanel.id : undefined, profile: params.profile ?? 'default' } : null;
+            const scoped = !own && !safe.active && !state.preview && tab ? tabTheme(tab) : null;
+            const element = group.element;
+            if (scoped && scoped.source !== 'global') {
+                chromeFontsFor(scoped.theme);
+                element.classList.add('wb-pane-theme');
+                setVars(element, chromeVars(adapter.chrome(scoped.theme)));
+                element.dataset.wbTheme = scoped.id;
+            }
+            else if (element.classList.contains('wb-pane-theme')) {
+                element.classList.remove('wb-pane-theme');
+                setVars(element, {});
+                delete element.dataset.wbTheme;
+            }
+        }
+    }
+    // Safe mode switched: the chrome drops (or takes back) the theme at once.
+    if (typeof window !== 'undefined')
+        window.addEventListener('bt-safe', applyChrome);
+    /** Shell.tsx hands over the dock once it exists: pane chrome follows focus and layout changes. */
+    function attachDock(api) {
+        dock = api;
+        const sync = () => requestAnimationFrame(syncGroups);
+        api.onDidActivePanelChange(sync);
+        api.onDidLayoutChange(sync);
+        api.onDidAddPanel(sync);
+        api.onDidRemovePanel(() => {
+            sync();
+            // A closed pane's theme goes with it.
+            const open = api.panels.map(panel => panel.id);
+            const pruned = prunePanes(state.scopes, open);
+            if (pruned !== state.scopes && !shell.restoring)
+                void setScopes(pruned).catch(() => { });
+        });
+        window.addEventListener('bt-profiles', sync);
+        void loadThemes().then(sync);
+    }
+    /** For `useThemeState` (hooks.ts): subscribe, and the current snapshot. */
+    const subscribe = (listener) => { listeners.add(listener); return () => { listeners.delete(listener); }; };
+    const current = () => snapshot;
+    return {
+        adapter, loadThemes, setChoice, setScopes, setPreview, themeState, allThemes, knownTheme, themeName, tabTheme,
+        ensureShellFont, previewFont, installFont, removeFont, isInstalled, missingFonts, attachDock, subscribe, current,
+    };
+}
+//# sourceMappingURL=themeStore.js.map

package/dist/shell/frame/themeStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeStore.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/themeStore.ts"],"names":[],"mappings":"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","sourcesContent":["// The shell's view of theming: the global theme choice, account/pane themes (scopes), installed\n// Google fonts and a theme editor's live preview. The app's settings, pane menus and the chrome\n// share it (they all live in the shell webview). Native code persists everything and themes the\n// site tabs; this module themes the app's own window with the same documents. What a theme\n// document is belongs to the app (`ThemeAdapter`); `createThemeStore(adapter)` makes the store the\n// app keeps and hands to the frame (`site.themes`).\n\nimport type { IconPack } from '../../../runtime/src/themeIcons.ts';\nimport { setChromeIconPack } from './iconPack.tsx';\nimport type { DockviewApi } from 'dockview';\nimport { BOOT_CACHE_KEY } from './boot.ts';\nimport { invoke } from './bridge.ts';\nimport { CHROME_VAR_NAMES, chromeVars, type ChromeTheme } from './chromeTheme.ts';\nimport { SCOPES_DEFAULT, normalizeScopes, prunePanes, themeIdFor, type ScopeSource, type ThemeScopes } from './themeScopes.ts';\nimport { safe } from './safeStore.ts';\nimport { shell, type TabParams } from './state.ts';\n\nexport type Weights = { kind: 'range'; min: number; max: number } | { kind: 'list'; values: number[] };\nexport type InstalledFont = { family: string; weights: Weights; bytes: number; faces: number; installedAt: string };\ntype FaceData = { weight: [number, number]; unicodeRange: string | null; data: string };\n\n/** A theme document as the frame needs it: an id and a name (the rest is the app's). */\nexport type ThemeDoc = { id: string; name: string };\n\n/** What the app's themes are and how native code stores them. */\nexport type ThemeAdapter<Choice = unknown, Spec extends ThemeDoc = ThemeDoc> = {\n  /** The choice before anything is read (and when reading fails). */\n  defaultChoice: Choice;\n  /** Reads the persisted global choice (normalized). */\n  load(): Promise<Choice>;\n  /** Persists `choice` and themes every site tab (throws native code's error). */\n  commit(choice: Choice): Promise<void>;\n  /** Shows `spec` (a draft) in every site tab until it is saved or closed; null ends it. */\n  preview(spec: Spec | null): Promise<void>;\n  /** The theme document a choice shows (its customizations applied). */\n  resolve(choice: Choice): Spec;\n  /** The chosen theme's id. */\n  preset(choice: Choice): string;\n  /** The choice a theme id stands for: the global choice itself, or that theme without customizations. */\n  choiceForId(choice: Choice, id: string): Choice;\n  /** Every theme that can be picked: built-in ones and the choice's imported ones. */\n  all(choice: Choice): Spec[];\n  /** Google font families a theme uses (in `roles` only, when given). */\n  googleFonts(spec: Spec, roles?: readonly string[]): string[];\n  /** The chrome's colors and fonts for a theme. */\n  chrome(spec: Spec): ChromeTheme;\n  /** The icon pack a theme suggests for the chrome (theme engine v2); absent: the frame's own glyphs. */\n  iconPack?(spec: Spec, choice?: Choice): IconPack | null;\n  /** Three swatch colors for menus (page, text, accent, on the theme's surface and border). */\n  dots(spec: Spec): { page: string; bg: string; border: string; text: string; accent: string };\n};\n\nexport type ThemeState<Choice, Spec> = { ready: boolean; choice: Choice; scopes: ThemeScopes; fonts: InstalledFont[]; preview: Spec | null };\n\nconst getError = (error: unknown) => error instanceof Error ? error.message : String(error);\n\nexport type ThemeStore<Choice = unknown, Spec extends ThemeDoc = ThemeDoc> = ReturnType<typeof createThemeStore<Choice, Spec>>;\n\nexport function createThemeStore<Choice, Spec extends ThemeDoc>(adapter: ThemeAdapter<Choice, Spec>) {\n  const state: ThemeState<Choice, Spec> = { ready: false, choice: adapter.defaultChoice, scopes: SCOPES_DEFAULT, fonts: [], preview: null };\n  const listeners = new Set<() => void>();\n  let snapshot = { ...state };\n  const emit = () => { snapshot = { ...state }; for (const listener of [...listeners]) listener(); applyChrome(); };\n\n  let loading: Promise<void> | null = null;\n  /** Reads the persisted theme state once (every caller shares the same load). */\n  function loadThemes(): Promise<void> {\n    loading ??= Promise.all([\n      adapter.load().catch(() => adapter.defaultChoice),\n      invoke<unknown>('theme_scopes_get').then(normalizeScopes).catch(() => SCOPES_DEFAULT),\n      invoke<InstalledFont[]>('gfonts_installed').catch(() => [] as InstalledFont[]),\n    ]).then(([choice, scopes, fonts]) => {\n      Object.assign(state, { ready: true, choice, scopes, fonts: Array.isArray(fonts) ? fonts : [] });\n      committed = choice;\n      emit();\n    });\n    return loading;\n  }\n\n  /** The last choice native code acknowledged (an error reverts to it). */\n  let committed: Choice | null = null;\n  /** Shows `next` right away; `commit` persists it and themes every site tab (reverted on error). */\n  async function setChoice(next: Choice, commit = true): Promise<void> {\n    const previous = state.choice;\n    state.choice = next;\n    emit();\n    if (!commit) return;\n    try { await adapter.commit(next); committed = next; }\n    catch (error) { state.choice = committed ?? previous; emit(); throw new Error(getError(error)); }\n  }\n  async function setScopes(next: ThemeScopes): Promise<void> {\n    const previous = state.scopes;\n    state.scopes = normalizeScopes(next);\n    emit();\n    try { await invoke('theme_scopes_set', { scopes: state.scopes }); }\n    catch (error) { state.scopes = previous; emit(); throw new Error(getError(error)); }\n  }\n\n  /** A theme editor's draft, shown in every site tab and the chrome until it is saved or closed. */\n  async function setPreview(theme: Spec | null): Promise<void> {\n    state.preview = theme;\n    emit();\n    try { await adapter.preview(theme); } catch { /* Preview is best effort (browser preview). */ }\n  }\n\n  const themeState = () => state;\n  const allThemes = (choice: Choice = state.choice) => adapter.all(choice);\n  const knownTheme = (id: string, choice: Choice = state.choice) => allThemes(choice).some(theme => theme.id === id);\n  const themeName = (id: string) => allThemes().find(theme => theme.id === id)?.name ?? id;\n\n  /** The theme a tab (or pane) shows, as the chrome and the theme lists describe it. */\n  function tabTheme(tab: { id?: string; profile?: string }): { id: string; source: ScopeSource; theme: Spec } {\n    const found = themeIdFor(state.scopes, tab, adapter.preset(state.choice), id => knownTheme(id));\n    return { ...found, theme: adapter.resolve(adapter.choiceForId(state.choice, found.id)) };\n  }\n\n  // -------------------------------------------------------------------------------------------\n  // Google fonts in the shell (chrome, previews): registered from bytes like in the site's page.\n\n  const shellFonts = new Map<string, Promise<boolean>>();\n  function register(family: string, faces: FaceData[]) {\n    for (const face of faces) {\n      const bytes = Uint8Array.from(atob(face.data), char => char.charCodeAt(0));\n      const [min, max] = face.weight;\n      const descriptors: FontFaceDescriptors = { weight: min === max ? String(min) : `${min} ${max}`, style: 'normal', display: 'swap' };\n      if (face.unicodeRange) descriptors.unicodeRange = face.unicodeRange;\n      const fontFace = new FontFace(family, bytes.buffer, descriptors);\n      document.fonts.add(fontFace);\n      void fontFace.load().catch(() => {});\n    }\n  }\n  /** Registers an installed Google font in the shell document once. */\n  function ensureShellFont(family: string): Promise<boolean> {\n    let pending = shellFonts.get(family);\n    if (!pending) {\n      pending = invoke<{ faces: FaceData[] }>('gfonts_faces', { family })\n        .then(result => { register(family, result.faces); return true; })\n        .catch(() => { shellFonts.delete(family); return false; });\n      shellFonts.set(family, pending);\n    }\n    return pending;\n  }\n\n  const previews = new Map<string, Promise<string | null>>();\n  let previewSeq = 0;\n  /**\n   * A text-subset preview of any Google font (a few KB, fetched natively): registers it under a\n   * private family name and resolves to that name, or null when it failed.\n   */\n  function previewFont(family: string, weights: Weights, text: string): Promise<string | null> {\n    const key = `${family}|${JSON.stringify(weights)}|${text}`;\n    let pending = previews.get(key);\n    if (!pending) {\n      const alias = `wbp-${++previewSeq}`;\n      const attempt = (tries: number): Promise<string | null> => invoke<FaceData[]>('gfonts_preview', { family, weights, text })\n        .then(faces => { register(alias, faces); return alias; })\n        .catch(error => {\n          // Six previews at most are in flight natively; the list retries shortly.\n          if (tries > 0 && /busy/i.test(getError(error))) return new Promise<string | null>(done => setTimeout(() => done(attempt(tries - 1)), 250 + Math.random() * 400));\n          previews.delete(key);\n          return null;\n        });\n      pending = attempt(12);\n      previews.set(key, pending);\n    }\n    return pending;\n  }\n\n  async function installFont(family: string, weights: Weights): Promise<InstalledFont> {\n    const font = await invoke<InstalledFont>('gfonts_install', { family, weights });\n    state.fonts = [...state.fonts.filter(item => item.family !== family), font].sort((a, b) => a.family.localeCompare(b.family));\n    shellFonts.delete(family);\n    emit();\n    return font;\n  }\n\n  async function removeFont(family: string): Promise<void> {\n    await invoke('gfonts_remove', { family });\n    state.fonts = state.fonts.filter(item => item.family !== family);\n    emit();\n  }\n\n  const isInstalled = (family: string) => state.fonts.some(font => font.family === family);\n  /** Google families a theme needs that are not downloaded yet. */\n  const missingFonts = (theme: Spec) => adapter.googleFonts(theme).filter(family => !isInstalled(family));\n\n  // -------------------------------------------------------------------------------------------\n  // Chrome\n\n  function setVars(element: HTMLElement, vars: Record<string, string>) {\n    for (const name of CHROME_VAR_NAMES) if (!(name in vars)) element.style.removeProperty(name);\n    for (const [name, value] of Object.entries(vars)) element.style.setProperty(name, value);\n  }\n\n  function chromeFontsFor(theme: Spec) {\n    for (const family of adapter.googleFonts(theme, ['chrome', 'mono'])) if (isInstalled(family)) void ensureShellFont(family);\n  }\n\n  /** The chrome follows the global theme (or the editor's draft); panes with their own theme follow theirs. */\n  function applyChrome() {\n    if (typeof document === 'undefined') return;\n    // Safe mode: the frame's own look, whatever the theme (a theme may be what broke the chrome). The\n    // first-frame cache is left alone, so the next normal start paints the owner's theme again.\n    if (safe.active) { setVars(document.documentElement, {}); syncGroups(); return; }\n    if (!state.ready) return;\n    const own = state.scopes.chrome === 'own';\n    const global = state.preview ?? adapter.resolve(state.choice);\n    chromeFontsFor(global);\n    const vars = chromeVars(adapter.chrome(global), own);\n    setVars(document.documentElement, vars);\n    try { setChromeIconPack(own ? null : adapter.iconPack?.(global, state.choice) ?? null); } catch { setChromeIconPack(null); }\n    // The next start paints these from its first frame (boot.ts); an editor's draft is not kept.\n    if (!state.preview) { try { localStorage.setItem(BOOT_CACHE_KEY, JSON.stringify(vars)); } catch { /* Best effort. */ } }\n    syncGroups();\n  }\n\n  let dock: DockviewApi | null = null;\n  /** Pane chrome: a dock group whose active tab shows another theme than the global one gets that theme. */\n  function syncGroups() {\n    const api = dock ?? shell.api;\n    if (!api) return;\n    const own = state.scopes.chrome === 'own';\n    for (const group of api.groups) {\n      const params = group.activePanel?.params as TabParams | undefined;\n      const tab = params && (params.kind === 'web' || params.kind === 'start') ? { id: params.kind === 'web' ? group.activePanel!.id : undefined, profile: params.profile ?? 'default' } : null;\n      const scoped = !own && !safe.active && !state.preview && tab ? tabTheme(tab) : null;\n      const element = group.element;\n      if (scoped && scoped.source !== 'global') {\n        chromeFontsFor(scoped.theme);\n        element.classList.add('wb-pane-theme');\n        setVars(element, chromeVars(adapter.chrome(scoped.theme)));\n        element.dataset.wbTheme = scoped.id;\n      } else if (element.classList.contains('wb-pane-theme')) {\n        element.classList.remove('wb-pane-theme');\n        setVars(element, {});\n        delete element.dataset.wbTheme;\n      }\n    }\n  }\n\n  // Safe mode switched: the chrome drops (or takes back) the theme at once.\n  if (typeof window !== 'undefined') window.addEventListener('bt-safe', applyChrome);\n\n  /** Shell.tsx hands over the dock once it exists: pane chrome follows focus and layout changes. */\n  function attachDock(api: DockviewApi) {\n    dock = api;\n    const sync = () => requestAnimationFrame(syncGroups);\n    api.onDidActivePanelChange(sync);\n    api.onDidLayoutChange(sync);\n    api.onDidAddPanel(sync);\n    api.onDidRemovePanel(() => {\n      sync();\n      // A closed pane's theme goes with it.\n      const open = api.panels.map(panel => panel.id);\n      const pruned = prunePanes(state.scopes, open);\n      if (pruned !== state.scopes && !shell.restoring) void setScopes(pruned).catch(() => {});\n    });\n    window.addEventListener('bt-profiles', sync);\n    void loadThemes().then(sync);\n  }\n\n  /** For `useThemeState` (hooks.ts): subscribe, and the current snapshot. */\n  const subscribe = (listener: () => void) => { listeners.add(listener); return () => { listeners.delete(listener); }; };\n  const current = () => snapshot;\n\n  return {\n    adapter, loadThemes, setChoice, setScopes, setPreview, themeState, allThemes, knownTheme, themeName, tabTheme,\n    ensureShellFont, previewFont, installFont, removeFont, isInstalled, missingFonts, attachDock, subscribe, current,\n  };\n}\n"]}

package/dist/shell/frame/windowBinding.d.ts

@@ -0,0 +1,2 @@
+export { frameless, isTauri, os, type ResizeDirection } from '../windowControls.ts';
+export declare const minimize: () => Promise<void>, toggleMaximize: () => Promise<void>, close: () => Promise<void>, startResize: (direction: import("./windowBinding.ts").ResizeDirection) => Promise<void>, startDrag: () => void, onMaximizedChange: (cb: (maximized: boolean) => void) => Promise<() => void>, systemMenu: (x: number, y: number) => Promise<unknown>;

package/dist/shell/frame/windowBinding.js

@@ -0,0 +1,7 @@
+// The frame's window controls (custom titlebar, grips, caption buttons), bound to the app's Tauri
+// API as handed to createShell.
+import { createWindowControls } from "../windowControls.js";
+import { currentWindow, invoke } from "./bridge.js";
+export { frameless, isTauri, os } from "../windowControls.js";
+export const { minimize, toggleMaximize, close, startResize, startDrag, onMaximizedChange, systemMenu } = createWindowControls((command, args) => invoke(command, args), currentWindow);
+//# sourceMappingURL=windowBinding.js.map

package/dist/shell/frame/windowBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowBinding.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/windowBinding.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,gCAAgC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAwB,MAAM,sBAAsB,CAAC;AAEpF,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACrG,oBAAoB,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC","sourcesContent":["// The frame's window controls (custom titlebar, grips, caption buttons), bound to the app's Tauri\n// API as handed to createShell.\n\nimport { createWindowControls } from '../windowControls.ts';\nimport { currentWindow, invoke } from './bridge.ts';\n\nexport { frameless, isTauri, os, type ResizeDirection } from '../windowControls.ts';\n\nexport const { minimize, toggleMaximize, close, startResize, startDrag, onMaximizedChange, systemMenu } =\n  createWindowControls((command, args) => invoke(command, args), currentWindow);\n"]}

package/dist/shell/frame/workspaceModel.d.ts

@@ -0,0 +1,82 @@
+export declare const WORKSPACE_LIMITS: Readonly<{
+    /** Saved workspaces. */
+    count: 20;
+    name: 60;
+    /** Tabs in one workspace. */
+    tabs: 64;
+    /** Serialized size of one workspace (JSON characters). */
+    bytes: number;
+    url: 4096;
+    title: 300;
+}>;
+export type WorkspaceTab = {
+    kind: 'web' | 'panel' | 'start' | 'deck';
+    url?: string;
+    profile?: string;
+    title?: string;
+};
+export type Workspace = {
+    id: string;
+    name: string;
+    savedAt: string;
+    /** dockview's `SerializedDockview`, reduced (see `captureWorkspace`). */
+    layout: SerializedLayout;
+    /** Pane themes of this workspace's tabs: tab id (in `layout`) → theme id. */
+    paneThemes: Record<string, string>;
+    /** Decks the workspace shows (Power User Mode), so a deck deleted since can come back. */
+    decks?: unknown[];
+};
+export type WorkspaceStore = {
+    version: 1;
+    default: string | null;
+    items: Workspace[];
+};
+export declare const EMPTY_WORKSPACES: WorkspaceStore;
+type Json = Record<string, unknown>;
+export type SerializedLayout = {
+    grid: Json;
+    panels: Record<string, Json>;
+    activeGroup?: string;
+    floatingGroups?: unknown[];
+    popoutGroups?: unknown[];
+};
+export declare function httpUrl(value: unknown): string | null;
+export declare function cleanName(value: unknown): string;
+/** A slug for a new workspace id, unique among `taken`. */
+export declare function workspaceId(name: string, taken: Iterable<string>): string;
+export type CaptureInput = {
+    id: string;
+    name: string;
+    layout: unknown;
+    /** The pane theme map (`ThemeScopes.panes`); only this layout's tabs are kept. */
+    paneThemes?: Record<string, string>;
+    decks?: Array<{
+        id: string;
+    }>;
+    now?: Date;
+};
+/** Makes a workspace from the live dockview layout. Throws when there is nothing to keep or it is too large. */
+export declare function captureWorkspace(input: CaptureInput): Workspace;
+/** Tabs of a workspace in layout order (for menus: "3 tabs · x.com/home, …"). */
+export declare function workspaceTabs(workspace: Workspace): WorkspaceTab[];
+export type RestorePlan = {
+    layout: SerializedLayout;
+    /** Pane themes for the restored tab ids. */
+    paneThemes: Record<string, string>;
+    /** Tab id in the workspace → id it gets now. */
+    ids: Record<string, string>;
+};
+/**
+ * The layout to hand dockview's `fromJSON`: web and new-tab pages get fresh ids from `newId`
+ * (a live tab never keeps its webview across a switch), deck and wayBetter tabs keep theirs.
+ * `profileKnown` drops accounts that no longer exist (the tab opens in the default account).
+ */
+export declare function planRestore(workspace: Workspace, newId: () => string, profileKnown?: (id: string) => boolean): RestorePlan;
+/** Parses what native code returned; anything malformed is dropped, never thrown. */
+export declare function normalizeWorkspaces(value: unknown): WorkspaceStore;
+/** Adds or replaces (same id) a workspace; the list stays bounded. */
+export declare function upsertWorkspace(store: WorkspaceStore, workspace: Workspace): WorkspaceStore;
+export declare function removeWorkspace(store: WorkspaceStore, id: string): WorkspaceStore;
+export declare function renameWorkspace(store: WorkspaceStore, id: string, name: string): WorkspaceStore;
+export declare function setDefaultWorkspace(store: WorkspaceStore, id: string | null): WorkspaceStore;
+export {};

package/dist/shell/frame/workspaceModel.js

@@ -0,0 +1,250 @@
+// Workspaces: named snapshots of the tab/pane/deck layout (each tab's URL, account profile and pane
+// theme), restored with one click, switched from Ctrl+K and the titlebar menu, one optionally
+// opened on start. Pure (no Tauri/DOM imports) so it is unit-tested under node. Stored natively
+// (`workspaces_get` / `workspaces_set`; waybetter-host `workspaces` re-checks the same bounds).
+//
+// A workspace keeps dockview's own serialized layout, reduced to what reopening needs: panels of
+// the kinds the shell knows, their params without transient state (loading, nonces), http(s)
+// URLs only. Restoring gives every web/new-tab page a fresh id (so it opens as a new webview and
+// never inherits a live tab's state); deck tabs and the app's panel keep their fixed ids.
+import { t } from "./i18n.js";
+export const WORKSPACE_LIMITS = Object.freeze({
+    /** Saved workspaces. */
+    count: 20,
+    name: 60,
+    /** Tabs in one workspace. */
+    tabs: 64,
+    /** Serialized size of one workspace (JSON characters). */
+    bytes: 256 * 1024,
+    url: 4096,
+    title: 300,
+});
+export const EMPTY_WORKSPACES = { version: 1, default: null, items: [] };
+const KINDS = new Set(['web', 'panel', 'start', 'deck']);
+/** Params each kind keeps; everything else (loading, nonce, favicon, besideOf, ...) is dropped. */
+const KEEP = {
+    web: ['kind', 'url', 'profile', 'title', 'pinned'],
+    panel: ['kind', 'section', 'pinned'],
+    start: ['kind', 'profile', 'pinned'],
+    deck: ['kind', 'deckId', 'pinned'],
+};
+const ID = /^[A-Za-z0-9_-]{1,64}$/;
+const THEME_ID = /^[a-z0-9-]{1,40}$/;
+const WORKSPACE_ID = /^[a-z0-9-]{1,40}$/;
+const isObject = (value) => !!value && typeof value === 'object' && !Array.isArray(value);
+export function httpUrl(value) {
+    if (typeof value !== 'string' || value.length > WORKSPACE_LIMITS.url)
+        return null;
+    try {
+        const url = new URL(value);
+        return url.protocol === 'https:' || url.protocol === 'http:' ? url.href : null;
+    }
+    catch {
+        return null;
+    }
+}
+export function cleanName(value) {
+    // eslint-disable-next-line no-control-regex
+    return typeof value === 'string' ? value.replace(/[\u0000-\u001f\u007f]+/g, ' ').replace(/\s+/g, ' ').trim().slice(0, WORKSPACE_LIMITS.name) : '';
+}
+/** A slug for a new workspace id, unique among `taken`. */
+export function workspaceId(name, taken) {
+    const used = new Set(taken);
+    const base = cleanName(name).toLowerCase().normalize('NFKD').replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').slice(0, 32) || 'workspace';
+    let id = base;
+    for (let n = 2; used.has(id); n += 1)
+        id = `${base}-${n}`;
+    return id;
+}
+/** A panel's params reduced to what reopening needs, or null when the panel cannot be kept. */
+function cleanParams(params) {
+    if (!isObject(params) || typeof params.kind !== 'string' || !KINDS.has(params.kind))
+        return null;
+    const out = {};
+    for (const key of KEEP[params.kind]) {
+        const value = params[key];
+        if (value === undefined || value === null)
+            continue;
+        if (key === 'url') {
+            const url = httpUrl(value);
+            if (!url)
+                return null;
+            out.url = url;
+        }
+        else if (key === 'pinned') {
+            if (value === true)
+                out.pinned = true;
+        }
+        else if (key === 'title') {
+            if (typeof value === 'string')
+                out.title = value.slice(0, WORKSPACE_LIMITS.title);
+        }
+        else if (typeof value === 'string' && value.length <= 64) {
+            out[key] = value;
+        }
+    }
+    if (params.kind === 'web' && !out.url)
+        return null;
+    if (params.kind === 'deck' && typeof out.deckId !== 'string')
+        return null;
+    return out;
+}
+/** Visits every group's `views`/`activeView` in the grid and in floating/popout groups. */
+function mapGroups(value, fn) {
+    if (Array.isArray(value)) {
+        for (const item of value)
+            mapGroups(item, fn);
+        return;
+    }
+    if (!isObject(value))
+        return;
+    if (Array.isArray(value.views))
+        fn(value);
+    for (const [key, child] of Object.entries(value))
+        if (key !== 'views')
+            mapGroups(child, fn);
+}
+const clone = (value) => JSON.parse(JSON.stringify(value));
+/** Drops views whose panel is gone; returns the tab ids still referenced. */
+function pruneViews(layout) {
+    const referenced = new Set();
+    mapGroups([layout.grid, layout.floatingGroups, layout.popoutGroups], group => {
+        const views = group.views.filter((id) => typeof id === 'string' && id in layout.panels);
+        group.views = views;
+        if (typeof group.activeView === 'string' && !views.includes(group.activeView))
+            group.activeView = views[0];
+        for (const id of views)
+            referenced.add(id);
+    });
+    return referenced;
+}
+/** Makes a workspace from the live dockview layout. Throws when there is nothing to keep or it is too large. */
+export function captureWorkspace(input) {
+    const name = cleanName(input.name);
+    if (!name)
+        throw new Error('A workspace needs a name.');
+    if (!WORKSPACE_ID.test(input.id))
+        throw new Error(t('wb.ws.err.id'));
+    const raw = input.layout;
+    if (!isObject(raw) || !isObject(raw.grid) || !isObject(raw.panels))
+        throw new Error(t('wb.ws.err.noLayout'));
+    const layout = clone(raw);
+    const panels = {};
+    for (const [id, panel] of Object.entries(layout.panels)) {
+        if (!ID.test(id) || !isObject(panel))
+            continue;
+        const params = cleanParams(panel.params);
+        if (!params)
+            continue;
+        const title = typeof panel.title === 'string' ? panel.title.slice(0, WORKSPACE_LIMITS.title) : undefined;
+        panels[id] = { id, contentComponent: panel.contentComponent, params, ...(title ? { title } : {}) };
+    }
+    layout.panels = panels;
+    const kept = pruneViews(layout);
+    for (const id of Object.keys(layout.panels))
+        if (!kept.has(id))
+            delete layout.panels[id];
+    const count = Object.keys(layout.panels).length;
+    if (!count)
+        throw new Error(t('wb.ws.err.noTabs'));
+    if (count > WORKSPACE_LIMITS.tabs)
+        throw new Error(`A workspace holds at most ${WORKSPACE_LIMITS.tabs} tabs.`);
+    const paneThemes = {};
+    for (const [tab, theme] of Object.entries(input.paneThemes ?? {})) {
+        if (tab in layout.panels && typeof theme === 'string' && THEME_ID.test(theme))
+            paneThemes[tab] = theme;
+    }
+    const deckIds = new Set(Object.values(layout.panels).map(panel => panel.params.deckId).filter((id) => typeof id === 'string'));
+    const decks = (input.decks ?? []).filter(deck => deckIds.has(deck.id));
+    const workspace = {
+        id: input.id,
+        name,
+        savedAt: (input.now ?? new Date()).toISOString(),
+        layout,
+        paneThemes,
+        ...(decks.length ? { decks: clone(decks) } : {}),
+    };
+    if (JSON.stringify(workspace).length > WORKSPACE_LIMITS.bytes)
+        throw new Error(t('wb.ws.err.tooLarge'));
+    return workspace;
+}
+/** Tabs of a workspace in layout order (for menus: "3 tabs · x.com/home, …"). */
+export function workspaceTabs(workspace) {
+    const order = [];
+    mapGroups([workspace.layout.grid, workspace.layout.floatingGroups], group => { for (const id of group.views)
+        if (!order.includes(id))
+            order.push(id); });
+    return order.map(id => workspace.layout.panels[id]?.params).filter((tab) => !!tab);
+}
+/**
+ * The layout to hand dockview's `fromJSON`: web and new-tab pages get fresh ids from `newId`
+ * (a live tab never keeps its webview across a switch), deck and wayBetter tabs keep theirs.
+ * `profileKnown` drops accounts that no longer exist (the tab opens in the default account).
+ */
+export function planRestore(workspace, newId, profileKnown = () => true) {
+    const layout = clone(workspace.layout);
+    const ids = {};
+    const panels = {};
+    for (const [id, panel] of Object.entries(layout.panels)) {
+        const params = cleanParams(panel.params);
+        if (!params)
+            continue;
+        if (typeof params.profile === 'string' && !profileKnown(params.profile))
+            delete params.profile;
+        const fresh = params.kind === 'web' || params.kind === 'start' ? newId() : id;
+        ids[id] = fresh;
+        panels[fresh] = { ...panel, id: fresh, params };
+    }
+    layout.panels = panels;
+    mapGroups([layout.grid, layout.floatingGroups, layout.popoutGroups], group => {
+        group.views = group.views.map(id => (typeof id === 'string' ? ids[id] : undefined)).filter((id) => !!id);
+        if (typeof group.activeView === 'string')
+            group.activeView = ids[group.activeView] ?? group.views[0];
+    });
+    pruneViews(layout);
+    const paneThemes = {};
+    for (const [tab, theme] of Object.entries(workspace.paneThemes ?? {}))
+        if (ids[tab])
+            paneThemes[ids[tab]] = theme;
+    return { layout, paneThemes, ids };
+}
+/** Parses what native code returned; anything malformed is dropped, never thrown. */
+export function normalizeWorkspaces(value) {
+    if (!isObject(value) || !Array.isArray(value.items))
+        return { ...EMPTY_WORKSPACES, items: [] };
+    const items = [];
+    for (const item of value.items) {
+        if (!isObject(item) || typeof item.id !== 'string' || !WORKSPACE_ID.test(item.id) || items.some(other => other.id === item.id))
+            continue;
+        const name = cleanName(item.name);
+        if (!name || !isObject(item.layout) || !isObject(item.layout.grid) || !isObject(item.layout.panels))
+            continue;
+        const paneThemes = isObject(item.paneThemes) ? Object.fromEntries(Object.entries(item.paneThemes).filter(([, theme]) => typeof theme === 'string' && THEME_ID.test(theme))) : {};
+        items.push({ id: item.id, name, savedAt: typeof item.savedAt === 'string' ? item.savedAt : '', layout: item.layout, paneThemes, ...(Array.isArray(item.decks) ? { decks: item.decks } : {}) });
+        if (items.length >= WORKSPACE_LIMITS.count)
+            break;
+    }
+    const fallback = typeof value.default === 'string' && items.some(item => item.id === value.default) ? value.default : null;
+    return { version: 1, default: fallback, items };
+}
+/** Adds or replaces (same id) a workspace; the list stays bounded. */
+export function upsertWorkspace(store, workspace) {
+    const exists = store.items.some(item => item.id === workspace.id);
+    if (!exists && store.items.length >= WORKSPACE_LIMITS.count)
+        throw new Error(t('wb.ws.err.tooMany', { count: WORKSPACE_LIMITS.count }));
+    const items = exists ? store.items.map(item => (item.id === workspace.id ? workspace : item)) : [...store.items, workspace];
+    return { ...store, items };
+}
+export function removeWorkspace(store, id) {
+    return { version: 1, default: store.default === id ? null : store.default, items: store.items.filter(item => item.id !== id) };
+}
+export function renameWorkspace(store, id, name) {
+    const clean = cleanName(name);
+    if (!clean)
+        throw new Error('A workspace needs a name.');
+    return { ...store, items: store.items.map(item => (item.id === id ? { ...item, name: clean } : item)) };
+}
+export function setDefaultWorkspace(store, id) {
+    return { ...store, default: id && store.items.some(item => item.id === id) ? id : null };
+}
+//# sourceMappingURL=workspaceModel.js.map