fix(cli): validate project name using npm package name rules (#9161)

* fix(cli): #9160 updated   CLI name validation

* chore: minor refactor and error message

---------

Co-authored-by: shadcn <m@shadcn.com>

Author: yeasin2002

.changeset/rude-clowns-retire.md

@@ -0,0 +1,5 @@
+---
+"shadcn": patch
+---
+
+validate app name on create

packages/shadcn/package.json

@@ -82,6 +82,7 @@
     "@babel/preset-typescript": "^7.27.1",
     "@dotenvx/dotenvx": "^1.48.4",
     "@modelcontextprotocol/sdk": "^1.17.2",
+    "@types/validate-npm-package-name": "^4.0.2",
     "browserslist": "^4.26.2",
     "commander": "^14.0.0",
     "cosmiconfig": "^9.0.0",
@@ -105,6 +106,7 @@
     "stringify-object": "^5.0.0",
     "ts-morph": "^26.0.0",
     "tsconfig-paths": "^4.2.0",
+    "validate-npm-package-name": "^7.0.1",
     "zod": "^3.24.1",
     "zod-to-json-schema": "^3.24.6"
   },

packages/shadcn/src/commands/create.ts

@@ -14,6 +14,7 @@ import { Command } from "commander"
 import dedent from "dedent"
 import open from "open"
 import prompts from "prompts"
+import validateProjectName from "validate-npm-package-name"
 
 import { initOptionsSchema, runInit } from "./init"
 
@@ -88,10 +89,15 @@ export const create = new Command()
           message: "What is your project named?",
           initial: opts.template ? `${opts.template}-app` : "my-app",
           format: (value: string) => value.trim(),
-          validate: (value: string) =>
-            value.length > 128
-              ? `Name should be less than 128 characters.`
-              : true,
+          validate: (name) => {
+            const validation = validateProjectName(
+              path.basename(path.resolve(name))
+            )
+            if (validation.validForNewPackages) {
+              return true
+            }
+            return "Invalid project name. Name should be lowercase, URL-friendly, and not start with a period or underscore."
+          },
         })
 
         if (!enteredName) {