@promptui-lib/codegen 0.1.0

package/dist/generators/scss-generator.js

@@ -0,0 +1,116 @@
+/**
+ * SCSS Generator
+ * Gera código SCSS com metodologia BEM a partir do AST
+ */
+/**
+ * Gera uma propriedade CSS
+ */
+function generateProperty(prop, indent = 2) {
+    const spaces = ' '.repeat(indent);
+    const comment = prop.comment ? ` // ${prop.comment}` : '';
+    return `${spaces}${prop.property}: ${prop.value};${comment}`;
+}
+/**
+ * Gera um bloco de estilo
+ */
+function generateStyleBlock(block, indent = 0) {
+    const spaces = ' '.repeat(indent);
+    const lines = [];
+    lines.push(`${spaces}${block.selector} {`);
+    for (const prop of block.properties) {
+        lines.push(generateProperty(prop, indent + 2));
+    }
+    // Blocos aninhados
+    if (block.nested) {
+        lines.push('');
+        for (const nested of block.nested) {
+            lines.push(generateStyleBlock(nested, indent + 2));
+        }
+    }
+    lines.push(`${spaces}}`);
+    return lines.join('\n');
+}
+/**
+ * Agrupa estilos por bloco BEM
+ */
+function groupStylesByBlock(styles, blockName) {
+    const rootSelector = `.${blockName}`;
+    const root = styles.find((s) => s.selector === rootSelector) ?? null;
+    const elements = styles.filter((s) => s.selector.includes('__') && !s.selector.includes('--'));
+    const modifiers = styles.filter((s) => s.selector.includes('--'));
+    return { root, elements, modifiers };
+}
+/**
+ * Gera SCSS com estrutura BEM aninhada
+ */
+function generateBEMStructure(styles, blockName) {
+    const { root, elements, modifiers } = groupStylesByBlock(styles, blockName);
+    const lines = [];
+    // Bloco principal
+    lines.push(`.${blockName} {`);
+    // Propriedades do root
+    if (root) {
+        for (const prop of root.properties) {
+            lines.push(generateProperty(prop));
+        }
+    }
+    // Elementos (__element)
+    if (elements.length > 0) {
+        lines.push('');
+        lines.push('  // Elements');
+        for (const element of elements) {
+            const elementName = element.selector.replace(`.${blockName}__`, '');
+            lines.push('');
+            lines.push(`  &__${elementName} {`);
+            for (const prop of element.properties) {
+                lines.push(generateProperty(prop, 4));
+            }
+            lines.push('  }');
+        }
+    }
+    // Modificadores (--modifier)
+    if (modifiers.length > 0) {
+        lines.push('');
+        lines.push('  // Modifiers');
+        for (const modifier of modifiers) {
+            const modifierName = modifier.selector.split('--')[1];
+            lines.push('');
+            lines.push(`  &--${modifierName} {`);
+            for (const prop of modifier.properties) {
+                lines.push(generateProperty(prop, 4));
+            }
+            lines.push('  }');
+        }
+    }
+    lines.push('}');
+    return lines.join('\n');
+}
+/**
+ * Gera código SCSS completo
+ */
+export function generateSCSS(ast) {
+    const lines = [];
+    // Import de variáveis
+    lines.push("@use '@styles/variables' as *;");
+    lines.push('');
+    // Gera estrutura BEM
+    const blockName = ast.fileName;
+    const bemCode = generateBEMStructure(ast.styles, blockName);
+    lines.push(bemCode);
+    return lines.join('\n');
+}
+/**
+ * Gera SCSS simples (não aninhado)
+ */
+export function generateFlatSCSS(ast) {
+    const lines = [];
+    // Import de variáveis
+    lines.push("@use '@styles/variables' as *;");
+    lines.push('');
+    // Blocos individuais
+    for (const block of ast.styles) {
+        lines.push(generateStyleBlock(block));
+        lines.push('');
+    }
+    return lines.join('\n').trim();
+}

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

@@ -0,0 +1,14 @@
+/**
+ * TSX Generator
+ * Gera código TypeScript/JSX a partir do AST do componente
+ */
+import type { IComponentAST } from '@promptui-lib/core';
+/**
+ * Gera código TSX completo do componente
+ */
+export declare function generateTSX(ast: IComponentAST): string;
+/**
+ * Gera código do index.ts (barrel export)
+ */
+export declare function generateIndex(ast: IComponentAST): string;
+//# sourceMappingURL=tsx-generator.d.ts.map

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

@@ -0,0 +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"}

package/dist/generators/tsx-generator.js

@@ -0,0 +1,152 @@
+/**
+ * TSX Generator
+ * Gera código TypeScript/JSX a partir do AST do componente
+ */
+/**
+ * Gera string de imports
+ */
+function generateImports(imports) {
+    const lines = [];
+    for (const imp of imports) {
+        if (imp.typeOnly && imp.named && imp.named.length > 0) {
+            lines.push(`import type { ${imp.named.join(', ')} } from '${imp.from}';`);
+        }
+        else if (imp.named && imp.named.length > 0) {
+            lines.push(`import { ${imp.named.join(', ')} } from '${imp.from}';`);
+        }
+        else if (imp.default) {
+            lines.push(`import ${imp.default} from '${imp.from}';`);
+        }
+        else if (imp.from.endsWith('.scss') || imp.from.endsWith('.css')) {
+            lines.push(`import '${imp.from}';`);
+        }
+    }
+    return lines.join('\n');
+}
+/**
+ * Gera interface de props
+ */
+function generatePropsInterface(componentName, props) {
+    if (props.length === 0) {
+        return '';
+    }
+    const lines = [];
+    lines.push(`export interface I${componentName}Props {`);
+    for (const prop of props) {
+        const optional = prop.required ? '' : '?';
+        const comment = prop.description ? `  /** ${prop.description} */\n` : '';
+        lines.push(`${comment}  ${prop.name}${optional}: ${prop.type};`);
+    }
+    lines.push('}');
+    return lines.join('\n');
+}
+/**
+ * Gera parâmetros de destructuring das props
+ */
+function generatePropsDestructuring(props) {
+    if (props.length === 0) {
+        return '';
+    }
+    const parts = props.map((prop) => {
+        if (prop.defaultValue !== undefined) {
+            return `${prop.name} = ${prop.defaultValue}`;
+        }
+        return prop.name;
+    });
+    return `{\n  ${parts.join(',\n  ')},\n}`;
+}
+/**
+ * Gera JSX de um node
+ */
+function generateJSX(node, indent = 2) {
+    const spaces = ' '.repeat(indent);
+    const childSpaces = ' '.repeat(indent + 2);
+    // Tag de abertura
+    let jsx = `${spaces}<${node.tag}`;
+    // ClassName
+    if (node.className) {
+        jsx += ` className="${node.className}"`;
+    }
+    // Outras props
+    for (const [key, value] of Object.entries(node.props)) {
+        if (typeof value === 'boolean') {
+            jsx += value ? ` ${key}` : '';
+        }
+        else if (typeof value === 'object' && value.type === 'expression') {
+            jsx += ` ${key}={${value.value}}`;
+        }
+        else {
+            jsx += ` ${key}="${value}"`;
+        }
+    }
+    // Self-closing
+    if (node.selfClosing) {
+        jsx += ' />';
+        return jsx;
+    }
+    jsx += '>';
+    // Filhos
+    if (node.children.length > 0) {
+        const childrenJSX = [];
+        for (const child of node.children) {
+            if ('type' in child && child.type === 'text') {
+                const text = child.value;
+                // Se é o único filho, não precisa de nova linha
+                if (node.children.length === 1) {
+                    jsx += text;
+                    jsx += `</${node.tag}>`;
+                    return jsx;
+                }
+                childrenJSX.push(`${childSpaces}{/* ${text} */}`);
+                childrenJSX.push(`${childSpaces}{children}`);
+            }
+            else if ('type' in child && child.type === 'expression') {
+                childrenJSX.push(`${childSpaces}{${child.value}}`);
+            }
+            else {
+                childrenJSX.push(generateJSX(child, indent + 2));
+            }
+        }
+        jsx += '\n' + childrenJSX.join('\n') + '\n' + spaces;
+    }
+    jsx += `</${node.tag}>`;
+    return jsx;
+}
+/**
+ * Gera código TSX completo do componente
+ */
+export function generateTSX(ast) {
+    const lines = [];
+    // Imports
+    const importsCode = generateImports(ast.imports ?? []);
+    if (importsCode) {
+        lines.push(importsCode);
+        lines.push('');
+    }
+    // Interface de props
+    const propsInterface = generatePropsInterface(ast.name, ast.props);
+    if (propsInterface) {
+        lines.push(propsInterface);
+        lines.push('');
+    }
+    // Componente
+    const propsType = ast.props.length > 0 ? `I${ast.name}Props` : '';
+    const propsDestructuring = generatePropsDestructuring(ast.props);
+    lines.push(`export const ${ast.name} = (${propsDestructuring ? `${propsDestructuring}: ${propsType}` : ''}) => {`);
+    lines.push('  return (');
+    lines.push(generateJSX(ast.jsx));
+    lines.push('  );');
+    lines.push('};');
+    return lines.join('\n');
+}
+/**
+ * Gera código do index.ts (barrel export)
+ */
+export function generateIndex(ast) {
+    const lines = [];
+    lines.push(`export { ${ast.name} } from './${ast.fileName}';`);
+    if (ast.props.length > 0) {
+        lines.push(`export type { I${ast.name}Props } from './${ast.fileName}';`);
+    }
+    return lines.join('\n');
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @promptui-lib/codegen
+ * Code generator for PromptUI - generates React TSX and SCSS
+ */
+export * from './generators/index.js';
+export * from './writers/index.js';
+export * from './frameworks/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+/**
+ * @promptui-lib/codegen
+ * Code generator for PromptUI - generates React TSX and SCSS
+ */
+export * from './generators/index.js';
+export * from './writers/index.js';
+export * from './frameworks/index.js';

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

@@ -0,0 +1,35 @@
+/**
+ * File Writer
+ * Escreve arquivos gerados no sistema de arquivos
+ */
+import type { IComponentAST, IGeneratedCode, ComponentLayer } from '@promptui-lib/core';
+export interface IWriteOptions {
+    basePath: string;
+    forceOverwrite?: boolean;
+}
+export interface IWriteResult {
+    success: boolean;
+    files: {
+        tsx: string;
+        scss: string;
+        index: string;
+    };
+    errors?: string[];
+}
+/**
+ * Gera o código do componente
+ */
+export declare function generateCode(ast: IComponentAST): IGeneratedCode;
+/**
+ * Calcula o caminho de output baseado na camada
+ */
+export declare function getOutputPath(basePath: string, layer: ComponentLayer, fileName: string): string;
+/**
+ * Escreve os arquivos do componente
+ */
+export declare function writeComponent(ast: IComponentAST, options: IWriteOptions): Promise<IWriteResult>;
+/**
+ * Escreve múltiplos componentes
+ */
+export declare function writeComponents(asts: IComponentAST[], options: IWriteOptions): Promise<IWriteResult[]>;
+//# sourceMappingURL=file-writer.d.ts.map

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

@@ -0,0 +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;AAIxF,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;AAED;;GAEG;AACH,wBAAsB,cAAc,CAClC,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,YAAY,CAAC,CAmDvB;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

@@ -0,0 +1,102 @@
+/**
+ * File Writer
+ * Escreve arquivos gerados no sistema de arquivos
+ */
+import { mkdir, writeFile, access } from 'node:fs/promises';
+import { join } from 'node:path';
+import { generateTSX, generateIndex } from '../generators/tsx-generator.js';
+import { generateSCSS } from '../generators/scss-generator.js';
+/**
+ * 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 });
+}
+/**
+ * Gera o código do componente
+ */
+export function generateCode(ast) {
+    return {
+        tsx: generateTSX(ast),
+        scss: generateSCSS(ast),
+        index: generateIndex(ast),
+    };
+}
+/**
+ * Calcula o caminho de output baseado na camada
+ */
+export function getOutputPath(basePath, layer, fileName) {
+    return join(basePath, layer, fileName);
+}
+/**
+ * Escreve os arquivos do componente
+ */
+export async function writeComponent(ast, options) {
+    const errors = [];
+    // Gera código
+    const code = generateCode(ast);
+    // Calcula caminhos
+    const componentDir = getOutputPath(options.basePath, ast.layer, ast.fileName);
+    const tsxPath = join(componentDir, `${ast.fileName}.tsx`);
+    const scssPath = join(componentDir, `${ast.fileName}.scss`);
+    const indexPath = join(componentDir, 'index.ts');
+    // Verifica se já existe
+    if (!options.forceOverwrite) {
+        const exists = await fileExists(tsxPath);
+        if (exists) {
+            return {
+                success: false,
+                files: { tsx: tsxPath, scss: scssPath, index: indexPath },
+                errors: [`Component already exists at ${componentDir}. Use forceOverwrite to replace.`],
+            };
+        }
+    }
+    try {
+        // Cria diretório
+        await ensureDir(componentDir);
+        // Escreve arquivos
+        await writeFile(tsxPath, code.tsx, 'utf-8');
+        await writeFile(scssPath, code.scss, 'utf-8');
+        await writeFile(indexPath, code.index, 'utf-8');
+        return {
+            success: true,
+            files: {
+                tsx: tsxPath,
+                scss: scssPath,
+                index: indexPath,
+            },
+        };
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        errors.push(`Failed to write files: ${message}`);
+        return {
+            success: false,
+            files: { tsx: tsxPath, scss: scssPath, index: indexPath },
+            errors,
+        };
+    }
+}
+/**
+ * Escreve múltiplos componentes
+ */
+export async function writeComponents(asts, options) {
+    const results = [];
+    for (const ast of asts) {
+        const result = await writeComponent(ast, options);
+        results.push(result);
+    }
+    return results;
+}

package/dist/writers/index.d.ts

@@ -0,0 +1,3 @@
+export { writeComponent, writeComponents, generateCode, getOutputPath, } from './file-writer.js';
+export type { IWriteOptions, IWriteResult } from './file-writer.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/writers/index.js

@@ -0,0 +1 @@
+export { writeComponent, writeComponents, generateCode, getOutputPath, } from './file-writer.js';

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@promptui-lib/codegen",
+  "version": "0.1.0",
+  "private": false,
+  "description": "Code generator for PromptUI - generates React TSX and SCSS",
+  "license": "UNLICENSED",
+  "author": {
+    "name": "Desiree Menezes",
+    "url": "https://github.com/desireemenezes"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/desireemenezes/promptUI.git",
+    "directory": "packages/codegen"
+  },
+  "homepage": "https://github.com/desireemenezes/promptUI#readme",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@promptui-lib/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "typescript": "^5.3.0",
+    "rimraf": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rimraf dist"
+  }
+}