waybetter 0.1.1 → 0.6.0

package/dist/shell/panel/LanguageSettings.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Settings → Language: follow the site, follow the system, or pick one of the languages the app has
+// a catalog for (`PanelSite.languages`, the app's frame/language.ts state). Supported languages come
+// first, community translations (machine drafts nobody has reviewed) in a group below; the two
+// automatic choices only pick supported ones, so a community language the site or system uses is
+// offered as a one-click switch. Machine-drafted translations link to the app's contributor guide.
+import { useMemo, useSyncExternalStore } from 'react';
+import { invoke } from "../frame/bridge.js";
+import { useT } from "../frame/hooks.js";
+import { formatNumber } from "../frame/i18n.js";
+import { Badge, Row, Section, Select } from "./controls.js";
+import { groupLanguages } from "./languageModel.js";
+import { panelSite } from "./site.js";
+/** The language state as a store for React (the snapshot only changes when the state does). */
+function languageStore(languages) {
+    let cached = languages.state();
+    const snapshot = () => {
+        const next = languages.state();
+        if (next.preference !== cached.preference || next.siteLang !== cached.siteLang || next.locale !== cached.locale || next.system !== cached.system || next.community !== cached.community)
+            cached = next;
+        return cached;
+    };
+    return { subscribe: (listener) => languages.subscribe(listener), snapshot };
+}
+export function LanguageSettings() {
+    const t = useT();
+    const languages = panelSite().languages;
+    const LANGUAGES = languages.list;
+    const store = useMemo(() => languageStore(languages), [languages]);
+    const current = useSyncExternalStore(store.subscribe, store.snapshot, store.snapshot);
+    const active = LANGUAGES.find(language => language.code === current.locale);
+    const { supported, community } = groupLanguages(LANGUAGES);
+    const siteLanguage = current.siteLang ? LANGUAGES.find(language => language.code === current.siteLang) : null;
+    const options = [
+        { value: 'site', label: t('wb.settings.language.followSite'), hint: siteLanguage ? t('wb.settings.language.followSiteNow', { language: siteLanguage.name }) : t('wb.settings.language.followSiteHint') },
+        { value: 'system', label: t('wb.settings.language.followSystem'), hint: t('wb.settings.language.followSystemHint') },
+        ...[...supported, ...community].map(language => ({
+            value: language.code,
+            label: language.name,
+            hint: language.name === language.englishName ? undefined : language.englishName,
+            style: { direction: language.dir },
+            group: community.length ? (language.tier === 'community' ? t('wb.settings.language.groupCommunity') : t('wb.settings.language.groupSupported')) : undefined,
+        })),
+    ];
+    const suggested = current.community ? LANGUAGES.find(language => language.code === current.community) : null;
+    const guide = languages.translateUrl;
+    const open = () => { if (guide)
+        invoke('open_external_url', { url: guide }).catch(() => window.open(guide, '_blank', 'noopener')); };
+    const machine = active && active.status === 'machine';
+    return _jsxs(Section, { title: t('wb.settings.language.title'), id: "language", hint: t('wb.settings.language.hint'), children: [_jsx(Row, { label: t('wb.settings.language.label'), keywords: t('wb.settings.language.keywords'), hint: active ? t('wb.settings.language.active', { language: active.name }) : undefined, badge: machine ? _jsx(Badge, { tone: "warn", children: t('wb.settings.language.machine') }) : active?.status === 'reviewed' ? _jsx(Badge, { tone: "ok", children: t('wb.settings.language.reviewed') }) : undefined, children: _jsx(Select, { label: t('wb.settings.language.label'), value: current.preference, options: options, width: 240, onChange: value => { void languages.set(value); } }) }), suggested && _jsx(Row, { label: t('wb.settings.language.communityAvailable', { language: suggested.name }), keywords: "community translation machine", children: _jsx("button", { type: "button", className: "bt-btn is-plain is-sm", onClick: () => { void languages.set(suggested.code); }, children: t('wb.settings.language.communitySwitch') }) }), guide && active && active.code !== 'en' && _jsx(Row, { label: t('wb.settings.language.helpTitle'), keywords: "translate translation crowdin contribute", hint: machine
+                    ? t('wb.settings.language.helpMachine', { language: active.name })
+                    : t('wb.settings.language.helpReviewed', { language: active.name, percent: formatNumber(active.coverage, { style: 'percent', maximumFractionDigits: 0 }) }), children: _jsx("button", { type: "button", className: "bt-btn is-plain is-sm", onClick: open, children: t('wb.settings.language.help') }) })] });
+}
+//# sourceMappingURL=LanguageSettings.js.map

package/dist/shell/panel/LanguageSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSettings.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/LanguageSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["// Settings → Language: follow the site, follow the system, or pick one of the languages the app has\n// a catalog for (`PanelSite.languages`, the app's frame/language.ts state). Supported languages come\n// first, community translations (machine drafts nobody has reviewed) in a group below; the two\n// automatic choices only pick supported ones, so a community language the site or system uses is\n// offered as a one-click switch. Machine-drafted translations link to the app's contributor guide.\nimport { useMemo, useSyncExternalStore } from 'react';\nimport { invoke } from '../frame/bridge.ts';\nimport { useT } from '../frame/hooks.ts';\nimport { formatNumber } from '../frame/i18n.ts';\nimport type { LanguagePreference } from '../frame/language.ts';\nimport { Badge, Row, Section, Select, type Option } from './controls.tsx';\nimport { groupLanguages } from './languageModel.ts';\nimport { panelSite, type PanelLanguages } from './site.ts';\n\n/** The language state as a store for React (the snapshot only changes when the state does). */\nfunction languageStore(languages: PanelLanguages) {\n  let cached = languages.state();\n  const snapshot = () => {\n    const next = languages.state();\n    if (next.preference !== cached.preference || next.siteLang !== cached.siteLang || next.locale !== cached.locale || next.system !== cached.system || next.community !== cached.community) cached = next;\n    return cached;\n  };\n  return { subscribe: (listener: () => void) => languages.subscribe(listener), snapshot };\n}\n\nexport function LanguageSettings() {\n  const t = useT();\n  const languages = panelSite().languages!;\n  const LANGUAGES = languages.list;\n  const store = useMemo(() => languageStore(languages), [languages]);\n  const current = useSyncExternalStore(store.subscribe, store.snapshot, store.snapshot);\n  const active = LANGUAGES.find(language => language.code === current.locale);\n  const { supported, community } = groupLanguages(LANGUAGES);\n  const siteLanguage = current.siteLang ? LANGUAGES.find(language => language.code === current.siteLang) : null;\n  const options: Array<Option<LanguagePreference>> = [\n    { value: 'site', label: t('wb.settings.language.followSite'), hint: siteLanguage ? t('wb.settings.language.followSiteNow', { language: siteLanguage.name }) : t('wb.settings.language.followSiteHint') },\n    { value: 'system', label: t('wb.settings.language.followSystem'), hint: t('wb.settings.language.followSystemHint') },\n    ...[...supported, ...community].map(language => ({\n      value: language.code,\n      label: language.name,\n      hint: language.name === language.englishName ? undefined : language.englishName,\n      style: { direction: language.dir },\n      group: community.length ? (language.tier === 'community' ? t('wb.settings.language.groupCommunity') : t('wb.settings.language.groupSupported')) : undefined,\n    })),\n  ];\n  const suggested = current.community ? LANGUAGES.find(language => language.code === current.community) : null;\n  const guide = languages.translateUrl;\n  const open = () => { if (guide) invoke('open_external_url', { url: guide }).catch(() => window.open(guide, '_blank', 'noopener')); };\n  const machine = active && active.status === 'machine';\n  return <Section title={t('wb.settings.language.title')} id=\"language\" hint={t('wb.settings.language.hint')}>\n    <Row label={t('wb.settings.language.label')} keywords={t('wb.settings.language.keywords')}\n      hint={active ? t('wb.settings.language.active', { language: active.name }) : undefined}\n      badge={machine ? <Badge tone=\"warn\">{t('wb.settings.language.machine')}</Badge> : active?.status === 'reviewed' ? <Badge tone=\"ok\">{t('wb.settings.language.reviewed')}</Badge> : undefined}>\n      <Select label={t('wb.settings.language.label')} value={current.preference} options={options} width={240}\n        onChange={value => { void languages.set(value); }}/>\n    </Row>\n    {suggested && <Row label={t('wb.settings.language.communityAvailable', { language: suggested.name })} keywords=\"community translation machine\">\n      <button type=\"button\" className=\"bt-btn is-plain is-sm\" onClick={() => { void languages.set(suggested.code); }}>{t('wb.settings.language.communitySwitch')}</button>\n    </Row>}\n    {guide && active && active.code !== 'en' && <Row label={t('wb.settings.language.helpTitle')} keywords=\"translate translation crowdin contribute\"\n      hint={machine\n        ? t('wb.settings.language.helpMachine', { language: active.name })\n        : t('wb.settings.language.helpReviewed', { language: active.name, percent: formatNumber(active.coverage, { style: 'percent', maximumFractionDigits: 0 }) })}>\n      <button type=\"button\" className=\"bt-btn is-plain is-sm\" onClick={open}>{t('wb.settings.language.help')}</button>\n    </Row>}\n  </Section>;\n}\n"]}

package/dist/shell/panel/MakePanel.d.ts

@@ -0,0 +1,3 @@
+import { type SectionProps } from './site.ts';
+import './make.css';
+export declare function MakePanel({ notify, openSection }: SectionProps): import("react").JSX.Element;

package/dist/shell/panel/MakePanel.js

@@ -0,0 +1,237 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// "Make": build a plugin or theme from inside the app. Example plugins in an editor that checks
+// the header the way the Plugins list reads it (Copy / Download / Open plugins folder: plugins are
+// installed only by copying a file into the folder, never by the app), a gallery that opens the
+// real plugin UI kit in the current theme, a live view of the theme API (`api.theme.current()`
+// and the `--wb-*` variables) and the app's bundled docs. The examples, the theme file and the
+// docs are the app's (`PanelSite.make`). Everything is local.
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { createThemeApi, themeVars } from "../../runtime/themeApi.js";
+import { createUiKit } from "../../runtime/ui.js";
+import { invoke } from "../frame/bridge.js";
+import { useT } from "../frame/hooks.js";
+import { t, tx } from "../frame/i18n.js";
+import { setOverlay } from "../frame/state.js";
+import { Button, Section, Segmented } from "./controls.js";
+import { CREATE_COMMANDS, KIT_DEMOS, cssVarOf, parsePluginHeader, pluginWarnings, validPluginFileName } from "./makeModel.js";
+import { MarkdownDoc } from "./MarkdownDoc.js";
+import { panelSite } from "./site.js";
+import './make.css';
+/** The docs the intro line links to, when the app bundles them. */
+const REFERENCE_DOCS = ['PLUGINS.md', 'THEMES.md'];
+const make = () => panelSite().make;
+const runtimeGlobal = () => make().global ?? 'wayBetter';
+const getError = (error) => error instanceof Error ? error.message : String(error);
+function copy(text, notify, what = t('wb.common.copied')) {
+    navigator.clipboard.writeText(text).then(() => notify(what), () => notify(t('wb.common.clipboardUnavailable'), true));
+}
+/** Saves `text` through the webview's ordinary download (the Downloads folder). */
+function download(file, text, type) {
+    const url = URL.createObjectURL(new Blob([text], { type }));
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = file;
+    anchor.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+/** The persisted theme choice, re-read while the section is open so the explorer stays live. */
+function useThemeChoice() {
+    const [choice, setChoice] = useState(null);
+    useEffect(() => {
+        const themes = panelSite().themes;
+        if (!themes)
+            return;
+        let alive = true;
+        let last = '';
+        const load = () => themes.store.adapter.load().then(value => {
+            const key = JSON.stringify(value);
+            if (alive && key !== last) {
+                last = key;
+                setChoice(value);
+            }
+        }).catch(() => { if (alive && !last)
+            setChoice(themes.catalog.defaultChoice); });
+        void load();
+        const timer = setInterval(load, 1500);
+        window.addEventListener('focus', load);
+        return () => { alive = false; clearInterval(timer); window.removeEventListener('focus', load); };
+    }, []);
+    return choice;
+}
+export function MakePanel({ notify, openSection }) {
+    const t = useT();
+    const themes = panelSite().themes;
+    const docs = make().docs ?? {};
+    const docNames = Object.keys(docs);
+    const reference = REFERENCE_DOCS.filter(name => name in docs);
+    const [tab, setTab] = useState('plugin');
+    const [doc, setDoc] = useState(docNames[0] ?? '');
+    const [mode, setMode] = useState(themes?.modes?.initial ?? 'dark');
+    const choice = useThemeChoice();
+    const resolved = useMemo(() => choice && themes?.resolved ? themes.resolved(choice, mode) : null, [choice, mode]);
+    const readDoc = (name) => { setDoc(name); setTab('docs'); };
+    return _jsxs("div", { className: "bmk", children: [_jsxs("section", { className: "bmk-intro", children: [_jsx("p", { children: t('wb.make.intro') }), _jsx("ul", { className: "bmk-commands", children: CREATE_COMMANDS.map(item => _jsxs("li", { children: [_jsx("span", { children: item.label }), _jsx("code", { children: item.command }), _jsx(Button, { size: "sm", tone: "ghost", label: t('wb.make.copyCommand', { command: item.command }), onClick: () => copy(item.command, notify), children: t('wb.common.copy') })] }, item.command)) }), reference.length > 0 && _jsxs("p", { className: "bmk-muted", children: [t('wb.make.reference'), " ", reference.map((name, index) => _jsxs("span", { children: [index > 0 && _jsxs(_Fragment, { children: [" \u00B7", ' '] }), _jsx("button", { type: "button", className: "bmk-doc-link", onClick: () => readDoc(name), children: name })] }, name)), " ", t('wb.make.referenceBundled')] })] }), _jsx("div", { className: "bmk-tabs", children: _jsx(Segmented, { label: t('wb.panel.section.make'), value: tab, onChange: setTab, options: [
+                        { value: 'plugin', label: t('wb.store.plugin') }, { value: 'kit', label: t('wb.make.tab.kit') },
+                        ...(themes?.resolved ? [{ value: 'theme', label: t('wb.make.tab.theme') }] : []),
+                        ...(docNames.length ? [{ value: 'docs', label: t('wb.make.tab.docs') }] : []),
+                    ] }) }), tab === 'plugin' && _jsx(PluginWorkbench, { notify: notify, openSection: openSection }), tab === 'kit' && _jsx(KitGallery, { resolved: resolved, notify: notify }), tab === 'theme' && _jsx(ThemeExplorer, { choice: choice, resolved: resolved, mode: mode, setMode: setMode, notify: notify, openSection: openSection }), tab === 'docs' && _jsx(Docs, { docs: docs, doc: doc, setDoc: setDoc, notify: notify })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Plugin examples
+function PluginWorkbench({ notify, openSection }) {
+    const t = useT();
+    const PLUGIN_EXAMPLES = make().examples;
+    const [exampleId, setExampleId] = useState(PLUGIN_EXAMPLES[0]?.id ?? '');
+    const [edits, setEdits] = useState({});
+    const [names, setNames] = useState({});
+    const example = PLUGIN_EXAMPLES.find(item => item.id === exampleId) ?? PLUGIN_EXAMPLES[0];
+    if (!example)
+        return null;
+    const source = edits[example.id] ?? example.source;
+    const file = names[example.id] ?? example.file;
+    const meta = parsePluginHeader(file, source);
+    const warnings = pluginWarnings(meta, source);
+    const fileOk = validPluginFileName(file);
+    const edited = source !== example.source;
+    return _jsxs(_Fragment, { children: [_jsx(Section, { title: t('wb.make.examples'), hint: t('wb.make.examplesHint'), children: _jsx("div", { className: "bmk-examples", role: "tablist", "aria-label": t('wb.make.examples'), children: PLUGIN_EXAMPLES.map(item => _jsxs("button", { type: "button", role: "tab", "aria-selected": item.id === example.id, className: `bmk-example ${item.id === example.id ? 'is-on' : ''}`, onClick: () => setExampleId(item.id), children: [_jsx("strong", { children: item.title }), _jsx("span", { children: item.blurb })] }, item.id)) }) }), _jsxs(Section, { title: meta.name, hint: _jsxs(_Fragment, { children: [t('wb.make.pluginsList'), " ", _jsx("b", { children: meta.name }), meta.version && ` ${meta.version}`, meta.author && ` · ${meta.author}`, meta.description && ` — ${meta.description}`] }), action: edited ? _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setEdits(current => { const next = { ...current }; delete next[example.id]; return next; }), children: t('wb.common.reset') }) : undefined, children: [_jsxs("div", { className: "bt-code bmk-editor", children: [_jsx("textarea", { "aria-label": t('wb.make.source', { file }), spellCheck: false, value: source, rows: Math.min(28, source.split('\n').length + 1), onChange: event => setEdits(current => ({ ...current, [example.id]: event.target.value })) }), _jsxs("div", { className: "bt-code-bar", children: [_jsxs("label", { className: "bmk-file", children: [_jsx("span", { children: t('wb.make.file') }), _jsx("input", { className: "bt-input", "aria-label": t('wb.make.fileName'), spellCheck: false, value: file, "aria-invalid": !fileOk, onChange: event => setNames(current => ({ ...current, [example.id]: event.target.value.trim() })) })] }), _jsx(Button, { size: "sm", onClick: () => copy(source, notify, t('wb.make.pluginCopied')), children: t('wb.common.copy') }), _jsx(Button, { size: "sm", disabled: !fileOk, onClick: () => { download(file, source, 'text/javascript'); notify(t('wb.make.savedDownloads', { file })); }, children: t('wb.panel.updates.download') }), _jsx(Button, { size: "sm", tone: "primary", onClick: () => void invoke('plugins_open_folder').catch(error => notify(getError(error), true)), children: t('wb.make.openPluginsFolder') })] })] }), (warnings.length > 0 || !fileOk) && _jsxs("ul", { className: "bmk-warnings", role: "status", children: [!fileOk && _jsx("li", { children: t('wb.make.fileRule') }), warnings.map(warning => _jsx("li", { children: warning }, warning))] }), _jsxs("ol", { className: "bmk-steps", children: [_jsx("li", { children: t('wb.make.step1', { file: fileOk ? file : 'name.plugin.js' }) }), _jsxs("li", { children: [t('wb.make.step2Before'), " ", _jsx("button", { type: "button", className: "bmk-doc-link", onClick: () => openSection?.('plugins'), children: t('wb.panel.section.plugins') }), t('wb.make.step2After')] }), _jsx("li", { children: t('wb.make.step3') })] })] })] });
+}
+// ---------------------------------------------------------------------------------------------
+// UI kit gallery: the real kit, drawn in this window with the current theme.
+function KitGallery({ resolved, notify }) {
+    const t = useT();
+    const latest = useRef(resolved);
+    const listeners = useRef(new Set());
+    const kit = useRef(null);
+    const [result, setResult] = useState(null);
+    useEffect(() => {
+        latest.current = resolved;
+        for (const listener of [...listeners.current])
+            listener();
+    }, [resolved]);
+    useEffect(() => {
+        const source = {
+            current: () => latest.current,
+            onChange: listener => { listeners.current.add(listener); return () => { listeners.current.delete(listener); }; },
+        };
+        const root = createUiKit(window, { theme: createThemeApi(window, source), product: panelSite().brand.name, hostId: 'wb-make-ui', text: key => tx(key, undefined, '') || undefined });
+        kit.current = root.scoped();
+        // Leaving the section closes whatever the gallery opened.
+        return () => { kit.current?.dispose(); kit.current = null; };
+    }, []);
+    /**
+     * Tab webviews are native and sit above this page. A dialog is a shell overlay (the shell rises
+     * above the panes); a toast needs none: its layer is pinned to this panel, like `.btp-toast`.
+     */
+    async function show(demo) {
+        const ui = kit.current?.kit;
+        if (!ui)
+            return;
+        const h = ui.h;
+        const toast = demo.kind === 'toast';
+        const panel = document.querySelector('.bmk-kit')?.closest('.bt-panel')?.getBoundingClientRect();
+        // The kit adds its host on demand: place it once the demo below has (same task, before paint).
+        // A transformed host is the containing block of the kit's fixed layers.
+        queueMicrotask(() => {
+            const host = document.getElementById('wb-make-ui');
+            if (host)
+                Object.assign(host.style, toast && panel
+                    ? { inset: 'auto', left: `${panel.left}px`, top: `${panel.top}px`, width: `${panel.width}px`, height: `${panel.height}px`, transform: 'translateZ(0)' }
+                    : { inset: '0', left: '', top: '', width: '', height: '', transform: '' });
+        });
+        if (!toast)
+            setOverlay(1);
+        try {
+            let value;
+            switch (demo.id) {
+                case 'toast':
+                    await ui.toast(t('wb.make.demo.linkCopied')).closed;
+                    break;
+                case 'toast-success':
+                    await ui.toast(t('wb.make.demo.saved'), { tone: 'success' }).closed;
+                    break;
+                case 'toast-action':
+                    await ui.toast(t('wb.make.demo.postHidden'), { tone: 'warning', action: { label: t('wb.make.demo.undo'), onClick: () => setResult({ id: demo.id, text: t('wb.make.demo.undoClicked') }) } }).closed;
+                    break;
+                case 'toast-danger':
+                    await ui.toast(t('wb.make.demo.couldNotSave'), { tone: 'danger' }).closed;
+                    break;
+                case 'alert':
+                    value = await ui.alert({ title: t('wb.make.demo.exported'), message: t('wb.make.demo.exportedText'), tone: 'success' });
+                    break;
+                case 'confirm':
+                    value = await ui.confirm({ title: t('wb.make.demo.deleteNote'), message: t('wb.make.demo.cannotUndo'), danger: true });
+                    break;
+                case 'prompt':
+                    value = await ui.prompt({ title: t('wb.make.demo.renameList'), label: t('wb.make.demo.name'), value: t('wb.make.demo.reading'), validate: v => v.trim().length < 3 ? t('wb.make.demo.min3') : null });
+                    break;
+                case 'dialog':
+                    value = await ui.dialog({
+                        title: t('wb.make.demo.myPlugin'), message: t('wb.make.demo.whatHidden'),
+                        content: body => body.append(h('label', { class: 'wb-check' }, h('input', { type: 'checkbox' }), t('wb.make.demo.hideTrends'))),
+                        actions: [{ label: t('wb.common.cancel') }, { label: t('wb.common.save'), tone: 'primary', default: true }],
+                    }).closed;
+                    break;
+            }
+            if (demo.kind !== 'toast')
+                setResult({ id: demo.id, text: `→ ${value === undefined ? 'undefined' : JSON.stringify(value)}` });
+        }
+        catch (error) {
+            notify(getError(error), true);
+        }
+        finally {
+            if (!toast)
+                setOverlay(-1);
+        }
+    }
+    return _jsx(Section, { title: t('wb.make.kitTitle'), hint: t('wb.make.kitHint'), children: _jsx("div", { className: "bmk-kit", children: KIT_DEMOS.map(demo => _jsxs("div", { className: "bmk-kit-row", children: [_jsx(Button, { size: "sm", tone: demo.kind === 'toast' ? 'plain' : 'primary', onClick: () => void show(demo), children: demo.label }), _jsx("code", { className: "bmk-kit-code", children: demo.code }), result?.id === demo.id && _jsx("span", { className: "bmk-kit-result", role: "status", children: result.text })] }, demo.id)) }) });
+}
+// ---------------------------------------------------------------------------------------------
+// Theme API explorer
+/** What each theme color is for: `make.role.<role>` in the catalogs. */
+const roleHint = (role) => tx(`wb.make.role.${role}`, undefined, '');
+function ThemeExplorer({ choice, resolved, mode, setMode, notify, openSection }) {
+    const t = useT();
+    const themes = panelSite().themes;
+    if (!themes || !choice || !resolved)
+        return _jsx("p", { className: "bmk-muted", children: t('wb.make.loadingTheme') });
+    const vars = themeVars(resolved);
+    const spec = themes.catalog.resolve(choice);
+    const modes = themes.modes;
+    const example = make().themeExample;
+    const global = runtimeGlobal();
+    // Font roles, when this build's runtime reports them (`fonts`), else the interface font only.
+    const roles = resolved.fonts;
+    const fontRows = roles && typeof roles === 'object'
+        ? Object.entries(roles).filter((entry) => typeof entry[1] === 'string')
+        : [['font', resolved.font]];
+    return _jsxs(_Fragment, { children: [_jsxs(Section, { title: `${resolved.name || resolved.id}`, hint: _jsxs(_Fragment, { children: [t('wb.make.liveBefore'), " ", _jsxs("code", { children: [global, ".api.theme.current()"] }), " ", t('wb.make.liveMiddle'), " ", _jsx("button", { type: "button", className: "bmk-doc-link", onClick: () => openSection?.('themes'), children: t('wb.panel.section.themes') }), " ", t('wb.make.liveAfter')] }), action: resolved.siteDefault && modes ? _jsx(Segmented, { size: "sm", label: modes.label(), value: mode, onChange: setMode, options: modes.options.map(option => ({ value: option.value, label: option.label() })) }) : undefined, children: [_jsxs("div", { className: "bmk-facts", children: [_jsxs("span", { children: [_jsx("b", { children: "id" }), " ", resolved.id] }), _jsxs("span", { children: [_jsx("b", { children: "mode" }), " ", resolved.mode] }), _jsxs("span", { children: [_jsx("b", { children: "siteDefault" }), " ", String(resolved.siteDefault)] }), _jsxs("span", { children: [_jsx("b", { children: "radius" }), " ", resolved.radius, "px"] }), _jsxs("span", { children: [_jsx("b", { children: "buttonRadius" }), " ", resolved.buttonRadius, "px"] })] }), _jsx("div", { className: "bmk-swatches", children: Object.keys(resolved.colors).map(role => {
+                            const name = cssVarOf(role);
+                            return _jsxs("button", { type: "button", className: "bmk-swatch", title: t('wb.make.copyVar', { name: `var(${name})` }), onClick: () => copy(`var(${name})`, notify, t('wb.make.copiedVar', { name: `var(${name})` })), children: [_jsx("span", { className: "bmk-chip", style: { background: resolved.colors[role] } }), _jsxs("span", { className: "bmk-swatch-text", children: [_jsx("b", { children: role }), _jsx("code", { children: name }), _jsxs("small", { children: [resolved.colors[role], " \u00B7 ", roleHint(role)] })] })] }, role);
+                        }) })] }), _jsx(Section, { title: t('wb.appearance.fonts'), hint: t('wb.make.fontsHint'), children: _jsxs("div", { className: "bmk-fonts", children: [fontRows.map(([role, stack]) => _jsxs("div", { className: "bmk-font", children: [_jsxs("div", { children: [_jsx("b", { children: role }), _jsx("code", { children: stack })] }), _jsx("p", { style: { fontFamily: stack }, children: "The quick brown fox jumps over the lazy dog \u00B7 0123456789" })] }, role)), _jsxs("div", { className: "bmk-facts", children: [_jsxs("span", { children: [_jsx("b", { children: "scale" }), " ", spec.font.scale] }), _jsxs("span", { children: [_jsx("b", { children: "weight" }), " ", spec.font.weight] }), _jsxs("span", { children: [_jsx("b", { children: "bold" }), " ", spec.font.bold] }), _jsxs("span", { children: [_jsx("b", { children: "tracking" }), " ", spec.font.tracking, "em"] }), _jsxs("span", { children: [_jsx("b", { children: "leading" }), " ", spec.font.leading || t('wb.make.siteDefaultLeading')] })] })] }) }), _jsxs(Section, { title: t('wb.make.inCode'), hint: t('wb.make.inCodeHint'), children: [_jsx("pre", { className: "bt-snippet bmk-pre", children: `const theme = ${global}.api.theme.current();\nthis.scope.onThemeChange(theme => this.redraw(theme));\n\n// = ${JSON.stringify(resolved, null, 2).replace(/\n/g, '\n// ')}` }), _jsx("pre", { className: "bt-snippet bmk-pre", children: `:root {\n${Object.entries(vars).map(([key, value]) => `  ${key}: ${value};`).join('\n')}\n}` })] }), example && _jsxs(Section, { title: t('wb.make.themeFile'), hint: t('wb.make.themeFileHint'), children: [_jsx("pre", { className: "bt-snippet bmk-pre", children: example.source }), _jsxs("div", { className: "bmk-actions", children: [_jsx(Button, { size: "sm", onClick: () => copy(example.source, notify, t('wb.make.themeCopied')), children: t('wb.common.copy') }), _jsx(Button, { size: "sm", onClick: () => { download(example.file, example.source, 'application/json'); notify(t('wb.make.savedDownloads', { file: example.file })); }, children: t('wb.panel.updates.download') })] })] })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Bundled docs
+function Docs({ docs, doc, setDoc, notify }) {
+    const t = useT();
+    const names = Object.keys(docs);
+    const source = docs[doc] ?? '';
+    const root = useRef(null);
+    const [anchor, setAnchor] = useState(null);
+    useEffect(() => {
+        if (anchor)
+            root.current?.querySelector(`#doc-${CSS.escape(anchor)}`)?.scrollIntoView({ block: 'start' });
+        else
+            root.current?.scrollIntoView({ block: 'start' });
+    }, [doc, anchor]);
+    const onLink = (link) => {
+        if (link.url) {
+            invoke('open_external_url', { url: link.url }).catch(error => notify(getError(error), true));
+            return;
+        }
+        if (link.doc && names.includes(link.doc))
+            setDoc(link.doc);
+        setAnchor(link.anchor ?? null);
+    };
+    return _jsxs("section", { className: "bmk-docs", ref: root, children: [_jsxs("div", { className: "bmk-actions", children: [_jsx(Segmented, { size: "sm", label: t('wb.make.document'), value: doc, onChange: next => { setDoc(next); setAnchor(null); }, options: names.map(name => ({ value: name, label: name })) }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => copy(source, notify, t('wb.make.copiedDoc', { doc })), children: t('wb.make.copyMarkdown') })] }), _jsx(MarkdownDoc, { source: source, docs: names, onLink: onLink })] });
+}
+//# sourceMappingURL=MakePanel.js.map

package/dist/shell/panel/MakePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MakePanel.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/MakePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["// \"Make\": build a plugin or theme from inside the app. Example plugins in an editor that checks\n// the header the way the Plugins list reads it (Copy / Download / Open plugins folder: plugins are\n// installed only by copying a file into the folder, never by the app), a gallery that opens the\n// real plugin UI kit in the current theme, a live view of the theme API (`api.theme.current()`\n// and the `--wb-*` variables) and the app's bundled docs. The examples, the theme file and the\n// docs are the app's (`PanelSite.make`). Everything is local.\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { createThemeApi, themeVars, type ResolvedTheme, type ThemeSource } from '../../../runtime/src/themeApi.ts';\nimport type { ThemeChoice } from '../../../runtime/src/themeChoice.ts';\nimport { createUiKit, type UiKit } from '../../../runtime/src/ui.ts';\nimport { invoke } from '../frame/bridge.ts';\nimport { useT } from '../frame/hooks.ts';\nimport { t, tx } from '../frame/i18n.ts';\nimport { setOverlay } from '../frame/state.ts';\nimport { Button, Section, Segmented } from './controls.tsx';\nimport { CREATE_COMMANDS, KIT_DEMOS, cssVarOf, parsePluginHeader, pluginWarnings, validPluginFileName, type KitDemo } from './makeModel.ts';\nimport type { DocLink } from './markdown.ts';\nimport { MarkdownDoc } from './MarkdownDoc.tsx';\nimport { panelSite, type Notify, type PanelMake, type SectionProps } from './site.ts';\nimport './make.css';\n\ntype Tab = 'plugin' | 'kit' | 'theme' | 'docs';\n/** The docs the intro line links to, when the app bundles them. */\nconst REFERENCE_DOCS = ['PLUGINS.md', 'THEMES.md'];\nconst make = (): PanelMake => panelSite().make!;\nconst runtimeGlobal = () => make().global ?? 'wayBetter';\n\nconst getError = (error: unknown) => error instanceof Error ? error.message : String(error);\n\nfunction copy(text: string, notify: Notify, what = t('wb.common.copied')) {\n  navigator.clipboard.writeText(text).then(() => notify(what), () => notify(t('wb.common.clipboardUnavailable'), true));\n}\n\n/** Saves `text` through the webview's ordinary download (the Downloads folder). */\nfunction download(file: string, text: string, type: string) {\n  const url = URL.createObjectURL(new Blob([text], { type }));\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = file;\n  anchor.click();\n  setTimeout(() => URL.revokeObjectURL(url), 1000);\n}\n\n/** The persisted theme choice, re-read while the section is open so the explorer stays live. */\nfunction useThemeChoice(): ThemeChoice | null {\n  const [choice, setChoice] = useState<ThemeChoice | null>(null);\n  useEffect(() => {\n    const themes = panelSite().themes;\n    if (!themes) return;\n    let alive = true;\n    let last = '';\n    const load = () => themes.store.adapter.load().then(value => {\n      const key = JSON.stringify(value);\n      if (alive && key !== last) { last = key; setChoice(value); }\n    }).catch(() => { if (alive && !last) setChoice(themes.catalog.defaultChoice); });\n    void load();\n    const timer = setInterval(load, 1500);\n    window.addEventListener('focus', load);\n    return () => { alive = false; clearInterval(timer); window.removeEventListener('focus', load); };\n  }, []);\n  return choice;\n}\n\nexport function MakePanel({ notify, openSection }: SectionProps) {\n  const t = useT();\n  const themes = panelSite().themes;\n  const docs = make().docs ?? {};\n  const docNames = Object.keys(docs);\n  const reference = REFERENCE_DOCS.filter(name => name in docs);\n  const [tab, setTab] = useState<Tab>('plugin');\n  const [doc, setDoc] = useState(docNames[0] ?? '');\n  const [mode, setMode] = useState(themes?.modes?.initial ?? 'dark');\n  const choice = useThemeChoice();\n  const resolved = useMemo(() => choice && themes?.resolved ? themes.resolved(choice, mode) : null, [choice, mode]);\n  const readDoc = (name: string) => { setDoc(name); setTab('docs'); };\n\n  return <div className=\"bmk\">\n    <section className=\"bmk-intro\">\n      <p>{t('wb.make.intro')}</p>\n      <ul className=\"bmk-commands\">\n        {CREATE_COMMANDS.map(item => <li key={item.command}>\n          <span>{item.label}</span>\n          <code>{item.command}</code>\n          <Button size=\"sm\" tone=\"ghost\" label={t('wb.make.copyCommand', { command: item.command })} onClick={() => copy(item.command, notify)}>{t('wb.common.copy')}</Button>\n        </li>)}\n      </ul>\n      {reference.length > 0 && <p className=\"bmk-muted\">{t('wb.make.reference')} {reference.map((name, index) => <span key={name}>{index > 0 && <> ·{' '}</>}\n        <button type=\"button\" className=\"bmk-doc-link\" onClick={() => readDoc(name)}>{name}</button></span>)} {t('wb.make.referenceBundled')}</p>}\n    </section>\n    <div className=\"bmk-tabs\">\n      <Segmented<Tab> label={t('wb.panel.section.make')} value={tab} onChange={setTab} options={[\n        { value: 'plugin' as Tab, label: t('wb.store.plugin') }, { value: 'kit' as Tab, label: t('wb.make.tab.kit') },\n        ...(themes?.resolved ? [{ value: 'theme' as Tab, label: t('wb.make.tab.theme') }] : []),\n        ...(docNames.length ? [{ value: 'docs' as Tab, label: t('wb.make.tab.docs') }] : []),\n      ]}/>\n    </div>\n    {tab === 'plugin' && <PluginWorkbench notify={notify} openSection={openSection}/>}\n    {tab === 'kit' && <KitGallery resolved={resolved} notify={notify}/>}\n    {tab === 'theme' && <ThemeExplorer choice={choice} resolved={resolved} mode={mode} setMode={setMode} notify={notify} openSection={openSection}/>}\n    {tab === 'docs' && <Docs docs={docs} doc={doc} setDoc={setDoc} notify={notify}/>}\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Plugin examples\n\nfunction PluginWorkbench({ notify, openSection }: { notify: Notify; openSection?(section: 'plugins'): void }) {\n  const t = useT();\n  const PLUGIN_EXAMPLES = make().examples;\n  const [exampleId, setExampleId] = useState(PLUGIN_EXAMPLES[0]?.id ?? '');\n  const [edits, setEdits] = useState<Record<string, string>>({});\n  const [names, setNames] = useState<Record<string, string>>({});\n  const example = PLUGIN_EXAMPLES.find(item => item.id === exampleId) ?? PLUGIN_EXAMPLES[0];\n  if (!example) return null;\n  const source = edits[example.id] ?? example.source;\n  const file = names[example.id] ?? example.file;\n  const meta = parsePluginHeader(file, source);\n  const warnings = pluginWarnings(meta, source);\n  const fileOk = validPluginFileName(file);\n  const edited = source !== example.source;\n\n  return <>\n    <Section title={t('wb.make.examples')} hint={t('wb.make.examplesHint')}>\n      <div className=\"bmk-examples\" role=\"tablist\" aria-label={t('wb.make.examples')}>\n        {PLUGIN_EXAMPLES.map(item => <button key={item.id} type=\"button\" role=\"tab\" aria-selected={item.id === example.id}\n          className={`bmk-example ${item.id === example.id ? 'is-on' : ''}`} onClick={() => setExampleId(item.id)}>\n          <strong>{item.title}</strong><span>{item.blurb}</span>\n        </button>)}\n      </div>\n    </Section>\n    <Section title={meta.name} hint={<>{t('wb.make.pluginsList')} <b>{meta.name}</b>{meta.version && ` ${meta.version}`}{meta.author && ` · ${meta.author}`}{meta.description && ` — ${meta.description}`}</>}\n      action={edited ? <Button size=\"sm\" tone=\"ghost\" onClick={() => setEdits(current => { const next = { ...current }; delete next[example.id]; return next; })}>{t('wb.common.reset')}</Button> : undefined}>\n      <div className=\"bt-code bmk-editor\">\n        <textarea aria-label={t('wb.make.source', { file })} spellCheck={false} value={source} rows={Math.min(28, source.split('\\n').length + 1)}\n          onChange={event => setEdits(current => ({ ...current, [example.id]: event.target.value }))}/>\n        <div className=\"bt-code-bar\">\n          <label className=\"bmk-file\">\n            <span>{t('wb.make.file')}</span>\n            <input className=\"bt-input\" aria-label={t('wb.make.fileName')} spellCheck={false} value={file} aria-invalid={!fileOk}\n              onChange={event => setNames(current => ({ ...current, [example.id]: event.target.value.trim() }))}/>\n          </label>\n          <Button size=\"sm\" onClick={() => copy(source, notify, t('wb.make.pluginCopied'))}>{t('wb.common.copy')}</Button>\n          <Button size=\"sm\" disabled={!fileOk} onClick={() => { download(file, source, 'text/javascript'); notify(t('wb.make.savedDownloads', { file })); }}>{t('wb.panel.updates.download')}</Button>\n          <Button size=\"sm\" tone=\"primary\" onClick={() => void invoke('plugins_open_folder').catch(error => notify(getError(error), true))}>{t('wb.make.openPluginsFolder')}</Button>\n        </div>\n      </div>\n      {(warnings.length > 0 || !fileOk) && <ul className=\"bmk-warnings\" role=\"status\">\n        {!fileOk && <li>{t('wb.make.fileRule')}</li>}\n        {warnings.map(warning => <li key={warning}>{warning}</li>)}\n      </ul>}\n      <ol className=\"bmk-steps\">\n        <li>{t('wb.make.step1', { file: fileOk ? file : 'name.plugin.js' })}</li>\n        <li>{t('wb.make.step2Before')} <button type=\"button\" className=\"bmk-doc-link\" onClick={() => openSection?.('plugins')}>{t('wb.panel.section.plugins')}</button>{t('wb.make.step2After')}</li>\n        <li>{t('wb.make.step3')}</li>\n      </ol>\n    </Section>\n  </>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// UI kit gallery: the real kit, drawn in this window with the current theme.\n\nfunction KitGallery({ resolved, notify }: { resolved: ResolvedTheme | null; notify: Notify }) {\n  const t = useT();\n  const latest = useRef<ResolvedTheme | null>(resolved);\n  const listeners = useRef(new Set<() => void>());\n  const kit = useRef<{ kit: UiKit; dispose(): void } | null>(null);\n  const [result, setResult] = useState<{ id: string; text: string } | null>(null);\n\n  useEffect(() => {\n    latest.current = resolved;\n    for (const listener of [...listeners.current]) listener();\n  }, [resolved]);\n  useEffect(() => {\n    const source: ThemeSource = {\n      current: () => latest.current,\n      onChange: listener => { listeners.current.add(listener); return () => { listeners.current.delete(listener); }; },\n    };\n    const root = createUiKit(window, { theme: createThemeApi(window, source), product: panelSite().brand.name, hostId: 'wb-make-ui', text: key => tx(key, undefined, '') || undefined });\n    kit.current = root.scoped();\n    // Leaving the section closes whatever the gallery opened.\n    return () => { kit.current?.dispose(); kit.current = null; };\n  }, []);\n\n  /**\n   * Tab webviews are native and sit above this page. A dialog is a shell overlay (the shell rises\n   * above the panes); a toast needs none: its layer is pinned to this panel, like `.btp-toast`.\n   */\n  async function show(demo: KitDemo) {\n    const ui = kit.current?.kit;\n    if (!ui) return;\n    const h = ui.h;\n    const toast = demo.kind === 'toast';\n    const panel = document.querySelector('.bmk-kit')?.closest('.bt-panel')?.getBoundingClientRect();\n    // The kit adds its host on demand: place it once the demo below has (same task, before paint).\n    // A transformed host is the containing block of the kit's fixed layers.\n    queueMicrotask(() => {\n      const host = document.getElementById('wb-make-ui');\n      if (host) Object.assign(host.style, toast && panel\n        ? { inset: 'auto', left: `${panel.left}px`, top: `${panel.top}px`, width: `${panel.width}px`, height: `${panel.height}px`, transform: 'translateZ(0)' }\n        : { inset: '0', left: '', top: '', width: '', height: '', transform: '' });\n    });\n    if (!toast) setOverlay(1);\n    try {\n      let value: unknown;\n      switch (demo.id) {\n        case 'toast': await ui.toast(t('wb.make.demo.linkCopied')).closed; break;\n        case 'toast-success': await ui.toast(t('wb.make.demo.saved'), { tone: 'success' }).closed; break;\n        case 'toast-action': await ui.toast(t('wb.make.demo.postHidden'), { tone: 'warning', action: { label: t('wb.make.demo.undo'), onClick: () => setResult({ id: demo.id, text: t('wb.make.demo.undoClicked') }) } }).closed; break;\n        case 'toast-danger': await ui.toast(t('wb.make.demo.couldNotSave'), { tone: 'danger' }).closed; break;\n        case 'alert': value = await ui.alert({ title: t('wb.make.demo.exported'), message: t('wb.make.demo.exportedText'), tone: 'success' }); break;\n        case 'confirm': value = await ui.confirm({ title: t('wb.make.demo.deleteNote'), message: t('wb.make.demo.cannotUndo'), danger: true }); break;\n        case 'prompt': value = await ui.prompt({ title: t('wb.make.demo.renameList'), label: t('wb.make.demo.name'), value: t('wb.make.demo.reading'), validate: v => v.trim().length < 3 ? t('wb.make.demo.min3') : null }); break;\n        case 'dialog': value = await ui.dialog({\n          title: t('wb.make.demo.myPlugin'), message: t('wb.make.demo.whatHidden'),\n          content: body => body.append(h('label', { class: 'wb-check' }, h('input', { type: 'checkbox' }), t('wb.make.demo.hideTrends'))),\n          actions: [{ label: t('wb.common.cancel') }, { label: t('wb.common.save'), tone: 'primary', default: true }],\n        }).closed; break;\n      }\n      if (demo.kind !== 'toast') setResult({ id: demo.id, text: `→ ${value === undefined ? 'undefined' : JSON.stringify(value)}` });\n    } catch (error) {\n      notify(getError(error), true);\n    } finally {\n      if (!toast) setOverlay(-1);\n    }\n  }\n\n  return <Section title={t('wb.make.kitTitle')} hint={t('wb.make.kitHint')}>\n    <div className=\"bmk-kit\">\n      {KIT_DEMOS.map(demo => <div key={demo.id} className=\"bmk-kit-row\">\n        <Button size=\"sm\" tone={demo.kind === 'toast' ? 'plain' : 'primary'} onClick={() => void show(demo)}>{demo.label}</Button>\n        <code className=\"bmk-kit-code\">{demo.code}</code>\n        {result?.id === demo.id && <span className=\"bmk-kit-result\" role=\"status\">{result.text}</span>}\n      </div>)}\n    </div>\n  </Section>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Theme API explorer\n\n/** What each theme color is for: `make.role.<role>` in the catalogs. */\nconst roleHint = (role: string) => tx(`wb.make.role.${role}`, undefined, '');\n\nfunction ThemeExplorer({ choice, resolved, mode, setMode, notify, openSection }: {\n  choice: ThemeChoice | null; resolved: ResolvedTheme | null; mode: string; setMode(mode: string): void; notify: Notify; openSection?(section: 'themes'): void;\n}) {\n  const t = useT();\n  const themes = panelSite().themes;\n  if (!themes || !choice || !resolved) return <p className=\"bmk-muted\">{t('wb.make.loadingTheme')}</p>;\n  const vars = themeVars(resolved);\n  const spec = themes.catalog.resolve(choice);\n  const modes = themes.modes;\n  const example = make().themeExample;\n  const global = runtimeGlobal();\n  // Font roles, when this build's runtime reports them (`fonts`), else the interface font only.\n  const roles = (resolved as ResolvedTheme & { fonts?: Record<string, unknown> }).fonts;\n  const fontRows: Array<[string, string]> = roles && typeof roles === 'object'\n    ? Object.entries(roles).filter((entry): entry is [string, string] => typeof entry[1] === 'string')\n    : [['font', resolved.font]];\n\n  return <>\n    <Section title={`${resolved.name || resolved.id}`} hint={<>{t('wb.make.liveBefore')} <code>{global}.api.theme.current()</code> {t('wb.make.liveMiddle')} <button type=\"button\" className=\"bmk-doc-link\" onClick={() => openSection?.('themes')}>{t('wb.panel.section.themes')}</button> {t('wb.make.liveAfter')}</>}\n      action={resolved.siteDefault && modes ? <Segmented<string> size=\"sm\" label={modes.label()} value={mode} onChange={setMode}\n        options={modes.options.map(option => ({ value: option.value, label: option.label() }))}/> : undefined}>\n      <div className=\"bmk-facts\">\n        <span><b>id</b> {resolved.id}</span>\n        <span><b>mode</b> {resolved.mode}</span>\n        <span><b>siteDefault</b> {String(resolved.siteDefault)}</span>\n        <span><b>radius</b> {resolved.radius}px</span>\n        <span><b>buttonRadius</b> {resolved.buttonRadius}px</span>\n      </div>\n      <div className=\"bmk-swatches\">\n        {(Object.keys(resolved.colors) as Array<keyof ResolvedTheme['colors']>).map(role => {\n          const name = cssVarOf(role);\n          return <button key={role} type=\"button\" className=\"bmk-swatch\" title={t('wb.make.copyVar', { name: `var(${name})` })} onClick={() => copy(`var(${name})`, notify, t('wb.make.copiedVar', { name: `var(${name})` }))}>\n            <span className=\"bmk-chip\" style={{ background: resolved.colors[role] }}/>\n            <span className=\"bmk-swatch-text\"><b>{role}</b><code>{name}</code><small>{resolved.colors[role]} · {roleHint(role)}</small></span>\n          </button>;\n        })}\n      </div>\n    </Section>\n    <Section title={t('wb.appearance.fonts')} hint={t('wb.make.fontsHint')}>\n      <div className=\"bmk-fonts\">\n        {fontRows.map(([role, stack]) => <div key={role} className=\"bmk-font\">\n          <div><b>{role}</b><code>{stack}</code></div>\n          <p style={{ fontFamily: stack }}>The quick brown fox jumps over the lazy dog · 0123456789</p>\n        </div>)}\n        <div className=\"bmk-facts\">\n          <span><b>scale</b> {spec.font.scale}</span><span><b>weight</b> {spec.font.weight}</span><span><b>bold</b> {spec.font.bold}</span>\n          <span><b>tracking</b> {spec.font.tracking}em</span><span><b>leading</b> {spec.font.leading || t('wb.make.siteDefaultLeading')}</span>\n        </div>\n      </div>\n    </Section>\n    <Section title={t('wb.make.inCode')} hint={t('wb.make.inCodeHint')}>\n      <pre className=\"bt-snippet bmk-pre\">{`const theme = ${global}.api.theme.current();\\nthis.scope.onThemeChange(theme => this.redraw(theme));\\n\\n// = ${JSON.stringify(resolved, null, 2).replace(/\\n/g, '\\n// ')}`}</pre>\n      <pre className=\"bt-snippet bmk-pre\">{`:root {\\n${Object.entries(vars).map(([key, value]) => `  ${key}: ${value};`).join('\\n')}\\n}`}</pre>\n    </Section>\n    {example && <Section title={t('wb.make.themeFile')} hint={t('wb.make.themeFileHint')}>\n      <pre className=\"bt-snippet bmk-pre\">{example.source}</pre>\n      <div className=\"bmk-actions\">\n        <Button size=\"sm\" onClick={() => copy(example.source, notify, t('wb.make.themeCopied'))}>{t('wb.common.copy')}</Button>\n        <Button size=\"sm\" onClick={() => { download(example.file, example.source, 'application/json'); notify(t('wb.make.savedDownloads', { file: example.file })); }}>{t('wb.panel.updates.download')}</Button>\n      </div>\n    </Section>}\n  </>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Bundled docs\n\nfunction Docs({ docs, doc, setDoc, notify }: { docs: Readonly<Record<string, string>>; doc: string; setDoc(doc: string): void; notify: Notify }) {\n  const t = useT();\n  const names = Object.keys(docs);\n  const source = docs[doc] ?? '';\n  const root = useRef<HTMLDivElement>(null);\n  const [anchor, setAnchor] = useState<string | null>(null);\n  useEffect(() => {\n    if (anchor) root.current?.querySelector(`#doc-${CSS.escape(anchor)}`)?.scrollIntoView({ block: 'start' });\n    else root.current?.scrollIntoView({ block: 'start' });\n  }, [doc, anchor]);\n  const onLink = (link: DocLink) => {\n    if (link.url) { invoke('open_external_url', { url: link.url }).catch(error => notify(getError(error), true)); return; }\n    if (link.doc && names.includes(link.doc)) setDoc(link.doc);\n    setAnchor(link.anchor ?? null);\n  };\n  return <section className=\"bmk-docs\" ref={root}>\n    <div className=\"bmk-actions\">\n      <Segmented<string> size=\"sm\" label={t('wb.make.document')} value={doc} onChange={next => { setDoc(next); setAnchor(null); }} options={names.map(name => ({ value: name, label: name }))}/>\n      <Button size=\"sm\" tone=\"ghost\" onClick={() => copy(source, notify, t('wb.make.copiedDoc', { doc }))}>{t('wb.make.copyMarkdown')}</Button>\n    </div>\n    <MarkdownDoc source={source} docs={names} onLink={onLink}/>\n  </section>;\n}\n"]}

package/dist/shell/panel/MarkdownDoc.d.ts

@@ -0,0 +1,6 @@
+import { type DocLink } from './markdown.ts';
+export declare function MarkdownDoc({ source, docs, onLink }: {
+    source: string;
+    docs: readonly string[];
+    onLink(link: DocLink): void;
+}): import("react").JSX.Element;

package/dist/shell/panel/MarkdownDoc.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { anchorOf, inlineTokens, parseMarkdown, resolveLink } from "./markdown.js";
+function inline(text, onLink, docs) {
+    return inlineTokens(text).map((token, index) => {
+        if (token.kind === 'text')
+            return token.text;
+        if (token.kind === 'code')
+            return _jsx("code", { children: token.text }, index);
+        if (token.kind === 'bold')
+            return _jsx("strong", { children: token.text }, index);
+        const link = resolveLink(token.href, docs);
+        return link
+            ? _jsx("button", { type: "button", className: "bmk-doc-link", title: link.url ?? token.href, onClick: () => onLink(link), children: inline(token.text, onLink, docs) }, index)
+            : _jsx("span", { children: token.text }, index);
+    });
+}
+export function MarkdownDoc({ source, docs, onLink }) {
+    const blocks = parseMarkdown(source);
+    return _jsx("div", { className: "bmk-doc", children: blocks.map((block, index) => {
+            switch (block.kind) {
+                case 'heading': {
+                    const Tag = `h${Math.min(block.level + 1, 5)}`;
+                    return _jsx(Tag, { id: `doc-${anchorOf(block.text)}`, children: inline(block.text, onLink, docs) }, index);
+                }
+                case 'paragraph': return _jsx("p", { children: inline(block.text, onLink, docs) }, index);
+                case 'list': {
+                    const List = block.ordered ? 'ol' : 'ul';
+                    return _jsx(List, { children: block.items.map((item, n) => _jsx("li", { children: inline(item, onLink, docs) }, n)) }, index);
+                }
+                case 'table': return _jsx("div", { className: "bmk-doc-table", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: block.head.map((cell, n) => _jsx("th", { children: inline(cell, onLink, docs) }, n)) }) }), _jsx("tbody", { children: block.rows.map((row, r) => _jsx("tr", { children: row.map((cell, n) => _jsx("td", { children: inline(cell, onLink, docs) }, n)) }, r)) })] }) }, index);
+                case 'code': return _jsx("pre", { className: "bt-snippet", "data-lang": block.lang || undefined, children: block.text }, index);
+            }
+        }) });
+}
+//# sourceMappingURL=MarkdownDoc.js.map

package/dist/shell/panel/MarkdownDoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownDoc.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/MarkdownDoc.tsx"],"names":[],"mappings":"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","sourcesContent":["// Renders the bundled docs (see markdown.ts) as React text nodes; nothing is parsed as HTML.\n// Links to the other bundled doc switch docs, `#anchors` scroll, and web links open in the\n// system browser.\nimport type { ReactNode } from 'react';\nimport { anchorOf, inlineTokens, parseMarkdown, resolveLink, type DocLink } from './markdown.ts';\n\nfunction inline(text: string, onLink: (link: DocLink) => void, docs: readonly string[]): ReactNode[] {\n  return inlineTokens(text).map((token, index) => {\n    if (token.kind === 'text') return token.text;\n    if (token.kind === 'code') return <code key={index}>{token.text}</code>;\n    if (token.kind === 'bold') return <strong key={index}>{token.text}</strong>;\n    const link = resolveLink(token.href, docs);\n    return link\n      ? <button key={index} type=\"button\" className=\"bmk-doc-link\" title={link.url ?? token.href} onClick={() => onLink(link)}>{inline(token.text, onLink, docs)}</button>\n      : <span key={index}>{token.text}</span>;\n  });\n}\n\nexport function MarkdownDoc({ source, docs, onLink }: { source: string; docs: readonly string[]; onLink(link: DocLink): void }) {\n  const blocks = parseMarkdown(source);\n  return <div className=\"bmk-doc\">{blocks.map((block, index) => {\n    switch (block.kind) {\n      case 'heading': {\n        const Tag = `h${Math.min(block.level + 1, 5)}` as 'h2';\n        return <Tag key={index} id={`doc-${anchorOf(block.text)}`}>{inline(block.text, onLink, docs)}</Tag>;\n      }\n      case 'paragraph': return <p key={index}>{inline(block.text, onLink, docs)}</p>;\n      case 'list': {\n        const List = block.ordered ? 'ol' : 'ul';\n        return <List key={index}>{block.items.map((item, n) => <li key={n}>{inline(item, onLink, docs)}</li>)}</List>;\n      }\n      case 'table': return <div key={index} className=\"bmk-doc-table\"><table>\n        <thead><tr>{block.head.map((cell, n) => <th key={n}>{inline(cell, onLink, docs)}</th>)}</tr></thead>\n        <tbody>{block.rows.map((row, r) => <tr key={r}>{row.map((cell, n) => <td key={n}>{inline(cell, onLink, docs)}</td>)}</tr>)}</tbody>\n      </table></div>;\n      case 'code': return <pre key={index} className=\"bt-snippet\" data-lang={block.lang || undefined}>{block.text}</pre>;\n    }\n  })}</div>;\n}\n"]}

package/dist/shell/panel/Modes.d.ts

@@ -0,0 +1,40 @@
+import { type FeatureTable } from '../../runtime/featureTable.ts';
+import type { MenuModes } from '../frame/menuModel.ts';
+import { type Notify } from './site.ts';
+import './plugins.css';
+/**
+ * The onboarding state native code keeps (waybetter-host `modes::ModeState`). `preset`: the mode's
+ * flags as they were when it was applied (absent: not known).
+ */
+export type ModeState = {
+    mode: string | null;
+    onboarded: boolean;
+    existing: boolean;
+    preset?: Record<string, boolean> | null;
+};
+/** Tells the mode screens a mode was stored from elsewhere (an imported setup). */
+export declare const rememberModeState: (next: ModeState) => void;
+/** The mode state, loaded once and shared by the first-run screen and Settings. Null until loaded (or without modes). */
+export declare function useModeState(): [ModeState | null, (next: ModeState) => void];
+/** A flag as the owner knows it: the feature's label, or the area's name for its switch. */
+export declare function flagName(table: FeatureTable, id: string): string;
+/** The first-run screen. `done` runs once a mode was chosen or the screen was dismissed. */
+export declare function Onboarding({ state, done, notify }: {
+    state: ModeState;
+    done(next: ModeState): void;
+    notify: Notify;
+}): import("react").JSX.Element;
+/** Settings: the mode in use and the way to another one, keeping or dropping the owner's changes. */
+export declare function ModeSettings({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;
+/**
+ * Opens the app's panel (which shows the first-run screen) when the screen has not been answered.
+ * Call it from the app's `ShellSite.start`: it waits until the shell has restored its tabs.
+ */
+export declare function openOnboardingWhenDue(): void;
+/**
+ * The app menu's Mode submenu (the frame's `ShellSite.menu.modes`): the same modes, the same
+ * question (keep my changes or take the mode as it is) and the same steps as Settings.
+ */
+export declare function menuModes(): MenuModes;