pixifact 0.1.3 → 0.1.4

package/dist/compiler/typescriptCompiler.js

@@ -33,9 +33,9 @@ class CompileContext {
         const actionsParameter = this.options.actionsParameter || 'actions';
         const partsType = this.#formatPartsType();
         const textureLoads = this.#formatTextureLoads();
-        this.#lines.push(`export function ${functionName}(root: Container${this.#hasEvents() ? `, ${actionsParameter}: Record<string, () => void> = {}` : ''}) {`);
+        this.#lines.push(`export function ${functionName}(root: Group${this.#hasEvents() ? `, ${actionsParameter}: Record<string, () => void> = {}` : ''}) {`);
         this.#lines.push('  const __pixifactSlots: Record<string, Container> = {};');
-        this.#applyPixiProps('root', this.template.props);
+        this.#applyRootProps();
         for (const child of this.template.children) {
             this.#compileNode(child, 'root', actionsParameter);
         }
@@ -72,7 +72,7 @@ class CompileContext {
                 ...[...this.#imports].filter((item) => item !== 'Container').sort(),
                 ...[...this.#pixiImports].sort(),
             ])];
-        const lines = [`import { ${imports.join(', ')} } from 'pixi.js';`];
+        const lines = [`import { ${imports.join(', ')} } from 'pixi.js';`, `import { Group } from 'pixifact/runtime';`];
         for (const [texture, variable] of this.#textureImportEntries()) {
             lines.push(`import ${variable} from ${JSON.stringify(this.options.textureImports?.[texture])};`);
         }
@@ -80,8 +80,13 @@ class CompileContext {
             const classImport = sceneImport.exportName === sceneImport.localName
                 ? sceneImport.exportName
                 : `${sceneImport.exportName} as ${sceneImport.localName}`;
-            const imports = [classImport, ...this.#sceneStructImports(sceneImport)];
-            lines.push(`import { ${imports.join(', ')} } from ${JSON.stringify(sceneImport.source)};`);
+            const imports = [
+                ...(this.#usesSceneClassImport(sceneImport) ? [classImport] : []),
+                ...this.#sceneStructImports(sceneImport),
+            ];
+            if (imports.length > 0) {
+                lines.push(`import { ${imports.join(', ')} } from ${JSON.stringify(sceneImport.source)};`);
+            }
         }
         if (this.options.scriptImport) {
             lines.push(`import { ${this.options.scriptImport.exportName} as ${this.options.scriptImport.localName} } from ${JSON.stringify(this.options.scriptImport.source)};`);
@@ -92,7 +97,7 @@ class CompileContext {
         return lines.join('\n');
     }
     #formatPartsType() {
-        const lines = [`export type ${this.template.name}Parts = {`, '  root: Container;'];
+        const lines = [`export type ${this.template.name}Parts = {`, '  root: Group;'];
         lines.push('  parts: {');
         for (const part of this.#parts) {
             lines.push(`    ${part.id}: ${part.type};`);
@@ -267,15 +272,73 @@ class CompileContext {
         return this.options.sceneClassAliases?.[node.scene] ?? node.type;
     }
     #sceneStructImports(sceneImport) {
-        const sceneInterface = this.options.sceneInterfaces?.[Object.entries(this.options.sceneClassAliases ?? {})
-            .find(([, alias]) => alias === sceneImport.localName)?.[0] ?? ''];
-        if (!sceneInterface) {
+        const scene = this.#sceneImportScene(sceneImport);
+        if (!scene) {
             return [];
         }
-        return [...new Set(Object.values(sceneInterface.props)
-                .filter((contract) => contract.type === 'struct')
-                .map((contract) => contract.struct))]
-            .sort();
+        const structs = new Set();
+        this.#collectSceneStructImports(this.template.children, scene, structs);
+        return [...structs].sort();
+    }
+    #collectSceneStructImports(nodes, sourceScene, structs) {
+        for (const node of nodes) {
+            if (node.kind === 'slotOutlet') {
+                continue;
+            }
+            if (node.kind === 'pixi') {
+                this.#collectSceneStructImports(node.children, sourceScene, structs);
+                continue;
+            }
+            const sceneInterface = this.options.sceneInterfaces?.[node.scene];
+            for (const [key, value] of Object.entries(node.props)) {
+                const contract = value && typeof value === 'object' ? sceneInterface?.props[key] : undefined;
+                if (contract?.type === 'struct' && this.#structContractSourceScene(node.scene, contract) === sourceScene) {
+                    structs.add(contract.struct);
+                }
+            }
+            for (const children of Object.values(node.slots)) {
+                this.#collectSceneStructImports(children, sourceScene, structs);
+            }
+        }
+    }
+    #usesSceneClassImport(sceneImport) {
+        const scene = this.#sceneImportScene(sceneImport);
+        if (!scene) {
+            return true;
+        }
+        const instanceScenes = this.#sceneInstanceScenes();
+        if (instanceScenes.has(scene)) {
+            return true;
+        }
+        return Object.entries(this.options.sceneClassAliases ?? {})
+            .some(([instanceScene, alias]) => alias === sceneImport.localName && instanceScenes.has(instanceScene));
+    }
+    #sceneInstanceScenes() {
+        const scenes = new Set();
+        this.#collectSceneInstanceScenes(this.template.children, scenes);
+        return scenes;
+    }
+    #collectSceneInstanceScenes(nodes, scenes) {
+        for (const node of nodes) {
+            if (node.kind === 'slotOutlet') {
+                continue;
+            }
+            if (node.kind === 'pixi') {
+                this.#collectSceneInstanceScenes(node.children, scenes);
+                continue;
+            }
+            scenes.add(node.scene);
+            for (const children of Object.values(node.slots)) {
+                this.#collectSceneInstanceScenes(children, scenes);
+            }
+        }
+    }
+    #sceneImportScene(sceneImport) {
+        return sceneImport.scene
+            ?? Object.entries(this.options.sceneClassAliases ?? {}).find(([, alias]) => alias === sceneImport.localName)?.[0];
+    }
+    #structContractSourceScene(instanceScene, contract) {
+        return contract.sourceScene ?? instanceScene;
     }
     #applyPixiProps(variable, props, instance = false, sceneInstance) {
         const x = props.x;
@@ -332,6 +395,17 @@ class CompileContext {
             }
         }
     }
+    #applyRootProps() {
+        const props = { ...this.template.props };
+        const width = props.width;
+        const height = props.height;
+        delete props.width;
+        delete props.height;
+        if (width !== undefined || height !== undefined) {
+            this.#lines.push(`  root.setSize(${this.#value(width ?? 0)}, ${this.#value(height ?? 0)});`);
+        }
+        this.#applyPixiProps('root', props);
+    }
     #applyStructProp(variable, key, value, sceneInstance) {
         const contract = this.#sceneInstanceStructContract(sceneInstance, key);
         if (!contract) {

package/dist/compiler-node/builtinSceneAssets.d.ts

@@ -0,0 +1,8 @@
+import { type BuiltinSceneScriptSources } from '../compiler/builtinScenes.js';
+export declare function builtinSceneFilePath(assetId: string): string;
+export declare function builtinSceneScriptPath(assetId: string): string;
+export declare function readBuiltinSceneSource(assetId: string): Promise<string>;
+export declare function readBuiltinSceneScriptSource(assetId: string): Promise<string>;
+export declare function readBuiltinSceneScriptSources(): Promise<BuiltinSceneScriptSources>;
+export declare function readBuiltinSceneScriptSourcesSync(): BuiltinSceneScriptSources;
+export declare function assertBuiltinSceneScript(assetId: string): Promise<string>;

package/dist/compiler-node/builtinSceneAssets.js

@@ -0,0 +1,57 @@
+import fs from 'node:fs';
+import { access, readFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import process from 'node:process';
+import { builtinSceneNames, builtinSceneNameFromAssetId, } from '../compiler/builtinScenes.js';
+const builtinScenesDir = resolveBuiltinScenesDir(import.meta.url);
+function resolveBuiltinScenesDir(metaUrl) {
+    const url = new URL('../builtin-scenes/', metaUrl);
+    if (url.protocol === 'file:') {
+        return fileURLToPath(url);
+    }
+    const pathname = decodeURIComponent(url.pathname).replace(/^\/@fs\//, '/');
+    if (path.isAbsolute(pathname) && fs.existsSync(pathname)) {
+        return pathname;
+    }
+    return path.resolve(process.cwd(), 'packages/pixifact/src/builtin-scenes');
+}
+export function builtinSceneFilePath(assetId) {
+    return path.join(builtinScenesDir, `${builtinSceneNameFromAssetId(assetId)}.scene`);
+}
+export function builtinSceneScriptPath(assetId) {
+    const sourcePath = path.join(builtinScenesDir, `${builtinSceneNameFromAssetId(assetId)}.ts`);
+    if (fs.existsSync(sourcePath)) {
+        return sourcePath;
+    }
+    return path.join(builtinScenesDir, `${builtinSceneNameFromAssetId(assetId)}.js`);
+}
+export async function readBuiltinSceneSource(assetId) {
+    return readFile(builtinSceneFilePath(assetId), 'utf8');
+}
+export async function readBuiltinSceneScriptSource(assetId) {
+    return readFile(builtinSceneScriptPath(assetId), 'utf8');
+}
+export async function readBuiltinSceneScriptSources() {
+    const entries = await Promise.all(builtinSceneNames.map(async (name) => [name, await readFile(path.join(builtinScenesDir, `${name}.ts`), 'utf8')]));
+    return Object.fromEntries(entries);
+}
+export function readBuiltinSceneScriptSourcesSync() {
+    return Object.fromEntries(builtinSceneNames.map((name) => [name, fs.readFileSync(path.join(builtinScenesDir, `${name}.ts`), 'utf8')]));
+}
+export async function assertBuiltinSceneScript(assetId) {
+    const scriptPath = builtinSceneScriptPath(assetId);
+    if (!await exists(scriptPath)) {
+        throw new Error(`Built-in Scene "${assetId}" requires script "${scriptPath}".`);
+    }
+    return scriptPath;
+}
+async function exists(filePath) {
+    try {
+        await access(filePath);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/compiler-node/index.d.ts

@@ -1,2 +1,3 @@
 export * from '../compiler/compileScenes.js';
+export * from './builtinSceneAssets.js';
 export * from './vite.js';

package/dist/compiler-node/index.js

@@ -1,2 +1,3 @@
 export * from '../compiler/compileScenes.js';
+export * from './builtinSceneAssets.js';
 export * from './vite.js';

package/dist/errors.d.ts

@@ -0,0 +1 @@
+export declare function hintForCommandError(error: string): "Use a project-relative scene path that stays inside projectRoot." | "Choose a different scene path or inspect the existing file before writing." | "Use one of: button, progressBar, scrollView, loginForm." | "Re-run scene get or node inspect to refresh locators before regenerating the command." | "Choose a container node as the parent, or create a container template before adding children." | "Verify that the field belongs to the target node or component schema before retrying." | "Check the target schema and send a value with the expected type." | undefined;

package/dist/errors.js

@@ -0,0 +1,24 @@
+export function hintForCommandError(error) {
+    if (error.includes('inside projectRoot')) {
+        return 'Use a project-relative scene path that stays inside projectRoot.';
+    }
+    if (error.includes('already exists')) {
+        return 'Choose a different scene path or inspect the existing file before writing.';
+    }
+    if (error.includes('Unknown template kind')) {
+        return 'Use one of: button, progressBar, scrollView, loginForm.';
+    }
+    if (error.includes('was not found')) {
+        return 'Re-run scene get or node inspect to refresh locators before regenerating the command.';
+    }
+    if (error.includes('Only container nodes')) {
+        return 'Choose a container node as the parent, or create a container template before adding children.';
+    }
+    if (error.includes('does not exist')) {
+        return 'Verify that the field belongs to the target node or component schema before retrying.';
+    }
+    if (error.includes('expects')) {
+        return 'Check the target schema and send a value with the expected type.';
+    }
+    return undefined;
+}

package/dist/index.d.ts

@@ -1,6 +1,3 @@
 export * from './runtime/index.js';
-export * from './nodes/index.js';
-export * from './scene/index.js';
-export * from './authoring/index.js';
-export * from './commands/index.js';
-export * from 'eventemitter3';
+export * from './project/index.js';
+export * from './errors.js';

package/dist/index.js

@@ -1,6 +1,3 @@
 export * from './runtime/index.js';
-export * from './nodes/index.js';
-export * from './scene/index.js';
-export * from './authoring/index.js';
-export * from './commands/index.js';
-export * from 'eventemitter3';
+export * from './project/index.js';
+export * from './errors.js';

package/dist/{authoring/ProjectConfig.d.ts → project/index.d.ts}

@@ -5,16 +5,23 @@ export interface PixifactProjectRunConfig {
     cwd: string;
     url?: string;
 }
+export interface PixifactProjectResolution {
+    width: number;
+    height: number;
+}
 export interface PixifactProjectConfig {
     version: 1;
     name: string;
+    resolution: PixifactProjectResolution;
     scenes: Record<string, string>;
     run?: PixifactProjectRunConfig;
 }
 export interface PixifactProjectSummary {
     name: string;
+    resolution: PixifactProjectResolution;
     scenes: Record<string, string>;
     run?: PixifactProjectRunConfig;
 }
+export declare const defaultPixifactProjectResolution: PixifactProjectResolution;
 export declare function parsePixifactProjectConfig(value: unknown): PixifactProjectConfig;
 export declare function summarizePixifactProjectConfig(config: PixifactProjectConfig): PixifactProjectSummary;

package/dist/{authoring/ProjectConfig.js → project/index.js}

@@ -1,4 +1,8 @@
 export const pixifactProjectConfigFileName = 'pixifact.project.json';
+export const defaultPixifactProjectResolution = {
+    width: 750,
+    height: 1334,
+};
 function isRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
@@ -14,6 +18,12 @@ function assertString(value, name) {
     }
     return value.trim();
 }
+function assertPositiveNumber(value, name) {
+    if (typeof value !== 'number' || !Number.isFinite(value) || value <= 0) {
+        throw new Error(`${name} must be a positive number.`);
+    }
+    return value;
+}
 function normalizeProjectPath(value, name) {
     const input = assertString(value, name).replaceAll('\\', '/');
     if (input.startsWith('/') || /^[A-Za-z]:\//.test(input)) {
@@ -42,6 +52,16 @@ function parseScenes(value) {
         normalizeProjectPath(scenePath, `scenes.${key}`),
     ]));
 }
+function parseResolution(value) {
+    if (value === undefined) {
+        return defaultPixifactProjectResolution;
+    }
+    const resolution = assertRecord(value, 'resolution');
+    return {
+        width: assertPositiveNumber(resolution.width, 'resolution.width'),
+        height: assertPositiveNumber(resolution.height, 'resolution.height'),
+    };
+}
 function parseRun(value) {
     if (value === undefined) {
         return undefined;
@@ -65,6 +85,7 @@ export function parsePixifactProjectConfig(value) {
     return {
         version: 1,
         name: assertString(config.name, 'name'),
+        resolution: parseResolution(config.resolution),
         scenes: parseScenes(config.scenes),
         run: parseRun(config.run),
     };
@@ -72,6 +93,7 @@ export function parsePixifactProjectConfig(value) {
 export function summarizePixifactProjectConfig(config) {
     return {
         name: config.name,
+        resolution: config.resolution,
         scenes: config.scenes,
         ...(config.run === undefined ? {} : { run: config.run }),
     };

package/dist/runtime/Group.d.ts

@@ -0,0 +1,18 @@
+import { Container, type ContainerOptions, type Size } from 'pixi.js';
+export type GroupOptions = Omit<ContainerOptions, 'width' | 'height'> & {
+    width?: number;
+    height?: number;
+};
+export declare class Group extends Container {
+    #private;
+    constructor(options?: GroupOptions);
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    getSize(out?: Size): Size;
+    setSize(value: number | {
+        width: number;
+        height?: number;
+    }, height?: number): void;
+}

package/dist/runtime/Group.js

@@ -0,0 +1,45 @@
+import { Container, Rectangle } from 'pixi.js';
+export class Group extends Container {
+    #width = 0;
+    #height = 0;
+    constructor(options = {}) {
+        const { width, height, ...containerOptions } = options;
+        super(containerOptions);
+        if (width !== undefined || height !== undefined) {
+            this.setSize(width ?? 0, height ?? 0);
+        }
+    }
+    get width() {
+        return this.#width;
+    }
+    set width(value) {
+        this.#width = value;
+        this.#syncHitArea();
+    }
+    get height() {
+        return this.#height;
+    }
+    set height(value) {
+        this.#height = value;
+        this.#syncHitArea();
+    }
+    getSize(out = { width: 0, height: 0 }) {
+        out.width = this.#width;
+        out.height = this.#height;
+        return out;
+    }
+    setSize(value, height) {
+        if (typeof value === 'number') {
+            this.#width = value;
+            this.#height = height ?? value;
+        }
+        else {
+            this.#width = value.width;
+            this.#height = value.height ?? value.width;
+        }
+        this.#syncHitArea();
+    }
+    #syncHitArea() {
+        this.hitArea = new Rectangle(0, 0, this.#width, this.#height);
+    }
+}

package/dist/runtime/index.d.ts

@@ -1,9 +1 @@
-export * from './GameObject.js';
-export * from './GameObjectEvent.js';
-export * from './group/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './graphics/index.js';
-export * from './Application.js';
-export * from './component/index.js';
-export * from './utils/index.js';
+export * from './Group.js';

package/dist/runtime/index.js

@@ -1,9 +1 @@
-export * from './GameObject.js';
-export * from './GameObjectEvent.js';
-export * from './group/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './graphics/index.js';
-export * from './Application.js';
-export * from './component/index.js';
-export * from './utils/index.js';
+export * from './Group.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixifact",
-  "version": "0.1.3",
-  "description": "Pixif semantic framework for 2D UI and lightweight game scenes.",
+  "version": "0.1.4",
+  "description": "Pixifact 2D UI 和轻量游戏 Scene 语义框架。",
   "packageManager": "bun@1.3.13",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -12,7 +12,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hxg2050/pixifact.git",
+    "url": "https://github.com/hxg2050/pixifact",
     "directory": "packages/pixifact"
   },
   "keywords": [
@@ -26,7 +26,7 @@
   "author": "youxia <243802688@qq.com>",
   "license": "MIT",
   "scripts": {
-    "build": "bun scripts/clean-dist.mjs && bunx --no-install tsc -p tsconfig.build.json && bun scripts/fix-dist-esm-imports.mjs"
+    "build": "bun scripts/clean-dist.mjs && bunx --no-install tsc -p tsconfig.build.json && bun scripts/fix-dist-esm-imports.mjs && bun scripts/copy-scene-assets.mjs"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,16 +42,6 @@
       "import": "./dist/runtime/index.js",
       "require": "./dist/runtime/index.js"
     },
-    "./nodes": {
-      "types": "./dist/nodes/index.d.ts",
-      "import": "./dist/nodes/index.js",
-      "require": "./dist/nodes/index.js"
-    },
-    "./scene": {
-      "types": "./dist/scene/index.d.ts",
-      "import": "./dist/scene/index.js",
-      "require": "./dist/scene/index.js"
-    },
     "./compiler": {
       "types": "./dist/compiler/index.d.ts",
       "import": "./dist/compiler/index.js",
@@ -61,24 +51,12 @@
       "types": "./dist/compiler-node/index.d.ts",
       "import": "./dist/compiler-node/index.js",
       "require": "./dist/compiler-node/index.js"
-    },
-    "./authoring": {
-      "types": "./dist/authoring/index.d.ts",
-      "import": "./dist/authoring/index.js",
-      "require": "./dist/authoring/index.js"
-    },
-    "./commands": {
-      "types": "./dist/commands/index.d.ts",
-      "import": "./dist/commands/index.js",
-      "require": "./dist/commands/index.js"
     }
   },
   "peerDependencies": {
     "pixi.js": ">=8.3.0"
   },
   "dependencies": {
-    "@math.gl/core": "^4.0.1",
-    "eventemitter3": "^5.0.1",
     "typescript": "^5.3.3"
   },
   "devDependencies": {

package/dist/authoring/ActionRegistry.d.ts

@@ -1,10 +0,0 @@
-export interface ActionSpec {
-    key: string;
-    label?: string;
-    description?: string;
-    source?: 'manual' | 'agent' | 'code';
-}
-export declare function actionExists(actions: readonly ActionSpec[] | undefined, key: string): boolean;
-export declare function upsertAction(actions: ActionSpec[], action: ActionSpec): ActionSpec;
-export declare function createRuntimeActions(actions: readonly ActionSpec[] | undefined, handler?: (action: ActionSpec, args: unknown[]) => void): Record<string, (...args: unknown[]) => void>;
-export declare function summarizeActionsForAgent(actions: readonly ActionSpec[] | undefined): string;

package/dist/authoring/ActionRegistry.js

@@ -1,26 +0,0 @@
-export function actionExists(actions, key) {
-    return (actions ?? []).some((action) => action.key === key);
-}
-export function upsertAction(actions, action) {
-    const existing = actions.find((item) => item.key === action.key);
-    if (existing) {
-        Object.assign(existing, action);
-        return existing;
-    }
-    actions.push(action);
-    return action;
-}
-export function createRuntimeActions(actions, handler) {
-    const runtimeActions = {};
-    for (const action of actions ?? []) {
-        runtimeActions[action.key] = (...args) => {
-            handler?.(action, args);
-        };
-    }
-    return runtimeActions;
-}
-export function summarizeActionsForAgent(actions) {
-    return (actions ?? [])
-        .map((action) => `- ${action.key}${action.label ? ` (${action.label})` : ''}${action.description ? `: ${action.description}` : ''}`)
-        .join('\n');
-}

package/dist/authoring/ComponentPalette.d.ts

@@ -1,16 +0,0 @@
-import type { ComponentSchema } from "../runtime/index.js";
-import type { ComponentSpec, SceneSpec } from "../scene/index.js";
-export interface PaletteComponentItem {
-    type: string;
-    displayName: string;
-    category: string;
-    description?: string;
-    disabledReason?: string;
-    schema: ComponentSchema;
-}
-export interface ComponentPaletteOptions {
-    scene?: SceneSpec;
-    node?: string;
-}
-export declare function listPaletteComponents(options?: ComponentPaletteOptions): PaletteComponentItem[];
-export declare function createComponentSpecFromSchema(schemaOrType: ComponentSchema | string, id?: string): ComponentSpec;

package/dist/authoring/ComponentPalette.js

@@ -1,50 +0,0 @@
-import { ComponentRegistry } from "../runtime/index.js";
-import { findNode } from "../commands/utils.js";
-function componentIdFromType(type) {
-    const raw = type.split('.').at(-1) ?? type;
-    return raw.charAt(0).toLowerCase() + raw.slice(1);
-}
-function disabledReason(schema, options) {
-    if (!schema.disallowMultiple || !options.scene || !options.node) {
-        return undefined;
-    }
-    const node = findNode(options.scene, options.node)?.node;
-    if (!node) {
-        return undefined;
-    }
-    return (node.components ?? []).some((component) => component.type === schema.type)
-        ? `${schema.displayName ?? schema.type} already exists on this node.`
-        : undefined;
-}
-export function listPaletteComponents(options = {}) {
-    return ComponentRegistry.list()
-        .filter((schema) => schema.category !== 'UI/Graphic')
-        .map((schema) => ({
-        type: schema.type,
-        displayName: schema.displayName ?? schema.type,
-        category: schema.category ?? 'Other',
-        description: schema.description,
-        disabledReason: disabledReason(schema, options),
-        schema,
-    }))
-        .sort((a, b) => a.category.localeCompare(b.category) || a.displayName.localeCompare(b.displayName));
-}
-export function createComponentSpecFromSchema(schemaOrType, id) {
-    const schema = typeof schemaOrType === 'string'
-        ? ComponentRegistry.get(schemaOrType)
-        : schemaOrType;
-    if (!schema) {
-        throw new Error(`Unknown component type "${schemaOrType}".`);
-    }
-    const props = {};
-    for (const prop of schema.props) {
-        if (prop.default !== undefined && prop.serialize !== false) {
-            props[prop.key] = structuredClone(prop.default);
-        }
-    }
-    return {
-        id: id ?? componentIdFromType(schema.type),
-        type: schema.type,
-        props,
-    };
-}

package/dist/authoring/DesignToken.d.ts

@@ -1,16 +0,0 @@
-export interface DesignTokenSpec {
-    colors?: Record<string, number>;
-    spacing?: Record<string, number>;
-    radius?: Record<string, number>;
-    typography?: Record<string, {
-        fontFamily: string;
-        fontSize: number;
-        fontWeight?: string;
-    }>;
-}
-export interface DesignTokenWarning {
-    target: string;
-    value: unknown;
-    message: string;
-}
-export declare function validateDesignTokenValue(tokens: DesignTokenSpec | undefined, target: string, prop: string, value: unknown): DesignTokenWarning | undefined;