create-next-shadcn-kit 0.1.1 → 0.2.0

package/README.md

@@ -57,8 +57,9 @@ npx create-next-shadcn-kit my-app --pnpm
 
 ## Requirements
 
-- Node.js **18.17+**
+- Node.js **20+** (Next.js 16 requires it)
 - Network access (to fetch `create-next-app` and `shadcn`)
+- Works with **npm, pnpm, yarn, bun**. All are tested end-to-end.
 
 ## Development
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-next-shadcn-kit",
-    "version": "0.1.1",
+    "version": "0.2.0",
     "description": "Create a Next.js app with shadcn/ui pre-integrated — zero config.",
     "keywords": [
         "nextjs",
@@ -36,10 +36,11 @@
         "LICENSE"
     ],
     "engines": {
-        "node": ">=18.17.0"
+        "node": ">=20.0.0"
     },
     "scripts": {
         "start": "node bin/index.js",
+        "test": "node --test",
         "test:local": "node bin/index.js test-app --yes"
     },
     "dependencies": {

package/src/index.js

@@ -47,8 +47,8 @@ function devCommand(pm) {
 
 function assertNodeVersion() {
     const major = Number(process.versions.node.split(".")[0]);
-    if (major < 18) {
-        throw new Error(`Node.js 18.17+ is required. You are running ${process.versions.node}.`);
+    if (major < 20) {
+        throw new Error(`Node.js 20+ is required (Next.js 16 requires it). You are running ${process.versions.node}.`);
     }
 }
 

package/src/prompts.js

@@ -28,7 +28,20 @@ const onCancel = () => {
     process.exit(1);
 };
 
+function assertValidName(name) {
+    if (!isValidProjectName(name)) {
+        throw new Error(
+            `Invalid project name: "${name}". Use letters, numbers, dashes, dots, ` +
+                `tildes or underscores (optionally an npm scope) — no path separators.`
+        );
+    }
+}
+
 export async function promptConfig(args) {
+    // A name passed on the CLI bypasses the interactive prompt's validation,
+    // so guard it here before it ever reaches path.resolve()/spawn().
+    if (args.projectName !== undefined) assertValidName(args.projectName);
+
     if (args.yes) {
         return {
             projectName: args.projectName || "my-app",

package/src/scaffold.js

@@ -66,6 +66,15 @@ function storeDirFor(projectPath, config) {
     return config.srcDir ? path.join(projectPath, "src", "store") : path.join(projectPath, "store");
 }
 
+// Turn a tsconfig-style import alias pattern (e.g. "@/*", "~/*") into the
+// prefix used in import statements ("@", "~"). Falls back to "@" if empty.
+export function aliasPrefixFor(importAlias) {
+    const prefix = String(importAlias || "@/*")
+        .replace(/\*$/, "")
+        .replace(/\/$/, "");
+    return prefix || "@";
+}
+
 async function setupRedux(projectPath, config) {
     console.log();
     console.log(pc.cyan("◆") + " Setting up Redux Toolkit...");
@@ -170,11 +179,12 @@ export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
     }
 
     const appDir = appDirFor(projectPath, config);
+    const storeImport = `${aliasPrefixFor(config.importAlias)}/store`;
     const providers = ts
         ? `"use client";
 
 import { Provider } from "react-redux";
-import { store } from "@/store";
+import { store } from "${storeImport}";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return <Provider store={store}>{children}</Provider>;
@@ -183,7 +193,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
         : `"use client";
 
 import { Provider } from "react-redux";
-import { store } from "@/store";
+import { store } from "${storeImport}";
 
 export function Providers({ children }) {
   return <Provider store={store}>{children}</Provider>;
@@ -367,16 +377,6 @@ function installerFor(pm, dev = true) {
     }
 }
 
-function runnerFor(pm) {
-    switch (pm) {
-        case "pnpm":
-            return { cmd: "pnpm", args: ["dlx"] };
-        case "yarn":
-            return { cmd: "yarn", args: ["dlx"] };
-        case "bun":
-            return { cmd: "bunx", args: [] };
-        case "npm":
-        default:
-            return { cmd: "npx", args: [] };
-    }
+function runnerFor(_pm) {
+    return { cmd: "npx", args: [] };
 }

package/src/utils.js

@@ -1,5 +1,10 @@
 import { spawn } from "node:child_process";
 
+// Flags that take a value via the space form (e.g. `--state redux`). Every
+// other `--flag` is treated as a boolean so it never swallows the following
+// positional argument (e.g. `--pnpm my-app` keeps "my-app" as the project name).
+const VALUE_FLAGS = new Set(["state"]);
+
 export function parseArgs(argv) {
     const positional = [];
     const flags = {};
@@ -13,7 +18,7 @@ export function parseArgs(argv) {
             } else {
                 const key = arg.slice(2);
                 const next = argv[i + 1];
-                if (next && !next.startsWith("-")) {
+                if (VALUE_FLAGS.has(key) && next !== undefined && !next.startsWith("-")) {
                     flags[key] = next;
                     i++;
                 } else {