@promptui-lib/codegen 0.1.19 → 0.1.22

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,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"}
+{"version":3,"file":"antd.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/antd.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAA6E,MAAM,oBAAoB,CAAC;AAqNnI;;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

@@ -96,6 +96,12 @@ function isComponentNode(child) {
 function isJSXNode(child) {
     return 'tag' in child;
 }
+/**
+ * Check if a child is an asset node
+ */
+function isAssetNode(child) {
+    return 'type' in child && child.type === 'asset';
+}
 /**
  * Collect all imports needed for the component
  */
@@ -162,6 +168,13 @@ function generateJSX(node, indent = 2) {
                 // Render child component as <ComponentName />
                 return `${spaces}  <${child.componentName} />`;
             }
+            if (isAssetNode(child)) {
+                // Render asset as <img /> with placeholder src
+                const classAttrAsset = child.className ? ` className="${child.className}"` : '';
+                const widthAttr = child.width ? ` width={${Math.round(child.width)}}` : '';
+                const heightAttr = child.height ? ` height={${Math.round(child.height)}}` : '';
+                return `${spaces}  <img src="${child.fileName}.${child.format}" alt="${child.alt ?? ''}"${widthAttr}${heightAttr}${classAttrAsset} />`;
+            }
             if (isJSXNode(child)) {
                 return generateJSX(child, indent + 2);
             }

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

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/bootstrap.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,oBAAoB,CAAC;AA2RlF;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAkDrE"}
+{"version":3,"file":"bootstrap.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/bootstrap.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAgE,MAAM,oBAAoB,CAAC;AA6TtH;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAkDrE"}

package/dist/frameworks/bootstrap.template.js

@@ -213,6 +213,30 @@ function generateBootstrapClasses(styles) {
     }
     return classes;
 }
+/**
+ * Check if a child is a text node
+ */
+function isTextNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'text';
+}
+/**
+ * Check if a child is a component node
+ */
+function isComponentNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'component';
+}
+/**
+ * Check if a child is an asset node
+ */
+function isAssetNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'asset';
+}
+/**
+ * Check if a child is a JSX node
+ */
+function isJSXNode(child) {
+    return typeof child === 'object' && child !== null && 'tag' in child;
+}
 /**
  * Gera JSX com classes Bootstrap
  */
@@ -238,11 +262,19 @@ function generateBootstrapJSX(node, styles, indent = 2) {
     }
     const childrenContent = [];
     for (const child of node.children) {
-        if (typeof child === 'string' || (typeof child === 'object' && 'type' in child && child.type === 'text')) {
-            const text = typeof child === 'string' ? child : child.value;
-            childrenContent.push(`${spaces}  {children ?? '${text}'}`);
+        if (isTextNode(child)) {
+            childrenContent.push(`${spaces}  {children ?? '${child.value}'}`);
+        }
+        else if (isComponentNode(child)) {
+            childrenContent.push(`${spaces}  <${child.componentName} />`);
+        }
+        else if (isAssetNode(child)) {
+            const classAttrAsset = child.className ? ` className="${child.className}"` : '';
+            const widthAttr = child.width ? ` width={${Math.round(child.width)}}` : '';
+            const heightAttr = child.height ? ` height={${Math.round(child.height)}}` : '';
+            childrenContent.push(`${spaces}  <img src="${child.fileName}.${child.format}" alt="${child.alt ?? ''}"${widthAttr}${heightAttr}${classAttrAsset} />`);
         }
-        else {
+        else if (isJSXNode(child)) {
             childrenContent.push(generateBootstrapJSX(child, styles, indent + 2));
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"mui.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/mui.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,oBAAoB,CAAC;AA2RlF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAgE/D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAwB5D"}
+{"version":3,"file":"mui.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/mui.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAgE,MAAM,oBAAoB,CAAC;AA6TtH;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAgE/D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAwB5D"}

package/dist/frameworks/mui.template.js

@@ -189,6 +189,30 @@ function getMuiProps(node, componentType) {
     }
     return props;
 }
+/**
+ * Check if a child is a text node
+ */
+function isTextNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'text';
+}
+/**
+ * Check if a child is a component node
+ */
+function isComponentNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'component';
+}
+/**
+ * Check if a child is an asset node
+ */
+function isAssetNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'asset';
+}
+/**
+ * Check if a child is a JSX node
+ */
+function isJSXNode(child) {
+    return typeof child === 'object' && child !== null && 'tag' in child;
+}
 /**
  * Gera JSX com componentes MUI
  */
@@ -215,11 +239,19 @@ function generateMuiJSX(node, styles, indent = 2) {
     }
     const childrenContent = [];
     for (const child of node.children) {
-        if (typeof child === 'string' || (typeof child === 'object' && 'type' in child && child.type === 'text')) {
-            const text = typeof child === 'string' ? child : child.value;
-            childrenContent.push(`${spaces}  {children ?? '${text}'}`);
+        if (isTextNode(child)) {
+            childrenContent.push(`${spaces}  {children ?? '${child.value}'}`);
         }
-        else {
+        else if (isComponentNode(child)) {
+            childrenContent.push(`${spaces}  <${child.componentName} />`);
+        }
+        else if (isAssetNode(child)) {
+            const classAttrAsset = child.className ? ` className="${child.className}"` : '';
+            const widthAttr = child.width ? ` width={${Math.round(child.width)}}` : '';
+            const heightAttr = child.height ? ` height={${Math.round(child.height)}}` : '';
+            childrenContent.push(`${spaces}  <img src="${child.fileName}.${child.format}" alt="${child.alt ?? ''}"${widthAttr}${heightAttr}${classAttrAsset} />`);
+        }
+        else if (isJSXNode(child)) {
             childrenContent.push(generateMuiJSX(child, styles, indent + 2));
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"tailwind.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/tailwind.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAuMlF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAY1E;AAuDD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAsCpE"}
+{"version":3,"file":"tailwind.template.d.ts","sourceRoot":"","sources":["../../src/frameworks/tailwind.template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAY,cAAc,EAAsC,MAAM,oBAAoB,CAAC;AAuMtH;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAY1E;AAyFD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAsCpE"}

package/dist/frameworks/tailwind.template.js

@@ -204,6 +204,30 @@ export function generateTailwindClasses(styles) {
     }
     return classes;
 }
+/**
+ * Check if a child is a text node
+ */
+function isTextNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'text';
+}
+/**
+ * Check if a child is a component node
+ */
+function isComponentNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'component';
+}
+/**
+ * Check if a child is an asset node
+ */
+function isAssetNode(child) {
+    return typeof child === 'object' && child !== null && 'type' in child && child.type === 'asset';
+}
+/**
+ * Check if a child is a JSX node
+ */
+function isJSXNode(child) {
+    return typeof child === 'object' && child !== null && 'tag' in child;
+}
 /**
  * Gera JSX com classes Tailwind
  */
@@ -229,11 +253,19 @@ function generateTailwindJSX(node, styles, indent = 2) {
     }
     const childrenContent = [];
     for (const child of node.children) {
-        if (typeof child === 'string' || (typeof child === 'object' && 'type' in child && child.type === 'text')) {
-            const text = typeof child === 'string' ? child : child.value;
-            childrenContent.push(`${spaces}  {children ?? '${text}'}`);
+        if (isTextNode(child)) {
+            childrenContent.push(`${spaces}  {children ?? '${child.value}'}`);
+        }
+        else if (isComponentNode(child)) {
+            childrenContent.push(`${spaces}  <${child.componentName} />`);
+        }
+        else if (isAssetNode(child)) {
+            const classAttrAsset = child.className ? ` className="${child.className}"` : '';
+            const widthAttr = child.width ? ` width={${Math.round(child.width)}}` : '';
+            const heightAttr = child.height ? ` height={${Math.round(child.height)}}` : '';
+            childrenContent.push(`${spaces}  <img src="${child.fileName}.${child.format}" alt="${child.alt ?? ''}"${widthAttr}${heightAttr}${classAttrAsset} />`);
         }
-        else {
+        else if (isJSXNode(child)) {
             childrenContent.push(generateTailwindJSX(child, styles, 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,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"}
+{"version":3,"file":"tsx-generator.d.ts","sourceRoot":"","sources":["../../src/generators/tsx-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,aAAa,EASd,MAAM,oBAAoB,CAAC;AA4T5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAuCtD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAUxD"}

package/dist/generators/tsx-generator.js

@@ -18,6 +18,71 @@ function collectChildComponents(node) {
     }
     return components;
 }
+/**
+ * Coleta todos os assets de uma árvore JSX recursivamente
+ */
+function collectAssets(node) {
+    const assets = [];
+    for (const child of node.children) {
+        if ('type' in child && child.type === 'asset') {
+            assets.push(child);
+        }
+        else if ('tag' in child) {
+            // Recursivamente busca em nós JSX
+            assets.push(...collectAssets(child));
+        }
+    }
+    return assets;
+}
+/**
+ * Gera imports de assets (SVGs)
+ */
+function generateAssetImports(assets) {
+    const imports = [];
+    const seen = new Set();
+    for (const asset of assets) {
+        // Evita duplicatas
+        if (seen.has(asset.fileName)) {
+            continue;
+        }
+        seen.add(asset.fileName);
+        // Gera nome de variável para o import (PascalCase + Icon)
+        const importName = asset.fileName
+            .split('-')
+            .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+            .join('') + 'Svg';
+        imports.push({
+            from: `./assets/${asset.fileName}.svg`,
+            default: importName,
+        });
+    }
+    return imports;
+}
+/**
+ * Gera JSX de um asset (SVG como img)
+ */
+function generateAssetJSX(asset, indent) {
+    const spaces = ' '.repeat(indent);
+    // Gera nome de variável para o import
+    const importName = asset.fileName
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('') + 'Svg';
+    let jsx = `${spaces}<img`;
+    jsx += ` src={${importName}}`;
+    jsx += ` alt="${asset.alt ?? ''}"`;
+    if (asset.className) {
+        jsx += ` className="${asset.className}"`;
+    }
+    if (asset.width) {
+        jsx += ` width={${Math.round(asset.width)}}`;
+    }
+    if (asset.height) {
+        jsx += ` height={${Math.round(asset.height)}}`;
+    }
+    jsx += ' />';
+    return jsx;
+}
 /**
  * Calcula o caminho relativo de import entre duas camadas do Atomic Design
  */
@@ -188,6 +253,10 @@ function generateJSX(node, indent = 2) {
                 // Renderiza componente filho como <ComponentName />
                 childrenJSX.push(generateComponentJSX(child, indent + 2));
             }
+            else if ('type' in child && child.type === 'asset') {
+                // Renderiza asset como <img src={importedSvg} />
+                childrenJSX.push(generateAssetJSX(child, indent + 2));
+            }
             else {
                 childrenJSX.push(generateJSX(child, indent + 2));
             }
@@ -205,8 +274,11 @@ export function generateTSX(ast) {
     // 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];
+    // Coleta assets para gerar imports de SVGs
+    const assets = collectAssets(ast.jsx);
+    const assetImports = generateAssetImports(assets);
+    // Combina imports existentes com imports de componentes e assets
+    const allImports = [...(ast.imports ?? []), ...componentImports, ...assetImports];
     // Imports
     const importsCode = generateImports(allImports);
     if (importsCode) {

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.19",
+  "version": "0.1.22",
   "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.19"
+    "@promptui-lib/core": "0.1.22"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",