@clubedge/create-clubedge-app 0.2.1 → 0.4.0

package/bin/create.mjs

@@ -1,471 +1,4 @@
 #!/usr/bin/env node
+import { main } from "../dist/index.js";
 
-import { cancel, intro, isCancel, outro, spinner, text } from "@clack/prompts";
-import { downloadTemplate } from "giget";
-import { access, cp, mkdir, readdir, readFile, writeFile } from "node:fs/promises";
-import { spawn } from "node:child_process";
-import { basename, dirname, join, resolve } from "node:path";
-import process from "node:process";
-import { pathToFileURL } from "node:url";
-
-// package.json is the single source for the version and the tested Starter pin. It is
-// published with the package, so the npm registry exposes exactly what each release scaffolds.
-const packageManifest = JSON.parse(await readFile(new URL("../package.json", import.meta.url), "utf8"));
-const packageVersion = packageManifest.version;
-const {
-  starterRepository,
-  starterRef: defaultStarterRef,
-  starterCommit: defaultStarterCommit,
-} = packageManifest.clubedge;
-const siteUrl = "https://clubedge.live";
-const cliUrl = "https://starter.clubedge.live";
-
-/* ------------------------------------------------------------------ */
-/* Branding: big block-letter banner                                   */
-/* ------------------------------------------------------------------ */
-
-// Each glyph is 6 rows tall. Rows are padded to a common width when rendered.
-const glyphs = {
-  C: [" ██████╗", "██╔════╝", "██║     ", "██║     ", "╚██████╗", " ╚═════╝"],
-  L: ["██╗     ", "██║     ", "██║     ", "██║     ", "███████╗", "╚══════╝"],
-  U: ["██╗   ██╗", "██║   ██║", "██║   ██║", "██║   ██║", "╚██████╔╝", " ╚═════╝ "],
-  B: ["██████╗ ", "██╔══██╗", "██████╔╝", "██╔══██╗", "██████╔╝", "╚═════╝ "],
-  E: ["███████╗", "██╔════╝", "█████╗  ", "██╔══╝  ", "███████╗", "╚══════╝"],
-  D: ["██████╗ ", "██╔══██╗", "██║  ██║", "██║  ██║", "██████╔╝", "╚═════╝ "],
-  G: [" ██████╗ ", "██╔════╝ ", "██║  ███╗", "██║   ██║", "╚██████╔╝", " ╚═════╝ "],
-  S: ["███████╗", "██╔════╝", "███████╗", "╚════██║", "███████║", "╚══════╝"],
-  T: ["████████╗", "╚══██╔══╝", "   ██║   ", "   ██║   ", "   ██║   ", "   ╚═╝   "],
-  A: [" █████╗ ", "██╔══██╗", "███████║", "██╔══██║", "██║  ██║", "╚═╝  ╚═╝"],
-  R: ["██████╗ ", "██╔══██╗", "██████╔╝", "██╔══██╗", "██║  ██║", "╚═╝  ╚═╝"],
-};
-
-function renderWord(word) {
-  const letters = [...word].map((letter) => {
-    const rows = glyphs[letter];
-    const width = Math.max(...rows.map((row) => row.length));
-    return rows.map((row) => row.padEnd(width, " "));
-  });
-  return letters[0].map((_, rowIndex) => letters.map((letter) => letter[rowIndex]).join(""));
-}
-
-const colorEnabled = Boolean(process.stdout.isTTY) && !process.env.NO_COLOR && process.env.TERM !== "dumb";
-const paint = (rgb, value) => (colorEnabled ? `\x1b[38;2;${rgb.join(";")}m${value}\x1b[0m` : value);
-const dim = (value) => (colorEnabled ? `\x1b[2m${value}\x1b[0m` : value);
-const bold = (value) => (colorEnabled ? `\x1b[1m${value}\x1b[0m` : value);
-
-// Light violet -> Clubedge brand violet, top to bottom across the banner.
-const gradientFrom = [165, 140, 255];
-const gradientTo = [91, 61, 245];
-const mix = (from, to, t) => from.map((channel, index) => Math.round(channel + (to[index] - channel) * t));
-
-function showBanner() {
-  // Stay quiet when output is piped (CI, logs, scripts).
-  if (!process.stdout.isTTY) return;
-
-  const columns = process.stdout.columns ?? 80;
-  const lines = [...renderWord("CLUBEDGE"), ...renderWord("STARTER")];
-  const widest = Math.max(...lines.map((line) => line.length));
-
-  console.log("");
-  if (columns >= widest + 2) {
-    lines.forEach((line, index) => {
-      console.log(paint(mix(gradientFrom, gradientTo, index / (lines.length - 1)), line));
-    });
-  } else {
-    // Narrow terminal: compact wordmark instead of wrapping the big letters.
-    console.log(paint(gradientTo, bold("CLUBEDGE STARTER")));
-  }
-  console.log("");
-  console.log(`  ${bold("create-clubedge-app")} ${dim(`v${packageVersion}`)}  ${dim("·")}  ${paint(gradientFrom, cliUrl)}`);
-  console.log(`  ${dim("By Clubedge")}  ${dim("·")}  ${paint(gradientFrom, siteUrl)}`);
-  console.log("");
-}
-
-/* ------------------------------------------------------------------ */
-
-function showHelp() {
-  console.log(`
-create-clubedge-app ${packageVersion}
-
-Create a Next.js project from the Clubedge Starter reference repository.
-This CLI release uses Starter ${defaultStarterRef} by default.
-Expected Starter commit: ${defaultStarterCommit}
-
-Usage:
-  pnpm dlx @clubedge/create-clubedge-app [project-directory] [options]
-
-Options:
-  --ref <ref>            Starter tag, branch, or commit to scaffold (default: ${defaultStarterRef})
-  --no-install           Skip dependency installation
-  --no-git               Skip Git repository initialization
-  -h, --help             Show this help
-  -v, --version          Show the CLI version
-
-Examples:
-  pnpm dlx @clubedge/create-clubedge-app my-app
-  pnpm dlx @clubedge/create-clubedge-app my-app --ref <starter-tag-or-commit>
-  pnpm dlx @clubedge/create-clubedge-app my-app --no-install
-
-Release model:
-  CLI ${packageVersion} -> Starter ${defaultStarterRef}
-
-Learn more:
-  CLI      ${cliUrl}
-  Clubedge ${siteUrl}
-`);
-}
-
-function parseArguments(args) {
-  const options = { install: true, git: true, ref: defaultStarterRef, projectDirectory: undefined };
-
-  for (let index = 0; index < args.length; index += 1) {
-    const argument = args[index];
-
-    if (argument === "--help" || argument === "-h") {
-      return { ...options, help: true };
-    }
-    if (argument === "--version" || argument === "-v") {
-      return { ...options, version: true };
-    }
-    if (argument === "--no-install") {
-      options.install = false;
-      continue;
-    }
-    if (argument === "--no-git") {
-      options.git = false;
-      continue;
-    }
-    if (argument === "--ref" || argument.startsWith("--ref=")) {
-      const value = argument === "--ref" ? args[++index] : argument.slice("--ref=".length);
-      if (!value || value.startsWith("-")) {
-        throw new Error("--ref requires a branch or tag name.");
-      }
-      options.ref = value;
-      continue;
-    }
-    if (argument.startsWith("-")) {
-      throw new Error(`Unknown option: ${argument}. Run with --help to see available options.`);
-    }
-    if (options.projectDirectory) {
-      throw new Error("Only one project directory can be provided.");
-    }
-    options.projectDirectory = argument;
-  }
-
-  return options;
-}
-
-function isCancelled(value) {
-  if (isCancel(value)) {
-    cancel("Operation cancelled.");
-    process.exit(0);
-  }
-  return value;
-}
-
-function packageNameFromDirectory(directory) {
-  return (
-    basename(directory)
-      .toLowerCase()
-      .replace(/[^a-z0-9._-]+/g, "-")
-      .replace(/^[._-]+|[._-]+$/g, "") || "my-app"
-  );
-}
-
-function displayNameFromPackageName(packageName) {
-  return packageName
-    .split(/[-._]+/)
-    .filter(Boolean)
-    .map((part) => part[0].toUpperCase() + part.slice(1))
-    .join(" ");
-}
-
-async function run(command, args, cwd) {
-  await new Promise((resolvePromise, rejectPromise) => {
-    const child = spawn(command, args, {
-      cwd,
-      stdio: "inherit",
-      shell: process.platform === "win32",
-    });
-
-    child.once("error", rejectPromise);
-    child.once("exit", (code, signal) => {
-      if (code === 0) {
-        resolvePromise();
-        return;
-      }
-      rejectPromise(new Error(`${command} exited with ${signal ? `signal ${signal}` : `code ${code}`}.`));
-    });
-  });
-}
-
-async function runCapture(command, args, cwd) {
-  return await new Promise((resolvePromise, rejectPromise) => {
-    const child = spawn(command, args, {
-      cwd,
-      shell: false,
-      stdio: ["ignore", "pipe", "pipe"],
-    });
-    let stdout = "";
-    let stderr = "";
-    child.stdout.on("data", (chunk) => {
-      stdout += chunk;
-    });
-    child.stderr.on("data", (chunk) => {
-      stderr += chunk;
-    });
-    child.once("error", rejectPromise);
-    child.once("exit", (code, signal) => {
-      if (code === 0) {
-        resolvePromise(stdout.trim());
-        return;
-      }
-      rejectPromise(
-        new Error(
-          `${command} exited with ${signal ? `signal ${signal}` : `code ${code}`}${
-            stderr.trim() ? `: ${stderr.trim()}` : "."
-          }`,
-        ),
-      );
-    });
-  });
-}
-
-async function verifyDefaultStarterReference(starterRef) {
-  if (starterRef !== defaultStarterRef) {
-    return;
-  }
-
-  const remote = `https://github.com/${starterRepository}.git`;
-  const resolvedReference = await runCapture("git", [
-    "ls-remote",
-    remote,
-    `refs/tags/${starterRef}^{}`,
-  ]);
-  const resolvedCommit = resolvedReference.split(/\s+/)[0];
-  if (resolvedCommit !== defaultStarterCommit) {
-    throw new Error(
-      `Starter tag ${starterRef} resolved to ${resolvedCommit || "no commit"}, expected ${defaultStarterCommit}.`,
-    );
-  }
-}
-
-async function ensureTargetIsSafe(directory) {
-  await mkdir(dirname(directory), { recursive: true });
-
-  try {
-    const entries = await readdir(directory);
-    if (entries.length > 0) {
-      throw new Error(`The target directory is not empty: ${directory}`);
-    }
-  } catch (error) {
-    if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
-      return;
-    }
-    throw error;
-  }
-}
-
-async function fileExists(path) {
-  try {
-    await access(path);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-/** Starter v0.2+ keeps project identity in apps/web/src/config/site.json. */
-async function customizeSiteConfig(siteConfigPath, packageName, displayName) {
-  const siteConfig = JSON.parse(await readFile(siteConfigPath, "utf8"));
-  siteConfig.name = displayName;
-  siteConfig.shortName = displayName;
-  siteConfig.description = `${displayName} application foundation.`;
-  siteConfig.serviceId = packageName;
-  siteConfig.workspaceLabel = "Application workspace";
-  await writeFile(siteConfigPath, `${JSON.stringify(siteConfig, null, 2)}\n`);
-}
-
-/** Starter v0.1.x has no site.json, so names are replaced in known source files. */
-async function customizeLegacySources(directory, displayName) {
-  const layoutPath = join(directory, "apps", "web", "src", "app", "layout.tsx");
-  const layout = await readFile(layoutPath, "utf8");
-  const customizedLayout = layout
-    .replaceAll('"Clubedge Starter"', JSON.stringify(displayName))
-    .replace(`%s \u00b7 Clubedge Starter`, `%s \u00b7 ${displayName}`)
-    .replace(
-      "A production-minded foundation for Clubedge applications.",
-      `${displayName} application foundation.`,
-    );
-  await writeFile(layoutPath, customizedLayout);
-
-  const appFiles = [
-    join(directory, "apps", "web", "src", "app", "page.tsx"),
-    join(directory, "apps", "web", "src", "app", "dashboard", "_components", "app-sidebar.tsx"),
-    join(directory, "apps", "web", "src", "app", "dashboard", "page.tsx"),
-    join(directory, "apps", "web", "src", "app", "login", "page.tsx"),
-  ];
-  for (const appFile of appFiles) {
-    let source;
-    try {
-      source = await readFile(appFile, "utf8");
-    } catch (error) {
-      if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
-        continue;
-      }
-      throw error;
-    }
-    const customizedSource = source
-      .replaceAll("Clubedge Starter", displayName)
-      .replaceAll('>Clubedge<', `>${displayName}<`)
-      .replaceAll("Starter workspace", "Application workspace");
-    await writeFile(appFile, customizedSource);
-  }
-}
-
-async function customizeProject(
-  directory,
-  packageName,
-  starterRef = defaultStarterRef,
-  starterCommit = starterRef === defaultStarterRef ? defaultStarterCommit : undefined,
-) {
-  const rootManifestPath = join(directory, "package.json");
-  const rootManifest = JSON.parse(await readFile(rootManifestPath, "utf8"));
-  rootManifest.name = packageName;
-  rootManifest.clubedge = {
-    cliVersion: packageVersion,
-    starterRepository,
-    starterRef,
-    ...(starterCommit ? { starterCommit } : {}),
-  };
-
-  for (const scriptName of ["docker:build", "docker:start"]) {
-    if (rootManifest.scripts?.[scriptName]) {
-      rootManifest.scripts[scriptName] = rootManifest.scripts[scriptName].replace(
-        /clubedge-starter/g,
-        packageName,
-      );
-    }
-  }
-  await writeFile(rootManifestPath, `${JSON.stringify(rootManifest, null, 2)}\n`);
-
-  const readmePath = join(directory, "README.md");
-  const readme = await readFile(readmePath, "utf8");
-  const displayName = displayNameFromPackageName(packageName);
-  const starterCommitLine = starterCommit ? `\n- Starter commit: \`${starterCommit}\`` : "";
-  const customizedReadme = readme
-    .replace(/^# Clubedge Starter$/m, `# ${displayName}`)
-    .replace(
-      /^# (.+)$/m,
-      `$&\n\n## Generated from\n\n- Starter repository: \`${starterRepository}\`\n- Starter ref: \`${starterRef}\`${starterCommitLine}\n- CLI version: \`${packageVersion}\``,
-    );
-  await writeFile(readmePath, customizedReadme);
-
-  const siteConfigPath = join(directory, "apps", "web", "src", "config", "site.json");
-  if (await fileExists(siteConfigPath)) {
-    await customizeSiteConfig(siteConfigPath, packageName, displayName);
-  } else {
-    await customizeLegacySources(directory, displayName);
-  }
-
-  const exampleEnvironment = join(directory, ".env.example");
-  const localEnvironment = join(directory, "apps", "web", ".env.local");
-  await cp(exampleEnvironment, localEnvironment, { errorOnExist: true });
-}
-
-async function initializeGit(directory) {
-  try {
-    await run("git", ["init", "-b", "main"], directory);
-  } catch {
-    await run("git", ["init"], directory);
-    await run("git", ["branch", "-M", "main"], directory);
-  }
-}
-
-async function createProject(options) {
-  let requestedDirectory = options.projectDirectory;
-  if (!requestedDirectory) {
-    requestedDirectory = isCancelled(
-      await text({
-        message: "Where should the new project be created?",
-        placeholder: "my-app",
-        validate(value) {
-          if (!value.trim()) return "Enter a project directory name.";
-        },
-      }),
-    );
-  }
-
-  const projectDirectory = resolve(process.cwd(), requestedDirectory);
-  if (projectDirectory === resolve(dirname(projectDirectory))) {
-    throw new Error("Choose a project subdirectory rather than a filesystem root.");
-  }
-
-  await ensureTargetIsSafe(projectDirectory);
-
-  const projectName = packageNameFromDirectory(projectDirectory);
-  await verifyDefaultStarterReference(options.ref);
-  const source = `gh:${starterRepository}#${options.ref}`;
-  const downloadSpinner = spinner();
-  downloadSpinner.start(`Downloading Clubedge Starter (${options.ref})`);
-  try {
-    await downloadTemplate(source, { dir: projectDirectory, force: true });
-    await customizeProject(projectDirectory, projectName, options.ref);
-    downloadSpinner.stop("Starter files downloaded and configured");
-  } catch (error) {
-    downloadSpinner.stop("Project scaffold failed");
-    throw error;
-  }
-
-  if (options.git) {
-    console.log("\nInitializing Git...");
-    await initializeGit(projectDirectory);
-    console.log("Git repository initialized on main");
-  }
-
-  if (options.install) {
-    console.log("\nInstalling dependencies with pnpm...\n");
-    try {
-      await run("pnpm", ["install"], projectDirectory);
-      console.log("\nDependencies installed");
-    } catch (error) {
-      console.error("\nProject created; dependency installation did not complete.");
-      console.error(error instanceof Error ? error.message : error);
-      console.error("Install pnpm with Corepack, then run `pnpm install` in the new project.");
-    }
-  }
-
-  const relativeDirectory = process.cwd() === projectDirectory ? "." : requestedDirectory;
-  outro(
-    `Created ${projectName}.\n\nNext steps:\n  cd ${relativeDirectory}\n  pnpm dev\n\nSee SETUP.md for database and provider configuration.\n\nDocs: ${cliUrl}\nClubedge: ${siteUrl}`,
-  );
-}
-
-async function main() {
-  try {
-    const options = parseArguments(process.argv.slice(2));
-    if (options.version) {
-      console.log(packageVersion);
-      return;
-    }
-
-    showBanner();
-
-    if (options.help) {
-      showHelp();
-      return;
-    }
-
-    intro("Create a project with Clubedge Starter");
-    await createProject(options);
-  } catch (error) {
-    console.error(`\n${error instanceof Error ? error.message : String(error)}`);
-    process.exitCode = 1;
-  }
-}
-
-export { customizeProject, displayNameFromPackageName, packageNameFromDirectory };
-
-if (process.argv[1] && import.meta.url === pathToFileURL(resolve(process.argv[1])).href) {
-  await main();
-}
+await main();

package/dist/cli/args.js

@@ -0,0 +1,54 @@
+import { parseArgs } from "node:util";
+export class UsageError extends Error {
+    name = "UsageError";
+}
+export function parseCliArgs(argv) {
+    let parsed;
+    try {
+        parsed = parseArgs({
+            args: argv,
+            allowPositionals: true,
+            allowNegative: true,
+            strict: true,
+            options: {
+                framework: { type: "string" },
+                ref: { type: "string" },
+                "template-dir": { type: "string" },
+                install: { type: "boolean", default: true },
+                git: { type: "boolean", default: true },
+                yes: { type: "boolean", short: "y", default: false },
+                "dry-run": { type: "boolean", default: false },
+                help: { type: "boolean", short: "h", default: false },
+                version: { type: "boolean", short: "v", default: false },
+            },
+        });
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        throw new UsageError(`${message.split("\n")[0]} Run with --help to see available options.`);
+    }
+    const { values, positionals } = parsed;
+    if (positionals.length > 1)
+        throw new UsageError("Only one project directory can be provided.");
+    if (values.framework !== undefined && !values.framework.trim()) {
+        throw new UsageError("--framework requires a framework id, such as next or tanstack-start.");
+    }
+    if (values.ref !== undefined && !values.ref.trim()) {
+        throw new UsageError("--ref requires a tag, branch, or commit.");
+    }
+    if (values.ref && values["template-dir"]) {
+        throw new UsageError("Use either --ref or --template-dir, not both.");
+    }
+    return {
+        projectDirectory: positionals[0],
+        framework: values.framework?.trim(),
+        ref: values.ref,
+        templateDir: values["template-dir"],
+        install: values.install,
+        git: values.git,
+        yes: values.yes,
+        dryRun: values["dry-run"],
+        help: values.help,
+        version: values.version,
+    };
+}

package/dist/cli/ui.js

@@ -0,0 +1,87 @@
+import process from "node:process";
+import { cliUrl, cliVersion, siteUrl, starterPin } from "../package-info.js";
+// Each glyph is 6 rows tall. Rows are padded to a common width when rendered.
+const glyphs = {
+    C: [" ██████╗", "██╔════╝", "██║     ", "██║     ", "╚██████╗", " ╚═════╝"],
+    L: ["██╗     ", "██║     ", "██║     ", "██║     ", "███████╗", "╚══════╝"],
+    U: ["██╗   ██╗", "██║   ██║", "██║   ██║", "██║   ██║", "╚██████╔╝", " ╚═════╝ "],
+    B: ["██████╗ ", "██╔══██╗", "██████╔╝", "██╔══██╗", "██████╔╝", "╚═════╝ "],
+    E: ["███████╗", "██╔════╝", "█████╗  ", "██╔══╝  ", "███████╗", "╚══════╝"],
+    D: ["██████╗ ", "██╔══██╗", "██║  ██║", "██║  ██║", "██████╔╝", "╚═════╝ "],
+    G: [" ██████╗ ", "██╔════╝ ", "██║  ███╗", "██║   ██║", "╚██████╔╝", " ╚═════╝ "],
+    S: ["███████╗", "██╔════╝", "███████╗", "╚════██║", "███████║", "╚══════╝"],
+    T: ["████████╗", "╚══██╔══╝", "   ██║   ", "   ██║   ", "   ██║   ", "   ╚═╝   "],
+    A: [" █████╗ ", "██╔══██╗", "███████║", "██╔══██║", "██║  ██║", "╚═╝  ╚═╝"],
+    R: ["██████╗ ", "██╔══██╗", "██████╔╝", "██╔══██╗", "██║  ██║", "╚═╝  ╚═╝"],
+};
+function renderWord(word) {
+    const letters = [...word].map((letter) => {
+        const rows = glyphs[letter];
+        const width = Math.max(...rows.map((row) => row.length));
+        return rows.map((row) => row.padEnd(width, " "));
+    });
+    return letters[0].map((_, rowIndex) => letters.map((letter) => letter[rowIndex]).join(""));
+}
+const colorEnabled = Boolean(process.stdout.isTTY) && !process.env.NO_COLOR && process.env.TERM !== "dumb";
+const paint = (rgb, value) => colorEnabled ? `\x1b[38;2;${rgb.join(";")}m${value}\x1b[0m` : value;
+export const dim = (value) => (colorEnabled ? `\x1b[2m${value}\x1b[0m` : value);
+export const bold = (value) => (colorEnabled ? `\x1b[1m${value}\x1b[0m` : value);
+// Light violet -> Clubedge brand violet, top to bottom across the banner.
+const gradientFrom = [165, 140, 255];
+const gradientTo = [91, 61, 245];
+const mix = (from, to, t) => from.map((channel, index) => Math.round(channel + (to[index] - channel) * t));
+export function showBanner() {
+    // Stay quiet when output is piped (CI, logs, scripts).
+    if (!process.stdout.isTTY)
+        return;
+    const columns = process.stdout.columns ?? 80;
+    const lines = [...renderWord("CLUBEDGE"), ...renderWord("STARTER")];
+    const widest = Math.max(...lines.map((line) => line.length));
+    console.log("");
+    if (columns >= widest + 2) {
+        lines.forEach((line, index) => {
+            console.log(paint(mix(gradientFrom, gradientTo, index / (lines.length - 1)), line));
+        });
+    }
+    else {
+        // Narrow terminal: compact wordmark instead of wrapping the big letters.
+        console.log(paint(gradientTo, bold("CLUBEDGE STARTER")));
+    }
+    console.log("");
+    console.log(`  ${bold("create-clubedge-app")} ${dim(`v${cliVersion}`)}  ${dim("·")}  ${paint(gradientFrom, cliUrl)}`);
+    console.log(`  ${dim("By Clubedge")}  ${dim("·")}  ${paint(gradientFrom, siteUrl)}`);
+    console.log("");
+}
+export function helpText() {
+    return `
+create-clubedge-app ${cliVersion}
+
+Create a project from the Clubedge Starter reference repository.
+This CLI release scaffolds Starter ${starterPin.starterRef} (commit ${starterPin.starterCommit}).
+
+Usage:
+  pnpm dlx @clubedge/create-clubedge-app [project-directory] [options]
+
+Options:
+  --framework <id>        App framework: next (default) or tanstack-start
+  --ref <ref>             Download this Starter tag, branch, or commit from GitHub instead
+  --template-dir <path>   Scaffold from a local Starter checkout (for Starter development)
+  --dry-run               Show what would be created without writing anything
+  -y, --yes               Accept defaults and never prompt (default directory: my-app)
+  --no-install            Skip dependency installation
+  --no-git                Skip Git repository initialization
+  -h, --help              Show this help
+  -v, --version           Show the CLI version
+
+Examples:
+  pnpm dlx @clubedge/create-clubedge-app my-app
+  pnpm dlx @clubedge/create-clubedge-app my-app --framework tanstack-start
+  pnpm dlx @clubedge/create-clubedge-app my-app --dry-run
+  pnpm dlx @clubedge/create-clubedge-app my-app --ref main
+  pnpm dlx @clubedge/create-clubedge-app my-app --template-dir ../clubedge-starter
+
+Learn more:
+  CLI      ${cliUrl}
+  Clubedge ${siteUrl}
+`;
+}