forgefy 1.0.0

package/bin/cli.js

@@ -0,0 +1,425 @@
+#!/usr/bin/env node
+
+import { execSync } from 'child_process'
+import fs from 'fs-extra'
+import path from 'path'
+import ora from 'ora'
+import chalk from 'chalk'
+import prompts from 'prompts'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const TEMPLATES_DIR = path.resolve(__dirname, '../templates')
+
+const PROJECT_VARIANTS = [
+  { id: 'base_landpage', title: 'Landpage' },
+  { id: 'base_sistema_simples', title: 'Sistema simples' },
+  { id: 'base_sistema_robusto', title: 'Sistema robusto' }
+]
+
+const VARIANT_CHOICES = PROJECT_VARIANTS.map((v) => ({
+  title: v.title,
+  value: v.id
+}))
+
+function getVariantLabel(variantId) {
+  const found = PROJECT_VARIANTS.find((v) => v.id === variantId)
+  return found ? found.title : variantId
+}
+
+const LIBS_BY_STACK = {
+  next: {
+    base_landpage: {
+      deps: ['next-intl', 'sass', 'typescript'],
+      devDeps: ['@types/node', '@types/react', '@types/react-dom']
+    },
+    base_sistema_simples: {
+      deps: ['next-intl', 'sass', 'typescript'],
+      devDeps: ['@types/node', '@types/react', '@types/react-dom']
+    },
+    base_sistema_robusto: {
+      deps: [
+        'leaflet',
+        'moment',
+        'next-intl',
+        'react-toastify',
+        'sass',
+        'typescript'
+      ],
+      devDeps: [
+        '@types/leaflet',
+        '@types/node',
+        '@types/react',
+        '@types/react-dom'
+      ]
+    }
+  },
+  vue: {
+    base_landpage: {
+      deps: ['sass'],
+      devDeps: []
+    },
+    base_sistema_simples: {
+      deps: ['sass', 'vue-router'],
+      devDeps: []
+    },
+    base_sistema_robusto: {
+      deps: ['sass', 'vue-router', 'pinia'],
+      devDeps: []
+    }
+  }
+}
+
+function applyBaseLayout(cwd, baseTemplate, spinner, label) {
+  if (!fs.existsSync(baseTemplate)) {
+    return
+  }
+  spinner.text = `Aplicando ${label} (public só da base, restante em src/)...`
+  const projectPublic = path.join(cwd, 'public')
+  if (fs.existsSync(projectPublic)) {
+    fs.removeSync(projectPublic)
+  }
+  const basePublic = path.join(baseTemplate, 'public')
+  if (fs.existsSync(basePublic)) {
+    fs.copySync(basePublic, projectPublic, { overwrite: true })
+  }
+  const srcDir = path.join(cwd, 'src')
+  fs.ensureDirSync(srcDir)
+  for (const ent of fs.readdirSync(baseTemplate, { withFileTypes: true })) {
+    if (ent.name === 'public') {
+      continue
+    }
+    fs.copySync(
+      path.join(baseTemplate, ent.name),
+      path.join(srcDir, ent.name),
+      { overwrite: true }
+    )
+  }
+}
+
+function rewriteNextBaseImportsInSrc(projectRoot, spinner) {
+  const srcRoot = path.join(projectRoot, 'src')
+  if (!fs.existsSync(srcRoot)) {
+    return
+  }
+  spinner.text = 'Ajustando imports (next/base → @/)...'
+  const exts = new Set([
+    '.ts',
+    '.tsx',
+    '.js',
+    '.jsx',
+    '.mjs',
+    '.cjs',
+    '.scss',
+    '.sass',
+    '.css'
+  ])
+  const prefixRe = /(["'`])next\/base\//g
+  function walk(dir) {
+    for (const ent of fs.readdirSync(dir, { withFileTypes: true })) {
+      if (ent.name === 'node_modules' || ent.name === '.next') {
+        continue
+      }
+      const full = path.join(dir, ent.name)
+      if (ent.isDirectory()) {
+        walk(full)
+        continue
+      }
+      if (!exts.has(path.extname(ent.name))) {
+        continue
+      }
+      let content = fs.readFileSync(full, 'utf8')
+      const nextContent = content.replace(prefixRe, '$1@/')
+      if (nextContent !== content) {
+        fs.writeFileSync(full, nextContent, 'utf8')
+      }
+    }
+  }
+  walk(srcRoot)
+}
+
+function applyNextTemplates(cwd, variant, stackTemplatesRoot, spinner) {
+  const baseTemplate = path.join(stackTemplatesRoot, 'base')
+  const variantTemplate = path.join(stackTemplatesRoot, variant)
+  applyBaseLayout(cwd, baseTemplate, spinner, 'base Next.js')
+  const appPath = path.join(cwd, 'src', 'app')
+  const templateAppPath = path.join(variantTemplate, 'app')
+  const hasVariantTemplate = fs.existsSync(variantTemplate)
+  const hasVariantApp = fs.existsSync(templateAppPath)
+  if (hasVariantApp) {
+    if (fs.existsSync(appPath)) {
+      fs.removeSync(appPath)
+    }
+    spinner.text = 'Aplicando estrutura do projeto...'
+    fs.copySync(templateAppPath, appPath, { overwrite: true })
+  }
+  if (hasVariantTemplate) {
+    const srcDir = path.join(cwd, 'src')
+    for (const ent of fs.readdirSync(variantTemplate, { withFileTypes: true })) {
+      if (ent.name === 'app' || ent.name === 'public') {
+        continue
+      }
+      fs.copySync(
+        path.join(variantTemplate, ent.name),
+        path.join(srcDir, ent.name),
+        { overwrite: true }
+      )
+    }
+  }
+  rewriteNextBaseImportsInSrc(cwd, spinner)
+}
+
+function applyVueTemplates(cwd, variant, stackTemplatesRoot, spinner) {
+  const baseTemplate = path.join(stackTemplatesRoot, 'base')
+  const variantTemplate = path.join(stackTemplatesRoot, variant)
+  applyBaseLayout(cwd, baseTemplate, spinner, 'base Vue')
+  if (!fs.existsSync(variantTemplate)) {
+    return
+  }
+  const templateSrc = path.join(variantTemplate, 'src')
+  const targetSrc = path.join(cwd, 'src')
+  if (fs.existsSync(templateSrc)) {
+    spinner.text = 'Aplicando estrutura do projeto (src)...'
+    fs.copySync(templateSrc, targetSrc, { overwrite: true })
+  }
+  fs.copySync(variantTemplate, cwd, {
+    overwrite: true,
+    filter: (filePath) => {
+      const rel = path.relative(variantTemplate, filePath)
+      if (!rel) return true
+      const first = rel.split(path.sep)[0]
+      return first !== 'src' && first !== 'public'
+    }
+  })
+}
+
+function patchNextTurbopackRoot(projectRoot) {
+  const candidates = ['next.config.ts', 'next.config.mjs', 'next.config.js']
+  for (const name of candidates) {
+    const filePath = path.join(projectRoot, name)
+    if (!fs.existsSync(filePath)) {
+      continue
+    }
+    let content = fs.readFileSync(filePath, 'utf8')
+    if (/turbopack\s*:\s*\{[\s\S]*?root\s*:/s.test(content)) {
+      return
+    }
+    if (name === 'next.config.ts') {
+      if (!/\bimport\s+path\s+from\s+['"]path['"]/.test(content)) {
+        content = content.replace(
+          /^(import\s+type\s+\{\s*NextConfig\s*\}\s+from\s+['"]next['"];)\s*/m,
+          '$1\nimport path from "path";\n\n'
+        )
+      }
+      content = content.replace(
+        /(const\s+nextConfig:\s*NextConfig\s*=\s*\{)/,
+        '$1\n  turbopack: {\n    root: path.join(__dirname),\n  },'
+      )
+      fs.writeFileSync(filePath, content, 'utf8')
+      return
+    }
+    if (name === 'next.config.mjs') {
+      const prelude = []
+      if (!/\bimport\s+path\s+from\s+['"]path['"]/.test(content)) {
+        prelude.push('import path from "path";')
+      }
+      if (!/fileURLToPath/.test(content)) {
+        prelude.push('import { fileURLToPath } from "url";')
+      }
+      if (!/\bconst __dirname\b/.test(content)) {
+        prelude.push(
+          'const __dirname = path.dirname(fileURLToPath(import.meta.url));'
+        )
+      }
+      if (prelude.length) {
+        content = `${prelude.join('\n')}\n\n${content}`
+      }
+      content = content.replace(
+        /(const\s+nextConfig[^=]*=\s*\{)/,
+        '$1\n  turbopack: {\n    root: path.join(__dirname),\n  },'
+      )
+      fs.writeFileSync(filePath, content, 'utf8')
+      return
+    }
+    if (name === 'next.config.js') {
+      if (!/require\(['"]path['"]\)/.test(content)) {
+        content = `const path = require('path');\n${content}`
+      }
+      content = content.replace(
+        /(module\.exports\s*=\s*\{)/,
+        '$1\n  turbopack: {\n    root: path.join(__dirname),\n  },'
+      )
+      fs.writeFileSync(filePath, content, 'utf8')
+      return
+    }
+  }
+}
+
+const STACKS = {
+  next: {
+    id: 'next',
+    promptLabel: 'Next.js',
+    bannerStack: 'Next.js',
+    createMessage: 'Criando projeto Next.js...',
+    createProject: (projectName) => {
+      execSync(
+        `npx create-next-app@latest ${projectName} --typescript --eslint --app --src-dir --import-alias "@/*"`,
+        { stdio: 'inherit' }
+      )
+    },
+    applyTemplates: applyNextTemplates
+  },
+  vue: {
+    id: 'vue',
+    promptLabel: 'Vue (Vite + TypeScript)',
+    bannerStack: 'Vue 3 (Vite)',
+    createMessage: 'Criando projeto Vue (Vite)...',
+    createProject: (projectName) => {
+      execSync(
+        `npm create vite@latest ${projectName} -- --template vue-ts`,
+        { stdio: 'inherit' }
+      )
+    },
+    applyTemplates: applyVueTemplates
+  }
+}
+
+const STACK_CHOICES = Object.values(STACKS).map((s) => ({
+  title: s.promptLabel,
+  value: s.id
+}))
+
+function showBanner(projectName, stackId, variant) {
+  const stack = STACKS[stackId]
+  const stackName = stack ? stack.bannerStack : stackId
+
+  console.log(`
+${chalk.cyan.bold(`
+███████╗ ██████╗ ██████╗  ██████╗ ███████╗
+██╔════╝██╔═══██╗██╔══██╗██╔════╝ ██╔════╝
+█████╗  ██║   ██║██████╔╝██║  ███╗█████╗
+██╔══╝  ██║   ██║██╔══██╗██║   ██║██╔══╝
+██║     ╚██████╔╝██║  ██║╚██████╔╝███████
+╚═╝      ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═════╝
+   ███████╗██╗   ██╗
+   ██╔════╝╚██╗ ██╔╝
+   █████╗   ╚████╔╝ 
+   ██╔══╝    ╚██╔╝  
+   ██║        ██║   
+   ╚═╝        ╚═╝   
+`)}
+${chalk.magenta.bold('⚡ FORGE FY CLI')}
+${chalk.gray('────────────────────────────────────────')}
+${chalk.yellow('📦 Projeto:')} ${projectName}
+${chalk.yellow('⚡ Stack:')} ${stackName}
+${chalk.yellow('🎯 Tipo de sistema:')} ${getVariantLabel(variant)}
+${chalk.gray('────────────────────────────────────────')}
+${chalk.green('✔ Projeto criado com sucesso!')}
+${chalk.gray('👨‍💻 Desenvolvido por Caio Fortes')}
+`)
+}
+
+async function main() {
+  const response = await prompts([
+    {
+      type: 'text',
+      name: 'projectName',
+      message: 'Nome do projeto:',
+      initial: 'my-app'
+    },
+    {
+      type: 'select',
+      name: 'stack',
+      message: 'Linguagem / framework:',
+      choices: STACK_CHOICES
+    },
+    {
+      type: 'select',
+      name: 'variant',
+      message: 'Tipo de sistema:',
+      choices: VARIANT_CHOICES
+    }
+  ])
+
+  const { projectName, stack: stackId, variant } = response
+
+  if (!projectName || !stackId || !variant) {
+    console.log(chalk.red('❌ Operação cancelada'))
+    process.exit(1)
+  }
+
+  const stack = STACKS[stackId]
+  if (!stack) {
+    console.log(chalk.red(`❌ Stack não suportada: ${stackId}`))
+    process.exit(1)
+  }
+
+  const stackLibs = LIBS_BY_STACK[stackId]
+  if (!stackLibs || !stackLibs[variant]) {
+    console.log(
+      chalk.red(
+        `❌ Variante "${variant}" sem dependências definidas para stack "${stackId}". Ajuste LIBS_BY_STACK no CLI.`
+      )
+    )
+    process.exit(1)
+  }
+
+  const targetDir = path.join(process.cwd(), projectName)
+
+  if (fs.existsSync(targetDir)) {
+    console.log(chalk.red('❌ Pasta já existe'))
+    process.exit(1)
+  }
+
+  const spinner = ora(stack.createMessage).start()
+
+  try {
+    stack.createProject(projectName)
+
+    process.chdir(projectName)
+
+    if (stackId === 'next') {
+      patchNextTurbopackRoot(process.cwd())
+    }
+
+    spinner.text = 'Instalando dependências do scaffold...'
+    execSync('npm install', { stdio: 'inherit' })
+
+    const { deps, devDeps } = stackLibs[variant]
+
+    spinner.text = 'Instalando dependências extras...'
+
+    if (deps.length) {
+      execSync(`npm install ${deps.join(' ')}`, {
+        stdio: 'inherit'
+      })
+    }
+
+    if (devDeps.length) {
+      execSync(`npm install -D ${devDeps.join(' ')}`, {
+        stdio: 'inherit'
+      })
+    }
+
+    const stackTemplatesRoot = path.join(TEMPLATES_DIR, stackId)
+    stack.applyTemplates(process.cwd(), variant, stackTemplatesRoot, spinner)
+
+    spinner.succeed('Projeto criado com sucesso!')
+
+    showBanner(projectName, stackId, variant)
+
+    console.log('\n👉 Próximos passos:')
+    console.log(chalk.yellow(`cd ${projectName}`))
+    console.log(chalk.yellow('npm run dev'))
+
+  } catch (error) {
+    spinner.fail('Erro ao criar projeto')
+    console.error(error)
+    process.exit(1)
+  }
+}
+
+main()
+

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "forgefy",
+  "version": "1.0.0",
+  "description": "CLI para iniciar projetos rapidamente",
+  "main": "cli.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "create-forgefy-app": "./bin/cli.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "fs-extra": "^11.3.4",
+    "ora": "^5.4.1",
+    "prompts": "^2.4.2"
+  }
+}

package/templates/next/base/components/Containers/Body/index.tsx

@@ -0,0 +1,8 @@
+export default function BodyContainer() {
+  return (
+    <h4>
+      Landing em TypeScript: use esta pasta para hero, seções de produto e CTAs. <br />
+      Estilos compartilhados ficam em <code>src/scss</code> (copiados da base do template).
+    </h4>
+  );
+}

package/templates/next/base/components/UI/Button/index.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import type { CSSProperties, ReactNode } from 'react';
+import './styles.scss';
+
+export interface ButtonProps {
+  onClick?: () => void;
+  id?: string;
+  sx?: CSSProperties;
+  children?: ReactNode;
+}
+
+export default function Button({ onClick, children, id, sx }: ButtonProps) {
+  return (
+    <button
+      id={id}
+      type="button"
+      onClick={onClick}
+      style={sx}
+      className="base-button"
+    >
+      {children}
+    </button>
+  );
+}

package/templates/next/base/components/UI/Button/styles.scss

@@ -0,0 +1,34 @@
+@use '@/scss/_colors.scss' as *;
+@use '@/scss/_mixins.scss' as *;
+
+.base-button {
+  padding: 1rem;
+  border-radius: 2rem;
+  font-family: inter-semibold, 'Inter', sans-serif;
+  border: 4px solid $black-green;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  justify-content: center;
+  transition: transform 0.3s ease;
+  @include set-color-black-green;
+  @include set-background-light-green;
+
+  @include respond-to(md) {
+    padding: 1rem;
+  }
+
+  @include respond-to(sm) {
+    padding: 0.7rem;
+  }
+}
+
+.base-button:hover {
+  animation: pulse 0.6s ease;
+}
+
+@keyframes pulse {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.15); }
+  100% { transform: scale(1); }
+}

package/templates/next/base/components/UI/Header/index.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import Image from 'next/image';
+import './styles.scss';
+
+export default function Header() {
+  const links = [
+    { label: 'Quem somos' },
+    { label: 'Especialistas' },
+    { label: 'Empresas' },
+    { label: 'Startups' },
+    { label: 'Blog' },
+  ];
+
+  return (
+    <div id="headerContainer">
+      <div className="logo">
+        <Image
+          src="/icons/next._icon.svg"
+          alt="logo"
+          width={96}
+          height={80}
+          priority
+        />
+      </div>
+      <div>
+        <ul className="lista-horizontal">
+          {links.map((link, index) => (
+            <li key={index}>
+              <a href="#">{link.label}</a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}

package/templates/next/base/components/UI/Header/styles.scss

@@ -0,0 +1,28 @@
+@use '@/scss/_mixins' as *;
+
+#headerContainer {
+  gap: 4rem;
+  padding: 4rem 0rem;
+  @include center-flex;
+
+  @include respond-to(lg) {
+    gap: 1.5rem;
+    a { @include responsive-font(1vw, 1.5vw); }
+  }
+}
+
+.logo {
+  width: 6rem;
+  height: 5rem;
+  z-index: 1;
+
+  @include respond-to(md) {
+    width: 4rem;
+    height: 3rem;
+  }
+}
+
+.lista-horizontal {
+  @include row-flex;
+  gap: 3rem;
+}

package/templates/next/base/public/icons/next._icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/templates/next/base/scss/_colors.scss

@@ -0,0 +1,59 @@
+@use '@/scss/_mixins';
+
+$light-green: #8DE42B;
+$black-green: #2C4511;
+$black: rgb(0, 0, 0);
+
+// Cores secundárias
+$white: #FFFFFF;
+$light-grey: #F8F8F8;
+$grey: #B6B6B6;
+$lighter-black: #1E1F268C;
+$row: #7a77778c;
+
+// Mixins
+
+// Cores primárias
+@mixin set-color-light-green { color: $light-green; }
+@mixin set-background-light-green { background-color: $light-green; }
+
+@mixin set-color-black-green { color: $black-green; }
+@mixin set-background-black-green { background-color: $black-green; }
+
+@mixin set-color-black { color: $black; }
+@mixin set-background-black { background-color: $black; }
+
+// Cores secundárias
+@mixin set-color-white { color: $white; }
+@mixin set-background-white { background-color: $white; }
+
+@mixin set-color-light-grey { color: $light-grey; }
+@mixin set-background-light-grey { background-color: $light-grey; }
+
+@mixin set-color-grey { color: $grey; }
+@mixin set-background-grey { background-color: $grey; }
+
+@mixin set-color-lighter-black { color: $lighter-black; }
+@mixin set-background-lighter-black { background-color: $lighter-black; }
+
+// Classes utilitárias
+.color-light-green   { @include set-color-light-green; }
+.background-light-green { @include set-background-light-green; }
+
+.color-black-green   { @include set-color-black-green; }
+.background-black-green { @include set-background-black-green; }
+
+.color-black         { @include set-color-black; }
+.background-black    { @include set-background-black; }
+
+.color-white         { @include set-color-white; }
+.background-white    { @include set-background-white; }
+
+.color-light-grey    { @include set-color-light-grey; }
+.background-light-grey { @include set-background-light-grey; }
+
+.color-grey          { @include set-color-grey; }
+.background-grey     { @include set-background-grey; }
+
+.color-lighter-black { @include set-color-lighter-black; }
+.background-lighter-black { @include set-background-lighter-black; }