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

package/src/prompts.js

@@ -24,8 +24,6 @@ export function formatConfig(responses) {
       ? "Feature-based"
       : responses.architecture === "type-based" || responses.architecture === "component-based"
       ? "Type-based"
-      : responses.architecture === "hybrid"
-      ? "Hybrid (shared + features)"
       : responses.architecture === "none"
       ? "None (flat src)"
       : responses.architecture;
@@ -72,7 +70,8 @@ export function formatConfig(responses) {
     lines.push(`• ${chalk.bold("Adapter:")} ${chalk.cyan(responses.adapter)}`);
   }
   if (responses.database && responses.database !== "none") {
-    lines.push(`• ${chalk.bold("Database:")} ${chalk.cyan(responses.database === "prisma" ? "Prisma ORM" : responses.database)}`);
+    const providerLabel = responses.databaseProvider === "supabase" ? " (Supabase)" : " (PostgreSQL)";
+    lines.push(`• ${chalk.bold("Database:")} ${chalk.cyan(responses.database === "prisma" ? `Prisma ORM${providerLabel}` : responses.database)}`);
   }
   if (responses.reactCompiler !== undefined) {
     lines.push(`• ${chalk.bold("React Compiler:")} ${responses.reactCompiler ? chalk.green("Yes") : chalk.red("No")}`);
@@ -360,11 +359,6 @@ export async function getUserInputs(
             value: "type-based",
             hint: "Small apps / component libraries — code grouped by UI type",
           },
-          {
-            label: "Hybrid",
-            value: "hybrid",
-            hint: "Next.js: features + shared code",
-          },
           {
             label: "None",
             value: "none",
@@ -491,6 +485,27 @@ export async function getUserInputs(
         ]),
       defaultInitial: "none",
     },
+    {
+      id: "databaseProvider",
+      skip: (ans) => !isPromptVisible(framework, "database") || ans.database !== "prisma",
+      onSkip: (ans) => {
+        ans.databaseProvider = ans.database === "prisma" ? (ans.databaseProvider || "postgresql") : undefined;
+      },
+      message: "Which database provider do you want to configure?",
+      getOptions: () => [
+        {
+          label: "PostgreSQL",
+          value: "postgresql",
+          hint: "Standard PostgreSQL / Docker compose",
+        },
+        {
+          label: "Supabase",
+          value: "supabase",
+          hint: "PostgreSQL with connection pooling & direct migration URL",
+        },
+      ],
+      defaultInitial: "postgresql",
+    },
     {
       id: "reactCompiler",
       skip: () => !isPromptVisible(framework, "reactCompiler"),
@@ -682,6 +697,7 @@ export async function getUserInputs(
     bundler,
     adapter,
     database,
+    databaseProvider,
     reactCompiler,
     routeGroups,
     agentDocs,
@@ -704,6 +720,7 @@ export async function getUserInputs(
   }
   if (database !== undefined && database !== "none") {
     finalResponses.database = database;
+    finalResponses.databaseProvider = databaseProvider || "postgresql";
   }
   if (reactCompiler !== undefined) {
     finalResponses.reactCompiler = reactCompiler;

package/src/readme.js

@@ -117,22 +117,6 @@ ${nestedTree(appChildren)}
 ${nestedTree(shared)}`;
   }
 
-  if (responses.architecture === "hybrid") {
-    const shared = [
-      "components/ # Shared UI components",
-      "hooks/    # Shared custom hooks",
-      "layouts/  # High-level layout wrappers",
-      "stores/   # Global state stores",
-      `styles/   # ${responses.cssFramework === "none" ? "main.css (reset) + themes.css (CSS variables)" : "globals.css (framework directives) + themes.css"}`,
-      "types/    # Global type definitions",
-      "utils/    # Pure utility functions",
-    ];
-    return `src/
-├── features/     # Feature modules (domain boundaries)
-└── shared/       # Reusable, business-agnostic resources
-${nestedTree(shared)}`;
-  }
-
   if (responses.architecture === "none") {
     return `src/
 ├── App.${responses.language === "ts" ? "tsx" : "jsx"}          # Root application component

package/src/utils/dev-server.js

@@ -2,7 +2,12 @@ import { isCancel, select } from "@clack/prompts";
 import chalk from "chalk";
 import { execa } from "execa";
 
-export async function handleDevServer(pkg, projectName) {
+export async function handleDevServer(pkg, projectName, { isNonInteractive = false } = {}) {
+  if (isNonInteractive || process.env.CI || !process.stdin.isTTY) {
+    printNextSteps(projectName, pkg);
+    return;
+  }
+
   const startDev = await select({
     message: "Start the development server?",
     options: [

package/templates/.env.example

@@ -1,4 +1,4 @@
 # Copy this file to `.env.local` (or `.env`) and fill in your values.
-# See https://vitejs.dev/guide/env-and-mode for how env vars are exposed.
+# See https://vite.dev/guide/env-and-mode for how env vars are exposed.
 
 VITE_API_URL=https://api.example.com

package/templates/architectures/feature-based/scripts/create-feature.mjs

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
-import fs from "fs";
-import path from "path";
+import fs from "node:fs";
+import path from "node:path";
 
 // 1. Get feature name from CLI args
 const featureName = process.argv[2];

package/templates/conditional/linting/biome/biome.json

@@ -1,31 +1,37 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": true
-  },
+  "$schema": "https://biomejs.dev/schemas/2.6.3/schema.json",
   "files": {
     "ignoreUnknown": false,
-    "ignore": []
+    "includes": ["**", "!**/.next", "!**/dist", "!**/node_modules"]
   },
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
     "indentWidth": 2
   },
-  "organizeImports": {
-    "enabled": true
-  },
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "preset": "recommended"
     }
   },
   "javascript": {
     "formatter": {
       "quoteStyle": "double"
     }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
   }
 }
+

package/templates/conditional/linting/eslint/next/eslint.config.mjs

@@ -1,16 +1,7 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+import nextConfig from "eslint-config-next";
 
 const eslintConfig = [
-  ...compat.extends("next/core-web-vitals"),
+  ...nextConfig,
 ];
 
 export default eslintConfig;

package/templates/conditional/testing/vitest/next/vitest.config.js

@@ -1,5 +1,5 @@
+import path from "node:path";
 import { defineConfig } from "vitest/config";
-import path from "path";
 
 export default defineConfig({
   resolve: {

package/templates/conditional/testing/vitest/next/vitest.config.ts

@@ -1,5 +1,5 @@
+import path from "node:path";
 import { defineConfig } from "vitest/config";
-import path from "path";
 
 export default defineConfig({
   resolve: {

package/templates/css/tailwind/postcss.config.mjs

@@ -1,5 +1,7 @@
-export default {
+const config = {
   plugins: {
     "@tailwindcss/postcss": {},
   },
 };
+
+export default config;

package/schema/fixtures/v2/valid/next-app-router-hybrid.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://lumen-sh.github.io/create-lumen/schema/lumen.config.v2.json",
-  "manifestVersion": 2,
-  "framework": {
-    "name": "next",
-    "variant": "app-router",
-    "bundler": "turbopack",
-    "adapter": "node"
-  },
-  "styling": {
-    "engine": "tailwind"
-  },
-  "architecture": {
-    "type": "hybrid"
-  },
-  "ui": {
-    "kit": "none"
-  },
-  "docs": {
-    "language": "en"
-  },
-  "paths": {
-    "features": "src/features",
-    "components": "src/shared/components",
-    "services": "src/shared/services",
-    "hooks": "src/shared/hooks",
-    "pages": "app",
-    "ui": "src/shared/components/ui"
-  },
-  "tooling": {
-    "language": "ts",
-    "linter": "eslint",
-    "formatter": "prettier"
-  }
-}

package/schema/fixtures/v2/valid/next-pages-router-hybrid.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://lumen-sh.github.io/create-lumen/schema/lumen.config.v2.json",
-  "manifestVersion": 2,
-  "framework": {
-    "name": "next",
-    "variant": "pages-router",
-    "bundler": "turbopack",
-    "adapter": "static"
-  },
-  "styling": {
-    "engine": "tailwind"
-  },
-  "architecture": {
-    "type": "hybrid"
-  },
-  "ui": {
-    "kit": "none"
-  },
-  "docs": {
-    "language": "es"
-  },
-  "paths": {
-    "features": "src/features",
-    "components": "src/shared/components",
-    "services": "src/shared/services",
-    "hooks": "src/shared/hooks",
-    "pages": "pages",
-    "ui": "src/shared/components/ui"
-  },
-  "tooling": {
-    "language": "js",
-    "linter": "eslint",
-    "formatter": "prettier"
-  }
-}

package/templates/architectures/hybrid/main.jsx

@@ -1,10 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import "./shared/styles/globals.css";
-
-ReactDOM.createRoot(document.getElementById("root")).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);

package/templates/architectures/hybrid/main.tsx

@@ -1,10 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import "./shared/styles/globals.css";
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);

package/templates/architectures/hybrid/src/App.jsx

@@ -1,20 +0,0 @@
-import { Button } from "@/shared/components/ui/Button";
-
-export default function App() {
-  return (
-    <div
-      style={{
-        minHeight: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: "var(--color-bg, #ffffff)",
-      }}
-    >
-      <h1>Welcome to Lumen</h1>
-      <p>Hybrid architecture (src/features + src/shared).</p>
-      <Button>Click me</Button>
-    </div>
-  );
-}

package/templates/architectures/hybrid/src/App.tsx

@@ -1,20 +0,0 @@
-import { Button } from "@/shared/components/ui/Button";
-
-export default function App() {
-  return (
-    <div
-      style={{
-        minHeight: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: "var(--color-bg, #ffffff)",
-      }}
-    >
-      <h1>Welcome to Lumen</h1>
-      <p>Hybrid architecture (src/features + src/shared).</p>
-      <Button>Click me</Button>
-    </div>
-  );
-}

package/templates/architectures/hybrid/src/features/.gitkeep

@@ -1 +0,0 @@
-

package/templates/architectures/hybrid/src/shared/components/ui/Button.jsx

@@ -1,31 +0,0 @@
-export function Button({
-  variant = "primary",
-  children,
-  className,
-  ...props
-}) {
-  const styles = {
-    primary: { backgroundColor: "var(--color-primary)", color: "white" },
-    secondary: {
-      backgroundColor: "var(--color-border)",
-      color: "var(--color-fg)",
-    },
-  };
-
-  return (
-    <button
-      style={{
-        padding: "8px 16px",
-        borderRadius: "8px",
-        fontWeight: 500,
-        border: "none",
-        cursor: "pointer",
-        ...styles[variant],
-      }}
-      className={className}
-      {...props}
-    >
-      {children}
-    </button>
-  );
-}

package/templates/architectures/hybrid/src/shared/components/ui/Button.tsx

@@ -1,36 +0,0 @@
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: "primary" | "secondary";
-  children: React.ReactNode;
-}
-
-export function Button({
-  variant = "primary",
-  children,
-  className,
-  ...props
-}: ButtonProps) {
-  const styles = {
-    primary: { backgroundColor: "var(--color-primary)", color: "white" },
-    secondary: {
-      backgroundColor: "var(--color-border)",
-      color: "var(--color-fg)",
-    },
-  };
-
-  return (
-    <button
-      style={{
-        padding: "8px 16px",
-        borderRadius: "8px",
-        fontWeight: 500,
-        border: "none",
-        cursor: "pointer",
-        ...styles[variant],
-      }}
-      className={className}
-      {...props}
-    >
-      {children}
-    </button>
-  );
-}

package/templates/architectures/hybrid/src/shared/components/ui/index.js

@@ -1 +0,0 @@
-export { Button } from "./Button";

package/templates/architectures/hybrid/src/shared/components/ui/index.ts

@@ -1 +0,0 @@
-export { Button } from "./Button";

package/templates/architectures/hybrid/src/shared/hooks/useLocalStorage.jsx

@@ -1,28 +0,0 @@
-import { useState, useCallback } from "react";
-
-export function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState(() => {
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? JSON.parse(item) : initialValue;
-    } catch {
-      return initialValue;
-    }
-  });
-
-  const setValue = useCallback(
-    (value) => {
-      try {
-        const valueToStore =
-          value instanceof Function ? value(storedValue) : value;
-        setStoredValue(valueToStore);
-        window.localStorage.setItem(key, JSON.stringify(valueToStore));
-      } catch (error) {
-        console.error(error);
-      }
-    },
-    [key, storedValue]
-  );
-
-  return [storedValue, setValue];
-}

package/templates/architectures/hybrid/src/shared/hooks/useLocalStorage.ts

@@ -1,28 +0,0 @@
-import { useState, useCallback } from "react";
-
-export function useLocalStorage<T>(key: string, initialValue: T) {
-  const [storedValue, setStoredValue] = useState<T>(() => {
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? (JSON.parse(item) as T) : initialValue;
-    } catch {
-      return initialValue;
-    }
-  });
-
-  const setValue = useCallback(
-    (value: T | ((prev: T) => T)) => {
-      try {
-        const valueToStore =
-          value instanceof Function ? value(storedValue) : value;
-        setStoredValue(valueToStore);
-        window.localStorage.setItem(key, JSON.stringify(valueToStore));
-      } catch (error) {
-        console.error(error);
-      }
-    },
-    [key, storedValue]
-  );
-
-  return [storedValue, setValue] as const;
-}

package/templates/architectures/hybrid/src/shared/types/index.js

@@ -1,20 +0,0 @@
-/**
- * @typedef {Object} User
- * @property {string} id
- * @property {string} email
- * @property {string} name
- */
-
-/**
- * @typedef {Object} ApiResponse
- * @property {*} data
- * @property {string} message
- * @property {boolean} success
- */
-
-/**
- * @typedef {Object} CreateUserPayload
- * @property {string} email
- * @property {string} name
- */
-export {};

package/templates/architectures/hybrid/src/shared/types/index.ts

@@ -1,16 +0,0 @@
-export interface User {
-  id: string;
-  email: string;
-  name: string;
-}
-
-export interface ApiResponse<T> {
-  data: T;
-  message: string;
-  success: boolean;
-}
-
-export interface CreateUserPayload {
-  email: string;
-  name: string;
-}

package/templates/architectures/hybrid/src/shared/utils/cn.jsx

@@ -1,3 +0,0 @@
-export function cn(...inputs) {
-  return inputs.filter(Boolean).join(" ");
-}

package/templates/architectures/hybrid/src/shared/utils/cn.ts

@@ -1,5 +0,0 @@
-type ClassValue = string | false | null | undefined;
-
-export function cn(...inputs: ClassValue[]): string {
-  return inputs.filter(Boolean).join(" ");
-}

package/templates/conditional/testing/jest/hybrid/src/__tests__/App.test.jsx

@@ -1,11 +0,0 @@
-import { describe, it, expect } from "@jest/globals";
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import App from "@/App";
-
-describe("App", () => {
-  it("renders without crashing", () => {
-    render(<App />);
-    expect(screen.getByText(/Welcome/i)).toBeInTheDocument();
-  });
-});

package/templates/conditional/testing/jest/hybrid/src/__tests__/App.test.tsx

@@ -1,11 +0,0 @@
-import { describe, it, expect } from "@jest/globals";
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom/jest-globals";
-import App from "@/App";
-
-describe("App", () => {
-  it("renders without crashing", () => {
-    render(<App />);
-    expect(screen.getByText(/Welcome/i)).toBeInTheDocument();
-  });
-});

package/templates/conditional/testing/vitest/hybrid/src/__tests__/App.test.jsx

@@ -1,10 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { describe, it, expect } from "vitest";
-import App from "@/App";
-
-describe("App", () => {
-  it("renders without crashing", () => {
-    render(<App />);
-    expect(screen.getByText(/Welcome/i)).toBeInTheDocument();
-  });
-});

package/templates/conditional/testing/vitest/hybrid/src/__tests__/App.test.tsx

@@ -1,10 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { describe, it, expect } from "vitest";
-import App from "@/App";
-
-describe("App", () => {
-  it("renders without crashing", () => {
-    render(<App />);
-    expect(screen.getByText(/Welcome/i)).toBeInTheDocument();
-  });
-});