@mobile-reality/mdma-renderer-vanilla 0.2.0

package/dist/markdown/render-mdast.js

@@ -0,0 +1,89 @@
+import { append, el } from '../dom/el.js';
+function renderChildren(nodes) {
+    if (!nodes)
+        return [];
+    return nodes.map((child) => renderNode(child));
+}
+function alignStyle(align, index) {
+    const value = align?.[index];
+    return value ? { 'text-align': value } : undefined;
+}
+function renderTable(node) {
+    const rows = node.children ?? [];
+    const [headerRow, ...bodyRows] = rows;
+    const sections = [];
+    if (headerRow) {
+        sections.push(el('thead', {}, [
+            el('tr', {}, (headerRow.children ?? []).map((cell, index) => el('th', { style: alignStyle(node.align, index) }, renderChildren(cell.children)))),
+        ]));
+    }
+    if (bodyRows.length > 0) {
+        sections.push(el('tbody', {}, bodyRows.map((row) => el('tr', {}, (row.children ?? []).map((cell, index) => el('td', { style: alignStyle(node.align, index) }, renderChildren(cell.children)))))));
+    }
+    return el('table', { class: 'mdast-table' }, sections);
+}
+function renderNode(node) {
+    switch (node.type) {
+        case 'heading':
+            return el(`h${node.depth ?? 1}`, {}, renderChildren(node.children));
+        case 'paragraph':
+            return el('p', {}, renderChildren(node.children));
+        case 'blockquote':
+            return el('blockquote', {}, renderChildren(node.children));
+        case 'list':
+            return el(node.ordered ? 'ol' : 'ul', { start: node.ordered ? (node.start ?? 1) : undefined }, renderChildren(node.children));
+        case 'listItem': {
+            if (node.checked == null)
+                return el('li', {}, renderChildren(node.children));
+            const box = el('input', { type: 'checkbox', readonly: true });
+            box.checked = node.checked;
+            return el('li', { class: 'mdast-task-item' }, [box, ...renderChildren(node.children)]);
+        }
+        case 'code':
+            return el('pre', { class: 'mdast-code-block' }, [
+                el('code', { class: node.lang ? `language-${node.lang}` : undefined }, [node.value]),
+            ]);
+        case 'thematicBreak':
+            return el('hr');
+        case 'html':
+            // Rendered as text, never parsed — untrusted model output must not become live markup.
+            return el('div', { class: 'mdast-raw-html' }, [node.value]);
+        case 'table':
+            return renderTable(node);
+        case 'text':
+            return node.value;
+        case 'emphasis':
+            return el('em', {}, renderChildren(node.children));
+        case 'strong':
+            return el('strong', {}, renderChildren(node.children));
+        case 'delete':
+            return el('del', {}, renderChildren(node.children));
+        case 'inlineCode':
+            return el('code', { class: 'mdast-inline-code' }, [node.value]);
+        case 'link':
+            return el('a', {
+                href: node.url,
+                title: node.title,
+                target: '_blank',
+                rel: 'noopener noreferrer',
+            }, renderChildren(node.children));
+        case 'image':
+            return el('img', { src: node.url, alt: node.alt ?? '', title: node.title });
+        case 'break':
+            return el('br');
+        default: {
+            if (node.children) {
+                const fragment = el('span', {}, renderChildren(node.children));
+                return fragment;
+            }
+            return node.value ?? null;
+        }
+    }
+}
+/** Render one standard Markdown node into its `.mdma-markdown-content` wrapper. */
+export function renderMdast(node) {
+    const root = el('div', { class: 'mdma-markdown-content' });
+    append(root, [renderNode(node)]);
+    return root;
+}
+//# sourceMappingURL=render-mdast.js.map

package/dist/markdown/render-mdast.js.map

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

package/dist/renderers/renderer-props.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentState } from '@mobile-reality/mdma-runtime';
+import type { MdmaComponent, StoreAction } from '@mobile-reality/mdma-spec';
+import type { RenderContext } from '../context/render-context.js';
+/** What every block renderer receives. Mirrors the React and Vue renderers' props. */
+export interface MdmaBlockRendererProps {
+    component: MdmaComponent;
+    componentState: ComponentState | undefined;
+    dispatch: (action: StoreAction) => void;
+    resolveBinding: (expr: string) => unknown;
+    /** Host customizations — data sources, element overrides, custom variants. */
+    context: RenderContext;
+}
+/**
+ * A mounted renderer. There is no virtual DOM here: a renderer owns its element
+ * and is handed new props whenever the store or the AST changes, so it can
+ * decide what to touch. That is what keeps a focused input intact while a
+ * streamed document re-parses on every chunk.
+ */
+export interface RendererInstance {
+    /** The element currently in the document. Re-read after `update` — it may be replaced. */
+    el: HTMLElement;
+    update(props: MdmaBlockRendererProps): void;
+    destroy?(): void;
+}
+export type MdmaBlockRenderer = (props: MdmaBlockRendererProps) => RendererInstance;
+/**
+ * Build a renderer from a plain render function, for components with nothing
+ * worth preserving between renders — no focusable control whose value the user
+ * is editing. Each update rebuilds the element and swaps it in place.
+ *
+ * A component that owns editable state (`form`, `tasklist`) implements
+ * {@link RendererInstance} directly and updates in place instead.
+ */
+export declare function stateless(render: (props: MdmaBlockRendererProps) => HTMLElement): MdmaBlockRenderer;
+/**
+ * Like {@link stateless}, but with view state that outlives a rebuild — a
+ * revealed PII cell, a fired webhook. This is presentation state only; anything
+ * the document should remember belongs in the store.
+ */
+export declare function withState<TState>(createState: () => TState, render: (props: MdmaBlockRendererProps, state: TState) => HTMLElement): MdmaBlockRenderer;
+//# sourceMappingURL=renderer-props.d.ts.map

package/dist/renderers/renderer-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-props.d.ts","sourceRoot":"","sources":["../../src/renderers/renderer-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,sFAAsF;AACtF,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,8EAA8E;IAC9E,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,0FAA0F;IAC1F,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,sBAAsB,KAAK,gBAAgB,CAAC;AAEpF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,WAAW,GACrD,iBAAiB,CAKnB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAC9B,WAAW,EAAE,MAAM,MAAM,EACzB,MAAM,EAAE,CAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,GACpE,iBAAiB,CAanB"}

package/dist/renderers/renderer-props.js

@@ -0,0 +1,31 @@
+/**
+ * Build a renderer from a plain render function, for components with nothing
+ * worth preserving between renders — no focusable control whose value the user
+ * is editing. Each update rebuilds the element and swaps it in place.
+ *
+ * A component that owns editable state (`form`, `tasklist`) implements
+ * {@link RendererInstance} directly and updates in place instead.
+ */
+export function stateless(render) {
+    return withState(() => undefined, (props) => render(props));
+}
+/**
+ * Like {@link stateless}, but with view state that outlives a rebuild — a
+ * revealed PII cell, a fired webhook. This is presentation state only; anything
+ * the document should remember belongs in the store.
+ */
+export function withState(createState, render) {
+    return (initial) => {
+        const state = createState();
+        const instance = {
+            el: render(initial, state),
+            update(next) {
+                const replacement = render(next, state);
+                instance.el.replaceWith(replacement);
+                instance.el = replacement;
+            },
+        };
+        return instance;
+    };
+}
+//# sourceMappingURL=renderer-props.js.map

package/dist/renderers/renderer-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-props.js","sourceRoot":"","sources":["../../src/renderers/renderer-props.ts"],"names":[],"mappings":"AA6BA;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CACvB,MAAsD;IAEtD,OAAO,SAAS,CACd,GAAG,EAAE,CAAC,SAAS,EACf,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CACzB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,WAAyB,EACzB,MAAqE;IAErE,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;QAC5B,MAAM,QAAQ,GAAqB;YACjC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC;YAC1B,MAAM,CAAC,IAAI;gBACT,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;gBACrC,QAAQ,CAAC,EAAE,GAAG,WAAW,CAAC;YAC5B,CAAC;SACF,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC"}

package/dist/renderers/renderer-registry.d.ts

@@ -0,0 +1,14 @@
+import type { MdmaBlockRenderer } from './renderer-props.js';
+export declare class RendererRegistry {
+    private renderers;
+    register(type: string, renderer: MdmaBlockRenderer): void;
+    get(type: string): MdmaBlockRenderer | undefined;
+    has(type: string): boolean;
+    /** Convert to a plain record for passing as the `renderers` option. */
+    toRecord(): Record<string, MdmaBlockRenderer>;
+}
+/** Built-in renderers for all core MDMA component types. */
+export declare const defaultRenderers: Record<string, MdmaBlockRenderer>;
+/** A registry pre-populated with the built-ins; register more to extend or override. */
+export declare function createRendererRegistry(): RendererRegistry;
+//# sourceMappingURL=renderer-registry.d.ts.map

package/dist/renderers/renderer-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-registry.d.ts","sourceRoot":"","sources":["../../src/renderers/renderer-registry.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,SAAS,CAAwC;IAEzD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAIzD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAIhD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,uEAAuE;IACvE,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC;CAG9C;AAED,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAW9D,CAAC;AAEF,wFAAwF;AACxF,wBAAgB,sBAAsB,IAAI,gBAAgB,CAMzD"}

package/dist/renderers/renderer-registry.js

@@ -0,0 +1,48 @@
+import { ApprovalGateRenderer } from '../components/ApprovalGateRenderer.js';
+import { ButtonRenderer } from '../components/ButtonRenderer.js';
+import { CalloutRenderer } from '../components/CalloutRenderer.js';
+import { ChartRenderer } from '../components/ChartRenderer.js';
+import { CustomRenderer } from '../components/CustomRenderer.js';
+import { FormRenderer } from '../components/FormRenderer.js';
+import { TableRenderer } from '../components/TableRenderer.js';
+import { TasklistRenderer } from '../components/TasklistRenderer.js';
+import { ThinkingRenderer } from '../components/ThinkingRenderer.js';
+import { WebhookRenderer } from '../components/WebhookRenderer.js';
+export class RendererRegistry {
+    renderers = new Map();
+    register(type, renderer) {
+        this.renderers.set(type, renderer);
+    }
+    get(type) {
+        return this.renderers.get(type);
+    }
+    has(type) {
+        return this.renderers.has(type);
+    }
+    /** Convert to a plain record for passing as the `renderers` option. */
+    toRecord() {
+        return Object.fromEntries(this.renderers);
+    }
+}
+/** Built-in renderers for all core MDMA component types. */
+export const defaultRenderers = {
+    form: FormRenderer,
+    button: ButtonRenderer,
+    tasklist: TasklistRenderer,
+    table: TableRenderer,
+    callout: CalloutRenderer,
+    'approval-gate': ApprovalGateRenderer,
+    webhook: WebhookRenderer,
+    chart: ChartRenderer,
+    thinking: ThinkingRenderer,
+    custom: CustomRenderer,
+};
+/** A registry pre-populated with the built-ins; register more to extend or override. */
+export function createRendererRegistry() {
+    const registry = new RendererRegistry();
+    for (const [type, renderer] of Object.entries(defaultRenderers)) {
+        registry.register(type, renderer);
+    }
+    return registry;
+}
+//# sourceMappingURL=renderer-registry.js.map

package/dist/renderers/renderer-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-registry.js","sourceRoot":"","sources":["../../src/renderers/renderer-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,MAAM,OAAO,gBAAgB;IACnB,SAAS,GAAG,IAAI,GAAG,EAA6B,CAAC;IAEzD,QAAQ,CAAC,IAAY,EAAE,QAA2B;QAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,uEAAuE;IACvE,QAAQ;QACN,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;CACF;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAsC;IACjE,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,wFAAwF;AACxF,MAAM,UAAU,sBAAsB;IACpC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAChE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Design tokens for the web renderers — the typed mirror of the `--mdma-*` CSS
+ * custom properties in `styles.css`, and the same shape the React, Vue, and
+ * React Native renderers expose, so a theme object is portable between them.
+ */
+export interface MdmaTheme {
+    colors: {
+        background: string;
+        surface: string;
+        text: string;
+        textMuted: string;
+        border: string;
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        danger: string;
+        onDanger: string;
+        info: string;
+        infoBg: string;
+        warning: string;
+        warningBg: string;
+        error: string;
+        errorBg: string;
+        success: string;
+        successBg: string;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    radius: {
+        sm: number;
+        md: number;
+    };
+    fontSize: {
+        small: number;
+        body: number;
+        label: number;
+        title: number;
+    };
+}
+/** Built-in light palette — matches the default `--mdma-*` values in `styles.css`. */
+export declare const lightTheme: MdmaTheme;
+/** Built-in dark palette — matches the `[data-theme='dark']` block in `styles.css`. */
+export declare const darkTheme: MdmaTheme;
+/**
+ * What can be passed as a `theme`:
+ * - `'light'` / `'dark'` — the built-in palettes (applied via `data-theme`).
+ * - `'auto'` — follows the OS `prefers-color-scheme`.
+ * - a full {@link MdmaTheme} — custom tokens, written inline as CSS variables.
+ * - `undefined` — no theme; the stylesheet's default (light) tokens apply.
+ */
+export type MdmaThemeInput = MdmaTheme | 'light' | 'dark' | 'auto';
+export interface ResolvedThemeProps {
+    dataTheme?: 'light' | 'dark' | 'auto';
+    /** Inline CSS variables, when a custom theme object is provided. */
+    style?: Record<string, string>;
+    theme: MdmaTheme;
+}
+/** Convert tokens into the inline CSS variables the `.mdma-*` classes read. */
+export declare function themeToCssVars(theme: MdmaTheme): Record<string, string>;
+export declare function resolveThemeProps(theme: MdmaThemeInput | undefined): ResolvedThemeProps;
+/** Apply a resolved theme to an element: `data-theme` plus any inline variables. */
+export declare function applyTheme(element: HTMLElement, resolved: ResolvedThemeProps): void;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE;AAED,sFAAsF;AACtF,eAAO,MAAM,UAAU,EAAE,SAyBxB,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,SAAS,EAAE,SAyBvB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACtC,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,EAAE,SAAS,CAAC;CAClB;AAMD,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAavE;AAaD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,kBAAkB,CAgBvF;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAUnF"}

package/dist/theme/theme.js

@@ -0,0 +1,120 @@
+/** Built-in light palette — matches the default `--mdma-*` values in `styles.css`. */
+export const lightTheme = {
+    colors: {
+        background: '#ffffff',
+        surface: '#f8f9fa',
+        text: '#333333',
+        textMuted: '#666666',
+        border: '#e0e0e0',
+        primary: '#6c5ce7',
+        onPrimary: '#ffffff',
+        secondary: '#dfe6e9',
+        onSecondary: '#2d3436',
+        danger: '#e74c3c',
+        onDanger: '#ffffff',
+        info: '#3498db',
+        infoBg: '#ebf5fb',
+        warning: '#f39c12',
+        warningBg: '#fef9e7',
+        error: '#e74c3c',
+        errorBg: '#fdedec',
+        success: '#27ae60',
+        successBg: '#eafaf1',
+    },
+    spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+    radius: { sm: 6, md: 10 },
+    fontSize: { small: 13, body: 14, label: 15, title: 18 },
+};
+/** Built-in dark palette — matches the `[data-theme='dark']` block in `styles.css`. */
+export const darkTheme = {
+    colors: {
+        background: '#151a26',
+        surface: '#1c2333',
+        text: '#e5e7eb',
+        textMuted: '#9ca3af',
+        border: '#2a3140',
+        primary: '#8b7ff0',
+        onPrimary: '#ffffff',
+        secondary: '#2a3140',
+        onSecondary: '#e5e7eb',
+        danger: '#ef4444',
+        onDanger: '#ffffff',
+        info: '#5dade2',
+        infoBg: '#16283a',
+        warning: '#f5b041',
+        warningBg: '#2a2412',
+        error: '#ef4444',
+        errorBg: '#2a1717',
+        success: '#2ecc71',
+        successBg: '#12251a',
+    },
+    spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+    radius: { sm: 6, md: 10 },
+    fontSize: { small: 13, body: 14, label: 15, title: 18 },
+};
+function camelToKebab(key) {
+    return key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+/** Convert tokens into the inline CSS variables the `.mdma-*` classes read. */
+export function themeToCssVars(theme) {
+    const vars = {};
+    for (const [key, value] of Object.entries(theme.colors)) {
+        vars[`--mdma-color-${camelToKebab(key)}`] = value;
+    }
+    for (const [key, value] of Object.entries(theme.spacing))
+        vars[`--mdma-spacing-${key}`] = `${value}px`;
+    for (const [key, value] of Object.entries(theme.radius))
+        vars[`--mdma-radius-${key}`] = `${value}px`;
+    for (const [key, value] of Object.entries(theme.fontSize)) {
+        vars[`--mdma-font-size-${camelToKebab(key)}`] = `${value}px`;
+    }
+    return vars;
+}
+/** Heuristic: is this theme's background dark? (relative luminance < 50%). */
+function isDarkTheme(theme) {
+    const hex = theme.colors.background.replace('#', '');
+    if (hex.length < 6)
+        return false;
+    const r = Number.parseInt(hex.slice(0, 2), 16);
+    const g = Number.parseInt(hex.slice(2, 4), 16);
+    const b = Number.parseInt(hex.slice(4, 6), 16);
+    if (Number.isNaN(r + g + b))
+        return false;
+    return 0.299 * r + 0.587 * g + 0.114 * b < 128;
+}
+export function resolveThemeProps(theme) {
+    if (theme === undefined)
+        return { theme: lightTheme };
+    if (theme === 'light')
+        return { dataTheme: 'light', theme: lightTheme };
+    if (theme === 'dark')
+        return { dataTheme: 'dark', theme: darkTheme };
+    // `auto` follows the OS preference at the CSS layer; the resolved token object
+    // is a best-effort light default for any JS consumer.
+    if (theme === 'auto')
+        return { dataTheme: 'auto', theme: lightTheme };
+    // A custom theme sets the public tokens inline, but the stylesheet also has
+    // internal derived vars (heading text, code backgrounds, …) that aren't on the
+    // public type. Pick the light/dark base by the theme's own background so those
+    // derived vars match.
+    return {
+        dataTheme: isDarkTheme(theme) ? 'dark' : 'light',
+        style: themeToCssVars(theme),
+        theme,
+    };
+}
+/** Apply a resolved theme to an element: `data-theme` plus any inline variables. */
+export function applyTheme(element, resolved) {
+    if (resolved.dataTheme)
+        element.setAttribute('data-theme', resolved.dataTheme);
+    else
+        element.removeAttribute('data-theme');
+    for (const name of Array.from(element.style)) {
+        if (name.startsWith('--mdma-'))
+            element.style.removeProperty(name);
+    }
+    for (const [name, value] of Object.entries(resolved.style ?? {})) {
+        element.style.setProperty(name, value);
+    }
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

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

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@mobile-reality/mdma-renderer-vanilla",
+  "version": "0.2.0",
+  "keywords": [
+    "mdma",
+    "markdown",
+    "ai",
+    "llm",
+    "interactive-document",
+    "vanilla",
+    "dom",
+    "no-framework",
+    "forms",
+    "ui"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@mobile-reality/mdma-spec": "0.4.0",
+    "@mobile-reality/mdma-runtime": "0.4.0"
+  },
+  "devDependencies": {
+    "happy-dom": "^20.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "typescript": "^5.7.0",
+    "unified": "^11.0.0",
+    "vitest": "^3.2.0",
+    "@mobile-reality/mdma-parser": "0.3.0",
+    "@mobile-reality/mdma-attachables-core": "0.2.6"
+  },
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MobileReality/mdma.git",
+    "directory": "packages/renderer-vanilla"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run",
+    "lint": "biome lint src/",
+    "typecheck": "tsc --noEmit"
+  }
+}