create-vuetify 1.0.0

package/README.md

@@ -0,0 +1,41 @@
+# create-vuetify
+
+## Flags
+
+`create-vuetify` provides flags that can be passed when using the CLI to generate a new project.
+
+| **Flags**      | **Values**                        | **Example**                             |
+|:---------------|-----------------------------------|-----------------------------------------|
+| `preset`       | `default, base, essentials`       | `--preset="default" or --preset default`|
+| `typescript`   | `boolean`                         | `--typescript`                          |
+
+
+## 💪 Supporting Vuetify
+
+<p>Vuetify is an open source MIT project that has been made possible due to the generous contributions by <a href="https://github.com/vuetifyjs/vuetify/blob/dev/BACKERS.md">community backers</a>. If you are interested in supporting this project, please consider:</p>
+
+<ul>
+  <li>
+    <a href="https://github.com/users/johnleider/sponsorship">Becoming a sponsor on Github</a>
+    <strong><small>(supports John)</small></strong>
+  </li>
+  <li>
+    <a href="https://opencollective.com/vuetify">Becoming a backer on OpenCollective</a>
+    <strong><small>(supports the Dev team)</small></strong>
+  </li>
+  <li>
+    <a href="https://tidelift.com/subscription/npm/vuetify?utm_source=vuetify&utm_medium=referral&utm_campaign=readme">Become a subscriber on Tidelift</a>
+  </li>
+  <li>
+    <a href="https://paypal.me/vuetify">Make a one-time payment with Paypal</a>
+  </li>
+  <li>
+    <a href="https://vuetifyjs.com/getting-started/consulting-and-support?ref=github">Book time with the Team</a>
+  </li>
+</ul>
+
+### 📑 License
+
+[MIT](http://opensource.org/licenses/MIT)
+
+Copyright (c) 2016-present Vuetify, LLC

package/dist/output.cjs

@@ -0,0 +1,199 @@
+#!/usr/bin/env node
+"use strict";
+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 __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));
+
+// src/index.ts
+var import_path2 = require("path");
+var import_fs2 = require("fs");
+var import_kolorist = require("kolorist");
+var import_minimist = __toESM(require("minimist"), 1);
+var import_prompts = __toESM(require("prompts"), 1);
+var import_validate_npm_package_name = __toESM(require("validate-npm-package-name"), 1);
+
+// src/utils/installDependencies.ts
+var import_child_process = require("child_process");
+function installDependencies(projectRoot, packageManager) {
+  const cmd = packageManager === "npm" ? "npm install" : packageManager === "yarn" ? "yarn" : "pnpm install";
+  const spawn = (0, import_child_process.spawnSync)(cmd, {
+    cwd: projectRoot,
+    stdio: ["inherit", "inherit", "pipe"],
+    shell: true
+  });
+  if (spawn.error) {
+    throw spawn.error;
+  }
+}
+
+// src/utils/renderTemplate.ts
+var import_fs = require("fs");
+var import_path = require("path");
+
+// src/utils/deepMerge.ts
+var isObject = (v) => {
+  return v === Object(v) && v !== null && !Array.isArray(v);
+};
+var deepMerge = (...sources) => sources.reduce((acc, curr) => {
+  Object.keys(curr).forEach((key) => {
+    if (Array.isArray(acc[key]) && Array.isArray(curr[key])) {
+      acc[key] = Array.from(new Set(acc[key].concat(curr[key])));
+    } else if (isObject(acc[key]) && isObject(curr[key])) {
+      acc[key] = deepMerge(acc[key], curr[key]);
+    } else {
+      acc[key] = curr[key];
+    }
+  });
+  return acc;
+}, {});
+
+// src/utils/renderTemplate.ts
+function mergePkg(source, destination) {
+  const target = JSON.parse((0, import_fs.readFileSync)(destination, "utf8"));
+  const src = JSON.parse((0, import_fs.readFileSync)(source, "utf8"));
+  const mergedPkg = deepMerge(target, src);
+  (0, import_fs.writeFileSync)(destination, JSON.stringify(mergedPkg, null, 2) + "\n");
+}
+function renderDirectory(source, destination) {
+  (0, import_fs.mkdirSync)(destination, { recursive: true });
+  (0, import_fs.readdirSync)(source).forEach((path) => renderTemplate((0, import_path.resolve)(source, path), (0, import_path.resolve)(destination, path)));
+}
+function renderFile(source, destination) {
+  const filename = (0, import_path.basename)(source);
+  if (filename.startsWith("_"))
+    destination = (0, import_path.resolve)((0, import_path.dirname)(destination), filename.replace("_", "."));
+  if (filename === "package.json")
+    mergePkg(source, destination);
+  else
+    (0, import_fs.copyFileSync)(source, destination);
+}
+function renderTemplate(source, destination) {
+  if ((0, import_fs.statSync)(source).isDirectory()) {
+    renderDirectory(source, destination);
+  } else {
+    renderFile(source, destination);
+  }
+}
+
+// src/index.ts
+var validPresets = ["base", "default", "essentials"];
+async function run() {
+  const cwd = process.cwd();
+  const argv = (0, import_minimist.default)(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: 'default', 'base', 'essentials'.`);
+  }
+  const banner = "\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";
+  console.log(`
+${banner}
+`);
+  let context = {
+    projectName: void 0,
+    canOverwrite: void 0,
+    useTypeScript: argv.typescript,
+    usePackageManager: void 0
+  };
+  try {
+    context = await (0, import_prompts.default)([
+      {
+        name: "projectName",
+        type: "text",
+        message: "Project name:",
+        initial: "vuetify-project",
+        validate: (v) => {
+          const { errors } = (0, import_validate_npm_package_name.default)(String(v).trim());
+          return !(errors && errors.length) || `Package ${errors[0]}`;
+        }
+      },
+      {
+        name: "canOverwrite",
+        active: "Yes",
+        inactive: "No",
+        initial: false,
+        type: (_, { projectName: projectName2 }) => {
+          const projectPath = (0, import_path2.join)(cwd, projectName2);
+          return !(0, import_fs2.existsSync)(projectPath) || (0, import_fs2.readdirSync)(projectPath).length === 0 ? null : "toggle";
+        },
+        message: (prev) => `The project path: ${(0, import_path2.resolve)(cwd, prev)} already exists, would you like to overwrite this directory?`
+      },
+      {
+        name: "useTypeScript",
+        type: context.useTypeScript ? null : "toggle",
+        message: "Use TypeScript?",
+        active: "Yes",
+        inactive: "No",
+        initial: false
+      },
+      {
+        name: "usePackageManager",
+        type: "select",
+        message: "Would you like to install dependencies with yarn, npm, or pnpm?",
+        initial: 0,
+        choices: [
+          { title: "yarn", value: "yarn" },
+          { title: "npm", value: "npm" },
+          { title: "pnpm", value: "pnpm" },
+          { title: "none", value: null }
+        ]
+      }
+    ], {
+      onCancel: () => {
+        throw new Error((0, import_kolorist.red)("\u2716") + " Operation cancelled");
+      }
+    });
+  } catch (err) {
+    throw err;
+  }
+  const {
+    canOverwrite,
+    projectName,
+    useTypeScript,
+    usePackageManager
+  } = context;
+  const projectRoot = (0, import_path2.join)(cwd, projectName);
+  if (canOverwrite) {
+    (0, import_fs2.rmSync)(projectRoot, { recursive: true });
+  }
+  (0, import_fs2.mkdirSync)(projectRoot);
+  const rootPkg = { name: projectName };
+  (0, import_fs2.writeFileSync)((0, import_path2.resolve)(projectRoot, "package.json"), JSON.stringify(rootPkg, null, 2));
+  const rootTemplatePath = (0, import_path2.resolve)(cwd, "template");
+  const jsOrTs = useTypeScript || argv.typescript ? "typescript" : "javascript";
+  const preset = !!argv.preset ? argv.preset : "default";
+  console.log("\n\u25CC Generating scaffold...");
+  renderTemplate((0, import_path2.resolve)(rootTemplatePath, jsOrTs, preset), projectRoot);
+  if (usePackageManager) {
+    console.log(`\u25CC Installing dependencies with ${usePackageManager}...
+`);
+    installDependencies(projectRoot, usePackageManager);
+  }
+  console.log(`
+${projectName} has been generated at ${projectRoot}
+`);
+}
+run().then(() => {
+  console.log("Discord community: https://community.vuetifyjs.com");
+  console.log("Github: https://github.com/vuetifyjs/vuetify");
+  console.log("Support Vuetify: https://github.com/sponsors/johnleider");
+}).catch((err) => {
+  console.error(`
+${(0, import_kolorist.red)("\u2716")} ${err}
+`);
+  process.exit();
+});

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "create-vuetify",
+  "version": "1.0.0",
+  "main": "dist/output.cjs",
+  "author": "Elijah Kotyluk <elijah@elijahkotyluk.com>",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "create-vuetify": "./dist/output.cjs"
+  },
+  "files": [
+    "./dist/output.cjs",
+    "./template"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuetifyjs/create-vuetify.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vuetifyjs/create-vuetify/issues"
+  },
+  "scripts": {
+    "build": "node ./scripts/build.js",
+    "start": "node ./dist/output.cjs",
+    "lint": "eslint --fix 'src/**'",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "kolorist": "^1.5.1",
+    "minimist": "^1.2.6",
+    "prompts": "^2.4.2",
+    "validate-npm-package-name": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/minimist": "^1.2.2",
+    "@types/prompts": "^2.0.14",
+    "@types/validate-npm-package-name": "^4.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.6",
+    "@typescript-eslint/parser": "^5.30.6",
+    "esbuild": "^0.14.47",
+    "esbuild-jest": "^0.5.0",
+    "eslint": "^8.19.0",
+    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-local-rules": "^1.3.0",
+    "eslint-plugin-lodash-template": "^0.21.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "typescript": "^4.7.4"
+  }
+}