Tambahan

src/app/api/auth/check/[id]/route.ts

@@ -0,0 +1,30 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextRequest, NextResponse } from "next/server";
+export const dynamic = "force-dynamic";
+
+export async function GET(
+  request: Request,
+  { params }: { params: { id: string } }
+) {
+  if (request.method !== "GET") {
+    return NextResponse.json(
+      { success: false, message: "Method not allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
+    const { id } = params;
+    const data = await prisma.kodeOtp.findFirst({
+      where: {
+        id: id as string,
+      },
+    });
+
+    return NextResponse.json(data, { status: 200 });
+  } catch (error) {
+    backendLogger.error("Error get code otp", error); //(error);
+    return NextResponse.json(null, { status: 500 });
+  }
+}

src/app/api/auth/check/route.ts

@@ -1,24 +0,0 @@
-import { prisma } from "@/app/lib";
-import { data } from "autoprefixer";
-import { NextRequest, NextResponse } from "next/server";
-export const dynamic = "force-dynamic";
-
-export async function GET(request: NextRequest) {
-  const id = request.nextUrl.searchParams.get("id");
-  // const { searchParams } = new URL(request.url);
-  // const id = searchParams.get("id");
-
-  try {
-    const data = await prisma.kodeOtp.findFirst({
-      where: {
-        id: id as string,
-      },
-    });
-
-    return NextResponse.json(data, { status: 200 });
-  } catch (error) {
-    console.log(error);
-  }
-
-  return NextResponse.json(null, { status: 500 });
-}

src/app/api/auth/code/[id]/route.ts

@@ -0,0 +1,56 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+
+export { DELETE };
+async function DELETE(
+  request: Request,
+  { params }: { params: { id: string } }
+) {
+  if (request.method !== "DELETE") {
+    return NextResponse.json(
+      { success: false, message: "Method not allowed" },
+      { status: 405 }
+    );
+  }
+  try {
+    // Ambil parameter id dari URL
+    const { id } = params;
+
+    if (!id) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Parameter 'id' diperlukan",
+        },
+        { status: 400 }
+      );
+    }
+
+    // Hapus data OTP
+    await prisma.kodeOtp.delete({
+      where: {
+        id: id,
+      },
+    });
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Berhasil menghapus data OTP",
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.error("Error deleting OTP:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Terjadi kesalahan saat menghapus data OTP",
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}

src/app/api/auth/login/route.ts

@@ -4,59 +4,60 @@ import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
-
-    try {
-      const res = await fetch(
-        `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
+    const res = await fetch(
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
       \n
       >> Kode OTP anda: ${codeOtp}.
       `
-      );
+    );
 
-      const sendWa = await res.json();
-
-      if (sendWa.status !== "success")
-        return NextResponse.json(
-          { success: false, message: "Nomor Whatsapp Tidak Aktif" },
-          { status: 400 }
-        );
-
-      const createOtpId = await prisma.kodeOtp.create({
-        data: {
-          nomor: nomor,
-          otp: codeOtp,
-        },
-      });
-
-      if (!createOtpId)
-        return NextResponse.json(
-          { success: false, message: "Gagal Membuat Kode OTP" },
-          { status: 400 }
-        );
+    const sendWa = await res.json();
 
+    if (sendWa.status !== "success")
       return NextResponse.json(
-        {
-          success: true,
-          message: "Kode Verifikasi Dikirim",
-          kodeId: createOtpId.id,
-        },
-        { status: 200 }
+        { success: false, message: "Nomor Whatsapp Tidak Aktif" },
+        { status: 400 }
       );
-    } catch (error) {
-      backendLogger.log("Error Login", error);
+
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
       return NextResponse.json(
-        { success: false, message: error as Error },
-        { status: 500 }
+        { success: false, message: "Gagal mengirim kode OTP" },
+        { status: 400 }
       );
-    }
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode verifikasi terkirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.log("Error Login", error);
+    return NextResponse.json(
+      { success: false, message: "Terjadi masalah saat login" , reason: error as Error },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/auth/register/route.ts

@@ -1,11 +1,19 @@
-import { sessionCreate } from "@/app/auth/_lib/session_create";
+import { sessionCreate } from "@/app/(auth)/_lib/session_create";
 import prisma from "@/app/lib/prisma";
 import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const { data } = await req.json();
+    console.log("data api register", data);
 
     const cekUsername = await prisma.user.findUnique({
       where: {
@@ -13,46 +21,51 @@ export async function POST(req: Request) {
       },
     });
 
-    try {
-      if (cekUsername)
-        return NextResponse.json(
-          { success: false, message: "Username sudah digunakan" },
-          { status: 400 }
-        );
-
-      const createUser = await prisma.user.create({
-        data: {
-          username: data.username,
-          nomor: data.nomor,
-          active: false,
-        },
+    if (cekUsername)
+      return NextResponse.json({
+        success: false,
+        message: "Username sudah digunakan",
       });
 
-      const token = await sessionCreate({
-        sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-        encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-        user: createUser as any,
-      });
+    const createUser = await prisma.user.create({
+      data: {
+        username: data.username,
+        nomor: data.nomor,
+        active: false,
+      },
+    });
 
+    if (!createUser)
       return NextResponse.json(
-        { success: true, message: "Berhasil Login", data: createUser },
-        { status: 200 }
-      );
-    } catch (error) {
-      backendLogger.log("Error registrasi:", error);
-      return NextResponse.json(
-        {
-          success: false,
-          message: "Server Error",
-          reason: (error as Error).message,
-        },
+        { success: false, message: "Gagal Registrasi" },
         { status: 500 }
       );
-    }
-  }
 
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
+    const token = await sessionCreate({
+      sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+      encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+      user: createUser as any,
+    });
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Registrasi Berhasil, Anda Sedang Login",
+        // data: createUser,
+      },
+      { status: 201 }
+    );
+  } catch (error) {
+    backendLogger.error("Error registrasi:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Maaf, Terjadi Keselahan",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
 }

src/app/api/auth/resend/route.ts

@@ -1,69 +1,72 @@
 import { prisma } from "@/app/lib";
 import { randomOTP } from "@/app_modules/auth/fun/rondom_otp";
+import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const codeOtp = randomOTP();
     const body = await req.json();
     const { nomor } = body;
 
-    try {
-      const res = await fetch(
-        `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
+    const res = await fetch(
+      `https://wa.wibudev.com/code?nom=${nomor}&text=HIPMI - Kode ini bersifat RAHASIA dan JANGAN DI BAGIKAN KEPADA SIAPAPUN, termasuk anggota ataupun pengurus HIPMI lainnya.
       \n
       >> Kode OTP anda: ${codeOtp}.
       `
-      );
-
-      const sendWa = await res.json();
-      if (sendWa.status !== "success")
-        return NextResponse.json(
-          {
-            success: false,
-            message: "Nomor Whatsapp Tidak Aktif",
-          },
-          { status: 400 }
-        );
-
-      const createOtpId = await prisma.kodeOtp.create({
-        data: {
-          nomor: nomor,
-          otp: codeOtp,
-        },
-      });
-
-      if (!createOtpId)
-        return NextResponse.json(
-          {
-            success: false,
-            message: "Gagal Membuat Kode OTP",
-          },
-          { status: 400 }
-        );
-
-      return NextResponse.json(
-        {
-          success: true,
-          message: "Kode Verifikasi Dikirim",
-          kodeId: createOtpId.id,
-        },
-        { status: 200 }
-      );
-    } catch (error) {
-      console.log(error);
+    );
 
+    const sendWa = await res.json();
+    if (sendWa.status !== "success")
       return NextResponse.json(
         {
           success: false,
-          message: "Server Whatsapp Error !!",
+          message: "Nomor Whatsapp Tidak Aktif",
         },
-        { status: 500 }
+        { status: 400 }
       );
-    }
+
+    const createOtpId = await prisma.kodeOtp.create({
+      data: {
+        nomor: nomor,
+        otp: codeOtp,
+      },
+    });
+
+    if (!createOtpId)
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal Membuat Kode OTP",
+        },
+        { status: 400 }
+      );
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Kode Verifikasi Dikirim",
+        kodeId: createOtpId.id,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.error(" Error Resend OTP", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Server Whatsapp Error !!",
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/auth/validasi/route.ts

@@ -1,61 +1,63 @@
-import { sessionCreate } from "@/app/auth/_lib/session_create";
+import { sessionCreate } from "@/app/(auth)/_lib/session_create";
 import prisma from "@/app/lib/prisma";
 import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 
 export async function POST(req: Request) {
-  if (req.method === "POST") {
+  if (req.method !== "POST") {
+    return NextResponse.json(
+      { success: false, message: "Method Not Allowed" },
+      { status: 405 }
+    );
+  }
+
+  try {
     const { nomor } = await req.json();
+    const dataUser = await prisma.user.findUnique({
+      where: {
+        nomor: nomor,
+      },
+      select: {
+        id: true,
+        nomor: true,
+        username: true,
+        active: true,
+        masterUserRoleId: true,
+      },
+    });
 
-    try {
-      const dataUser = await prisma.user.findUnique({
-        where: {
-          nomor: nomor,
-        },
-        select: {
-          id: true,
-          nomor: true,
-          username: true,
-          active: true,
-          masterUserRoleId: true,
-        },
-      });
-
-      if (dataUser == null)
-        return NextResponse.json(
-          { success: false, message: "Nomor Belum Terdaftar" },
-          { status: 404 }
-        );
-
-      const token = await sessionCreate({
-        sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-        encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-        user: dataUser as any,
-      });
-
+    if (dataUser == null)
       return NextResponse.json(
-        {
-          success: true,
-          message: "Berhasil Login",
-          roleId: dataUser.masterUserRoleId,
-          active: dataUser.active,
-        },
+        { success: false, message: "Nomor Belum Terdaftar" },
         { status: 200 }
       );
-    } catch (error) {
-      backendLogger.log("Error Validasi:", error);
-      return NextResponse.json(
-        {
-          success: false,
-          message: "Server Error",
-          reason: (error as Error).message,
-        },
-        { status: 500 }
-      );
-    }
+
+    const token = await sessionCreate({
+      sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+      encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+      user: dataUser as any,
+    });
+
+    return NextResponse.json(
+      {
+        success: true,
+        message: "Berhasil Login",
+        roleId: dataUser.masterUserRoleId,
+        active: dataUser.active,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    backendLogger.log("API Error or Server Error", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Maaf, Terjadi Keselahan",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
   }
-  return NextResponse.json(
-    { success: false, message: "Method Not Allowed" },
-    { status: 405 }
-  );
 }

src/app/api/new/home/route.ts

@@ -3,67 +3,82 @@ import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
 import { NextResponse } from "next/server";
 export const dynamic = "force-dynamic";
 
-
 // GET DATA HOME
 export async function GET(request: Request) {
-   try {
-      let fixData
-      const { searchParams } = new URL(request.url)
-      const kategori = searchParams.get("cat")
+  try {
+    let fixData;
+    const { searchParams } = new URL(request.url);
+    const kategori = searchParams.get("cat");
 
-      const userLoginId = await funGetUserIdByToken()
-      if (userLoginId == null) {
-         return NextResponse.json({ success: false, message: "Gagal mendapatkan data, user id tidak ada" }, { status: 500 });
-      }
+    const userLoginId = await funGetUserIdByToken();
+    if (userLoginId == null) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal mendapatkan data, user id tidak ada",
+        },
+        { status: 500 }
+      );
+    }
 
-      if (kategori == "job") {
-         fixData = await prisma.job.findMany({
-            take: 2,
-            orderBy: {
-               createdAt: "desc",
-            },
-            where: {
-               isActive: true,
-               masterStatusId: "1"
-            },
+    if (kategori == "job") {
+      fixData = await prisma.job.findMany({
+        take: 2,
+        orderBy: {
+          createdAt: "desc",
+        },
+        where: {
+          isActive: true,
+          masterStatusId: "1",
+        },
+        select: {
+          id: true,
+          Author: {
             select: {
-               id: true,
-               Author: {
-                  select: {
-                     id: true,
-                     username: true,
-                  },
-               },
-               title: true,
-               deskripsi: true
+              id: true,
+              username: true,
             },
-         });
-      } else if (kategori == "cek_profile") {
-         const data = await prisma.user.findUnique({
-            where: {
-               id: userLoginId,
+          },
+          title: true,
+          deskripsi: true,
+        },
+      });
+    } else if (kategori == "cek_profile") {
+      const data = await prisma.user.findUnique({
+        where: {
+          id: userLoginId,
+        },
+        include: {
+          Profile: {
+            select: {
+              id: true,
+              imageId: true,
             },
-            include: {
-               Profile: {
-                  select: {
-                     id: true,
-                     imageId: true,
-                  }
-               }
-            }
-         });
+          },
+        },
+      });
 
-         fixData = {
-            profile: data?.Profile?.id,
-            imageId: data?.Profile?.imageId
-         }
+      fixData = {
+        profile: data?.Profile?.id,
+        imageId: data?.Profile?.imageId,
+      };
+    }
 
-      }
-
-      return NextResponse.json({ success: true, message: "Berhasil mendapatkan data", data: fixData }, { status: 200 });
-
-   } catch (error) {
-      console.error(error);
-      return NextResponse.json({ success: false, message: "Gagal mendapatkan data, coba lagi nanti ", reason: (error as Error).message, }, { status: 500 });
-   }
-}
+    return NextResponse.json(
+      { success: true, message: "Berhasil mendapatkan data", data: fixData },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Gagal mendapatkan data, coba lagi nanti ",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}

src/app/api/user-validate/route.ts

@@ -1,4 +1,4 @@
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import { prisma } from "@/app/lib";
 import { cookies } from "next/headers";
 import { NextRequest, NextResponse } from "next/server";
@@ -32,7 +32,6 @@ export async function GET(req: NextRequest) {
     });
 
     // Disconnect after successful query
-    await prisma.$disconnect();
 
     return NextResponse.json({
       success: true,
@@ -41,7 +40,6 @@ export async function GET(req: NextRequest) {
     });
   } catch (error) {
     // Ensure connection is closed even if error occurs
-    await prisma.$disconnect();
 
     console.error("Error in user validation:", error);
     return NextResponse.json(
@@ -51,5 +49,7 @@ export async function GET(req: NextRequest) {
       },
       { status: 500 }
     );
+  } finally {
+    await prisma.$disconnect();
   }
 }

src/app/api/user/get-cookies/route.ts

@@ -1,4 +1,4 @@
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import _ from "lodash";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";

src/app/api/user/route.ts

@@ -1,5 +1,5 @@
 
-import { decrypt } from "@/app/auth/_lib/decrypt";
+import { decrypt } from "@/app/(auth)/_lib/decrypt";
 import _ from "lodash";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";

src/app/api/validation/route.ts

@@ -1,10 +1,9 @@
-
 import { NextResponse } from "next/server";
 
-
 export async function GET(req: Request) {
   const auth = req.headers.get("Authorization");
   const token = auth?.split(" ")[1];
+
   if (!token) return NextResponse.json({ success: false }, { status: 401 });
 
   return NextResponse.json({ success: true });

src/app/auth/api/login/route.ts

@@ -1,25 +0,0 @@
-import { prisma } from "@/app/lib";
-import { sessionCreate } from "../../_lib/session_create";
-import { NextResponse } from "next/server";
-
-export async function POST(req: Request) {
-  const user = await prisma.user.findUnique({
-    where: {
-      nomor: "6281339158911",
-    },
-    select: {
-      id: true,
-      nomor: true,
-    },
-  });
-
-  if (!user) return NextResponse.json({ success: false }, { status: 404 });
-
-  const token = await sessionCreate({
-    sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
-    encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
-    user: user as any,
-  });
-
-  return NextResponse.json({ success: true, token });
-}

src/app/auth/api/logout/route.ts

@@ -1,8 +0,0 @@
-import { cookies } from "next/headers";
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  const del = cookies().delete(process.env.NEXT_PUBLIC_BASE_SESSION_KEY!);
-
-  return NextResponse.json({ success: true, message: "Logout Berhasil" });
-}

src/app/auth/login/page.tsx

@@ -1,39 +0,0 @@
-"use client";
-import { Button } from "@mantine/core";
-import { useState } from "react";
-
-export default function Page() {
-  const [loading, setLoading] = useState(false);
-  
-
-  async function login() {
-    setLoading(true);
-    try {
-      const res = await fetch("/auth/api/login", {
-        method: "POST",
-      });
-
-      const dataText = await res.text();
-
-      if (!res.ok) {
-        console.error(dataText);
-        throw new Error(res.statusText);
-      }
-
-      const dataJson = JSON.parse(dataText);
-      console.log(dataJson);
-    //   window.location.replace("/dev/home");
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setLoading(false);
-    }
-  }
-  return (
-    <>
-      <Button loading={loading} onClick={login}>
-        Login
-      </Button>
-    </>
-  );
-}

src/app_modules/_global/fun/get/fun_get_user_id_by_token.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import { cookies } from "next/headers";
-import { decrypt } from "../../../../app/auth/_lib/decrypt";
+import { decrypt } from "../../../../app/(auth)/_lib/decrypt";
 
 export async function funGetUserIdByToken() {
   const SESSION_KEY = process.env.NEXT_PUBLIC_BASE_SESSION_KEY!;

src/app_modules/auth/_lib/api_fetch_auth.ts

@@ -0,0 +1,73 @@
+export {
+  apiFetchLogin,
+  apiGetCheckCodeOtp,
+  apiPostVerifikasiCodeOtp,
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiFetchRegister,
+};
+
+const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
+  const respone = await fetch("/api/auth/login", {
+    method: "POST",
+    body: JSON.stringify({ nomor: nomor }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiGetCheckCodeOtp = async ({ id }: { id: string }) => {
+  const respone = await fetch(`/api/auth/check/${id}`);
+
+  return await respone.json().catch(() => null);
+};
+
+const apiPostVerifikasiCodeOtp = async ({ nomor }: { nomor: string }) => {
+  const respone = await fetch("/api/auth/validasi", {
+    method: "POST",
+    body: JSON.stringify({ nomor: nomor }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiDeleteAktivasiKodeOtpByNomor = async ({ id }: { id: string }) => {
+  const respone = await fetch(`/api/auth/code/${id}`, {
+    method: "DELETE",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  return await respone.json().catch(() => null);
+};
+
+const apiFetchRegister = async ({
+  nomor,
+  username,
+}: {
+  nomor: string;
+  username: string;
+}) => {
+  const data = {
+    username: username,
+    nomor: nomor,
+  };
+  const respone = await fetch("/api/auth/register", {
+    method: "POST",
+    body: JSON.stringify({ data }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+
+  const result = await respone.json();
+
+  return result;
+  // return await respone.json().catch(() => null);
+};

src/app_modules/auth/login/view.tsx

@@ -17,6 +17,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { PhoneInput } from "react-international-phone";
 import "react-international-phone/style.css";
+import { apiFetchLogin } from "../_lib/api_fetch_auth";
 
 export default function Login({ version }: { version: string }) {
   const router = useRouter();
@@ -30,33 +31,20 @@ export default function Login({ version }: { version: string }) {
 
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/login", {
-        method: "POST",
-        body: JSON.stringify({ nomor: nomor }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
+      const respone = await apiFetchLogin({ nomor: nomor });
 
-      const result = await res.json();
-
-      if (res.status == 500) {
-        ComponentGlobal_NotifikasiGagal("Server Error");
-        return;
-      }
-
-      if (res.status === 200) {
-        localStorage.setItem("hipmi_auth_code_id", result.kodeId);
-        ComponentGlobal_NotifikasiBerhasil(result.message, 2000);
+      if (respone) {
+        localStorage.setItem("hipmi_auth_code_id", respone.kodeId);
+        ComponentGlobal_NotifikasiBerhasil(respone.message, 2000);
         router.push("/validasi", { scroll: false });
       } else {
-        ComponentGlobal_NotifikasiPeringatan(result.message);
+        setLoading(false);
+        ComponentGlobal_NotifikasiPeringatan(respone.message);
       }
     } catch (error) {
+      setLoading(false);
       clientLogger.error("Error login:", error);
       ComponentGlobal_NotifikasiGagal("Terjadi Kesalahan");
-    } finally {
-      setLoading(false);
     }
   }
 

src/app_modules/auth/register/view.tsx

@@ -5,7 +5,7 @@ import ComponentGlobal_ErrorInput from "@/app_modules/_global/component/error_in
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
-import { Button, Stack, Text, TextInput, Title } from "@mantine/core";
+import { Button, Center, Stack, Text, TextInput, Title } from "@mantine/core";
 import { useFocusTrap, useShallowEffect } from "@mantine/hooks";
 import { IconUserCircle } from "@tabler/icons-react";
 import _ from "lodash";
@@ -14,6 +14,13 @@ import { useState } from "react";
 import { auth_funDeleteAktivasiKodeOtpByNomor } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
 import Register_SkeletonView from "./skeleton";
 import { clientLogger } from "@/util/clientLogger";
+import {
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiFetchRegister,
+  apiGetCheckCodeOtp,
+} from "../_lib/api_fetch_auth";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
 
 export default function Register() {
   const router = useRouter();
@@ -22,76 +29,52 @@ export default function Register() {
   const [isValue, setIsValue] = useState(false);
   const focusTrapRef = useFocusTrap();
   const [loading, setLoading] = useState(false);
+  const [idCode, setIdCode] = useState("");
 
   useShallowEffect(() => {
     const kodeId = localStorage.getItem("hipmi_auth_code_id");
     if (kodeId != null) {
-      onCheckAuthCode({ kodeId: kodeId as string, onSetData: setNomor });
+      onCheckAuthCode({ kodeId: kodeId as string });
     } else {
       console.log("code id not found");
     }
-  }, [setNomor]);
+  }, []);
 
-  async function onCheckAuthCode({
-    kodeId,
-    onSetData,
-  }: {
-    kodeId: string;
-    onSetData: any;
-  }) {
-    const res = await fetch(`/api/auth/check?id=${kodeId}`);
-    const result = await res.json();
-
-    onSetData(result.nomor);
+  async function onCheckAuthCode({ kodeId }: { kodeId: string }) {
+    try {
+      const respone = await apiGetCheckCodeOtp({ id: kodeId });
+      if (respone) {
+        setIdCode(kodeId);
+        setNomor(respone.nomor);
+      }
+    } catch (error) {
+      clientLogger.error("Error onCheckAuthCode:", error);
+    }
   }
 
   async function onRegistarsi() {
-    const data = {
-      username: value,
-      nomor: nomor,
-    };
-
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/register", {
-        method: "POST",
-        body: JSON.stringify({
-          data,
-        }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-
-      const result = await res.json();
-
-      if (res.status === 200) {
-        ComponentGlobal_NotifikasiBerhasil(result.message);
-        localStorage.removeItem("hipmi_auth_code_id");
-        await auth_funDeleteAktivasiKodeOtpByNomor({
-          nomor: data.nomor,
-        });
+      const respone = await apiFetchRegister({ nomor: nomor, username: value });
 
+      if (respone.success) {
         router.push("/waiting-room", { scroll: false });
-        return;
-      }
+        ComponentGlobal_NotifikasiBerhasil(respone.message);
 
-      if (res.status === 400) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
-      }
+        try {
+          const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
+            id: idCode,
+          });
 
-      if (res.status === 405) {
+          if (responeDelete) {
+            localStorage.removeItem("hipmi_auth_code_id");
+          }
+        } catch (error) {
+          clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
+        }
+      } else {
         setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
-      }
-
-      if (res.status === 500) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
+        ComponentGlobal_NotifikasiPeringatan(respone.message);
       }
     } catch (error) {
       setLoading(false);
@@ -102,71 +85,76 @@ export default function Register() {
   return (
     <>
       <UIGlobal_LayoutDefault>
-        {nomor == "" ? (
-          <Register_SkeletonView />
-        ) : (
-          <Stack h={"100vh"} align="center" justify="center" spacing={50}>
-            <Title order={2} c={MainColor.yellow}>
-              REGISTRASI
-            </Title>
+        <Stack h={"100vh"} align="center" justify="center" spacing={50}>
+          <Title order={2} c={MainColor.yellow}>
+            REGISTRASI
+          </Title>
 
-            <IconUserCircle size={100} color={MainColor.white} />
+          <IconUserCircle size={100} color={MainColor.white} />
 
-            <Stack spacing={"sm"} w={300}>
+          <Stack spacing={"sm"} w={300}>
+            <Stack spacing={0}>
               <Text align="center" c={MainColor.white}>
-                Anda akan terdaftar dengan nomor berikut{" "}
-                <Text inherit span fw={"bold"}>
+                Anda akan terdaftar dengan nomor
+              </Text>
+              {nomor == "" ? (
+                <Center>
+                  <CustomSkeleton height={20} w={150} />
+                </Center>
+              ) : (
+                <Text align="center" c={MainColor.white} fw={"bold"}>
                   +{nomor}
                 </Text>
-              </Text>
-              <TextInput
-                ref={focusTrapRef}
-                placeholder="Masukan Username"
-                maxLength={50}
-                error={
-                  value.length > 0 && value.length < 5 ? (
-                    <ComponentGlobal_ErrorInput text="Minimal 5 karakter !" />
-                  ) : _.values(value).includes(" ") ? (
-                    <Stack spacing={5}>
-                      <ComponentGlobal_ErrorInput text="Tidak boleh ada space" />
-                      <ComponentGlobal_ErrorInput text="Sambungkan huruf meggunakan karakter _" />
-                    </Stack>
-                  ) : isValue ? (
-                    <ComponentGlobal_ErrorInput text="Masukan username anda" />
-                  ) : (
-                    ""
-                  )
+              )}
+            </Stack>
+            <TextInput
+              ref={focusTrapRef}
+              placeholder="Masukan Username"
+              maxLength={50}
+              error={
+                value.length > 0 && value.length < 5 ? (
+                  <ComponentGlobal_ErrorInput text="Minimal 5 karakter !" />
+                ) : _.values(value).includes(" ") ? (
+                  <Stack spacing={5}>
+                    <ComponentGlobal_ErrorInput text="Tidak boleh ada space" />
+                    <ComponentGlobal_ErrorInput text="Sambungkan huruf meggunakan karakter _" />
+                  </Stack>
+                ) : isValue ? (
+                  <ComponentGlobal_ErrorInput text="Masukan username anda" />
+                ) : (
+                  ""
+                )
+              }
+              onChange={(val) => {
+                val.currentTarget.value.length > 0 ? setIsValue(false) : "";
+                setValue(val.currentTarget.value);
+              }}
+            />
+            <Stack>
+              <Button
+                disabled={
+                  value === "" ||
+                  value.length < 5 ||
+                  _.values(value).includes(" ")
                 }
-                onChange={(val) => {
-                  val.currentTarget.value.length > 0 ? setIsValue(false) : "";
-                  setValue(val.currentTarget.value);
+                style={{ transition: "0.5s" }}
+                loading={loading ? true : false}
+                loaderPosition="center"
+                radius={"md"}
+                compact
+                h={40}
+                c={"black"}
+                bg={MainColor.yellow}
+                color={"yellow"}
+                onClick={() => {
+                  onRegistarsi();
                 }}
-              />
-              <Stack>
-                <Button
-                  disabled={
-                    value === "" ||
-                    value.length < 5 ||
-                    _.values(value).includes(" ")
-                  }
-                  loading={loading ? true : false}
-                  loaderPosition="center"
-                  radius={"md"}
-                  compact
-                  h={40}
-                  c={"black"}
-                  bg={MainColor.yellow}
-                  color={"yellow"}
-                  onClick={() => {
-                    onRegistarsi();
-                  }}
-                >
-                  <Text>DAFTAR</Text>
-                </Button>
-              </Stack>
+              >
+                <Text>DAFTAR</Text>
+              </Button>
             </Stack>
           </Stack>
-        )}
+        </Stack>
       </UIGlobal_LayoutDefault>
     </>
   );

src/app_modules/auth/validasi/view.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { RouterAdminDashboard } from "@/app/lib/router_hipmi/router_admin";
-import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import {
   AccentColor,
   MainColor,
@@ -10,8 +9,11 @@ import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
 import {
+  ActionIcon,
+  Box,
   Button,
   Center,
+  Group,
   Loader,
   PinInput,
   Stack,
@@ -23,9 +25,14 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
-import { auth_funDeleteAktivasiKodeOtpByNomor } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
-import Validasi_SkeletonView from "./skeleton";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import { clientLogger } from "@/util/clientLogger";
+import { IconChevronLeft } from "@tabler/icons-react";
+import {
+  apiDeleteAktivasiKodeOtpByNomor,
+  apiGetCheckCodeOtp,
+  apiPostVerifikasiCodeOtp,
+} from "../_lib/api_fetch_auth";
 
 export default function Validasi() {
   const router = useRouter();
@@ -35,6 +42,7 @@ export default function Validasi() {
   const [counter, setCounter] = useState(60);
   const [loadingResend, setLoadingResend] = useState(false);
   const [triggerOtp, setTriggerOtp] = useState(false);
+  const [idCode, setIdCode] = useState("");
 
   const [data, setData] = useState({
     nomor: "",
@@ -61,20 +69,26 @@ export default function Validasi() {
   }, [triggerOtp]);
 
   async function onCheckAuthCode({ kodeId }: { kodeId: string }) {
-    const res = await fetch(`/api/auth/check?id=${kodeId}`);
-    const result = await res.json();
+    try {
+      const respone = await apiGetCheckCodeOtp({ id: kodeId });
 
-    setData({
-      nomor: result.nomor,
-      code: result.otp,
-    });
+      if (respone) {
+        setIdCode(kodeId);
+        setData({
+          nomor: respone.nomor,
+          code: respone.otp,
+        });
+      }
+    } catch (error) {
+      clientLogger.error("Error onCheckAuthCode:", error);
+    }
   }
 
   useEffect(() => {
     counter > 0 && setTimeout(() => setCounter(counter - 1), 1000);
   }, [counter]);
 
-  async function onVerifikasi() {
+  async function onSubmitVerifikasi() {
     if (!inputCode)
       return ComponentGlobal_NotifikasiPeringatan("Lengkapi Kode");
     if (data.code != inputCode)
@@ -82,65 +96,51 @@ export default function Validasi() {
 
     try {
       setLoading(true);
-      const res = await fetch("/api/auth/validasi", {
-        method: "POST",
-        body: JSON.stringify({
-          nomor: data.nomor,
-        }),
-      });
+      const respone = await apiPostVerifikasiCodeOtp({ nomor: data.nomor });
 
-      const result = await res.json();
+      if (respone && respone.success == true) {
+        if (respone.roleId == "1") {
+          router.push("/login", { scroll: false });
+          ComponentGlobal_NotifikasiBerhasil(respone.message);
+        } else if (respone.roleId != "1") {
+          router.push(RouterAdminDashboard.splash_admin, { scroll: false });
+          ComponentGlobal_NotifikasiBerhasil("Admin berhasil login");
+        }
 
-      if (res.status === 200 && result.roleId == "1") {
-        ComponentGlobal_NotifikasiBerhasil(result.message);
-        localStorage.removeItem("hipmi_auth_code_id");
-        await auth_funDeleteAktivasiKodeOtpByNomor({
-          nomor: data.nomor,
-        });
+        try {
+          const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
+            id: idCode,
+          });
 
-        router.push(RouterHome.main_home, { scroll: false });
-        return;
-      }
-
-      if (res.status === 200 && result.roleId != "1") {
-        ComponentGlobal_NotifikasiBerhasil("Admin Logged in");
-        localStorage.removeItem("hipmi_auth_code_id");
-        await auth_funDeleteAktivasiKodeOtpByNomor({
-          nomor: data.nomor,
-        });
-
-        router.push(RouterAdminDashboard.splash_admin, { scroll: false });
-        return;
-      }
-
-      if (res.status === 404) {
-        setLoading(false);
+          if (responeDelete) {
+            localStorage.removeItem("hipmi_auth_code_id");
+          }
+        } catch (error) {
+          clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
+        }
+      } else if (respone && respone.success == false) {
         router.push("/register", { scroll: false });
-        ComponentGlobal_NotifikasiBerhasil(result.message);
-        return;
-      }
-
-      if (res.status === 400) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiPeringatan(result.message);
-        return;
-      }
-
-      if (res.status == 500) {
-        setLoading(false);
-        ComponentGlobal_NotifikasiGagal(result.message);
-        return;
+        ComponentGlobal_NotifikasiBerhasil(respone.message);
       }
     } catch (error) {
       setLoading(false);
       clientLogger.error("Error validasi:", error);
-    } 
+    }
   }
 
   async function onBack() {
-    localStorage.removeItem("hipmi_auth_code_id");
-    await auth_funDeleteAktivasiKodeOtpByNomor({ nomor: data.nomor });
-    router.back();
+    try {
+      router.back();
+      const responeDelete = await apiDeleteAktivasiKodeOtpByNomor({
+        id: idCode,
+      });
+
+      if (responeDelete) {
+        localStorage.removeItem("hipmi_auth_code_id");
+      }
+    } catch (error) {
+      clientLogger.error("Error apiDeleteAktivasiKodeOtpByNomor:", error);
+    }
   }
 
   async function onResendCode() {
@@ -164,25 +164,22 @@ export default function Validasi() {
         setTriggerOtp(true);
         setCounter(60);
         setLoadingResend(false);
-        //  router.push("/validasi", { scroll: false });
       } else {
         setLoadingResend(false);
         ComponentGlobal_NotifikasiPeringatan(result.message);
       }
     } catch (error) {
-      console.error(error);
+      clientLogger.error(" Error onResend", error);
       setLoadingResend(false);
       ComponentGlobal_NotifikasiGagal("Terjadi Kesalahan");
     }
   }
 
-  // console.log(data.code);
-
   return (
     <>
       <UIGlobal_LayoutDefault>
         <Stack h={"100vh"}>
-          {/* <Box
+          <Box
             pt={"md"}
             px={"md"}
             style={{
@@ -191,55 +188,62 @@ export default function Validasi() {
             }}
           >
             <ActionIcon variant="transparent" onClick={() => onBack()}>
-              <IconChevronLeft color="white" />
+              {data && data.nomor !== "" ? (
+                <IconChevronLeft color="white" />
+              ) : (
+                ""
+              )}
             </ActionIcon>
-          </Box> */}
-          {data.nomor == "" && data.code == "" ? (
-            <Validasi_SkeletonView />
-          ) : (
-            <Stack align="center" justify="center" h={"100vh"} spacing={50}>
-              <Title order={2} color={MainColor.yellow}>
-                Verifikasi Kode OTP
-              </Title>
+          </Box>
 
-              <Stack spacing={"md"} align="center">
-                <Stack spacing={0} align="center">
-                  <Text c={MainColor.white}>Masukan 4 digit kode otp</Text>
-                  <Text c={MainColor.white}>
-                    Yang dikirim ke{" "}
-                    <Text span inherit fw={"bold"}>
-                      {" "}
+          <Stack align="center" justify="center" h={"100vh"} spacing={50}>
+            <Title order={2} color={MainColor.yellow}>
+              Verifikasi Kode OTP
+            </Title>
+
+            <Stack spacing={"md"} align="center">
+              <Stack spacing={0} align="center">
+                <Text c={MainColor.white}>Masukan 4 digit kode otp</Text>
+                <Group position="center" spacing={"xs"}>
+                  <Text c={MainColor.white}>Yang dikirim ke</Text>
+                  {data && data.nomor !== "" ? (
+                    <Text fw={"bold"} c={MainColor.white}>
                       +{data.nomor}
                     </Text>
-                  </Text>
-                </Stack>
-                <Center>
-                  <PinInput
-                    size="xl"
-                    type={"number"}
-                    ref={focusTrapRef}
-                    spacing={"md"}
-                    mt={"md"}
-                    styles={{ input: { backgroundColor: MainColor.white } }}
-                    onChange={(val) => {
-                      setInputOtp(val);
-                    }}
-                  />
-                </Center>
+                  ) : (
+                    <CustomSkeleton height={15} radius={"xl"} width={150} />
+                  )}
+                </Group>
+              </Stack>
+              <Center>
+                <PinInput
+                  size="xl"
+                  type={"number"}
+                  ref={focusTrapRef}
+                  spacing={"md"}
+                  mt={"md"}
+                  styles={{ input: { backgroundColor: MainColor.white } }}
+                  onChange={(val) => {
+                    setInputOtp(val);
+                  }}
+                />
+              </Center>
 
-                <Stack h={"5vh"} align="center" justify="center">
+              <Stack h={"5vh"} align="center" justify="center">
+                <Group position="center">
                   <Text fs="italic" c={MainColor.white}>
                     Tidak menerima kode ?{" "}
-                    {counter > 0 ? (
-                      <Text fw={"bold"} inherit span>
+                  </Text>
+                  {data && data.nomor !== "" ? (
+                    counter > 0 ? (
+                      <Text fw={"bold"} c={MainColor.white}>
                         {counter + "s"}
                       </Text>
                     ) : loadingResend ? (
                       <Loader ml={"sm"} size={"xs"} color="yellow" />
                     ) : (
                       <Text
-                        inherit
-                        span
+                        c={MainColor.white}
                         onClick={() => {
                           onResendCode();
                         }}
@@ -247,31 +251,36 @@ export default function Validasi() {
                       >
                         Kirim ulang
                       </Text>
-                    )}
-                  </Text>
-                </Stack>
+                    )
+                  ) : (
+                    <CustomSkeleton height={20} radius={"xl"} width={20} />
+                  )}
+                </Group>
               </Stack>
-              <Button
-                w={300}
-                loading={loading ? true : false}
-                loaderPosition="center"
-                radius={"md"}
-                compact
-                h={40}
-                c={"black"}
-                bg={MainColor.yellow}
-                color={"yellow"}
-                style={{
-                  borderColor: AccentColor.yellow,
-                }}
-                onClick={() => {
-                  onVerifikasi();
-                }}
-              >
-                <Text>VERIFIKASI</Text>
-              </Button>
             </Stack>
-          )}
+            <Button
+              w={300}
+              disabled={inputCode.length < 4 ? true : false}
+              style={{
+                transition: "all ease 0.3s",
+              }}
+              loading={loading ? true : false}
+              loaderPosition="center"
+              radius={"md"}
+              compact
+              h={40}
+              c={"black"}
+              bg={MainColor.yellow}
+              color={"yellow"}
+              onClick={() => {
+                data.nomor == "" && data.code == ""
+                  ? null
+                  : onSubmitVerifikasi();
+              }}
+            >
+              <Text>VERIFIKASI</Text>
+            </Button>
+          </Stack>
         </Stack>
       </UIGlobal_LayoutDefault>
     </>

src/app_modules/event/component/detail/comp_box_sponsor.tsx

@@ -1,9 +1,10 @@
-import { RouterEvent } from '@/app/lib/router_hipmi/router_event';
-import { AccentColor, MainColor } from '@/app_modules/_global/color';
-import { ActionIcon, Flex, Loader, Paper, Text } from '@mantine/core';
-import { IconStar } from '@tabler/icons-react';
-import { useParams, useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
+import { IconStar } from "@tabler/icons-react";
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
 
 function Event_ComponentBoxDaftarSponsor() {
   const router = useRouter();
@@ -20,11 +21,11 @@ function Event_ComponentBoxDaftarSponsor() {
           color: "white",
         }}
         onClick={() => {
-          setLoading(true);
-          router.push(RouterEvent.daftar_sponsor({ id: params.id }), {
-            scroll: false,
-          });
-          // router.push(RouterInvestasi_OLD.detail_dokumen + investasiId, { scroll: false });
+          // setLoading(true);
+          // router.push(RouterEvent.daftar_sponsor({ id: params.id }), {
+          //   scroll: false,
+          // });
+          ComponentGlobal_NotifikasiPeringatan("Fitur belum tersedia");
         }}
       >
         <Flex direction={"column"} align={"center"} justify={"center"}>

src/app_modules/home/component/body_home.tsx

@@ -3,10 +3,10 @@ import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { clientLogger } from "@/util/clientLogger";
 import {
   ActionIcon,
   Box,
-  Flex,
   Grid,
   Group,
   Image,
@@ -22,40 +22,20 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { apiGetDataHome } from "../fun/get/api_home";
 import { listMenuHomeBody, menuHomeJob } from "./list_menu_home";
-import { clientLogger } from "@/util/clientLogger";
 
-export default function BodyHome() {
+export default function BodyHome({ dataUser }: { dataUser: any | null }) {
   const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
   const [dataJob, setDataJob] = useState<any[] | null>(null);
   const [loadingJob, setLoadingJob] = useState(true);
   const [loading, setLoading] = useState(true);
 
   useShallowEffect(() => {
-    cekUserLogin();
     getHomeJob();
   }, []);
 
-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    } 
-  }
-
-
-
   async function getHomeJob() {
     try {
       setLoadingJob(true);
-
       const response = await apiGetDataHome({
         path: "?cat=job",
       });
@@ -101,21 +81,14 @@ export default function BodyHome() {
                 border: `2px solid ${AccentColor.blue}`,
               }}
               onClick={() => {
-                if (dataUser == null) {
+                if (!dataUser) {
                   return null;
-                } else if (
-                  Object.keys(dataUser).length == 0 ||
-                  dataJob?.length == null
-                ) {
+                } else if (dataUser.profile === undefined) {
                   router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                 } else {
-                  if (e.link == "") {
-                    return ComponentGlobal_NotifikasiPeringatan(
-                      "Cooming Soon !!"
-                    );
-                  } else {
-                    router.push(e.link, { scroll: false });
-                  }
+                  router.push(e.link, { scroll: false });
                 }
               }}
             >
@@ -147,21 +120,14 @@ export default function BodyHome() {
         >
           <Stack
             onClick={() => {
-              if (dataUser == null) {
+              if (!dataUser) {
                 return null;
-              } else if (
-                Object.keys(dataUser).length == 0 ||
-                dataJob?.length == null
-              ) {
+              } else if (dataUser.profile === undefined) {
                 router.push(RouterProfile.create, { scroll: false });
+              } else if (menuHomeJob.link == "") {
+                ComponentGlobal_NotifikasiPeringatan("Cooming Soon ");
               } else {
-                if (menuHomeJob.link == "") {
-                  return ComponentGlobal_NotifikasiPeringatan(
-                    "Cooming Soon !!"
-                  );
-                } else {
-                  return router.push(menuHomeJob.link, { scroll: false });
-                }
+                router.push(menuHomeJob.link, { scroll: false });
               }
             }}
           >

src/app_modules/home/component/footer_home.tsx

@@ -1,6 +1,8 @@
 import { APIs } from "@/app/lib";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import { MainColor } from "@/app_modules/_global/color";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import {
   ActionIcon,
   Box,
@@ -9,37 +11,14 @@ import {
   Stack,
   Text,
 } from "@mantine/core";
-import { useShallowEffect } from "@mantine/hooks";
-import { IconUserCircle } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { apiGetDataHome } from "../fun/get/api_home";
 import { Home_ComponentAvatarProfile } from "./comp_avatar_profile";
 import { listMenuHomeFooter } from "./list_menu_home";
-import { MainColor } from "@/app_modules/_global/color";
-import { clientLogger } from "@/util/clientLogger";
-import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { IconUser } from "@tabler/icons-react";
+import { IconUserCircle } from "@tabler/icons-react";
 
-export default function FooterHome() {
+export default function FooterHome({ dataUser }: { dataUser: any | null }) {
   const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
-
-  useShallowEffect(() => {
-    cekUserLogin();
-  }, []);
-
-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    }
-  }
 
   return (
     <Box
@@ -51,95 +30,81 @@ export default function FooterHome() {
       bottom={0}
       h={"9vh"}
     >
-      {dataUser == null ? (
-        <SimpleGrid cols={4}>
-          {Array.from(new Array(4)).map((_, i) => (
-            <Center h={"9vh"} key={i}>
-              <Stack align="center">
-                <CustomSkeleton radius={"lg"} height={40} w={40} />
-              </Stack>
-            </Center>
-          ))}
-        </SimpleGrid>
-      ) : (
-        <SimpleGrid cols={listMenuHomeFooter.length + 1}>
-          {listMenuHomeFooter.map((e) => (
-            <Center h={"9vh"} key={e.id}>
-              <Stack
-                align="center"
-                spacing={0}
-                onClick={() => {
-                  if (dataUser == null) {
-                    return null;
-                  } else if (Object.keys(dataUser).length === 0) {
-                    router.push(RouterProfile.create, { scroll: false });
-                  } else {
-                    if (e.link == "") {
-                      ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
-                    } else {
-                      router.push(e.link, { scroll: false });
-                    }
-                  }
-                }}
-              >
-                <ActionIcon
-                  radius={"xl"}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  variant="transparent"
-                >
-                  {e.icon}
-                </ActionIcon>
-                <Text
-                  lineClamp={1}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  fz={12}
-                >
-                  {e.name}
-                </Text>
-              </Stack>
-            </Center>
-          ))}
-
-          <Center h={"9vh"}>
+      <SimpleGrid cols={listMenuHomeFooter.length + 1}>
+        {listMenuHomeFooter.map((e) => (
+          <Center h={"9vh"} key={e.id}>
             <Stack
               align="center"
-              spacing={2}
+              spacing={0}
               onClick={() => {
-                if (
-                  dataUser.profile === undefined ||
-                  dataUser?.profile === null
-                ) {
+                if (!dataUser) {
+                  return null;
+                } else if (dataUser.profile === undefined) {
                   router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                 } else {
+                  router.push(e.link, { scroll: false });
+                }
+              }}
+            >
+              <ActionIcon
+                radius={"xl"}
+                c={e.link === "" ? "gray" : MainColor.white}
+                variant="transparent"
+              >
+                {e.icon}
+              </ActionIcon>
+              <Text
+                lineClamp={1}
+                c={e.link === "" ? "gray" : MainColor.white}
+                fz={12}
+              >
+                {e.name}
+              </Text>
+            </Stack>
+          </Center>
+        ))}
+
+        <Center h={"9vh"}>
+          <Stack align="center" spacing={2}>
+            {!dataUser ? (
+              <CustomSkeleton height={25} width={25} radius={"xl"} />
+            ) : dataUser.profile === undefined ? (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() =>
+                  router.push(RouterProfile.create, { scroll: false })
+                }
+              >
+                <IconUserCircle color="white" />
+              </ActionIcon>
+            ) : (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() => {
                   router.push(
                     RouterProfile.katalogOLD + `${dataUser?.profile}`,
                     {
                       scroll: false,
                     }
                   );
-                }
-              }}
-            >
-              <ActionIcon variant={"transparent"}>
-                {dataUser.profile === undefined ||
-                dataUser?.profile === null ? (
-                  <IconUserCircle color={MainColor.white} />
-                ) : (
-                  <Home_ComponentAvatarProfile
-                    url={APIs.GET({
-                      fileId: dataUser?.imageId as string,
-                      size: "50",
-                    })}
-                  />
-                )}
+                }}
+              >
+                <Home_ComponentAvatarProfile
+                  url={APIs.GET({
+                    fileId: dataUser?.imageId as string,
+                    size: "50",
+                  })}
+                />
               </ActionIcon>
-              <Text fz={10} c={MainColor.white}>
-                Profile
-              </Text>
-            </Stack>
-          </Center>
-        </SimpleGrid>
-      )}
+            )}
+            <Text fz={10} c={MainColor.white}>
+              Profile
+            </Text>
+          </Stack>
+        </Center>
+      </SimpleGrid>
     </Box>
   );
 }

src/app_modules/home/component/list_menu_home.tsx

@@ -17,7 +17,7 @@ export const listMenuHomeFooter = [
   },
   {
     id: 2,
-    name: "MarketPlace",
+    name: "Marketplace",
     icon: <IconShoppingBag />,
     link: "",
   },
@@ -54,7 +54,7 @@ export const listMenuHomeBody = [
 
   {
     id: 4,
-    name: "Crowd Funding",
+    name: "Crowdfunding",
     icon: <IconHeartHandshake size={50} />,
     link: `/dev/crowd/splash`,
   },

src/app_modules/home/view_home_new.tsx

@@ -1,9 +1,11 @@
 "use client";
 import { API_RouteNotifikasi } from "@/app/lib/api_user_router/route_api_notifikasi";
 import { gs_count_ntf, gs_user_ntf } from "@/app/lib/global_state";
+import global_limit from "@/app/lib/limit";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { RouterNotifikasi } from "@/app/lib/router_hipmi/router_notifikasi";
 import { RouterUserSearch } from "@/app/lib/router_hipmi/router_user_search";
+import { clientLogger } from "@/util/clientLogger";
 import { ActionIcon, Indicator, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { IconBell, IconUserSearch } from "@tabler/icons-react";
@@ -17,8 +19,6 @@ import { gs_notifikasi_kategori_app } from "../notifikasi/lib";
 import BodyHome from "./component/body_home";
 import FooterHome from "./component/footer_home";
 import { apiGetDataHome } from "./fun/get/api_home";
-import { clientLogger } from "@/util/clientLogger";
-import CustomSkeleton from "../components/CustomSkeleton";
 
 export default function HomeViewNew() {
   const [countNtf, setCountNtf] = useAtom(gs_count_ntf);
@@ -27,10 +27,6 @@ export default function HomeViewNew() {
   const [categoryPage, setCategoryPage] = useAtom(gs_notifikasi_kategori_app);
   const router = useRouter();
 
-  useShallowEffect(() => {
-    onLoadNotifikasi();
-  }, []);
-
   useShallowEffect(() => {
     if (countNtf != null) {
       setCountNtf(countNtf + newUserNtf);
@@ -38,15 +34,32 @@ export default function HomeViewNew() {
     }
   }, [newUserNtf, countNtf]);
 
-  async function onLoadNotifikasi() {
-    const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
-    const data = await loadNotif.json().then((res) => res.data);
-    setCountNtf(data);
+  useShallowEffect(() => {
+    hanlderLoadData();
+  }, []);
+
+  async function hanlderLoadData() {
+    try {
+      const listLoadData = [
+        global_limit(() => onLoadNotifikasi()),
+        global_limit(() => cekUserLogin()),
+      ];
+
+      await Promise.all(listLoadData);
+    } catch (error) {
+      clientLogger.error("Error handler load data", error);
+    }
   }
 
-  useShallowEffect(() => {
-    cekUserLogin();
-  }, []);
+  async function onLoadNotifikasi() {
+    try {
+      const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
+      const data = await loadNotif.json().then((res) => res.data);
+      setCountNtf(data);
+    } catch (error) {
+      clientLogger.error("Error load notifikasi", error);
+    }
+  }
 
   async function cekUserLogin() {
     try {
@@ -68,22 +81,26 @@ export default function HomeViewNew() {
           <UIGlobal_LayoutHeaderTamplate
             title="HIPMI"
             customButtonLeft={
-              dataUser == null ? (
-                <CustomSkeleton width={20} height={20} circle />
+              !dataUser && !countNtf ? (
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
               ) : (
                 <ActionIcon
                   radius={"xl"}
-                  disabled={countNtf == null}
                   variant={"transparent"}
                   onClick={() => {
-                    if (
-                      dataUser.profile != undefined ||
-                      dataUser?.profile != null
-                    ) {
-                      router.push(RouterUserSearch.main, { scroll: false });
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
+                    router.push(RouterUserSearch.main, { scroll: false });
                   }}
                 >
                   <IconUserSearch color={MainColor.white} />
@@ -91,27 +108,32 @@ export default function HomeViewNew() {
               )
             }
             customButtonRight={
-              dataUser == null ? (
-                <CustomSkeleton width={20} height={20} circle />
+              !dataUser && !countNtf ? (
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
               ) : (
                 <ActionIcon
                   variant="transparent"
                   disabled={countNtf == null}
                   onClick={() => {
-                    if (
-                      dataUser.profile != undefined ||
-                      dataUser?.profile != null
-                    ) {
-                      setCategoryPage("Semua");
-                      router.push(
-                        RouterNotifikasi.categoryApp({ name: "semua" }),
-                        {
-                          scroll: false,
-                        }
-                      );
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
+                    setCategoryPage("Semua");
+                    router.push(
+                      RouterNotifikasi.categoryApp({ name: "semua" }),
+                      {
+                        scroll: false,
+                      }
+                    );
                   }}
                 >
                   {countNtf != null && countNtf > 0 ? (
@@ -134,9 +156,9 @@ export default function HomeViewNew() {
             }
           />
         }
-        footer={<FooterHome />}
+        footer={<FooterHome dataUser={dataUser} />}
       >
-        <BodyHome />
+        <BodyHome dataUser={dataUser} />
       </UIGlobal_LayoutTamplate>
     </>
   );

src/middleware.ts

@@ -32,7 +32,7 @@ const middlewareConfig: MiddlewareConfig = {
     "/api/auth/*",
     "/api/origin-url",
     "/api/event/*",
-    "/api/master/*",
+    // "/api/master/*",
     // "/api/image/*",
     // "/api/user/*",
     // "/api/new/*",
@@ -43,8 +43,6 @@ const middlewareConfig: MiddlewareConfig = {
     // "/api/admin/voting/dashboard/*",
     // "/api/admin/job/dashboard/*",
     // "/api/admin/forum/dashboard/*",
-  
-
 
     // Akses awal
     "/api/get-cookie",
@@ -78,134 +76,142 @@ export const middleware = async (req: NextRequest) => {
     apiPath,
     encodedKey,
     loginPath,
-    // validasiPath,
-    // registarasiPath,
     publicRoutes,
     sessionKey,
     validationApiRoute,
     userPath,
   } = middlewareConfig;
+
   const { pathname } = req.nextUrl;
 
-  // CORS handling
+  // Handle CORS
   const corsResponse = handleCors(req);
   if (corsResponse) {
-    return setCorsHeaders(corsResponse);
+    return corsResponse;
   }
 
-  // Skip authentication for public routes
-  const isPublicRoute = [
-    ...publicRoutes,
-    loginPath,
-    // validasiPath,
-    // registarasiPath,
-  ].some((route) => {
-    const pattern = route.replace(/\*/g, ".*");
-    return new RegExp(`^${pattern}$`).test(pathname);
-  });
-
-  // Always protect validation endpoint
-  if (pathname === validationApiRoute) {
-    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
-    if (!reqToken) {
-      return setCorsHeaders(unauthorizedResponse());
-    }
-  }
-
-  if (
-    isPublicRoute &&
-    pathname !== loginPath
-    // &&
-    // pathname !== validasiPath &&
-    // pathname !== registarasiPath
-  ) {
+  // Check if route is public
+  const isPublicRoute = isRoutePublic(pathname, publicRoutes, loginPath);
+  if (isPublicRoute && pathname !== loginPath) {
     return setCorsHeaders(NextResponse.next());
   }
 
-  const token =
-    req.cookies.get(sessionKey)?.value ||
-    req.headers.get("Authorization")?.split(" ")[1];
+  // Get token from cookies or Authorization header
+  const token = getToken(req, sessionKey);
 
-  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
-  // Token verification
+  // Verify token and get user data
   const user = await verifyToken({ token, encodedKey });
 
   // Handle login page access
   if (pathname === loginPath) {
     if (user) {
-      return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+      const response = NextResponse.redirect(new URL(userPath, req.url));
+      // Preserve token in cookie when redirecting
+      if (token) {
+        response.cookies.set(sessionKey, token, {
+          httpOnly: true,
+          secure: process.env.NODE_ENV === "production",
+          sameSite: "lax",
+          path: "/",
+        });
+      }
+      return setCorsHeaders(response);
     }
     return setCorsHeaders(NextResponse.next());
   }
 
-  // // Handle validation page access
-  // if (pathname === validasiPath) {
-  //   if (user) {
-  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
-  //   }
-  //   return setCorsHeaders(NextResponse.next());
-  // }
-
-  // // Handle register page access
-  // if (pathname === registarasiPath) {
-  //   if (user) {
-  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
-  //   }
-  //   return setCorsHeaders(NextResponse.next());
-  // }
-
-  // Handle protected routes
+  // Redirect to login if no user found
   if (!user) {
-    return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+    const response = NextResponse.redirect(new URL(loginPath, req.url));
+    // Clear invalid token
+    response.cookies.delete(sessionKey);
+    return setCorsHeaders(response);
   }
-  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
 
+  // Handle /dev routes that require active status
   if (pathname.startsWith("/dev")) {
-    const userValidate = await fetch(new URL("/api/user-validate", req.url), {
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${token}`,
-      },
-    });
-
-    const userValidateJson = await userValidate.json();
-
-    if (!userValidateJson.data.active) {
-      return setCorsHeaders(
-        NextResponse.redirect(new URL("/waiting-room", req.url))
-      );
-    }
-  }
-
-  // Handle authenticated API requests
-  if (pathname.startsWith(apiPath)) {
-    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
-    if (!reqToken) {
-      return setCorsHeaders(unauthorizedResponse());
-    }
-
-    // Validate user access with external API
-    const validationResponse = await fetch(
-      new URL(validationApiRoute, req.url),
-      {
+    try {
+      const userValidate = await fetch(new URL("/api/user-validate", req.url), {
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${reqToken}`,
+          Authorization: `Bearer ${token}`,
         },
-      }
-    );
+      });
 
-    if (!validationResponse.ok) {
+      if (!userValidate.ok) {
+        throw new Error("Failed to validate user");
+      }
+
+      const userValidateJson = await userValidate.json();
+
+      if (!userValidateJson.data.active) {
+        return setCorsHeaders(
+          NextResponse.redirect(new URL("/waiting-room", req.url))
+        );
+      }
+    } catch (error) {
+      console.error("Error validating user:", error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  // Handle API requests
+  if (pathname.startsWith(apiPath)) {
+    if (!token) {
       return setCorsHeaders(unauthorizedResponse());
     }
 
-    const dataJson = await validationResponse.json();
+    try {
+      const validationResponse = await fetch(
+        new URL(validationApiRoute, req.url),
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!validationResponse.ok) {
+        throw new Error("Failed to validate API request");
+      }
+    } catch (error) {
+      console.error("Error validating API request:", error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
   }
 
-  // Proceed with the request
-  return setCorsHeaders(NextResponse.next());
+  const response = NextResponse.next();
+  // Ensure token is preserved in cookie
+  if (token) {
+    response.cookies.set(sessionKey, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "lax",
+      path: "/",
+    });
+  }
+  return setCorsHeaders(response);
 };
 
+function isRoutePublic(
+  pathname: string,
+  publicRoutes: string[],
+  loginPath: string
+): boolean {
+  return [...publicRoutes, loginPath].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+}
+
+function getToken(req: NextRequest, sessionKey: string): string | undefined {
+  return (
+    req.cookies.get(sessionKey)?.value ||
+    req.headers.get("Authorization")?.split(" ")[1]
+  );
+}
+
 function unauthorizedResponse(): NextResponse {
   return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
     status: 401,
@@ -250,16 +256,6 @@ async function verifyToken({
 }): Promise<Record<string, unknown> | null> {
   if (!token) return null;
 
-  return await decrypt({ token, encodedKey });
-}
-
-async function decrypt({
-  token,
-  encodedKey,
-}: {
-  token: string;
-  encodedKey: string;
-}): Promise<Record<string, any> | null> {
   try {
     const enc = new TextEncoder().encode(encodedKey);
     const { payload } = await jwtVerify(token, enc, {
@@ -267,7 +263,7 @@ async function decrypt({
     });
     return (payload.user as Record<string, any>) || null;
   } catch (error) {
-    console.error("Gagal verifikasi session", error);
+    console.error("Token verification failed:", error);
     return null;
   }
 }
@@ -275,5 +271,3 @@ async function decrypt({
 export const config = {
   matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
 };
-
-// wibu:0.2.82

src/middleware.v2.back.txt

@@ -0,0 +1,284 @@
+import { NextRequest, NextResponse } from "next/server";
+import { jwtVerify } from "jose";
+import { apies, pages } from "./lib/routes";
+
+type MiddlewareConfig = {
+  apiPath: string;
+  loginPath: string;
+  // validasiPath: string;
+  // registarasiPath: string;
+  userPath: string;
+  publicRoutes: string[];
+  encodedKey: string;
+  sessionKey: string;
+  validationApiRoute: string;
+  log: boolean;
+};
+
+const middlewareConfig: MiddlewareConfig = {
+  apiPath: "/api",
+  loginPath: "/login",
+  // validasiPath: "/validasi",
+  // registarasiPath: "/register",
+  userPath: "/dev/home",
+  publicRoutes: [
+    // API
+    "/",
+    "/api/voting/*",
+    "/api/collaboration/*",
+    "/api/notifikasi/*",
+    "/api/logs/*",
+    "/api/job/*",
+    "/api/auth/*",
+    "/api/origin-url",
+    "/api/event/*",
+    // "/api/master/*",
+    // "/api/image/*",
+    // "/api/user/*",
+    // "/api/new/*",
+    // ADMIN API
+    // "/api/admin/event/*",
+    // "/api/admin/investasi/*",
+    // "/api/admin/donasi/dashboard/*",
+    // "/api/admin/voting/dashboard/*",
+    // "/api/admin/job/dashboard/*",
+    // "/api/admin/forum/dashboard/*",
+
+    // Akses awal
+    "/api/get-cookie",
+    "/api/user/activation",
+    "/api/user-validate",
+
+    // PAGE
+    "/login",
+    "/register",
+    "/validasi",
+    "/splash",
+    "/job-vacancy",
+    "/preview-image",
+    "/auth/login",
+    "/auth/api/login",
+    "/waiting-room",
+    "/zCoba/*",
+
+    // ASSETS
+    "/aset/global/main_background.png",
+    "/aset/logo/logo-hipmi.png",
+  ],
+  encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+  sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+  validationApiRoute: "/api/validation",
+  log: false,
+};
+
+export const middleware = async (req: NextRequest) => {
+  const {
+    apiPath,
+    encodedKey,
+    loginPath,
+    // validasiPath,
+    // registarasiPath,
+    publicRoutes,
+    sessionKey,
+    validationApiRoute,
+    userPath,
+  } = middlewareConfig;
+  const { pathname } = req.nextUrl;
+
+  // CORS handling
+  const corsResponse = handleCors(req);
+  if (corsResponse) {
+    return setCorsHeaders(corsResponse);
+  }
+
+  // Skip authentication for public routes
+  const isPublicRoute = [
+    ...publicRoutes,
+    loginPath,
+    // validasiPath,
+    // registarasiPath,
+  ].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+
+  // Always protect validation endpoint
+  if (pathname === validationApiRoute) {
+    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
+    if (!reqToken) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  if (
+    isPublicRoute &&
+    pathname !== loginPath
+    // &&
+    // pathname !== validasiPath &&
+    // pathname !== registarasiPath
+  ) {
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  const token =
+    req.cookies.get(sessionKey)?.value ||
+    req.headers.get("Authorization")?.split(" ")[1];
+
+  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
+  // Token verification
+  const user = await verifyToken({ token, encodedKey });
+  console.log("middlaware console:", user);
+
+  // Handle login page access
+  if (pathname === loginPath) {
+    console.log("cek pathname >>", pathname);
+    if (user) {
+      console.log("sudah login, cek user >>", user);
+      return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+    }
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  if (!user) {
+    return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+  }
+
+  // // Handle validation page access
+  // if (pathname === validasiPath) {
+  //   if (user) {
+  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+  //   }
+  //   return setCorsHeaders(NextResponse.next());
+  // }
+
+  // // Handle register page access
+  // if (pathname === registarasiPath) {
+  //   if (user) {
+  //     return setCorsHeaders(NextResponse.redirect(new URL(userPath, req.url)));
+  //   }
+  //   return setCorsHeaders(NextResponse.next());
+  // }
+
+  // Handle protected routes
+  // if (!user) {
+  //   return setCorsHeaders(NextResponse.redirect(new URL(loginPath, req.url)));
+  // }
+  // ==================== Authentication: Login, Validasi, Registrasi ==================== //
+
+  if (pathname.startsWith("/dev")) {
+    const userValidate = await fetch(new URL("/api/user-validate", req.url), {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    const userValidateJson = await userValidate.json();
+
+    if (!userValidateJson.data.active) {
+      return setCorsHeaders(
+        NextResponse.redirect(new URL("/waiting-room", req.url))
+      );
+    }
+  }
+
+  // Handle authenticated API requests
+  if (pathname.startsWith(apiPath)) {
+    const reqToken = req.headers.get("Authorization")?.split(" ")[1];
+    if (!reqToken) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    // Validate user access with external API
+    const validationResponse = await fetch(
+      new URL(validationApiRoute, req.url),
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${reqToken}`,
+        },
+      }
+    );
+
+    if (!validationResponse.ok) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    const dataJson = await validationResponse.json();
+  }
+
+  // Proceed with the request
+  return setCorsHeaders(NextResponse.next());
+};
+
+function unauthorizedResponse(): NextResponse {
+  return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
+    status: 401,
+    headers: { "Content-Type": "application/json" },
+  });
+}
+
+function setCorsHeaders(res: NextResponse): NextResponse {
+  res.headers.set("Access-Control-Allow-Origin", "*");
+  res.headers.set(
+    "Access-Control-Allow-Methods",
+    "GET, POST, PUT, DELETE, OPTIONS"
+  );
+  res.headers.set(
+    "Access-Control-Allow-Headers",
+    "Content-Type, Authorization"
+  );
+  return res;
+}
+
+function handleCors(req: NextRequest): NextResponse | null {
+  if (req.method === "OPTIONS") {
+    return new NextResponse(null, {
+      status: 204,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type, Authorization",
+        "Access-Control-Max-Age": "86400",
+      },
+    });
+  }
+  return null;
+}
+
+async function verifyToken({
+  token,
+  encodedKey,
+}: {
+  token: string | undefined;
+  encodedKey: string;
+}): Promise<Record<string, unknown> | null> {
+  if (!token) return null;
+
+  return await decrypt({ token, encodedKey });
+}
+
+async function decrypt({
+  token,
+  encodedKey,
+}: {
+  token: string;
+  encodedKey: string;
+}): Promise<Record<string, any> | null> {
+  try {
+    const enc = new TextEncoder().encode(encodedKey);
+    const { payload } = await jwtVerify(token, enc, {
+      algorithms: ["HS256"],
+    });
+    return (payload.user as Record<string, any>) || null;
+  } catch (error) {
+    console.error("Gagal verifikasi session", error);
+    return null;
+  }
+}
+
+export const config = {
+  matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
+};
+
+// wibu:0.2.82

src/middleware.v3.back.txt

@@ -0,0 +1,244 @@
+import { NextRequest, NextResponse } from "next/server";
+import { jwtVerify } from "jose";
+
+type MiddlewareConfig = {
+  apiPath: string;
+  loginPath: string;
+  userPath: string;
+  publicRoutes: string[];
+  encodedKey: string;
+  sessionKey: string;
+  validationApiRoute: string;
+  log: boolean;
+};
+
+const middlewareConfig: MiddlewareConfig = {
+  apiPath: "/api",
+  loginPath: "/login",
+  userPath: "/dev/home",
+  publicRoutes: [
+    "/",
+    "/api/voting/*",
+    "/api/collaboration/*",
+    "/api/notifikasi/*",
+    "/api/logs/*",
+    "/api/job/*",
+    "/api/auth/*",
+    "/api/origin-url",
+    "/api/event/*",
+    "/api/get-cookie",
+    "/api/user/activation",
+    "/api/user-validate",
+    "/login",
+    "/register",
+    "/validasi",
+    "/splash",
+    "/job-vacancy",
+    "/preview-image",
+    "/auth/login",
+    "/auth/api/login",
+    "/waiting-room",
+    "/zCoba/*",
+    "/aset/global/main_background.png",
+    "/aset/logo/logo-hipmi.png",
+  ],
+  encodedKey: process.env.NEXT_PUBLIC_BASE_TOKEN_KEY!,
+  sessionKey: process.env.NEXT_PUBLIC_BASE_SESSION_KEY!,
+  validationApiRoute: "/api/validation",
+  log: false,
+};
+
+export const middleware = async (req: NextRequest) => {
+  const {
+    apiPath,
+    encodedKey,
+    loginPath,
+    publicRoutes,
+    sessionKey,
+    validationApiRoute,
+    userPath,
+  } = middlewareConfig;
+  
+  const { pathname } = req.nextUrl;
+
+  // Handle CORS
+  const corsResponse = handleCors(req);
+  if (corsResponse) {
+    return corsResponse;
+  }
+
+  // Check if route is public
+  const isPublicRoute = isRoutePublic(pathname, publicRoutes, loginPath);
+  if (isPublicRoute && pathname !== loginPath) {
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  // Get token from cookies or Authorization header
+  const token = getToken(req, sessionKey);
+
+  // Verify token and get user data
+  const user = await verifyToken({ token, encodedKey });
+
+  // Handle login page access
+  if (pathname === loginPath) {
+    if (user) {
+      const response = NextResponse.redirect(new URL(userPath, req.url));
+      // Preserve token in cookie when redirecting
+      if (token) {
+        response.cookies.set(sessionKey, token, {
+          httpOnly: true,
+          secure: process.env.NODE_ENV === 'production',
+          sameSite: 'lax',
+          path: '/'
+        });
+      }
+      return setCorsHeaders(response);
+    }
+    return setCorsHeaders(NextResponse.next());
+  }
+
+  // Redirect to login if no user found
+  if (!user) {
+    const response = NextResponse.redirect(new URL(loginPath, req.url));
+    // Clear invalid token
+    response.cookies.delete(sessionKey);
+    return setCorsHeaders(response);
+  }
+
+  // Handle /dev routes that require active status
+  if (pathname.startsWith("/dev")) {
+    try {
+      const userValidate = await fetch(new URL("/api/user-validate", req.url), {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+        },
+      });
+
+      if (!userValidate.ok) {
+        throw new Error('Failed to validate user');
+      }
+
+      const userValidateJson = await userValidate.json();
+
+      if (!userValidateJson.data.active) {
+        return setCorsHeaders(
+          NextResponse.redirect(new URL("/waiting-room", req.url))
+        );
+      }
+    } catch (error) {
+      console.error('Error validating user:', error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  // Handle API requests
+  if (pathname.startsWith(apiPath)) {
+    if (!token) {
+      return setCorsHeaders(unauthorizedResponse());
+    }
+
+    try {
+      const validationResponse = await fetch(
+        new URL(validationApiRoute, req.url),
+        {
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!validationResponse.ok) {
+        throw new Error('Failed to validate API request');
+      }
+    } catch (error) {
+      console.error('Error validating API request:', error);
+      return setCorsHeaders(unauthorizedResponse());
+    }
+  }
+
+  const response = NextResponse.next();
+  // Ensure token is preserved in cookie
+  if (token) {
+    response.cookies.set(sessionKey, token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      path: '/'
+    });
+  }
+  return setCorsHeaders(response);
+};
+
+function isRoutePublic(pathname: string, publicRoutes: string[], loginPath: string): boolean {
+  return [...publicRoutes, loginPath].some((route) => {
+    const pattern = route.replace(/\*/g, ".*");
+    return new RegExp(`^${pattern}$`).test(pathname);
+  });
+}
+
+function getToken(req: NextRequest, sessionKey: string): string | undefined {
+  return req.cookies.get(sessionKey)?.value ||
+         req.headers.get("Authorization")?.split(" ")[1];
+}
+
+function unauthorizedResponse(): NextResponse {
+  return new NextResponse(JSON.stringify({ error: "Unauthorized" }), {
+    status: 401,
+    headers: { "Content-Type": "application/json" },
+  });
+}
+
+function setCorsHeaders(res: NextResponse): NextResponse {
+  res.headers.set("Access-Control-Allow-Origin", "*");
+  res.headers.set(
+    "Access-Control-Allow-Methods",
+    "GET, POST, PUT, DELETE, OPTIONS"
+  );
+  res.headers.set(
+    "Access-Control-Allow-Headers",
+    "Content-Type, Authorization"
+  );
+  return res;
+}
+
+function handleCors(req: NextRequest): NextResponse | null {
+  if (req.method === "OPTIONS") {
+    return new NextResponse(null, {
+      status: 204,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type, Authorization",
+        "Access-Control-Max-Age": "86400",
+      },
+    });
+  }
+  return null;
+}
+
+async function verifyToken({
+  token,
+  encodedKey,
+}: {
+  token: string | undefined;
+  encodedKey: string;
+}): Promise<Record<string, unknown> | null> {
+  if (!token) return null;
+
+  try {
+    const enc = new TextEncoder().encode(encodedKey);
+    const { payload } = await jwtVerify(token, enc, {
+      algorithms: ["HS256"],
+    });
+    return (payload.user as Record<string, any>) || null;
+  } catch (error) {
+    console.error("Token verification failed:", error);
+    return null;
+  }
+}
+
+export const config = {
+  matcher: ["/((?!_next|static|favicon.ico|manifest).*)"],
+};