create-tina-app 0.0.0-f90ef4d-20241119072342 → 0.0.0-fbc6afb-20251208042646

package/README.md

@@ -6,6 +6,6 @@ Create Tina App is a powerful command-line interface (CLI) tool designed to kick
 
 To get started, you need to first build the code - see [contributing](https://github.com/tinacms/tinacms/blob/main/CONTRIBUTING.md).
 
-1. run `pnpm link create-tina-app`
+1. run `pnpm link --global`
 1. Test your changes by running `npx create-tina-app`
 1. Run `pnpm unlink` when done to unlink the local build

package/bin/create-tina-app

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
 
-require('../dist')
+import('../dist/index.js');

package/dist/index.d.ts

@@ -1,2 +1 @@
-export declare const PKG_MANAGERS: string[];
 export declare function run(): Promise<void>;

package/dist/index.js

@@ -1,87 +1,30 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  PKG_MANAGERS: () => PKG_MANAGERS,
-  run: () => run
-});
-module.exports = __toCommonJS(src_exports);
-var import_metrics = require("@tinacms/metrics");
-var import_commander = require("commander");
-var import_prompts = __toESM(require("prompts"));
-var import_node_path = __toESM(require("path"));
-
-// package.json
-var name = "create-tina-app";
-var version = "1.2.3";
+import { Telemetry } from "@tinacms/metrics";
+import prompts from "prompts";
+import path4 from "node:path";
+import { createRequire } from "node:module";
 
 // src/util/fileUtil.ts
-var import_fs_extra = __toESM(require("fs-extra"));
-var import_path = __toESM(require("path"));
+import fs from "fs-extra";
+import path from "path";
 
-// src/util/logger.ts
-var import_chalk = __toESM(require("chalk"));
+// src/util/textstyles.ts
+import chalk from "chalk";
 var TextStyles = {
-  link: import_chalk.default.bold.cyan,
-  cmd: import_chalk.default.inverse,
-  info: import_chalk.default.blue,
-  success: import_chalk.default.green,
-  warn: import_chalk.default.yellow,
-  err: import_chalk.default.red,
-  bold: import_chalk.default.bold
+  tinaOrange: chalk.hex("#EC4816"),
+  link: (url) => `\x1B]8;;${url}\x07${chalk.cyan.underline(url)}\x1B]8;;\x07`,
+  cmd: chalk.bgBlackBright.bold.white,
+  info: chalk.blue,
+  success: chalk.green,
+  warn: chalk.yellow,
+  err: chalk.red,
+  bold: chalk.bold
 };
-var Logger = class {
-  log(message) {
-    console.info(message);
-  }
-  debug(message) {
-    console.debug(TextStyles.info(`[DEBUG] ${message}`));
-  }
-  info(message) {
-    console.info(TextStyles.info(`[INFO] ${message}`));
-  }
-  success(message) {
-    console.log(TextStyles.success(`[SUCCESS] ${message}`));
-  }
-  cmd(message) {
-    console.log(TextStyles.cmd(message));
-  }
-  warn(message) {
-    console.warn(TextStyles.warn(`[WARNING] ${message}`));
-  }
-  err(message) {
-    console.error(TextStyles.err(`[ERROR] ${message}`));
-  }
-};
-var log = new Logger();
 
 // src/util/fileUtil.ts
 async function isWriteable(directory) {
   try {
-    await import_fs_extra.default.promises.access(directory, (import_fs_extra.default.constants || import_fs_extra.default).W_OK);
+    await fs.promises.access(directory, (fs.constants || fs).W_OK);
     return true;
   } catch (err) {
     return false;
@@ -108,112 +51,71 @@ function folderContainsInstallConflicts(root) {
     "yarn-debug.log",
     "yarn-error.log"
   ];
-  const conflicts = import_fs_extra.default.readdirSync(root).filter((file) => !validFiles.includes(file)).filter((file) => !/\.iml$/.test(file));
+  const conflicts = fs.readdirSync(root).filter((file) => !validFiles.includes(file)).filter((file) => !/\.iml$/.test(file));
   return conflicts;
 }
 async function setupProjectDirectory(dir) {
-  const appName = import_path.default.basename(dir);
-  await import_fs_extra.default.mkdirp(dir);
+  const appName = path.basename(dir);
+  await fs.mkdirp(dir);
   process.chdir(dir);
   const conflicts = folderContainsInstallConflicts(dir);
   if (conflicts.length > 0) {
-    log.err(
-      `The directory '${TextStyles.bold(
-        appName
-      )}' contains files that could conflict. Below is a list of conflicts, please remove them and try again.`
-    );
+    const errorMessageLines = [
+      `The directory '${TextStyles.bold(appName)}' contains files that could conflict. Below is a list of conflicts, please remove them and try again.`
+    ];
     for (const file of conflicts) {
       try {
-        const stats = import_fs_extra.default.lstatSync(import_path.default.join(dir, file));
+        const stats = fs.lstatSync(path.join(dir, file));
         if (stats.isDirectory()) {
-          log.log(`-  ${TextStyles.info(file)}/`);
+          errorMessageLines.push(`  -  ${TextStyles.info(file)}/`);
         } else {
-          log.log(`-  ${file}`);
+          errorMessageLines.push(`  -  ${file}`);
         }
       } catch {
-        log.log(`-  ${file}`);
+        errorMessageLines.push(`  -  ${file}`);
       }
     }
-    process.exit(1);
+    throw new Error(errorMessageLines.join("\n"));
   }
   return appName;
 }
 function updateProjectPackageName(dir, name2) {
-  const packageJsonPath = import_path.default.join(dir, "package.json");
-  const packageJson = JSON.parse(import_fs_extra.default.readFileSync(packageJsonPath, "utf8"));
+  const packageJsonPath = path.join(dir, "package.json");
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
   packageJson.name = name2;
-  import_fs_extra.default.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
 }
 function updateProjectPackageVersion(dir, version2) {
-  const packageJsonPath = import_path.default.join(dir, "package.json");
-  const packageJson = JSON.parse(import_fs_extra.default.readFileSync(packageJsonPath, "utf8"));
+  const packageJsonPath = path.join(dir, "package.json");
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
   packageJson.version = version2;
-  import_fs_extra.default.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+}
+async function updateThemeSettings(dir, selectedTheme) {
+  const settingsDir = path.join(dir, "content", "settings");
+  const configPath = path.join(settingsDir, "config.json");
+  await fs.mkdirp(settingsDir);
+  let config = {};
+  try {
+    const existingConfig = await fs.readFile(configPath, "utf8");
+    config = JSON.parse(existingConfig);
+  } catch (error) {
+  }
+  config.selectedTheme = selectedTheme;
+  await fs.writeFile(configPath, JSON.stringify(config, null, 2));
 }
 
 // src/util/install.ts
-var import_cross_spawn = __toESM(require("cross-spawn"));
-function install(root, dependencies, { packageManager, isOnline, devDependencies }) {
-  const npmFlags = [];
-  const yarnFlags = [];
-  const pnpmFlags = [];
+import spawn from "cross-spawn";
+function install(packageManager, verboseOutput) {
   return new Promise((resolve, reject) => {
-    let args;
-    const command = packageManager;
-    if (dependencies == null ? void 0 : dependencies.length) {
-      switch (packageManager) {
-        case "yarn":
-          args = ["add", "--exact"];
-          if (!isOnline)
-            args.push("--offline");
-          args.push("--cwd", root);
-          if (devDependencies)
-            args.push("--dev");
-          args.push(...dependencies);
-          break;
-        case "npm":
-          args = ["install", "--save-exact"];
-          args.push(devDependencies ? "--save-dev" : "--save");
-          args.push(...dependencies);
-          break;
-        case "pnpm":
-          args = ["add"];
-          if (!isOnline)
-            args.push("--offline");
-          args.push("--save-exact");
-          if (devDependencies)
-            args.push("-D");
-          args.push(...dependencies);
-          break;
-      }
-    } else {
-      args = ["install"];
-      if (!isOnline) {
-        log.warn("You appear to be offline.");
-        if (packageManager === "yarn") {
-          log.warn("Falling back to the local Yarn cache.");
-          args.push("--offline");
-        }
-      }
-    }
-    switch (packageManager) {
-      case "yarn":
-        args.push(...yarnFlags);
-        break;
-      case "npm":
-        args.push(...npmFlags);
-        break;
-      case "pnpm":
-        args.push(...pnpmFlags);
-        break;
-    }
-    const child = (0, import_cross_spawn.default)(command, args, {
-      stdio: "inherit",
+    const child = spawn(packageManager, ["install"], {
+      stdio: verboseOutput ? "inherit" : "ignore",
       env: { ...process.env, ADBLOCK: "1", DISABLE_OPENCOLLECTIVE: "1" }
     });
     child.on("close", (code) => {
       if (code !== 0) {
-        reject({ command: `${command} ${args.join(" ")}` });
+        reject({ command: `${packageManager} install` });
         return;
       }
       resolve();
@@ -222,12 +124,12 @@ function install(root, dependencies, { packageManager, isOnline, devDependencies
 }
 
 // src/util/git.ts
-var import_child_process = require("child_process");
-var import_path2 = __toESM(require("path"));
-var import_fs_extra2 = __toESM(require("fs-extra"));
+import { execSync } from "child_process";
+import path2 from "path";
+import fs2 from "fs-extra";
 function isInGitRepository() {
   try {
-    (0, import_child_process.execSync)("git rev-parse --is-inside-work-tree", { stdio: "ignore" });
+    execSync("git rev-parse --is-inside-work-tree", { stdio: "ignore" });
     return true;
   } catch (_) {
   }
@@ -235,7 +137,7 @@ function isInGitRepository() {
 }
 function isInMercurialRepository() {
   try {
-    (0, import_child_process.execSync)("hg --cwd . root", { stdio: "ignore" });
+    execSync("hg --cwd . root", { stdio: "ignore" });
     return true;
   } catch (_) {
   }
@@ -243,25 +145,27 @@ function isInMercurialRepository() {
 }
 function makeFirstCommit(root) {
   try {
-    (0, import_child_process.execSync)("git checkout -b main", { stdio: "ignore" });
-    (0, import_child_process.execSync)("git add -A", { stdio: "ignore" });
-    (0, import_child_process.execSync)('git commit -m "Initial commit from Create Tina App"', {
+    execSync("git checkout -b main", { stdio: "ignore" });
+    execSync("git add -A", { stdio: "ignore" });
+    execSync('git commit -m "Initial commit from Create Tina App"', {
       stdio: "ignore"
     });
   } catch (err) {
-    import_fs_extra2.default.removeSync(import_path2.default.join(root, ".git"));
+    fs2.removeSync(path2.join(root, ".git"));
     throw err;
   }
 }
-function initializeGit() {
-  (0, import_child_process.execSync)("git --version", { stdio: "ignore" });
+function initializeGit(spinner) {
+  execSync("git --version", { stdio: "ignore" });
   if (isInGitRepository() || isInMercurialRepository()) {
-    log.warn("Already in a Git repository, skipping.");
+    spinner.warn("Already in a Git repository, skipping.");
     return false;
   }
-  if (!import_fs_extra2.default.existsSync(".gitignore")) {
-    log.warn("There is no .gitignore file in this repository, creating one...");
-    import_fs_extra2.default.writeFileSync(
+  if (!fs2.existsSync(".gitignore")) {
+    spinner.warn(
+      "There is no .gitignore file in this repository, creating one..."
+    );
+    fs2.writeFileSync(
       ".gitignore",
       `node_modules
 .yarn/*
@@ -271,18 +175,25 @@ function initializeGit() {
 `
     );
   }
-  (0, import_child_process.execSync)("git init", { stdio: "ignore" });
+  execSync("git init", { stdio: "ignore" });
   return true;
 }
 
 // src/util/examples.ts
-var import_node_stream = require("stream");
-var import_promises = require("stream/promises");
-var import_tar = require("tar");
+import { Readable } from "node:stream";
+import { pipeline } from "node:stream/promises";
+import { x } from "tar";
 async function getRepoInfo(url, examplePath) {
   const [, username, name2, t, _branch, ...file] = url.pathname.split("/");
   const filePath = examplePath ? examplePath.replace(/^\//, "") : file.join("/");
-  if (t === void 0 || t === "" && _branch === void 0) {
+  if (
+    // Support repos whose entire purpose is to be a Next.js example, e.g.
+    // https://github.com/:username/:my-cool-nextjs-example-repo-name.
+    t === void 0 || // Support GitHub URL that ends with a trailing slash, e.g.
+    // https://github.com/:username/:my-cool-nextjs-example-repo-name/
+    // In this case "t" will be an empty string while the next part "_branch" will be undefined
+    t === "" && _branch === void 0
+  ) {
     try {
       const infoResponse = await fetch(
         `https://api.github.com/repos/${username}/${name2}`
@@ -306,14 +217,14 @@ async function downloadTarStream(url) {
   if (!res.body) {
     throw new Error(`Failed to download: ${url}`);
   }
-  return import_node_stream.Readable.fromWeb(res.body);
+  return Readable.fromWeb(res.body);
 }
 async function downloadAndExtractRepo(root, { username, name: name2, branch, filePath }) {
-  await (0, import_promises.pipeline)(
+  await pipeline(
     await downloadTarStream(
       `https://codeload.github.com/${username}/${name2}/tar.gz/${branch}`
     ),
-    (0, import_tar.x)({
+    x({
       cwd: root,
       strip: filePath ? filePath.split("/").length + 1 : 1,
       filter: (p) => p.startsWith(
@@ -324,85 +235,108 @@ async function downloadAndExtractRepo(root, { username, name: name2, branch, fil
 }
 
 // src/templates.ts
-var import_fs_extra3 = require("fs-extra");
-var import_path3 = __toESM(require("path"));
+import { copy } from "fs-extra";
+import path3 from "path";
 var TEMPLATES = [
   {
     title: "\u2B50 NextJS starter",
-    description: "Kickstart your project with NextJS \u2013 our top recommendation for a seamless, performant, and versatile web experience.",
-    value: "tina-cloud-starter",
+    description: "Kickstart your project with Next.js \u2013 our top recommendation for a seamless, performant, and versatile web experience.",
+    value: "tina-nextjs-starter",
+    isInternal: false,
+    gitURL: "https://github.com/tinacms/tina-nextjs-starter",
+    devUrl: "http://localhost:3000"
+  },
+  {
+    title: "\u2B50\uFE0F TinaDocs",
+    description: "Get your documentation site up and running with TinaCMS and Next.js in minutes.",
+    value: "tina-docs",
+    isInternal: false,
+    gitURL: "https://github.com/tinacms/tina-docs",
+    devUrl: "http://localhost:3000"
+  },
+  {
+    title: "Astro Starter",
+    description: "Get started with Astro - a modern static site generator designed for fast, lightweight, and flexible web projects.",
+    value: "tina-astro-starter",
     isInternal: false,
-    gitURL: "https://github.com/tinacms/tina-cloud-starter"
+    gitURL: "https://github.com/tinacms/tina-astro-starter",
+    devUrl: "http://localhost:4321"
   },
   {
     title: "Hugo Starter",
     description: "With Hugo, you wield the power of lightning-fast site generation, crafting web experiences at the speed of thought.",
     value: "tina-hugo-starter",
     isInternal: false,
-    gitURL: "https://github.com/tinacms/tina-hugo-starter"
+    gitURL: "https://github.com/tinacms/tina-hugo-starter",
+    devUrl: "http://localhost:1313"
   },
   {
     title: "Remix Starter",
     description: "Dive into Remix to orchestrate seamless, interactive user journeys like a maestro of the web.",
     value: "tina-remix-starter",
     isInternal: false,
-    gitURL: "https://github.com/tinacms/tina-remix-starter"
+    gitURL: "https://github.com/tinacms/tina-remix-starter",
+    devUrl: "http://localhost:3000"
   },
   {
     title: "Docusaurus Starter",
     description: "Docusaurus empowers you to build and evolve documentation like crafting a living, breathing knowledge repository.",
     value: "tinasaurus",
     isInternal: false,
-    gitURL: "https://github.com/tinacms/tinasaurus"
+    gitURL: "https://github.com/tinacms/tinasaurus",
+    devUrl: "http://localhost:3000"
   },
   {
     title: "Bare bones starter",
     description: "Stripped down to essentials, this starter is the canvas for pure, unadulterated code creativity.",
     value: "basic",
     isInternal: false,
-    gitURL: "https://github.com/tinacms/tina-barebones-starter"
+    gitURL: "https://github.com/tinacms/tina-barebones-starter",
+    devUrl: "http://localhost:3000"
   }
 ];
-async function downloadTemplate(template, root) {
+async function downloadTemplate(template, root, spinner) {
   if (template.isInternal === false) {
     const repoURL = new URL(template.gitURL);
     const repoInfo = await getRepoInfo(repoURL);
     if (!repoInfo) {
       throw new Error("Repository information not found.");
     }
-    log.info(
-      `Downloading files from repo ${TextStyles.link(
-        `${repoInfo == null ? void 0 : repoInfo.username}/${repoInfo == null ? void 0 : repoInfo.name}`
-      )}.`
-    );
+    spinner.text = `Downloading files from repo ${TextStyles.tinaOrange(
+      `${repoInfo?.username}/${repoInfo?.name}`
+    )}`;
     await downloadAndExtractRepo(root, repoInfo);
   } else {
-    const templateFile = import_path3.default.join(__dirname, "..", "examples", template.value);
-    await (0, import_fs_extra3.copy)(`${templateFile}/`, "./");
+    const templateFile = path3.join(__dirname, "..", "examples", template.value);
+    await copy(`${templateFile}/`, "./");
   }
 }
 
 // src/util/preRunChecks.ts
-var SUPPORTED_NODE_VERSIONS = ["18", "20", "22"];
-function preRunChecks() {
-  checkSupportedNodeVersion();
-}
-function checkSupportedNodeVersion() {
-  if (!SUPPORTED_NODE_VERSIONS.some(
-    (version2) => process.version.startsWith(`v${version2}`)
-  )) {
-    log.warn(
-      `Version ${process.version} of Node.js is not supported in create-tina-app, please update to the latest LTS version. See https://nodejs.org/en/download/ for more details.`
+var SUPPORTED_NODE_VERSION_BOUNDS = { oldest: 20, latest: 22 };
+var SUPPORTED_NODE_VERSION_RANGE = [
+  ...Array(SUPPORTED_NODE_VERSION_BOUNDS.latest).keys()
+].map((i) => i + SUPPORTED_NODE_VERSION_BOUNDS.oldest);
+var isSupported = SUPPORTED_NODE_VERSION_RANGE.some(
+  (version2) => process.version.startsWith(`v${version2}`)
+);
+function preRunChecks(spinner) {
+  spinner.start("Running pre-run checks...");
+  if (!isSupported) {
+    spinner.warn(
+      `Node ${process.version} is not supported by create-tina-app. Please update to be within v${SUPPORTED_NODE_VERSION_BOUNDS.oldest}-v${SUPPORTED_NODE_VERSION_BOUNDS.latest}. See https://nodejs.org/en/download/ for more details.`
     );
+  } else {
+    spinner.succeed(`Node ${process.version} is supported.`);
   }
 }
 
 // src/util/checkPkgManagers.ts
-var import_child_process2 = require("child_process");
+import { exec } from "child_process";
 async function checkPackageExists(name2) {
   try {
     await new Promise((resolve, reject) => {
-      (0, import_child_process2.exec)(`${name2} -v`, (error, stdout, stderr) => {
+      exec(`${name2} -v`, (error, stdout, stderr) => {
         if (error) {
           reject(stderr);
         }
@@ -416,13 +350,22 @@ async function checkPackageExists(name2) {
 }
 
 // src/index.ts
-var import_node_process = require("process");
-var import_validate_npm_package_name = __toESM(require("validate-npm-package-name"));
-var PKG_MANAGERS = ["npm", "yarn", "pnpm"];
-async function run() {
-  preRunChecks();
+import { exit } from "node:process";
+
+// src/util/options.ts
+import { Command } from "commander";
+
+// package.json
+var name = "create-tina-app";
+var version = "1.6.2";
+
+// src/util/packageManagers.ts
+var PKG_MANAGERS = ["npm", "yarn", "pnpm", "bun"];
+
+// src/util/options.ts
+function extractOptions(args) {
   let projectName = "";
-  const program = new import_commander.Command(name);
+  const program = new Command(name);
   program.version(version).option(
     "-t, --template <template>",
     `Choose which template to start from. Valid templates are: ${TEMPLATES.map(
@@ -434,34 +377,97 @@ async function run() {
   ).option(
     "-d, --dir <dir>",
     "Choose which directory to run this script from."
-  ).option("--noTelemetry", "Disable anonymous telemetry that is collected.").arguments("[project-directory]").usage(`${TextStyles.success("<project-directory>")} [options]`).action((name2) => {
+  ).option("-v, --verbose", "Enable verbose output.").option("--noTelemetry", "Disable anonymous telemetry that is collected.").arguments("[project-directory]").usage(`${TextStyles.success("<project-directory>")} [options]`).action((name2) => {
     projectName = name2;
   });
-  program.parse(process.argv);
+  program.parse(args);
   const opts = program.opts();
   if (opts.dir) {
     process.chdir(opts.dir);
   }
-  const telemetry = new import_metrics.Telemetry({ disabled: opts == null ? void 0 : opts.noTelemetry });
-  let template = opts.template;
-  if (template) {
-    template = TEMPLATES.find((_template) => _template.value === template);
+  if (projectName) {
+    opts.projectName = projectName;
+  }
+  return opts;
+}
+
+// src/index.ts
+import validate from "validate-npm-package-name";
+
+// src/util/asciiArt.ts
+var llama = "                                                  :--=:     \n                                                :-===-      \n                                               -=====-      \n                                              -=======.     \n                                             .=========-.   \n                                             :===========--:\n                                             -=============.\n                                            .==========-:.  \n                                            :=========-.    \n                                            -=========-     \n                                           .==========-     \n                                           -==========-     \n                                          :===========-     \n                                         -=============.    \n                                        :==============:    \n                                       :===============-    \n                                    .:-================-    \n                             ..::---====================    \n       ....::::::::::-------============================.   \n   .---=================================================:   \n .-=====================================================-   \n:=======================================================.   \n .-====================================================.    \n   .-=================================================.     \n     :=============================================-        \n     -============================================.         \n    .============-:.                 -==========-           \n    :=========-:  ..                 -==========.           \n    -========:  :-=-                 -=========-            \n   .========. .-====                 :=========:            \n   -=======:  :=====.                 -========:            \n   -======-    -====-                  -=======:            \n    -=====:     -====:                   :======.           \n    .=====.      -====.                   .-====-           \n     :====        -===-                     -====:          \n      -==-         :===-                     :====.         ";
+var tinaCms = "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\n\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\n   \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\n   \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\n   \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551 \u255A\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\n   \u255A\u2550\u255D   \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D";
+
+// src/themes.ts
+var THEMES = [
+  {
+    title: "Default",
+    description: "The default monochromatic theme for your documentation site",
+    value: "default"
+  },
+  {
+    title: "Tina",
+    description: "The warm color scheme of TinaCMS for your documentation",
+    value: "tina"
+  },
+  {
+    title: "Blossom",
+    value: "blossom",
+    description: "A Blossom theme for your project"
+  },
+  {
+    title: "Lake",
+    value: "lake",
+    description: "A Lake theme for your project"
+  },
+  {
+    title: "Pine",
+    value: "pine",
+    description: "A Pine theme for your project"
+  },
+  {
+    title: "Indigo",
+    value: "indigo",
+    description: "An Indigo theme for your project"
+  }
+];
+
+// src/index.ts
+async function run() {
+  const ora = (await import("ora")).default;
+  let packageManagerInstallationHadError = false;
+  if (process.stdout.columns >= 60) {
+    console.log(TextStyles.tinaOrange(`${llama}`));
+    console.log(TextStyles.tinaOrange(`${tinaCms}`));
+  } else {
+    console.log(TextStyles.tinaOrange(`\u{1F999} TinaCMS`));
+  }
+  const require2 = createRequire(import.meta.url);
+  const version2 = require2("../package.json").version;
+  console.log(`Create Tina App v${version2}`);
+  const spinner = ora();
+  preRunChecks(spinner);
+  const opts = extractOptions(process.argv);
+  const telemetry = new Telemetry({ disabled: opts?.noTelemetry });
+  let template = null;
+  if (opts.template) {
+    template = TEMPLATES.find((_template) => _template.value === opts.template);
     if (!template) {
-      log.err(
+      spinner.fail(
         `The provided template '${opts.template}' is invalid. Please provide one of the following: ${TEMPLATES.map(
           (x2) => x2.value
         )}`
       );
-      (0, import_node_process.exit)(1);
+      exit(1);
     }
   }
   let pkgManager = opts.pkgManager;
   if (pkgManager) {
     if (!PKG_MANAGERS.find((_pkgManager) => _pkgManager === pkgManager)) {
-      log.err(
+      spinner.fail(
         `The provided package manager '${opts.pkgManager}' is not supported. Please provide one of the following: ${PKG_MANAGERS}`
       );
-      (0, import_node_process.exit)(1);
+      exit(1);
     }
   }
   if (!pkgManager) {
@@ -472,12 +478,12 @@ async function run() {
       }
     }
     if (installedPkgManagers.length === 0) {
-      log.err(
+      spinner.fail(
         `You have no supported package managers installed. Please install one of the following: ${PKG_MANAGERS}`
       );
-      (0, import_node_process.exit)(1);
+      exit(1);
     }
-    const res = await (0, import_prompts.default)({
+    const res = await prompts({
       message: "Which package manager would you like to use?",
       name: "packageManager",
       type: "select",
@@ -485,95 +491,148 @@ async function run() {
         return { title: manager, value: manager };
       })
     });
-    if (!Object.hasOwn(res, "packageManager"))
-      (0, import_node_process.exit)(1);
+    if (!Object.hasOwn(res, "packageManager")) exit(1);
     pkgManager = res.packageManager;
   }
+  let projectName = opts.projectName;
   if (!projectName) {
-    const res = await (0, import_prompts.default)({
+    const res = await prompts({
       name: "name",
       type: "text",
       message: "What is your project named?",
       initial: "my-tina-app",
       validate: (name2) => {
-        const { validForNewPackages, errors } = (0, import_validate_npm_package_name.default)(
-          import_node_path.default.basename(import_node_path.default.resolve(name2))
+        const { validForNewPackages, errors } = validate(
+          path4.basename(path4.resolve(name2))
         );
-        if (validForNewPackages)
-          return true;
-        return "Invalid project name: " + errors[0];
+        if (validForNewPackages) return true;
+        return `Invalid project name: ${errors[0]}`;
       }
     });
-    if (!Object.hasOwn(res, "name"))
-      (0, import_node_process.exit)(1);
+    if (!Object.hasOwn(res, "name")) exit(1);
     projectName = res.name;
   }
   if (!template) {
-    const res = await (0, import_prompts.default)({
+    const res = await prompts({
       name: "template",
       type: "select",
       message: "What starter code would you like to use?",
       choices: TEMPLATES
     });
-    if (!Object.hasOwn(res, "template"))
-      (0, import_node_process.exit)(1);
+    if (!Object.hasOwn(res, "template")) exit(1);
     template = TEMPLATES.find((_template) => _template.value === res.template);
   }
+  let themeChoice;
+  if (template.value === "tina-docs") {
+    const res = await prompts({
+      name: "theme",
+      type: "select",
+      message: "What theme would you like to use?",
+      choices: THEMES
+    });
+    if (!Object.hasOwn(res, "theme")) exit(1);
+    themeChoice = res.theme;
+  }
   await telemetry.submitRecord({
     event: {
       name: "create-tina-app:invoke",
-      template,
+      template: template.value,
       pkgManager
     }
   });
-  const rootDir = import_node_path.default.join(process.cwd(), projectName);
-  if (!await isWriteable(import_node_path.default.dirname(rootDir))) {
-    log.err(
+  const rootDir = path4.join(process.cwd(), projectName);
+  if (!await isWriteable(path4.dirname(rootDir))) {
+    spinner.fail(
       "The application path is not writable, please check folder permissions and try again. It is likely you do not have write permissions for this folder."
     );
     process.exit(1);
   }
-  const appName = await setupProjectDirectory(rootDir);
+  let appName;
+  try {
+    appName = await setupProjectDirectory(rootDir);
+  } catch (err) {
+    spinner.fail(err.message);
+    exit(1);
+  }
   try {
-    await downloadTemplate(template, rootDir);
+    await downloadTemplate(template, rootDir, spinner);
+    if (themeChoice) {
+      await updateThemeSettings(rootDir, themeChoice);
+    }
+    spinner.start("Downloading template...");
+    await downloadTemplate(template, rootDir, spinner);
+    spinner.succeed();
+    spinner.start("Updating project metadata...");
     updateProjectPackageName(rootDir, projectName);
     updateProjectPackageVersion(rootDir, "0.0.1");
+    spinner.succeed();
+  } catch (err) {
+    spinner.fail(`Failed to download template: ${err.message}`);
+    exit(1);
+  }
+  spinner.start("Installing packages.");
+  try {
+    await install(pkgManager, opts.verbose);
+    spinner.succeed();
   } catch (err) {
-    log.err(`Failed to download template: ${err.message}`);
-    (0, import_node_process.exit)(1);
+    spinner.fail(`Failed to install packages: ${err.message}`);
+    packageManagerInstallationHadError = true;
   }
-  log.info("Installing packages.");
-  await install(rootDir, null, { packageManager: pkgManager, isOnline: true });
-  log.info("Initializing git repository.");
+  spinner.start("Initializing git repository.");
   try {
-    if (initializeGit()) {
+    if (initializeGit(spinner)) {
       makeFirstCommit(rootDir);
-      log.info("Initialized git repository.");
+      spinner.succeed();
     }
   } catch (err) {
-    log.err("Failed to initialize Git repository, skipping.");
+    spinner.fail("Failed to initialize Git repository, skipping.");
+  }
+  spinner.succeed(`Created ${TextStyles.tinaOrange(appName)}
+`);
+  if (template.value === "tina-hugo-starter") {
+    spinner.warn(
+      `Hugo is required for this starter. Install it via ${TextStyles.link(
+        "https://gohugo.io/installation/"
+      )}
+`
+    );
   }
-  log.success("Starter successfully created!");
-  log.log(TextStyles.bold("\nTo launch your app, run:\n"));
-  log.cmd(`cd ${appName}
-${pkgManager} run dev`);
-  log.log(`
-Next steps:
-    \u2022 \u{1F4DD} Edit some content on ${TextStyles.link(
-    "http://localhost:3000"
-  )} (See ${TextStyles.link("https://tina.io/docs/using-tina-editor")})
-    \u2022 \u{1F4D6} Learn the basics: ${TextStyles.link("https://tina.io/docs/schema/")}
-    \u2022 \u{1F58C}\uFE0F Extend Tina with custom field components: ${TextStyles.link(
-    "https://tina.io/docs/advanced/extending-tina/"
-  )}
-    \u2022 \u{1F680} Deploy to Production: ${TextStyles.link(
-    "https://tina.io/docs/tina-cloud/"
-  )}
-  `);
+  const padCommand = (cmd, width = 20) => TextStyles.cmd(cmd) + " ".repeat(Math.max(0, width - cmd.length));
+  spinner.info(`${TextStyles.bold("To get started:")}
+
+  ${padCommand(`cd ${appName}`)}# move into your project directory${packageManagerInstallationHadError ? `
+  ${padCommand(`${pkgManager} install`)}# install dependencies` : ""}
+  ${padCommand(
+    `${pkgManager} run dev`
+  )}# start the dev server ${TextStyles.link(template.devUrl)}
+  ${padCommand(`${pkgManager} run build`)}# build the app for production
+`);
+  console.log("Next steps:");
+  console.log(
+    `  \u2022 \u{1F4DD} Edit some content: ${TextStyles.link(
+      "https://tina.io/docs/using-tina-editor"
+    )}`
+  );
+  console.log(
+    `  \u2022 \u{1F4D6} Learn the basics: ${TextStyles.link(
+      "https://tina.io/docs/schema/"
+    )}`
+  );
+  console.log(
+    `  \u2022 \u{1F58C}\uFE0F Extend Tina with custom field components: ${TextStyles.link(
+      "https://tina.io/docs/advanced/extending-tina/"
+    )}`
+  );
+  console.log(
+    `  \u2022 \u{1F680} Deploy to Production: ${TextStyles.link(
+      "https://tina.io/docs/tinacloud/"
+    )}`
+  );
 }
-run();
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PKG_MANAGERS,
-  run
+run().catch((error) => {
+  console.error("Error running create-tina-app:", error);
+  process.exit(1);
 });
+export {
+  run
+};

package/dist/templates.d.ts

@@ -1,7 +1,9 @@
-type BaseExample = {
+import { Ora } from 'ora';
+export type BaseExample = {
     title: string;
     description?: string;
     value: string;
+    devUrl: string;
 };
 export type InternalTemplate = BaseExample & {
     isInternal: true;
@@ -12,5 +14,4 @@ export type ExternalTemplate = BaseExample & {
 };
 export type Template = InternalTemplate | ExternalTemplate;
 export declare const TEMPLATES: Template[];
-export declare function downloadTemplate(template: Template, root: string): Promise<void>;
-export {};
+export declare function downloadTemplate(template: Template, root: string, spinner: Ora): Promise<void>;

package/dist/themes.d.ts

@@ -0,0 +1,7 @@
+type TinaDocsTheme = {
+    title: string;
+    value: string;
+    description: string;
+};
+export declare const THEMES: TinaDocsTheme[];
+export {};

package/dist/util/asciiArt.d.ts

@@ -0,0 +1,2 @@
+export declare const llama: string;
+export declare const tinaCms: string;

package/dist/util/checkPkgManagers.d.ts

@@ -1,2 +1,2 @@
-import { PKG_MANAGERS } from '..';
-export declare function checkPackageExists(name: (typeof PKG_MANAGERS)[number]): Promise<boolean>;
+import { PackageManager } from './packageManagers';
+export declare function checkPackageExists(name: PackageManager): Promise<boolean>;

package/dist/util/fileUtil.d.ts

@@ -3,3 +3,4 @@ export declare function folderContainsInstallConflicts(root: string): string[];
 export declare function setupProjectDirectory(dir: string): Promise<string>;
 export declare function updateProjectPackageName(dir: string, name: string): void;
 export declare function updateProjectPackageVersion(dir: string, version: string): void;
+export declare function updateThemeSettings(dir: string, selectedTheme: string): Promise<void>;

package/dist/util/git.d.ts

@@ -1,2 +1,3 @@
+import { Ora } from 'ora';
 export declare function makeFirstCommit(root: string): void;
-export declare function initializeGit(): boolean;
+export declare function initializeGit(spinner: Ora): boolean;

package/dist/util/install.d.ts

@@ -1,21 +1,7 @@
-interface InstallArgs {
-    /**
-     * The package manager to use (yarn, npm, pnpm).
-     */
-    packageManager: 'yarn' | 'npm' | 'pnpm';
-    /**
-     * Indicate whether there is an active Internet connection.
-     */
-    isOnline: boolean;
-    /**
-     * Indicate whether the given dependencies are devDependencies.
-     */
-    devDependencies?: boolean;
-}
+import { PackageManager } from './packageManagers';
 /**
- * Spawn a package manager installation with Yarn, NPM, or PNPM.
+ * Spawn a package manager installation.
  *
  * @returns A Promise that resolves once the installation is finished.
  */
-export declare function install(root: string, dependencies: string[] | null, { packageManager, isOnline, devDependencies }: InstallArgs): Promise<void>;
-export {};
+export declare function install(packageManager: PackageManager, verboseOutput: boolean): Promise<void>;

package/dist/util/options.d.ts

@@ -0,0 +1,9 @@
+export interface CreateOptions {
+    template: string;
+    pkgManager: string;
+    dir: string;
+    noTelemetry: boolean;
+    projectName: string;
+    verbose: boolean;
+}
+export declare function extractOptions(args: string[]): CreateOptions;

package/dist/util/packageManagers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The available package managers a user can use.
+ * To add a new supported package manager, add the usage command to this list.
+ * The `PackageManager` type will be automatically updated as a result.
+ */
+export declare const PKG_MANAGERS: readonly ["npm", "yarn", "pnpm", "bun"];
+export type PackageManager = (typeof PKG_MANAGERS)[number];

package/dist/util/preRunChecks.d.ts

@@ -1,2 +1,2 @@
-export declare const SUPPORTED_NODE_VERSIONS: string[];
-export declare function preRunChecks(): void;
+import { Ora } from 'ora';
+export declare function preRunChecks(spinner: Ora): void;

package/dist/util/textstyles.d.ts

@@ -0,0 +1,10 @@
+export declare const TextStyles: {
+    tinaOrange: import("chalk").ChalkInstance;
+    link: (url: string) => string;
+    cmd: import("chalk").ChalkInstance;
+    info: import("chalk").ChalkInstance;
+    success: import("chalk").ChalkInstance;
+    warn: import("chalk").ChalkInstance;
+    err: import("chalk").ChalkInstance;
+    bold: import("chalk").ChalkInstance;
+};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "create-tina-app",
-  "version": "0.0.0-f90ef4d-20241119072342",
+  "version": "0.0.0-fbc6afb-20251208042646",
+  "type": "module",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -31,22 +32,22 @@
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.13.1",
     "@types/prompts": "^2.4.9",
     "@types/tar": "6.1.13",
-    "typescript": "^5.6.3",
-    "@tinacms/scripts": "0.0.0-f90ef4d-20241119072342"
+    "typescript": "^5.7.3",
+    "@tinacms/scripts": "0.0.0-fbc6afb-20251208042646"
   },
   "dependencies": {
-    "chalk": "4.1.2",
+    "chalk": "^5.4.1",
     "commander": "^12.1.0",
-    "cross-spawn": "^7.0.5",
-    "fs-extra": "^11.2.0",
-    "got": "^14.4.4",
+    "cross-spawn": "^7.0.6",
+    "fs-extra": "^11.3.0",
+    "ora": "^8.2.0",
     "prompts": "^2.4.2",
     "tar": "7.4.0",
     "validate-npm-package-name": "^5.0.1",
-    "@tinacms/metrics": "0.0.0-f90ef4d-20241119072342"
+    "@tinacms/metrics": "0.0.0-fbc6afb-20251208042646"
   },
   "scripts": {
     "types": "pnpm tsc",

package/dist/util/logger.d.ts

@@ -1,20 +0,0 @@
-import chalk from 'chalk';
-export declare const TextStyles: {
-    link: chalk.Chalk;
-    cmd: chalk.Chalk;
-    info: chalk.Chalk;
-    success: chalk.Chalk;
-    warn: chalk.Chalk;
-    err: chalk.Chalk;
-    bold: chalk.Chalk;
-};
-export declare class Logger {
-    log(message: string): void;
-    debug(message: string): void;
-    info(message: string): void;
-    success(message: string): void;
-    cmd(message: string): void;
-    warn(message: string): void;
-    err(message: string): void;
-}
-export declare const log: Logger;