@oddkin/workbench 0.0.0-stage → 1.0.0-beta.1

package/dist/panels/theme-studio.js

@@ -0,0 +1,375 @@
+/**
+ * Theme Studio content (workbench.md §6, workbench-pages.md §8): one draft of the library's theme
+ * configuration, edited through a form and a JSON editor; generated in a Worker by the library's
+ * own generator; applied to light and dark specimen frames as a preview-owned stylesheet, so the
+ * real components update in place (no remount). An invalid draft keeps the last valid theme and
+ * lists the generator's diagnostics with their configuration paths.
+ */
+import { OddkinElement, prop } from '@oddkin/core/element';
+import { styleMap } from '@oddkin/core/helpers/style-map';
+import { signal, untracked } from '@oddkin/core/reactive';
+import { createScope } from '@oddkin/core/scope';
+import { html, nothing, repeat } from '@oddkin/core/template';
+import { createIsolatedPreview } from '../preview/frame.js';
+import { createThemeGeneration, } from '../preview/theme-generation.js';
+import { contentStyles, panelHostStyles } from './styles.js';
+import { exportBlocked, exportNames, fieldValue, parseDraft, pathText, setPath, themeFields, } from './theme-model.js';
+const MODES = ['light', 'dark'];
+export class ThemeStudioElement extends OddkinElement.with({
+    page: prop.object({ description: 'The Theme Studio page data.' }),
+    frameUrl: prop.string({
+        default: '',
+        description: 'Same-origin URL of the generated preview frame document.',
+    }),
+}) {
+    static styles = [panelHostStyles, contentStyles];
+    #draft = signal(undefined);
+    #json = signal('');
+    #jsonError = signal('');
+    #result = signal(undefined);
+    #status = signal({
+        text: '',
+        alert: false,
+    });
+    /** From a draft's request until its result: a delivered result is always the newest draft's. */
+    #pending = signal(false);
+    /** Why the generator cannot run, or ''. */
+    #unavailable = signal('');
+    #exported = signal('');
+    #hosts;
+    #previews = [];
+    #generation;
+    #studioScope;
+    #css;
+    #key;
+    constructor() {
+        super();
+        this.#hosts = [document.createElement('div'), document.createElement('div')];
+    }
+    /** The current draft (for tests and embedding); read-only snapshot. */
+    get draft() {
+        return this.#draft.peek();
+    }
+    /** Light and dark specimen frames, in that order. */
+    get previews() {
+        return this.#previews;
+    }
+    /** Generation counters: requests sent, superseded, and results applied. */
+    get generation() {
+        return this.#generation?.stats;
+    }
+    connected(scope) {
+        scope.effect(() => {
+            const page = this.page;
+            const frameUrl = this.frameUrl;
+            untracked(() => {
+                if (page === this.#key)
+                    return;
+                this.#key = page;
+                this.#start(page, frameUrl);
+            });
+        });
+        scope.add(() => {
+            this.#key = undefined;
+            this.#stop();
+        });
+    }
+    #stop() {
+        this.#studioScope?.dispose();
+        this.#studioScope = undefined;
+        this.#previews = [];
+        this.#generation = undefined;
+        this.#css = undefined;
+        for (const host of this.#hosts)
+            host.replaceChildren();
+    }
+    #start(page, frameUrl) {
+        this.#stop();
+        const studio = page?.studio;
+        this.#draft.value = studio?.config;
+        this.#json.value = studio?.config ? JSON.stringify(studio.config, null, 2) : '';
+        this.#jsonError.value = '';
+        this.#result.value = undefined;
+        this.#status.value = { text: '', alert: false };
+        this.#pending.value = false;
+        this.#unavailable.value = '';
+        this.#exported.value = '';
+        if (!page || !studio?.config || !studio.worker)
+            return;
+        const scope = createScope({ name: 'workbench-theme-studio' });
+        this.#studioScope = scope;
+        this.#generation = createThemeGeneration(studio.worker, scope, (result) => this.#apply(result), (message) => {
+            this.#unavailable.value = message;
+            this.#status.value = { text: `Generation unavailable: ${message}`, alert: true };
+        });
+        if (frameUrl && studio.roles.length)
+            this.#specimens(scope, page, frameUrl);
+        this.#pending.value = true;
+        this.#generation.request(studio.config);
+    }
+    #specimens(scope, page, frameUrl) {
+        const items = page.studio.roles.map((role) => ({
+            role: role.role,
+            label: role.label,
+            tag: role.tag,
+            registration: role.registration,
+            example: role.example,
+            properties: role.properties,
+            attributes: role.attributes,
+            slots: role.slots,
+        }));
+        MODES.forEach((mode, i) => {
+            const preview = createIsolatedPreview({
+                document: this.ownerDocument,
+                container: this.#hosts[i],
+                frameUrl,
+                title: `Theme specimen (${mode})`,
+            });
+            preview.iframe.style.blockSize = '40rem';
+            scope.add(() => preview.dispose(), 'specimen frame');
+            this.#previews.push(preview);
+            void preview.ready
+                .then(() => preview.request('specimen', { items, settings: { mode } }))
+                .then(() => (this.#css === undefined ? undefined : this.#theme(preview, this.#css)))
+                .catch((error) => {
+                if (!scope.disposed)
+                    this.#status.value = {
+                        text: `Specimen unavailable: ${error instanceof Error ? error.message : String(error)}`,
+                        alert: true,
+                    };
+            });
+        });
+    }
+    #theme(preview, css) {
+        return preview.request('theme', { cssText: css });
+    }
+    /** A valid result replaces the specimens' theme sheet; an invalid one keeps the last valid. */
+    #apply(result) {
+        this.#pending.value = false;
+        this.#result.value = result;
+        if (!result.ok || result.css === undefined)
+            return;
+        this.#css = result.css;
+        for (const preview of this.#previews)
+            void this.#theme(preview, result.css).catch(() => {
+                // Not connected yet: the sheet is applied once its specimen has mounted.
+            });
+    }
+    #setDraft(draft, fromJson = false) {
+        this.#draft.value = draft;
+        if (!fromJson) {
+            this.#json.value = JSON.stringify(draft, null, 2);
+            this.#jsonError.value = '';
+        }
+        this.#exported.value = '';
+        if (this.#generation)
+            this.#pending.value = true;
+        this.#generation?.request(draft);
+    }
+    #blocked() {
+        return exportBlocked({
+            generator: !!this.page?.studio.worker,
+            jsonError: !!this.#jsonError.value,
+            unavailable: this.#unavailable.value,
+            pending: this.#pending.value,
+            ok: this.#result.value?.ok,
+        });
+    }
+    /** Download the draft shown: its configuration, or the CSS generated from it. */
+    #export(kind) {
+        const css = this.#result.peek()?.css;
+        if (this.#blocked() || css === undefined)
+            return;
+        const names = exportNames(this.page?.studio.source);
+        const [name, type, text] = kind === 'config'
+            ? [names.config, 'application/json', `${JSON.stringify(this.#draft.peek(), null, 2)}\n`]
+            : [names.css, 'text/css', css];
+        const doc = this.ownerDocument;
+        const link = doc.createElement('a');
+        link.href = URL.createObjectURL(new Blob([text], { type }));
+        link.download = name;
+        doc.body.append(link);
+        link.click();
+        link.remove();
+        setTimeout(() => URL.revokeObjectURL(link.href), 1000);
+        this.#exported.value = `Downloaded ${name}.`;
+    }
+    #exportSection(source) {
+        const blocked = this.#blocked();
+        const names = exportNames(source);
+        const button = (kind, name) => html `<button
+        type="button"
+        ?disabled=${!!blocked}
+        aria-describedby="ts-export-note"
+        @click=${() => this.#export(kind)}
+      >
+        Download ${name}
+      </button>`;
+        return html `<section id="export" aria-labelledby="export-title">
+      <h2 id="export-title">Export</h2>
+      <div class="wb-toolbar">${button('config', names.config)} ${button('css', names.css)}</div>
+      <p id="ts-export-note" class="wb-muted">
+        ${blocked || 'The draft shown: its configuration, and the CSS generated from it.'}
+      </p>
+      <p class="wb-status" role="status">${this.#exported.value}</p>
+    </section>`;
+    }
+    #field(field) {
+        const id = `ts-${field.path.join('-')}`;
+        const swatch = field.kind === 'color' &&
+            typeof field.value === 'string' &&
+            globalThis.CSS?.supports('color', field.value)
+            ? html `<span
+            class="wb-swatch"
+            aria-hidden="true"
+            style=${styleMap({ background: field.value })}
+          ></span>`
+            : nothing;
+        return html `<div class="wb-field">
+      <label for=${id}>${field.label}</label>
+      <span class="wb-cell-controls"
+        >${swatch}<input
+          id=${id}
+          type=${field.kind === 'number' || field.kind === 'integer' ? 'number' : 'text'}
+          step=${field.kind === 'integer' ? '1' : 'any'}
+          .value=${field.value === undefined ? '' : String(field.value)}
+          placeholder="Not set (generated)"
+          data-path=${pathText(field.path)}
+          aria-describedby=${`${id}-origin`}
+          @change=${(event) => this.#setDraft(setPath(this.#draft.peek(), field.path, fieldValue(field, event.target.value)))}
+      /></span>
+      <span id=${`${id}-origin`} class="wb-muted">${field.origin}</span>
+    </div>`;
+    }
+    render() {
+        const studio = this.page?.studio;
+        if (!studio)
+            return html `<div class="wb-content"></div>`;
+        const draft = this.#draft.value;
+        const result = this.#result.value;
+        const status = this.#status.value;
+        const groups = draft === undefined ? [] : themeFields(draft);
+        const problems = result?.diagnostics ?? [];
+        return html `<div class="wb-content">
+      <section id="generate" aria-labelledby="generate-title">
+        <h2 id="generate-title">Generate</h2>
+        ${studio.source
+            ? html `<p class="wb-muted">
+                Draft of <code>${studio.source}</code>. Edits stay in this page until exported.
+              </p>`
+            : nothing}
+        ${repeat(groups, (group) => group.id, (group) => html `<fieldset class="wb-group" data-group=${group.id}>
+              <legend>${group.title}</legend>
+              ${group.note ? html `<p class="wb-muted">${group.note}</p>` : nothing}
+              ${repeat(group.fields, (field) => pathText(field.path), (field) => this.#field(field))}
+              ${group.rows?.length
+            ? html `<div class="wb-table-wrap">
+                      <table>
+                        <caption class="wb-visually-hidden">
+                          ${group.title}, one column per mode
+                        </caption>
+                        <thead>
+                          <tr>
+                            <th scope="col">Token</th>
+                            ${(group.modes ?? []).map((mode) => html `<th scope="col">${mode}</th>`)}
+                          </tr>
+                        </thead>
+                        <tbody>
+                          ${repeat(group.rows, (row) => row.token, (row) => html `<tr>
+                                <th scope="row"><code>${row.token}</code></th>
+                                ${row.cells.map((cell) => html `<td>
+                                      <input
+                                        aria-label=${cell.label}
+                                        .value=${cell.value === undefined ? '' : String(cell.value)}
+                                        data-path=${pathText(cell.path)}
+                                        @change=${(event) => this.#setDraft(setPath(this.#draft.peek(), cell.path, fieldValue(cell, event.target.value)))}
+                                      />
+                                    </td>`)}
+                              </tr>`)}
+                        </tbody>
+                      </table>
+                    </div>`
+            : nothing}
+            </fieldset>`)}
+        ${draft === undefined
+            ? nothing
+            : html `<div class="wb-field wb-json">
+                <label for="ts-json">Configuration (JSON)</label>
+                <textarea
+                  id="ts-json"
+                  class="wb-code"
+                  rows="16"
+                  spellcheck="false"
+                  aria-describedby="ts-json-error"
+                  .value=${this.#json.value}
+                  @input=${(event) => {
+                const text = event.target.value;
+                this.#json.value = text;
+                const parsed = parseDraft(text);
+                this.#jsonError.value = parsed.ok ? '' : (parsed.message ?? '');
+                if (parsed.ok)
+                    this.#setDraft(parsed.value, true);
+            }}
+                ></textarea>
+                <p id="ts-json-error" class="wb-error" ?hidden=${!this.#jsonError.value}>
+                  ${this.#jsonError.value
+                ? `Not applied: ${this.#jsonError.value} The preview keeps the last valid draft.`
+                : ''}
+                </p>
+              </div>`}
+      </section>
+      <section id="live-preview" aria-labelledby="live-preview-title">
+        <h2 id="live-preview-title">Live preview</h2>
+        <p class="wb-status" role=${status.alert || (result && !result.ok) ? 'alert' : 'status'}>
+          ${status.text ||
+            (result
+                ? result.ok
+                    ? `Generated in ${Math.round(result.ms)} ms.`
+                    : 'This draft is invalid: the preview keeps the last valid theme.'
+                : '')}
+        </p>
+        ${problems.length
+            ? html `<ul class="wb-list" aria-label="Generator diagnostics">
+                ${problems.map((d) => html `<li data-severity=${d.severity ?? 'error'}>
+                      <code>${d.path || '/'}</code> ${d.message ?? d.code ?? ''}
+                    </li>`)}
+              </ul>`
+            : nothing}
+        <div class="wb-previews wb-pair">
+          ${MODES.map((mode, i) => html `<div class="wb-preview">
+                <p>${mode === 'light' ? 'Light' : 'Dark'}</p>
+                ${this.#hosts[i]}
+              </div>`)}
+        </div>
+        ${studio.roles.length
+            ? html `<p class="wb-muted">
+                Roles:
+                ${studio.roles.map((r) => `${r.label} (<${r.tag}>, ${r.source === 'config' ? 'configured' : 'claimed by its example'})`).join(' · ')}.
+              </p>`
+            : nothing}
+      </section>
+      ${draft === undefined ? nothing : this.#exportSection(studio.source)}
+      <section id="method" aria-labelledby="method-title">
+        <h2 id="method-title">Method and limits</h2>
+        <p>
+          The draft is generated by the library's own theme generator in a Worker; the newest edit
+          wins and older results are discarded. Generated CSS replaces one stylesheet in each
+          specimen frame, so the components keep their state.
+        </p>
+        ${studio.missing.length
+            ? html `<ul class="wb-list" aria-label="Not available">
+                ${studio.missing.map((m) => html `<li class="wb-not-documented" data-missing=${m.item}>
+                      ${m.item.startsWith('role:')
+                ? `No specimen for the ${m.item.slice(5)} role.`
+                : m.item === 'config'
+                    ? 'No theme configuration to edit.'
+                    : 'No theme generator.'}
+                      Supplied by ${m.supply}.
+                    </li>`)}
+              </ul>`
+            : nothing}
+      </section>
+    </div>`;
+    }
+}
+//# sourceMappingURL=theme-studio.js.map

package/dist/panels/theme-studio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-studio.js","sourceRoot":"","sources":["../../src/panels/theme-studio.ts"],"names":[],"mappings":"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"}

package/dist/preview/frame.d.ts

@@ -0,0 +1,44 @@
+import { type FrameIdentity, type FrameNotification, type FrameRequest, type FrameRequestPayload, type JsonValue } from '../protocol/index.js';
+declare const protocolStats: {
+    liveFrames: number;
+    rejectedMessages: number;
+    staleMessages: number;
+    disposedMessages: number;
+};
+/** Counts protocol rejections and live host frames; resource ownership is also measured by `scopeStats()`. */
+export declare function previewProtocolStats(): Readonly<typeof protocolStats>;
+export interface IsolatedPreviewOptions {
+    readonly document: Document;
+    readonly container: Element;
+    /** Same-origin URL of the generated frame document. */
+    readonly frameUrl: string;
+    readonly title: string;
+    readonly generation?: number;
+    /** How long the handshake and each request may wait for the frame (default 10 000 ms). */
+    readonly timeoutMs?: number;
+    /**
+     * How long a `mount` or `specimen` request may wait (default 60 000 ms). Both import component
+     * module graphs, which a cold, unbundled load can take seconds to fetch; a failed import is
+     * reported by the frame, so this only bounds a fetch that never settles.
+     */
+    readonly mountTimeoutMs?: number;
+    readonly onMessage?: (message: FrameNotification) => void;
+}
+export interface IsolatedPreview {
+    readonly iframe: HTMLIFrameElement;
+    readonly identity: FrameIdentity;
+    readonly ready: Promise<void>;
+    request(kind: FrameRequest['kind'], payload?: FrameRequestPayload): Promise<JsonValue | undefined>;
+    setViewport(width: number, height: number): void;
+    /** Replace the frame document and advance its generation. */
+    reload(): Promise<void>;
+    dispose(): void;
+}
+export declare class PreviewFrameError extends Error {
+    readonly code: string;
+    constructor(code: string, message: string);
+}
+/** Create one same-origin, independently registered preview frame. */
+export declare function createIsolatedPreview(options: IsolatedPreviewOptions): IsolatedPreview;
+export {};
+//# sourceMappingURL=frame.d.ts.map

package/dist/preview/frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/preview/frame.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAE9B,QAAA,MAAM,aAAa;IAAK,UAAU;IAAK,gBAAgB;IAAK,aAAa;IAAK,gBAAgB;CAAK,CAAC;AAOpG,8GAA8G;AAC9G,wBAAgB,oBAAoB,IAAI,QAAQ,CAAC,OAAO,aAAa,CAAC,CAErE;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,CACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAC1B,OAAO,CAAC,EAAE,mBAAmB,GAC5B,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAClC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACjD,6DAA6D;IAC7D,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,qBAAa,iBAAkB,SAAQ,KAAK;IAExC,QAAQ,CAAC,IAAI,EAAE,MAAM;IADvB,YACW,IAAI,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,EAIhB;CACF;AAED,sEAAsE;AACtE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,sBAAsB,GAAG,eAAe,CAoRtF"}