@saastro/forms 0.1.3

package/cli.js

@@ -0,0 +1,732 @@
+#!/usr/bin/env node
+
+/**
+ * CLI para instalar componentes UI de @saastro/forms
+ * Uso: npx @saastro/forms add <component>
+ *
+ * CLI para instalar componentes shadcn requeridos por @saastro/forms
+ *
+ * Los componentes shadcn se instalan automáticamente desde shadcn/ui
+ * cuando se ejecuta `npm install` en el proyecto consumidor.
+ *
+ * Componentes shadcn requeridos:
+ * - input, button, label, textarea, select, checkbox, radio-group
+ * - popover, calendar, tooltip, slider, switch, separator, dialog, command
+ * - field, form
+ */
+
+import { execSync } from 'child_process';
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+/**
+ * Obtiene la ruta base del paquete (funciona en desarrollo y producción)
+ */
+function getPackageRoot() {
+  // En desarrollo: cli.js está en packages/saastro-forms/
+  // En producción: cli.js está en node_modules/@saastro/forms/
+  const srcPath = join(__dirname, 'src');
+  if (existsSync(srcPath)) {
+    return __dirname; // Desarrollo: usar src/
+  }
+  // En producción, intentar encontrar src/ relativo a node_modules
+  return __dirname;
+}
+
+// Componentes shadcn requeridos por @saastro/forms
+const SHADCN_COMPONENTS = [
+  // Core
+  'input',
+  'button',
+  'label',
+  'textarea',
+  'select',
+  'checkbox',
+  'radio-group',
+  // Extras
+  'popover',
+  'calendar',
+  'tooltip',
+  'slider',
+  'switch',
+  'separator',
+  'dialog',
+  'command',
+  'input-otp',
+  'native-select',
+  'accordion', // Para StepsAccordion
+  // Nota: combobox no está disponible en shadcn, se construye con Popover + Command
+  // Nota: field y form son componentes shadcn que se instalan desde shadcn
+  'field',
+  'form',
+];
+
+// Componentes core disponibles (legacy, para compatibilidad)
+// Componentes custom del paquete @saastro/forms (NO están en shadcn)
+// Estos se copian desde el paquete al proyecto consumidor
+const CORE_COMPONENTS = [
+  // Solo componentes custom que NO están en shadcn
+  // Los componentes shadcn (input, button, label, textarea, select, checkbox, radio-group, field, form)
+  // se instalan automáticamente desde shadcn mediante checkAndInstallComponents()
+];
+
+// Mapeo de nombres de componentes custom a archivos
+// Solo componentes que NO están en shadcn y que viven en el paquete
+// Los componentes shadcn se instalan automáticamente desde shadcn
+const COMPONENT_FILES = {
+  // Ejemplo: si hubiera componentes custom aquí
+  // "button-pro": "button-pro.tsx",
+};
+
+/**
+ * Lee components.json del proyecto consumidor
+ */
+function readComponentsConfig() {
+  const configPath = join(process.cwd(), 'components.json');
+
+  if (!existsSync(configPath)) {
+    console.error('❌ No se encontró components.json en el directorio actual.');
+    console.error(
+      '   Asegúrate de estar en la raíz del proyecto y de tener components.json configurado.',
+    );
+    process.exit(1);
+  }
+
+  try {
+    const configContent = readFileSync(configPath, 'utf-8');
+    return JSON.parse(configContent);
+  } catch (error) {
+    console.error('❌ Error al leer components.json:', error.message);
+    process.exit(1);
+  }
+}
+
+/**
+ * Resuelve el path de un alias según components.json
+ */
+function resolveAlias(alias, config) {
+  const aliases = config.aliases || {};
+  return aliases[alias] || `src/${alias}`;
+}
+
+/**
+ * Transforma imports relativos a imports con alias
+ */
+function transformImports(content, config) {
+  const aliases = config.aliases || {};
+  const utilsPath = aliases.utils || 'src/lib/utils';
+
+  // Convertir imports relativos de lib/utils a alias
+  // Ejemplo: import { cn } from "../../lib/utils" -> import { cn } from "@/lib/utils"
+  const utilsAlias = utilsPath.replace(/^src\//, '@/');
+
+  // Reemplazar imports relativos de lib/utils
+  content = content.replace(/from\s+["']\.\.\/\.\.\/lib\/utils["']/g, `from "${utilsAlias}"`);
+  content = content.replace(/from\s+["']\.\.\/\.\.\/\.\.\/lib\/utils["']/g, `from "${utilsAlias}"`);
+
+  // Reemplazar imports absolutos de src/lib/utils a alias
+  content = content.replace(/from\s+["']src\/lib\/utils["']/g, `from "${utilsAlias}"`);
+
+  // Convertir imports relativos de otros componentes UI
+  // Ejemplo: import { Label } from "./label" -> import { Label } from "@/components/ui/label"
+  const uiPath = aliases.ui || 'src/components/ui';
+  const uiAlias = uiPath.replace(/^src\//, '@/');
+
+  content = content.replace(/from\s+["']\.\/([a-z-]+)["']/g, (match, component) => {
+    // Solo transformar si es un componente UI conocido
+    if (CORE_COMPONENTS.includes(component) || COMPONENT_FILES[component]) {
+      return `from "${uiAlias}/${component}"`;
+    }
+    return match;
+  });
+
+  // Reemplazar imports absolutos de src/components/ui a alias
+  content = content.replace(
+    /from\s+["']src\/components\/ui\/([a-z-]+)["']/g,
+    (match, component) => {
+      return `from "${uiAlias}/${component}"`;
+    },
+  );
+
+  return content;
+}
+
+/**
+ * Verifica si un componente shadcn está instalado
+ */
+function isComponentInstalled(componentName, config) {
+  const uiPath = resolveAlias('ui', config);
+  const componentPath = join(process.cwd(), uiPath.replace(/^@\//, 'src/'), `${componentName}.tsx`);
+  return existsSync(componentPath);
+}
+
+/**
+ * Instala un componente shadcn usando el CLI oficial
+ */
+function installShadcnComponent(componentName, config, current, total) {
+  try {
+    const progress = total > 1 ? `[${current}/${total}] ` : '';
+    console.log(`\n${progress}📦 Instalando ${componentName}...`);
+    const startTime = Date.now();
+    // Usar --overwrite para evitar preguntas interactivas
+    execSync(`npx shadcn@latest add ${componentName} --yes --overwrite`, {
+      stdio: 'inherit',
+      cwd: process.cwd(),
+    });
+    const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+    console.log(`✓ ${componentName} instalado correctamente (${duration}s)`);
+    return true;
+  } catch (error) {
+    console.error(`\n❌ Error al instalar ${componentName}:`, error.message);
+    return false;
+  }
+}
+
+/**
+ * Verifica e instala todos los componentes shadcn requeridos
+ */
+function checkAndInstallComponents(config) {
+  console.log('🔍 Verificando componentes shadcn requeridos...\n');
+
+  const missingComponents = [];
+  const installedComponents = [];
+
+  for (const component of SHADCN_COMPONENTS) {
+    if (isComponentInstalled(component, config)) {
+      installedComponents.push(component);
+      console.log(`✓ ${component} ya está instalado`);
+    } else {
+      missingComponents.push(component);
+    }
+  }
+
+  if (missingComponents.length === 0) {
+    console.log('\n✅ Todos los componentes requeridos están instalados.');
+    return true;
+  }
+
+  console.log(`\n📦 Instalando ${missingComponents.length} componente(s) faltante(s)...\n`);
+  console.log(`Componentes a instalar: ${missingComponents.join(', ')}\n`);
+
+  // Intentar instalar todos de una vez (más rápido)
+  if (missingComponents.length > 1) {
+    console.log('⚡ Intentando instalar todos los componentes en un solo comando...\n');
+    try {
+      const componentsList = missingComponents.join(' ');
+      const startTime = Date.now();
+      // Usar --overwrite para evitar preguntas interactivas
+      execSync(`npx shadcn@latest add ${componentsList} --yes --overwrite`, {
+        stdio: 'inherit',
+        cwd: process.cwd(),
+      });
+
+      // Transformar imports en los componentes instalados
+      console.log('\n🔄 Transformando imports a alias...');
+      for (const component of missingComponents) {
+        const uiPath = resolveAlias('ui', config);
+        const componentPath = join(
+          process.cwd(),
+          uiPath.replace(/^@\//, 'src/'),
+          `${component}.tsx`,
+        );
+        if (existsSync(componentPath)) {
+          let content = readFileSync(componentPath, 'utf-8');
+          content = transformImports(content, config);
+          writeFileSync(componentPath, content, 'utf-8');
+        }
+      }
+
+      const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+      console.log(`\n✅ Todos los componentes se instalaron correctamente (${duration}s).`);
+      return true;
+    } catch (error) {
+      console.error('\n⚠️  Error al instalar en lote, intentando uno por uno...\n');
+      console.error(`Error: ${error.message}\n`);
+    }
+  }
+
+  // Fallback: instalar uno por uno con progreso visible
+  console.log('📋 Instalando componentes uno por uno...\n');
+  let allInstalled = true;
+  const total = missingComponents.length;
+
+  for (let i = 0; i < missingComponents.length; i++) {
+    const component = missingComponents[i];
+    if (!installShadcnComponent(component, config, i + 1, total)) {
+      allInstalled = false;
+    } else {
+      // Transformar imports después de instalar
+      const uiPath = resolveAlias('ui', config);
+      const componentPath = join(process.cwd(), uiPath.replace(/^@\//, 'src/'), `${component}.tsx`);
+      if (existsSync(componentPath)) {
+        let content = readFileSync(componentPath, 'utf-8');
+        content = transformImports(content, config);
+        writeFileSync(componentPath, content, 'utf-8');
+      }
+    }
+  }
+
+  if (allInstalled) {
+    console.log('\n✅ Todos los componentes se instalaron correctamente.');
+  } else {
+    console.log('\n⚠️  Algunos componentes no se pudieron instalar. Revisa los errores arriba.');
+  }
+
+  return allInstalled;
+}
+
+/**
+ * Copia lib/utils.ts si no existe
+ */
+function ensureUtils(config) {
+  const utilsPath = resolveAlias('utils', config);
+  const fullUtilsPath = join(process.cwd(), utilsPath.replace(/^@\//, 'src/') + '.ts');
+
+  if (existsSync(fullUtilsPath)) {
+    return; // Ya existe
+  }
+
+  // Crear directorio si no existe
+  const utilsDir = dirname(fullUtilsPath);
+  mkdirSync(utilsDir, { recursive: true });
+
+  // Copiar utils.ts desde el paquete
+  const packageRoot = getPackageRoot();
+  const sourceUtils = join(packageRoot, 'src/lib/utils.ts');
+
+  if (!existsSync(sourceUtils)) {
+    console.warn(
+      `⚠ No se encontró ${sourceUtils}. Asegúrate de que el paquete está correctamente instalado.`,
+    );
+    return;
+  }
+
+  const utilsContent = readFileSync(sourceUtils, 'utf-8');
+
+  writeFileSync(fullUtilsPath, utilsContent, 'utf-8');
+  console.log(`✓ Copiado ${utilsPath}.ts`);
+}
+
+/**
+ * Instala un componente custom del paquete (legacy - ya no se usa)
+ * Los componentes shadcn se instalan automáticamente desde shadcn
+ */
+function installComponent(componentName, config) {
+  if (!CORE_COMPONENTS.includes(componentName)) {
+    console.error(`❌ Componente "${componentName}" no está disponible.`);
+    console.error(`   Los componentes shadcn se instalan automáticamente desde shadcn/ui.`);
+    console.error(`   Componentes custom disponibles: ${CORE_COMPONENTS.join(', ') || 'ninguno'}`);
+    process.exit(1);
+  }
+
+  const fileName = COMPONENT_FILES[componentName];
+  if (!fileName) {
+    console.error(`❌ Componente "${componentName}" no tiene archivo asociado.`);
+    process.exit(1);
+  }
+
+  const packageRoot = getPackageRoot();
+  const sourcePath = join(packageRoot, 'src/components/ui', fileName);
+
+  if (!existsSync(sourcePath)) {
+    console.error(`❌ No se encontró el archivo del componente: ${sourcePath}`);
+    console.error(`   Asegúrate de que el paquete @saastro/forms está correctamente instalado.`);
+    process.exit(1);
+  }
+
+  // Leer el contenido del componente
+  let content = readFileSync(sourcePath, 'utf-8');
+
+  // Transformar imports
+  content = transformImports(content, config);
+
+  // Determinar ruta de destino
+  const uiPath = resolveAlias('ui', config);
+  const destPath = join(process.cwd(), uiPath.replace(/^@\//, 'src/'), fileName);
+
+  // Crear directorio si no existe
+  mkdirSync(dirname(destPath), { recursive: true });
+
+  // Escribir componente
+  writeFileSync(destPath, content, 'utf-8');
+
+  console.log(`✓ Instalado ${componentName} en ${uiPath}/${fileName}`);
+}
+
+// ═══════════════════════════════════════════════════════════
+// INIT command — scaffolds zero-config example form
+// ═══════════════════════════════════════════════════════════
+
+/**
+ * Zero-config example form template
+ * Uses Vite's import.meta.glob for auto-discovery of shadcn components
+ */
+const EXAMPLE_TEMPLATE = `import { Form, FormBuilder } from '@saastro/forms';
+
+// Auto-discover all shadcn components at build time
+// This eliminates the need for FormProvider or manual component registration
+const uiComponents = import.meta.glob('@/components/ui/*.tsx', { eager: true });
+
+const formConfig = FormBuilder.create('contact-form')
+  .layout('auto')
+  .columns(1)
+  .gap(4)
+  .addField('name', (f) =>
+    f.type('text').label('Name').placeholder('John Doe').required().minLength(2),
+  )
+  .addField('email', (f) =>
+    f.type('email').label('Email').placeholder('john@example.com').required().email(),
+  )
+  .addField('message', (f) =>
+    f.type('textarea').label('Message').placeholder('How can we help?').required().minLength(10),
+  )
+  .addStep('main', ['name', 'email', 'message'])
+  .initialStep('main')
+  .buttons({
+    submit: { type: 'submit', label: 'Send', variant: 'default' },
+    align: 'end',
+  })
+  .onSuccess((values) => {
+    console.log('Form submitted:', values);
+  })
+  .build();
+
+export function ExampleForm() {
+  return (
+    <div className="mx-auto max-w-lg">
+      <Form config={formConfig} components={uiComponents} />
+    </div>
+  );
+}
+`;
+
+/**
+ * Alternative example using JSON config instead of FormBuilder
+ */
+const EXAMPLE_JSON_TEMPLATE = `import type { FormConfig } from '@saastro/forms';
+import { Form } from '@saastro/forms';
+
+// Auto-discover all shadcn components at build time
+const uiComponents = import.meta.glob('@/components/ui/*.tsx', { eager: true });
+
+// Pure JSON config — no Zod import needed.
+// ValidationRules are compiled to Zod schemas internally.
+const formConfig: FormConfig = {
+  formId: 'contact-form-json',
+  layout: {
+    mode: 'auto',
+    columns: 1,
+    gap: 4,
+  },
+  fields: {
+    name: {
+      type: 'text',
+      label: 'Name',
+      placeholder: 'John Doe',
+      schema: {
+        required: true,
+        minLength: 2,
+        minLengthMessage: 'Name must be at least 2 characters',
+      },
+    },
+    email: {
+      type: 'email',
+      label: 'Email',
+      placeholder: 'john@example.com',
+      schema: { required: true, format: 'email', formatMessage: 'Please enter a valid email' },
+    },
+    message: {
+      type: 'textarea',
+      label: 'Message',
+      placeholder: 'How can we help?',
+      schema: {
+        required: true,
+        minLength: 10,
+        minLengthMessage: 'Message must be at least 10 characters',
+      },
+    },
+  },
+  steps: {
+    main: { fields: ['name', 'email', 'message'] },
+  },
+  initialStep: 'main',
+  buttons: {
+    submit: { type: 'submit', label: 'Send Message', variant: 'default' },
+    align: 'end',
+  },
+  onSuccess: (values) => {
+    console.log('Form submitted (JSON):', values);
+  },
+};
+
+export function ExampleFormJson() {
+  return (
+    <div className="mx-auto max-w-lg">
+      <Form config={formConfig} components={uiComponents} />
+    </div>
+  );
+}
+`;
+
+// Legacy templates kept for backwards compatibility
+const BARREL_TEMPLATE = `/**
+ * @deprecated Use zero-config mode with import.meta.glob instead.
+ *
+ * Zero-config example:
+ * const uiComponents = import.meta.glob('@/components/ui/*.tsx', { eager: true });
+ * <Form config={config} components={uiComponents} />
+ *
+ * This file is kept for backwards compatibility with existing projects.
+ */
+
+// Inputs
+export { Input } from '@/components/ui/input';
+export { Textarea } from '@/components/ui/textarea';
+export { Button } from '@/components/ui/button';
+export { Label } from '@/components/ui/label';
+
+// Checkbox & Switch
+export { Checkbox } from '@/components/ui/checkbox';
+export { Switch } from '@/components/ui/switch';
+
+// Radio Group
+export { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
+
+// Select
+export {
+  Select,
+  SelectTrigger,
+  SelectContent,
+  SelectItem,
+  SelectValue,
+} from '@/components/ui/select';
+
+// Native Select
+export { NativeSelect } from '@/components/ui/native-select';
+
+// Slider
+export { Slider } from '@/components/ui/slider';
+
+// Popover
+export { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+
+// Tooltip
+export {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+} from '@/components/ui/tooltip';
+
+// Separator
+export { Separator } from '@/components/ui/separator';
+
+// Dialog
+export {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from '@/components/ui/dialog';
+
+// Command
+export {
+  Command,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+} from '@/components/ui/command';
+
+// Input OTP
+export { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp';
+
+// Accordion
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from '@/components/ui/accordion';
+
+// Calendar
+export { Calendar } from '@/components/ui/calendar';
+
+// Form (react-hook-form integration)
+export { FormField, FormControl } from '@/components/ui/form';
+
+// Field (composable field system)
+export { Field, FieldLabel, FieldDescription, FieldError } from '@/components/ui/field';
+`;
+
+// Legacy provider template kept for backwards compatibility
+const PROVIDER_TEMPLATE = `/**
+ * @deprecated Use zero-config mode instead.
+ *
+ * Zero-config example:
+ * const uiComponents = import.meta.glob('@/components/ui/*.tsx', { eager: true });
+ * <Form config={config} components={uiComponents} />
+ */
+import { ComponentProvider, createComponentRegistry } from '@saastro/forms';
+import * as shadcn from '@/lib/form-components';
+
+const componentRegistry = createComponentRegistry(shadcn);
+
+export function FormProvider({ children }: { children: React.ReactNode }) {
+  return <ComponentProvider components={componentRegistry}>{children}</ComponentProvider>;
+}
+`;
+
+function initProject() {
+  console.log('');
+  console.log('@saastro/forms init');
+  console.log('===================');
+  console.log('');
+
+  const config = readComponentsConfig();
+  const componentsDir = join(process.cwd(), 'src/components');
+
+  // 1. Create example form with FormBuilder
+  const examplePath = join(componentsDir, 'ExampleForm.tsx');
+  if (existsSync(examplePath)) {
+    console.log('  exists  src/components/ExampleForm.tsx');
+  } else {
+    mkdirSync(dirname(examplePath), { recursive: true });
+    writeFileSync(examplePath, EXAMPLE_TEMPLATE, 'utf-8');
+    console.log('  create  src/components/ExampleForm.tsx');
+  }
+
+  // 2. Create example form with JSON config
+  const exampleJsonPath = join(componentsDir, 'ExampleFormJson.tsx');
+  if (existsSync(exampleJsonPath)) {
+    console.log('  exists  src/components/ExampleFormJson.tsx');
+  } else {
+    writeFileSync(exampleJsonPath, EXAMPLE_JSON_TEMPLATE, 'utf-8');
+    console.log('  create  src/components/ExampleFormJson.tsx');
+  }
+
+  console.log('');
+  console.log('Done! Next steps:');
+  console.log('');
+  console.log('  1. Install required shadcn components:');
+  console.log('     npx @saastro/forms install-deps');
+  console.log('');
+  console.log('  2. Use the form in your page:');
+  console.log('');
+  console.log('     ---');
+  console.log('     import { ExampleForm } from "@/components/ExampleForm";');
+  console.log('     ---');
+  console.log('     <ExampleForm client:idle />');
+  console.log('');
+  console.log('  Zero-config mode: Components are auto-discovered via import.meta.glob.');
+  console.log('  No FormProvider or form-components.ts needed!');
+  console.log('');
+}
+
+/**
+ * Funcion principal
+ */
+function main() {
+  const args = process.argv.slice(2);
+
+  // Modo postinstall: instalar dependencias shadcn automáticamente
+  if (args.length > 0 && args[0] === 'install-deps') {
+    // Verificar que estamos en un proyecto consumidor, no en el paquete mismo
+    const packageJsonPath = join(process.cwd(), 'package.json');
+    if (existsSync(packageJsonPath)) {
+      try {
+        const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
+        if (packageJson.name === '@saastro/forms') {
+          console.log('ℹ️  Detectado que estás en el paquete @saastro/forms.');
+          console.log(
+            '   Este comando debe ejecutarse desde el proyecto consumidor, no desde el paquete.',
+          );
+          console.log('   Ve a tu proyecto (ej: apps/astro-test) y ejecuta: npm install');
+          process.exit(0);
+        }
+      } catch (e) {
+        // Continuar si no se puede leer package.json
+      }
+    }
+
+    let config;
+    try {
+      config = readComponentsConfig();
+    } catch (error) {
+      // Si no hay components.json, no hacer nada (puede ser instalación en monorepo)
+      console.log('ℹ️  No se encontró components.json. Saltando instalación automática.');
+      console.log(
+        '   Si necesitas instalar componentes shadcn, ejecuta: npx @saastro/forms install-deps',
+      );
+      process.exit(0);
+    }
+
+    // Asegurar que utils.ts existe
+    ensureUtils(config);
+
+    // Verificar e instalar componentes shadcn
+    checkAndInstallComponents(config);
+    return;
+  }
+
+  // Modo init: genera barrel + provider + ejemplo
+  if (args.length > 0 && args[0] === 'init') {
+    initProject();
+    return;
+  }
+
+  // Modo legacy: add component (mantener para compatibilidad)
+  if (args.length > 0 && args[0] === 'add') {
+    if (args.length < 2) {
+      console.error('❌ Debes especificar un componente.');
+      console.error('   Ejemplo: npx @saastro/forms add input');
+      process.exit(1);
+    }
+
+    const componentName = args[1];
+    const config = readComponentsConfig();
+
+    // Asegurar que utils.ts existe
+    ensureUtils(config);
+
+    // Instalar componente
+    installComponent(componentName, config);
+
+    console.log('');
+    console.log('✓ Componente instalado correctamente.');
+    console.log(
+      '   Recuerda configurar @source en tu CSS para que Tailwind escanee los componentes.',
+    );
+    return;
+  }
+
+  // Mostrar ayuda
+  console.log('Usage: npx @saastro/forms <command>');
+  console.log('');
+  console.log('Commands:');
+  console.log('  init          Generate zero-config example forms (FormBuilder + JSON)');
+  console.log('  install-deps  Install all required shadcn/ui components');
+  console.log('  add <name>    Install a specific component (legacy)');
+  console.log('');
+  console.log('Quick start:');
+  console.log('  npx @saastro/forms init');
+  console.log('  npx @saastro/forms install-deps');
+  console.log('');
+  console.log('Zero-config mode:');
+  console.log("  Components are auto-discovered via Vite's import.meta.glob.");
+  console.log('  No FormProvider or form-components.ts needed!');
+  console.log('');
+  console.log('Example usage:');
+  console.log('  const ui = import.meta.glob("@/components/ui/*.tsx", { eager: true });');
+  console.log('  <Form config={config} components={ui} />');
+  process.exit(0);
+}
+
+main();