@promptui-lib/cli 0.1.11 → 0.1.12

package/dist/commands/generate.cmd.d.ts

@@ -16,6 +16,10 @@ export declare function generateCommand(input: string, options: IGenerateOptions
 /**
  * Gera todos os componentes marcados com # no arquivo Figma
  * Se --all for passado, exporta todos os frames de nível superior
+ *
+ * A geração respeita a hierarquia:
+ * 1. Primeiro gera os componentes folha (sem # filhos)
+ * 2. Depois gera os componentes pai (que importam os filhos)
  */
 export declare function generateAllCommand(options: IGenerateOptions): Promise<void>;
 //# sourceMappingURL=generate.cmd.d.ts.map

package/dist/commands/generate.cmd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate.cmd.d.ts","sourceRoot":"","sources":["../../src/commands/generate.cmd.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAapF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA0ED,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,IAAI,CAAC,CAqJf;AAED;;;GAGG;AACH,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAkGjF"}
+{"version":3,"file":"generate.cmd.d.ts","sourceRoot":"","sources":["../../src/commands/generate.cmd.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAapF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA0ED,wBAAsB,eAAe,CACnC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,IAAI,CAAC,CAqJf;AAyBD;;;;;;;GAOG;AACH,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAiHjF"}

package/dist/commands/generate.cmd.js

@@ -185,9 +185,27 @@ export async function generateCommand(input, options) {
         process.exit(1);
     }
 }
+/**
+ * Verifica se um node tem filhos marcados com #
+ */
+function hasExportableChildren(node) {
+    if (!node.children)
+        return false;
+    for (const child of node.children) {
+        if (child.name.startsWith('#'))
+            return true;
+        if (hasExportableChildren(child))
+            return true;
+    }
+    return false;
+}
 /**
  * Gera todos os componentes marcados com # no arquivo Figma
  * Se --all for passado, exporta todos os frames de nível superior
+ *
+ * A geração respeita a hierarquia:
+ * 1. Primeiro gera os componentes folha (sem # filhos)
+ * 2. Depois gera os componentes pai (que importam os filhos)
  */
 export async function generateAllCommand(options) {
     const exportAll = options.all;
@@ -212,20 +230,20 @@ export async function generateAllCommand(options) {
     try {
         const client = createFigmaClient({ token: resolved.figmaToken });
         const file = await client.getFile(resolved.figmaFileId);
-        // Encontra todos os nodes exportáveis
+        // Encontra todos os nodes exportáveis com informação de profundidade
         const exportableNodes = [];
-        function findExportable(node, depth = 0) {
+        function findExportable(node, depth = 0, parentId) {
             // Se --all, exporta frames de nível superior (depth <= 2 = document > page > frame)
             // Se não, apenas os que começam com #
             const isTopLevelFrame = depth === 2 && (node.type === 'FRAME' || node.type === 'COMPONENT');
             const isMarkedForExport = node.name.startsWith('#');
             if (exportAll ? isTopLevelFrame : isMarkedForExport) {
-                exportableNodes.push(node);
+                exportableNodes.push({ node, depth, parentId });
             }
             // Continua buscando em profundidade (para encontrar # em qualquer nível)
             if (node.children) {
                 for (const child of node.children) {
-                    findExportable(child, depth + 1);
+                    findExportable(child, depth + 1, isMarkedForExport ? node.id : parentId);
                 }
             }
         }
@@ -243,9 +261,18 @@ export async function generateAllCommand(options) {
             }
             return;
         }
+        // Ordena por profundidade decrescente (folhas primeiro, pais depois)
+        // Isso garante que componentes filhos sejam gerados antes dos pais
+        exportableNodes.sort((a, b) => b.depth - a.depth);
+        console.log('[PromptUI] Generation order (leaves first):');
+        for (const { node } of exportableNodes) {
+            const hasChildren = hasExportableChildren(node);
+            console.log(`  ${hasChildren ? '📦' : '🍃'} ${node.name}`);
+        }
+        console.log('');
         let successCount = 0;
         let errorCount = 0;
-        for (const node of exportableNodes) {
+        for (const { node } of exportableNodes) {
             try {
                 const ast = parseNode(node, { forceLayer: options.layer });
                 const basePath = options.output ?? resolved.outputBasePath;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptui-lib/cli",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "private": false,
   "description": "CLI for PromptUI - Figma to React code generator",
   "license": "UNLICENSED",
@@ -45,10 +45,10 @@
     "bin"
   ],
   "dependencies": {
-    "@promptui-lib/core": "0.1.11",
-    "@promptui-lib/figma-parser": "0.1.11",
-    "@promptui-lib/codegen": "0.1.11",
-    "@promptui-lib/mcp-agent": "0.1.11"
+    "@promptui-lib/core": "0.1.12",
+    "@promptui-lib/figma-parser": "0.1.12",
+    "@promptui-lib/codegen": "0.1.12",
+    "@promptui-lib/mcp-agent": "0.1.12"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",