@ikas/component-cli 0.133.0 → 1.1.0

package/dist/commands/create.d.ts

@@ -1,4 +1,9 @@
-import { Command } from "commander";
-export declare function createCreateCommand(): Command;
-export declare function run(): Promise<void>;
+import { createCreateCommand as createCreateCommandImpl } from "create-ikas-component";
+/**
+ * Re-export of the `create` command. The actual implementation (and the
+ * project templates) live in the standalone `create-ikas-component` package
+ * so users can run `npx create-ikas-component` without pulling in the full
+ * dev/build/publish CLI.
+ */
+export declare const createCreateCommand: typeof createCreateCommandImpl;
 //# sourceMappingURL=create.d.ts.map

package/dist/commands/create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAsKpC,wBAAgB,mBAAmB,IAAI,OAAO,CA+C7C;AAGD,wBAAsB,GAAG,kBAoDxB"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEvF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,gCAA0B,CAAC"}

package/dist/commands/create.js

@@ -1,228 +1,9 @@
-import chalk from "chalk";
-import { Command } from "commander";
-import * as fs from "fs";
-import inquirer from "inquirer";
-import ora from "ora";
-import * as path from "path";
-import { generateComponentId, generateProjectId, generateUniqueId } from "../utils/component-helpers.js";
-import { readTemplate, readTemplateDirectory } from "../utils/template.js";
-async function createProject(projectName, template = "blank") {
-    const spinner = ora("Creating project...").start();
-    try {
-        const projectPath = path.resolve(process.cwd(), projectName);
-        // Check if directory exists
-        if (fs.existsSync(projectPath)) {
-            spinner.fail(`Directory "${projectName}" already exists`);
-            process.exit(1);
-        }
-        // Generate project ID
-        const projectId = generateProjectId();
-        const vars = {
-            PROJECT_NAME: projectName,
-            PROJECT_ID: projectId,
-            EXAMPLE_COMPONENT_ID: generateComponentId(projectId, "example-component"),
-            EXAMPLE_SECTION_ID: generateComponentId(projectId, "example-section"),
-        };
-        if (template === "full") {
-            // Generate unique IDs for custom enum types and privateVarMap entries
-            vars.ENUM_COLUMNS_ID = generateUniqueId();
-            vars.ENUM_ASPECT_RATIO_ID = generateUniqueId();
-            vars.ENUM_OBJECT_FIT_ID = generateUniqueId();
-            vars.ENUM_VERTICAL_ALIGN_ID = generateUniqueId();
-            vars.PVM_ID_1 = `pvm_${Date.now()}_1`;
-            vars.PVM_ID_2 = `pvm_${Date.now()}_2`;
-            vars.PVM_ID_3 = `pvm_${Date.now()}_3`;
-            vars.PVM_ID_4 = `pvm_${Date.now()}_4`;
-            await createFullProject(projectPath, vars, spinner);
-        }
-        else {
-            await createBlankProject(projectPath, vars, spinner);
-        }
-        // Create or merge .cursor/mcp.json for Cursor editor
-        const cursorDir = path.join(projectPath, ".cursor");
-        const cursorMcpPath = path.join(cursorDir, "mcp.json");
-        fs.mkdirSync(cursorDir, { recursive: true });
-        let cursorMcpConfig = { mcpServers: {} };
-        if (fs.existsSync(cursorMcpPath)) {
-            try {
-                cursorMcpConfig = JSON.parse(fs.readFileSync(cursorMcpPath, "utf-8"));
-                if (!cursorMcpConfig.mcpServers) {
-                    cursorMcpConfig.mcpServers = {};
-                }
-            }
-            catch {
-                cursorMcpConfig = { mcpServers: {} };
-            }
-        }
-        cursorMcpConfig.mcpServers["ikas-code-components"] = {
-            command: "node",
-            args: ["${workspaceFolder}/node_modules/@ikas/code-components-mcp/dist/index.js"]
-        };
-        fs.writeFileSync(cursorMcpPath, JSON.stringify(cursorMcpConfig, null, 2));
-        spinner.succeed(chalk.green(`Project "${projectName}" created successfully! (template: ${template})`));
-        console.log("\n" + chalk.cyan("Next steps:"));
-        console.log(chalk.white(`  cd ${projectName}`));
-        console.log(chalk.white("  npm install"));
-        console.log(chalk.white("  npm run dev"));
-        if (template === "full") {
-            console.log("\n" + chalk.yellow("This is a complete theme with 20 sections and 30+ components."));
-            console.log(chalk.yellow("See README.md for the full project structure."));
-        }
-        console.log("\n" + chalk.gray("Happy coding! 🚀"));
-    }
-    catch (error) {
-        spinner.fail("Failed to create project");
-        console.error(error);
-        process.exit(1);
-    }
-}
-async function createBlankProject(projectPath, vars, spinner) {
-    // Create directory structure
-    fs.mkdirSync(projectPath, { recursive: true });
-    fs.mkdirSync(path.join(projectPath, "src/components/ExampleComponent"), { recursive: true });
-    fs.mkdirSync(path.join(projectPath, "src/components/ExampleSection"), { recursive: true });
-    // Write all template files
-    const files = [
-        { template: "create/package.json", dest: "package.json", vars },
-        { template: "create/tsconfig.json", dest: "tsconfig.json" },
-        { template: "create/vite.config.ts", dest: "vite.config.ts" },
-        { template: "create/ikas.config.json", dest: "ikas.config.json", vars },
-        { template: "create/gitignore", dest: ".gitignore" },
-        { template: "create/mcp.json", dest: ".mcp.json" },
-        { template: "create/README.md", dest: "README.md", vars },
-        { template: "create/claude-md", dest: "CLAUDE.md" },
-        { template: "create/cursorrules", dest: ".cursorrules" },
-        { template: "create/src/global.css", dest: "src/global.css" },
-        { template: "create/src/global-types.ts", dest: "src/global-types.ts" },
-        { template: "create/src/ikas-component-utils.d.ts", dest: "src/ikas-component-utils.d.ts" },
-        { template: "create/src/components/index.ts", dest: "src/components/index.ts" },
-        { template: "create/src/components/ExampleComponent/index.tsx", dest: "src/components/ExampleComponent/index.tsx" },
-        { template: "create/src/components/ExampleComponent/types.ts", dest: "src/components/ExampleComponent/types.ts" },
-        { template: "create/src/components/ExampleComponent/styles.css", dest: "src/components/ExampleComponent/styles.css" },
-        { template: "create/src/components/ExampleSection/index.tsx", dest: "src/components/ExampleSection/index.tsx" },
-        { template: "create/src/components/ExampleSection/types.ts", dest: "src/components/ExampleSection/types.ts" },
-        { template: "create/src/components/ExampleSection/styles.css", dest: "src/components/ExampleSection/styles.css" },
-    ];
-    for (const file of files) {
-        fs.writeFileSync(path.join(projectPath, file.dest), readTemplate(file.template, file.vars));
-    }
-}
-async function createFullProject(projectPath, vars, spinner) {
-    fs.mkdirSync(projectPath, { recursive: true });
-    spinner.text = "Creating full theme project (350+ files)...";
-    const templateFiles = readTemplateDirectory("create-full", vars);
-    for (const file of templateFiles) {
-        // Map template filenames to actual filenames
-        let destPath = file.relativePath;
-        if (destPath === "gitignore")
-            destPath = ".gitignore";
-        else if (destPath === "claude-md")
-            destPath = "CLAUDE.md";
-        else if (destPath === "cursorrules")
-            destPath = ".cursorrules";
-        else if (destPath === "mcp.json")
-            destPath = ".mcp.json";
-        const fullDest = path.join(projectPath, destPath);
-        fs.mkdirSync(path.dirname(fullDest), { recursive: true });
-        fs.writeFileSync(fullDest, file.content);
-    }
-}
-export function createCreateCommand() {
-    return new Command("create")
-        .description("Create a new ikas component project")
-        .argument("[name]", "Project name")
-        .option("-t, --template <template>", "Template to use: blank or full (complete theme)")
-        .action(async (name, opts) => {
-        let projectName = name;
-        let template;
-        if (opts.template) {
-            template = opts.template === "full" ? "full" : "blank";
-        }
-        else {
-            const answers = await inquirer.prompt([
-                {
-                    type: "list",
-                    name: "template",
-                    message: "Which template would you like to use?",
-                    choices: [
-                        { name: "Blank — minimal project with example component and section", value: "blank" },
-                        { name: "Full  — complete storefront theme with 20 sections and 30+ components", value: "full" },
-                    ],
-                }
-            ]);
-            template = answers.template;
-        }
-        if (!projectName) {
-            const answers = await inquirer.prompt([
-                {
-                    type: "input",
-                    name: "projectName",
-                    message: "What is your project name?",
-                    default: "my-ikas-components",
-                    validate: (input) => {
-                        if (!input.trim())
-                            return "Project name is required";
-                        if (!/^[a-z0-9-_]+$/i.test(input)) {
-                            return "Project name can only contain letters, numbers, hyphens, and underscores";
-                        }
-                        return true;
-                    }
-                }
-            ]);
-            projectName = answers.projectName;
-        }
-        await createProject(projectName, template);
-    });
-}
-// Standalone runner for create-ikas-component command
-export async function run() {
-    const program = new Command();
-    program
-        .name("create-ikas-component")
-        .description("Create a new ikas component project")
-        .argument("[name]", "Project name")
-        .option("-t, --template <template>", "Template to use: blank or full (complete theme)")
-        .action(async (name, opts) => {
-        let projectName = name;
-        let template;
-        if (opts.template) {
-            template = opts.template === "full" ? "full" : "blank";
-        }
-        else {
-            const answers = await inquirer.prompt([
-                {
-                    type: "list",
-                    name: "template",
-                    message: "Which template would you like to use?",
-                    choices: [
-                        { name: "Blank — minimal project with example component and section", value: "blank" },
-                        { name: "Full  — complete storefront theme with 20 sections and 30+ components", value: "full" },
-                    ],
-                }
-            ]);
-            template = answers.template;
-        }
-        if (!projectName) {
-            const answers = await inquirer.prompt([
-                {
-                    type: "input",
-                    name: "projectName",
-                    message: "What is your project name?",
-                    default: "my-ikas-components",
-                    validate: (input) => {
-                        if (!input.trim())
-                            return "Project name is required";
-                        if (!/^[a-z0-9-_]+$/i.test(input)) {
-                            return "Project name can only contain letters, numbers, hyphens, and underscores";
-                        }
-                        return true;
-                    }
-                }
-            ]);
-            projectName = answers.projectName;
-        }
-        await createProject(projectName, template);
-    });
-    program.parse(process.argv);
-}
+import { createCreateCommand as createCreateCommandImpl } from "create-ikas-component";
+/**
+ * Re-export of the `create` command. The actual implementation (and the
+ * project templates) live in the standalone `create-ikas-component` package
+ * so users can run `npx create-ikas-component` without pulling in the full
+ * dev/build/publish CLI.
+ */
+export const createCreateCommand = createCreateCommandImpl;
 //# sourceMappingURL=create.js.map

package/dist/commands/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEvF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC"}

package/dist/commands/dev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/commands/dev.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA+kCpC,wBAAgB,gBAAgB,IAAI,OAAO,CAmB1C"}
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/commands/dev.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA26CpC,wBAAgB,gBAAgB,IAAI,OAAO,CA4B1C"}

package/dist/commands/dev.js

@@ -5,9 +5,9 @@ import * as fs from "fs";
 import * as path from "path";
 import { toPascalCase, toKebabCase, generateTypesFile, generateGlobalTypesFile, collectUsedEnumIds, collectUsedCustomTypeIds, generateComponentFile, generateStylesFile, updateBarrelExport, generateProjectId, generateComponentId, generateUniqueId, buildPropGroupHierarchy, findPropGroup, collectPropGroupIds, movePropGroupInTree, } from "../utils/component-helpers.js";
 import { compileAllComponents as compileAllComponentsMulti } from "../utils/compile.js";
-import { transformEsmToWindowGlobals, transformChunkForCanvas, buildChunkMapping } from "../utils/esm-transform.js";
-import { DevServerWebSocket } from "../utils/websocket-server.js";
-import { DEFAULT_ADMIN_PORT, DEFAULT_EDITOR_PORT, printProxyBanner, promptForStore, resolveEnvironmentDefaults, startProxy } from "./proxy.js";
+import { transformEsmToWindowGlobals, transformChunkForCanvas, buildChunkMapping, } from "../utils/esm-transform.js";
+import { DevServerWebSocket, } from "../utils/websocket-server.js";
+import { DEFAULT_ADMIN_PORT, DEFAULT_EDITOR_PORT, printProxyBanner, promptForStore, resolveEnvironmentDefaults, startProxy, } from "./proxy.js";
 const DEV_STATE_FILENAME = ".ikas-dev-state.json";
 function readDevState() {
     const p = path.resolve(process.cwd(), DEV_STATE_FILENAME);
@@ -25,7 +25,9 @@ function writeDevState(state) {
     try {
         fs.writeFileSync(p, JSON.stringify(state, null, 2) + "\n", "utf-8");
     }
-    catch { /* non-fatal */ }
+    catch {
+        /* non-fatal */
+    }
 }
 const DEV_SERVER_PORT = 5201;
 // Store compiled components, shared modules, and global styles
@@ -112,7 +114,7 @@ function findComponentForFile(config, filePath) {
  * Updates compiledComponents and compiledSharedModules maps.
  */
 async function compileAllComponentsForDev(config) {
-    const components = config.components.map(c => ({
+    const components = config.components.map((c) => ({
         id: c.id,
         entryPath: c.entry,
         stylesPath: c.styles,
@@ -128,7 +130,9 @@ async function compileAllComponentsForDev(config) {
     // Process shared chunks
     compiledSharedModules.clear();
     for (const [chunkId, chunk] of result.chunks) {
-        const prefixedChunkId = config.projectId ? `${config.projectId}-${chunkId}` : chunkId;
+        const prefixedChunkId = config.projectId
+            ? `${config.projectId}-${chunkId}`
+            : chunkId;
         const canvasClientJs = transformChunkForCanvas(chunk.clientJs, prefixedChunkId, chunkMapping);
         compiledSharedModules.set(prefixedChunkId, {
             id: prefixedChunkId,
@@ -167,7 +171,9 @@ async function compileAllComponentsForDev(config) {
         }
         const scopedCss = result.css.get(component.id) || "";
         // Transform ESM to window globals for canvas mode, with chunk mapping
-        const canvasClientJs = transformEsmToWindowGlobals(entry.clientJs, { chunkMapping });
+        const canvasClientJs = transformEsmToWindowGlobals(entry.clientJs, {
+            chunkMapping,
+        });
         const propsWithIds = component.props.map((prop, index) => ({
             id: `${component.id}_prop_${index}`,
             name: prop.name,
@@ -180,7 +186,9 @@ async function compileAllComponentsForDev(config) {
             typeId: prop.typeId,
             enumTypeId: prop.enumTypeId,
             ...(prop.privateVarMap ? { privateVarMap: prop.privateVarMap } : {}),
-            ...(prop.filteredComponentIds ? { filteredComponentIds: prop.filteredComponentIds } : {}),
+            ...(prop.filteredComponentIds
+                ? { filteredComponentIds: prop.filteredComponentIds }
+                : {}),
         }));
         // Build prop group hierarchy if groups are defined
         const propGroups = component.propGroups && component.propGroups.length > 0
@@ -208,7 +216,9 @@ async function compileAllComponentsForDev(config) {
             configPropGroups: component.propGroups && component.propGroups.length > 0
                 ? component.propGroups
                 : undefined,
-            ...(componentCustomTypes && componentCustomTypes.length > 0 ? { customTypes: componentCustomTypes } : {}),
+            ...(componentCustomTypes && componentCustomTypes.length > 0
+                ? { customTypes: componentCustomTypes }
+                : {}),
         };
         compiledComponents.set(component.id, data);
         console.log(chalk.green(`  Compiled: ${component.name}`));
@@ -221,6 +231,59 @@ async function compileAllComponentsForDev(config) {
 function getAllComponents() {
     return Array.from(compiledComponents.values());
 }
+/**
+ * Rebuild the config-derived metadata of a compiled component entry without
+ * re-compiling JS/CSS. Preserves cached `compiledServerJs`, `compiledClientJs`,
+ * `compiledCss`, `canvasClientJs`. Used after pure config mutations (prop
+ * group add/update/delete/move, prop-to-group move) so the editor sees the
+ * change immediately via a targeted `component-update` broadcast — independent
+ * of chokidar picking up the `ikas.config.json` write.
+ *
+ * Returns null if the component hasn't been compiled yet.
+ */
+function rebuildCompiledComponentFromConfig(config, componentId) {
+    const existing = compiledComponents.get(componentId);
+    if (!existing)
+        return null;
+    const component = config.components.find((c) => c.id === componentId);
+    if (!component)
+        return null;
+    const propsWithIds = component.props.map((prop, index) => ({
+        id: `${component.id}_prop_${index}`,
+        name: prop.name,
+        displayName: prop.displayName,
+        description: prop.description,
+        type: prop.type,
+        isRequired: prop.required,
+        defaultValue: prop.defaultValue,
+        groupId: prop.groupId,
+        typeId: prop.typeId,
+        enumTypeId: prop.enumTypeId,
+        ...(prop.privateVarMap ? { privateVarMap: prop.privateVarMap } : {}),
+        ...(prop.filteredComponentIds
+            ? { filteredComponentIds: prop.filteredComponentIds }
+            : {}),
+    }));
+    const propGroups = component.propGroups && component.propGroups.length > 0
+        ? buildPropGroupHierarchy(component.id, component.propGroups, propsWithIds)
+        : undefined;
+    const componentCustomTypes = cachedCustomTypes
+        ? matchCustomTypesForProps(propsWithIds, cachedCustomTypes)
+        : undefined;
+    const updated = {
+        ...existing,
+        props: propsWithIds,
+        propGroups,
+        configPropGroups: component.propGroups && component.propGroups.length > 0
+            ? component.propGroups
+            : undefined,
+        customTypes: componentCustomTypes && componentCustomTypes.length > 0
+            ? componentCustomTypes
+            : undefined,
+    };
+    compiledComponents.set(componentId, updated);
+    return updated;
+}
 /**
  * Get all compiled shared modules as an array
  */
@@ -268,7 +331,16 @@ function regenerateAllComponentTypes(config) {
 /**
  * Create handler functions for editor commands
  */
-function createEditorHandlers(configPath, getConfig, setConfig) {
+function createEditorHandlers(configPath, getConfig, setConfig, wsServer) {
+    // Rebuild + broadcast a component after a pure config change, so the editor
+    // doesn't have to wait for chokidar to pick up the ikas.config.json write
+    // (which can be unreliable when no other file changes alongside).
+    const broadcastConfigChange = (componentId) => {
+        const updated = rebuildCompiledComponentFromConfig(getConfig(), componentId);
+        if (updated) {
+            wsServer.broadcastComponentUpdate(updated);
+        }
+    };
     return {
         onRequestState: () => ({
             components: getAllComponents(),
@@ -403,7 +475,9 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             const newGroup = {
                 id: propGroup.id,
                 name: propGroup.name,
-                ...(propGroup.description ? { description: propGroup.description } : {}),
+                ...(propGroup.description
+                    ? { description: propGroup.description }
+                    : {}),
             };
             if (propGroup.parentGroupId) {
                 const found = findPropGroup(component.propGroups, propGroup.parentGroupId);
@@ -420,6 +494,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             }
             writeConfig(configPath, config);
             setConfig(config);
+            broadcastConfigChange(componentId);
             console.log(chalk.green(`  Added prop group "${propGroup.id}" to ${component.name}`));
         },
         onUpdatePropGroup: async (componentId, propGroupId, updates) => {
@@ -438,6 +513,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
                 found.group.description = updates.description || undefined;
             writeConfig(configPath, config);
             setConfig(config);
+            broadcastConfigChange(componentId);
             console.log(chalk.green(`  Updated prop group "${propGroupId}" on ${component.name}`));
         },
         onDeletePropGroup: async (componentId, propGroupId) => {
@@ -452,11 +528,11 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
                 throw new Error(`Prop group "${propGroupId}" not found on ${component.name}`);
             if (found.parent) {
                 // Remove from parent's children
-                found.parent.children = found.parent.children.filter(c => c.id !== propGroupId);
+                found.parent.children = found.parent.children.filter((c) => c.id !== propGroupId);
             }
             else {
                 // Remove from root
-                component.propGroups = component.propGroups.filter(g => g.id !== propGroupId);
+                component.propGroups = component.propGroups.filter((g) => g.id !== propGroupId);
             }
             // Clear groupId from props referencing the deleted group
             for (const prop of component.props) {
@@ -466,6 +542,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             }
             writeConfig(configPath, config);
             setConfig(config);
+            broadcastConfigChange(componentId);
             console.log(chalk.green(`  Deleted prop group "${propGroupId}" from ${component.name}`));
         },
         onMovePropGroup: async (componentId, propGroupId, parentGroupId, index) => {
@@ -479,6 +556,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             component.propGroups = movePropGroupInTree(component.propGroups, propGroupId, parentGroupId, index);
             writeConfig(configPath, config);
             setConfig(config);
+            broadcastConfigChange(componentId);
             console.log(chalk.green(`  Moved prop group "${propGroupId}" under "${parentGroupId || "(root)"}" on ${component.name}`));
         },
         onMovePropToGroup: async (componentId, propName, groupId) => {
@@ -486,7 +564,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             const component = config.components.find((c) => c.id === componentId);
             if (!component)
                 throw new Error(`Component not found: ${componentId}`);
-            const prop = component.props.find(p => p.name === propName);
+            const prop = component.props.find((p) => p.name === propName);
             if (!prop)
                 throw new Error(`Prop "${propName}" not found on ${component.name}`);
             if (groupId) {
@@ -502,6 +580,7 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             }
             writeConfig(configPath, config);
             setConfig(config);
+            broadcastConfigChange(componentId);
             console.log(chalk.green(`  Moved prop "${propName}" to group "${groupId || "(ungrouped)"}" on ${component.name}`));
         },
         onCreateEnum: async (name, enumOptions) => {
@@ -519,7 +598,9 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             if (existingInEditor) {
                 throw new Error(`Enum "${name}" already exists in the connected editor (ID: ${existingInEditor.id})`);
             }
-            if (!enumOptions || typeof enumOptions !== "object" || Object.keys(enumOptions).length === 0) {
+            if (!enumOptions ||
+                typeof enumOptions !== "object" ||
+                Object.keys(enumOptions).length === 0) {
                 throw new Error("enumOptions must be a non-empty object");
             }
             const enumId = generateUniqueId();
@@ -559,14 +640,18 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
             }
             if (name !== undefined) {
                 const pascalName = toPascalCase(name);
-                const collision = config.customTypes.find((t) => t.type === "enum" && t.id !== enumId && toPascalCase(t.name) === pascalName);
+                const collision = config.customTypes.find((t) => t.type === "enum" &&
+                    t.id !== enumId &&
+                    toPascalCase(t.name) === pascalName);
                 if (collision) {
                     throw new Error(`Enum name "${name}" conflicts with existing enum (ID: ${collision.id})`);
                 }
                 enumType.name = name;
             }
             if (enumOptions !== undefined) {
-                if (!enumOptions || typeof enumOptions !== "object" || Object.keys(enumOptions).length === 0) {
+                if (!enumOptions ||
+                    typeof enumOptions !== "object" ||
+                    Object.keys(enumOptions).length === 0) {
                     throw new Error("enumOptions must be a non-empty object");
                 }
                 enumType.enumOptions = enumOptions;
@@ -643,7 +728,9 @@ function createEditorHandlers(configPath, getConfig, setConfig) {
                     }
                 }
                 if (incomingEnumNames.size > 0) {
-                    const incomingEnumIds = new Set(customTypes.filter((t) => t.type === "enum").map((t) => t.id));
+                    const incomingEnumIds = new Set(customTypes
+                        .filter((t) => t.type === "enum")
+                        .map((t) => t.id));
                     for (const [id, t] of Array.from(typeMap.entries())) {
                         if (t.type === "enum" &&
                             typeof t.name === "string" &&
@@ -698,13 +785,13 @@ async function startDevServer(opts = {}) {
     console.log(chalk.gray(`  Project: ${config.name}`));
     console.log(chalk.gray(`  Components: ${config.components.length}\n`));
     // Validate isHeader/isFooter flags
-    const headers = config.components.filter(c => c.isHeader);
-    const footers = config.components.filter(c => c.isFooter);
+    const headers = config.components.filter((c) => c.isHeader);
+    const footers = config.components.filter((c) => c.isFooter);
     if (headers.length > 1) {
-        console.log(chalk.yellow(`  Warning: Multiple components have isHeader set: ${headers.map(c => c.name).join(", ")}. Only one header is supported.`));
+        console.log(chalk.yellow(`  Warning: Multiple components have isHeader set: ${headers.map((c) => c.name).join(", ")}. Only one header is supported.`));
     }
     if (footers.length > 1) {
-        console.log(chalk.yellow(`  Warning: Multiple components have isFooter set: ${footers.map(c => c.name).join(", ")}. Only one footer is supported.`));
+        console.log(chalk.yellow(`  Warning: Multiple components have isFooter set: ${footers.map((c) => c.name).join(", ")}. Only one footer is supported.`));
     }
     for (const c of config.components) {
         if ((c.isHeader || c.isFooter) && c.type !== "section") {
@@ -724,7 +811,9 @@ async function startDevServer(opts = {}) {
     console.log("");
     // Start WebSocket server
     const wsServer = new DevServerWebSocket(DEV_SERVER_PORT);
-    const handlers = createEditorHandlers(configPath, () => config, (newConfig) => { config = newConfig; });
+    const handlers = createEditorHandlers(configPath, () => config, (newConfig) => {
+        config = newConfig;
+    }, wsServer);
     try {
         await wsServer.start(handlers);
         console.log(chalk.green(`  WebSocket server running on ws://localhost:${DEV_SERVER_PORT}`));
@@ -746,7 +835,7 @@ async function startDevServer(opts = {}) {
                 adminPort: Number(opts.proxyPort) || DEFAULT_ADMIN_PORT,
                 editorPort: Number(opts.editorPort) || DEFAULT_EDITOR_PORT,
                 editorUrl: opts.editor || envDefaults.editorUrl,
-                adminDomain: opts.domain || envDefaults.adminDomain
+                adminDomain: opts.domain || envDefaults.adminDomain,
             });
         }
         catch (error) {
@@ -759,15 +848,15 @@ async function startDevServer(opts = {}) {
         "src/**/*.tsx",
         "src/**/*.ts",
         "src/**/*.css",
-        "ikas.config.json"
+        "ikas.config.json",
     ];
     const watcher = chokidar.watch(watchPaths, {
         ignored: ["**/global-types.ts"],
         ignoreInitial: true,
         awaitWriteFinish: {
             stabilityThreshold: 100,
-            pollInterval: 50
-        }
+            pollInterval: 50,
+        },
     });
     // Debounce full recompilation for rapid changes
     let recompileTimer = null;
@@ -788,8 +877,8 @@ async function startDevServer(opts = {}) {
                         components: getAllComponents(),
                         sharedModules: getAllSharedModules(),
                         globalStyles: compiledGlobalStyles,
-                        timestamp: Date.now()
-                    }
+                        timestamp: Date.now(),
+                    },
                 });
             }
             else {
@@ -818,8 +907,8 @@ async function startDevServer(opts = {}) {
                         components: getAllComponents(),
                         sharedModules: getAllSharedModules(),
                         globalStyles: compiledGlobalStyles,
-                        timestamp: Date.now()
-                    }
+                        timestamp: Date.now(),
+                    },
                 });
             }
             catch (e) {