generator-kodly-react-app 1.0.2 → 1.0.4

package/generators/app/index.js

@@ -82,6 +82,7 @@ export default class ReactAppGenerator extends BaseGenerator {
       'src/lib/utils.ts',
       'src/lib/i18n.ts',
       'src/lib/api/client.ts',
+      'src/lib/utils/error-handler.ts',
     ];
     libFiles.forEach((file) => this._writeFile(file));
   }

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

@@ -10,12 +10,22 @@ export const client = axios.create({
   },
 });
 
-// Add response interceptor to handle non-2xx responses
+// Add response interceptor to handle non-2xx responses and network errors
 client.interceptors.response.use(
-  (response) => response,
-  (error) => {
-    // Only handle non-2xx responses
-    if (error.response && error.response.status >= 300) {
+  (response: any) => response,
+  (error: unknown) => {
+    // Handle all errors: non-2xx responses and network errors
+    if (error && typeof error === 'object' && 'response' in error) {
+      const axiosError = error as { response?: { status?: number }; code?: string };
+      if (axiosError.response && axiosError.response.status && axiosError.response.status >= 300) {
+        // Backend returned an error response
+        handleBackendError(error);
+      } else if (axiosError.code === 'ERR_NETWORK' || !axiosError.response) {
+        // Network error or no response (connection refused, timeout, etc.)
+        handleBackendError(error);
+      }
+    } else {
+      // Handle non-axios errors
       handleBackendError(error);
     }
     return Promise.reject(error);

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

@@ -21,10 +21,12 @@ interface BackendErrorResponse {
  * from the exception instead.
  */
 export const handleBackendError = (error: unknown): void => {
-  if (error instanceof Error && 'response' in error) {
+  // Check if it's an AxiosError
+  if (error instanceof Error && 'isAxiosError' in error) {
     const axiosError = error as AxiosError<BackendErrorResponse>;
     const response = axiosError.response;
 
+    // Handle errors with response (non-2xx status codes)
     if (response) {
       const errorData = response.data;
 
@@ -45,7 +47,14 @@ export const handleBackendError = (error: unknown): void => {
       }
     }
 
-    // Fallback to the error message from the exception
+    // Handle network errors (no response) - connection refused, timeout, etc.
+    if (axiosError.code === 'ERR_NETWORK' || !response) {
+      const networkErrorMessage = axiosError.message || 'Network error. Please check your connection and try again.';
+      toast.error(networkErrorMessage);
+      return;
+    }
+
+    // Fallback for other AxiosError cases
     const errorMessage = axiosError.message || 'An error occurred';
     toast.error(errorMessage);
     return;

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

@@ -30,7 +30,7 @@ export const useLogin = () => {
   const navigate = useNavigate();
   return useMutation({
     mutationFn: async (data: { email: string; password: string }) => {
-      const response = await client.post('/auth/login', data);
+      const response = await client.post('/auth/user/login', data);
       return response.data;
     },
     onSuccess: (authData) => {
@@ -54,7 +54,7 @@ export const useValidateToken = () => {
   setTokenInAxios(authToken);
   return useMutation({
     mutationFn: async () => {
-      const response = await client.get('/auth/validate');
+      const response = await client.post('/auth/user/validate');
       return response.data;
     },
     retry: false,
@@ -75,7 +75,7 @@ export const useLogout = () => {
   const navigate = useNavigate();
   return useMutation({
     mutationFn: async () => {
-      await client.post('/auth/logout');
+      await client.post('/auth/user/logout');
     },
     onSuccess: () => {
       setAuthToken('');

package/package.json

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