@anmol0493/fullstack-app 1.0.3 → 1.0.4

package/README.md

@@ -15,10 +15,10 @@ This is a **full-stack template** designed to help developers quickly bootstrap
 ## Getting Started
 
 ### Prerequisites
-- [Node.js](https://nodejs.org/) (v16 or higher)
+- [Node.js](https://nodejs.org/) (v20 or higher)
 - [npm](https://www.npmjs.com/)
 
 ### Installation
 - ```bash
     npx @anmol0493/fullstack-app my-project
-  ```
+  ```

package/frontend/src/components/Layout.tsx

@@ -1,21 +1,29 @@
-import { useSelector } from "react-redux";
-import { actions, RootState } from "../redux/store";
-import { Button } from "./ui/Button";
 import { LogOut, TriangleAlert } from "lucide-react";
-import { cn } from "../lib/utils";
-import toast from "react-hot-toast";
 import { useState } from "react";
+import toast from "react-hot-toast";
+import { useDispatch, useSelector } from "react-redux";
+import { cn } from "../lib/utils";
+import { authApi } from "../redux/api/auth";
+import { actions, RootState } from "../redux/store";
+import { Button } from "./ui/Button";
 import { CommonAlertDialog } from "./ui/CommonAlertDialog";
 
 interface LayoutProps {
   children: React.ReactNode;
 }
 
+const apiArray = [authApi];
+
 export const Layout = ({ children }: LayoutProps) => {
   const { currentUser } = useSelector((state: RootState) => state.auth);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
 
+  const dispatch = useDispatch();
+
   const handleLogout = () => {
+    apiArray.forEach(api => {
+      dispatch(api.util.resetApiState());
+    });
     actions.auth.clearToken(null);
     toast.success("Logged out successfully");
   };

package/frontend/vite.config.ts

@@ -1,19 +1,26 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react-swc';
 import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react-swc';
+import path from 'path';
+import { defineConfig, loadEnv } from 'vite';
 
-const apiUrl = import.meta.env.VITE_API_URL;
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
 
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  server: {
-    proxy: {
-      '/api': {
-        target: apiUrl,
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, '')
+  return {
+    plugins: [react(), tailwindcss()],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src')
+      }
+    },
+    server: {
+      proxy: {
+        '/api': {
+          target: env.VITE_API_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, '')
+        }
       }
     }
-  }
+  };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anmol0493/fullstack-app",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A full-stack template with Vite React frontend and Express/NestJS backend options.",
   "main": "index.js",
   "type": "module",

package/scripts/setup.js

@@ -4,7 +4,7 @@ import * as fs from 'fs';
 import * as path from 'path';
 import enquirer from 'enquirer'; // Install enquirer: npm install enquirer
 const { prompt } = enquirer;
-// import { execa } from 'execa'; // Install execa: npm install execa
+import { execa } from 'execa'; // Install execa: npm install execa
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';