@pauldvlp/vp-react-ts-shadcn 0.5.0 → 0.5.2

package/dist/index.js

@@ -8,7 +8,8 @@ import * as prompts from "@clack/prompts";
 var RENAME = {
   _gitignore: ".gitignore",
   _dockerignore: ".dockerignore",
-  "_env.example": ".env.example"
+  "_env.example": ".env.example",
+  "_package.json": "package.json"
 };
 var DEFAULT_PRESET = "b30557okNu";
 var ICON_LIBS = {
@@ -63,6 +64,19 @@ function addIconDeps(pkg, iconLibrary) {
   const iconDeps = ICON_LIBS[iconLibrary] ?? ICON_LIBS.hugeicons;
   pkg.dependencies = { ...pkg.dependencies, ...iconDeps };
 }
+function validateScope(value) {
+  return /^@?[A-Za-z0-9][A-Za-z0-9._/-]*$/.test(value.trim()) ? void 0 : "must be a package scope/name, e.g. @acme";
+}
+function validateName(value) {
+  return /^@?[A-Za-z0-9][A-Za-z0-9._/-]*$/.test(value.trim()) ? void 0 : "must be a package name, e.g. my-app or @acme/app";
+}
+function validatePreset(value) {
+  return /^[A-Za-z0-9][A-Za-z0-9_-]*$/.test(value.trim()) ? void 0 : "must be a style name or ui.shadcn.com code";
+}
+function validateComponents(value) {
+  const parts = value.split(",").map((c) => c.trim()).filter(Boolean);
+  return parts.every((c) => /^[a-z0-9][a-z0-9-]*$/.test(c)) ? void 0 : "comma-separated component names, e.g. button,card,dialog";
+}
 function withRequiredComponents(csv, required = ["button", "badge"]) {
   const requested = csv.split(",").map((c) => c.trim()).filter(Boolean);
   return Array.from(/* @__PURE__ */ new Set([...required, ...requested]));
@@ -106,30 +120,36 @@ function appComponentsJson(theme) {
     }
   };
 }
-function shadcnInitFlags(opts) {
+function shadcnInitArgs(opts) {
   return [
-    `--base ${opts.base}`,
-    `--preset ${opts.preset}`,
+    "--base",
+    opts.base,
+    "--preset",
+    opts.preset,
     opts.cssVariables ? "--css-variables" : "--no-css-variables",
     opts.rtl ? "--rtl" : "--no-rtl",
     opts.pointer ? "--pointer" : "--no-pointer",
     "--no-reinstall",
     "-y",
     "-f"
-  ].join(" ");
+  ];
 }
 function defineTemplate(config) {
   return config;
 }
-function writeTree(node, dir) {
+function writeTree(node, dir, root = path.resolve(dir)) {
   for (const [name, value] of Object.entries(node)) {
-    const p = path.join(dir, name);
+    const p = path.resolve(dir, name);
+    const rel = path.relative(root, p);
+    if (rel === "" || rel === ".." || rel.startsWith(`..${path.sep}`) || path.isAbsolute(rel)) {
+      throw new Error(`Refusing to write outside the target directory: ${name}`);
+    }
     if (typeof value === "string") {
       fs.mkdirSync(path.dirname(p), { recursive: true });
       fs.writeFileSync(p, value);
     } else {
       fs.mkdirSync(p, { recursive: true });
-      writeTree(value, p);
+      writeTree(value, p, root);
     }
   }
 }
@@ -269,8 +289,9 @@ async function runTemplateCLI(template) {
   writeTree(creation.files, directory);
   if (creation.scripts?.length) {
     for (const step of [...creation.scripts].sort((a, b) => a.phase - b.phase)) {
-      for (const command of step.commands) {
-        execFileSync(command, { cwd: directory, stdio: "inherit", shell: true });
+      for (const [program, ...commandArgs] of step.commands) {
+        if (!program) continue;
+        execFileSync(program, commandArgs, { cwd: directory, stdio: "inherit" });
       }
     }
   }
@@ -283,75 +304,31 @@ async function runTemplateCLI(template) {
 }
 
 // src/template.ts
+import { readFileSync } from "node:fs";
 import path2 from "node:path";
 import { fileURLToPath } from "node:url";
-
-// package.json
-var package_default = {
-  name: "@pauldvlp/vp-react-ts-shadcn",
-  version: "0.5.0",
-  description: "Vite+ monorepo template: one frontend app (website) + a shared shadcn UI package, themeable via shadcn presets.",
-  author: "pauldvlp (https://github.com/pauldvlp/vp-templates)",
-  license: "MIT",
-  homepage: "https://github.com/pauldvlp/vp-templates",
-  repository: {
-    type: "git",
-    url: "git+https://github.com/pauldvlp/vp-templates.git",
-    directory: "packages/vp-react-ts-shadcn"
-  },
-  bugs: "https://github.com/pauldvlp/vp-templates/issues",
-  keywords: [
-    "vite-plus-generator",
-    "vite-plus",
-    "shadcn",
-    "react",
-    "template"
-  ],
-  bin: "./dist/index.js",
-  type: "module",
-  files: [
-    "dist",
-    "template"
-  ],
-  scripts: {
-    build: "esbuild bin/index.ts --bundle --outfile=dist/index.js --format=esm --platform=node --target=node22 --packages=external",
-    dev: "node bin/index.ts",
-    prepack: "pnpm run build"
-  },
-  dependencies: {
-    "@clack/prompts": "^1.6.0"
-  },
-  devDependencies: {
-    "@pauldvlp/template-kit": "workspace:*",
-    "@types/node": "^24",
-    esbuild: "^0.25.0",
-    typescript: "^5"
-  },
-  engines: {
-    node: ">=22.18.0"
-  }
-};
-
-// src/template.ts
 var TEMPLATE_DIR = path2.join(path2.dirname(fileURLToPath(import.meta.url)), "..", "template");
+var { name: pkgName, description: pkgDescription } = JSON.parse(
+  readFileSync(new URL("../package.json", import.meta.url), "utf8")
+);
 var template_default = defineTemplate({
   about: {
-    name: package_default.name,
-    description: package_default.description
+    name: pkgName,
+    description: pkgDescription
   },
   options: [
     // Default the name to the target directory the user chose, so they don't retype it.
-    { key: "name", type: "string", message: "Root project / package name", default: ({ directory }) => dirName(directory) },
+    { key: "name", type: "string", message: "Root project / package name", default: ({ directory }) => dirName(directory), validate: validateName },
     // Lazily default the package scope to `@<name>` (prefixing `@` unless the name already has one),
     // so it tracks the project name instead of a fixed value. Falls back to `@app` when no name is set.
-    { key: "scope", type: "string", message: "npm scope for workspace packages, e.g. @acme (defaults to @<name>)", default: ({ options }) => options.name ? toScope(options.name) : "@app" },
+    { key: "scope", type: "string", message: "npm scope for workspace packages, e.g. @acme (defaults to @<name>)", default: ({ options }) => options.name ? toScope(options.name) : "@app", validate: validateScope },
     { key: "base", type: "select", message: "shadcn component library base (radix-ui or @base-ui)", choices: ["radix", "base"], default: "radix" },
-    { key: "preset", type: "string", message: "shadcn preset: a style name (nova, vega, maia, lyra, mira, luma, sera, rhea) or a code from ui.shadcn.com", default: DEFAULT_PRESET },
+    { key: "preset", type: "string", message: "shadcn preset: a style name (nova, vega, maia, lyra, mira, luma, sera, rhea) or a code from ui.shadcn.com", default: DEFAULT_PRESET, validate: validatePreset },
     { key: "iconLibrary", type: "select", message: "Icon library", choices: ["lucide", "hugeicons", "radix", "tabler"], default: "hugeicons" },
     { key: "cssVariables", type: "boolean", message: "Use CSS variables for theming", default: true },
     { key: "rtl", type: "boolean", message: "Enable RTL support", default: false },
     { key: "pointer", type: "boolean", message: "Use pointer cursor on interactive elements", default: false },
-    { key: "components", type: "string", message: "Comma-separated shadcn components to pre-install, e.g. button,card,dialog", default: "button,badge" },
+    { key: "components", type: "string", message: "Comma-separated shadcn components to pre-install, e.g. button,card,dialog", default: "button,badge", validate: validateComponents },
     { key: "install", type: "boolean", message: "Install deps and apply the shadcn theme after scaffolding", default: true }
   ],
   async produce({ options }) {
@@ -373,11 +350,11 @@ var template_default = defineTemplate({
     }
     const adds = withRequiredComponents(options.components);
     const ui = `${scope}/ui`;
-    const initFlags = shadcnInitFlags(options);
+    const initArgs = shadcnInitArgs(options);
     const scripts = options.install ? [
-      { commands: ["pnpm install --silent"], phase: 0 },
-      { commands: [`pnpm --filter ${ui} exec shadcn init ${initFlags}`], phase: 1 },
-      { commands: [`pnpm --filter ${ui} exec shadcn add ${adds.join(" ")} -y`], phase: 2 }
+      { commands: [["pnpm", "install", "--silent"]], phase: 0 },
+      { commands: [["pnpm", "--filter", ui, "exec", "shadcn", "init", ...initArgs]], phase: 1 },
+      { commands: [["pnpm", "--filter", ui, "exec", "shadcn", "add", ...adds, "-y"]], phase: 2 }
     ] : [];
     return {
       files,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pauldvlp/vp-react-ts-shadcn",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "Vite+ monorepo template: one frontend app (website) + a shared shadcn UI package, themeable via shadcn presets.",
   "author": "pauldvlp (https://github.com/pauldvlp/vp-templates)",
   "license": "MIT",