figma-inspect-cli 0.1.0

package/dist/inspect/component-set-pseudocode/structure-dsl.js

@@ -0,0 +1,170 @@
+const INDENT = "  ";
+function isElementNode(node) {
+    return "type" in node;
+}
+function isUseNode(node) {
+    return "$use" in node;
+}
+function isSlotNode(node) {
+    return "$slot" in node;
+}
+function formatWhenProps(props) {
+    if (!props || props.length === 0) {
+        return "";
+    }
+    return ` when ${props.join(", ")}`;
+}
+function formatWhenAxes(when) {
+    if (!when || Object.keys(when).length === 0) {
+        return "";
+    }
+    const parts = Object.entries(when).map(([axis, value]) => `${axis} = ${JSON.stringify(value)}`);
+    return ` when ${parts.join(", ")}`;
+}
+function formatPropDefinition(name, definition) {
+    if (definition.type === "variant" && definition.options) {
+        const defaultValue = String(definition.default ?? definition.options[0]);
+        return `${name} variant = ${JSON.stringify(defaultValue)} // ${definition.options.map((option) => JSON.stringify(option)).join(" | ")}`;
+    }
+    if (definition.type === "instance") {
+        return `${name} instance = ${JSON.stringify(name)}`;
+    }
+    if (definition.type === "boolean") {
+        return `${name} boolean = ${JSON.stringify(definition.default ?? false)}`;
+    }
+    return `${name} text = ${JSON.stringify(definition.default ?? "")}`;
+}
+function renderBindings(lines, level, styleRef, layoutRef) {
+    const indent = INDENT.repeat(level);
+    if (styleRef) {
+        lines.push(`${indent}style ${styleRef}`);
+    }
+    if (layoutRef) {
+        lines.push(`${indent}layout ${layoutRef}`);
+    }
+}
+function renderNode(lines, node, level) {
+    const indent = INDENT.repeat(level);
+    if (isUseNode(node)) {
+        lines.push(`${indent}use ${node.$use}`);
+        return;
+    }
+    if (isSlotNode(node)) {
+        lines.push(`${indent}slot ${node.$slot}`);
+        return;
+    }
+    if (!isElementNode(node)) {
+        return;
+    }
+    const whenProps = node.when?.map((entry) => entry.prop);
+    const header = `${node.type} ${node.key}${formatWhenProps(whenProps)}`;
+    const blockComment = node.name ? ` // ${node.name}` : "";
+    const extras = [];
+    if (node.content !== undefined) {
+        extras.push(typeof node.content === "string"
+            ? `content ${JSON.stringify(node.content)}`
+            : `content \${${node.content.$prop}}`);
+    }
+    if (node.instance !== undefined) {
+        extras.push(typeof node.instance === "string"
+            ? `instance ${node.instance}`
+            : `instance \${${node.instance.$prop}}`);
+    }
+    if (node.asset !== undefined) {
+        extras.push(`asset ${node.asset.$ref}`);
+    }
+    const styleRef = node.style?.$ref;
+    const layoutRef = node.layout?.$ref;
+    const children = node.children ?? [];
+    const hasBlock = Boolean(styleRef || layoutRef) || extras.length > 0 || children.length > 0;
+    if (!hasBlock) {
+        lines.push(`${indent}${header}`);
+        return;
+    }
+    lines.push(`${indent}${header} {${blockComment}`);
+    const bodyLevel = level + 1;
+    renderBindings(lines, bodyLevel, styleRef, layoutRef);
+    for (const extra of extras) {
+        lines.push(`${INDENT.repeat(bodyLevel)}${extra}`);
+    }
+    for (const child of children) {
+        renderNode(lines, child, bodyLevel);
+    }
+    lines.push(`${indent}}`);
+}
+function renderResolve(contract) {
+    const axes = Object.keys(contract.variantAxes);
+    if (axes.length === 0) {
+        const lines = [
+            "resolve {",
+            `${INDENT}scheme = visuals`,
+            `${INDENT}geometry = geometry`,
+        ];
+        if (contract.assetBacked) {
+            lines.push(`${INDENT}asset = meta.assets`);
+        }
+        lines.push("}");
+        return lines;
+    }
+    const path = axes.join("][");
+    const lines = [
+        "resolve {",
+        `${INDENT}scheme = visuals[${path}]`,
+        `${INDENT}geometry = geometry[${path}]`,
+    ];
+    if (contract.assetBacked) {
+        lines.push(`${INDENT}asset = meta.assets[${path}]`);
+    }
+    lines.push("}");
+    return lines;
+}
+export function renderStructureDsl(contract) {
+    const lines = [`component ${contract.component}`, ""];
+    if (Object.keys(contract.props ?? {}).length > 0) {
+        lines.push("props {");
+        for (const [name, definition] of Object.entries(contract.props ?? {})) {
+            lines.push(`${INDENT}${formatPropDefinition(name, definition)}`);
+        }
+        lines.push("}", "");
+    }
+    lines.push("contracts {", `${INDENT}visuals ${contract.contracts.visuals}`, `${INDENT}geometry ${contract.contracts.geometry}`, `${INDENT}meta ${contract.contracts.meta}`, "}", "");
+    if (Object.keys(contract.variantAxes).length > 0) {
+        lines.push("variantAxes {");
+        for (const [axis, values] of Object.entries(contract.variantAxes)) {
+            lines.push(`${INDENT}${axis}: ${values.join(" | ")}`);
+        }
+        lines.push("}", "");
+    }
+    lines.push(...renderResolve(contract), "");
+    if (contract.dispatch.length > 0 || contract.fallback) {
+        lines.push("dispatch {");
+        for (const entry of contract.dispatch) {
+            const whenLabel = formatWhenAxes(entry.when).replace(/^ when /, "");
+            lines.push(`${INDENT}${whenLabel} => ${entry.template}`);
+        }
+        if (contract.fallback) {
+            lines.push(`${INDENT}fallback => ${contract.fallback}`);
+        }
+        lines.push("}", "");
+    }
+    const templateNames = Object.keys(contract.templates).sort();
+    if (templateNames.length > 0) {
+        lines.push("templates {");
+        for (let index = 0; index < templateNames.length; index += 1) {
+            const name = templateNames[index];
+            const template = contract.templates[name];
+            lines.push(`${INDENT}template ${name}${formatWhenAxes(template.when)} {`);
+            renderNode(lines, template.root, 2);
+            lines.push(`${INDENT}}`);
+            if (index < templateNames.length - 1) {
+                lines.push("");
+            }
+        }
+        lines.push("}");
+    }
+    return `${lines
+        .join("\n")
+        .replace(/\n{3,}/g, "\n\n")
+        .trimEnd()}\n`;
+}
+//# sourceMappingURL=structure-dsl.js.map

package/dist/inspect/component-set-pseudocode/structure-dsl.js.map

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

package/dist/inspect/component-set-pseudocode/types.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentSetPropDefinition, SlimNode } from "../component-set-spec/types.js";
+export interface PseudocodeModel {
+    name: string;
+    props: Record<string, ComponentSetPropDefinition>;
+    baseVariant: Record<string, string>;
+    variantAxes: Record<string, string[]>;
+    definitions: Record<string, SlimNode>;
+    definitionTemplates: PseudocodeDefinitionTemplate[];
+    templates: PseudocodeTemplate[];
+    variantGroups: PseudocodeVariantGroup[];
+    stats: PseudocodeStats;
+}
+interface PseudocodeStats {
+    variants: number;
+    definitions: number;
+    definitionTemplates: number;
+    templates: number;
+    variantGroups: number;
+}
+export interface PseudocodeDefinitionTemplate {
+    name: string;
+    variables: string[];
+    node: unknown;
+    rows: PseudocodeTable;
+}
+export interface PseudocodeTemplate {
+    name: string;
+    when?: Record<string, string>;
+    variables: string[];
+    layout: unknown;
+}
+export interface PseudocodeVariantGroup {
+    template: string;
+    when?: Record<string, string>;
+    axes: string[];
+    values: string[];
+    rows: unknown[][];
+}
+interface PseudocodeTable {
+    columns: string[];
+    rows: unknown[][];
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/inspect/component-set-pseudocode/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/inspect/component-set-pseudocode/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,QAAQ,EACT,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,mBAAmB,EAAE,4BAA4B,EAAE,CAAC;IACpD,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,aAAa,EAAE,sBAAsB,EAAE,CAAC;IACxC,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;CACnB"}

package/dist/inspect/component-set-pseudocode/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/inspect/component-set-pseudocode/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/inspect/component-set-pseudocode/types.ts"],"names":[],"mappings":""}

package/dist/inspect/component-set-pseudocode/universal.d.ts

@@ -0,0 +1,14 @@
+import type { SlimNode } from "../component-set-spec/types.js";
+import type { PseudocodeModel } from "./types.js";
+export type NodeBundle = Record<string, Record<string, unknown>>;
+export declare function extractVisualsFromNode(node: SlimNode): Record<string, unknown>;
+export declare function extractGeometryFromNode(node: SlimNode): Record<string, unknown>;
+export declare function mergeNodeBundle(target: NodeBundle, nodeName: string, visuals: Record<string, unknown>, geometry: Record<string, unknown>): void;
+export declare function orderedAxes(model: PseudocodeModel): string[];
+export declare function mergeNestedContracts(baseline: Record<string, unknown>, overrides: Record<string, unknown>, depth: number, axesDepth: number): Record<string, unknown>;
+export declare function setNestedBundle(root: Record<string, unknown>, axes: string[], when: Record<string, string>, leaf: NodeBundle): void;
+export declare function buildUniversalContracts(model: PseudocodeModel): {
+    visuals: Record<string, unknown>;
+    geometry: Record<string, unknown>;
+};
+//# sourceMappingURL=universal.d.ts.map

package/dist/inspect/component-set-pseudocode/universal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"universal.d.ts","sourceRoot":"","sources":["../../../src/inspect/component-set-pseudocode/universal.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,gCAAgC,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAsIjE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,QAAQ,GACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiDzB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,QAAQ,GACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmFzB;AAYD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,IAAI,CASN;AAkHD,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,EAAE,CAE5D;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA4BzB;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,IAAI,EAAE,MAAM,EAAE,EACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,IAAI,EAAE,UAAU,GACf,IAAI,CA0BN;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,GAAG;IAC/D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC,CAqBA"}

package/dist/inspect/component-set-pseudocode/universal.js

@@ -0,0 +1,393 @@
+import { normalizePropName } from "../component-set-spec/prop-name.js";
+import { extractBoundToken, extractTextVisuals, } from "../component-set-spec/slim-text-export.js";
+import { isNode, isRecord, isRef } from "./slim-node-guards.js";
+function extractToken(value) {
+    if (typeof value === "string" || typeof value === "number") {
+        return value;
+    }
+    if (!isRecord(value)) {
+        return undefined;
+    }
+    if (typeof value.token === "string") {
+        return value.token;
+    }
+    if (typeof value.value === "number") {
+        return value.value;
+    }
+    if (isRecord(value.background) &&
+        typeof value.background.token === "string") {
+        return value.background.token;
+    }
+    if (typeof value.backgroundToken === "string") {
+        return value.backgroundToken;
+    }
+    if (typeof value.color === "string") {
+        return value.color;
+    }
+    return undefined;
+}
+function buildFragmentRowIndex(model) {
+    const index = new Map();
+    for (const template of model.definitionTemplates) {
+        for (const row of template.rows.rows) {
+            const [id] = row;
+            if (typeof id !== "string") {
+                continue;
+            }
+            index.set(id, Object.fromEntries(template.rows.columns.map((column, columnIndex) => [
+                column,
+                row[columnIndex],
+            ])));
+        }
+    }
+    return index;
+}
+function stylePropFromRowKey(key) {
+    if (key === "id") {
+        return key;
+    }
+    return key
+        .replace(/Token$/i, "")
+        .replace(/^(fieldName|button|shadow|icon)/i, "")
+        .replace(/^[A-Z]/, (char) => char.toLowerCase());
+}
+function isGeometryProp(key) {
+    return (/^padding/i.test(key) ||
+        key === "gap" ||
+        key === "grow" ||
+        key === "width" ||
+        key === "height" ||
+        key === "alignMain" ||
+        key === "alignCross" ||
+        key === "alignSelf" ||
+        key === "clip" ||
+        key === "wrap" ||
+        key === "minWidth" ||
+        key === "maxWidth" ||
+        key === "minHeight" ||
+        key === "maxHeight");
+}
+function partitionProps(props) {
+    const visuals = {};
+    const geometry = {};
+    for (const [key, value] of Object.entries(props)) {
+        if (isGeometryProp(key)) {
+            geometry[key] = value;
+        }
+        else {
+            visuals[key] = value;
+        }
+    }
+    return { visuals, geometry };
+}
+function rowToStyleProps(row) {
+    const props = {};
+    for (const [key, value] of Object.entries(row)) {
+        if (key === "id") {
+            continue;
+        }
+        const bound = extractBoundToken(value);
+        if (bound !== undefined) {
+            const prop = stylePropFromRowKey(key);
+            if (prop.length > 0) {
+                props[prop] = bound;
+            }
+            continue;
+        }
+        const token = extractToken(value);
+        if (typeof token === "string") {
+            const prop = stylePropFromRowKey(key);
+            if (prop.length > 0) {
+                props[prop] = token;
+            }
+            continue;
+        }
+        if (typeof value === "string") {
+            props[stylePropFromRowKey(key)] = value;
+        }
+        if (isRecord(value) && !Array.isArray(value)) {
+            const prop = stylePropFromRowKey(key);
+            if (prop.length > 0) {
+                props[prop] = value;
+            }
+        }
+    }
+    return props;
+}
+export function extractVisualsFromNode(node) {
+    const props = {};
+    const style = isRecord(node.style) ? node.style : undefined;
+    const text = isRecord(node.text) ? node.text : undefined;
+    const icon = isRecord(node.icon) ? node.icon : undefined;
+    if (style) {
+        const background = extractToken(style.background);
+        if (background !== undefined) {
+            props.background = background;
+        }
+        const border = extractToken(style.border);
+        if (border !== undefined) {
+            props.border = border;
+        }
+        if (style.border &&
+            isRecord(style.border) &&
+            style.border.width !== undefined) {
+            props.borderWidth = style.border.width;
+        }
+        const radius = extractToken(style.radius);
+        if (radius !== undefined) {
+            props.radius = radius;
+        }
+        if (style.opacity !== undefined && style.opacity !== 1) {
+            props.opacity = style.opacity;
+        }
+    }
+    if (text) {
+        Object.assign(props, extractTextVisuals(text, (value) => extractToken(value)));
+    }
+    if (icon) {
+        if (icon.size !== undefined) {
+            props.iconSize = icon.size;
+        }
+        const iconColor = extractToken(icon.color);
+        if (iconColor !== undefined) {
+            props.iconColor = iconColor;
+        }
+    }
+    return props;
+}
+export function extractGeometryFromNode(node) {
+    const props = {};
+    const layout = isRecord(node.layout) ? node.layout : undefined;
+    if (!layout) {
+        return props;
+    }
+    if (layout.mode === "row" || layout.mode === "column") {
+        props.layoutMode = layout.mode;
+    }
+    const height = extractToken(layout.height);
+    if (height !== undefined) {
+        props.height = height;
+    }
+    const width = extractToken(layout.width);
+    if (width !== undefined) {
+        props.width = width;
+    }
+    const gap = extractToken(layout.gap);
+    if (gap !== undefined) {
+        props.gap = gap;
+    }
+    if (isRecord(layout.padding)) {
+        for (const side of ["top", "right", "bottom", "left"]) {
+            const token = extractToken(layout.padding[side]);
+            if (token !== undefined) {
+                props[`padding${side.charAt(0).toUpperCase()}${side.slice(1)}`] = token;
+            }
+        }
+    }
+    if (isRecord(layout.align)) {
+        if (layout.align.main) {
+            props.alignMain = layout.align.main;
+        }
+        if (layout.align.cross) {
+            props.alignCross = layout.align.cross;
+        }
+    }
+    if (isRecord(layout.sizing)) {
+        if (layout.sizing.horizontal) {
+            props.sizingHorizontal = layout.sizing.horizontal;
+        }
+        if (layout.sizing.vertical) {
+            props.sizingVertical = layout.sizing.vertical;
+        }
+        if (layout.sizing.main) {
+            props.sizingMain = layout.sizing.main;
+        }
+        if (layout.sizing.cross) {
+            props.sizingCross = layout.sizing.cross;
+        }
+    }
+    for (const key of [
+        "minWidth",
+        "maxWidth",
+        "minHeight",
+        "maxHeight",
+    ]) {
+        const token = extractToken(layout[key]);
+        if (token !== undefined) {
+            props[key] = token;
+        }
+    }
+    if (layout.grow !== undefined && layout.grow !== 0) {
+        props.grow = layout.grow;
+    }
+    if (layout.alignSelf !== undefined && layout.alignSelf !== "INHERIT") {
+        props.alignSelf = layout.alignSelf;
+    }
+    if (layout.wrap === true) {
+        props.wrap = true;
+    }
+    if (layout.clip === true) {
+        props.clip = true;
+    }
+    return props;
+}
+function nodeNameFromValueKey(key) {
+    const tokenMatch = key.match(/^([a-z][a-zA-Z0-9]*?)(Background|Border|Color|Align|Icon|Gap|Opacity|Padding|Height|Width)/);
+    if (tokenMatch?.[1]) {
+        return tokenMatch[1];
+    }
+    return key;
+}
+export function mergeNodeBundle(target, nodeName, visuals, geometry) {
+    if (Object.keys(visuals).length > 0) {
+        target[nodeName] ??= {};
+        Object.assign(target[nodeName], visuals);
+    }
+    if (Object.keys(geometry).length > 0) {
+        target[nodeName] ??= {};
+        Object.assign(target[nodeName], geometry);
+    }
+}
+function absorbValue(visualBundle, geometryBundle, key, value, fragmentRows) {
+    if (key === "name" || key === "value") {
+        return;
+    }
+    if (isRef(value)) {
+        const row = fragmentRows.get(value.$ref);
+        if (row) {
+            const nodeName = value.$ref.replace(/\d+$/, "");
+            const { visuals, geometry } = partitionProps(rowToStyleProps(row));
+            mergeNodeBundle(visualBundle, nodeName, visuals, {});
+            mergeNodeBundle(geometryBundle, nodeName, {}, geometry);
+        }
+        return;
+    }
+    if (isNode(value)) {
+        const nodeName = typeof value.name === "string"
+            ? normalizePropName(value.name)
+            : nodeNameFromValueKey(key);
+        mergeNodeBundle(visualBundle, nodeName, extractVisualsFromNode(value), {});
+        mergeNodeBundle(geometryBundle, nodeName, {}, extractGeometryFromNode(value));
+        const children = Array.isArray(value.children) ? value.children : [];
+        for (const child of children) {
+            if (isRecord(child)) {
+                absorbValue(visualBundle, geometryBundle, normalizePropName(String(child.name ?? "child")), child, fragmentRows);
+            }
+            if (isRef(child)) {
+                absorbValue(visualBundle, geometryBundle, child.$ref, child, fragmentRows);
+            }
+        }
+        return;
+    }
+    const bound = extractBoundToken(value);
+    if (bound !== undefined) {
+        const nodeName = nodeNameFromValueKey(key);
+        const prop = stylePropFromRowKey(key);
+        mergeNodeBundle(visualBundle, nodeName, { [prop]: bound }, {});
+        return;
+    }
+    const token = extractToken(value);
+    if (token !== undefined) {
+        const nodeName = nodeNameFromValueKey(key);
+        const prop = stylePropFromRowKey(key);
+        if (isGeometryProp(prop)) {
+            mergeNodeBundle(geometryBundle, nodeName, {}, { [prop]: token });
+        }
+        else if (typeof token === "string") {
+            mergeNodeBundle(visualBundle, nodeName, { [prop]: token }, {});
+        }
+        return;
+    }
+    if (isRecord(value)) {
+        const { visuals, geometry } = partitionProps(rowToStyleProps(value));
+        mergeNodeBundle(visualBundle, key, visuals, {});
+        mergeNodeBundle(geometryBundle, key, {}, geometry);
+    }
+}
+function collectVariantEntries(model) {
+    const entries = [];
+    for (const group of model.variantGroups) {
+        const valueOffset = group.axes.length;
+        for (const row of group.rows) {
+            const when = {
+                ...(group.when ?? {}),
+                ...Object.fromEntries(group.axes.map((axis, index) => [axis, String(row[index])])),
+            };
+            const values = Object.fromEntries(group.values.map((key, index) => [key, row[valueOffset + index]]));
+            entries.push({ when, values });
+        }
+    }
+    return entries;
+}
+export function orderedAxes(model) {
+    return Object.keys(model.variantAxes);
+}
+export function mergeNestedContracts(baseline, overrides, depth, axesDepth) {
+    if (depth >= axesDepth) {
+        const result = {
+            ...baseline,
+        };
+        for (const [nodeName, props] of Object.entries(overrides)) {
+            result[nodeName] = {
+                ...(isRecord(result[nodeName]) ? result[nodeName] : {}),
+                ...(isRecord(props) ? props : {}),
+            };
+        }
+        return result;
+    }
+    const result = { ...baseline };
+    for (const [key, value] of Object.entries(overrides)) {
+        if (!isRecord(value)) {
+            result[key] = value;
+            continue;
+        }
+        result[key] = mergeNestedContracts(isRecord(result[key]) ? result[key] : {}, value, depth + 1, axesDepth);
+    }
+    return result;
+}
+export function setNestedBundle(root, axes, when, leaf) {
+    if (axes.length === 0) {
+        Object.assign(root, leaf);
+        return;
+    }
+    const [head, ...tail] = axes;
+    const raw = when[head];
+    if (raw === undefined) {
+        return;
+    }
+    const key = raw;
+    if (tail.length === 0) {
+        const current = isRecord(root[key]) ? root[key] : {};
+        for (const [nodeName, nodeProps] of Object.entries(leaf)) {
+            current[nodeName] = {
+                ...(isRecord(current[nodeName]) ? current[nodeName] : {}),
+                ...nodeProps,
+            };
+        }
+        root[key] = current;
+        return;
+    }
+    root[key] ??= {};
+    setNestedBundle(root[key], tail, when, leaf);
+}
+export function buildUniversalContracts(model) {
+    const axes = orderedAxes(model);
+    const fragmentRows = buildFragmentRowIndex(model);
+    const visualsRoot = {};
+    const geometryRoot = {};
+    for (const entry of collectVariantEntries(model)) {
+        const visualBundle = {};
+        const geometryBundle = {};
+        for (const [key, value] of Object.entries(entry.values)) {
+            absorbValue(visualBundle, geometryBundle, key, value, fragmentRows);
+        }
+        if (Object.keys(visualBundle).length > 0) {
+            setNestedBundle(visualsRoot, axes, entry.when, visualBundle);
+        }
+        if (Object.keys(geometryBundle).length > 0) {
+            setNestedBundle(geometryRoot, axes, entry.when, geometryBundle);
+        }
+    }
+    return { visuals: visualsRoot, geometry: geometryRoot };
+}
+//# sourceMappingURL=universal.js.map