Site Search Update

app/api/sites/get_all/route.ts

@@ -1,38 +1,39 @@
 import { NextRequest, NextResponse } from "next/server";
 import prisma from "@/app/prisma";
-
+import Fuse from 'fuse.js';
-interface QueryParams {
+import { Site } from "@/app/types";
-    currentPage: number;
-    itemPerPage: number;
-    search: string;
-}
 
 export async function GET(request: NextRequest) {
     const { searchParams } = request.nextUrl;
     const currentPage = Number(searchParams.get("currentPage")) || 1;
-    const itemPerPage = Number(searchParams.get("itemPerPage")) || 1;
+    const itemPerPage = Number(searchParams.get("itemPerPage")) || 10;
     const search = searchParams.get("search") || "";
 
-    const skip = (currentPage - 1) * itemPerPage;  
-    const take = itemPerPage;
-
     try {
-        const sites = await prisma.site.findMany({
+        if (!search) {
-            skip,
+            const skip = (currentPage - 1) * itemPerPage;
-            take,
+            const take = itemPerPage;
-            where: {
+
-                name: {
+            const sites = await prisma.site.findMany({
-                    contains: search,
+                skip,
-                    mode: "insensitive",
+                take,
+                orderBy: {
+                    name: 'asc',
                 },
-                description: {
+                include: {
-                    contains: search,
+                    networks: {
-                    mode: "insensitive",
+                        orderBy: {
+                            name: 'asc',
+                        },
+                    },
                 },
-            },
+            });
-            orderBy: {
+
-                name: 'asc',
+            const total = await prisma.site.count();
-            },
+            return NextResponse.json({ sites, total, currentPage, itemPerPage }, { status: 200 });
+        }
+
+        const allSites = await prisma.site.findMany({
             include: {
                 networks: {
                     orderBy: {
@@ -41,20 +42,42 @@ export async function GET(request: NextRequest) {
                 },
             },
         });
-        const total = await prisma.site.count({
+
-            where: {
+        const fuseOptions = {
-                name: {
+            includeScore: true,
-                    contains: search,
+            threshold: 0.4,
-                    mode: "insensitive",
+            keys: ['name', 'description', 'networks.name']
-                },
+        };
-                description: {
+
-                    contains: search,
+        const fuse = new Fuse(allSites, fuseOptions);
-                    mode: "insensitive",
+        const searchResults = fuse.search(search);
-                },
+
-            },
+        const filteredSites = searchResults.map(result => {
+            const item = result.item;
+            return {
+                ...item,
+                id: String(item.id),
+                networks: item.networks?.map(network => ({
+                    ...network,
+                    id: String(network.id),
+                    siteId: String(network.siteId)
+                })) || []
+            } as Site;
         });
-        return NextResponse.json({ sites, total, currentPage, itemPerPage }, { status: 200 });
+        const total = filteredSites.length;
+
+        const startIndex = (currentPage - 1) * itemPerPage;
+        const endIndex = startIndex + itemPerPage;
+        const paginatedSites = filteredSites.slice(startIndex, endIndex);
+
+        return NextResponse.json({ 
+            sites: paginatedSites, 
+            total, 
+            currentPage, 
+            itemPerPage 
+        }, { status: 200 });
     } catch (error: any) {
+        console.error("Search error:", error);
         return NextResponse.json({ error: "Internal Server Error" }, { status: 500 });
     }
 }

app/setup/SetupPage.tsx

@@ -42,7 +42,7 @@ export default function SetupPage() {
     }
     try {
       // Create user
-      const response = await axios.post("/api/user/create", {
+      await axios.post("/api/user/create", {
         email,
         username,
         name,
@@ -216,7 +216,7 @@ export default function SetupPage() {
                   <button className="btn btn-outline flex-1" onClick={handlePreviousStep}>
                     Back
                   </button>
-                  <button className="btn btn-primary flex-1" onClick={handleComplete}>Next</button>
+                  <button className="btn btn-primary flex-1" onClick={handleNextStep}>Next</button>
                 </div>
               </div>
             )}

components/dialogues/AddNetwork.tsx

@@ -38,7 +38,7 @@ export default function AddNetwork({ onNetworkAdded, siteId }: AddNetworkProps)
                 const successMessage = await response
                 if (onNetworkAdded && successMessage) {
                     onNetworkAdded()
-                    setSuccess(successMessage)
+                    setSuccess("Network added successfully")
                 }
             } catch (apiError: any) {
                 setError(apiError)

hooks/useNetworks.ts

@@ -3,14 +3,14 @@ import { Network } from "@/app/types";
 
 const useNetworks = () => {
    
-    const addNetwork = (network: Network): Promise<string> | string => {
+    const addNetwork = (network: Network): Promise<Network> | string => {
         if (!network.name) {
             return 'Network name is required';
         }
         
         return axios.post('/api/sites/networks/add', network)
-        .then(() => {
+        .then((response) => {
-            return "Network added successfully";
+            return response.data.network;
         })
         .catch(err => {
             throw err.response?.data?.error || 'An error occurred';

package-lock.json

@@ -14,6 +14,7 @@
         "axios": "^1.9.0",
         "bcryptjs": "^3.0.2",
         "daisyui": "^5.0.35",
+        "fuse.js": "^7.1.0",
         "js-cookie": "^3.0.5",
         "jsonwebtoken": "^9.0.2",
         "lucide-react": "^0.511.0",
@@ -1379,6 +1380,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/fuse.js": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.1.0.tgz",
+      "integrity": "sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",

package.json

@@ -15,6 +15,7 @@
     "axios": "^1.9.0",
     "bcryptjs": "^3.0.2",
     "daisyui": "^5.0.35",
+    "fuse.js": "^7.1.0",
     "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.2",
     "lucide-react": "^0.511.0",