dev-config-pack 1.0.0

package/README.md

@@ -0,0 +1,41 @@
+# ⚡ Dev Config Pack
+
+Configurações otimizadas para projetos JavaScript, TypeScript e React.
+
+Zero dependências. Um comando e pronto.
+
+## Uso
+
+```bash
+npx dev-config-pack init
+```
+
+Ou especifique o tipo:
+
+```bash
+npx dev-config-pack init ts
+npx dev-config-pack init react
+npx dev-config-pack init js
+```
+
+## O que instala
+
+| Arquivo | Descrição |
+|---------|-----------|
+| `.eslintrc.json` | ESLint com regras modernas |
+| `.prettierrc` | Prettier formatador consistente |
+| `tsconfig.json` | TypeScript strict + paths |
+| `tailwind.config.js` | Tailwind otimizado |
+| `.vscode/settings.json` | Editor config para formatação automática |
+| `.gitignore` | Gitignore completo |
+
+## Premium
+
+[Adquira a versão premium →](https://gumroad.com/l/dev-config-pack)
+
+- ESLint strict + import sorting
+- Husky + lint-staged
+- Commitlint convencional
+- CI/CD GitHub Actions
+- Dockerfile otimizado
+- Suporte prioritário

package/bin/cli.js

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+import { run } from "../src/init.js";
+
+const args = process.argv.slice(2);
+const command = args[0];
+
+if (command === "init" || command === "setup") {
+  const projectType = args[1] || "auto";
+  await run(projectType);
+} else if (command === "--help" || command === "-h" || !command) {
+  console.log(`
+  dev-config-pack v1.0.0
+
+  Uso:
+    npx dev-config-pack init [tipo]    Aplica configs otimizadas ao projeto atual
+    npx dev-config-pack --help         Mostra esta ajuda
+
+  Tipos disponiveis:
+    auto    Detecta automaticamente (padrao)
+    js      Configs para JavaScript puro
+    ts      Configs para TypeScript
+    react   Configs para React/Next.js
+    all     Aplica todos os tipos
+
+  Exemplos:
+    npx dev-config-pack init
+    npx dev-config-pack init ts
+    npx dcp init react
+  `);
+} else {
+  console.error(`Comando desconhecido: "${command}". Use --help para ajuda.`);
+  process.exit(1);
+}

package/configs/gitignore.txt

@@ -0,0 +1,36 @@
+# Dependencies
+node_modules/
+
+# Build outputs
+dist/
+build/
+.next/
+out/
+.env.local
+.env.production.local
+
+# IDE
+.vscode/settings.json (keep if you want custom)
+.idea/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+
+# Environment
+.env
+.env.*.local
+
+# Coverage
+coverage/
+.nyc_output/
+
+# Misc
+*.tsbuildinfo
+.eslintcache

package/configs/js/eslintrc.json

@@ -0,0 +1,22 @@
+{
+  "env": {
+    "es2024": true,
+    "node": true,
+    "browser": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "extends": ["eslint:recommended"],
+  "rules": {
+    "no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+    "no-console": "warn",
+    "prefer-const": "error",
+    "no-var": "error",
+    "eqeqeq": ["error", "always"],
+    "curly": ["error", "all"],
+    "no-throw-literal": "error",
+    "prefer-template": "warn"
+  }
+}

package/configs/prettier.config.js

@@ -0,0 +1,10 @@
+export default {
+  semi: true,
+  singleQuote: true,
+  trailingComma: "all",
+  tabWidth: 2,
+  printWidth: 100,
+  arrowParens: "always",
+  bracketSpacing: true,
+  endOfLine: "lf",
+};

package/configs/react/eslintrc.json

@@ -0,0 +1,30 @@
+{
+  "env": {
+    "es2024": true,
+    "browser": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "ecmaFeatures": { "jsx": true }
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "plugins": ["react", "react-hooks"],
+  "settings": {
+    "react": { "version": "detect" }
+  },
+  "rules": {
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "react/jsx-no-target-blank": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "no-console": "warn",
+    "prefer-const": "error",
+    "no-var": "error"
+  }
+}

package/configs/tailwind.config.js

@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {
+      screens: {
+        xs: "475px",
+      },
+      maxWidth: {
+        "8xl": "1440px",
+      },
+    },
+  },
+  future: {
+    hoverOnlyWhenSupported: true,
+  },
+  plugins: [],
+};

package/configs/ts/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "exactOptionalPropertyTypes": false,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/configs/vscode/settings.json

@@ -0,0 +1,18 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "editor.tabSize": 2,
+  "editor.insertSpaces": true,
+  "editor.rulers": [100],
+  "files.exclude": {
+    "**/node_modules": true,
+    "**/dist": true
+  },
+  "typescript.updateImportsOnFileMove.enabled": "always",
+  "javascript.updateImportsOnFileMove.enabled": "always",
+  "workbench.colorTheme": "Dracula",
+  "workbench.iconTheme": "material-icon-theme"
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "dev-config-pack",
+  "version": "1.0.0",
+  "description": "Configurações otimizadas para projetos JavaScript/TypeScript/React — ESLint, Prettier, TypeScript, Tailwind, VS Code, Gitignore",
+  "type": "module",
+  "author": "eusim",
+  "license": "MIT",
+  "bin": {
+    "dev-config-pack": "bin/cli.js",
+    "dcp": "bin/cli.js"
+  },
+  "files": [
+    "bin/",
+    "configs/",
+    "src/"
+  ],
+  "keywords": [
+    "config",
+    "eslint",
+    "prettier",
+    "typescript",
+    "tailwind",
+    "vscode",
+    "boilerplate",
+    "optimized"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eusim/dev-config-pack"
+  },
+  "funding": "https://inovaglow.gumroad.com/l/mvsfrd",
+  "engines": {
+    "node": ">=18"
+  }
+}

package/src/init.js

@@ -0,0 +1,103 @@
+import { readFileSync, writeFileSync, existsSync, mkdirSync, copyFileSync } from "node:fs";
+import { join, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const CONFIGS_DIR = join(__dirname, "..", "configs");
+
+const GUMROAD_URL = "https://inovaglow.gumroad.com/l/mvsfrd";
+
+const COLORS = {
+  reset: "\x1b[0m",
+  green: "\x1b[32m",
+  cyan: "\x1b[36m",
+  yellow: "\x1b[33m",
+  dim: "\x1b[2m",
+  bold: "\x1b[1m",
+};
+
+function log(msg, color = "") {
+  console.log(`${color}${msg}${COLORS.reset}`);
+}
+
+function detectProjectType() {
+  const files = [];
+  try {
+    const dir = readFileSync(".", "utf8");
+  } catch {}
+
+  const hasTsConfig = existsSync("tsconfig.json");
+  const hasNextConfig = existsSync("next.config.js") || existsSync("next.config.mjs");
+  const hasViteConfig = existsSync("vite.config.js") || existsSync("vite.config.ts");
+  const hasPackageJson = existsSync("package.json");
+
+  if (!hasPackageJson) {
+    return null;
+  }
+
+  const pkg = JSON.parse(readFileSync("package.json", "utf-8"));
+  const deps = { ...pkg.dependencies, ...pkg.devDependencies } || {};
+
+  if (deps.next || deps.react || hasNextConfig) return "react";
+  if (hasTsConfig || deps.typescript) return "ts";
+  if (hasViteConfig) return "react";
+  return "js";
+}
+
+function copyConfig(src, dest) {
+  const destPath = join(process.cwd(), dest);
+  try {
+    copyFileSync(src, destPath);
+    log(`  ✓ ${dest}`, COLORS.green);
+  } catch (err) {
+    log(`  ✗ ${dest}: ${err.message}`, COLORS.yellow);
+  }
+}
+
+export async function run(projectType) {
+  log(`\n${COLORS.bold}⚡ Dev Config Pack${COLORS.reset}\n`, COLORS.cyan);
+
+  if (projectType === "auto") {
+    projectType = detectProjectType();
+    if (!projectType) {
+      log("✗ Nenhum projeto Node.js detectado. Execute este comando na raiz de um projeto.", COLORS.yellow);
+      process.exit(1);
+    }
+    log(`  Detectado: ${projectType}\n`, COLORS.dim);
+  }
+
+  log(`  Aplicando configuracoes otimizadas para ${projectType}...\n`);
+
+  if (!existsSync(".vscode")) {
+    mkdirSync(".vscode", { recursive: true });
+  }
+
+  // Common configs (apply to all)
+  copyConfig(join(CONFIGS_DIR, "prettier.config.js"), ".prettierrc");
+  copyConfig(join(CONFIGS_DIR, "gitignore.txt"), ".gitignore");
+  copyConfig(join(CONFIGS_DIR, "vscode", "settings.json"), ".vscode/settings.json");
+
+  // Type-specific configs
+  if (projectType === "js" || projectType === "all") {
+    copyConfig(join(CONFIGS_DIR, "js", "eslintrc.json"), ".eslintrc.json");
+  }
+
+  if (projectType === "ts" || projectType === "all") {
+    copyConfig(join(CONFIGS_DIR, "ts", "tsconfig.json"), "tsconfig.json");
+    copyConfig(join(CONFIGS_DIR, "js", "eslintrc.json"), ".eslintrc.json");
+  }
+
+  if (projectType === "react" || projectType === "all") {
+    copyConfig(join(CONFIGS_DIR, "react", "eslintrc.json"), ".eslintrc.json");
+    copyConfig(join(CONFIGS_DIR, "ts", "tsconfig.json"), "tsconfig.json");
+    copyConfig(join(CONFIGS_DIR, "tailwind.config.js"), "tailwind.config.js");
+  }
+
+  log(`\n${COLORS.green}✔ Configuracoes aplicadas com sucesso!${COLORS.reset}\n`);
+  log(`${COLORS.dim}────────────────────────────────────────${COLORS.reset}`);
+  log(`${COLORS.bold}🔥 Gostou?${COLORS.reset}`, COLORS.yellow);
+  log(`  Adquira a versao ${COLORS.bold}PREMIUM${COLORS.reset} com configs avançadas:`);
+  log(`  ${COLORS.cyan}${GUMROAD_URL}${COLORS.reset}`);
+  log(`  (ESLint strict, Husky + lint-staged, Commitlint, CI/CD, Dockerfile)`);
+  log(`${COLORS.dim}────────────────────────────────────────${COLORS.reset}\n`);
+}