create-lumen 1.0.0

package/templates/conditional/icons/lucide/component-based/src/pages/Home/Home.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Sun, Moon, Github } from "lucide-react";
+import { Button } from "@/components/common";
+
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <Github className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/component-based/src/pages/Home/Home.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Sun, Moon, Github } from "lucide-react";
+import { Button } from "@/components/common";
+
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <Github className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/feature-based/src/features/home/pages/HomePage.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Sun, Moon, Github } from "lucide-react";
+import { Button } from "@/components/ui";
+
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <Github className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/feature-based/src/features/home/pages/HomePage.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Sun, Moon, Github } from "lucide-react";
+import { Button } from "@/components/ui";
+
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <Github className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/linting/eslint/eslint.config.js

@@ -0,0 +1,31 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+
+export default [
+  { ignores: ["dist"] },
+  {
+    files: ["**/*.{js,jsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: "latest",
+        ecmaFeatures: { jsx: true },
+        sourceType: "module",
+      },
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+];

package/templates/conditional/linting/eslint/eslint.config.ts

@@ -0,0 +1,28 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  }
+);

package/templates/conditional/linting/oxlint/oxlintrc.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "./oxlintrc.json",
+  "rules": {
+    "correctness": "error",
+    "suspicious": "warn",
+    "nursery": "warn"
+  },
+  "plugins": ["react", "react-hooks", "import"]
+}

package/templates/conditional/router/component-based/src/App.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { MainLayout } from "@/layouts/MainLayout";
+import { AppRoutes } from "@/routes";
+
+export default function App() {
+  return (
+    <MainLayout>
+      <AppRoutes />
+    </MainLayout>
+  );
+}

package/templates/conditional/router/component-based/src/App.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { MainLayout } from "@/layouts/MainLayout";
+import { AppRoutes } from "@/routes";
+
+export default function App() {
+  return (
+    <MainLayout>
+      <AppRoutes />
+    </MainLayout>
+  );
+}

package/templates/conditional/router/component-based/src/routes/index.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { HomePage } from "@/pages/Home";
+
+export function AppRoutes() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+      </Routes>
+    </BrowserRouter>
+  );
+}

package/templates/conditional/router/component-based/src/routes/index.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { HomePage } from "@/pages/Home";
+
+export function AppRoutes() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+      </Routes>
+    </BrowserRouter>
+  );
+}

package/templates/conditional/router/feature-based/src/app/App.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import { AppRouter } from "./router";
+
+export default function App() {
+  return <AppRouter />;
+}

package/templates/conditional/router/feature-based/src/app/App.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+import { AppRouter } from "./router";
+
+export default function App() {
+  return <AppRouter />;
+}

package/templates/conditional/router/feature-based/src/app/router.jsx

@@ -0,0 +1,13 @@
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { HomePage } from "@/features/home/pages/HomePage";
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <HomePage />,
+  },
+]);
+
+export function AppRouter() {
+  return <RouterProvider router={router} />;
+}

package/templates/conditional/router/feature-based/src/app/router.tsx

@@ -0,0 +1,13 @@
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { HomePage } from "@/features/home/pages/HomePage";
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <HomePage />,
+  },
+]);
+
+export function AppRouter() {
+  return <RouterProvider router={router} />;
+}

package/templates/conditional/state/redux/component-based/src/context/StoreProvider.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+import { Provider } from "react-redux";
+import { store } from "@/store";
+
+export function StoreProvider({ children }) {
+  return <Provider store={store}>{children}</Provider>;
+}

package/templates/conditional/state/redux/component-based/src/context/StoreProvider.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+import { Provider } from "react-redux";
+import { store } from "@/store";
+
+export function StoreProvider({ children }) {
+  return <Provider store={store}>{children}</Provider>;
+}

package/templates/conditional/state/redux/component-based/src/pages/Home/counterSlice.jsx

@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const counterSlice = createSlice({
+  name: "counter",
+  initialState: { value: 0 },
+  reducers: {
+    increment: (state) => {
+      state.value += 1;
+    },
+    decrement: (state) => {
+      state.value -= 1;
+    },
+    incrementByAmount: (state, action) => {
+      state.value += action.payload;
+    },
+  },
+});
+
+export const { increment, decrement, incrementByAmount } = counterSlice.actions;
+export default counterSlice.reducer;

package/templates/conditional/state/redux/component-based/src/pages/Home/counterSlice.ts

@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const counterSlice = createSlice({
+  name: "counter",
+  initialState: { value: 0 },
+  reducers: {
+    increment: (state) => {
+      state.value += 1;
+    },
+    decrement: (state) => {
+      state.value -= 1;
+    },
+    incrementByAmount: (state, action) => {
+      state.value += action.payload;
+    },
+  },
+});
+
+export const { increment, decrement, incrementByAmount } = counterSlice.actions;
+export default counterSlice.reducer;

package/templates/conditional/state/redux/component-based/src/store/hooks.js

@@ -0,0 +1,4 @@
+import { useDispatch, useSelector } from "react-redux";
+
+export const useAppDispatch = useDispatch;
+export const useAppSelector = useSelector;

package/templates/conditional/state/redux/component-based/src/store/hooks.ts

@@ -0,0 +1,4 @@
+import { useDispatch, useSelector } from "react-redux";
+
+export const useAppDispatch = useDispatch;
+export const useAppSelector = useSelector;

package/templates/conditional/state/redux/component-based/src/store/index.js

@@ -0,0 +1,8 @@
+import { configureStore } from "@reduxjs/toolkit";
+import counterReducer from "@/pages/Home/counterSlice";
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+});

package/templates/conditional/state/redux/component-based/src/store/index.ts

@@ -0,0 +1,11 @@
+import { configureStore } from "@reduxjs/toolkit";
+import counterReducer from "@/pages/Home/counterSlice";
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+});
+
+export const RootState = store.getState;
+export const AppDispatch = store.dispatch;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { Provider } from "react-redux";
+import { store } from "@/stores";
+
+export function StoreProvider({ children }) {
+  return <Provider store={store}>{children}</Provider>;
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { Provider } from "react-redux";
+import { store } from "@/stores";
+
+export function StoreProvider({ children }) {
+  return <Provider store={store}>{children}</Provider>;
+}

package/templates/conditional/state/redux/feature-based/src/features/home/store/counterSlice.jsx

@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const counterSlice = createSlice({
+  name: "counter",
+  initialState: { value: 0 },
+  reducers: {
+    increment: (state) => {
+      state.value += 1;
+    },
+    decrement: (state) => {
+      state.value -= 1;
+    },
+    incrementByAmount: (state, action) => {
+      state.value += action.payload;
+    },
+  },
+});
+
+export const { increment, decrement, incrementByAmount } = counterSlice.actions;
+export default counterSlice.reducer;

package/templates/conditional/state/redux/feature-based/src/features/home/store/counterSlice.ts

@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const counterSlice = createSlice({
+  name: "counter",
+  initialState: { value: 0 },
+  reducers: {
+    increment: (state) => {
+      state.value += 1;
+    },
+    decrement: (state) => {
+      state.value -= 1;
+    },
+    incrementByAmount: (state, action) => {
+      state.value += action.payload;
+    },
+  },
+});
+
+export const { increment, decrement, incrementByAmount } = counterSlice.actions;
+export default counterSlice.reducer;

package/templates/conditional/state/redux/feature-based/src/stores/hooks.js

@@ -0,0 +1,4 @@
+import { useDispatch, useSelector } from "react-redux";
+
+export const useAppDispatch = useDispatch;
+export const useAppSelector = useSelector;

package/templates/conditional/state/redux/feature-based/src/stores/hooks.ts

@@ -0,0 +1,4 @@
+import { useDispatch, useSelector } from "react-redux";
+
+export const useAppDispatch = useDispatch;
+export const useAppSelector = useSelector;

package/templates/conditional/state/redux/feature-based/src/stores/index.js

@@ -0,0 +1,8 @@
+import { configureStore } from "@reduxjs/toolkit";
+import counterReducer from "@/features/home/store/counterSlice";
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+});

package/templates/conditional/state/redux/feature-based/src/stores/index.ts

@@ -0,0 +1,11 @@
+import { configureStore } from "@reduxjs/toolkit";
+import counterReducer from "@/features/home/store/counterSlice";
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+});
+
+export const RootState = store.getState;
+export const AppDispatch = store.dispatch;

package/templates/conditional/state/zustand/component-based/src/store/useCounterStore.jsx

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+
+export const useCounterStore = create((set) => ({
+  count: 0,
+  increment: () => set((state) => ({ count: state.count + 1 })),
+  decrement: () => set((state) => ({ count: state.count - 1 })),
+  incrementByAmount: (amount) =>
+    set((state) => ({ count: state.count + amount })),
+}));

package/templates/conditional/state/zustand/component-based/src/store/useCounterStore.ts

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+
+export const useCounterStore = create((set) => ({
+  count: 0,
+  increment: () => set((state) => ({ count: state.count + 1 })),
+  decrement: () => set((state) => ({ count: state.count - 1 })),
+  incrementByAmount: (amount) =>
+    set((state) => ({ count: state.count + amount })),
+}));

package/templates/conditional/state/zustand/feature-based/src/stores/useCounterStore.jsx

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+
+export const useCounterStore = create((set) => ({
+  count: 0,
+  increment: () => set((state) => ({ count: state.count + 1 })),
+  decrement: () => set((state) => ({ count: state.count - 1 })),
+  incrementByAmount: (amount) =>
+    set((state) => ({ count: state.count + amount })),
+}));

package/templates/conditional/state/zustand/feature-based/src/stores/useCounterStore.ts

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+
+export const useCounterStore = create((set) => ({
+  count: 0,
+  increment: () => set((state) => ({ count: state.count + 1 })),
+  decrement: () => set((state) => ({ count: state.count - 1 })),
+  incrementByAmount: (amount) =>
+    set((state) => ({ count: state.count + amount })),
+}));

package/templates/conditional/testing/jest/jest.config.js

@@ -0,0 +1,12 @@
+/** @type {import('jest').Config} */
+module.exports = {
+  testEnvironment: "jsdom",
+  roots: ["<rootDir>/src"],
+  setupFilesAfterSetup: ["<rootDir>/jest.setup.js"],
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  },
+  transform: {
+    "^.+\\.jsx?$": "babel-jest",
+  },
+};

package/templates/conditional/testing/jest/jest.config.ts

@@ -0,0 +1,13 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  roots: ["<rootDir>/src"],
+  setupFilesAfterSetup: ["<rootDir>/jest.setup.ts"],
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  },
+  transform: {
+    "^.+\\.tsx?$": "ts-jest",
+  },
+};

package/templates/conditional/testing/jest/jest.setup.js

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/templates/conditional/testing/jest/jest.setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

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

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

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

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

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

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

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

package/templates/conditional/testing/vitest/src/test/setup.js

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";

package/templates/conditional/testing/vitest/src/test/setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";

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

@@ -0,0 +1,18 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: "./src/test/setup.js",
+    css: true,
+  },
+});

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

@@ -0,0 +1,18 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: "./src/test/setup.ts",
+    css: true,
+  },
+});

package/templates/css/bootstrap/src/index.css

@@ -0,0 +1 @@
+

package/templates/css/none/src/index.css

@@ -0,0 +1,18 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    sans-serif;
+  line-height: 1.5;
+}

package/templates/css/tailwind/src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";