Refactor GET function in route handlers to improve request handling and add URL construction

Author: BorDevTech

app/api/verify/alabama/route.ts

@@ -1,20 +1,22 @@
-// import { NextResponse, type NextRequest } from "next/server";
-import { NextResponse } from "next/server";
+import { NextResponse, type NextRequest } from "next/server";
 import BlobSync from "@/data/controls/blobs/blobSync";
 import BlobCreate from "@/data/controls/blobs/blobCreate";
 import BlobUpdate from "@/data/controls/blobs/blobUpdate";
 import BlobFetch from "@/data/controls/blobs/blobFetch";
 import BlobConvert from "@/data/controls/blobs/BlobConvert";
 import { verify } from "./logic"
 
-export async function GET() {
-  // export async function GET(request: NextRequest) {
+export async function GET(request: NextRequest) {
   // const { searchParams } = new URL(request.url);
   // const firstName = searchParams.get("firstname") || "";
   // const lastName = searchParams.get("lastname") || "";
   // const licenseNumber = searchParams.get("license") || "";
-
   const key = "alabama";
+  const { search } = new URL(request.url);
+  const backupURL =
+    "https://raw.githubusercontent.com/BorDevTech/ClearView/refs/heads/main/app/api/verify/alabama/VET.json" +
+    (search || "");
+
 
   try {
     const data = await BlobFetch(key);
@@ -34,6 +36,7 @@ export async function GET() {
     // If blob does not exist, fetch and parse, then create/update blob
     try {
       // 🌐 Fetch Alabama portal HTML
+      console.log(backupURL);
       const url = `https://licensesearch.alabama.gov/ASBVME`;
       const response = await fetch(url, { headers: { "User-Agent": "Mozilla/5.0" } });
       const html = await response.text();

app/api/verify/alaska/route.ts

@@ -8,6 +8,11 @@ import BlobConvert from "@/data/controls/blobs/BlobConvert";
 
 export async function GET(request: NextRequest) {
   const key = "alaska";
+  const { search } = new URL(request.url);
+  const url =
+    "https://raw.githubusercontent.com/BorDevTech/ClearView/refs/heads/main/app/api/verify/missouri/VET.json" +
+    (search || "");
+
   try {
     const data = await BlobFetch(key);
     // ✅ Convert and write blob immediately after fetch
@@ -18,15 +23,24 @@ export async function GET(request: NextRequest) {
       count: Array.isArray(data) ? data.length : 0,
     });
   } catch (error: unknown) {
+    // // // 🌐 Fallback: fetch HTML and parse
+    // const { verify } = await import(`./../../../app/api/verify/${key}/logic`);
+    // // Forward all query string parameters from the incoming request
+    // const { search } = new URL(request.url);
+    // const results = await verify(search); // 👈 verify now parses HTML directly
     console.warn(`⚠️ BlobFetch failed for ${key}, falling back to live parse: ${error}`);
     // If blob does not exist, fetch and parse, then create/update blob
+    ////
     try {
-
-      // // 🌐 Fallback: fetch HTML and parse
-      const { verify } = await import(`./../../../app/api/verify/${key}/logic`);
-      // Forward all query string parameters from the incoming request
-      const { search } = new URL(request.url);
-      const results = await verify(search); // 👈 verify now parses HTML directly
+      const response = await fetch(url, {
+        method: "GET",
+        headers: {
+          "User-Agent": "Mozilla/5.0",
+          Accept: "application/json",
+        },
+      });
+      const data = await response.text();
+      const results = JSON.parse(data);
       await BlobCreate(key);
       await BlobUpdate(key, {
         timestamp: new Date().toISOString(),
@@ -35,7 +49,6 @@ export async function GET(request: NextRequest) {
       });
       // Optionally, sync the blob after update
       const blob = await BlobSync(key, results);
-
       return NextResponse.json({ count: results.length, blob, results });
     } catch (fallbackError) {
       return NextResponse.json({

app/components/Project/Header.tsx

@@ -14,17 +14,37 @@ import { ListedStates } from "@/app/components/StateSelector";
 
 const totalStates = ListedStates.items.length;
 
-const onlineStates = ListedStates.items.filter(
-  (state) => state.active === true
-).length;
-const offlineStates = ListedStates.items.filter(
-  (state) => state.active === false
-).length;
-const checkingStates = ListedStates.items.filter(
-  (state) => state.active === null
-).length;
 
+interface StateDefinition {
+  active: boolean | null;
+  value: string;
+  label: string;
+}
+interface StateCounts {
+  online: number;
+  offline: number;
+  checking: number;
+}
+// const onlineStates = ListedStates.items.filter(
+//   (state) => state.active === true
+// ).length;
+// const offlineStates = ListedStates.items.filter(
+//   (state) => state.active === false
+// ).length;
+// const checkingStates = ListedStates.items.filter(
+//   (state) => state.active === null
+// ).length;
 
+const { offline: offlineStates, checking: checkingStates, online: onlineStates } =
+  ListedStates.items.reduce(
+    (counts: StateCounts, { active }: StateDefinition) => {
+      if (active === true) counts.online += 1;
+      else if (active === false) counts.offline += 1;
+      else counts.checking += 1;
+      return counts;
+    },
+    { offline: 0, checking: 0, online: 0 }
+  );
 
 export function ProjectHeader({
   icon,