@ikas/component-cli 0.15.0

package/dist/utils/component-helpers.js

@@ -0,0 +1,177 @@
+import * as crypto from "crypto";
+import * as fs from "fs";
+import * as path from "path";
+/**
+ * Generate an 8-character random alphanumeric project ID (lowercase + digits).
+ * Used to namespace component IDs across independent CLI projects.
+ */
+export function generateProjectId() {
+    const chars = "abcdefghijklmnopqrstuvwxyz0123456789";
+    const bytes = crypto.randomBytes(8);
+    let result = "";
+    for (let i = 0; i < 8; i++) {
+        result += chars[bytes[i] % chars.length];
+    }
+    return result;
+}
+/**
+ * Generate a component ID namespaced by projectId.
+ * Format: `${projectId}-${kebabName}`
+ */
+export function generateComponentId(projectId, kebabName) {
+    return `${projectId}-${kebabName}`;
+}
+export const PROP_TYPES = [
+    "TEXT",
+    "NUMBER",
+    "BOOLEAN",
+    "IMAGE",
+    "LINK",
+    "LIST_OF_LINK",
+    "COLOR",
+    "SELECT",
+    "PRODUCT",
+    "PRODUCT_LIST",
+    "CATEGORY",
+    "CATEGORY_LIST",
+    "BRAND",
+    "BRAND_LIST",
+    "BLOG_POST",
+    "BLOG_POST_LIST"
+];
+export const PROP_TYPE_TO_TS = {
+    TEXT: "string",
+    NUMBER: "number",
+    BOOLEAN: "boolean",
+    IMAGE: "IkasImage | null",
+    LINK: "IkasLink | null",
+    LIST_OF_LINK: "IkasNavigationLinkList",
+    COLOR: "string",
+    SELECT: "string",
+    PRODUCT: "IkasProduct | null",
+    PRODUCT_LIST: "IkasProductList",
+    CATEGORY: "IkasCategory | null",
+    CATEGORY_LIST: "IkasCategoryList",
+    BRAND: "IkasBrand | null",
+    BRAND_LIST: "IkasBrandList",
+    BLOG_POST: "IkasBlogPost | null",
+    BLOG_POST_LIST: "IkasBlogPostList"
+};
+export function toKebabCase(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, "$1-$2")
+        .replace(/[\s_]+/g, "-")
+        .toLowerCase();
+}
+export function toPascalCase(str) {
+    return str
+        .split(/[-_\s]+/)
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+        .join("");
+}
+export function generateTypesFile(componentName, props, type) {
+    const imports = new Set();
+    props.forEach((prop) => {
+        const tsType = PROP_TYPE_TO_TS[prop.type];
+        if (tsType?.includes("Ikas")) {
+            const matches = tsType.match(/Ikas\w+/g);
+            matches?.forEach((m) => imports.add(m));
+        }
+    });
+    const interfaceName = "Props";
+    let content = "";
+    if (imports.size > 0) {
+        const importsList = Array.from(imports).join(", ");
+        content += `import type { ${importsList} } from "@ikas/bp-storefront";\n\n`;
+    }
+    content += `export interface ${interfaceName} {\n`;
+    props.forEach((prop) => {
+        const tsType = PROP_TYPE_TO_TS[prop.type] || "unknown";
+        const optional = prop.required ? "" : "?";
+        if (prop.description) {
+            content += `  /** ${prop.description} */\n`;
+        }
+        content += `  ${prop.name}${optional}: ${tsType};\n`;
+    });
+    content += `}\n`;
+    return content;
+}
+export function generateComponentFile(componentName, props, type) {
+    const propsDestructure = props.map((p) => p.name).join(", ");
+    const kebabName = toKebabCase(componentName);
+    const interfaceName = "Props";
+    if (type === "section") {
+        return `import { ${interfaceName} } from "./types";
+
+export function ${componentName}({ ${propsDestructure} }: ${interfaceName}) {
+  return (
+    <section className="${kebabName}">
+      <div className="${kebabName}-inner">
+        <h2>${componentName}</h2>
+        {/* Add your section implementation here */}
+      </div>
+    </section>
+  );
+}
+`;
+    }
+    return `import { ${interfaceName} } from "./types";
+
+export function ${componentName}({ ${propsDestructure} }: ${interfaceName}) {
+  return (
+    <div className="${kebabName}">
+      <h2>${componentName}</h2>
+      {/* Add your component implementation here */}
+    </div>
+  );
+}
+`;
+}
+export function generateStylesFile(componentName, type) {
+    const kebabName = toKebabCase(componentName);
+    if (type === "section") {
+        return `.${kebabName} {
+  width: 100%;
+  padding: 64px 24px;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+.${kebabName}-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.${kebabName} h2 {
+  margin: 0 0 16px 0;
+  font-size: 32px;
+  font-weight: 700;
+  color: #111827;
+}
+`;
+    }
+    return `.${kebabName} {
+  padding: 16px;
+  border-radius: 8px;
+  background: #f9fafb;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+.${kebabName} h2 {
+  margin: 0 0 12px 0;
+  font-size: 20px;
+  font-weight: 600;
+  color: #111827;
+}
+`;
+}
+/**
+ * Update the barrel export file (src/components/index.ts) to include all components
+ */
+export function updateBarrelExport(projectRoot, componentNames) {
+    const indexPath = path.resolve(projectRoot, "src/components/index.ts");
+    const content = componentNames
+        .map((name) => `export { ${name} } from "./${name}/index";`)
+        .join("\n") + "\n";
+    fs.writeFileSync(indexPath, content);
+}
+//# sourceMappingURL=component-helpers.js.map

package/dist/utils/component-helpers.js.map

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

package/dist/utils/css-import-resolver.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Resolves CSS @import statements by inlining the imported file contents.
+ * Handles relative paths and nested imports recursively.
+ *
+ * @param css - The CSS content to process
+ * @param cssFilePath - The absolute path to the CSS file (used to resolve relative imports)
+ * @returns The CSS with all @import statements replaced by the imported content
+ */
+export declare function resolveCssImports(css: string, cssFilePath: string): string;
+//# sourceMappingURL=css-import-resolver.d.ts.map

package/dist/utils/css-import-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-import-resolver.d.ts","sourceRoot":"","sources":["../../src/utils/css-import-resolver.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAoC1E"}

package/dist/utils/css-import-resolver.js

@@ -0,0 +1,40 @@
+import * as fs from "fs";
+import * as path from "path";
+/**
+ * Resolves CSS @import statements by inlining the imported file contents.
+ * Handles relative paths and nested imports recursively.
+ *
+ * @param css - The CSS content to process
+ * @param cssFilePath - The absolute path to the CSS file (used to resolve relative imports)
+ * @returns The CSS with all @import statements replaced by the imported content
+ */
+export function resolveCssImports(css, cssFilePath) {
+    const importRegex = /@import\s+["']([^"']+)["']\s*;?/g;
+    const processedPaths = new Set();
+    function resolveImports(content, currentDir) {
+        return content.replace(importRegex, (match, importPath) => {
+            // Resolve the imported file path
+            const resolvedPath = path.resolve(currentDir, importPath);
+            // Prevent circular imports
+            if (processedPaths.has(resolvedPath)) {
+                console.warn(`Circular CSS import detected: ${resolvedPath}`);
+                return `/* Circular import skipped: ${importPath} */`;
+            }
+            // Check if file exists
+            if (!fs.existsSync(resolvedPath)) {
+                console.warn(`CSS import not found: ${importPath} (resolved to ${resolvedPath})`);
+                return `/* Import not found: ${importPath} */`;
+            }
+            processedPaths.add(resolvedPath);
+            // Read and recursively resolve imports in the imported file
+            const importedCss = fs.readFileSync(resolvedPath, "utf-8");
+            const importedDir = path.dirname(resolvedPath);
+            const resolvedCss = resolveImports(importedCss, importedDir);
+            return `/* Imported from: ${importPath} */\n${resolvedCss}\n/* End import: ${importPath} */`;
+        });
+    }
+    // Add the main file to processed paths to prevent self-import
+    processedPaths.add(path.resolve(cssFilePath));
+    return resolveImports(css, path.dirname(cssFilePath));
+}
+//# sourceMappingURL=css-import-resolver.js.map

package/dist/utils/css-import-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-import-resolver.js","sourceRoot":"","sources":["../../src/utils/css-import-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,GAAW,EAAE,WAAmB;IAChE,MAAM,WAAW,GAAG,kCAAkC,CAAC;IACvD,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IAEzC,SAAS,cAAc,CAAC,OAAe,EAAE,UAAkB;QACzD,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;YACxD,iCAAiC;YACjC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAE1D,2BAA2B;YAC3B,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;gBACrC,OAAO,CAAC,IAAI,CAAC,iCAAiC,YAAY,EAAE,CAAC,CAAC;gBAC9D,OAAO,+BAA+B,UAAU,KAAK,CAAC;YACxD,CAAC;YAED,uBAAuB;YACvB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;gBACjC,OAAO,CAAC,IAAI,CAAC,yBAAyB,UAAU,iBAAiB,YAAY,GAAG,CAAC,CAAC;gBAClF,OAAO,wBAAwB,UAAU,KAAK,CAAC;YACjD,CAAC;YAED,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAEjC,4DAA4D;YAC5D,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC3D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YAC/C,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAE7D,OAAO,qBAAqB,UAAU,QAAQ,WAAW,oBAAoB,UAAU,KAAK,CAAC;QAC/F,CAAC,CAAC,CAAC;IACL,CAAC;IAED,8DAA8D;IAC9D,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AACxD,CAAC"}

package/dist/utils/esm-transform.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Transform ESM imports/exports to window globals for canvas mode.
+ * This allows pre-compiled code to run in the editor canvas where
+ * dependencies are provided via window globals.
+ */
+export interface TransformOptions {
+    /**
+     * When set, chunk imports (from "./chunk-*.js") are resolved via window.__cc_chunks.
+     * Map of chunkFileName (e.g. "chunk-ABCD") to the registry key used in window.__cc_chunks.
+     */
+    chunkMapping?: Map<string, string>;
+}
+export declare function transformEsmToWindowGlobals(code: string, options?: TransformOptions): string;
+/**
+ * Transform a chunk file's ESM code for canvas mode.
+ * External imports → window globals (same as entry files).
+ * Exports → stored in window.__cc_chunks[chunkId].
+ */
+export declare function transformChunkForCanvas(code: string, chunkId: string): string;
+/**
+ * Build a chunk mapping from esbuild output by scanning entry files
+ * for relative imports to chunk files.
+ */
+export declare function buildChunkMapping(chunkIds: string[], projectId?: string): Map<string, string>;
+/**
+ * Get the scope class name for a component ID
+ */
+export declare function getScopeClassName(componentId: string): string;
+//# sourceMappingURL=esm-transform.d.ts.map

package/dist/utils/esm-transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esm-transform.d.ts","sourceRoot":"","sources":["../../src/utils/esm-transform.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA2EH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAyK5F;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAQ7E;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAAE,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAQrB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAE7D"}

package/dist/utils/esm-transform.js

@@ -0,0 +1,216 @@
+/**
+ * Transform ESM imports/exports to window globals for canvas mode.
+ * This allows pre-compiled code to run in the editor canvas where
+ * dependencies are provided via window globals.
+ */
+/**
+ * Mapping of module names to their window global equivalents (exact match)
+ */
+const MODULE_TO_GLOBAL = {
+    "preact": "window.Preact",
+    "preact/hooks": "window.PreactHooks",
+    "preact/compat": "window.Preact",
+    "preact/jsx-runtime": "window.Preact",
+    "mobx": "window.Mobx",
+    "@ikas/bp-storefront": "window.IkasStorefront",
+    "@ikas/bp-storefront-models": "window.IkasStorefrontModels",
+    "@ikas/bp-storefront-config": "window.IkasStorefrontConfig"
+};
+/**
+ * Prefix-based fallback mapping. When no exact match exists, the longest
+ * matching prefix wins. Entries are sorted longest-first at lookup time.
+ */
+const MODULE_PREFIX_TO_GLOBAL = {
+    "preact": "window.Preact",
+    "@ikas/bp-storefront": "window.IkasStorefront"
+};
+/**
+ * Resolve a module name to its window global. Tries exact match first,
+ * then falls back to longest-prefix match.
+ */
+function resolveModuleGlobal(moduleName) {
+    // Exact match
+    if (MODULE_TO_GLOBAL[moduleName]) {
+        return MODULE_TO_GLOBAL[moduleName];
+    }
+    // Longest-prefix match
+    const prefixes = Object.keys(MODULE_PREFIX_TO_GLOBAL).sort((a, b) => b.length - a.length);
+    for (const prefix of prefixes) {
+        if (moduleName === prefix || moduleName.startsWith(prefix + "/")) {
+            return MODULE_PREFIX_TO_GLOBAL[prefix];
+        }
+    }
+    return undefined;
+}
+/**
+ * Transform ESM imports to window global assignments.
+ * Example:
+ *   import { h, Fragment } from "preact";
+ * Becomes:
+ *   const { h, Fragment } = window.Preact;
+ *
+ * And:
+ *   import { useState } from "preact/hooks";
+ * Becomes:
+ *   const { useState } = window.PreactHooks;
+ */
+/**
+ * Check if a module specifier is a relative chunk import (e.g., "./chunk-ABCD.js")
+ */
+function isChunkImport(moduleName) {
+    return moduleName.startsWith("./chunk-");
+}
+/**
+ * Extract chunk ID from a relative chunk import path.
+ * "./chunk-ABCD.js" → "chunk-ABCD"
+ */
+function chunkIdFromImport(moduleName) {
+    return moduleName.replace(/^\.\//, "").replace(/\.js$/, "");
+}
+export function transformEsmToWindowGlobals(code, options) {
+    let transformed = code;
+    const chunkMapping = options?.chunkMapping;
+    // Transform named imports: import { a, b } from "module";
+    transformed = transformed.replace(/import\s*\{([^}]+)\}\s*from\s*["']([^"']+)["']\s*;?/g, (match, imports, moduleName) => {
+        // Handle chunk imports
+        if (chunkMapping && isChunkImport(moduleName)) {
+            const chunkId = chunkIdFromImport(moduleName);
+            const registryKey = chunkMapping.get(chunkId) || chunkId;
+            const destructured = imports.replace(/([\w$]+)\s+as\s+([\w$]+)/g, "$1: $2");
+            return `const {${destructured}} = window.__cc_chunks["${registryKey}"];`;
+        }
+        const globalName = resolveModuleGlobal(moduleName);
+        if (globalName) {
+            // Convert ESM "as" renames to destructuring ":" renames
+            // e.g. "Reaction as t" → "Reaction: t"
+            const destructured = imports.replace(/([\w$]+)\s+as\s+([\w$]+)/g, "$1: $2");
+            return `const {${destructured}} = ${globalName};`;
+        }
+        // Keep unknown imports as-is (they'll error at runtime, which is expected)
+        return match;
+    });
+    // Transform default imports: import Something from "module";
+    transformed = transformed.replace(/import\s+([\w$]+)\s+from\s*["']([^"']+)["']\s*;?/g, (match, importName, moduleName) => {
+        if (chunkMapping && isChunkImport(moduleName)) {
+            const chunkId = chunkIdFromImport(moduleName);
+            const registryKey = chunkMapping.get(chunkId) || chunkId;
+            return `const ${importName} = window.__cc_chunks["${registryKey}"].default || window.__cc_chunks["${registryKey}"];`;
+        }
+        const globalName = resolveModuleGlobal(moduleName);
+        if (globalName) {
+            return `const ${importName} = ${globalName}.default || ${globalName};`;
+        }
+        return match;
+    });
+    // Transform namespace imports: import * as Something from "module";
+    transformed = transformed.replace(/import\s*\*\s*as\s+([\w$]+)\s+from\s*["']([^"']+)["']\s*;?/g, (match, importName, moduleName) => {
+        if (chunkMapping && isChunkImport(moduleName)) {
+            const chunkId = chunkIdFromImport(moduleName);
+            const registryKey = chunkMapping.get(chunkId) || chunkId;
+            return `const ${importName} = window.__cc_chunks["${registryKey}"];`;
+        }
+        const globalName = resolveModuleGlobal(moduleName);
+        if (globalName) {
+            return `const ${importName} = ${globalName};`;
+        }
+        return match;
+    });
+    // Transform mixed imports: import Default, { named } from "module";
+    transformed = transformed.replace(/import\s+([\w$]+)\s*,\s*\{([^}]+)\}\s*from\s*["']([^"']+)["']\s*;?/g, (match, defaultImport, namedImports, moduleName) => {
+        if (chunkMapping && isChunkImport(moduleName)) {
+            const chunkId = chunkIdFromImport(moduleName);
+            const registryKey = chunkMapping.get(chunkId) || chunkId;
+            const destructured = namedImports.replace(/([\w$]+)\s+as\s+([\w$]+)/g, "$1: $2");
+            return `const ${defaultImport} = window.__cc_chunks["${registryKey}"].default || window.__cc_chunks["${registryKey}"]; const {${destructured}} = window.__cc_chunks["${registryKey}"];`;
+        }
+        const globalName = resolveModuleGlobal(moduleName);
+        if (globalName) {
+            const destructured = namedImports.replace(/([\w$]+)\s+as\s+([\w$]+)/g, "$1: $2");
+            return `const ${defaultImport} = ${globalName}.default || ${globalName}; const {${destructured}} = ${globalName};`;
+        }
+        return match;
+    });
+    // Transform exports to __exports object
+    // Track names from `export default function/class` so we can append assignments
+    const defaultDeclNames = [];
+    // Handle `export default function Name(...){}` and `export default class Name{}`
+    // Must come before the simple `export default <identifier>` regex
+    transformed = transformed.replace(/export\s+default\s+(function|class)\s+([\w$]+)/g, (match, keyword, name) => {
+        defaultDeclNames.push(name);
+        return `${keyword} ${name}`;
+    });
+    // export default <identifier>; -> __exports.default = <identifier>;
+    // Require semicolon or end-of-string to avoid matching `export default function`
+    transformed = transformed.replace(/export\s+default\s+([\w$]+)\s*;/g, "__exports.default = $1;");
+    // Append __exports.default assignments for captured function/class names
+    for (const name of defaultDeclNames) {
+        transformed += `\n__exports.default = ${name};`;
+    }
+    // export { a, b }; -> __exports.a = a; __exports.b = b;
+    transformed = transformed.replace(/export\s*\{([^}]+)\}\s*;?/g, (match, exports) => {
+        const exportNames = exports.split(",").map((e) => e.trim());
+        return exportNames
+            .map((name) => {
+            // Handle "as" renames: export { foo as bar }
+            const parts = name.split(/\s+as\s+/);
+            const localName = parts[0].trim();
+            const exportName = (parts[1] || parts[0]).trim();
+            return `__exports.${exportName} = ${localName};`;
+        })
+            .join(" ");
+    });
+    // export const/let/var name = ...; -> const/let/var name = ...; __exports.name = name;
+    transformed = transformed.replace(/export\s+(const|let|var)\s+([\w$]+)\s*=/g, (match, declarationType, name) => {
+        return `${declarationType} ${name} =`;
+    });
+    // For exported functions/classes, we need to handle them separately
+    // export function name() {} -> function name() {} __exports.name = name;
+    transformed = transformed.replace(/export\s+(function|class)\s+([\w$]+)/g, "$1 $2");
+    // --- Catch-all safety nets ---
+    // Strip any remaining import statements that weren't handled above
+    transformed = transformed.replace(/import\s*(?:\{[^}]*\}|\*\s*as\s+[\w$]+|[\w$]+(?:\s*,\s*\{[^}]*\})?)\s*from\s*["'][^"']+["']\s*;?/g, (match) => {
+        console.warn(`[esm-transform] Unhandled import stripped: ${match}`);
+        return `/* stripped: ${match} */`;
+    });
+    // Strip any remaining bare `import "module"` side-effect imports
+    transformed = transformed.replace(/import\s*["'][^"']+["']\s*;?/g, (match) => {
+        console.warn(`[esm-transform] Side-effect import stripped: ${match}`);
+        return `/* stripped: ${match} */`;
+    });
+    // Strip any remaining `export` keywords as a final pass
+    transformed = transformed.replace(/\bexport\s+/g, "");
+    return transformed;
+}
+/**
+ * Transform a chunk file's ESM code for canvas mode.
+ * External imports → window globals (same as entry files).
+ * Exports → stored in window.__cc_chunks[chunkId].
+ */
+export function transformChunkForCanvas(code, chunkId) {
+    // First, transform external imports to window globals (no chunk mapping needed for chunks themselves)
+    const transformed = transformEsmToWindowGlobals(code);
+    // The transformed code has exports written to __exports.
+    // We need to register them in window.__cc_chunks.
+    // The IIFE wrapper in the canvas will handle this.
+    return transformed;
+}
+/**
+ * Build a chunk mapping from esbuild output by scanning entry files
+ * for relative imports to chunk files.
+ */
+export function buildChunkMapping(chunkIds, projectId) {
+    const mapping = new Map();
+    for (const chunkId of chunkIds) {
+        // When projectId is provided, namespace the registry key
+        const registryKey = projectId ? `${projectId}-${chunkId}` : chunkId;
+        mapping.set(chunkId, registryKey);
+    }
+    return mapping;
+}
+/**
+ * Get the scope class name for a component ID
+ */
+export function getScopeClassName(componentId) {
+    return `cc_${componentId.replace(/[^a-zA-Z0-9]/g, "_")}`;
+}
+//# sourceMappingURL=esm-transform.js.map

package/dist/utils/esm-transform.js.map

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

package/dist/utils/observer-runtime.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from "esbuild";
+export declare function ikasComponentUtilsPlugin(): Plugin;
+//# sourceMappingURL=observer-runtime.d.ts.map

package/dist/utils/observer-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observer-runtime.d.ts","sourceRoot":"","sources":["../../src/utils/observer-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAuCtC,wBAAgB,wBAAwB,IAAI,MAAM,CAcjD"}

package/dist/utils/observer-runtime.js

@@ -0,0 +1,52 @@
+const OBSERVER_SOURCE = `
+import { Reaction } from "mobx";
+import { useRef, useState, useEffect } from "preact/hooks";
+
+export function observer(Component) {
+  var wrapped = function(props) {
+    var hookState = useState(0);
+    var setTick = hookState[1];
+    var reactionRef = useRef(null);
+
+    if (!reactionRef.current) {
+      reactionRef.current = new Reaction(
+        "observer(" + (Component.displayName || Component.name || "Component") + ")",
+        function() { setTick(function(t) { return t + 1; }); }
+      );
+    }
+
+    useEffect(function() {
+      return function() {
+        if (reactionRef.current) {
+          reactionRef.current.dispose();
+          reactionRef.current = null;
+        }
+      };
+    }, []);
+
+    var result;
+    reactionRef.current.track(function() {
+      result = Component(props);
+    });
+    return result;
+  };
+  wrapped.displayName = "observer(" + (Component.displayName || Component.name || "Component") + ")";
+  return wrapped;
+}
+`;
+export function ikasComponentUtilsPlugin() {
+    return {
+        name: "ikas-component-utils",
+        setup(build) {
+            build.onResolve({ filter: /^@ikas\/component-utils$/ }, (args) => ({
+                path: args.path,
+                namespace: "ikas-component-utils",
+            }));
+            build.onLoad({ filter: /.*/, namespace: "ikas-component-utils" }, () => ({
+                contents: OBSERVER_SOURCE,
+                loader: "js",
+            }));
+        },
+    };
+}
+//# sourceMappingURL=observer-runtime.js.map

package/dist/utils/observer-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observer-runtime.js","sourceRoot":"","sources":["../../src/utils/observer-runtime.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCvB,CAAC;AAEF,MAAM,UAAU,wBAAwB;IACtC,OAAO;QACL,IAAI,EAAE,sBAAsB;QAC5B,KAAK,CAAC,KAAK;YACT,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,0BAA0B,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACjE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,SAAS,EAAE,sBAAsB;aAClC,CAAC,CAAC,CAAC;YACJ,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;gBACvE,QAAQ,EAAE,eAAe;gBACzB,MAAM,EAAE,IAAI;aACb,CAAC,CAAC,CAAC;QACN,CAAC;KACF,CAAC;AACJ,CAAC"}