@herowcode/cli 0.1.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,928 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command } from "commander";
+import chalk5 from "chalk";
+
+// src/commands/add.ts
+import chalk2 from "chalk";
+import ora2 from "ora";
+import prompts from "prompts";
+import fs3 from "fs-extra";
+import path3 from "path";
+
+// src/utils/detect-project.ts
+import fs from "fs-extra";
+import path from "path";
+async function detectPackageManager(cwd) {
+  if (await fs.pathExists(path.join(cwd, "bun.lockb"))) return "bun";
+  if (await fs.pathExists(path.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (await fs.pathExists(path.join(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+async function detectProject(cwd) {
+  const pkgPath = path.join(cwd, "package.json");
+  if (!await fs.pathExists(pkgPath)) {
+    throw new Error(
+      "package.json n\xE3o encontrado. Execute este comando na raiz do seu projeto."
+    );
+  }
+  const pkg = await fs.readJson(pkgPath);
+  const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+  let type = "unknown";
+  if ("next" in deps) {
+    type = "nextjs";
+  } else if ("vite" in deps) {
+    type = "vite";
+  }
+  const isTypeScript = await fs.pathExists(path.join(cwd, "tsconfig.json")) || "typescript" in deps;
+  const srcDir = await fs.pathExists(path.join(cwd, "src"));
+  let componentsPath;
+  if (type === "nextjs") {
+    const hasAppDir = await fs.pathExists(path.join(cwd, "app")) || await fs.pathExists(path.join(cwd, "src", "app"));
+    if (srcDir) {
+      componentsPath = "src/components/ui";
+    } else {
+      componentsPath = "components/ui";
+    }
+  } else {
+    componentsPath = srcDir ? "src/components/ui" : "components/ui";
+  }
+  let actionsPath;
+  if (type === "nextjs") {
+    if (srcDir) {
+      actionsPath = "src/actions";
+    } else {
+      actionsPath = "actions";
+    }
+  }
+  const hasReactHookForm = "react-hook-form" in deps;
+  const hasShadcnForm = hasReactHookForm && "@hookform/resolvers" in deps && "zod" in deps;
+  const hasTailwind = "tailwindcss" in deps || await fs.pathExists(path.join(cwd, "tailwind.config.js")) || await fs.pathExists(path.join(cwd, "tailwind.config.ts"));
+  const packageManager = await detectPackageManager(cwd);
+  return {
+    type,
+    isTypeScript,
+    srcDir,
+    componentsPath,
+    actionsPath,
+    hasReactHookForm,
+    hasShadcnForm,
+    hasTailwind,
+    packageManager
+  };
+}
+function getInstallCommand(packageManager, packages) {
+  const pkgList = packages.join(" ");
+  switch (packageManager) {
+    case "pnpm":
+      return `pnpm add ${pkgList}`;
+    case "yarn":
+      return `yarn add ${pkgList}`;
+    case "bun":
+      return `bun add ${pkgList}`;
+    default:
+      return `npm install ${pkgList}`;
+  }
+}
+function getExecCommand(packageManager, command) {
+  switch (packageManager) {
+    case "pnpm":
+      return `pnpm dlx ${command}`;
+    case "yarn":
+      return `yarn dlx ${command}`;
+    case "bun":
+      return `bunx ${command}`;
+    default:
+      return `npx ${command}`;
+  }
+}
+
+// src/utils/config.ts
+import fs2 from "fs-extra";
+import path2 from "path";
+import { z } from "zod";
+var configSchema = z.object({
+  $schema: z.string().optional(),
+  style: z.enum(["default", "new-york"]).default("default"),
+  typescript: z.boolean().default(true),
+  tailwind: z.object({
+    config: z.string(),
+    css: z.string(),
+    baseColor: z.string()
+  }),
+  aliases: z.object({
+    components: z.string(),
+    utils: z.string(),
+    ui: z.string().optional(),
+    lib: z.string().optional(),
+    hooks: z.string().optional()
+  }),
+  registry: z.string().optional()
+});
+var CONFIG_FILE = "herow.config.json";
+async function getConfig(cwd) {
+  const configPath = path2.join(cwd, CONFIG_FILE);
+  if (!await fs2.pathExists(configPath)) {
+    return null;
+  }
+  try {
+    const config = await fs2.readJson(configPath);
+    return configSchema.parse(config);
+  } catch (error) {
+    return null;
+  }
+}
+async function writeConfig(cwd, config) {
+  const configPath = path2.join(cwd, CONFIG_FILE);
+  await fs2.writeJson(configPath, config, { spaces: 2 });
+}
+function getDefaultConfig(options) {
+  const { isTypeScript, srcDir } = options;
+  const prefix = srcDir ? "@/" : "./";
+  return {
+    $schema: "https://herow.dev/schema.json",
+    style: "default",
+    typescript: isTypeScript,
+    tailwind: {
+      config: srcDir ? "tailwind.config.ts" : "tailwind.config.js",
+      css: srcDir ? "src/app/globals.css" : "app/globals.css",
+      baseColor: "slate"
+    },
+    aliases: {
+      components: `${prefix}components`,
+      utils: `${prefix}lib/utils`,
+      ui: `${prefix}components/ui`,
+      lib: `${prefix}lib`,
+      hooks: `${prefix}hooks`
+    }
+  };
+}
+function resolveAlias(alias, cwd) {
+  if (alias.startsWith("@/")) {
+    return path2.join(cwd, "src", alias.slice(2));
+  }
+  if (alias.startsWith("./")) {
+    return path2.join(cwd, alias.slice(2));
+  }
+  return path2.join(cwd, alias);
+}
+
+// src/utils/dependencies.ts
+import { execa } from "execa";
+import ora from "ora";
+import chalk from "chalk";
+async function installDependencies(dependencies, config, cwd) {
+  if (dependencies.length === 0) return;
+  const spinner = ora({
+    text: `Instalando depend\xEAncias: ${chalk.cyan(dependencies.join(", "))}`
+  }).start();
+  try {
+    const command = getInstallCommand(config.packageManager, dependencies);
+    const [cmd, ...args] = command.split(" ");
+    await execa(cmd, args, { cwd, stdio: "pipe" });
+    spinner.succeed(
+      `Depend\xEAncias instaladas: ${chalk.green(dependencies.join(", "))}`
+    );
+  } catch (error) {
+    spinner.fail(`Falha ao instalar depend\xEAncias`);
+    throw error;
+  }
+}
+async function installShadcnComponent(componentName, config, cwd) {
+  const spinner = ora({
+    text: `Instalando shadcn/ui: ${chalk.cyan(componentName)}`
+  }).start();
+  try {
+    const command = getExecCommand(
+      config.packageManager,
+      `shadcn@latest add ${componentName} -y`
+    );
+    const [cmd, ...args] = command.split(" ");
+    await execa(cmd, args, { cwd, stdio: "pipe" });
+    spinner.succeed(
+      `shadcn/ui instalado: ${chalk.green(componentName)}`
+    );
+  } catch (error) {
+    spinner.fail(`Falha ao instalar shadcn/ui ${componentName}`);
+    throw error;
+  }
+}
+async function ensureShadcnForm(config, cwd) {
+  if (config.hasShadcnForm) {
+    return;
+  }
+  console.log(
+    chalk.yellow("\n\u26A0\uFE0F  shadcn/form n\xE3o detectado. Instalando...")
+  );
+  const deps = ["react-hook-form", "@hookform/resolvers", "zod"];
+  await installDependencies(
+    deps.filter(
+      (d) => !config.hasReactHookForm || d !== "react-hook-form" && d !== "@hookform/resolvers" && d !== "zod"
+    ),
+    config,
+    cwd
+  );
+  await installShadcnComponent("form", config, cwd);
+}
+
+// src/registry/components/select-estado.ts
+var selectEstadoComponent = {
+  name: "select-estado",
+  description: "Combobox para sele\xE7\xE3o de estados brasileiros com fetch din\xE2mico da API do IBGE",
+  dependencies: [],
+  devDependencies: [],
+  shadcnDeps: ["command", "popover", "button"],
+  variants: {
+    withForm: {
+      dependencies: ["react-hook-form", "@hookform/resolvers", "zod"]
+    }
+  },
+  getCode: (config, options) => {
+    const isNextjs = config.type === "nextjs";
+    const useAlias = config.srcDir ? "@/" : "../";
+    if (isNextjs) {
+      return getNextjsCode(useAlias, config.isTypeScript);
+    } else {
+      return getViteCode(useAlias, config.isTypeScript);
+    }
+  },
+  getServerAction: (config) => {
+    return getServerActionCode(config.isTypeScript);
+  },
+  getFormWrapper: (config) => {
+    const useAlias = config.srcDir ? "@/" : "../";
+    return getFormWrapperCode(useAlias, config.isTypeScript);
+  },
+  usageExample: (withForm) => {
+    if (withForm) {
+      return `
+import { SelectEstadoField } from "@/components/ui/select-estado-field"
+
+// Dentro do seu FormProvider:
+<SelectEstadoField
+  name="estado"
+  label="Estado"
+  description="Selecione o estado"
+/>`;
+    }
+    return `
+import { SelectEstado } from "@/components/ui/select-estado"
+
+<SelectEstado
+  value={estado}
+  onValueChange={setEstado}
+  placeholder="Selecione um estado"
+/>`;
+  }
+};
+function getNextjsCode(aliasPrefix, isTypeScript) {
+  const ts = isTypeScript;
+  return `"use client";
+
+import * as React from "react";
+import { Check, ChevronsUpDown, Loader2 } from "lucide-react";
+import { cn } from "${aliasPrefix}lib/utils";
+import { Button } from "${aliasPrefix}components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "${aliasPrefix}components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "${aliasPrefix}components/ui/popover";
+import { getEstados } from "${aliasPrefix}actions/select-estado";
+
+${ts ? `interface Estado {
+  id: number;
+  sigla: string;
+  nome: string;
+}
+
+interface SelectEstadoProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}` : ""}
+
+export function SelectEstado({
+  value,
+  onValueChange,
+  placeholder = "Selecione um estado...",
+  disabled = false,
+  className,
+}${ts ? ": SelectEstadoProps" : ""}) {
+  const [open, setOpen] = React.useState(false);
+  const [estados, setEstados] = React.useState${ts ? "<Estado[]>" : ""}([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState${ts ? "<string | null>" : ""}(null);
+
+  React.useEffect(() => {
+    async function fetchEstados() {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await getEstados();
+        setEstados(data);
+      } catch (err) {
+        setError("Erro ao carregar estados");
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    fetchEstados();
+  }, []);
+
+  const selectedEstado = estados.find((estado) => estado.sigla === value);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          disabled={disabled || loading}
+          className={cn("w-full justify-between", className)}
+        >
+          {loading ? (
+            <span className="flex items-center gap-2">
+              <Loader2 className="h-4 w-4 animate-spin" />
+              Carregando...
+            </span>
+          ) : error ? (
+            <span className="text-destructive">{error}</span>
+          ) : selectedEstado ? (
+            <span>{selectedEstado.nome} ({selectedEstado.sigla})</span>
+          ) : (
+            <span className="text-muted-foreground">{placeholder}</span>
+          )}
+          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-full p-0" align="start">
+        <Command>
+          <CommandInput placeholder="Buscar estado..." />
+          <CommandList>
+            <CommandEmpty>Nenhum estado encontrado.</CommandEmpty>
+            <CommandGroup>
+              {estados.map((estado) => (
+                <CommandItem
+                  key={estado.id}
+                  value={\`\${estado.nome} \${estado.sigla}\`}
+                  onSelect={() => {
+                    onValueChange?.(estado.sigla === value ? "" : estado.sigla);
+                    setOpen(false);
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      value === estado.sigla ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {estado.nome} ({estado.sigla})
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+`;
+}
+function getViteCode(aliasPrefix, isTypeScript) {
+  const ts = isTypeScript;
+  return `import * as React from "react";
+import { Check, ChevronsUpDown, Loader2 } from "lucide-react";
+import { cn } from "${aliasPrefix}lib/utils";
+import { Button } from "${aliasPrefix}components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "${aliasPrefix}components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "${aliasPrefix}components/ui/popover";
+
+const IBGE_API_URL = "https://servicodados.ibge.gov.br/api/v1/localidades/estados?orderBy=nome";
+
+${ts ? `interface Estado {
+  id: number;
+  sigla: string;
+  nome: string;
+}
+
+interface SelectEstadoProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}` : ""}
+
+export function SelectEstado({
+  value,
+  onValueChange,
+  placeholder = "Selecione um estado...",
+  disabled = false,
+  className,
+}${ts ? ": SelectEstadoProps" : ""}) {
+  const [open, setOpen] = React.useState(false);
+  const [estados, setEstados] = React.useState${ts ? "<Estado[]>" : ""}([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState${ts ? "<string | null>" : ""}(null);
+
+  React.useEffect(() => {
+    const controller = new AbortController();
+
+    async function fetchEstados() {
+      try {
+        setLoading(true);
+        setError(null);
+
+        const response = await fetch(IBGE_API_URL, {
+          signal: controller.signal,
+        });
+
+        if (!response.ok) {
+          throw new Error("Erro ao buscar estados");
+        }
+
+        const data${ts ? ": Estado[]" : ""} = await response.json();
+        setEstados(data);
+      } catch (err) {
+        if (err${ts ? " instanceof Error && " : " && "}err.name !== "AbortError") {
+          setError("Erro ao carregar estados");
+          console.error(err);
+        }
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    fetchEstados();
+
+    return () => controller.abort();
+  }, []);
+
+  const selectedEstado = estados.find((estado) => estado.sigla === value);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          disabled={disabled || loading}
+          className={cn("w-full justify-between", className)}
+        >
+          {loading ? (
+            <span className="flex items-center gap-2">
+              <Loader2 className="h-4 w-4 animate-spin" />
+              Carregando...
+            </span>
+          ) : error ? (
+            <span className="text-destructive">{error}</span>
+          ) : selectedEstado ? (
+            <span>{selectedEstado.nome} ({selectedEstado.sigla})</span>
+          ) : (
+            <span className="text-muted-foreground">{placeholder}</span>
+          )}
+          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-full p-0" align="start">
+        <Command>
+          <CommandInput placeholder="Buscar estado..." />
+          <CommandList>
+            <CommandEmpty>Nenhum estado encontrado.</CommandEmpty>
+            <CommandGroup>
+              {estados.map((estado) => (
+                <CommandItem
+                  key={estado.id}
+                  value={\`\${estado.nome} \${estado.sigla}\`}
+                  onSelect={() => {
+                    onValueChange?.(estado.sigla === value ? "" : estado.sigla);
+                    setOpen(false);
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      value === estado.sigla ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {estado.nome} ({estado.sigla})
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+`;
+}
+function getServerActionCode(isTypeScript) {
+  const ts = isTypeScript;
+  return `"use server";
+
+const IBGE_API_URL = "https://servicodados.ibge.gov.br/api/v1/localidades/estados?orderBy=nome";
+
+${ts ? `interface Estado {
+  id: number;
+  sigla: string;
+  nome: string;
+}` : ""}
+
+export async function getEstados()${ts ? ": Promise<Estado[]>" : ""} {
+  try {
+    const response = await fetch(IBGE_API_URL, {
+      next: { revalidate: 86400 }, // Cache por 24 horas
+    });
+
+    if (!response.ok) {
+      throw new Error("Erro ao buscar estados do IBGE");
+    }
+
+    const data${ts ? ": Estado[]" : ""} = await response.json();
+    return data;
+  } catch (error) {
+    console.error("Erro ao buscar estados:", error);
+    throw new Error("N\xE3o foi poss\xEDvel carregar a lista de estados");
+  }
+}
+`;
+}
+function getFormWrapperCode(aliasPrefix, isTypeScript) {
+  const ts = isTypeScript;
+  return `"use client";
+
+import * as React from "react";
+import { useFormContext${ts ? ", FieldPath, FieldValues" : ""} } from "react-hook-form";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "${aliasPrefix}components/ui/form";
+import { SelectEstado } from "./select-estado";
+
+${ts ? `interface SelectEstadoFieldProps<T extends FieldValues> {
+  name: FieldPath<T>;
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}` : ""}
+
+export function SelectEstadoField${ts ? "<T extends FieldValues>" : ""}({
+  name,
+  label,
+  description,
+  placeholder,
+  disabled,
+  className,
+}${ts ? ": SelectEstadoFieldProps<T>" : ""}) {
+  const form = useFormContext${ts ? "<T>" : ""}();
+
+  return (
+    <FormField
+      control={form.control}
+      name={name}
+      render={({ field }) => (
+        <FormItem className={className}>
+          {label && <FormLabel>{label}</FormLabel>}
+          <FormControl>
+            <SelectEstado
+              value={field.value}
+              onValueChange={field.onChange}
+              placeholder={placeholder}
+              disabled={disabled}
+            />
+          </FormControl>
+          {description && <FormDescription>{description}</FormDescription>}
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+}
+`;
+}
+
+// src/registry/index.ts
+var COMPONENT_REGISTRY = {
+  "select-estado": selectEstadoComponent
+};
+
+// src/commands/add.ts
+async function addCommand(componentName, options) {
+  const cwd = process.cwd();
+  console.log(chalk2.cyan(`
+\u{1F4E6} Adicionando componente: ${componentName}
+`));
+  const component = COMPONENT_REGISTRY[componentName];
+  if (!component) {
+    console.error(
+      chalk2.red(`\u274C Componente "${componentName}" n\xE3o encontrado.`)
+    );
+    console.log(chalk2.dim("\nComponentes dispon\xEDveis:"));
+    Object.keys(COMPONENT_REGISTRY).forEach((name) => {
+      console.log(chalk2.dim(`  - ${name}`));
+    });
+    process.exit(1);
+  }
+  const config = await getConfig(cwd);
+  if (!config) {
+    console.error(
+      chalk2.red("\u274C herow.config.json n\xE3o encontrado.")
+    );
+    console.log(chalk2.dim("Execute primeiro: herow init"));
+    process.exit(1);
+  }
+  const spinner = ora2("Detectando projeto...").start();
+  let projectConfig;
+  try {
+    projectConfig = await detectProject(cwd);
+    spinner.succeed(
+      `Projeto detectado: ${projectConfig.type === "nextjs" ? "Next.js" : "Vite"}`
+    );
+  } catch (error) {
+    spinner.fail("Erro ao detectar projeto");
+    throw error;
+  }
+  let withForm = options.withForm ?? false;
+  if (component.variants?.withForm && !options.yes && !options.withForm) {
+    const response = await prompts({
+      type: "confirm",
+      name: "withForm",
+      message: "Deseja integrar com React Hook Form?",
+      initial: false
+    });
+    if (response.withForm === void 0) {
+      console.log(chalk2.yellow("\nInstala\xE7\xE3o cancelada."));
+      process.exit(0);
+    }
+    withForm = response.withForm;
+  }
+  const allDeps = [...component.dependencies];
+  if (withForm && component.variants?.withForm) {
+    allDeps.push(...component.variants.withForm.dependencies);
+  }
+  console.log(chalk2.dim("\nSer\xE1 instalado:"));
+  console.log(chalk2.dim(`  Componente: ${componentName}`));
+  if (allDeps.length > 0) {
+    console.log(chalk2.dim(`  Depend\xEAncias: ${allDeps.join(", ")}`));
+  }
+  if (withForm) {
+    console.log(chalk2.dim(`  Integra\xE7\xE3o: React Hook Form + Zod`));
+  }
+  if (!options.yes) {
+    const { confirm } = await prompts({
+      type: "confirm",
+      name: "confirm",
+      message: "Continuar?",
+      initial: true
+    });
+    if (!confirm) {
+      console.log(chalk2.yellow("\nInstala\xE7\xE3o cancelada."));
+      process.exit(0);
+    }
+  }
+  if (component.shadcnDeps && component.shadcnDeps.length > 0) {
+    for (const dep of component.shadcnDeps) {
+      await installShadcnComponent(dep, projectConfig, cwd);
+    }
+  }
+  if (withForm) {
+    await ensureShadcnForm(projectConfig, cwd);
+  }
+  if (options.deps !== false && allDeps.length > 0) {
+    await installDependencies(allDeps, projectConfig, cwd);
+  }
+  const writeSpinner = ora2("Escrevendo arquivos...").start();
+  try {
+    const uiPath = resolveAlias(config.aliases.ui || config.aliases.components, cwd);
+    const mainFile = component.getCode(projectConfig, { withForm });
+    const mainFilePath = path3.join(
+      uiPath,
+      `${componentName}.${projectConfig.isTypeScript ? "tsx" : "jsx"}`
+    );
+    await fs3.ensureDir(path3.dirname(mainFilePath));
+    await fs3.writeFile(mainFilePath, mainFile, "utf-8");
+    if (projectConfig.type === "nextjs" && component.getServerAction) {
+      const actionCode = component.getServerAction(projectConfig);
+      const actionsPath = path3.join(
+        cwd,
+        projectConfig.actionsPath || (projectConfig.srcDir ? "src/actions" : "actions")
+      );
+      const actionFilePath = path3.join(
+        actionsPath,
+        `${componentName}.${projectConfig.isTypeScript ? "ts" : "js"}`
+      );
+      await fs3.ensureDir(path3.dirname(actionFilePath));
+      await fs3.writeFile(actionFilePath, actionCode, "utf-8");
+      writeSpinner.succeed(`Arquivos escritos!`);
+      console.log(chalk2.dim(`  ${mainFilePath}`));
+      console.log(chalk2.dim(`  ${actionFilePath}`));
+    } else {
+      writeSpinner.succeed(`Arquivo escrito: ${mainFilePath}`);
+    }
+    if (withForm && component.getFormWrapper) {
+      const formFile = component.getFormWrapper(projectConfig);
+      const formFilePath = path3.join(
+        uiPath,
+        `${componentName}-field.${projectConfig.isTypeScript ? "tsx" : "jsx"}`
+      );
+      await fs3.writeFile(formFilePath, formFile, "utf-8");
+      console.log(chalk2.dim(`  ${formFilePath}`));
+    }
+  } catch (error) {
+    writeSpinner.fail("Erro ao escrever arquivos");
+    throw error;
+  }
+  console.log(chalk2.green(`
+\u2705 Componente ${componentName} adicionado com sucesso!`));
+  if (component.usageExample) {
+    console.log(chalk2.dim("\nExemplo de uso:"));
+    console.log(chalk2.cyan(component.usageExample(withForm)));
+  }
+}
+
+// src/commands/init.ts
+import chalk3 from "chalk";
+import ora3 from "ora";
+import prompts2 from "prompts";
+import fs4 from "fs-extra";
+import path4 from "path";
+async function initCommand(options) {
+  const cwd = process.cwd();
+  console.log(chalk3.cyan("\n\u{1F680} Inicializando Herow Components...\n"));
+  const existingConfig = await getConfig(cwd);
+  if (existingConfig && !options.yes) {
+    const { overwrite } = await prompts2({
+      type: "confirm",
+      name: "overwrite",
+      message: "herow.config.json j\xE1 existe. Deseja sobrescrever?",
+      initial: false
+    });
+    if (!overwrite) {
+      console.log(chalk3.yellow("Inicializa\xE7\xE3o cancelada."));
+      return;
+    }
+  }
+  const spinner = ora3("Detectando configura\xE7\xE3o do projeto...").start();
+  let projectConfig;
+  try {
+    projectConfig = await detectProject(cwd);
+    spinner.succeed("Projeto detectado!");
+  } catch (error) {
+    spinner.fail("Erro ao detectar projeto");
+    console.error(
+      chalk3.red(error instanceof Error ? error.message : "Erro desconhecido")
+    );
+    process.exit(1);
+  }
+  console.log(
+    chalk3.dim(`
+  Tipo: ${projectConfig.type === "nextjs" ? "Next.js" : projectConfig.type === "vite" ? "Vite" : "Desconhecido"}
+  TypeScript: ${projectConfig.isTypeScript ? "Sim" : "N\xE3o"}
+  Diret\xF3rio src: ${projectConfig.srcDir ? "Sim" : "N\xE3o"}
+  Tailwind: ${projectConfig.hasTailwind ? "Sim" : "N\xE3o"}
+  Package Manager: ${projectConfig.packageManager}
+`)
+  );
+  let config = getDefaultConfig({
+    isTypeScript: projectConfig.isTypeScript,
+    srcDir: projectConfig.srcDir,
+    hasTailwind: projectConfig.hasTailwind
+  });
+  if (!options.yes) {
+    const responses = await prompts2([
+      {
+        type: "select",
+        name: "style",
+        message: "Qual estilo voc\xEA prefere?",
+        choices: [
+          { title: "Default", value: "default" },
+          { title: "New York", value: "new-york" }
+        ],
+        initial: 0
+      },
+      {
+        type: "text",
+        name: "componentsAlias",
+        message: "Alias para componentes:",
+        initial: config.aliases.components
+      },
+      {
+        type: "text",
+        name: "uiAlias",
+        message: "Alias para componentes UI:",
+        initial: config.aliases.ui
+      },
+      {
+        type: "text",
+        name: "registry",
+        message: "URL do registry customizado (deixe vazio para usar o padr\xE3o):",
+        initial: ""
+      }
+    ]);
+    if (responses.componentsAlias === void 0) {
+      console.log(chalk3.yellow("\nInicializa\xE7\xE3o cancelada."));
+      process.exit(0);
+    }
+    config = {
+      ...config,
+      style: responses.style,
+      aliases: {
+        ...config.aliases,
+        components: responses.componentsAlias,
+        ui: responses.uiAlias
+      },
+      registry: responses.registry || void 0
+    };
+  }
+  const writeSpinner = ora3("Salvando configura\xE7\xE3o...").start();
+  try {
+    await writeConfig(cwd, config);
+    writeSpinner.succeed("Configura\xE7\xE3o salva em herow.config.json");
+  } catch (error) {
+    writeSpinner.fail("Erro ao salvar configura\xE7\xE3o");
+    throw error;
+  }
+  const uiDir = path4.join(cwd, projectConfig.componentsPath);
+  if (!await fs4.pathExists(uiDir)) {
+    await fs4.ensureDir(uiDir);
+    console.log(chalk3.dim(`  Criado: ${projectConfig.componentsPath}`));
+  }
+  if (projectConfig.actionsPath) {
+    const actionsDir = path4.join(cwd, projectConfig.actionsPath);
+    if (!await fs4.pathExists(actionsDir)) {
+      await fs4.ensureDir(actionsDir);
+      console.log(chalk3.dim(`  Criado: ${projectConfig.actionsPath}`));
+    }
+  }
+  console.log(chalk3.green("\n\u2705 Herow Components inicializado com sucesso!"));
+  console.log(chalk3.dim("\nPr\xF3ximos passos:"));
+  console.log(chalk3.cyan("  herow add select-estado"));
+  console.log(chalk3.cyan("  herow list\n"));
+}
+
+// src/commands/list.ts
+import chalk4 from "chalk";
+async function listCommand() {
+  console.log(chalk4.cyan("\n\u{1F4E6} Componentes dispon\xEDveis:\n"));
+  for (const [name, component] of Object.entries(COMPONENT_REGISTRY)) {
+    console.log(
+      `  ${chalk4.green("\u25CF")} ${chalk4.bold(name)}`
+    );
+    console.log(chalk4.dim(`    ${component.description}`));
+    if (component.dependencies.length > 0) {
+      console.log(
+        chalk4.dim(`    Deps: ${component.dependencies.join(", ")}`)
+      );
+    }
+    if (component.variants?.withForm) {
+      console.log(chalk4.yellow(`    \u{1F4DD} Suporta integra\xE7\xE3o com React Hook Form`));
+    }
+    console.log();
+  }
+  console.log(chalk4.dim("Para adicionar um componente:"));
+  console.log(chalk4.cyan("  herow add <nome-do-componente>\n"));
+}
+
+// src/index.ts
+var program = new Command();
+program.name("herow").description(
+  chalk5.cyan("\u{1F680} Herow Components CLI") + "\n   Instale componentes React diretamente do GitHub"
+).version("0.1.0");
+program.command("init").description("Inicializa a configura\xE7\xE3o do Herow no seu projeto").option("-y, --yes", "Pular prompts e usar configura\xE7\xF5es padr\xE3o").action(initCommand);
+program.command("add").description("Adiciona um componente ao seu projeto").argument("<component>", "Nome do componente (ex: select-estado)").option("-y, --yes", "Pular prompts de confirma\xE7\xE3o").option("--with-form", "Incluir integra\xE7\xE3o com React Hook Form").option("--no-deps", "N\xE3o instalar depend\xEAncias automaticamente").action(addCommand);
+program.command("list").alias("ls").description("Lista todos os componentes dispon\xEDveis").action(listCommand);
+program.parse();

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name"           : "@herowcode/cli",
+  "version"        : "0.1.0",
+  "description"    : "CLI para instalar componentes Herow diretamente do GitHub",
+  "type"           : "module",
+  "bin"            : {"herow": "./dist/index.js"},
+  "main"           : "./dist/index.js",
+  "types"          : "./dist/index.d.ts",
+  "files"          : ["dist"],
+  "scripts"        : {
+    "dev"           : "tsup src/index.ts --format esm --watch",
+    "build"         : "tsup src/index.ts --format esm --dts --clean",
+    "start"         : "node dist/index.js",
+    "typecheck"     : "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "dependencies"   : {
+    "chalk"     : "^5.3.0",
+    "commander" : "^11.1.0",
+    "execa"     : "^8.0.1",
+    "fs-extra"  : "^11.2.0",
+    "node-fetch": "^3.3.2",
+    "ora"       : "^7.0.1",
+    "prompts"   : "^2.4.2",
+    "zod"       : "^3.22.4"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node"    : "^20.10.0",
+    "@types/prompts" : "^2.4.9",
+    "tsup"           : "^8.0.1",
+    "typescript"     : "^5.3.0"
+  },
+  "publishConfig"  : {"access": "public"}
+}