create-next-shadcn-kit 0.1.2 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-next-shadcn-kit",
-    "version": "0.1.2",
+    "version": "0.2.0",
     "description": "Create a Next.js app with shadcn/ui pre-integrated — zero config.",
     "keywords": [
         "nextjs",
@@ -40,6 +40,7 @@
     },
     "scripts": {
         "start": "node bin/index.js",
+        "test": "node --test",
         "test:local": "node bin/index.js test-app --yes"
     },
     "dependencies": {

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>;

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 {