create-reactivite 1.4.0 → 1.6.0

package/template2/package.json

@@ -1,62 +1,62 @@
-{
-  "name": "nextivite-plate",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "dev:4000": "next dev -p 4000",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint",
-    "prepare": "husky",
-    "format": "prettier --write \"app/**/*.{js,ts,tsx}\"",
-    "format:services": "prettier --write \"services/**/*.{js,ts,tsx}\"",
-    "generate": "orval --config orval.config.ts",
-    "generate:api": "npm run generate && npm run format:services && node scripts/fix-generated-types.mjs",
-    "dev:full": "npm run generate:api && npm run dev",
-    "test": "vitest",
-    "test:run": "vitest run"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-query": "^5.90.8",
-    "@tanstack/react-query-devtools": "^5.90.2",
-    "axios": "^1.13.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.548.0",
-    "next": "^16.2.2",
-    "next-themes": "^0.4.6",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "zod": "^4.1.12",
-    "zustand": "^5.0.8"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^6.0.2",
-    "eslint": "^9",
-    "eslint-config-next": "^16.2.2",
-    "eslint-config-prettier": "^10.1.8",
-    "figlet": "^1.9.3",
-    "husky": "^9.1.7",
-    "jsdom": "^29.1.1",
-    "msw": "^2.14.6",
-    "orval": "^8.12.3",
-    "prettier": "^3.6.2",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "5.9.3",
-    "vitest": "^4.1.7"
-  }
-}
+{
+  "name": "nextivite-plate",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "dev:4000": "next dev -p 4000",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint",
+    "prepare": "husky",
+    "format": "prettier --write \"app/**/*.{js,ts,tsx}\"",
+    "format:services": "prettier --write \"services/**/*.{js,ts,tsx}\"",
+    "generate": "orval --config orval.config.ts",
+    "generate:api": "npm run generate && npm run format:services && node scripts/fix-generated-types.mjs",
+    "dev:full": "npm run generate:api && npm run dev",
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.4.0",
+    "@radix-ui/react-label": "^2.1.10",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@tanstack/react-query": "^5.101.1",
+    "@tanstack/react-query-devtools": "^5.101.1",
+    "axios": "^1.18.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.21.0",
+    "next": "^16.2.9",
+    "next-themes": "^0.4.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-hook-form": "^7.80.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.6.0",
+    "zod": "^4.4.3",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^26",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^6.0.3",
+    "eslint": "^10",
+    "eslint-config-next": "^16.2.9",
+    "eslint-config-prettier": "^10.1.8",
+    "figlet": "^1.11.0",
+    "husky": "^9.1.7",
+    "jsdom": "^29.1.1",
+    "msw": "^2.14.6",
+    "orval": "^8.19.0",
+    "prettier": "^3.8.4",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "6.0.3",
+    "vitest": "^4.1.9"
+  }
+}

package/template2/postcss.config.mjs

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

package/template2/scripts/fix-generated-types.mjs

@@ -1,13 +1,13 @@
-// Post-processing hook for orval output.
-// Runs after `npm run generate`. Add codemods here if your backend schema needs
-// tweaks the generator can't express. No-op when nothing is generated yet.
-import { existsSync } from 'node:fs';
-
-const GENERATED_DIR = new URL('../services/generated/', import.meta.url);
-
-if (!existsSync(GENERATED_DIR)) {
-  console.log('fix-generated-types: services/generated yox, keçildi.');
-  process.exit(0);
-}
-
-console.log('fix-generated-types: generated tipləri yoxlandı (no-op).');
+// Post-processing hook for orval output.
+// Runs after `npm run generate`. Add codemods here if your backend schema needs
+// tweaks the generator can't express. No-op when nothing is generated yet.
+import { existsSync } from 'node:fs';
+
+const GENERATED_DIR = new URL('../services/generated/', import.meta.url);
+
+if (!existsSync(GENERATED_DIR)) {
+  console.log('fix-generated-types: services/generated yox, keçildi.');
+  process.exit(0);
+}
+
+console.log('fix-generated-types: generated tipləri yoxlandı (no-op).');

package/template2/services/generated/.gitkeep

@@ -1,2 +1,2 @@
-# orval writes generated react-query hooks + models here.
-# Run `npm run generate:api` after pointing orval.config.ts at your schema.
+# orval writes generated react-query hooks + models here.
+# Run `npm run generate:api` after pointing orval.config.ts at your schema.

package/template2/services/httpClient/httpClient.ts

@@ -1,70 +1,70 @@
-import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';
-import { toast } from 'sonner';
-import { useUserStore } from '@/store/user-store';
-import { env } from '@/config/env';
-import { AXIOS_TIMEOUT_MS } from '@/config/constants';
-import { paramsSerializer } from '@/lib/paramsSerializer';
-
-export const httpClient: AxiosInstance = axios.create({
-  baseURL: env.apiBaseUrl,
-  withCredentials: true,
-  paramsSerializer,
-});
-
-httpClient.defaults.timeout = AXIOS_TIMEOUT_MS;
-
-type ServerErrorData = { message: string };
-
-const errorMessageByCode: Record<number, string> = {
-  400: 'Validation error',
-  404: 'Not found',
-  500: 'Server error',
-};
-
-const setupInterceptors = () => {
-  httpClient.interceptors.request.use(
-    (requestConfig) => {
-      if (typeof window !== 'undefined') {
-        const locale =
-          document.cookie.match(/NEXT_LOCALE=([^;]+)/)?.[1] ?? 'az';
-        requestConfig.headers['Accept-Language'] = locale;
-      }
-      return requestConfig;
-    },
-    (error: AxiosError) => Promise.reject(error),
-  );
-
-  httpClient.interceptors.response.use(
-    (response: AxiosResponse) => response,
-    (error: AxiosError) => {
-      if (error.response) {
-        const errorStatus = error.response.status;
-        const errorData = error.response.data as ServerErrorData;
-
-        if (errorStatus === 401 || errorStatus === 403) {
-          const store = useUserStore.getState();
-          if (store.isAuthenticated()) {
-            store.clearUser();
-            window.dispatchEvent(new CustomEvent('auth:unauthorized'));
-          }
-          return Promise.reject(error);
-        }
-
-        if (errorStatus in errorMessageByCode) {
-          toast.error(errorData?.message ?? errorMessageByCode[errorStatus]);
-        } else if (errorData?.message) {
-          toast.error(errorData.message);
-        } else {
-          toast.error(`Server status ${errorStatus}`);
-        }
-      } else if (error.request) {
-        toast.error('Network error. Check your connection.');
-      } else {
-        toast.error(`Unexpected error: ${error.message}`);
-      }
-      return Promise.reject(error);
-    },
-  );
-};
-
-setupInterceptors();
+import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';
+import { toast } from 'sonner';
+import { useUserStore } from '@/store/user-store';
+import { env } from '@/config/env';
+import { AXIOS_TIMEOUT_MS } from '@/config/constants';
+import { paramsSerializer } from '@/lib/paramsSerializer';
+
+export const httpClient: AxiosInstance = axios.create({
+  baseURL: env.apiBaseUrl,
+  withCredentials: true,
+  paramsSerializer,
+});
+
+httpClient.defaults.timeout = AXIOS_TIMEOUT_MS;
+
+type ServerErrorData = { message: string };
+
+const errorMessageByCode: Record<number, string> = {
+  400: 'Validation error',
+  404: 'Not found',
+  500: 'Server error',
+};
+
+const setupInterceptors = () => {
+  httpClient.interceptors.request.use(
+    (requestConfig) => {
+      if (typeof window !== 'undefined') {
+        const locale =
+          document.cookie.match(/NEXT_LOCALE=([^;]+)/)?.[1] ?? 'az';
+        requestConfig.headers['Accept-Language'] = locale;
+      }
+      return requestConfig;
+    },
+    (error: AxiosError) => Promise.reject(error),
+  );
+
+  httpClient.interceptors.response.use(
+    (response: AxiosResponse) => response,
+    (error: AxiosError) => {
+      if (error.response) {
+        const errorStatus = error.response.status;
+        const errorData = error.response.data as ServerErrorData;
+
+        if (errorStatus === 401 || errorStatus === 403) {
+          const store = useUserStore.getState();
+          if (store.isAuthenticated()) {
+            store.clearUser();
+            window.dispatchEvent(new CustomEvent('auth:unauthorized'));
+          }
+          return Promise.reject(error);
+        }
+
+        if (errorStatus in errorMessageByCode) {
+          toast.error(errorData?.message ?? errorMessageByCode[errorStatus]);
+        } else if (errorData?.message) {
+          toast.error(errorData.message);
+        } else {
+          toast.error(`Server status ${errorStatus}`);
+        }
+      } else if (error.request) {
+        toast.error('Network error. Check your connection.');
+      } else {
+        toast.error(`Unexpected error: ${error.message}`);
+      }
+      return Promise.reject(error);
+    },
+  );
+};
+
+setupInterceptors();

package/template2/services/httpClient/orvalMutator.ts

@@ -1,10 +1,10 @@
-import { AxiosRequestConfig } from 'axios';
-import { httpClient } from './httpClient';
-
-export const customMutator = <T>(config: AxiosRequestConfig): Promise<T> => {
-  const { signal, ...rest } = config;
-  return httpClient({
-    ...rest,
-    ...(signal instanceof AbortSignal ? { signal } : {}),
-  }).then(({ data }) => data);
-};
+import { AxiosRequestConfig } from 'axios';
+import { httpClient } from './httpClient';
+
+export const customMutator = <T>(config: AxiosRequestConfig): Promise<T> => {
+  const { signal, ...rest } = config;
+  return httpClient({
+    ...rest,
+    ...(signal instanceof AbortSignal ? { signal } : {}),
+  }).then(({ data }) => data);
+};

package/template2/store/example-store.tsx

@@ -1,16 +1,16 @@
-import { create } from 'zustand';
-
-type CounterState = {
-  count: number;
-  increment: () => void;
-  decrement: () => void;
-  reset: () => void;
-};
-
-// Minimal store to show the non-persisted pattern. Delete or replace.
-export const useExampleStore = create<CounterState>((set) => ({
-  count: 0,
-  increment: () => set((s) => ({ count: s.count + 1 })),
-  decrement: () => set((s) => ({ count: s.count - 1 })),
-  reset: () => set({ count: 0 }),
-}));
+import { create } from 'zustand';
+
+type CounterState = {
+  count: number;
+  increment: () => void;
+  decrement: () => void;
+  reset: () => void;
+};
+
+// Minimal store to show the non-persisted pattern. Delete or replace.
+export const useExampleStore = create<CounterState>((set) => ({
+  count: 0,
+  increment: () => set((s) => ({ count: s.count + 1 })),
+  decrement: () => set((s) => ({ count: s.count - 1 })),
+  reset: () => set({ count: 0 }),
+}));

package/template2/store/user-store.tsx

@@ -1,29 +1,29 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-
-export type User = {
-  id: string;
-  email: string;
-  fullName?: string;
-};
-
-type UserState = {
-  user: User | null;
-  setUser: (value: User | null) => void;
-  clearUser: () => void;
-  isAuthenticated: () => boolean;
-};
-
-export const useUserStore = create<UserState>()(
-  persist(
-    (set, get) => ({
-      user: null,
-      setUser: (value) => set({ user: value }),
-      clearUser: () => set({ user: null }),
-      isAuthenticated: () => get().user !== null,
-    }),
-    {
-      name: 'user_authenticated',
-    },
-  ),
-);
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+export type User = {
+  id: string;
+  email: string;
+  fullName?: string;
+};
+
+type UserState = {
+  user: User | null;
+  setUser: (value: User | null) => void;
+  clearUser: () => void;
+  isAuthenticated: () => boolean;
+};
+
+export const useUserStore = create<UserState>()(
+  persist(
+    (set, get) => ({
+      user: null,
+      setUser: (value) => set({ user: value }),
+      clearUser: () => set({ user: null }),
+      isAuthenticated: () => get().user !== null,
+    }),
+    {
+      name: 'user_authenticated',
+    },
+  ),
+);

package/template2/testing/msw/handlers/index.ts

@@ -1,6 +1,6 @@
-import { http, HttpResponse } from 'msw';
-
-// Add request handlers here. Example:
-export const handlers = [
-  http.get('*/health', () => HttpResponse.json({ status: 'ok' })),
-];
+import { http, HttpResponse } from 'msw';
+
+// Add request handlers here. Example:
+export const handlers = [
+  http.get('*/health', () => HttpResponse.json({ status: 'ok' })),
+];

package/template2/testing/msw/server.ts

@@ -1,4 +1,4 @@
-import { setupServer } from 'msw/node';
-import { handlers } from './handlers';
-
-export const server = setupServer(...handlers);
+import { setupServer } from 'msw/node';
+import { handlers } from './handlers';
+
+export const server = setupServer(...handlers);

package/template2/tsconfig.json

@@ -1,34 +1,34 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
-  ],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/template2/vitest.config.ts

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

package/template2/vitest.setup.ts

@@ -1,7 +1,7 @@
-import "@testing-library/jest-dom";
-import { server } from "./testing/msw/server";
-import { beforeAll, afterEach, afterAll } from "vitest";
-
-beforeAll(() => server.listen({ onUnhandledRequest: "warn" }));
-afterEach(() => server.resetHandlers());
-afterAll(() => server.close());
+import "@testing-library/jest-dom";
+import { server } from "./testing/msw/server";
+import { beforeAll, afterEach, afterAll } from "vitest";
+
+beforeAll(() => server.listen({ onUnhandledRequest: "warn" }));
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());

package/template3/README.md

@@ -1,34 +1,34 @@
-# Rspack Simple Starter
-
-A minimal **React + TypeScript** template bundled with [Rspack](https://rspack.dev/) — a fast Rust-based bundler. Intentionally bare; grow it as you need.
-
-## Scripts
-
-```bash
-pnpm dev       # dev server on http://localhost:5174
-pnpm build     # production build → dist/
-pnpm preview   # serve the production build
-```
-
-## Structure
-
-```
-├── index.html
-├── rspack.config.mjs       # entry, swc loader, html plugin, dev server
-├── tsconfig.json
-└── src/
-    ├── main.tsx            # React root
-    ├── App.tsx
-    ├── index.css
-    └── components/
-        └── author-credit.tsx
-```
-
-TypeScript/TSX is transpiled by Rspack's built-in SWC loader (no Babel). CSS uses Rspack's native CSS support (`type: "css"`).
-
----
-
-Built by **Javid Salimov** ·
-[GitHub](https://github.com/javidselimov) ·
-[LinkedIn](https://www.linkedin.com/in/javidsalim/) ·
-[npm](https://www.npmjs.com/~ubuligan)
+# Rspack Simple Starter
+
+A minimal **React + TypeScript** template bundled with [Rspack](https://rspack.dev/) — a fast Rust-based bundler. Intentionally bare; grow it as you need.
+
+## Scripts
+
+```bash
+pnpm dev       # dev server on http://localhost:5174
+pnpm build     # production build → dist/
+pnpm preview   # serve the production build
+```
+
+## Structure
+
+```
+├── index.html
+├── rspack.config.mjs       # entry, swc loader, html plugin, dev server
+├── tsconfig.json
+└── src/
+    ├── main.tsx            # React root
+    ├── App.tsx
+    ├── index.css
+    └── components/
+        └── author-credit.tsx
+```
+
+TypeScript/TSX is transpiled by Rspack's built-in SWC loader (no Babel). CSS uses Rspack's native CSS support (`type: "css"`).
+
+---
+
+Built by **Javid Salimov** ·
+[GitHub](https://github.com/javidselimov) ·
+[LinkedIn](https://www.linkedin.com/in/javidsalim/) ·
+[npm](https://www.npmjs.com/~ubuligan)