tumemo 1.0.1 → 1.0.5

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,132 +17,101 @@ 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')
+  .description('O setup mais rápido para React + TS')
+  .version('1.1.1')
+  .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...');
+      const oldGit = path.join(root, '_gitignore');
+      if (fs.existsSync(oldGit)) fs.renameSync(oldGit, 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 base...');
       await runCommand('npm', ['install']);
-      
-      log.info('Instalando bibliotecas auxiliares (Axios, Router, etc)...');
-      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 htmlPath = path.join(root, 'index.html');
+      let htmlContent = fs.readFileSync(htmlPath, 'utf8');
+      htmlContent = htmlContent.replace('</head>', '  <style>body { margin: 0; padding: 0; box-sizing: border-box; }</style>\n  </head>');
+      fs.writeFileSync(htmlPath, htmlContent);
+
+      await runCommand('npm', ['install', 'axios', 'react-router-dom', 'tailwind-merge', 'clsx']);
+      await runCommand('npm', ['install', '-D', '@types/node']);
 
       const useTailwind = options.tailwind || options.shadcn;
+      const useShadcn = 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) {
+      if (useShadcn) {
         log.info('Configurando Shadcn UI...');
-        await runCommand('npm', ['install', 'lucide-react', 'class-variance-authority']);
-        await runCommand('npx', ['shadcn-ui@latest', 'init', '-y']);
+        await runCommand('npx', ['--yes', 'shadcn@latest', 'init', '-y']);
       }
 
-      // 6. Config de Paths (@/)
-      const viteConfig = `
-import path from "path"
-import react from "@vitejs/plugin-react"
-import { defineConfig } from "vite"
-
-export default defineConfig({
-  plugins: [react()],
-  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 });
-      }
+      const viteConfig = `import path from "path"\nimport react from "@vitejs/plugin-react"\nimport { defineConfig } from "vite"\n${useTailwind ? 'import tailwindcss from "@tailwindcss/vite"' : ''}\n\nexport default defineConfig({\n  plugins: [react(), ${useTailwind ? 'tailwindcss()' : ''}],\n  resolve: { alias: { "@": path.resolve(__dirname, "./src") } },\n})`;
+      fs.writeFileSync(path.join(root, 'vite.config.ts'), viteConfig.trim());
 
-      // 7. main.tsx (Ajustado para importar o CSS apenas se usar Tailwind)
-      const mainContent = `
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-${useTailwind ? "import '@/shared/tailwind.css'" : ""}
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)`;
-      await fs.writeFile(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());
+      const tsAppPath = path.join(root, 'tsconfig.app.json');
+      const fallbackTs = { compilerOptions: { target: "ESNext", lib: ["DOM", "DOM.Iterable", "ESNext"], module: "ESNext", skipLibCheck: true, moduleResolution: "Node", resolveJsonModule: true, isolatedModules: true, noEmit: true, jsx: "react-jsx", strict: true, baseUrl: ".", paths: { "@/*": ["./src/*"] } } };
+      fs.writeJsonSync(tsAppPath, fallbackTs, { spaces: 2 });
 
-      // 9. Pastas Selecionadas
-      const dirs = ['src/components', 'src/pages'];
-      for (const dir of dirs) {
-        await fs.ensureDir(path.join(root, dir));
-      }
+      let techStack = "React + TS";
+      if (useShadcn) techStack += " + Shadcn UI";
+      else if (useTailwind) techStack += " + Tailwind v4";
+
+      const appContent = `export default function App() {\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', width: '100%', fontFamily: 'system-ui, sans-serif', backgroundColor: '#0f172a', color: '#f8fafc', margin: 0 }}>\n      <h1 style={{ fontSize: '3.5rem', marginBottom: '0.5rem' }}>Tumemo CLI</h1>\n      <p style={{ fontSize: '1.25rem', color: '#94a3b8' }}>Projeto: <strong style={{ color: '#38bdf8' }}>${projectName}</strong></p>\n      <div style={{ marginTop: '2.5rem', padding: '1.5rem 3rem', borderRadius: '12px', backgroundColor: '#1e293b', border: '1px solid #334155' }}>\n        <p>Stack: <strong>${techStack}</strong></p>\n      </div>\n    </div>\n  )\n}`;
+      fs.writeFileSync(path.join(root, 'src/App.tsx'), appContent.trim());
+
+      const mainContent = `import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App.tsx'\n${useTailwind ? "import '@/shared/tailwind.css'\n" : ""}ReactDOM.createRoot(document.getElementById('root')!).render(<App />)`;
+      fs.writeFileSync(path.join(root, 'src/main.tsx'), mainContent);
+
+      ['src/components', 'src/pages'].forEach(dir => fs.ensureDirSync(path.join(root, dir)));
+
+      log.success(`\nTumemo v1.0.5 finalizado!`);
+      log.info('Iniciando servidor de desenvolvimento...\n');
+
+      // COMANDO PARA RODAR O SERVIDOR AUTOMATICAMENTE
+      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.0.5",
   "type": "module",
   "description": "CLI para automação de projetos React",
   "main": "index.js",