generator-kodly-react-app 1.0.5 → 1.0.7

package/generators/app/index.js

@@ -60,6 +60,7 @@ export default class ReactAppGenerator extends BaseGenerator {
 
   _writeAuthFiles() {
     const authFiles = [
+      'src/modules/auth/auth-types.ts',
       'src/modules/auth/auth-context.tsx',
       'src/modules/auth/use-auth-hook.ts',
       'src/modules/auth/login/login-page.tsx',

package/generators/app/templates/.env.example

@@ -1,5 +1,5 @@
 # API Configuration
-VITE_API_BASE_URL=http://localhost:8181
+VITE_API_BASE_URL=http://localhost:8181/api/v1
 
 # Server Configuration
 PORT=3000

package/generators/app/templates/README.md

@@ -5,11 +5,13 @@ A React application built with Vite, TanStack Router, and TypeScript.
 ## Getting Started
 
 1. Install dependencies:
+
 ```bash
 npm install
 ```
 
 2. Create a `.env` file from `.env.example`:
+
 ```bash
 cp .env.example .env
 ```
@@ -17,13 +19,14 @@ cp .env.example .env
 3. Update the `.env` file with your API base URL.
 
 4. Start the development server:
+
 ```bash
 npm run dev
 ```
 
 ## Environment Variables
 
-- `VITE_API_BASE_URL` - Base URL for your API backend (default: `http://localhost:8181`)
+- `VITE_API_BASE_URL` - Base URL for your API backend (default: `http://localhost:8181/api/v1`)
 - `PORT` - Port for the development server (default: `3000`)
 
 ### Setting Environment Variables
@@ -31,20 +34,23 @@ npm run dev
 You can set environment variables in several ways:
 
 **Option 1: Using a `.env` file (recommended)**
+
 ```bash
 # Create .env file
-echo "VITE_API_BASE_URL=http://localhost:8080/api" > .env
+echo "VITE_API_BASE_URL=http://localhost:8080/api/v1" > .env
 echo "PORT=3001" >> .env
 ```
 
 **Option 2: Using environment variables when running commands**
+
 ```bash
-VITE_API_BASE_URL=http://localhost:8080/api PORT=3001 npm run dev
+VITE_API_BASE_URL=http://localhost:8080/api/v1 PORT=3001 npm run dev
 ```
 
 **Option 3: Using cross-env (works on all platforms)**
+
 ```bash
-cross-env VITE_API_BASE_URL=http://localhost:8080/api PORT=3001 npm run dev
+cross-env VITE_API_BASE_URL=http://localhost:8080/api/v1 PORT=3001 npm run dev
 ```
 
 ## Project Structure
@@ -54,4 +60,3 @@ cross-env VITE_API_BASE_URL=http://localhost:8080/api PORT=3001 npm run dev
 - `src/components/` - Reusable UI components
 - `src/lib/` - Utility functions and configurations
 - `src/locales/` - i18n translation files
-

package/generators/app/templates/package.json

@@ -4,9 +4,12 @@
   "type": "module",
   "version": "0.0.1",
   "scripts": {
-    "dev": "vite",
-    "start": "vite",
-    "build": "vite build && tsc",
+    "generate-routes": "tsr generate",
+    "watch-routes": "tsr watch",
+    "vite:dev": "vite",
+    "dev": "npm-run-all --parallel watch-routes vite:dev",
+    "start": "dev",
+    "build": "npm run generate-routes && vite build && tsc",
     "serve": "vite preview"
   },
   "dependencies": {
@@ -20,7 +23,7 @@
     "dotenv": "<%= DOTENV_VERSION %>",
     "i18next": "<%= I18NEXT_VERSION %>",
     "jotai": "<%= JOTAI_VERSION %>",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "react": "<%= REACT_VERSION %>",
     "react-dom": "<%= REACT_DOM_VERSION %>",
     "react-i18next": "<%= REACT_I18NEXT_VERSION %>",
@@ -30,11 +33,13 @@
   "devDependencies": {
     "@tailwindcss/postcss": "<%= TAILWIND_VERSION %>",
     "@tailwindcss/vite": "<%= TAILWIND_VERSION %>",
+    "@tanstack/router-cli": "^1.139.14",
     "@types/node": "^24.10.1",
-    "@types/react": "^19.2.6",
+    "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
     "cross-env": "<%= CROSS_ENV_VERSION %>",
+    "npm-run-all": "^4.1.5",
     "tailwindcss": "<%= TAILWIND_VERSION %>",
     "typescript": "<%= TYPESCRIPT_VERSION %>",
     "vite": "<%= VITE_VERSION %>"

package/generators/app/templates/src/lib/api/client.ts

@@ -1,7 +1,7 @@
-import axios from 'axios';
+import axios, { AxiosResponse } from 'axios';
 import { handleBackendError } from '../utils/error-handler';
 
-const apiBaseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8181';
+const apiBaseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8181/api/v1';
 
 export const client = axios.create({
   baseURL: apiBaseUrl,
@@ -12,7 +12,7 @@ export const client = axios.create({
 
 // Add response interceptor to handle non-2xx responses and network errors
 client.interceptors.response.use(
-  (response: any) => response,
+  (response: AxiosResponse) => response,
   (error: unknown) => {
     // Handle all errors: non-2xx responses and network errors
     if (error && typeof error === 'object' && 'response' in error) {

package/generators/app/templates/src/lib/utils/error-handler.ts

@@ -4,7 +4,7 @@ import { AxiosError } from 'axios';
 interface BackendErrorResponse {
   message?: string;
   status?: boolean;
-  data?: any;
+  data?: unknown;
 }
 
 /**
@@ -41,7 +41,12 @@ export const handleBackendError = (error: unknown): void => {
       // If the response doesn't match the expected format,
       // try to extract a message from the response data
       if (errorData && typeof errorData === 'object') {
-        const message = (errorData as any).message || (errorData as any).error || response.statusText || 'An error occurred';
+        const errorObj = errorData as Record<string, unknown>;
+        const message =
+          (typeof errorObj.message === 'string' ? errorObj.message : null) ||
+          (typeof errorObj.error === 'string' ? errorObj.error : null) ||
+          response.statusText ||
+          'An error occurred';
         toast.error(message);
         return;
       }

package/generators/app/templates/src/modules/auth/auth-context.tsx

@@ -1,13 +1,11 @@
-import { createContext } from "react";
-import { currentUserDetailsAtom } from "./use-auth-hook";
-import { useAtomValue } from "jotai";
+import { createContext } from 'react';
+import { currentUserDetailsAtom } from './use-auth-hook';
+import { AuthData } from './auth-types';
+import { useAtomValue } from 'jotai';
 
-export const AuthContext = createContext<any | undefined>(undefined);
+export const AuthContext = createContext<AuthData | undefined>(undefined);
 
 export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
   const authData = useAtomValue(currentUserDetailsAtom);
-  return (
-    <AuthContext.Provider value={authData}>{children}</AuthContext.Provider>
-  );
+  return <AuthContext.Provider value={authData}>{children}</AuthContext.Provider>;
 };
-

package/generators/app/templates/src/modules/auth/auth-types.ts

@@ -0,0 +1,24 @@
+export interface UserData {
+  id: string;
+  slug: string;
+  email: string;
+}
+
+export interface ModulePermission {
+  module: string;
+  permissions: string[];
+}
+
+export interface AuthData {
+  token: string;
+  data: UserData;
+  roleName: string;
+  modulePermissions: ModulePermission[];
+}
+
+export interface AuthResponse {
+  message: string | null;
+  status: boolean;
+  data: AuthData;
+}
+

package/generators/app/templates/src/modules/auth/use-auth-hook.ts

@@ -5,12 +5,13 @@ import { useNavigate } from '@tanstack/react-router';
 import { atom, useAtomValue, useSetAtom } from 'jotai';
 import { atomWithStorage } from 'jotai/utils';
 import { client } from '@/lib/api/client';
+import { AuthData, AuthResponse } from './auth-types';
 
 export const authTokenAtom = atomWithStorage<string>('authTokenAtom', '', undefined, {
   getOnInit: true,
 });
 
-export const currentUserDetailsAtom = atom<any>();
+export const currentUserDetailsAtom = atom<AuthData | undefined>();
 
 export const setTokenInAxios = (token?: string | null) => {
   if (token) {
@@ -29,18 +30,18 @@ export const useLogin = () => {
   const setCurrentUser = useSetAtom(currentUserDetailsAtom);
   const navigate = useNavigate();
   return useMutation({
-    mutationFn: async (data: { email: string; password: string }) => {
-      const response = await client.post('/auth/user/login', data);
+    mutationFn: async (data: { email: string; password: string }): Promise<AuthResponse> => {
+      const response = await client.post<AuthResponse>('/auth/user/login', data);
       return response.data;
     },
-    onSuccess: (authData) => {
-      const token = authData?.token || '';
+    onSuccess: (authData: AuthResponse) => {
+      const token = authData?.data?.token || '';
       setAuthToken(token);
-      setCurrentUser(authData);
+      setCurrentUser(authData.data);
       setTokenInAxios(token);
       navigate({ to: AppRoute.to });
     },
-    onError: (err: any) => {
+    onError: (err: unknown) => {
       // Error is already handled by axios interceptor
       console.error('Login failed:', err);
     },
@@ -53,13 +54,13 @@ export const useValidateToken = () => {
   const authToken = useAtomValue(authTokenAtom);
   setTokenInAxios(authToken);
   return useMutation({
-    mutationFn: async () => {
-      const response = await client.post('/auth/user/validate');
+    mutationFn: async (): Promise<AuthResponse> => {
+      const response = await client.post<AuthResponse>('/auth/user/validate-token');
       return response.data;
     },
     retry: false,
-    onSuccess: (data) => {
-      setCurrentUser(data);
+    onSuccess: (data: AuthResponse) => {
+      setCurrentUser(data.data);
     },
     onError: () => {
       setCurrentUser(undefined);

package/generators/app/templates/src/routes/__root.tsx

@@ -1,8 +1,9 @@
-import { Outlet, createRootRouteWithContext } from "@tanstack/react-router";
+import { Outlet, createRootRouteWithContext } from '@tanstack/react-router';
+import { AuthData } from '@/modules/auth/auth-types';
 
 interface RouterContext {
   token: string;
-  data: any;
+  data: AuthData;
 }
 
 export const Route = createRootRouteWithContext<RouterContext>()({
@@ -12,4 +13,3 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 function App() {
   return <Outlet />;
 }
-

package/generators/constants.js

@@ -1,15 +1,15 @@
 const constants = {
-  REACT_VERSION: '^19.2.0',
-  REACT_DOM_VERSION: '^19.2.0',
-  VITE_VERSION: '^7.2.4',
+  REACT_VERSION: '^19.2.1',
+  REACT_DOM_VERSION: '^19.2.1',
+  VITE_VERSION: '^7.2.6',
   TYPESCRIPT_VERSION: '^5.9.3',
-  TANSTACK_ROUTER_VERSION: '^1.139.3',
-  TANSTACK_ROUTER_PLUGIN_VERSION: '^1.139.3',
-  TANSTACK_REACT_QUERY_VERSION: '^5.90.10',
-  I18NEXT_VERSION: '^25.6.3',
+  TANSTACK_ROUTER_VERSION: '^1.139.14',
+  TANSTACK_ROUTER_PLUGIN_VERSION: '^1.139.14',
+  TANSTACK_REACT_QUERY_VERSION: '^5.90.12',
+  I18NEXT_VERSION: '^25.7.1',
   REACT_I18NEXT_VERSION: '^16.3.5',
   AXIOS_VERSION: '^1.13.2',
-  JOTAI_VERSION: '^2.15.1',
+  JOTAI_VERSION: '^2.15.2',
   TAILWIND_VERSION: '^4.1.17',
   RADIX_UI_VERSION: '^1.4.3',
   DOTENV_VERSION: '^17.2.3',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-kodly-react-app",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A Yeoman generator for creating React.js applications with Vite, TanStack Router, authentication, and i18n",
   "main": "index.js",
   "type": "module",