tumemo 1.0.1 → 1.1.0

package/README.md

@@ -1,18 +1,18 @@
-# Tumemo CLI 🚀
+# 🚀 Tumemo CLI
 
-Um CLI robusto para automatizar o setup de projetos **React + TypeScript + Vite**, focado em produtividade e limpeza de boilerplate.
+O jeito mais rápido de iniciar seus projetos React com TypeScript, Axios e as melhores ferramentas de estilo.
 
 ## 🛠️ O que ele faz?
-
-- **Setup Instantâneo:** Cria a base com Vite + React + TS no diretório atual.
-- **Limpeza Radical:** Remove automaticamente `assets/`, `App.css` e `index.css` do Vite.
-- **Configuração de Estilos:** Cria uma pasta `src/shared/tailwind.css` (opcional).
-- **Integração Shadcn UI:** Configura Aliases (`@/`) no Vite e TS, além de rodar o init do Shadcn.
-- **Pronto para API:** Já instala o **Axios** por padrão.
-- **Organização Sênior:** Cria pastas `components`, `pages`, `hooks` e `lib`.
+- Gera um projeto **Vite (React + TS)** limpo.
+- Remove arquivos desnecessários (`App.css`, `index.css`, ativos de exemplo).
+- Instala automaticamente: **Axios**, **React Router Dom**, **Tailwind Merge** e **Clsx**.
+- Configura Aliases de caminho (`@/` aponta para `src/`).
+- Já entrega as pastas `src/components`, `src/pages` e `src/shared` criadas.
+- **Inicia o servidor automaticamente** após o setup.
 
 ## 🚀 Como usar
 
-### Via NPX (Sem instalação)
+Acesse a pasta onde deseja criar o projeto e rode:
+
 ```bash
-npx tumemo-cli -s
+npx tumemo@latest

package/index.js

@@ -6,7 +6,6 @@ import { execa } from 'execa';
 import fs from 'fs-extra';
 import path from 'path';
 
-// Força o Chalk a usar cores mesmo em sub-processos
 process.env.FORCE_COLOR = "1";
 
 const log = {
@@ -18,97 +17,171 @@ const log = {
 
 async function runCommand(command, args, options = {}) {
   try {
-    // Adicionado env para forçar cores nos comandos do NPM/Vite
     await execa(command, args, { 
       stdio: 'inherit', 
-      env: { ...process.env, FORCE_COLOR: "1" }, 
+      shell: true, 
+      env: { ...process.env, FORCE_COLOR: "1" },
       ...options 
     });
   } catch (error) {
-    log.error(`Erro ao executar: ${command} ${args.join(' ')}`);
+    log.error(`Erro: ${error.message}`);
     process.exit(1);
   }
 }
 
 program
   .name('Tumemo')
-  .description('Setup automatizado React + TS + Axios')
-  .version('1.0.2')
-  .option('-t, --tailwind', 'Instalar Tailwind CSS')
-  .option('-s, --shadcn', 'Instalar Tailwind + Shadcn UI')
+  .version('1.1.9')
+  .option('-t, --tailwind', 'Instalar Tailwind v4')
+  .option('-s, --shadcn', 'Instalar Shadcn')
   .action(async (options) => {
     const root = process.cwd();
+    const projectName = path.basename(root);
 
     try {
       log.step(`Iniciando Setup Tumemo em: ${root}`);
 
-      // 1. Vite Base (Adicionado --yes para evitar menus interativos)
-      log.info('Criando base Vite...');
-      await runCommand('npm', ['create', 'vite@latest', '.', '--yes', '--', '--template', 'react-ts']);
+      log.info('Baixando template React + TS...');
+      await runCommand('npx', ['--yes', 'degit', 'vitejs/vite/packages/create-vite/template-react-ts', '.']);
 
-      // 2. Instalação (npm install puro primeiro)
-      log.info('Baixando dependências base...');
+      if (fs.existsSync(path.join(root, '_gitignore'))) {
+        fs.renameSync(path.join(root, '_gitignore'), path.join(root, '.gitignore'));
+      }
+
+      const pkgPath = path.join(root, 'package.json');
+      const pkg = await fs.readJson(pkgPath);
+      pkg.name = projectName;
+      await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+
+      log.info('Instalando dependências...');
       await runCommand('npm', ['install']);
-      
-      log.info('Instalando bibliotecas auxiliares (Axios, Router, etc)...');
+      await runCommand('npm', ['install', '-D', '@types/node', '@vitejs/plugin-react-swc']);
       await runCommand('npm', ['install', 'axios', 'react-router-dom', 'tailwind-merge', 'clsx']);
-      await runCommand('npm', ['install', '-D', '@types/node']);
 
-      // 3. Limpeza Radical
       log.info('Limpando boilerplate...');
-      const toDelete = ['src/assets', 'src/App.css', 'src/index.css'];
-      for (const item of toDelete) {
-        const fullPath = path.join(root, item);
-        if (await fs.pathExists(fullPath)) {
-          await fs.remove(fullPath);
-        }
-      }
+      ['src/assets', 'src/App.css', 'src/index.css', 'public/vite.svg'].forEach(item => {
+        const fullPath = path.resolve(root, item);
+        if (fs.existsSync(fullPath)) fs.removeSync(fullPath);
+      });
 
       const useTailwind = options.tailwind || options.shadcn;
 
-      // 4. Configuração Tailwind
       if (useTailwind) {
-        log.info('Configurando estrutura Tailwind...');
-        await runCommand('npm', ['install', '-D', 'tailwindcss', 'postcss', 'autoprefixer']);
-        await runCommand('npx', ['tailwindcss', 'init', '-p']);
-
-        const tailwindContent = `@tailwind base;\n@tailwind components;\n@tailwind utilities;`;
-        await fs.ensureDir(path.join(root, 'src/shared'));
-        await fs.writeFile(path.join(root, 'src/shared/tailwind.css'), tailwindContent);
+        log.info('Configurando Tailwind v4...');
+        await runCommand('npm', ['install', 'tailwindcss', '@tailwindcss/vite']);
+        fs.ensureDirSync(path.join(root, 'src/shared'));
+        fs.writeFileSync(path.join(root, 'src/shared/tailwind.css'), `@import "tailwindcss";`);
       }
 
-      // 5. Shadcn Integration
-      if (options.shadcn) {
-        log.info('Configurando Shadcn UI...');
-        await runCommand('npm', ['install', 'lucide-react', 'class-variance-authority']);
-        await runCommand('npx', ['shadcn-ui@latest', 'init', '-y']);
-      }
-
-      // 6. Config de Paths (@/)
+      // --- 1. SEU VITE CONFIG ---
       const viteConfig = `
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
 import path from "path"
-import react from "@vitejs/plugin-react"
-import { defineConfig } from "vite"
+import tailwindcss from "@tailwindcss/vite"
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
   },
 })`;
-      await fs.writeFile(path.join(root, 'vite.config.ts'), viteConfig.trim());
-
-      const tsConfigPath = path.join(root, 'tsconfig.app.json');
-      if (await fs.pathExists(tsConfigPath)) {
-        const tsConfig = await fs.readJson(tsConfigPath);
-        tsConfig.compilerOptions.baseUrl = ".";
-        tsConfig.compilerOptions.paths = { "@/*": ["./src/*"] };
-        await fs.writeJson(tsConfigPath, tsConfig, { spaces: 2 });
+      fs.writeFileSync(path.join(root, 'vite.config.ts'), viteConfig.trim());
+
+      // --- 2. SEU TSCONFIG APP ---
+      const tsConfigApp = {
+        "compilerOptions": {
+          "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+          "target": "ES2022",
+          "useDefineForClassFields": true,
+          "lib": ["ES2022", "DOM", "DOM.Iterable"],
+          "module": "ESNext",
+          "types": ["vite/client", "node"],
+          "skipLibCheck": true,
+          "moduleResolution": "bundler",
+          "allowImportingTsExtensions": true,
+          "verbatimModuleSyntax": true,
+          "moduleDetection": "force",
+          "noEmit": true,
+          "jsx": "react-jsx",
+          "strict": true,
+          "noUnusedLocals": true,
+          "noUnusedParameters": true,
+          "erasableSyntaxOnly": true,
+          "noFallthroughCasesInSwitch": true,
+          "noUncheckedSideEffectImports": true,
+          "baseUrl": ".",
+          "paths": { "@/*": ["./src/*"] }
+        },
+        "include": ["src"]
+      };
+      fs.writeJsonSync(path.join(root, 'tsconfig.app.json'), tsConfigApp, { spaces: 2 });
+
+      // --- 3. SEU TSCONFIG RAIZ ---
+      const tsConfig = {
+        "files": [],
+        "references": [
+          { "path": "./tsconfig.app.json" },
+          { "path": "./tsconfig.node.json" }
+        ],
+        "compilerOptions": {
+          "baseUrl": ".",
+          "paths": { "@/*": ["./src/*"] }
+        }
+      };
+      fs.writeJsonSync(path.join(root, 'tsconfig.json'), tsConfig, { spaces: 2 });
+
+      if (options.shadcn) {
+        log.info('Configurando Shadcn UI');
+        await runCommand('npx', ['shadcn@latest', 'init']);
       }
 
-      // 7. main.tsx (Ajustado para importar o CSS apenas se usar Tailwind)
+      // --- 4. APP.TSX COM VISUAL CAPRICHADO ---
+      let techStack = "React + TS";
+      if (options.shadcn) techStack += " + Shadcn UI";
+      else if (useTailwind) techStack += " + Tailwind v4";
+
+      const appContent = `
+export default function App() {
+  return (
+    <div style={{ 
+      display: 'flex', 
+      flexDirection: 'column', 
+      alignItems: 'center', 
+      justifyContent: 'center', 
+      minHeight: '100vh', 
+      width: '100%',
+      fontFamily: 'system-ui, sans-serif',
+      backgroundColor: '#0f172a',
+      color: '#f8fafc',
+      textAlign: 'center',
+      margin: 0,
+      padding: 0
+    }}>
+      <h1 style={{ fontSize: '3.5rem', marginBottom: '0.5rem', letterSpacing: '-0.025em' }}>Tumemo CLI</h1>
+      <p style={{ fontSize: '1.25rem', color: '#94a3b8' }}>
+        Projeto: <strong style={{ color: '#38bdf8' }}>${projectName}</strong>
+      </p>
+      <div style={{ 
+        marginTop: '2.5rem', 
+        padding: '1.5rem 3rem', 
+        borderRadius: '12px', 
+        backgroundColor: '#1e293b',
+        border: '1px solid #334155',
+        boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)'
+      }}>
+        <p style={{ margin: 0 }}>Stack: <span style={{ color: '#60a5fa', fontWeight: 'bold' }}>${techStack}</span></p>
+      </div>
+      <footer style={{ marginTop: '3rem', fontSize: '0.875rem', color: '#475569' }}>
+        Edite o <code>src/App.tsx</code> para começar.
+      </footer>
+    </div>
+  )
+}`;
+      fs.writeFileSync(path.join(root, 'src/App.tsx'), appContent.trim());
+
       const mainContent = `
 import React from 'react'
 import ReactDOM from 'react-dom/client'
@@ -118,32 +191,17 @@ ${useTailwind ? "import '@/shared/tailwind.css'" : ""}
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
+  </React.StrictMode>
 )`;
-      await fs.writeFile(path.join(root, 'src/main.tsx'), mainContent.trim());
+      fs.writeFileSync(path.join(root, 'src/main.tsx'), mainContent.trim());
 
-      // 8. App.tsx
-      const appContent = `
-export default function App() {
-  return (
-    <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
-      <h1>Setup Tumemo</h1>
-      <p>Projeto pronto. React + TS + Axios configurados.</p>
-    </div>
-  )
-}
-`;
-      await fs.writeFile(path.join(root, 'src/App.tsx'), appContent.trim());
+      ['src/components', 'src/pages'].forEach(dir => fs.ensureDirSync(path.join(root, dir)));
 
-      // 9. Pastas Selecionadas
-      const dirs = ['src/components', 'src/pages'];
-      for (const dir of dirs) {
-        await fs.ensureDir(path.join(root, dir));
-      }
+      log.success(`\nTumemo v1.1.0 finalizado!`);
+      await runCommand('npm', ['run', 'dev']);
 
-      log.success('Setup Tumemo finalizado! Bom trabalho.');
     } catch (err) {
-      log.error(`Erro crítico: ${err.message}`);
+      log.error(`Falha: ${err.message}`);
     }
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tumemo",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "description": "CLI para automação de projetos React",
   "main": "index.js",