vue-art-e4n 0.0.1

package/bin/cli.js

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+import chalk from "chalk";
+import { runCLI } from "../core/runCLI.js";
+
+/**
+ * Gracefully handles Ctrl+C (SIGINT) interruption.
+ * Prevents ugly stack traces and exits cleanly.
+ */
+process.on("SIGINT", () => {
+  console.log(chalk.yellow("\n⛔ Operation canceled by user.\n"));
+  process.exit(0);
+});
+
+/**
+ * Global handler for unhandled promise rejections.
+ * Specifically catches Inquirer ExitPromptError.
+ */
+process.on("unhandledRejection", (error) => {
+  if (error?.name === "ExitPromptError") {
+    console.log(chalk.yellow("\n⛔ Operation canceled.\n"));
+    process.exit(0);
+  }
+
+  console.error(chalk.red("Unexpected error:"), error);
+  process.exit(1);
+});
+
+console.log(chalk.cyan("\n✨ Vue Art CLI – Modular Version\n"));
+
+await runCLI();

package/config/architectures.js

@@ -0,0 +1,54 @@
+/**
+ * Available architectures per framework.
+ *
+ * @type {Record<string, string[]>}
+ */
+export const ARCHITECTURES = {
+  nuxt: ["default", "feature", "layered", "enterprise"],
+  vue: ["simple", "atomic", "feature", "enterprise"],
+  vuetify: ["simple", "feature", "enterprise"],
+};
+
+/**
+ * Determines the recommended architecture based on project context.
+ *
+ * @param {Object} params
+ * @param {string} params.framework
+ * @param {"small"|"medium"|"large"} params.scale
+ * @param {"short"|"long"} params.lifetime
+ * @param {string[]} params.features
+ *
+ * @returns {string} Recommended architecture
+ */
+export function getRecommendedArchitecture({
+  framework,
+  scale,
+  lifetime,
+  features,
+}) {
+  const archs = ARCHITECTURES[framework];
+  if (framework === "nuxt") {
+    if (scale === "large") return "enterprise";
+    if (scale === "medium" && features.includes("ts")) return "feature";
+    return "default";
+  }
+  if (framework === "vuetify") {
+    if (scale === "large") return "enterprise";
+    if (features.includes("ts") && features.includes("router"))
+      return "feature";
+    return "simple";
+  }
+  if (framework === "vue") {
+    if (scale === "large") return "enterprise";
+    if (
+      features.includes("ts") &&
+      features.includes("router") &&
+      features.includes("pinia")
+    )
+      return "feature";
+    if (features.includes("ts")) return "atomic";
+    return "simple";
+  }
+
+  return archs[0];
+}

package/config/featuresConfig.js

@@ -0,0 +1,13 @@
+export const FEATURE_CHOICES = [
+  { name: "TypeScript", value: "ts" },
+  { name: "Vue Router", value: "router" },
+  { name: "ESLint", value: "eslint" },
+  { name: "Vitest (Unit Testing)", value: "vitest" },
+  { name: "Cypress (E2E Testing)", value: "cypress" },
+  { name: "Tailwind CSS", value: "tailwind" },
+  { name: "SCSS / Sass", value: "scss" },
+  { name: "PWA Support", value: "pwa" },
+  { name: "Axios / HTTP Module", value: "axios" },
+  { name: "i18n Module", value: "i18n" },
+  { name: "Auth Module", value: "auth" },
+];

package/config/packages.js

@@ -0,0 +1,55 @@
+export const CORE_PACKAGES = {
+  vue: ["vue", "vite", "@vitejs/plugin-vue"],
+  vuetify: [
+    "vue",
+    "vite",
+    "@vitejs/plugin-vue",
+    "vuetify",
+    "vite-plugin-vuetify",
+    "@mdi/font",
+  ],
+  nuxt: ["nuxt"],
+};
+
+export const PACKAGE_MAP = {
+  vue: {
+    ts: ["typescript"],
+    router: ["vue-router"],
+    pinia: ["pinia"],
+    vuex: ["vuex"],
+    eslint: ["eslint"],
+    vitest: ["vitest"],
+    cypress: ["cypress"],
+    tailwind: ["tailwindcss", "postcss", "autoprefixer"],
+    scss: ["sass"],
+    pwa: ["vite-plugin-pwa"],
+    axios: ["axios"],
+  },
+
+  vuetify: {
+    ts: ["typescript"],
+    router: ["vue-router"],
+    pinia: ["pinia"],
+    vuex: ["vuex"],
+    eslint: ["eslint"],
+
+    tailwind: ["tailwindcss", "postcss", "autoprefixer"],
+    pwa: ["vite-plugin-pwa"],
+    axios: ["axios"],
+  },
+
+  nuxt: {
+    ts: ["@nuxt/typescript-build"],
+    pinia: ["@pinia/nuxt"],
+    vuex: ["vuex"],
+    eslint: ["eslint"],
+    pwa: ["@nuxt/pwa"],
+    i18n: ["@nuxt/i18n"],
+    auth: ["@nuxt/auth-next"],
+    axios: ["@nuxt/axios"],
+    vitest: ["vitest"],
+    cypress: ["cypress"],
+    tailwind: ["@nuxt/tailwindcss"],
+    vuetify: ["vuetify"],
+  },
+};

package/config/rules.js

@@ -0,0 +1,16 @@
+export const EXCLUSIVE_RULES = [
+  {
+    ifSelected: "eslint",
+    disable: "cypress",
+    reason: "ESLint selected, Cypress optional",
+  },
+  {
+    ifSelected: "vitest",
+    disable: "cypress",
+    reason: "Vitest selected, Cypress optional",
+  },
+];
+
+export const STORE_ARCHITECTURE_RULES = [
+  { store: "vuex", forbiddenArchitectures: ["atomic"] },
+];

package/core/createPackageJson.js

@@ -0,0 +1,131 @@
+import fs from "fs";
+import path from "path";
+
+/**
+ * Generates a complete package.json in the specified project directory.
+ * Includes base dependencies/devDependencies for the selected framework
+ * and additional user-specified packages and features.
+ *
+ * @param {Object} options
+ * @param {string} options.projectDir - Path to the project folder.
+ * @param {string} [options.projectName] - Name of the project (defaults to folder name).
+ * @param {"vue"|"vuetify"|"nuxt"} options.framework - Framework to setup.
+ * @param {string[]} [options.features] - Optional features to include (e.g., "vitest").
+ * @param {string[]} [options.packages] - Additional packages to include.
+ */
+
+export function createPackageJson({
+  projectDir,
+  projectName,
+  framework,
+  features,
+  packages,
+}) {
+  const name = (projectName || path.basename(projectDir))
+    .replace(/\s+/g, "-")
+    .toLowerCase();
+
+  /** @type {Record<string, any>} */
+  const pkg = {
+    name,
+    version: "1.0.0",
+    private: true,
+    scripts: {},
+    dependencies: {},
+    devDependencies: {},
+  };
+  const baseDependencies = {};
+  const baseDevDependencies = {};
+
+  if (framework === "vue" || framework === "vuetify") {
+    pkg.type = "module";
+    pkg.scripts = {
+      dev: "vite",
+      build: "vite build",
+      preview: "vite preview",
+    };
+    baseDependencies["vue"] = "^3.4.0";
+    baseDevDependencies["vite"] = "^5.0.0";
+    baseDevDependencies["@vitejs/plugin-vue"] = "^5.0.0";
+    if (framework === "vuetify") {
+      baseDependencies["vuetify"] = "^3.5.0";
+      baseDependencies["@mdi/font"] = "^7.4.0";
+    }
+  }
+
+  if (framework === "nuxt") {
+    pkg.scripts = {
+      dev: "nuxt dev",
+      build: "nuxt build",
+      preview: "nuxt preview",
+      generate: "nuxt generate",
+    };
+    baseDependencies["nuxt"] = "^3.12.0";
+  }
+  if (features?.includes("vitest")) {
+    pkg.scripts.test = "vitest";
+  }
+  const runtimeDeps = new Set([
+    "vue-router",
+    "pinia",
+    "vuex",
+    "axios",
+    "vuetify",
+    "@mdi/font",
+    "@nuxt/pwa",
+    "@nuxt/axios",
+    "@nuxt/i18n",
+    "@nuxt/auth-next",
+    "@pinia/nuxt",
+  ]);
+
+  const devDeps = new Set([
+    "typescript",
+    "vite",
+    "@vitejs/plugin-vue",
+    "tailwindcss",
+    "postcss",
+    "autoprefixer",
+    "sass",
+    "vite-plugin-pwa",
+    "eslint",
+    "vitest",
+    "cypress",
+    "@nuxt/typescript-build",
+    "@nuxt/tailwindcss",
+  ]);
+
+  Object.entries(baseDependencies).forEach(([pkgName, version]) => {
+    pkg.dependencies[pkgName] = version;
+  });
+
+  Object.entries(baseDevDependencies).forEach(([pkgName, version]) => {
+    pkg.devDependencies[pkgName] = version;
+  });
+
+  (packages || []).forEach((pkgName) => {
+    if (baseDependencies[pkgName] || baseDevDependencies[pkgName]) {
+      return;
+    }
+    if (runtimeDeps.has(pkgName)) {
+      if (!pkg.dependencies[pkgName]) {
+        pkg.dependencies[pkgName] = "latest";
+      }
+    } else if (devDeps.has(pkgName)) {
+      if (!pkg.devDependencies[pkgName]) {
+        pkg.devDependencies[pkgName] = "latest";
+      }
+    } else {
+      if (!pkg.dependencies[pkgName] && !pkg.devDependencies[pkgName]) {
+        pkg.dependencies[pkgName] = "latest";
+      }
+    }
+  });
+  Object.keys(pkg.scripts).forEach((k) => {
+    if (!pkg.scripts[k]) delete pkg.scripts[k];
+  });
+  if (Object.keys(pkg.dependencies).length === 0) delete pkg.dependencies;
+  if (Object.keys(pkg.devDependencies).length === 0) delete pkg.devDependencies;
+  const pkgPath = path.join(projectDir, "package.json");
+  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2), "utf-8");
+}