@promptui-lib/codegen 0.1.9 → 0.1.10

package/dist/generators/fonts-generator.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Fonts Generator
+ * Gera arquivo SCSS com imports de Google Fonts
+ */
+/**
+ * Extrai nomes de fontes de um conteúdo SCSS
+ */
+export declare function extractFontsFromSCSS(scssContent: string): string[];
+/**
+ * Gera URL do Google Fonts para uma fonte
+ */
+export declare function getGoogleFontUrl(fontName: string): string | null;
+/**
+ * Gera conteúdo do arquivo _fonts.scss
+ */
+export declare function generateFontsScss(fonts: string[]): string;
+/**
+ * Verifica se uma fonte precisa de import (não é fonte de sistema)
+ */
+export declare function needsFontImport(fontName: string): boolean;
+/**
+ * Lista de fontes disponíveis no Google Fonts (para referência)
+ */
+export declare function getAvailableFonts(): string[];
+//# sourceMappingURL=fonts-generator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fonts-generator.d.ts","sourceRoot":"","sources":["../../src/generators/fonts-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAkEH;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAsBlE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAiBhE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAwBzD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,EAAE,CAE5C"}

package/dist/generators/fonts-generator.js

@@ -0,0 +1,142 @@
+/**
+ * Fonts Generator
+ * Gera arquivo SCSS com imports de Google Fonts
+ */
+// Mapeamento de fontes conhecidas para URLs do Google Fonts
+const GOOGLE_FONTS_MAP = {
+    'Manrope': 'https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap',
+    'Inter': 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Roboto': 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap',
+    'Open Sans': 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap',
+    'Lato': 'https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap',
+    'Poppins': 'https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Montserrat': 'https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Source Sans Pro': 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap',
+    'Oswald': 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap',
+    'Raleway': 'https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Nunito': 'https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap',
+    'Nunito Sans': 'https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700;800;900&display=swap',
+    'Work Sans': 'https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Fira Code': 'https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap',
+    'DM Sans': 'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap',
+    'Playfair Display': 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap',
+    'Ubuntu': 'https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap',
+    'Rubik': 'https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap',
+    'Quicksand': 'https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap',
+    'Karla': 'https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap',
+    'Mulish': 'https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap',
+    'Barlow': 'https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Josefin Sans': 'https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap',
+    'Space Grotesk': 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap',
+    'Plus Jakarta Sans': 'https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap',
+    'Sora': 'https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap',
+    'Lexend': 'https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Outfit': 'https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Figtree': 'https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap',
+    'Onest': 'https://fonts.googleapis.com/css2?family=Onest:wght@100;200;300;400;500;600;700;800;900&display=swap',
+    'Geist': 'https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap',
+};
+// Fontes de sistema (não precisam de import)
+const SYSTEM_FONTS = new Set([
+    'Arial',
+    'Helvetica',
+    'Helvetica Neue',
+    'Times New Roman',
+    'Times',
+    'Georgia',
+    'Courier New',
+    'Courier',
+    'Verdana',
+    'Tahoma',
+    'Trebuchet MS',
+    'Impact',
+    'Comic Sans MS',
+    'sans-serif',
+    'serif',
+    'monospace',
+    'cursive',
+    'fantasy',
+    '-apple-system',
+    'BlinkMacSystemFont',
+    'Segoe UI',
+    'system-ui',
+    'SF Pro',
+    'SF Pro Display',
+    'SF Pro Text',
+]);
+/**
+ * Extrai nomes de fontes de um conteúdo SCSS
+ */
+export function extractFontsFromSCSS(scssContent) {
+    const fonts = new Set();
+    // Regex para encontrar font-family: "FontName" ou font-family: FontName
+    const fontFamilyRegex = /font-family:\s*["']?([^"';,]+)["']?/gi;
+    let match;
+    while ((match = fontFamilyRegex.exec(scssContent)) !== null) {
+        const fontName = match[1].trim();
+        // Ignora variáveis SCSS ($font-family-xxx)
+        if (fontName.startsWith('$')) {
+            continue;
+        }
+        // Ignora fontes de sistema
+        if (!SYSTEM_FONTS.has(fontName)) {
+            fonts.add(fontName);
+        }
+    }
+    return Array.from(fonts);
+}
+/**
+ * Gera URL do Google Fonts para uma fonte
+ */
+export function getGoogleFontUrl(fontName) {
+    // Procura match exato
+    if (GOOGLE_FONTS_MAP[fontName]) {
+        return GOOGLE_FONTS_MAP[fontName];
+    }
+    // Procura match case-insensitive
+    const lowerFontName = fontName.toLowerCase();
+    for (const [name, url] of Object.entries(GOOGLE_FONTS_MAP)) {
+        if (name.toLowerCase() === lowerFontName) {
+            return url;
+        }
+    }
+    // Gera URL dinamicamente (pode não funcionar para todas as fontes)
+    const encodedName = fontName.replace(/\s+/g, '+');
+    return `https://fonts.googleapis.com/css2?family=${encodedName}:wght@300;400;500;600;700&display=swap`;
+}
+/**
+ * Gera conteúdo do arquivo _fonts.scss
+ */
+export function generateFontsScss(fonts) {
+    if (fonts.length === 0) {
+        return `// PromptUI - Font Imports
+// Auto-generated by PromptUI CLI
+// No custom fonts detected
+`;
+    }
+    const lines = [
+        '// PromptUI - Font Imports',
+        '// Auto-generated by PromptUI CLI',
+        '',
+    ];
+    for (const font of fonts) {
+        const url = getGoogleFontUrl(font);
+        if (url) {
+            lines.push(`@import url('${url}');`);
+        }
+    }
+    lines.push('');
+    return lines.join('\n');
+}
+/**
+ * Verifica se uma fonte precisa de import (não é fonte de sistema)
+ */
+export function needsFontImport(fontName) {
+    return !SYSTEM_FONTS.has(fontName);
+}
+/**
+ * Lista de fontes disponíveis no Google Fonts (para referência)
+ */
+export function getAvailableFonts() {
+    return Object.keys(GOOGLE_FONTS_MAP);
+}

package/dist/generators/index.d.ts

@@ -1,4 +1,5 @@
 export { generateTSX, generateIndex } from './tsx-generator.js';
 export { generateSCSS, generateFlatSCSS } from './scss-generator.js';
 export { generateDefaultVariables } from './variables-generator.js';
+export { generateFontsScss, extractFontsFromSCSS, getGoogleFontUrl, needsFontImport, getAvailableFonts, } from './fonts-generator.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,MAAM,sBAAsB,CAAC"}

package/dist/generators/index.js

@@ -1,3 +1,4 @@
 export { generateTSX, generateIndex } from './tsx-generator.js';
 export { generateSCSS, generateFlatSCSS } from './scss-generator.js';
 export { generateDefaultVariables } from './variables-generator.js';
+export { generateFontsScss, extractFontsFromSCSS, getGoogleFontUrl, needsFontImport, getAvailableFonts, } from './fonts-generator.js';

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

@@ -1 +1 @@
-{"version":3,"file":"variables-generator.d.ts","sourceRoot":"","sources":["../../src/generators/variables-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAuIjD"}
+{"version":3,"file":"variables-generator.d.ts","sourceRoot":"","sources":["../../src/generators/variables-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CA0IjD"}

package/dist/generators/variables-generator.js

@@ -10,6 +10,9 @@ export function generateDefaultVariables() {
 // Auto-generated by PromptUI CLI
 // Run 'promptui sync tokens' to update from Figma
 
+// Import fonts (if _fonts.scss exists)
+@import 'fonts';
+
 // =============================================================================
 // COLORS
 // =============================================================================

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;AAKxF,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;AA2BD;;GAEG;AACH,wBAAsB,cAAc,CAClC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,CAAC,CAyDvB;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;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"}

package/dist/writers/file-writer.js

@@ -2,11 +2,12 @@
  * File Writer
  * Escreve arquivos gerados no sistema de arquivos
  */
-import { mkdir, writeFile, access } from 'node:fs/promises';
+import { mkdir, writeFile, access, readFile } from 'node:fs/promises';
 import { join, dirname } from 'node:path';
 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';
 /**
  * Verifica se um arquivo existe
  */
@@ -53,7 +54,22 @@ async function ensureVariablesFile(basePath) {
     // Verifica se já existe
     const exists = await fileExists(variablesPath);
     if (exists) {
-        return null; // Já existe, não precisa criar
+        // Verifica se tem o import de fonts
+        try {
+            const content = await readFile(variablesPath, 'utf-8');
+            if (!content.includes("@import 'fonts'") && !content.includes('@import "fonts"')) {
+                // Adiciona o import de fonts no início
+                const updatedContent = content.replace(/(\/\/ PromptUI - Design Tokens.*?\n)/s, "$1\n// Import fonts\n@import 'fonts';\n");
+                if (updatedContent !== content) {
+                    await writeFile(variablesPath, updatedContent, 'utf-8');
+                    return variablesPath; // Foi atualizado
+                }
+            }
+        }
+        catch {
+            // Ignora erros de leitura
+        }
+        return null; // Já existe e está ok
     }
     try {
         await ensureDir(stylesDir);
@@ -64,6 +80,43 @@ async function ensureVariablesFile(basePath) {
         return null;
     }
 }
+/**
+ * Atualiza ou cria o arquivo de fontes baseado no SCSS gerado
+ */
+async function ensureFontsFile(basePath, scssContent) {
+    const parentDir = dirname(basePath);
+    const stylesDir = join(parentDir, 'styles');
+    const fontsPath = join(stylesDir, '_fonts.scss');
+    try {
+        // Extrai fontes do SCSS gerado
+        const newFonts = extractFontsFromSCSS(scssContent);
+        if (newFonts.length === 0) {
+            return null; // Sem fontes customizadas
+        }
+        // Lê fontes existentes (se houver)
+        let existingFonts = [];
+        const exists = await fileExists(fontsPath);
+        if (exists) {
+            const existingContent = await readFile(fontsPath, 'utf-8');
+            existingFonts = extractFontsFromSCSS(existingContent);
+        }
+        // Combina fontes existentes com novas (sem duplicatas)
+        const allFonts = [...new Set([...existingFonts, ...newFonts])];
+        // Gera novo conteúdo
+        const fontsContent = generateFontsScss(allFonts);
+        await ensureDir(stylesDir);
+        await writeFile(fontsPath, fontsContent, 'utf-8');
+        // Retorna path apenas se adicionou novas fontes
+        const addedFonts = newFonts.filter((f) => !existingFonts.includes(f));
+        if (addedFonts.length > 0) {
+            return fontsPath;
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
 /**
  * Escreve os arquivos do componente
  */
@@ -93,6 +146,11 @@ export async function writeComponent(ast, options) {
         if (variablesCreated) {
             console.log(`  📁 Created: ${variablesCreated}`);
         }
+        // Garante que o arquivo de fontes existe (com as fontes do componente)
+        const fontsCreated = await ensureFontsFile(options.basePath, code.scss);
+        if (fontsCreated) {
+            console.log(`  🔤 Created/Updated: ${fontsCreated}`);
+        }
         // Cria diretório
         await ensureDir(componentDir);
         // Escreve arquivos

package/package.json

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