create-vidra-app 0.1.5 → 0.1.7

package/dist/index.js

@@ -1,6 +1,5 @@
 // src/index.ts
 import prompts2 from "prompts";
-import chalk3 from "chalk";
 import fs2 from "fs-extra";
 import path2 from "path";
 import { randomUUID } from "crypto";
@@ -26,7 +25,17 @@ var parseArgs = (argv) => {
     const arg = argv[i];
     if (arg.startsWith("--")) {
       const [key, val] = arg.slice(2).split("=");
-      args[key] = val ?? argv[++i] ?? true;
+      if (val !== void 0) {
+        args[key] = val;
+        continue;
+      }
+      const next = argv[i + 1];
+      if (next !== void 0 && !next.startsWith("--")) {
+        args[key] = next;
+        i++;
+      } else {
+        args[key] = true;
+      }
     } else {
       args._.push(arg);
     }
@@ -36,10 +45,53 @@ var parseArgs = (argv) => {
 
 // src/exec.ts
 import { execSync } from "child_process";
+
+// src/theme.ts
 import chalk from "chalk";
-var toText = (value) => {
-  if (value == null) return "";
-  return Buffer.isBuffer(value) ? value.toString() : value;
+var lime = chalk.hex("#c8f751");
+var value = chalk.hex("#e8e8ec");
+var dim = chalk.hex("#7a7a86");
+var amber = chalk.hex("#ffcf5c");
+var green = chalk.hex("#86d98f");
+var red = chalk.hex("#ff8585");
+var slate = chalk.hex("#a9b0bd");
+var uiColor = chalk.hex("#6fd3e0");
+var hostColor = chalk.hex("#a48ce8");
+var GLYPH_CHAR = {
+  done: "\u2713",
+  active: "\u25B8",
+  error: "\u2717",
+  manual: "?",
+  plan: "\u25C6",
+  skip: "\u2298"
+};
+var GLYPH_COLOR = {
+  done: green,
+  active: lime,
+  error: red,
+  manual: amber,
+  plan: slate,
+  skip: slate
+};
+var glyph = (name) => GLYPH_COLOR[name](GLYPH_CHAR[name]);
+var wordmark = () => lime("vidra");
+var kv = (label, val, width = 9) => `  ${dim(label.padEnd(width))} ${value(val)}`;
+var row = (opts) => {
+  const parts = [`  ${glyph(opts.glyph)}`];
+  if (opts.label !== void 0) {
+    const padded = opts.labelWidth ? opts.label.padEnd(opts.labelWidth) : opts.label;
+    parts.push(value(padded));
+  }
+  if (opts.detail) parts.push(opts.detail);
+  return parts.join(" ");
+};
+var footer = (content) => `  ${content}`;
+var fixLine = (cmd, label = "fix:") => `      ${amber(label)} ${lime(cmd)}`;
+
+// src/exec.ts
+var toText = (value2) => {
+  if (value2 == null) return "";
+  return Buffer.isBuffer(value2) ? value2.toString() : value2;
 };
 var formatProcessError = (error) => {
   const err = error;
@@ -50,8 +102,8 @@ var exec = (cmd, cwd) => {
   try {
     execSync(cmd, { cwd, stdio: "pipe" });
   } catch (e) {
-    console.error(chalk.red(`  Command failed: ${cmd}`));
-    console.error(chalk.dim(formatProcessError(e)));
+    console.error(row({ glyph: "error", detail: dim(`command failed: ${cmd}`) }));
+    console.error(dim(formatProcessError(e)));
     process.exit(1);
   }
 };
@@ -123,7 +175,6 @@ var applyReplacements = (str, replacements) => {
 // src/doctor.ts
 import { execFileSync } from "child_process";
 import prompts from "prompts";
-import chalk2 from "chalk";
 var DOTNET = process.platform === "win32" ? "dotnet.exe" : "dotnet";
 var MAUI_DOCS = "https://learn.microsoft.com/dotnet/maui/get-started/installation";
 var bufToStr = (v) => v == null ? "" : Buffer.isBuffer(v) ? v.toString() : v;
@@ -186,11 +237,16 @@ var isInteractive = () => Boolean(process.stdin.isTTY && process.stdout.isTTY);
 var installWorkload = (csprojPath) => {
   const args = csprojPath ? ["workload", "restore", csprojPath] : ["workload", "install", "maui"];
   console.log();
-  console.log(`  ${chalk2.dim(`Running: ${DOTNET} ${args.join(" ")}`)}`);
   console.log(
-    `  ${chalk2.dim(
-      "This can download several hundred MB and take a few minutes."
-    )}`
+    row({
+      glyph: "active",
+      detail: `${dim("running")} ${value(`${DOTNET} ${args.join(" ")}`)}`
+    })
+  );
+  console.log(
+    footer(
+      dim("this can download several hundred MB and take a few minutes.")
+    )
   );
   console.log();
   try {
@@ -198,13 +254,15 @@ var installWorkload = (csprojPath) => {
     return true;
   } catch {
     console.error();
-    console.error(`  ${chalk2.red("Workload install failed.")}`);
+    console.error(row({ glyph: "error", label: "workload install failed" }));
     console.error(
-      `  ${chalk2.dim(
-        "If this is a permissions error, your SDK is in a system location and needs elevation:"
-      )}`
+      footer(
+        dim(
+          "if this is a permissions error, your SDK is in a system location and needs elevation:"
+        )
+      )
     );
-    console.error(`      ${chalk2.cyan("sudo dotnet workload install maui")}`);
+    console.error(fixLine("sudo dotnet workload install maui"));
     console.error();
     return false;
   }
@@ -213,9 +271,15 @@ var ensureMauiWorkload = async (opts = {}) => {
   const dotnet = checkDotnetSdk();
   if (dotnet.status === "missing") {
     console.log();
-    console.log(`  ${chalk2.yellow("!")} ${dotnet.name} \u2014 ${dotnet.detail}`);
+    console.log(
+      row({
+        glyph: "error",
+        label: dotnet.name,
+        detail: dotnet.detail ? dim(dotnet.detail) : void 0
+      })
+    );
     if (dotnet.fix) {
-      console.log(`      ${chalk2.dim("fix:")} ${chalk2.cyan(dotnet.fix)}`);
+      console.log(fixLine(dotnet.fix));
     }
     return false;
   }
@@ -223,7 +287,11 @@ var ensureMauiWorkload = async (opts = {}) => {
   if (isMauiWorkloadInstalled()) return true;
   console.log();
   console.log(
-    `  ${chalk2.yellow("!")} The .NET MAUI workload is required but not installed.`
+    row({
+      glyph: "error",
+      label: ".NET MAUI workload",
+      detail: dim("required but not installed")
+    })
   );
   const interactive = opts.interactive ?? isInteractive();
   if (interactive) {
@@ -241,20 +309,25 @@ var ensureMauiWorkload = async (opts = {}) => {
     }
     if (install) {
       if (installWorkload(opts.csprojPath) && isMauiWorkloadInstalled()) {
-        console.log(`  ${chalk2.green("\u2713")} MAUI workload installed.`);
+        console.log(
+          row({
+            glyph: "done",
+            label: ".NET MAUI workload",
+            detail: dim("installed")
+          })
+        );
         return true;
       }
       return false;
     }
   }
-  console.log(
-    `      ${chalk2.dim("run:")} ${chalk2.cyan("dotnet workload install maui")}`
-  );
-  console.log(`      ${chalk2.dim("docs:")} ${chalk2.cyan(MAUI_DOCS)}`);
+  console.log(fixLine("dotnet workload install maui", "run:"));
+  console.log(fixLine(MAUI_DOCS, "docs:"));
   return false;
 };
 
 // src/index.ts
+var note = (label, body) => `  ${dim(label.padEnd(7))} ${body}`;
 var __dirname = path2.dirname(fileURLToPath(import.meta.url));
 var CLI_ROOT = path2.resolve(__dirname, "..");
 var TEMPLATES_DIR = path2.join(CLI_ROOT, "templates");
@@ -266,8 +339,9 @@ var VIDRA_VERSION = "0.1.0";
 var SDK_VERSION = "0.1.0";
 var main = async () => {
   console.log();
-  console.log(chalk3.bold("  create-vidra-app"));
-  console.log(chalk3.dim("  Scaffold a new Vidra application\n"));
+  console.log(`  create-${lime("vidra")}-app`);
+  console.log(footer(dim("scaffold a new vidra application")));
+  console.log();
   const args = parseArgs(process.argv);
   let projectDir = args._[0];
   let appId = args["app-id"];
@@ -303,19 +377,20 @@ var main = async () => {
   }
   const root = path2.resolve(projectDir);
   if (fs2.existsSync(root) && fs2.readdirSync(root).length > 0) {
+    console.error();
     console.error(
-      chalk3.red(
-        `
-  Directory "${projectDir}" already exists and is not empty.
-`
-      )
+      row({
+        glyph: "error",
+        detail: dim(`directory "${projectDir}" already exists and is not empty`)
+      })
     );
+    console.error();
     process.exit(1);
   }
   console.log();
-  console.log(`  ${chalk3.dim("Project:")}    ${chalk3.cyan(projectName)}`);
-  console.log(`  ${chalk3.dim("Directory:")}  ${chalk3.cyan(root)}`);
-  console.log(`  ${chalk3.dim("App ID:")}     ${chalk3.cyan(appId)}`);
+  console.log(kv("project", projectName));
+  console.log(kv("directory", root));
+  console.log(kv("app id", appId));
   console.log();
   const isMonorepo = fs2.existsSync(path2.join(LOCAL_SDK_DIR, "package.json"));
   const localFeedExists = isMonorepo && fs2.existsSync(LOCAL_FEED_DIR);
@@ -335,42 +410,49 @@ var main = async () => {
   };
   const templateDir = path2.join(TEMPLATES_DIR, "react-vite");
   await scaffoldDir(templateDir, root, replacements);
-  console.log(chalk3.dim("  Creating solution..."));
+  console.log(row({ glyph: "active", detail: dim("creating solution\u2026") }));
   exec(`dotnet new sln -n ${projectName} --force`, root);
   const slnFile = fs2.existsSync(path2.join(root, `${projectName}.slnx`)) ? `${projectName}.slnx` : `${projectName}.sln`;
   exec(
     `dotnet sln ${slnFile} add src/${projectName}.Host/${projectName}.Host.csproj`,
     root
   );
-  console.log(chalk3.dim("  Installing npm dependencies..."));
+  console.log(row({ glyph: "active", detail: dim("installing dependencies\u2026") }));
   const uiDir = path2.join(root, "ui");
   const rootNpmOk = tryExec("npm install", root);
   const uiNpmOk = tryExec("npm install", uiDir);
   const npmOk = rootNpmOk && uiNpmOk;
   console.log();
-  console.log(chalk3.green("  Done! ") + "Your Vidra app is ready.\n");
+  console.log(
+    row({
+      glyph: "done",
+      detail: `${dim("your")} ${wordmark()} ${dim("app is ready")}`
+    })
+  );
+  console.log();
   if (localFeedExists) {
-    console.log(
-      chalk3.dim("  NuGet:") + " local feed \u2192 " + chalk3.cyan(LOCAL_FEED_DIR)
-    );
+    console.log(note("nuget", `${dim("local feed \u2192")} ${value(LOCAL_FEED_DIR)}`));
   } else if (isMonorepo) {
     console.log(
-      chalk3.yellow("  Note: ") + "Local NuGet feed not found. Run " + chalk3.cyan("./pack-local.sh") + " in the Vidra repo, then update NuGet.Config."
+      row({
+        glyph: "manual",
+        detail: `${dim("local NuGet feed not found. run")} ${lime("./pack-local.sh")} ${dim("in the vidra repo, then update NuGet.Config.")}`
+      })
     );
   }
   if (isMonorepo) {
-    console.log(
-      chalk3.dim("  npm:  ") + " @vidra-dev/sdk \u2192 " + chalk3.cyan(LOCAL_SDK_DIR)
-    );
-    console.log(
-      chalk3.dim("  npm:  ") + " create-vidra-app \u2192 " + chalk3.cyan(LOCAL_CLI_DIR)
-    );
+    console.log(note("npm", `${dim("@vidra-dev/sdk \u2192")} ${value(LOCAL_SDK_DIR)}`));
+    console.log(note("npm", `${dim("create-vidra-app \u2192")} ${value(LOCAL_CLI_DIR)}`));
   }
   console.log();
   if (!npmOk) {
     console.log(
-      chalk3.yellow("  Note: ") + "`npm install` had errors. Re-run " + chalk3.cyan("npm install") + " in the project root and in " + chalk3.cyan("ui/") + " to retry.\n"
+      row({
+        glyph: "manual",
+        detail: `${dim("npm install had errors. re-run")} ${lime("npm install")} ${dim("in the project root and in")} ${value("ui/")} ${dim("to retry.")}`
+      })
     );
+    console.log();
   }
   const hostCsproj = path2.join(
     root,
@@ -379,21 +461,19 @@ var main = async () => {
     `${projectName}.Host.csproj`
   );
   const prereqsReady = await ensureMauiWorkload({ csprojPath: hostCsproj });
-  console.log(chalk3.bold("  Next steps:\n"));
-  console.log(`    cd ${projectDir}`);
+  console.log(footer(dim("next steps")));
+  console.log(`    ${value(`cd ${projectDir}`)}`);
   console.log(
-    `    npm run dev  ${chalk3.dim("# starts Vite + MAUI host together")}`
+    `    ${value("npm run dev")}  ${dim("# starts vite + the MAUI host together")}`
   );
   if (!prereqsReady) {
     console.log(
-      `    ${chalk3.dim("# tip: run")} ${chalk3.cyan(
-        "vidra doctor"
-      )} ${chalk3.dim("to verify your setup first")}`
+      `    ${dim("tip: run")} ${lime("npm run doctor")} ${dim("to verify your setup first")}`
     );
   }
   console.log();
 };
 main().catch((e) => {
-  console.error(chalk3.red(e.message));
+  console.error(row({ glyph: "error", detail: dim(e.message) }));
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vidra-app",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Scaffold a new Vidra application (React + .NET MAUI)",
   "type": "module",
   "bin": {
@@ -21,9 +21,18 @@
   },
   "keywords": [
     "vidra",
+    "create-vidra-app",
+    "dotnet",
+    "csharp",
+    "dotnet-maui",
     "maui",
     "react",
+    "vue",
+    "svelte",
     "cross-platform",
+    "desktop",
+    "electron-alternative",
+    "tauri-alternative",
     "scaffold",
     "cli"
   ],

package/templates/react-vite/README.md

@@ -14,12 +14,16 @@ A cross-platform application built with [Vidra](https://github.com/user/vidra)
 Not sure if you're set up? Run:
 
 ```bash
-vidra doctor
+npm run doctor
 ```
 
 It checks your .NET SDK, the MAUI workload, and (on macOS) Xcode, and prints the
 exact command to fix anything that's missing.
 
+> The `vidra` CLI ships as a local dev dependency of this project, so run it
+> through npm (`npm run dev`, `npm run doctor`) or with `npx vidra <command>` —
+> there is no global `vidra` command to install.
+
 ### Development
 
 ```bash
@@ -31,8 +35,8 @@ This starts the Vite dev server and launches the native host for the current OS.
 To target a specific desktop platform explicitly:
 
 ```bash
-vidra dev --target macos
-vidra dev --target windows
+npx vidra dev --target macos
+npx vidra dev --target windows
 ```
 
 If you want to run the pieces separately:

package/templates/react-vite/package.json

@@ -6,7 +6,8 @@
     "dev": "vidra dev",
     "dev:ui": "npm run dev --prefix ui",
     "dev:host:macos": "vidra run --target macos",
-    "dev:host:windows": "vidra run --target windows"
+    "dev:host:windows": "vidra run --target windows",
+    "doctor": "vidra doctor"
   },
   "devDependencies": {
     "create-vidra-app": "{{cliVersion}}"