@betterstart/cli 0.1.50 → 0.1.52

package/dist/cli.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6JCWMKSY.js";
 
 // src/cli.ts
-import { Command as Command9 } from "commander";
+import { Command as Command10 } from "commander";
 
 // src/commands/generate.ts
 import path30 from "path";
@@ -2539,13 +2539,18 @@ ${selectItems}
   return `        <div className="space-y-4">
           <FormLabel className="text-sm font-medium leading-none">${label}${requiredStar}</FormLabel>${hintJSX}
           {${name}FieldArray.fields.map((item, index) => (
-            <div key={item.id} className="flex items-end gap-2 rounded-lg border p-4">
-              <div className="flex-1 space-y-4">
+            <div key={item.id} className="relative rounded-lg border p-4">
+              <button
+                type="button"
+                onClick={() => ${name}FieldArray.remove(index)}
+                className="absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+              >
+                <Trash2 className="h-4 w-4" />
+                <span className="sr-only">Remove</span>
+              </button>
+              <div className="space-y-4 pr-8">
 ${nestedFieldsJSX}
               </div>
-              <Button type="button" variant="ghost" size="sm" onClick={() => ${name}FieldArray.remove(index)}>
-                Remove
-              </Button>
             </div>
           ))}
           <Button
@@ -2575,10 +2580,10 @@ function generateMultiStepForm(schema, cwd, cmsDir, options) {
   const zodFields = buildZodFields(allFields);
   const defaults = buildDefaultValues(allFields);
   const listFields = getListFields(allFields);
-  const hasListFields = listFields.length > 0;
+  const hasListFields2 = listFields.length > 0;
   const { setup: watchSetup } = buildWatchDecls(allFields);
-  const rhfImport = hasListFields ? `import { useFieldArray, useForm } from 'react-hook-form'` : `import { useForm } from 'react-hook-form'`;
-  const fieldArraySetup = hasListFields ? `
+  const rhfImport = hasListFields2 ? `import { useFieldArray, useForm } from 'react-hook-form'` : `import { useForm } from 'react-hook-form'`;
+  const fieldArraySetup = hasListFields2 ? `
 ${buildFieldArrayDecls(listFields)}
 ` : "";
   const stepsConst = buildStepsConstant(steps, schema);
@@ -2661,7 +2666,7 @@ export function ${p7.pascal}Form() {
   return `'use client'
 
 import { zodResolver } from '@hookform/resolvers/zod'
-import { Check, ChevronLeft, ChevronRight } from 'lucide-react'
+import { Check, ChevronLeft, ChevronRight${hasListFields ? ", Trash2" : ""} } from 'lucide-react'
 import { parseAsInteger, parseAsArrayOf, useQueryState } from 'nuqs'
 import { useState } from 'react'
 ${p7.rhfImport}
@@ -2868,14 +2873,14 @@ function generateSingleStepForm(schema, cwd, cmsDir, options) {
   const zodFields = buildZodFields(fields);
   const defaults = buildDefaultValues(fields);
   const listFields = getListFields(fields);
-  const hasListFields = listFields.length > 0;
+  const hasListFields2 = listFields.length > 0;
   const { setup: watchSetup } = buildWatchDecls(fields);
   const rawFields = schema.fields || [];
   const fieldJSX = renderFieldsJSX(rawFields);
   const submitText = schema.submitButtonText || "Submit";
   const successMessage = escapeJsx(schema.successMessage || "Form submitted successfully!");
-  const rhfImport = hasListFields ? `import { useFieldArray, useForm } from 'react-hook-form'` : `import { useForm } from 'react-hook-form'`;
-  const fieldArraySetup = hasListFields ? `
+  const rhfImport = hasListFields2 ? `import { useFieldArray, useForm } from 'react-hook-form'` : `import { useForm } from 'react-hook-form'`;
+  const fieldArraySetup = hasListFields2 ? `
 ${buildFieldArrayDecls(listFields)}
 ` : "";
   const hasRadio = fields.some((f) => f.type === "radio");
@@ -2902,9 +2907,11 @@ export function ${pascal}Form() {
   )
 }
 ` : "";
+  const lucideImport = hasListFields2 ? `
+import { Trash2 } from 'lucide-react'` : "";
   const content = `'use client'
 
-import { zodResolver } from '@hookform/resolvers/zod'
+import { zodResolver } from '@hookform/resolvers/zod'${lucideImport}
 import { useState } from 'react'
 ${rhfImport}
 import { z } from 'zod/v3'${queryClientImport}
@@ -15521,18 +15528,183 @@ var uninstallCommand = new Command6("uninstall").description("Remove all CMS fil
   p6.outro("Uninstall complete");
 });
 
-// src/commands/update-deps.ts
+// src/commands/update-component.ts
+import fs45 from "fs";
 import path49 from "path";
 import * as clack2 from "@clack/prompts";
 import { Command as Command7 } from "commander";
-var updateDepsCommand = new Command7("update-deps").description("Install or update all CMS dependencies").option("--cwd <path>", "Project root path").action(async (options) => {
+import fsExtra from "fs-extra";
+var TEMPLATE_REGISTRY = {
+  // CSS
+  "cms-globals": { relPath: "cms-globals.css", content: cmsGlobalsCssTemplate },
+  // Layout
+  "cms-providers": { relPath: "components/layout/cms-providers.tsx", content: cmsProvidersTemplate },
+  "cms-nav-link": { relPath: "components/layout/cms-nav-link.tsx", content: cmsNavLinkTemplate },
+  "cms-sidebar": { relPath: "components/layout/cms-sidebar.tsx", content: cmsSidebarTemplate },
+  "cms-header": { relPath: "components/layout/cms-header.tsx", content: cmsHeaderTemplate },
+  "cms-search": { relPath: "components/layout/cms-search.tsx", content: cmsSearchTemplate },
+  // Shared
+  "page-header": { relPath: "components/shared/page-header.tsx", content: pageHeaderTemplate },
+  "delete-dialog": { relPath: "components/shared/delete-dialog.tsx", content: deleteDialogTemplate },
+  "status-badge": { relPath: "components/shared/status-badge.tsx", content: statusBadgeTemplate },
+  // Data table
+  "data-table": { relPath: "components/data-table/data-table.tsx", content: dataTableTemplate },
+  "data-table-pagination": { relPath: "components/data-table/data-table-pagination.tsx", content: dataTablePaginationTemplate },
+  "data-table-toolbar": { relPath: "components/data-table/data-table-toolbar.tsx", content: dataTableToolbarTemplate },
+  // Hooks
+  "use-upload": { relPath: "hooks/use-upload.ts", content: useUploadHookTemplate },
+  "use-editor-image-upload": { relPath: "hooks/use-editor-image-upload.ts", content: useEditorImageUploadHookTemplate },
+  "use-local-storage": { relPath: "hooks/use-local-storage.ts", content: useLocalStorageHookTemplate },
+  "use-cms-theme": { relPath: "hooks/use-cms-theme.tsx", content: useCmsThemeTemplate },
+  "use-users": { relPath: "hooks/use-users.ts", content: useUsersHookTemplate },
+  "use-mobile": { relPath: "hooks/use-mobile.ts", content: useMobileHookTemplate },
+  // Types
+  "types-index": { relPath: "types/index.ts", content: typesIndexTemplate },
+  "auth-types": { relPath: "types/auth.ts", content: authTypesTemplate },
+  "table-meta": { relPath: "types/table-meta.ts", content: tableMetaTypesTemplate },
+  // Utils
+  cn: { relPath: "utils/cn.ts", content: cnUtilTemplate },
+  seo: { relPath: "utils/seo.ts", content: seoUtilTemplate },
+  validation: { relPath: "utils/validation.ts", content: validationUtilTemplate },
+  webhook: { relPath: "utils/webhook.ts", content: webhookUtilTemplate },
+  mailchimp: { relPath: "utils/mailchimp.ts", content: mailchimpUtilTemplate },
+  // Lib
+  r2: { relPath: "lib/r2.ts", content: r2ClientTemplate },
+  "form-settings-action": { relPath: "lib/actions/form-settings.ts", content: formSettingsActionTemplate },
+  "upload-action": { relPath: "lib/actions/upload.ts", content: uploadActionTemplate },
+  "users-action": { relPath: "lib/actions/users.ts", content: usersActionTemplate },
+  // Markdown
+  "markdown-render": { relPath: "lib/markdown/render.ts", content: markdownRenderTemplate },
+  "markdown-format": { relPath: "lib/markdown/format.ts", content: markdownFormatTemplate },
+  "markdown-cached": { relPath: "lib/markdown/cached.ts", content: markdownCachedTemplate }
+};
+function findCliRoot2() {
+  let dir = new URL(".", import.meta.url).pathname;
+  for (let i = 0; i < 5; i++) {
+    const pkgPath = path49.join(dir, "package.json");
+    if (fs45.existsSync(pkgPath)) {
+      try {
+        const pkg = JSON.parse(fs45.readFileSync(pkgPath, "utf-8"));
+        if (pkg.name === "@betterstart/cli") {
+          return dir;
+        }
+      } catch {
+      }
+    }
+    dir = path49.dirname(dir);
+  }
+  return path49.resolve(new URL(".", import.meta.url).pathname, "..", "..");
+}
+function getStaticUiComponents() {
+  const cliRoot = findCliRoot2();
+  const uiDir = path49.join(cliRoot, "templates", "ui");
+  if (!fs45.existsSync(uiDir)) return [];
+  return fs45.readdirSync(uiDir).filter((f) => f.endsWith(".tsx") || f.endsWith(".ts")).map((f) => f.replace(/\.(tsx|ts)$/, ""));
+}
+function getAllComponentNames() {
+  const staticUi = getStaticUiComponents();
+  const templateKeys = Object.keys(TEMPLATE_REGISTRY);
+  return [.../* @__PURE__ */ new Set([...staticUi, ...templateKeys, "tiptap"])].sort();
+}
+var updateComponentCommand = new Command7("update-component").description("Update individual CMS components from the latest CLI templates").argument("[components...]", "Component names to update (e.g., media-upload-field button)").option("--list", "List all available components").option("--all", "Update all components").option("--cwd <path>", "Project root path").action(async (components, options) => {
   const cwd = options.cwd ? path49.resolve(options.cwd) : process.cwd();
-  clack2.intro("BetterStart Update Dependencies");
+  if (options.list) {
+    const all = getAllComponentNames();
+    clack2.intro("Available components");
+    const uiComponents = getStaticUiComponents();
+    const templateKeys = Object.keys(TEMPLATE_REGISTRY).sort();
+    console.log();
+    console.log(`  UI Components (${uiComponents.length})`);
+    console.log(`  ${"\u2500".repeat(50)}`);
+    console.log(`  ${"Name".padEnd(28)} ${"Path"}`);
+    console.log(`  ${"\u2500".repeat(50)}`);
+    for (const name of uiComponents) {
+      console.log(`  ${name.padEnd(28)} components/ui/${name}.tsx`);
+    }
+    console.log();
+    console.log(`  Template Components (${templateKeys.length})`);
+    console.log(`  ${"\u2500".repeat(56)}`);
+    console.log(`  ${"Name".padEnd(28)} ${"Path"}`);
+    console.log(`  ${"\u2500".repeat(56)}`);
+    for (const name of templateKeys) {
+      console.log(`  ${name.padEnd(28)} ${TEMPLATE_REGISTRY[name].relPath}`);
+    }
+    console.log();
+    console.log(`  Special`);
+    console.log(`  ${"\u2500".repeat(56)}`);
+    console.log(`  ${"tiptap".padEnd(28)} components/ui/tiptap/ (all files)`);
+    console.log();
+    clack2.outro(`${all.length} components available`);
+    return;
+  }
+  if (!options.all && components.length === 0) {
+    clack2.log.error("Provide component names or use --all. Run with --list to see available components.");
+    process.exit(1);
+  }
+  const config = await resolveConfig(cwd);
+  const cms = path49.resolve(cwd, config.paths.cms);
+  if (!fs45.existsSync(cms)) {
+    clack2.cancel(`CMS directory not found at ${config.paths.cms}. Run 'betterstart init' first.`);
+    process.exit(1);
+  }
+  clack2.intro("BetterStart Update Components");
+  const toUpdate = options.all ? getAllComponentNames() : components;
+  const cliRoot = findCliRoot2();
+  const uiDir = path49.join(cliRoot, "templates", "ui");
+  let updated = 0;
+  let skipped = 0;
+  for (const name of toUpdate) {
+    if (TEMPLATE_REGISTRY[name]) {
+      const entry = TEMPLATE_REGISTRY[name];
+      const destPath = path49.join(cms, entry.relPath);
+      fsExtra.ensureDirSync(path49.dirname(destPath));
+      fs45.writeFileSync(destPath, entry.content(), "utf-8");
+      clack2.log.success(`Updated ${entry.relPath}`);
+      updated++;
+      continue;
+    }
+    const uiFile = fs45.readdirSync(uiDir).find(
+      (f) => f.replace(/\.(tsx|ts)$/, "") === name
+    );
+    if (uiFile) {
+      const destPath = path49.join(cms, "components", "ui", uiFile);
+      fsExtra.ensureDirSync(path49.dirname(destPath));
+      fs45.copyFileSync(path49.join(uiDir, uiFile), destPath);
+      clack2.log.success(`Updated components/ui/${uiFile}`);
+      updated++;
+      continue;
+    }
+    if (name === "tiptap") {
+      const srcDir = path49.join(cliRoot, "templates", "tiptap");
+      const destDir = path49.join(cms, "components", "ui", "tiptap");
+      if (fs45.existsSync(srcDir)) {
+        fsExtra.copySync(srcDir, destDir, { overwrite: true });
+        clack2.log.success("Updated components/ui/tiptap/ (all files)");
+        updated++;
+      } else {
+        clack2.log.warning("tiptap templates not found");
+        skipped++;
+      }
+      continue;
+    }
+    clack2.log.warning(`Unknown component: ${name}`);
+    skipped++;
+  }
+  clack2.outro(`Updated ${updated} component${updated !== 1 ? "s" : ""}${skipped > 0 ? `, ${skipped} skipped` : ""}`);
+});
+
+// src/commands/update-deps.ts
+import path50 from "path";
+import * as clack3 from "@clack/prompts";
+import { Command as Command8 } from "commander";
+var updateDepsCommand = new Command8("update-deps").description("Install or update all CMS dependencies").option("--cwd <path>", "Project root path").action(async (options) => {
+  const cwd = options.cwd ? path50.resolve(options.cwd) : process.cwd();
+  clack3.intro("BetterStart Update Dependencies");
   const pm = detectPackageManager(cwd);
-  clack2.log.info(`Package manager: ${pm}`);
+  clack3.log.info(`Package manager: ${pm}`);
   const config = await resolveConfig(cwd);
   const includeEmail = config.features?.email ?? true;
-  const s = clack2.spinner();
+  const s = clack3.spinner();
   s.start("Installing dependencies...");
   const result = await installDependenciesAsync({
     cwd,
@@ -15544,34 +15716,34 @@ var updateDepsCommand = new Command7("update-deps").description("Install or upda
     s.stop(`Installed ${result.coreDeps.length} deps + ${result.devDeps.length} dev deps`);
   } else {
     s.stop("Dependency install failed");
-    clack2.log.error(result.error ?? "Unknown error");
+    clack3.log.error(result.error ?? "Unknown error");
     process.exit(1);
   }
-  clack2.outro("Dependencies updated");
+  clack3.outro("Dependencies updated");
 });
 
 // src/commands/update-styles.ts
-import fs45 from "fs";
-import path50 from "path";
-import * as clack3 from "@clack/prompts";
-import { Command as Command8 } from "commander";
-var updateStylesCommand = new Command8("update-styles").description("Replace cms-globals.css with the latest version from the CLI").option("--cwd <path>", "Project root path").action(async (options) => {
-  const cwd = options.cwd ? path50.resolve(options.cwd) : process.cwd();
-  clack3.intro("BetterStart Update Styles");
+import fs46 from "fs";
+import path51 from "path";
+import * as clack4 from "@clack/prompts";
+import { Command as Command9 } from "commander";
+var updateStylesCommand = new Command9("update-styles").description("Replace cms-globals.css with the latest version from the CLI").option("--cwd <path>", "Project root path").action(async (options) => {
+  const cwd = options.cwd ? path51.resolve(options.cwd) : process.cwd();
+  clack4.intro("BetterStart Update Styles");
   const config = await resolveConfig(cwd);
   const cmsDir = config.paths?.cms ?? "./cms";
-  const targetPath = path50.join(cwd, cmsDir, "cms-globals.css");
-  if (!fs45.existsSync(targetPath)) {
-    clack3.cancel(`cms-globals.css not found at ${path50.relative(cwd, targetPath)}`);
+  const targetPath = path51.join(cwd, cmsDir, "cms-globals.css");
+  if (!fs46.existsSync(targetPath)) {
+    clack4.cancel(`cms-globals.css not found at ${path51.relative(cwd, targetPath)}`);
     process.exit(1);
   }
-  fs45.writeFileSync(targetPath, cmsGlobalsCssTemplate(), "utf-8");
-  clack3.log.success(`Updated ${path50.relative(cwd, targetPath)}`);
-  clack3.outro("Styles updated");
+  fs46.writeFileSync(targetPath, cmsGlobalsCssTemplate(), "utf-8");
+  clack4.log.success(`Updated ${path51.relative(cwd, targetPath)}`);
+  clack4.outro("Styles updated");
 });
 
 // src/cli.ts
-var program = new Command9();
+var program = new Command10();
 program.name("betterstart").description("Scaffold a full-featured CMS into any Next.js 16 application").version("0.1.0");
 program.addCommand(initCommand);
 program.addCommand(generateCommand);
@@ -15579,6 +15751,7 @@ program.addCommand(removeCommand);
 program.addCommand(seedCommand);
 program.addCommand(setupR2Command);
 program.addCommand(uninstallCommand);
+program.addCommand(updateComponentCommand);
 program.addCommand(updateDepsCommand);
 program.addCommand(updateStylesCommand);
 program.parse();