@promptui-lib/codegen 0.1.10 → 0.1.11

package/dist/frameworks/antd.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"antd.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/antd.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAmD,MAAM,oBAAoB,CAAC;AA4LzG;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAiChE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAoB9E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAwC7D"}
+{"version":3,"file":"antd.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/antd.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAkE,MAAM,oBAAoB,CAAC;AAuMxH;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAiChE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAoB9E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAwC7D"}

package/dist/frameworks/antd.template.js

@@ -84,6 +84,12 @@ function stylesToInline(styles) {
 function isTextNode(child) {
     return 'type' in child && child.type === 'text';
 }
+/**
+ * Check if a child is a component node
+ */
+function isComponentNode(child) {
+    return 'type' in child && child.type === 'component';
+}
 /**
  * Check if a child is a JSX node
  */
@@ -152,6 +158,10 @@ function generateJSX(node, indent = 2) {
             if (isTextNode(child)) {
                 return `${spaces}  ${child.value}`;
             }
+            if (isComponentNode(child)) {
+                // Render child component as <ComponentName />
+                return `${spaces}  <${child.componentName} />`;
+            }
             if (isJSXNode(child)) {
                 return generateJSX(child, indent + 2);
             }

package/dist/generators/tsx-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tsx-generator.d.ts","sourceRoot":"","sources":["../../src/generators/tsx-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,aAAa,EAMd,MAAM,oBAAoB,CAAC;AAkI5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CA4BtD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAUxD"}
+{"version":3,"file":"tsx-generator.d.ts","sourceRoot":"","sources":["../../src/generators/tsx-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,aAAa,EAQd,MAAM,oBAAoB,CAAC;AA0O5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAmCtD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAUxD"}

package/dist/generators/tsx-generator.js

@@ -2,6 +2,64 @@
  * TSX Generator
  * Gera código TypeScript/JSX a partir do AST do componente
  */
+/**
+ * Coleta todos os componentes filhos de uma árvore JSX recursivamente
+ */
+function collectChildComponents(node) {
+    const components = [];
+    for (const child of node.children) {
+        if ('type' in child && child.type === 'component') {
+            components.push(child);
+        }
+        else if ('tag' in child) {
+            // Recursivamente busca em nós JSX
+            components.push(...collectChildComponents(child));
+        }
+    }
+    return components;
+}
+/**
+ * Calcula o caminho relativo de import entre duas camadas do Atomic Design
+ */
+function getRelativeImportPath(fromLayer, toLayer, toFileName) {
+    // Mapeamento de camadas para profundidade relativa
+    const layerDepth = {
+        atoms: 0,
+        molecules: 1,
+        organisms: 2,
+    };
+    const fromDepth = layerDepth[fromLayer];
+    const toDepth = layerDepth[toLayer];
+    // Se estão na mesma camada
+    if (fromLayer === toLayer) {
+        return `../${toFileName}`;
+    }
+    // Calcula o caminho relativo
+    // De organisms para atoms: ../../atoms/button
+    // De molecules para atoms: ../../atoms/button
+    // De organisms para molecules: ../../molecules/header
+    return `../../${toLayer}/${toFileName}`;
+}
+/**
+ * Gera imports de componentes filhos
+ */
+function generateComponentImports(components, parentLayer) {
+    const imports = [];
+    const seen = new Set();
+    for (const comp of components) {
+        // Evita duplicatas
+        if (seen.has(comp.componentName)) {
+            continue;
+        }
+        seen.add(comp.componentName);
+        const importPath = getRelativeImportPath(parentLayer, comp.layer, comp.fileName);
+        imports.push({
+            from: importPath,
+            named: [comp.componentName],
+        });
+    }
+    return imports;
+}
 /**
  * Gera string de imports
  */
@@ -55,6 +113,29 @@ function generatePropsDestructuring(props) {
     });
     return `{\n  ${parts.join(',\n  ')},\n}`;
 }
+/**
+ * Gera JSX de um componente filho (self-closing)
+ */
+function generateComponentJSX(component, indent) {
+    const spaces = ' '.repeat(indent);
+    let jsx = `${spaces}<${component.componentName}`;
+    // Adiciona props se existirem
+    if (component.props) {
+        for (const [key, value] of Object.entries(component.props)) {
+            if (typeof value === 'boolean') {
+                jsx += value ? ` ${key}` : '';
+            }
+            else if (typeof value === 'object' && value.type === 'expression') {
+                jsx += ` ${key}={${value.value}}`;
+            }
+            else {
+                jsx += ` ${key}="${value}"`;
+            }
+        }
+    }
+    jsx += ' />';
+    return jsx;
+}
 /**
  * Gera JSX de um node
  */
@@ -103,6 +184,10 @@ function generateJSX(node, indent = 2) {
             else if ('type' in child && child.type === 'expression') {
                 childrenJSX.push(`${childSpaces}{${child.value}}`);
             }
+            else if ('type' in child && child.type === 'component') {
+                // Renderiza componente filho como <ComponentName />
+                childrenJSX.push(generateComponentJSX(child, indent + 2));
+            }
             else {
                 childrenJSX.push(generateJSX(child, indent + 2));
             }
@@ -117,8 +202,13 @@ function generateJSX(node, indent = 2) {
  */
 export function generateTSX(ast) {
     const lines = [];
+    // Coleta componentes filhos para gerar imports
+    const childComponents = collectChildComponents(ast.jsx);
+    const componentImports = generateComponentImports(childComponents, ast.layer);
+    // Combina imports existentes com imports de componentes
+    const allImports = [...(ast.imports ?? []), ...componentImports];
     // Imports
-    const importsCode = generateImports(ast.imports ?? []);
+    const importsCode = generateImports(allImports);
     if (importsCode) {
         lines.push(importsCode);
         lines.push('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptui-lib/codegen",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "private": false,
   "description": "Code generator for PromptUI - generates React TSX and SCSS",
   "license": "UNLICENSED",
@@ -30,7 +30,7 @@
     "dist"
   ],
   "dependencies": {
-    "@promptui-lib/core": "0.1.10"
+    "@promptui-lib/core": "0.1.11"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",