create-bearnie 0.5.0 → 0.6.1

package/dist/index.js

@@ -13,6 +13,26 @@ var link = (text, url) => `\x1B]8;;${url}\x07${pc.cyan(text)}\x1B]8;;\x07`;
 function parseFullArg() {
   return process.argv.includes("--full");
 }
+function parseThemeArg() {
+  const argv = process.argv;
+  for (let i = 2; i < argv.length; i++) {
+    if (argv[i].startsWith("--theme=")) {
+      return argv[i].slice("--theme=".length) || null;
+    }
+    if (argv[i] === "--theme") {
+      return argv[i + 1] && !argv[i + 1].startsWith("--") ? argv[i + 1] : null;
+    }
+  }
+  return null;
+}
+function isThemeEntry(name) {
+  return name === "styles" || name.startsWith("styles-");
+}
+function composeThemeName(base, accent) {
+  if (base === "neutral") return accent;
+  if (accent === "default") return base;
+  return `${base}-${accent}`;
+}
 function detectPackageManager() {
   const userAgent = process.env.npm_config_user_agent ?? "";
   if (userAgent.startsWith("pnpm")) return "pnpm";
@@ -39,7 +59,6 @@ var FALLBACK_UTILITY_NAMES = [
   "cn",
   "focus-trap",
   "ui-runtime-loader",
-  "ui-runtime-boot",
   "ui-runtime-dialog",
   "ui-runtime-disclosure-triggers",
   "ui-runtime-dropdown-menu",
@@ -93,10 +112,12 @@ async function fetchRegistryIndex() {
   }
   return await response.json();
 }
-async function writeBearnieConfig(targetDir) {
-  await fs.writeJson(path.join(targetDir, "bearnie.json"), BEARNIE_CONFIG, {
-    spaces: 2
-  });
+async function writeBearnieConfig(targetDir, theme) {
+  await fs.writeJson(
+    path.join(targetDir, "bearnie.json"),
+    { ...BEARNIE_CONFIG, theme },
+    { spaces: 2 }
+  );
 }
 async function writeRegistryFiles(targetDir, entry) {
   for (const file of entry.files) {
@@ -140,6 +161,54 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
   }
   const finalName = projectName;
   const targetDir = path.resolve(process.cwd(), finalName);
+  let availableThemes = ["default"];
+  let themeBases = ["neutral"];
+  let themeAccents = ["default"];
+  try {
+    const index = await fetchRegistryIndex();
+    if (index.themes?.length) availableThemes = index.themes;
+    if (index.themeBases?.length) themeBases = index.themeBases;
+    if (index.themeAccents?.length) themeAccents = index.themeAccents;
+  } catch {
+  }
+  let theme = parseThemeArg();
+  if (theme && !availableThemes.includes(theme)) {
+    console.log(
+      `
+  ${pc.red("Unknown theme:")} ${theme}
+  Themes combine a base and an accent, e.g. ${pc.cyan("slate-blue")}.
+  Bases: ${themeBases.join(", ")}
+  Accents: ${themeAccents.join(", ")}
+`
+    );
+    process.exit(1);
+  }
+  if (!theme && (themeBases.length > 1 || themeAccents.length > 1) && process.stdin.isTTY) {
+    const response = await prompts([
+      {
+        type: "select",
+        name: "base",
+        message: "Base color (grays and surfaces)",
+        choices: themeBases.map((name) => ({ title: name, value: name })),
+        initial: 0
+      },
+      {
+        type: "select",
+        name: "accent",
+        message: "Accent color (buttons, focus rings)",
+        choices: themeAccents.map((name) => ({
+          title: name === "default" ? "default (neutral)" : name,
+          value: name
+        })),
+        initial: 0
+      }
+    ]);
+    theme = composeThemeName(
+      response.base ?? "neutral",
+      response.accent ?? "default"
+    );
+  }
+  theme = theme ?? "default";
   if (fs.existsSync(targetDir)) {
     const { overwrite } = await prompts({
       type: "confirm",
@@ -164,7 +233,18 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
   const pkg = await fs.readJson(pkgPath);
   pkg.name = finalName;
   await fs.writeJson(pkgPath, pkg, { spaces: 2 });
-  await writeBearnieConfig(targetDir);
+  await writeBearnieConfig(targetDir, theme);
+  if (theme !== "default") {
+    const themeEntry = await fetchRegistryEntry(`styles-${theme}`);
+    if (themeEntry?.files) {
+      await writeRegistryFiles(targetDir, themeEntry);
+      console.log(`  ${pc.green("\u2713")} Applied ${theme} theme`);
+    } else {
+      console.log(
+        `  ${pc.yellow("!")} Couldn't fetch the ${theme} theme \u2014 using default`
+      );
+    }
+  }
   if (fullInstall) {
     console.log(`
   ${pc.dim("Fetching components from registry...")}
@@ -184,7 +264,7 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
         console.log(`  ${pc.yellow("!")} Failed to fetch ${utilityName} utility`);
       }
     }
-    const componentNames = registryIndex.components.map((component) => component.name).filter((name) => name !== "styles" && name !== "barrel");
+    const componentNames = registryIndex.components.map((component) => component.name).filter((name) => !isThemeEntry(name) && name !== "barrel");
     let installed = 0;
     let failed = 0;
     for (const componentName of componentNames) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bearnie",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "Create a new Astro project with Bearnie UI components",
   "type": "module",
   "license": "MIT",