create-vuetify 2.7.0-beta.3 → 2.7.2

package/dist/index.mjs

@@ -1,26 +1,19 @@
 // src/index.ts
-import { dirname as dirname3, join as join3, resolve as resolve5 } from "node:path";
+import { dirname as dirname3, join as join4, resolve as resolve6 } from "node:path";
 import { fileURLToPath } from "node:url";
-import { mkdirSync as mkdirSync2, rmSync, writeFileSync as writeFileSync2 } from "node:fs";
+import { mkdirSync as mkdirSync2, rmSync, writeFileSync as writeFileSync2, existsSync as existsSync5 } from "node:fs";
 
 // src/utils/prompts.ts
 import { join as join2, resolve as resolve3 } from "node:path";
 import { existsSync as existsSync2, readdirSync } from "node:fs";
 
 // src/utils/presets.ts
-var defaultContext = {
-  useEslint: false,
-  useRouter: false,
-  useStore: false
-};
+var defaultContext = {};
 var baseContext = {
-  ...defaultContext,
-  useEslint: true,
-  useRouter: true
+  ...defaultContext
 };
 var essentialsContext = {
-  ...baseContext,
-  useStore: true
+  ...baseContext
 };
 var presets = {
   "base": baseContext,
@@ -1141,8 +1134,243 @@ async function initPrompts(context) {
   };
 }
 
-// src/index.ts
+// src/utils/nonInteractivePrompts.ts
+import { join as join3, resolve as resolve4 } from "node:path";
+import { existsSync as existsSync3, readdirSync as readdirSync2 } from "node:fs";
 import { red as red2 } from "kolorist";
+function resolveNonInteractiveContext(context) {
+  if (context.usePreset) {
+    context = {
+      ...context,
+      ...presets[context.usePreset]
+    };
+  }
+  const projectName = context.projectName || "vuetify-project";
+  const projectPath = join3(context.cwd, projectName);
+  const directoryExists = existsSync3(projectPath);
+  const directoryNotEmpty = directoryExists && readdirSync2(projectPath).length > 0;
+  if (directoryNotEmpty && !context.canOverwrite) {
+    console.error("\n\n", red2("\u2716") + ` Target directory ${resolve4(context.cwd, projectName)} exists and is not empty.`);
+    console.error("Use --force or --overwrite flag to overwrite the directory.");
+    process.exit(1);
+  }
+  let useTypeScript = context.useTypeScript;
+  if (useTypeScript === void 0) {
+    const preset = context.usePreset;
+    useTypeScript = preset ? preset.startsWith("nuxt-") : false;
+  }
+  let usePackageManager = context.usePackageManager;
+  if (usePackageManager === void 0) {
+    const preset = context.usePreset;
+    if (!preset || !preset.startsWith("nuxt-")) {
+      usePackageManager = packageManager;
+    }
+  }
+  let installDependencies3 = context.installDependencies;
+  if (installDependencies3 === void 0) {
+    const preset = context.usePreset;
+    installDependencies3 = preset ? !preset.startsWith("nuxt-") : true;
+  }
+  const usePreset = context.usePreset || "default";
+  const useNuxtModule = context.useNuxtModule;
+  const useNuxtSSR = context.useNuxtSSR;
+  const useNuxtSSRClientHints = context.useNuxtSSRClientHints;
+  return {
+    cwd: context.cwd,
+    projectName,
+    canOverwrite: context.canOverwrite || false,
+    useTypeScript: useTypeScript || false,
+    usePackageManager: usePackageManager || "npm",
+    installDependencies: installDependencies3 || false,
+    usePreset,
+    useNuxtModule: useNuxtModule || false,
+    useNuxtSSR: useNuxtSSR || false,
+    useNuxtSSRClientHints: useNuxtSSRClientHints || false
+  };
+}
+
+// package.json
+var package_default = {
+  name: "create-vuetify",
+  version: "2.7.2",
+  author: "Elijah Kotyluk <elijah@elijahkotyluk.com>",
+  license: "MIT",
+  type: "module",
+  bin: {
+    "create-vuetify": "bin/index.js"
+  },
+  files: [
+    "bin/index.js",
+    "template",
+    "dist"
+  ],
+  repository: {
+    type: "git",
+    url: "git+https://github.com/vuetifyjs/create.git"
+  },
+  bugs: {
+    url: "https://github.com/vuetifyjs/create/issues"
+  },
+  keywords: [
+    "vuetify",
+    "vue",
+    "vue3",
+    "ui",
+    "scaffolding",
+    "cli",
+    "template",
+    "create",
+    "boilerplate",
+    "starter",
+    "typescript",
+    "javascript",
+    "vite",
+    "pinia",
+    "vue-router",
+    "nuxt",
+    "material-design",
+    "material-ui",
+    "components"
+  ],
+  scripts: {
+    build: "node ./scripts/build.js",
+    start: "node ./index.js",
+    dev: "node --run build && node --run start",
+    lint: "eslint --fix .",
+    prepublishOnly: "node --run build",
+    release: "bumpp"
+  },
+  dependencies: {
+    kolorist: "^1.8.0",
+    magicast: "^0.3.5",
+    minimist: "^1.2.8",
+    "package-manager-detector": "^1.3.0",
+    prompts: "^2.4.2",
+    tinyexec: "^1.0.1",
+    "validate-npm-package-name": "^6.0.2"
+  },
+  devDependencies: {
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^22.18.5",
+    "@types/prompts": "^2.4.9",
+    "@types/validate-npm-package-name": "^4.0.2",
+    bumpp: "^10.2.3",
+    esbuild: "^0.25.9",
+    eslint: "^9.35.0",
+    "eslint-config-vuetify": "^4.2.0",
+    nypm: "^0.6.2",
+    typescript: "^5.9.2"
+  },
+  packageManager: "pnpm@9.15.9"
+};
+
+// src/utils/cli/helpText.ts
+function getHelpText() {
+  return `
+Usage: create-vuetify [project-name] [options]
+
+Options:
+  -p, --preset <preset>              Choose a preset (base, default, essentials, nuxt-base, nuxt-default, nuxt-essentials)
+  --ts, --typescript                 Use TypeScript
+  --pm, --package-manager <manager>  Package manager to use (npm, pnpm, yarn, bun, none)
+  -i, --install                      Install dependencies
+  -f, --force, --overwrite           Overwrite existing directory
+  --nuxt-module                      Use vuetify-nuxt-module (for Nuxt presets)
+  --nuxt-ssr, --ssr                  Enable Nuxt SSR (for Nuxt presets)
+  --nuxt-ssr-client-hints            Enable Nuxt SSR Client Hints (for Nuxt presets)
+  -h, --help                         Show help
+  -v, --version                      Show version
+
+Examples:
+  create-vuetify                                          # Interactive mode
+  create-vuetify my-app --preset default --typescript     # Non-interactive with TypeScript
+  create-vuetify my-app --preset nuxt-essentials --ssr    # Nuxt project with SSR
+  create-vuetify my-app --force --install --pm pnpm       # Force overwrite and install with pnpm
+
+Presets:
+  default      - Barebones (Only Vue & Vuetify)
+  base         - Default (Adds routing, ESLint & SASS variables)
+  essentials   - Recommended (Everything from Default. Adds auto importing, layouts & pinia)
+  nuxt-base    - Nuxt Default (Adds Nuxt ESLint & SASS variables)
+  nuxt-default - Nuxt Barebones (Only Vuetify)
+  nuxt-essentials - Nuxt Recommended (Everything from Default. Enables auto importing & layouts)
+`.trim();
+}
+function getVersionText() {
+  return `${package_default.version}`;
+}
+
+// src/utils/cli/parseArgs.ts
+import minimist from "minimist";
+var validPresets = ["base", "default", "essentials", "nuxt-base", "nuxt-default", "nuxt-essentials"];
+var validPackageManagers = ["npm", "pnpm", "yarn", "bun", "none"];
+function parseCliArgs(args) {
+  const argv = minimist(args, {
+    alias: {
+      typescript: ["ts"],
+      preset: ["p"],
+      packageManager: ["pm", "package-manager"],
+      installDependencies: ["install", "i"],
+      overwrite: ["force", "f"],
+      nuxtModule: ["nuxt-module"],
+      nuxtSSR: ["nuxt-ssr", "ssr"],
+      nuxtSSRClientHints: ["nuxt-ssr-client-hints", "client-hints"],
+      help: ["h"],
+      version: ["v"]
+    },
+    boolean: [
+      "typescript",
+      "installDependencies",
+      "overwrite",
+      "nuxtModule",
+      "nuxtSSR",
+      "nuxtSSRClientHints",
+      "help",
+      "version"
+    ],
+    string: [
+      "preset",
+      "packageManager"
+    ]
+  });
+  if (argv.preset && !validPresets.includes(argv.preset)) {
+    throw new Error(`'${argv.preset}' is not a valid preset. Valid presets are: ${validPresets.join(", ")}.`);
+  }
+  if (argv.packageManager && !validPackageManagers.includes(argv.packageManager)) {
+    throw new Error(`'${argv.packageManager}' is not a valid package manager. Valid options are: ${validPackageManagers.join(", ")}.`);
+  }
+  const projectName = argv._[0];
+  return {
+    projectName,
+    preset: argv.preset,
+    typescript: argv.typescript,
+    packageManager: argv.packageManager,
+    installDependencies: argv.installDependencies,
+    overwrite: argv.overwrite,
+    nuxtModule: argv.nuxtModule,
+    nuxtSSR: argv.nuxtSSR,
+    nuxtSSRClientHints: argv.nuxtSSRClientHints,
+    help: argv.help,
+    version: argv.version
+  };
+}
+function cliOptionsToContext(cliOptions, cwd2) {
+  return {
+    cwd: cwd2,
+    projectName: cliOptions.projectName || "vuetify-project",
+    useTypeScript: cliOptions.typescript,
+    usePreset: cliOptions.preset ?? "default",
+    usePackageManager: cliOptions.packageManager === "none" ? void 0 : cliOptions.packageManager,
+    installDependencies: cliOptions.installDependencies,
+    canOverwrite: cliOptions.overwrite ?? false,
+    useNuxtModule: cliOptions.nuxtModule ?? true,
+    useNuxtSSR: cliOptions.nuxtSSR ?? true,
+    useNuxtSSRClientHints: cliOptions.nuxtSSRClientHints ?? (cliOptions.nuxtModule && cliOptions.nuxtSSR)
+  };
+}
+
+// src/index.ts
+import { red as red3 } from "kolorist";
 
 // src/utils/banner.ts
 import { blue } from "kolorist";
@@ -1158,16 +1386,9 @@ function createBanner() {
   return "\x1B[38;2;22;151;246mV\x1B[39m\x1B[38;2;22;147;242mu\x1B[39m\x1B[38;2;22;144;238me\x1B[39m\x1B[38;2;22;140;234mt\x1B[39m\x1B[38;2;23;136;229mi\x1B[39m\x1B[38;2;23;133;225mf\x1B[39m\x1B[38;2;23;129;221my\x1B[39m\x1B[38;2;23;125;217m.\x1B[39m\x1B[38;2;23;121;213mj\x1B[39m\x1B[38;2;23;118;209ms\x1B[39m \x1B[38;2;24;114;204m-\x1B[39m \x1B[38;2;24;110;200mM\x1B[39m\x1B[38;2;24;107;196ma\x1B[39m\x1B[38;2;24;103;192mt\x1B[39m\x1B[38;2;32;110;197me\x1B[39m\x1B[38;2;39;118;202mr\x1B[39m\x1B[38;2;47;125;207mi\x1B[39m\x1B[38;2;54;132;211ma\x1B[39m\x1B[38;2;62;140;216ml\x1B[39m \x1B[38;2;70;147;221mC\x1B[39m\x1B[38;2;77;154;226mo\x1B[39m\x1B[38;2;85;161;231mm\x1B[39m\x1B[38;2;93;169;236mp\x1B[39m\x1B[38;2;100;176;240mo\x1B[39m\x1B[38;2;108;183;245mn\x1B[39m\x1B[38;2;115;191;250me\x1B[39m\x1B[38;2;123;198;255mn\x1B[39m\x1B[38;2;126;199;255mt\x1B[39m \x1B[38;2;129;201;255mF\x1B[39m\x1B[38;2;133;202;255mr\x1B[39m\x1B[38;2;136;204;255ma\x1B[39m\x1B[38;2;139;205;255mm\x1B[39m\x1B[38;2;142;207;255me\x1B[39m\x1B[38;2;145;208;255mw\x1B[39m\x1B[38;2;149;210;255mo\x1B[39m\x1B[38;2;152;211;255mr\x1B[39m\x1B[38;2;155;212;255mk\x1B[39m \x1B[38;2;158;214;255mf\x1B[39m\x1B[38;2;161;215;255mo\x1B[39m\x1B[38;2;164;217;255mr\x1B[39m \x1B[38;2;168;218;255mV\x1B[39m\x1B[38;2;171;220;255mu\x1B[39m\x1B[38;2;174;221;255me\x1B[39m";
 }
 function createPlainBanner() {
-  return "Vuetify.js - Material Component Framework for Vue";
+  return "Vuetify - Vue Component Framework";
 }
 
-// src/index.ts
-import minimist from "minimist";
-
-// src/utils/renderTemplate.ts
-import { copyFileSync, mkdirSync, readdirSync as readdirSync2, readFileSync, statSync, writeFileSync } from "node:fs";
-import { basename as basename2, dirname as dirname2, resolve as resolve4 } from "node:path";
-
 // src/utils/deepMerge.ts
 var isObject = (v) => {
   return v === Object(v) && v !== null && !Array.isArray(v);
@@ -1186,26 +1407,30 @@ var deepMerge = (...sources) => sources.reduce((acc, curr) => {
 }, {});
 
 // src/utils/renderTemplate.ts
+import { copyFileSync, mkdirSync, readdirSync as readdirSync3, readFileSync, statSync, writeFileSync, existsSync as existsSync4 } from "node:fs";
+import { basename as basename2, dirname as dirname2, resolve as resolve5 } from "node:path";
 function mergePkg(source, destination) {
-  const target = JSON.parse(readFileSync(destination, "utf8"));
+  const target = existsSync4(destination) ? JSON.parse(readFileSync(destination, "utf8")) : {};
   const src = JSON.parse(readFileSync(source, "utf8"));
   const mergedPkg = deepMerge(target, src);
   const keysToSort = ["devDependencies", "dependencies"];
   for (const k of keysToSort) {
-    mergedPkg[k] = Object.keys(mergedPkg[k]).toSorted().reduce((a, c) => (a[c] = mergedPkg[k][c], a), {});
+    if (mergedPkg[k]) {
+      mergedPkg[k] = Object.keys(mergedPkg[k]).toSorted().reduce((a, c) => (a[c] = mergedPkg[k][c], a), {});
+    }
   }
   writeFileSync(destination, JSON.stringify(mergedPkg, null, 2) + "\n");
 }
 function renderDirectory(source, destination) {
   mkdirSync(destination, { recursive: true });
-  for (const path4 of readdirSync2(source)) {
-    renderTemplate(resolve4(source, path4), resolve4(destination, path4));
+  for (const path4 of readdirSync3(source)) {
+    renderTemplate(resolve5(source, path4), resolve5(destination, path4));
   }
 }
 function renderFile(source, destination) {
   const filename = basename2(source);
   if (filename.startsWith("_")) {
-    destination = resolve4(dirname2(destination), filename.replace("_", "."));
+    destination = resolve5(dirname2(destination), filename.replace("_", "."));
   }
   if (filename === "package.json") {
     mergePkg(source, destination);
@@ -1688,7 +1913,8 @@ function configureVuetify(ctx, nuxtConfig) {
   };
   config.css = [];
   if (!ctx.useNuxtModule) {
-    config.css.push("@mdi/font/css/materialdesignicons.css", "vuetify/styles");
+    config.css.push("@mdi/font/css/materialdesignicons.css");
+    config.css.push("vuetify/styles");
   }
   addNuxtModule(nuxtConfig, "@nuxt/fonts");
   return config;
@@ -1856,30 +2082,51 @@ function prepareProject(ctx) {
 }
 
 // src/index.ts
-var validPresets = ["base", "custom", "default", "essentials"];
 async function run() {
-  const argv = minimist(process.argv.slice(2), {
-    alias: {
-      typescript: ["ts"]
-    }
-  });
-  if (argv.preset && !validPresets.includes(argv.preset)) {
-    throw new Error(`'${argv.preset}' is not a valid preset. Valid presets are: ${validPresets.join(", ")}.`);
-  }
+  const args = process.argv.slice(2).slice();
   const banner = createBanner();
+  if (args.length === 0) {
+    console.log(`
+${banner}
+`);
+    const initialContext2 = {
+      canOverwrite: false,
+      cwd: process.cwd(),
+      projectName: "vuetify-project"
+    };
+    const finalContext2 = await initPrompts(initialContext2);
+    await createProject(finalContext2);
+    return;
+  }
+  const cliOptions = parseCliArgs(args);
+  if (cliOptions.help) {
+    console.log(getHelpText());
+    process.exit(0);
+  }
+  if (cliOptions.version) {
+    console.log(getVersionText());
+    process.exit(0);
+  }
   console.log(`
 ${banner}
 `);
-  const context = {
-    canOverwrite: false,
-    cwd: process.cwd(),
-    projectName: "vuetify-project",
-    useRouter: false,
-    useTypeScript: argv.typescript,
-    usePreset: argv.preset,
-    useStore: void 0,
-    usePackageManager: void 0
+  const cliContext = cliOptionsToContext(cliOptions, process.cwd());
+  const initialContext = {
+    cwd: cliContext.cwd,
+    projectName: cliContext.projectName,
+    canOverwrite: cliContext.canOverwrite,
+    useTypeScript: cliContext.useTypeScript,
+    usePreset: cliContext.usePreset,
+    usePackageManager: cliContext.usePackageManager,
+    installDependencies: cliContext.installDependencies,
+    useNuxtModule: cliContext.useNuxtModule,
+    useNuxtSSR: cliContext.useNuxtSSR,
+    useNuxtSSRClientHints: cliContext.useNuxtSSRClientHints
   };
+  const finalContext = resolveNonInteractiveContext(initialContext);
+  await createProject(finalContext);
+}
+async function createProject(finalContext) {
   const {
     canOverwrite,
     cwd: cwd2,
@@ -1891,15 +2138,15 @@ ${banner}
     useNuxtModule,
     useNuxtSSR,
     useNuxtSSRClientHints
-  } = await initPrompts(context);
-  const projectRoot = join3(cwd2, projectName);
-  if (canOverwrite) {
+  } = finalContext;
+  const projectRoot = join4(cwd2, projectName);
+  if (canOverwrite && existsSync5(projectRoot)) {
     rmSync(projectRoot, { recursive: true });
   }
-  const preset = context.usePreset ?? usePreset;
+  const preset = finalContext.usePreset ?? usePreset;
   if (preset.startsWith("nuxt-")) {
-    const templateRoot = resolve5(dirname3(fileURLToPath(import.meta.url)), "../template/typescript");
-    const templatePath = resolve5(dirname3(fileURLToPath(import.meta.url)), "../template/typescript/nuxt");
+    const templateRoot = resolve6(dirname3(fileURLToPath(import.meta.url)), "../template/typescript");
+    const templatePath = resolve6(dirname3(fileURLToPath(import.meta.url)), "../template/typescript/nuxt");
     await renderNuxtTemplate({
       cwd: cwd2,
       projectName,
@@ -1913,16 +2160,16 @@ ${banner}
     });
   } else {
     mkdirSync2(projectRoot);
-    writeFileSync2(resolve5(projectRoot, "package.json"), JSON.stringify({ name: projectName }, null, 2));
+    writeFileSync2(resolve6(projectRoot, "package.json"), JSON.stringify({ name: projectName }, null, 2));
     console.log("\n\u25CC Generating scaffold...");
     const jsOrTs = useTypeScript ? "typescript" : "javascript";
-    const templatePath = resolve5(dirname3(fileURLToPath(import.meta.url)), "../template", jsOrTs);
-    renderTemplate(resolve5(templatePath, "default"), projectRoot);
+    const templatePath = resolve6(dirname3(fileURLToPath(import.meta.url)), "../template", jsOrTs);
+    renderTemplate(resolve6(templatePath, "default"), projectRoot);
     if (["base", "essentials"].includes(usePreset)) {
-      renderTemplate(resolve5(templatePath, "base"), projectRoot);
+      renderTemplate(resolve6(templatePath, "base"), projectRoot);
     }
     if (["essentials", "recommended"].includes(usePreset)) {
-      renderTemplate(resolve5(templatePath, "essentials"), projectRoot);
+      renderTemplate(resolve6(templatePath, "essentials"), projectRoot);
     }
     if (usePackageManager && installDeps) {
       console.log(`\u25CC Installing dependencies with ${usePackageManager}...
@@ -1941,7 +2188,7 @@ run().then(() => {
   process.exit(0);
 }).catch((error) => {
   console.error(`
-${red2("\u2716")} ${error}
+${red3("\u2716")} ${error}
 `);
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vuetify",
-  "version": "2.7.0-beta.3",
+  "version": "2.7.2",
   "author": "Elijah Kotyluk <elijah@elijahkotyluk.com>",
   "license": "MIT",
   "type": "module",