create-next-mui 0.1.0 → 0.1.2

package/README.md

@@ -1,3 +1,5 @@
+<img width="1420" height="308" alt="CREATE-NEXT-MUI-BANNER" src="https://github.com/user-attachments/assets/11e72fc8-6b6d-40c4-97a1-c05f7b943e02" />
+
 # create-next-mui 🚀
 
 [![npm version](https://img.shields.io/npm/v/create-next-mui?style=flat&logo=npm&color=CB3837)](https://www.npmjs.com/package/create-next-mui)
@@ -15,6 +17,10 @@ Stop wasting time wiring up Emotion caches, Next.js App Router layout configs, o
 You don't need to install anything globally. Just run the following command in your terminal:
 
 ```bash
+npx create-next-mui my-next-mui-app
+
+# or use prompts
+
 npx create-next-mui
 
 # or 
@@ -22,7 +28,7 @@ npx create-next-mui
 npm init next-mui
 ```
 
-The interactive prompt engine (powered by `@clack/prompts`) will guide you through naming your project and selecting your preferred flavor.
+Passing a project name creates that folder and uses the same name in the generated project metadata. If you omit the name, the interactive prompt engine (powered by `@clack/prompts`) will guide you through naming your project and selecting your preferred flavor.
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-next-mui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "spin up your nextjs project with mui setup",
   "keywords": [
     "nextjs",

package/src/index.js

@@ -10,41 +10,102 @@ import { fileURLToPath } from "node:url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+const args = process.argv.slice(2);
+const positionalArgs = args.filter(
+  (arg) => !["--yes", "-y", "--js"].includes(arg),
+);
+
+const PROJECT_NAME = positionalArgs[0];
+const hasInitialProjectName = PROJECT_NAME !== undefined;
+
+const hasYesFlag = args.includes("--yes") || args.includes("-y");
+const hasJsFlag = args.includes("--js");
+
+const DEFAULT_LANGUAGE = hasJsFlag ? "js" : "ts";
+
+function validateProjectName(value) {
+  if (value.length === 0) return "Project name is required!";
+
+  if (value !== "." && value.match(/[^a-zA-Z0-9-_]/g)) {
+    return "Keep it URL safe or use '.' for the current folder";
+  }
+}
+
+function getPackageName(projectName, targetProjectDir) {
+  const rawName =
+    projectName === "." ? path.basename(targetProjectDir) : projectName;
+
+  return rawName.toLowerCase();
+}
+
+async function updateProjectName(targetProjectDir, packageName) {
+  const files = ["package.json", "package-lock.json"];
+
+  await Promise.all(
+    files.map(async (file) => {
+      const filePath = path.join(targetProjectDir, file);
+
+      try {
+        const content = await fs.readFile(filePath, "utf8");
+        const json = JSON.parse(content);
+
+        json.name = packageName;
+
+        if (json.packages?.[""]?.name) {
+          json.packages[""].name = packageName;
+        }
+
+        await fs.writeFile(filePath, `${JSON.stringify(json, null, 2)}\n`);
+      } catch (error) {
+        if (error.code === "ENOENT") return;
+
+        throw error;
+      }
+    }),
+  );
+}
+
 async function main() {
   console.clear();
   p.intro(color.bgBlue(color.white("  create-next-mui  ")));
 
+  const projectNameError = hasInitialProjectName
+    ? validateProjectName(PROJECT_NAME)
+    : undefined;
+
+  if (projectNameError) {
+    p.cancel(projectNameError);
+    process.exit(1);
+  }
+
   const project = await p.group(
     {
       name: () =>
-        p.text({
-          message: "What is your project name?",
-          placeholder: "my-next-mui-app (or '.' for current directory)",
-          validate(value) {
-            if (value.length === 0) return "Project name is required!";
-
-            // ✅ Allow exactly "." otherwise apply your safe character regex
-            if (value !== "." && value.match(/[^a-zA-Z0-9-_]/g)) {
-              return "Keep it URL safe or use '.' for the current folder";
-            }
-          },
-        }),
+        hasInitialProjectName
+          ? Promise.resolve(PROJECT_NAME)
+          : p.text({
+              message: "What is your project name?",
+              placeholder: "my-next-mui-app (or '.' for current directory)",
+              validate: validateProjectName,
+            }),
       language: () =>
-        p.select({
-          message: "Choose your language flavor:",
-          options: [
-            {
-              value: "ts",
-              label: "TypeScript (Recommended)",
-              hint: "Strict typings, clean architecture",
-            },
-            {
-              value: "js",
-              label: "JavaScript",
-              hint: "Vanilla JS configuration",
-            },
-          ],
-        }),
+        hasYesFlag
+          ? Promise.resolve(DEFAULT_LANGUAGE)
+          : p.select({
+              message: "Choose your language flavor:",
+              options: [
+                {
+                  value: "ts",
+                  label: "TypeScript (Recommended)",
+                  hint: "Strict typings, clean architecture",
+                },
+                {
+                  value: "js",
+                  label: "JavaScript",
+                  hint: "Vanilla JS configuration",
+                },
+              ],
+            }),
     },
     {
       onCancel: () => {
@@ -61,6 +122,7 @@ async function main() {
 
   // Define destination paths (where the user is running the command)
   const targetProjectDir = path.resolve(process.cwd(), project.name);
+  const packageName = getPackageName(project.name, targetProjectDir);
 
   // If targeting current directory, make sure it's clean
   if (project.name === ".") {
@@ -97,6 +159,7 @@ async function main() {
         );
       },
     });
+    await updateProjectName(targetProjectDir, packageName);
 
     s.stop(color.green("Workspace scaffolded successfully!"));
   } catch (error) {