vireum-spec-cli 0.4.0 → 0.4.2

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'));
@@ -228,6 +246,24 @@ async function runSetup() {
         fs.writeFileSync(arq.path, arq.conteudo, 'utf-8');
         s.succeed(path.relative(process.cwd(), arq.path));
     }
+    // ── Git hook ───────────────────────────────────────────────────────────────
+    const gitHookDir = path.join(process.cwd(), '.git', 'hooks');
+    const hookPath = path.join(gitHookDir, 'pre-push');
+    if (fs.existsSync(path.join(process.cwd(), '.git'))) {
+        const sHook = (0, ora_1.default)('Configurando git hook pre-push...').start();
+        await sleep(400);
+        if (!fs.existsSync(gitHookDir))
+            fs.mkdirSync(gitHookDir, { recursive: true });
+        fs.writeFileSync(hookPath, gerarPrePushHook(), 'utf-8');
+        try {
+            fs.chmodSync(hookPath, '755');
+        }
+        catch { }
+        sHook.succeed('.git/hooks/pre-push configurado');
+    }
+    else {
+        console.log(chalk_1.default.yellow('  ⚠ Repositorio git nao encontrado — hook nao configurado'));
+    }
     console.log(chalk_1.default.green.bold('\n✅ Setup concluído!\n'));
     console.log(chalk_1.default.gray('  Protocolo da IA configurado para Claude Code, Codex CLI e Cursor\n'));
     console.log(chalk_1.default.gray('  Próximo passo: ') + chalk_1.default.white('vireum-spec prioritize') + chalk_1.default.gray(' para classificar as features\n'));
@@ -247,6 +283,30 @@ function sleep(ms) {
     return new Promise(r => setTimeout(r, ms));
 }
 // ─── GERADORES ────────────────────────────────────────────────────────────────
+function gerarPrePushHook() {
+    return `#!/bin/sh
+# Vireum Spec — Health Check automatico pre-push
+# Gerado por vireum-spec setup
+
+echo ""
+echo "  Vireum Spec — verificando consistencia do spec..."
+echo ""
+
+npx vireum-spec-cli health
+
+STATUS=$?
+
+if [ $STATUS -ne 0 ]; then
+  echo ""
+  echo "  Spec com problemas criticos. Corrija antes de fazer push."
+  echo "  Execute: vireum-spec health para detalhes"
+  echo ""
+  exit 1
+fi
+
+exit 0
+`;
+}
 function gerarArchitecture(d) {
     const { stack, infra, mcps, projeto } = d;
     const tenant = stack.multiTenant
@@ -329,6 +389,11 @@ function gerarRulesGlobal() {
 - Nunca hardcodar cores — usar sempre os tokens definidos em design.md
 - Nunca misturar design systems
 
+## Regras de Health
+- Verificar consistencia do spec no inicio de cada sessao
+- Avisar o dev sobre inconsistencias antes de qualquer implementacao
+- Tasks sem criterios de aceitacao devem ser sinalizadas antes de implementar
+
 ## Regras de Spec
 - Nunca marcar task como done sem validar os critérios de aceitação
 - Nunca tomar decisão de arquitetura sem registrar em architecture.md com justificativa
@@ -396,8 +461,13 @@ function gerarClaudeMd(d) {
 
 ## Início de cada sessão
 1. Leia \`.spec/INDEX.md\` — estado atual do projeto
-2. Identifique o modo da sessão pela solicitação do dev
-3. Carregue arquivos adicionais apenas se a task exigir
+2. Verifique consistencia do spec:
+   - tasks/active.md tem tasks sem criterios de aceitacao? → avisar o dev
+   - architecture.md tem stack definida? → se nao, avisar
+   - INDEX.md reflete o estado real do MVP? → se desatualizado, avisar
+3. Se encontrar inconsistencias criticas → avisar antes de qualquer implementacao
+4. Identifique o modo da sessão pela solicitação do dev
+5. Carregue arquivos adicionais apenas se a task exigir
 
 ## Modos de operação
 
@@ -467,6 +537,7 @@ ${mcps.map((m) => `- ${m}`).join('\n')}
 - Decisão de lib nova: registrar em architecture.md antes de usar
 - Risco identificado: adicionar em risks.md antes de continuar
 - UI sem consultar design.md → PARAR e consultar primeiro
+- Spec inconsistente → avisar o dev antes de implementar
 `;
 }
 function gerarAgentsMd(d) {
@@ -477,8 +548,10 @@ function gerarAgentsMd(d) {
 
 ## Início de cada sessão
 1. Leia \`.spec/INDEX.md\`
-2. Identifique o modo pela solicitação
-3. Siga o protocolo em CLAUDE.md
+2. Verifique consistencia do spec — tasks sem criterios, stack indefinida, INDEX desatualizado
+3. Avise o dev sobre inconsistencias antes de implementar
+4. Identifique o modo pela solicitação
+5. Siga o protocolo em CLAUDE.md
 
 ## Planejamento obrigatorio
 Antes de qualquer implementacao:
@@ -517,6 +590,8 @@ Este projeto usa Spec Driven Development pela Vireum Desenvolvimento.
 
 ## Início de sessão
 - Sempre leia \`.spec/INDEX.md\` primeiro
+- Verifique consistencia: tasks sem criterios, stack indefinida, INDEX desatualizado
+- Avise inconsistencias antes de qualquer implementacao
 - Carregue outros arquivos de spec apenas quando necessário
 
 ## Planejamento obrigatorio
@@ -592,6 +667,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 +703,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 +737,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 +746,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.2",
   "description": "Spec Driven Development framework by Vireum Desenvolvimento",
   "main": "dist/index.js",
   "bin": {