create-lumen 2.0.0-beta.3 → 2.0.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lumen",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.5",
   "description": "Scaffold a React + Vite or Next.js project with architecture choice: feature-based, type-based, or none.",
   "type": "module",
   "bin": {

package/src/cleanup.js

@@ -21,6 +21,7 @@ export async function cleanupBoilerplate(projectPath, responses = {}) {
     await deleteIfExists(`${projectPath}/src/App.tsx`);
     await deleteIfExists(`${projectPath}/src/App.jsx`);
     await deleteIfExists(`${projectPath}/src/App.css`);
+    await deleteIfExists(`${projectPath}/src/shared/styles`);
 
     const isPagesRouter =
       responses?.framework?.variant === "pages-router" ||
@@ -34,7 +35,9 @@ export async function cleanupBoilerplate(projectPath, responses = {}) {
       await deleteIfExists(`${projectPath}/src/app/App.jsx`);
       await deleteIfExists(`${projectPath}/src/app/hooks`);
       await deleteIfExists(`${projectPath}/src/app/contexts`);
-      await deleteIfExists(`${projectPath}/src/app/providers`);
+      if (responses?.stateManagement !== "redux") {
+        await deleteIfExists(`${projectPath}/src/app/providers`);
+      }
     }
   }
 }

package/src/cli-args.js

@@ -299,6 +299,9 @@ export function parseCliArgs(argv = process.argv.slice(2)) {
       styling: { type: "string" },
       "css-framework": { type: "string" },
       cssFramework: { type: "string" },
+      state: { type: "string", short: "s" },
+      "state-management": { type: "string" },
+      stateManagement: { type: "string" },
       ui: { type: "string", short: "u" },
       uiKit: { type: "string" },
       "ui-kit": { type: "string" },
@@ -348,6 +351,11 @@ export function parseCliArgs(argv = process.argv.slice(2)) {
     values.cssFramework ||
     null;
   const uiKit = values.ui || values.uiKit || values["ui-kit"] || null;
+  let stateManagement = values.state || values["state-management"] || values.stateManagement || null;
+  if (stateManagement) {
+    stateManagement = stateManagement.trim().toLowerCase();
+    if (stateManagement === "rtk" || stateManagement === "reduxtoolkit") stateManagement = "redux";
+  }
   const testing = values.testing ? values.testing.trim().toLowerCase() : null;
   const linter = values.linter ? values.linter.trim().toLowerCase() : null;
   const formatter = values.formatter ? values.formatter.trim().toLowerCase() : null;
@@ -361,6 +369,7 @@ export function parseCliArgs(argv = process.argv.slice(2)) {
     arch,
     language,
     cssFramework,
+    stateManagement,
     uiKit,
     bundler,
     adapter,
@@ -487,6 +496,7 @@ ${chalk.bold("OPTIONS")}
   ${chalk.yellow("-a, --arch")} <name>      Architecture preset (feature-based, type-based, none)
   ${chalk.yellow("-l, --language")} <lang>  Language (ts, js)
   ${chalk.yellow("-c, --css")} <framework>  Styling engine (tailwind, none)
+  ${chalk.yellow("-s, --state")} <lib>        State management (zustand, redux, none)
   ${chalk.yellow("-m, --manifest")} <path>  Drive scaffolding from a lumen.config.json or inline JSON
   ${chalk.yellow("-t, --template")} <name>  Scaffold using a preset (${Object.keys(PRESETS).join(", ")})
   ${chalk.yellow("-f, --framework")} <name> Target framework (react, next, react:vite, next:app-router, etc.)

package/src/css.js

@@ -24,15 +24,26 @@ export async function setupCssFramework({
   // framework is "none"); type-based imports ./styles/globals.css (or
   // main.css). The chosen framework's styles land in the file the architecture
   // actually imports.
-  const stylesDir =
-    architecture === "feature-based"
-      ? path.join(projectPath, "src", "shared", "styles")
-      : path.join(projectPath, "src", "styles");
+  let stylesDir;
+  if (fw.name === "next") {
+    stylesDir =
+      fw.variant === "pages-router"
+        ? path.join(projectPath, "src", "styles")
+        : path.join(projectPath, "src", "app");
+  } else {
+    stylesDir =
+      architecture === "feature-based"
+        ? path.join(projectPath, "src", "shared", "styles")
+        : path.join(projectPath, "src", "styles");
+  }
 
   // Vanilla CSS gets a stylesheet named main.css; tailwind keeps
   // globals.css (its idiomatic name — it injects framework directives).
   const mainFileName = cssFramework === "none" ? "main.css" : "globals.css";
 
+  // Ensure the styles dir exists
+  await fsp.mkdir(stylesDir, { recursive: true });
+
   async function writeCss(content, fileName) {
     await fsp.writeFile(path.join(stylesDir, fileName), content, "utf8");
   }

package/src/dependencies.js

@@ -34,6 +34,13 @@ export async function installAllDeps(responses, pkg, cwd) {
   for (const batch of devDepBatches) {
     await installDeps(pkg, true, batch, cwd);
   }
+
+  if (responses.database === "prisma") {
+    try {
+      const runner = pkg === "npm" ? "npx" : pkg;
+      await execa(runner, ["prisma", "generate"], { cwd, stdio: "pipe" });
+    } catch {}
+  }
 }
 
 // Pure dependency computation — the package list for a given matrix cell,

package/src/engine/composition.js

@@ -384,6 +384,7 @@ export function resolveFragments(responses = {}, templatesDir) {
         "db:push": "prisma db push",
         "db:seed": "prisma db seed",
         "db:studio": "prisma studio",
+        postinstall: "prisma generate",
       },
       action: async ({ projectPath, templatesDir: tDir }) => {
         const prismaTplDir = path.join(tDir, "conditional", "database", "prisma");
@@ -753,6 +754,9 @@ export function resolveFragments(responses = {}, templatesDir) {
         try {
           await fsp.rm(path.join(projectPath, "src", "app", "page.tsx"), { force: true });
         } catch {}
+        try {
+          await fsp.rm(path.join(projectPath, "src", "app", "page.module.css"), { force: true });
+        } catch {}
         // Adjust existing test file if it imported @/app/page before route groups was applied
         for (const testExt of ["tsx", "jsx", "ts", "js"]) {
           const testPath = path.join(projectPath, "src", "__tests__", `page.test.${testExt}`);

package/src/main.js

@@ -54,6 +54,7 @@ export async function main(options = {}) {
     arch: archArg,
     language: languageArg,
     cssFramework: cssArg,
+    stateManagement: stateArg,
     uiKit: uiKitArg,
     database: databaseArg,
     databaseProvider: dbProviderArg,
@@ -118,6 +119,7 @@ export async function main(options = {}) {
   // Overlay explicit CLI flags if provided
   if (languageArg) responses.language = languageArg;
   if (cssArg) responses.cssFramework = cssArg;
+  if (stateArg) responses.stateManagement = stateArg;
   if (uiKitArg) responses.uiKit = uiKitArg;
   if (linterArg) responses.linter = linterArg;
   if (formatterArg) responses.formatter = formatterArg;
@@ -362,5 +364,5 @@ export async function main(options = {}) {
   );
 
   // 14. Offer dev server
-  await handleDevServer(pkg, projectName, { isNonInteractive });
+  await handleDevServer(pkg, projectPath, { isNonInteractive, projectName });
 }

package/src/prompts.js

@@ -548,6 +548,10 @@ export async function getUserInputs(
     {
       id: "stateManagement",
       message: "Which state management library do you want to use?",
+      skip: (ans) => ans.architecture === "none",
+      onSkip: (ans) => {
+        ans.stateManagement = "none";
+      },
       getOptions: () => [
         { label: "None", value: "none" },
         { label: "Redux Toolkit", value: "redux" },

package/src/utils/dev-server.js

@@ -1,14 +1,30 @@
 import { isCancel, select } from "@clack/prompts";
 import chalk from "chalk";
 import { execa } from "execa";
+import path from "path";
 
-export async function handleDevServer(pkg, projectName, { isNonInteractive = false } = {}) {
-  if (isNonInteractive || process.env.CI || !process.stdin.isTTY) {
-    printNextSteps(projectName, pkg);
+export async function handleDevServer(
+  pkg,
+  projectPathOrName,
+  {
+    isNonInteractive = false,
+    projectName = null,
+    selectFn = select,
+    execaFn = execa,
+    isTTY = process.stdin.isTTY,
+  } = {}
+) {
+  const targetDir = path.isAbsolute(projectPathOrName)
+    ? projectPathOrName
+    : path.resolve(process.cwd(), projectPathOrName);
+  const displayName = projectName || path.basename(projectPathOrName);
+
+  if (isNonInteractive || process.env.CI || !isTTY) {
+    printNextSteps(displayName, pkg);
     return;
   }
 
-  const startDev = await select({
+  const startDev = await selectFn({
     message: "Start the development server?",
     options: [
       { label: "Yes", value: true },
@@ -18,22 +34,33 @@ export async function handleDevServer(pkg, projectName, { isNonInteractive = fal
   });
 
   if (isCancel(startDev)) {
-    printNextSteps(projectName, pkg);
+    printNextSteps(displayName, pkg);
     return;
   }
 
   if (startDev) {
     console.log(chalk.green("\nStarting dev server...\n"));
-    await execa(pkg, ["run", "dev"], { stdio: "inherit" });
+    try {
+      await execaFn(pkg, ["run", "dev"], { cwd: targetDir, stdio: "inherit" });
+    } catch (err) {
+      if (
+        err?.signal === "SIGINT" ||
+        err?.signal === "SIGTERM" ||
+        err?.exitCode === 130
+      ) {
+        return;
+      }
+      throw err;
+    }
   } else {
-    printNextSteps(projectName, pkg);
+    printNextSteps(displayName, pkg);
   }
 }
 
-function printNextSteps(projectName, pkg) {
+function printNextSteps(displayName, pkg) {
   console.log(chalk.bold("\nNext steps:"));
-  if (projectName !== ".") {
-    console.log(chalk.gray(`  cd ${projectName}`));
+  if (displayName !== "." && displayName !== "") {
+    console.log(chalk.gray(`  cd ${displayName}`));
   }
   console.log(chalk.gray(`  ${pkg} run dev\n`));
 }

package/templates/conditional/state/redux/feature-based/src/app/providers/StoreProvider.jsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Provider } from "react-redux";
 import { store } from "@/shared/stores";
 

package/templates/conditional/state/redux/feature-based/src/app/providers/StoreProvider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { ReactNode } from "react";
 import { Provider } from "react-redux";
 import { store } from "@/shared/stores";

package/templates/conditional/state/redux/type-based/src/providers/StoreProvider.jsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Provider } from "react-redux";
 import { store } from "@/store";
 

package/templates/conditional/state/redux/type-based/src/providers/StoreProvider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { ReactNode } from "react";
 import { Provider } from "react-redux";
 import { store } from "@/store";