vireum-spec-cli 0.4.0 → 0.4.1

package/dist/commands/setup.js

@@ -174,7 +174,7 @@ async function runSetup() {
             { name: 'Nenhum      — sem design system definido', value: 'none' },
         ],
     });
-    const design = { system: designSystem, cores: {}, fontes: {}, customizacoes: '' };
+    const design = { system: designSystem, cores: {}, fontes: {}, customizacoes: '', gerarBase: false, baseTailwind: false };
     if (['shadcn', 'tailwind', 'chakra', 'mui'].includes(designSystem)) {
         const temCustom = await (0, prompts_1.confirm)({
             message: 'Tem customizacoes? (cores da marca, fontes especificas?)',
@@ -204,6 +204,24 @@ async function runSetup() {
             design.customizacoes = await (0, prompts_1.input)({ message: 'Componentes ou convencoes importantes (Enter para pular):', default: '' });
         }
     }
+    if (designSystem === 'none') {
+        const criarBase = await (0, prompts_1.confirm)({
+            message: 'Quer criar uma estrutura de design basica para o projeto?',
+            default: true,
+        });
+        if (criarBase) {
+            design.system = 'base';
+            design.gerarBase = true;
+            design.baseTailwind = await (0, prompts_1.confirm)({ message: 'Usar Tailwind CSS como base?', default: true });
+            design.cores.primary = await (0, prompts_1.input)({ message: 'Cor primaria (Enter para #2D7DD2):', default: '#2D7DD2' });
+            design.cores.secondary = await (0, prompts_1.input)({ message: 'Cor secundaria (Enter para #1A3A5C):', default: '#1A3A5C' });
+            design.cores.accent = await (0, prompts_1.input)({ message: 'Cor de destaque (Enter para #1D9E75):', default: '#1D9E75' });
+            design.cores.background = await (0, prompts_1.input)({ message: 'Cor de fundo (Enter para #F4F7FB):', default: '#F4F7FB' });
+            design.cores.text = await (0, prompts_1.input)({ message: 'Cor de texto (Enter para #1A1A2E):', default: '#1A1A2E' });
+            design.fontes.heading = await (0, prompts_1.input)({ message: 'Fonte de titulos (Enter para Inter):', default: 'Inter' });
+            design.fontes.body = await (0, prompts_1.input)({ message: 'Fonte de corpo (Enter para Inter):', default: 'Inter' });
+        }
+    }
     // ── Gerar arquivos ─────────────────────────────────────────────────────────
     console.log('');
     const projeto = extrairProjeto(path.join(specDir, 'INDEX.md'));
@@ -592,6 +610,18 @@ function gerarDesign(d) {
             ],
             tokens: 'createTheme()',
         },
+        base: {
+            descricao: 'Design system basico gerado pelo Vireum Spec Framework',
+            convencoes: [
+                `Usar ${design.baseTailwind ? 'Tailwind CSS' : 'CSS customizado'} para estilizacao`,
+                'Tokens de cor definidos neste arquivo — nunca hardcodar valores',
+                'Componentes em src/components/',
+                'Tipografia consistente — usar apenas as fontes definidas aqui',
+                'Espacamento em multiplos de 4px',
+                'Bordas arredondadas padrao: 8px',
+            ],
+            tokens: design.baseTailwind ? 'tailwind.config.ts + CSS variables' : 'CSS variables em globals.css',
+        },
         custom: {
             descricao: 'Design system proprio',
             convencoes: ['Ver secao de convencoes abaixo'],
@@ -616,6 +646,22 @@ function gerarDesign(d) {
             .map(([k, v]) => `- ${k}: ${v}`)
             .join('\n')
         : '> Usar fonte padrao do sistema';
+    const baseSection = design.system === 'base' ? `
+## Espacamento
+- Base: 4px
+- xs: 4px | sm: 8px | md: 16px | lg: 24px | xl: 32px | 2xl: 48px
+
+## Bordas
+- Radius padrao: 8px
+- Radius pequeno: 4px
+- Radius grande: 16px
+- Radius pill: 9999px
+
+## Sombras
+- sm: 0 1px 2px rgba(0,0,0,0.05)
+- md: 0 4px 6px rgba(0,0,0,0.07)
+- lg: 0 10px 15px rgba(0,0,0,0.10)
+` : '';
     return `# Design — ${projeto}
 
 > A IA deve consultar este arquivo antes de criar ou modificar qualquer componente de UI.
@@ -634,7 +680,7 @@ ${fontesSection}
 ## Convencoes
 ${ds.convencoes.map((c) => `- ${c}`).join('\n')}
 ${design.customizacoes ? `\n## Convencoes Customizadas\n${design.customizacoes}` : ''}
-
+${baseSection}
 ## Regras para a IA
 - Nunca criar componente sem consultar este arquivo primeiro
 - Nunca hardcodar cores — usar sempre os tokens definidos acima
@@ -643,6 +689,7 @@ ${design.customizacoes ? `\n## Convencoes Customizadas\n${design.customizacoes}`
 - Em caso de duvida sobre UI, perguntar ao dev antes de implementar
 ${design.system === 'shadcn' ? '- Sempre usar cn() para mesclar classes condicionais\n- Preferir componentes do Shadcn antes de criar do zero' : ''}
 ${design.system === 'tailwind' ? '- Preferir classes Tailwind a CSS customizado\n- Nao criar novas classes sem necessidade real' : ''}
+${design.system === 'base' ? `- Seguir tokens de espacamento e bordas definidos acima\n- ${design.baseTailwind ? 'Usar classes Tailwind mapeadas para os tokens' : 'Usar CSS variables definidas em globals.css'}` : ''}
 
 ## Componentes Existentes
 > A IA deve atualizar esta secao conforme novos componentes sao criados

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vireum-spec-cli",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Spec Driven Development framework by Vireum Desenvolvimento",
   "main": "dist/index.js",
   "bin": {