@widgentic/designer 0.1.0

package/dist/seed.js

@@ -0,0 +1,299 @@
+/**
+ * Seeding: start a new draft as a COPY of something that exists — a stored
+ * widget, a stored theme, a built-in kind, or a theme preset. A seed is a
+ * copy at creation time with a distinct identity; it never links back to
+ * its source and never mutates it. Pure functions: the app wires buttons,
+ * the demo designer can reuse them, tests need no DOM.
+ */
+import { TOKEN_DEFAULTS, darkTheme } from "@widgentic/core";
+import { cloneDraft } from "./store.js";
+/** Built-in kinds that have a starter template (custom/group do not). */
+export const SEEDABLE_BUILTINS = ["card", "table", "tree"];
+const RESERVED_THEME_NAMES = new Set(["light", "dark"]);
+/**
+ * Deterministic distinct identity: `<base>-copy`, then `-copy2`, … The
+ * base itself is never returned — a seed keeping its source's identity
+ * would OVERWRITE the source on first save (the store keys by kind/name).
+ */
+function distinctIdentity(base, taken) {
+    let candidate = `${base}-copy`;
+    for (let n = 2; taken.has(candidate); n++)
+        candidate = `${base}-copy${n}`;
+    return candidate;
+}
+/** Fresh identity for a from-scratch starter (`my-card`, `my-card2`, …). */
+function starterIdentity(base, taken) {
+    let candidate = `my-${base}`;
+    for (let n = 2; taken.has(candidate); n++)
+        candidate = `my-${base}${n}`;
+    return candidate;
+}
+/**
+ * Starter drafts approximating the renderable built-ins. They wear the
+ * built-in `wg-*` classes so the base stylesheet and themes make the seed
+ * look like the original from the first preview. Fixed bindings stand in
+ * for the built-ins' dynamic behavior (the template DSL binds NAMED
+ * properties — a seed is a starting point, not a re-implementation).
+ */
+function builtinStarter(kind) {
+    switch (kind) {
+        case "card":
+            return {
+                template: {
+                    tag: "div",
+                    attrs: { class: "wg-card" },
+                    children: [
+                        {
+                            when: "title",
+                            template: {
+                                tag: "div",
+                                attrs: { class: "wg-card-title" },
+                                children: [{ bind: "title" }]
+                            }
+                        },
+                        {
+                            when: "subtitle",
+                            template: {
+                                tag: "div",
+                                attrs: { class: "wg-card-subtitle" },
+                                children: [{ bind: "subtitle" }]
+                            }
+                        },
+                        {
+                            tag: "dl",
+                            attrs: { class: "wg-card-fields" },
+                            children: ["price", "rating", "stock"].map((field) => ({
+                                tag: "div",
+                                attrs: { class: "wg-card-field" },
+                                children: [
+                                    { tag: "dt", attrs: { class: "wg-card-field-key" }, children: [field] },
+                                    {
+                                        tag: "dd",
+                                        attrs: { class: "wg-card-field-value" },
+                                        children: [{ bind: field }]
+                                    }
+                                ]
+                            }))
+                        }
+                    ]
+                },
+                descriptor: {
+                    description: "Card seeded from the built-in: title/subtitle chrome over fixed " +
+                        "field rows. Rename the fields to your data.",
+                    dataShape: "{ title?, subtitle?, price, rating, stock }",
+                    dataExample: {
+                        title: "Essence Mascara",
+                        subtitle: "beauty",
+                        price: 9.99,
+                        rating: 2.56,
+                        stock: 99
+                    },
+                    dataSchema: {
+                        type: "object",
+                        required: ["price", "rating", "stock"],
+                        properties: {
+                            title: { type: "string" },
+                            subtitle: { type: "string" },
+                            price: { type: "number" },
+                            rating: { type: "number" },
+                            stock: { type: "integer" }
+                        }
+                    }
+                }
+            };
+        case "table":
+            return {
+                template: {
+                    tag: "table",
+                    attrs: { class: "wg-table" },
+                    children: [
+                        {
+                            tag: "thead",
+                            attrs: { class: "wg-table-head" },
+                            children: [
+                                {
+                                    tag: "tr",
+                                    children: ["name", "role"].map((column) => ({
+                                        tag: "th",
+                                        attrs: { class: "wg-table-header" },
+                                        children: [column]
+                                    }))
+                                }
+                            ]
+                        },
+                        {
+                            tag: "tbody",
+                            attrs: { class: "wg-table-body" },
+                            children: [
+                                {
+                                    each: "rows",
+                                    template: {
+                                        tag: "tr",
+                                        attrs: { class: "wg-table-row" },
+                                        children: [
+                                            {
+                                                tag: "td",
+                                                attrs: { class: "wg-table-cell" },
+                                                children: [{ bind: "name" }]
+                                            },
+                                            {
+                                                tag: "td",
+                                                attrs: { class: "wg-table-cell" },
+                                                children: [{ bind: "role" }]
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    ]
+                },
+                descriptor: {
+                    description: "Table seeded from the built-in: fixed columns over a named rows " +
+                        "array (templates bind named properties; the built-in's dynamic " +
+                        "column union stays with the built-in). Rename the columns to " +
+                        "your data.",
+                    dataShape: "{ rows: { name, role }[] }",
+                    dataExample: {
+                        rows: [
+                            { name: "Ada", role: "eng" },
+                            { name: "Lin", role: "ops" }
+                        ]
+                    },
+                    dataSchema: {
+                        type: "object",
+                        required: ["rows"],
+                        properties: {
+                            rows: {
+                                type: "array",
+                                items: {
+                                    type: "object",
+                                    required: ["name", "role"],
+                                    properties: {
+                                        name: { type: "string" },
+                                        role: { type: "string" }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+        case "tree":
+            return {
+                template: {
+                    tag: "ul",
+                    attrs: { class: "wg-tree" },
+                    children: [
+                        {
+                            each: "nodes",
+                            template: {
+                                tag: "li",
+                                attrs: { class: "wg-tree-node", "data-expanded": "true" },
+                                children: [
+                                    {
+                                        tag: "span",
+                                        attrs: { class: "wg-tree-label" },
+                                        children: [{ bind: "label" }]
+                                    },
+                                    {
+                                        tag: "ul",
+                                        attrs: { class: "wg-tree-children" },
+                                        children: [
+                                            {
+                                                each: "children",
+                                                template: {
+                                                    tag: "li",
+                                                    attrs: { class: "wg-tree-node" },
+                                                    children: [
+                                                        {
+                                                            tag: "span",
+                                                            attrs: { class: "wg-tree-label" },
+                                                            children: [{ bind: "label" }]
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                ]
+                            }
+                        }
+                    ]
+                },
+                descriptor: {
+                    description: "Tree seeded from the built-in: two fixed levels of labeled nodes " +
+                        "(templates cannot recurse; the built-in stays the choice for " +
+                        "arbitrary depth). Reshape the levels to your data.",
+                    dataShape: "{ nodes: { label, children: { label }[] }[] }",
+                    dataExample: {
+                        nodes: [
+                            { label: "root", children: [{ label: "leaf" }, { label: "leaf 2" }] }
+                        ]
+                    },
+                    dataSchema: {
+                        type: "object",
+                        required: ["nodes"],
+                        properties: {
+                            nodes: {
+                                type: "array",
+                                items: {
+                                    type: "object",
+                                    required: ["label"],
+                                    properties: {
+                                        label: { type: "string" },
+                                        children: {
+                                            type: "array",
+                                            items: {
+                                                type: "object",
+                                                required: ["label"],
+                                                properties: { label: { type: "string" } }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+    }
+}
+/**
+ * Seed a widget draft from a stored definition or a built-in kind name.
+ * The result always carries an identity distinct from the source AND from
+ * every entry in `taken`.
+ */
+export function seedWidgetDraft(source, taken = []) {
+    const takenSet = new Set(taken);
+    if (typeof source === "string") {
+        return { kind: starterIdentity(source, takenSet), ...builtinStarter(source) };
+    }
+    const copy = cloneDraft(source);
+    takenSet.add(source.kind);
+    copy.kind = distinctIdentity(source.kind, takenSet);
+    return copy;
+}
+/**
+ * Seed a theme entry from a stored entry or a preset name. Preset sources:
+ * `light` = the token defaults, `dark` = the dark preset. The result's
+ * name is distinct from the source, never reserved, and avoids `taken`.
+ */
+export function seedThemeEntry(source, taken = []) {
+    const takenSet = new Set(taken);
+    for (const reserved of RESERVED_THEME_NAMES)
+        takenSet.add(reserved);
+    if (typeof source === "string") {
+        const tokens = source === "dark" ? { ...darkTheme } : { ...TOKEN_DEFAULTS };
+        return {
+            name: starterIdentity(source, takenSet),
+            label: source === "dark" ? "My dark theme" : "My light theme",
+            tokens
+        };
+    }
+    const copy = JSON.parse(JSON.stringify(source));
+    takenSet.add(source.name);
+    copy.name = distinctIdentity(source.name, takenSet);
+    return copy;
+}
+//# sourceMappingURL=seed.js.map

package/dist/seed.js.map

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

package/dist/shell.d.ts

@@ -0,0 +1,59 @@
+import type { ThemeEntry, WidgetTheme } from "@widgentic/core";
+import type { WidgetDefinition } from "./io.js";
+import type { SchemaEntry } from "./schema-designer.js";
+import type { StoredAction } from "@widgentic/core";
+import type { WidgetDraft } from "./store.js";
+import type { DesignerDiagnostics } from "./validate.js";
+export type { WidgetDefinition } from "./io.js";
+export interface DesignerOptions {
+    initialWidget?: WidgetDefinition;
+    initialTheme?: WidgetTheme;
+    /**
+     * Named themes offered as preview options. Theme authoring belongs to
+     * the standalone theme designer; the widget designer only selects.
+     */
+    themes?: ThemeEntry[];
+    /**
+     * Shared data schemas the draft may reference by name (the Data schema
+     * section's "use shared" mode). Schema authoring belongs to the
+     * standalone schema designer; the widget designer only selects.
+     */
+    schemas?: SchemaEntry[];
+    /**
+     * Shared actions the draft may bind by name (element `action` bindings
+     * and the widget-level `load`). Action authoring belongs to the
+     * standalone action designer; the widget designer only binds.
+     */
+    actions?: StoredAction[];
+    /** Secret names offered when an inline http action needs a header or query secret. */
+    secretNames?: string[];
+    /**
+     * Designer chrome appearance. "auto" (default) follows the host's
+     * `prefers-color-scheme`; the explicit values pin it. This is the
+     * designer's own UI — the widget preview uses the draft's theme.
+     */
+    appearance?: "auto" | "light" | "dark";
+    /**
+     * Mount with editing disabled: panels stay visible but inert, only the
+     * preview and its theme selector operate. Toggle later via
+     * `setReadOnly`.
+     */
+    readOnly?: boolean;
+}
+export type LoadResult = {
+    ok: true;
+} | {
+    ok: false;
+    errors: string[];
+};
+export interface DesignerHandle {
+    getDraft(): WidgetDraft;
+    loadWidget(definition: unknown): LoadResult;
+    loadTheme(theme: unknown): LoadResult;
+    /** Disable/enable editing; the preview and theme selector stay live. */
+    setReadOnly(readOnly: boolean): void;
+    subscribe(listener: (draft: WidgetDraft, diagnostics: DesignerDiagnostics) => void): () => void;
+    dispose(): void;
+}
+export declare function createDesigner(container: Element, options?: DesignerOptions): DesignerHandle;
+//# sourceMappingURL=shell.d.ts.map

package/dist/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,QAAQ,IAAI,WAAW,CAAC;IACxB,UAAU,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5C,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAAC;IACtC,wEAAwE;IACxE,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,SAAS,CACP,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,KAAK,IAAI,GACvE,MAAM,IAAI,CAAC;IACd,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,cAAc,CAC5B,SAAS,EAAE,OAAO,EAClB,OAAO,GAAE,eAAoB,GAC5B,cAAc,CAqGhB"}

package/dist/shell.js

@@ -0,0 +1,102 @@
+/**
+ * The designer shell: layout, store wiring, and the embedding handle.
+ * Panels and the preview are plain modules receiving the store — every
+ * designer instance is fully closure-scoped so multiple instances coexist
+ * in one document.
+ */
+import { validateTheme } from "@widgentic/core";
+import { h, injectDesignerStyles } from "./dom.js";
+import { applyDefinition, checkDefinition } from "./io.js";
+import { mountPanels } from "./panels.js";
+import { createPreview } from "./preview.js";
+import { cloneDraft, createDraftStore, starterDraft } from "./store.js";
+import { deriveDiagnostics } from "./validate.js";
+export function createDesigner(container, options = {}) {
+    injectDesignerStyles(document);
+    const base = options.initialWidget
+        ? cloneDraft({ ...options.initialWidget })
+        : starterDraft();
+    const initial = options.initialTheme !== undefined ? { ...base, theme: options.initialTheme } : base;
+    const store = createDraftStore(initial);
+    const listeners = new Set();
+    const preview = createPreview({ actions: options.actions ?? [] });
+    const leftColumn = h("div", { class: "wgd-panels" });
+    const rightSections = h("div", { class: "wgd-preview-pane" });
+    const rightColumn = h("div", { class: "wgd-side" }, [preview.pane, rightSections]);
+    const root = h("div", { class: "wgd-root" }, [leftColumn, rightColumn]);
+    if (options.appearance === "light" || options.appearance === "dark") {
+        root.setAttribute("data-wgd-theme", options.appearance);
+    }
+    container.appendChild(root);
+    const actionContext = {
+        actions: options.actions ?? [],
+        secretNames: options.secretNames ?? [],
+        schemas: options.schemas ?? []
+    };
+    const panels = mountPanels(store, { left: leftColumn, right: rightSections }, options.themes ?? [], options.schemas ?? [], actionContext);
+    function refresh(draft) {
+        const diagnostics = deriveDiagnostics(draft, {
+            schemas: options.schemas ?? [],
+            actions: options.actions ?? []
+        });
+        preview.update(draft, diagnostics);
+        for (const listener of [...listeners])
+            listener(draft, diagnostics);
+    }
+    const unsubscribe = store.subscribe(refresh);
+    refresh(store.get());
+    /**
+     * Read-only: every editing surface goes inert (visible, inoperable —
+     * section summaries stay clickable so content can still be inspected),
+     * while the preview and the theme panel's selector keep working. inert
+     * is applied to section BODIES, which are stable elements: panel
+     * re-renders replace children inside them, never the bodies themselves.
+     */
+    function setReadOnly(readOnly) {
+        root.classList.toggle("wgd-readonly", readOnly);
+        // Complex selectors inside :not() are not universally supported, so
+        // the view-only exclusion is filtered here rather than in the query.
+        const bodies = [
+            ...root.querySelectorAll(".wgd-panels .wgd-section-body, .wgd-edit-only > .wgd-section-body")
+        ].filter((body) => !body.parentElement?.classList.contains("wgd-view-only"));
+        for (const body of bodies) {
+            if (readOnly)
+                body.setAttribute("inert", "");
+            else
+                body.removeAttribute("inert");
+        }
+    }
+    if (options.readOnly === true)
+        setReadOnly(true);
+    return {
+        getDraft: () => cloneDraft(store.get()),
+        setReadOnly,
+        loadWidget(definition) {
+            const errors = checkDefinition(definition);
+            if (errors.length > 0)
+                return { ok: false, errors };
+            applyDefinition(store, definition);
+            return { ok: true };
+        },
+        loadTheme(theme) {
+            const validated = validateTheme(theme);
+            if (!validated.ok) {
+                return { ok: false, errors: [validated.error.message] };
+            }
+            store.update((draft) => ({ ...draft, theme: validated.theme }));
+            return { ok: true };
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+        dispose() {
+            unsubscribe();
+            panels.dispose();
+            preview.dispose();
+            listeners.clear();
+            root.remove();
+        }
+    };
+}
+//# sourceMappingURL=shell.js.map

package/dist/shell.js.map

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

package/dist/store.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Designer draft store: one micro-store per designer instance — get,
+ * immutable update, subscribe, and a bounded undo stack. Deliberately
+ * framework-free (the "Arrow JS direction": fine-grained subscriptions,
+ * no VDOM) so the designer stays a zero-dependency embeddable.
+ */
+import type { WidgetDescriptorInput } from "@widgentic/core";
+import type { WidgetTemplate } from "@widgentic/core";
+import type { WidgetTheme } from "@widgentic/core";
+import type { ActionBinding } from "@widgentic/core";
+/** The draft being designed — the server's `CustomWidget` shape plus session extras. */
+export interface WidgetDraft {
+    kind: string;
+    template: WidgetTemplate;
+    /**
+     * Mirrors the store's shape: `dataSchemaRef` names a shared schema in
+     * place of an inline `dataSchema` (never both). Export carries the ref
+     * as authored — resolution belongs to the server's composition.
+     */
+    descriptor: WidgetDescriptorInput & {
+        dataSchemaRef?: string;
+    };
+    /** Optional http GET action run once when the widget first renders. */
+    load?: ActionBinding;
+    /** Optional preview data overriding `descriptor.dataExample`. */
+    sampleData?: unknown;
+    /** Preview theme (also the theme-designer working copy). */
+    theme?: WidgetTheme;
+}
+export type DraftListener = (draft: WidgetDraft) => void;
+export interface DraftStore {
+    get(): WidgetDraft;
+    /** Replace the draft via an updater; records undo history. */
+    update(updater: (draft: WidgetDraft) => WidgetDraft): void;
+    /** Replace wholesale (imports/loads); clears history. */
+    replace(draft: WidgetDraft): void;
+    undo(): boolean;
+    subscribe(listener: DraftListener): () => void;
+}
+/** Structured-clone with JSON semantics — drafts are serializable by contract. */
+export declare function cloneDraft(draft: WidgetDraft): WidgetDraft;
+export declare function starterDraft(): WidgetDraft;
+export declare function createDraftStore(initial?: WidgetDraft): DraftStore;
+//# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wFAAwF;AACxF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,UAAU,EAAE,qBAAqB,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,uEAAuE;IACvE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAIzD,MAAM,WAAW,UAAU;IACzB,GAAG,IAAI,WAAW,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,WAAW,GAAG,IAAI,CAAC;IAC3D,yDAAyD;IACzD,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,IAAI,IAAI,OAAO,CAAC;IAChB,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI,CAAC;CAChD;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,CAE1D;AAED,wBAAgB,YAAY,IAAI,WAAW,CA4B1C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAkClE"}

package/dist/store.js

@@ -0,0 +1,71 @@
+const UNDO_LIMIT = 50;
+/** Structured-clone with JSON semantics — drafts are serializable by contract. */
+export function cloneDraft(draft) {
+    return JSON.parse(JSON.stringify(draft));
+}
+export function starterDraft() {
+    // Everything the starter binds is DECLARED in its dataSchema — the
+    // preferred pattern: schema-declared properties validate, `$meta.*`
+    // paths do not, so new drafts start on the validated side.
+    return {
+        kind: "my-widget",
+        template: {
+            tag: "div",
+            attrs: { class: "wg-template" },
+            children: [{ tag: "h2", children: [{ bind: "title" }] }, { bind: "message" }]
+        },
+        descriptor: {
+            description: "Describe what this widget is for.",
+            dataShape: "{ title?, message }",
+            dataExample: {
+                title: "My widget",
+                message: "Hello from the widgentic designer"
+            },
+            dataSchema: {
+                type: "object",
+                required: ["message"],
+                properties: {
+                    title: { type: "string" },
+                    message: { type: "string" }
+                }
+            }
+        }
+    };
+}
+export function createDraftStore(initial) {
+    let current = cloneDraft(initial ?? starterDraft());
+    const history = [];
+    const listeners = new Set();
+    function notify() {
+        for (const listener of [...listeners])
+            listener(current);
+    }
+    return {
+        get: () => current,
+        update(updater) {
+            history.push(current);
+            if (history.length > UNDO_LIMIT)
+                history.shift();
+            current = cloneDraft(updater(cloneDraft(current)));
+            notify();
+        },
+        replace(draft) {
+            history.length = 0;
+            current = cloneDraft(draft);
+            notify();
+        },
+        undo() {
+            const previous = history.pop();
+            if (previous === undefined)
+                return false;
+            current = previous;
+            notify();
+            return true;
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        }
+    };
+}
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AA+BA,MAAM,UAAU,GAAG,EAAE,CAAC;AAYtB,kFAAkF;AAClF,MAAM,UAAU,UAAU,CAAC,KAAkB;IAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAgB,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,mEAAmE;IACnE,oEAAoE;IACpE,2DAA2D;IAC3D,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACR,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAC/B,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;SAC9E;QACD,UAAU,EAAE;YACV,WAAW,EAAE,mCAAmC;YAChD,SAAS,EAAE,qBAAqB;YAChC,WAAW,EAAE;gBACX,KAAK,EAAE,WAAW;gBAClB,OAAO,EAAE,mCAAmC;aAC7C;YACD,UAAU,EAAE;gBACV,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC,SAAS,CAAC;gBACrB,UAAU,EAAE;oBACV,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACzB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;iBAC5B;aACF;SACF;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAqB;IACpD,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC,CAAC;IACpD,MAAM,OAAO,GAAkB,EAAE,CAAC;IAClC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiB,CAAC;IAE3C,SAAS,MAAM;QACb,KAAK,MAAM,QAAQ,IAAI,CAAC,GAAG,SAAS,CAAC;YAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO;QACL,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO;QAClB,MAAM,CAAC,OAAO;YACZ,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtB,IAAI,OAAO,CAAC,MAAM,GAAG,UAAU;gBAAE,OAAO,CAAC,KAAK,EAAE,CAAC;YACjD,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,CAAC;QACX,CAAC;QACD,OAAO,CAAC,KAAK;YACX,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAC5B,MAAM,EAAE,CAAC;QACX,CAAC;QACD,IAAI;YACF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;YAC/B,IAAI,QAAQ,KAAK,SAAS;gBAAE,OAAO,KAAK,CAAC;YACzC,OAAO,GAAG,QAAQ,CAAC;YACnB,MAAM,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QACD,SAAS,CAAC,QAAQ;YAChB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/styles-editor.d.ts

@@ -0,0 +1,8 @@
+export type WidgetStylesValue = Record<string, Record<string, string>>;
+export interface StylesEditor {
+    element: HTMLElement;
+    getValue(): WidgetStylesValue | undefined;
+    setValue(styles: WidgetStylesValue | undefined): void;
+}
+export declare function createStylesEditor(initial: WidgetStylesValue | undefined, onChange: (styles: WidgetStylesValue | undefined) => void): StylesEditor;
+//# sourceMappingURL=styles-editor.d.ts.map

package/dist/styles-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-editor.d.ts","sourceRoot":"","sources":["../src/styles-editor.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEvE,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,IAAI,iBAAiB,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC;CACvD;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,iBAAiB,GAAG,SAAS,EACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,GACxD,YAAY,CAkJd"}