@promptui-lib/codegen 0.1.20 → 0.1.23

package/dist/writers/asset-writer.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Asset Writer
+ * Baixa e salva assets (SVG, PNG, etc) do Figma
+ */
+import type { IComponentAST, IJSXNode, IJSXAsset } from '@promptui-lib/core';
+export interface IAssetDownloadConfig {
+    figmaFileId: string;
+    figmaToken: string;
+}
+export interface IAssetWriteResult {
+    success: boolean;
+    files: string[];
+    errors?: string[];
+}
+/**
+ * Coleta todos os assets de uma árvore JSX recursivamente
+ */
+export declare function collectAssetsFromAST(node: IJSXNode): IJSXAsset[];
+/**
+ * Coleta assets de múltiplos ASTs
+ */
+export declare function collectAllAssets(asts: IComponentAST[]): IJSXAsset[];
+/**
+ * Baixa e salva assets do Figma
+ */
+export declare function writeAssets(assets: IJSXAsset[], assetsDir: string, config: IAssetDownloadConfig): Promise<IAssetWriteResult>;
+//# sourceMappingURL=asset-writer.d.ts.map

package/dist/writers/asset-writer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-writer.d.ts","sourceRoot":"","sources":["../../src/writers/asset-writer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE,CAYhE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAgBnE;AA2DD;;GAEG;AACH,wBAAsB,WAAW,CAC/B,MAAM,EAAE,SAAS,EAAE,EACnB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,oBAAoB,GAC3B,OAAO,CAAC,iBAAiB,CAAC,CA2J5B"}

package/dist/writers/asset-writer.js

@@ -0,0 +1,216 @@
+/**
+ * Asset Writer
+ * Baixa e salva assets (SVG, PNG, etc) do Figma
+ */
+import { mkdir, writeFile, access } from 'node:fs/promises';
+import { join } from 'node:path';
+/**
+ * Coleta todos os assets de uma árvore JSX recursivamente
+ */
+export function collectAssetsFromAST(node) {
+    const assets = [];
+    for (const child of node.children) {
+        if ('type' in child && child.type === 'asset') {
+            assets.push(child);
+        }
+        else if ('tag' in child) {
+            assets.push(...collectAssetsFromAST(child));
+        }
+    }
+    return assets;
+}
+/**
+ * Coleta assets de múltiplos ASTs
+ */
+export function collectAllAssets(asts) {
+    const assets = [];
+    const seenIds = new Set();
+    for (const ast of asts) {
+        const astAssets = collectAssetsFromAST(ast.jsx);
+        for (const asset of astAssets) {
+            // Evita duplicatas pelo nodeId
+            if (!seenIds.has(asset.nodeId)) {
+                seenIds.add(asset.nodeId);
+                assets.push(asset);
+            }
+        }
+    }
+    return assets;
+}
+/**
+ * Verifica se um arquivo existe
+ */
+async function fileExists(path) {
+    try {
+        await access(path);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Garante que o diretório existe
+ */
+async function ensureDir(path) {
+    await mkdir(path, { recursive: true });
+}
+/**
+ * Baixa URLs de imagens do Figma
+ */
+async function getImageUrls(fileId, nodeIds, token, format = 'svg') {
+    const ids = nodeIds.join(',');
+    const url = `https://api.figma.com/v1/images/${fileId}?ids=${encodeURIComponent(ids)}&format=${format}`;
+    const response = await fetch(url, {
+        headers: {
+            'X-Figma-Token': token,
+        },
+    });
+    if (!response.ok) {
+        const error = await response.text();
+        throw new Error(`Figma API error: ${response.status} - ${error}`);
+    }
+    const data = (await response.json());
+    return data.images;
+}
+/**
+ * Baixa conteúdo de uma URL
+ */
+async function downloadContent(url) {
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to download: ${response.status}`);
+    }
+    return response.text();
+}
+/**
+ * Baixa e salva assets do Figma
+ */
+export async function writeAssets(assets, assetsDir, config) {
+    const result = {
+        success: true,
+        files: [],
+        errors: [],
+    };
+    if (assets.length === 0) {
+        return result;
+    }
+    try {
+        await ensureDir(assetsDir);
+        // Agrupa assets por formato
+        const svgAssets = assets.filter((a) => a.format === 'svg');
+        const pngAssets = assets.filter((a) => a.format === 'png');
+        const jpgAssets = assets.filter((a) => a.format === 'jpg');
+        // Baixa SVGs
+        if (svgAssets.length > 0) {
+            const nodeIds = svgAssets.map((a) => a.nodeId);
+            try {
+                const imageUrls = await getImageUrls(config.figmaFileId, nodeIds, config.figmaToken, 'svg');
+                for (const asset of svgAssets) {
+                    const imageUrl = imageUrls[asset.nodeId];
+                    if (!imageUrl) {
+                        result.errors?.push(`No image URL returned for asset: ${asset.fileName}`);
+                        continue;
+                    }
+                    try {
+                        const svgContent = await downloadContent(imageUrl);
+                        const filePath = join(assetsDir, `${asset.fileName}.svg`);
+                        // Só escreve se não existir ou conteúdo diferente
+                        const exists = await fileExists(filePath);
+                        if (!exists) {
+                            await writeFile(filePath, svgContent, 'utf-8');
+                            result.files.push(filePath);
+                        }
+                    }
+                    catch (error) {
+                        const msg = error instanceof Error ? error.message : 'Unknown error';
+                        result.errors?.push(`Failed to download ${asset.fileName}: ${msg}`);
+                    }
+                }
+            }
+            catch (error) {
+                const msg = error instanceof Error ? error.message : 'Unknown error';
+                result.errors?.push(`Failed to get SVG URLs: ${msg}`);
+            }
+        }
+        // Baixa PNGs
+        if (pngAssets.length > 0) {
+            const nodeIds = pngAssets.map((a) => a.nodeId);
+            try {
+                const imageUrls = await getImageUrls(config.figmaFileId, nodeIds, config.figmaToken, 'png');
+                for (const asset of pngAssets) {
+                    const imageUrl = imageUrls[asset.nodeId];
+                    if (!imageUrl) {
+                        result.errors?.push(`No image URL returned for asset: ${asset.fileName}`);
+                        continue;
+                    }
+                    try {
+                        const response = await fetch(imageUrl);
+                        if (!response.ok) {
+                            throw new Error(`HTTP ${response.status}`);
+                        }
+                        const buffer = await response.arrayBuffer();
+                        const filePath = join(assetsDir, `${asset.fileName}.png`);
+                        const exists = await fileExists(filePath);
+                        if (!exists) {
+                            await writeFile(filePath, Buffer.from(buffer));
+                            result.files.push(filePath);
+                        }
+                    }
+                    catch (error) {
+                        const msg = error instanceof Error ? error.message : 'Unknown error';
+                        result.errors?.push(`Failed to download ${asset.fileName}: ${msg}`);
+                    }
+                }
+            }
+            catch (error) {
+                const msg = error instanceof Error ? error.message : 'Unknown error';
+                result.errors?.push(`Failed to get PNG URLs: ${msg}`);
+            }
+        }
+        // Baixa JPGs
+        if (jpgAssets.length > 0) {
+            const nodeIds = jpgAssets.map((a) => a.nodeId);
+            try {
+                const imageUrls = await getImageUrls(config.figmaFileId, nodeIds, config.figmaToken, 'jpg');
+                for (const asset of jpgAssets) {
+                    const imageUrl = imageUrls[asset.nodeId];
+                    if (!imageUrl) {
+                        result.errors?.push(`No image URL returned for asset: ${asset.fileName}`);
+                        continue;
+                    }
+                    try {
+                        const response = await fetch(imageUrl);
+                        if (!response.ok) {
+                            throw new Error(`HTTP ${response.status}`);
+                        }
+                        const buffer = await response.arrayBuffer();
+                        const filePath = join(assetsDir, `${asset.fileName}.jpg`);
+                        const exists = await fileExists(filePath);
+                        if (!exists) {
+                            await writeFile(filePath, Buffer.from(buffer));
+                            result.files.push(filePath);
+                        }
+                    }
+                    catch (error) {
+                        const msg = error instanceof Error ? error.message : 'Unknown error';
+                        result.errors?.push(`Failed to download ${asset.fileName}: ${msg}`);
+                    }
+                }
+            }
+            catch (error) {
+                const msg = error instanceof Error ? error.message : 'Unknown error';
+                result.errors?.push(`Failed to get JPG URLs: ${msg}`);
+            }
+        }
+        if (result.errors && result.errors.length > 0) {
+            result.success = false;
+        }
+    }
+    catch (error) {
+        const msg = error instanceof Error ? error.message : 'Unknown error';
+        result.success = false;
+        result.errors?.push(`Failed to write assets: ${msg}`);
+    }
+    return result;
+}

package/dist/writers/file-writer.d.ts

@@ -3,9 +3,12 @@
  * Escreve arquivos gerados no sistema de arquivos
  */
 import type { IComponentAST, IGeneratedCode, ComponentLayer } from '@promptui-lib/core';
+import { type IAssetDownloadConfig } from './asset-writer.js';
 export interface IWriteOptions {
     basePath: string;
     forceOverwrite?: boolean;
+    /** Configuração para download de assets do Figma */
+    assetConfig?: IAssetDownloadConfig;
 }
 export interface IWriteResult {
     success: boolean;

package/dist/writers/file-writer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-writer.d.ts","sourceRoot":"","sources":["../../src/writers/file-writer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMxF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAqBD;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,aAAa,GAAG,cAAc,CAM/D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAyFD;;GAEG;AACH,wBAAsB,cAAc,CAClC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,CAAC,CA+DvB;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,aAAa,EAAE,EACrB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,EAAE,CAAC,CASzB"}
+{"version":3,"file":"file-writer.d.ts","sourceRoot":"","sources":["../../src/writers/file-writer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKxF,OAAO,EAAiC,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE7F,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAqBD;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,aAAa,GAAG,cAAc,CAM/D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAyFD;;GAEG;AACH,wBAAsB,cAAc,CAClC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,CAAC,CAwFvB;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,IAAI,EAAE,aAAa,EAAE,EACrB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,EAAE,CAAC,CAsCzB"}

package/dist/writers/file-writer.js

@@ -8,6 +8,7 @@ import { generateTSX, generateIndex } from '../generators/tsx-generator.js';
 import { generateSCSS } from '../generators/scss-generator.js';
 import { generateDefaultVariables } from '../generators/variables-generator.js';
 import { extractFontsFromSCSS, generateFontsScss } from '../generators/fonts-generator.js';
+import { collectAllAssets, writeAssets } from './asset-writer.js';
 /**
  * Verifica se um arquivo existe
  */
@@ -157,6 +158,25 @@ export async function writeComponent(ast, options) {
         await writeFile(tsxPath, code.tsx, 'utf-8');
         await writeFile(scssPath, code.scss, 'utf-8');
         await writeFile(indexPath, code.index, 'utf-8');
+        // Baixa e salva assets se configuração disponível
+        if (options.assetConfig) {
+            const assets = collectAllAssets([ast]);
+            if (assets.length > 0) {
+                console.log(`\n📦 Downloading ${assets.length} asset(s)...`);
+                // Pasta de assets fica na raiz do projeto (irmã de components)
+                const parentDir = dirname(options.basePath);
+                const assetsDir = join(parentDir, 'assets');
+                const assetResult = await writeAssets(assets, assetsDir, options.assetConfig);
+                if (assetResult.files.length > 0) {
+                    console.log(`  ✅ Downloaded ${assetResult.files.length} asset(s) to ${assetsDir}`);
+                }
+                if (assetResult.errors && assetResult.errors.length > 0) {
+                    for (const error of assetResult.errors) {
+                        errors.push(`Asset error: ${error}`);
+                    }
+                }
+            }
+        }
         return {
             success: true,
             files: {
@@ -185,5 +205,28 @@ export async function writeComponents(asts, options) {
         const result = await writeComponent(ast, options);
         results.push(result);
     }
+    // Baixa e salva assets se configuração disponível
+    if (options.assetConfig) {
+        const assets = collectAllAssets(asts);
+        if (assets.length > 0) {
+            console.log(`\n📦 Downloading ${assets.length} asset(s)...`);
+            // Pasta de assets fica na raiz do projeto (irmã de components)
+            const parentDir = dirname(options.basePath);
+            const assetsDir = join(parentDir, 'assets');
+            const assetResult = await writeAssets(assets, assetsDir, options.assetConfig);
+            if (assetResult.files.length > 0) {
+                console.log(`  ✅ Downloaded ${assetResult.files.length} asset(s) to ${assetsDir}`);
+                for (const file of assetResult.files) {
+                    console.log(`     📄 ${file}`);
+                }
+            }
+            if (assetResult.errors && assetResult.errors.length > 0) {
+                console.log(`  ⚠️  Some assets failed to download:`);
+                for (const error of assetResult.errors) {
+                    console.log(`     ❌ ${error}`);
+                }
+            }
+        }
+    }
     return results;
 }

package/dist/writers/index.d.ts

@@ -1,3 +1,5 @@
 export { writeComponent, writeComponents, generateCode, getOutputPath, } from './file-writer.js';
 export type { IWriteOptions, IWriteResult } from './file-writer.js';
+export { writeAssets, collectAllAssets, collectAssetsFromAST, } from './asset-writer.js';
+export type { IAssetDownloadConfig, IAssetWriteResult } from './asset-writer.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/writers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/writers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/writers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/writers/index.js

@@ -1 +1,2 @@
 export { writeComponent, writeComponents, generateCode, getOutputPath, } from './file-writer.js';
+export { writeAssets, collectAllAssets, collectAssetsFromAST, } from './asset-writer.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptui-lib/codegen",
-  "version": "0.1.20",
+  "version": "0.1.23",
   "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.20"
+    "@promptui-lib/core": "0.1.23"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",