Authentication with Credentials is working and setup, same for OAuth with Google.

app/(auth)/layout.tsx

@@ -1,27 +1,37 @@
 import {LayoutAdmin} from "@/components/layout";
 import Image from 'next/image';
+import {currentUser, requiredCurrentUser} from "@/auth/current-user";
+import {redirect} from "next/navigation";
 
-export default function Layout({ children }: { children: React.ReactNode }) {
+export default async function Layout({children}: { children: React.ReactNode }) {
-    return(
+
+    const user = await currentUser()
+
+    if(user){
+        redirect('/dashboard')
+    }
+
+    return (
         <LayoutAdmin>
-
+            <div
-            <div className="w-full h-full lg:grid lg:min-h-[600px] lg:grid-cols-2 xl:min-h-[800px]">
+                // className="w-full h-full lg:grid lg:min-h-[600px] lg:grid-cols-2 xl:min-h-[800px]"
+                className="w-full h-full grid "
+            >
                 <div className="flex items-center justify-center py-12">
                     {children}
                 </div>
-                <div className="hidden bg-muted lg:block ">
+                {/*<div className="hidden bg-muted lg:block ">*/}
-                    <img
+                {/*    <img*/}
-                        src="/background.jpg"
+                {/*        src="/background.jpg"*/}
-                        alt="Image"
+                {/*        alt="Image"*/}
-                        width="1920"
+                {/*        width="1920"*/}
-                        height="1080"
+                {/*        height="1080"*/}
-                        className="h-full w-full object-cover dark:brightness-[0.5] dark:grayscale"
+                {/*        className="h-full w-full object-cover dark:brightness-[0.5] dark:grayscale"*/}
-                    />
+                {/*    />*/}
-                    <div className="absolute bottom-6 right-6 z-10">
+                {/*    <div className="absolute bottom-6 right-6 z-10">*/}
-                        <Image src="/logo-inverse-title-white.png" alt="Logo Portabase" width={250} height={250} />
+                {/*        <Image src="/logo-inverse-title-white.png" alt="Logo Portabase" width={250} height={250}/>*/}
-                    </div>
+                {/*    </div>*/}
-                </div>
+                {/*</div>*/}
-
             </div>
         </LayoutAdmin>
     )

app/(auth)/login/page.tsx

@@ -1,91 +1,27 @@
-import {PageParams} from "@/types/next";
+"use client"
-import {Label} from "@/components/ui/label"
+import {useSearchParams} from "next/navigation";
-import {Input} from "@/components/ui/input"
+import {LoginForm} from "@/components/wrappers/Auth/Login/LoginForm/LoginForm";
-import Link from "next/link";
+import {useEffect, useRef} from "react";
-import {Button} from "@/components/ui/button";
+import {toast} from "sonner";
-import {LayoutAdmin} from "@/components/layout";
-import {signIn} from "@/auth/auth";
-import {redirect} from "next/navigation";
-import {AuthError} from "@auth/core/errors";
 
-
+export default function SignInPage(props: {
-
-export default async function SignInPage(props: {
     searchParams: { callbackUrl: string | undefined }
 }) {
 
-    const SIGNIN_ERROR_URL = "localhost:8887"
+    const searchParams = useSearchParams();
+    const error = searchParams.get("error");
+    const isFirstRender = useRef(true);
+
+    useEffect(() => {
+        if (isFirstRender.current && error) {
+            toast.error("Error occurred.");
+            isFirstRender.current = false;
+        }
+    }, [error]);
 
     return (
-        // <div className="mx-auto grid w-[350px] gap-6">
+        <div className="mx-auto grid w-[350px] gap-6">
-        //     <div className="grid gap-2 text-center">
+            <LoginForm/>
-        //         <h1 className="text-3xl font-bold">Login</h1>
-        //         <p className="text-balance text-muted-foreground">
-        //             Enter your email and password below to login to your account
-        //         </p>
-        //     </div>
-        //     <div className="grid gap-4">
-        //         <div className="grid gap-2">
-        //             <Label htmlFor="email">Email</Label>
-        //             <Input
-        //                 id="email"
-        //                 type="email"
-        //                 placeholder="exemple@portabase.com"
-        //                 required
-        //             />
-        //         </div>
-        //         <div className="grid gap-2">
-        //             <div className="flex items-center">
-        //                 <Label htmlFor="password">Password</Label>
-        //                 <Link
-        //                     href="/forgot-password"
-        //                     className="ml-auto inline-block text-sm underline"
-        //                 >
-        //                     Forgot your password?
-        //                 </Link>
-        //             </div>
-        //             <Input id="password" type="password" required/>
-        //         </div>
-        //         <Button type="submit" className="w-full">
-        //             Login
-        //         </Button>
-        //     </div>
-        //     <div className="mt-2 text-center text-sm">
-        //         Don&apos;t have an account?{" "}
-        //         <Link href="#" className="underline">
-        //             Sign up
-        //         </Link>
-        //     </div>
-        // </div>
-        <div className="flex flex-col gap-2">
-            <form
-                action={async (formData) => {
-                    "use server"
-                    console.log(formData)
-
-                    try {
-                        console.log(formData)
-                        await signIn("credentials", formData)
-                    } catch (error) {
-                        console.log("error")
-                        // if (error instanceof AuthError) {
-                        //     return redirect(`${SIGNIN_ERROR_URL}?error=${error.type}`)
-                        // }
-                        // throw error
-                    }
-                }}
-            >
-                <label htmlFor="email">
-                    Email
-                    <input name="email" id="email"/>
-                </label>
-                <label htmlFor="password">
-                    Password
-                    <input name="password" id="password"/>
-                </label>
-                <input type="submit" value="Sign In"/>
-            </form>
-
         </div>
     )
 }

app/(auth)/register/page.tsx

@@ -1,18 +1,12 @@
+"use client"
+
 import {PageParams} from "@/types/next";
-import {Label} from "@/components/ui/label"
-import {Input} from "@/components/ui/input"
-import Link from "next/link";
-import {Button} from "@/components/ui/button";
-import {LayoutAdmin} from "@/components/layout";
 import {RegisterForm} from "@/components/wrappers/Auth/Register/RegisterForm/RegisterForm";
 
-
+export default function RoutePage(props: PageParams<{}>) {
-export default async function RoutePage(props: PageParams<{}>) {
-
     return (
         <div className="mx-auto grid w-[350px] gap-6">
             <RegisterForm/>
         </div>
-
     )
 }

app/(customer)/dashboard/layout.tsx

@@ -1,45 +1,20 @@
 import {SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
 import {AppSidebar} from "@/components/wrappers/SideBar/app-sidebar";
-import {
+import {currentUser} from "@/auth/current-user";
-    Breadcrumb,
+import {redirect} from "next/navigation";
-    BreadcrumbItem,
+
-    BreadcrumbLink,
+
-    BreadcrumbList, BreadcrumbPage,
+export default async function Layout({children}: { children: React.ReactNode }) {
-    BreadcrumbSeparator
+
-} from "@/components/ui/breadcrumb";
+    const user = await currentUser()
-import {Separator} from "@/components/ui/separator";
+
+    if (!user) {
+        redirect('/login')
+    }
 
-export default function Layout({ children }: { children: React.ReactNode }) {
     return (
         <SidebarProvider>
             <AppSidebar/>
-            {/*<SidebarInset>*/}
-            {/*    <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">*/}
-            {/*        <SidebarTrigger className="-ml-1" />*/}
-            {/*        <Separator orientation="vertical" className="mr-2 h-4" />*/}
-            {/*        <Breadcrumb>*/}
-            {/*            <BreadcrumbList>*/}
-            {/*                <BreadcrumbItem className="hidden md:block">*/}
-            {/*                    <BreadcrumbLink href="#">*/}
-            {/*                        Building Your Application*/}
-            {/*                    </BreadcrumbLink>*/}
-            {/*                </BreadcrumbItem>*/}
-            {/*                <BreadcrumbSeparator className="hidden md:block" />*/}
-            {/*                <BreadcrumbItem>*/}
-            {/*                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>*/}
-            {/*                </BreadcrumbItem>*/}
-            {/*            </BreadcrumbList>*/}
-            {/*        </Breadcrumb>*/}
-            {/*    </header>*/}
-            {/*    <div className="flex flex-1 flex-col gap-4 p-4">*/}
-            {/*        <div className="grid auto-rows-min gap-4 md:grid-cols-3">*/}
-            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
-            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
-            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
-            {/*        </div>*/}
-            {/*        <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />*/}
-            {/*    </div>*/}
-            {/*</SidebarInset>*/}
             <main>
                 <SidebarTrigger/>
                 {children}

app/(customer)/dashboard/page.tsx

@@ -5,7 +5,6 @@ export default async function RoutePage(props: PageParams<{}>) {
 
     return(
         <div>
-
         <h1>Ok</h1>
             <Button>Button</Button>
         </div>

app/(landing)/page.tsx

@@ -1,18 +1,15 @@
-import Home from "./home/page";
 import {redirect} from "next/navigation";
 import {currentUser} from "@/auth/current-user";
 
 
 
 export default async function Index() {
-
     const user = await currentUser()
-    console.log(user)
     if (user) {
         redirect("/dashboard")
     }
     redirect("/login")
-
+    //Do not delete
     // return (
     //     <Home/>
     // );

app/error/page.tsx

@@ -0,0 +1,38 @@
+"use client"
+
+import { useSearchParams } from "next/navigation"
+
+enum Error {
+    Configuration = "Configuration",
+}
+
+const errorMap = {
+    [Error.Configuration]: (
+        <p>
+            There was a problem when trying to authenticate. Please contact us if this
+            error persists. Unique error code:{" "}
+            <code className="rounded-sm bg-slate-100 p-1 text-xs">Configuration</code>
+        </p>
+    ),
+}
+
+export default function AuthErrorPage() {
+    const search = useSearchParams()
+    const error = search.get("error") as Error
+
+    return (
+        <div className="flex h-screen w-full flex-col items-center justify-center">
+            <a
+                href="#"
+                className="block max-w-sm rounded-lg border border-gray-200 bg-white p-6 text-center shadow hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700"
+            >
+                <h5 className="mb-2 flex flex-row items-center justify-center gap-2 text-xl font-bold tracking-tight text-gray-900 dark:text-white">
+                    Something went wrong
+                </h5>
+                <div className="font-normal text-gray-700 dark:text-gray-400">
+                    {errorMap[error] || "Please contact us if this error persists."}
+                </div>
+            </a>
+        </div>
+    )
+}

app/layout.tsx

@@ -19,12 +19,11 @@ export default function RootLayout({
 }>) {
     return (
         <html lang="en">
-        <body className={cn(inter.className, "h-full")}>
+            <body className={cn(inter.className, "h-full")}>
-
+                <Providers>
-        <Providers>
+                    {children}
-            {children}
+                </Providers>
-        </Providers>
+            </body>
-        </body>
         </html>
     );
 }

package-lock.json

@@ -42,6 +42,7 @@
         "@t3-oss/env-nextjs": "^0.11.1",
         "@tanstack/react-query": "^5.59.18",
         "argon2": "^0.41.1",
+        "bcrypt": "^5.1.1",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
         "cmdk": "^1.0.0",
@@ -436,6 +437,26 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
     "node_modules/@next/env": {
       "version": "14.2.16",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.16.tgz",
@@ -2563,6 +2584,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC"
+    },
     "node_modules/acorn": {
       "version": "8.14.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
@@ -2586,6 +2613,18 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -2646,6 +2685,26 @@
         "node": ">= 8"
       }
     },
+    "node_modules/aproba": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
+      "license": "ISC"
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -2903,6 +2962,26 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "license": "MIT"
     },
+    "node_modules/bcrypt": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-5.1.1.tgz",
+      "integrity": "sha512-AGBHOG5hPYZ5Xl9KXzU5iKq9516yEmvCKDg3ecP5kX2aB6UqTeXZxk2ELnDgDm6BQSMlLt9rDB4LoSMx0rYwww==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.11",
+        "node-addon-api": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/bcrypt/node_modules/node-addon-api": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==",
+      "license": "MIT"
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -2919,7 +2998,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
@@ -3061,6 +3139,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/class-variance-authority": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.0.tgz",
@@ -3131,6 +3218,15 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "license": "MIT"
     },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "license": "ISC",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -3144,9 +3240,14 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "license": "ISC"
+    },
     "node_modules/cookie": {
       "version": "0.7.1",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
@@ -3384,7 +3485,6 @@
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
       "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3447,6 +3547,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -4333,11 +4448,34 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/fsevents": {
@@ -4392,6 +4530,53 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gauge/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/gauge/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC"
+    },
+    "node_modules/gauge/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
@@ -4644,6 +4829,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "license": "ISC"
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -4656,6 +4847,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4698,7 +4902,6 @@
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
@@ -4709,7 +4912,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/input-otp": {
@@ -5419,6 +5621,30 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
       }
     },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -5445,7 +5671,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
@@ -5473,11 +5698,47 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/mz": {
@@ -5712,6 +5973,26 @@
         "node": "^18 || ^20 || >= 21"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/node-gyp-build": {
       "version": "4.8.2",
       "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.2.tgz",
@@ -5723,6 +6004,21 @@
         "node-gyp-build-test": "build-test.js"
       }
     },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -5732,6 +6028,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
     "node_modules/oauth4webapi": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.1.2.tgz",
@@ -5872,7 +6181,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "wrappy": "1"
@@ -5955,7 +6263,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6487,6 +6794,20 @@
         "pify": "^2.3.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -6636,7 +6957,6 @@
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
@@ -6653,7 +6973,6 @@
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
@@ -6712,6 +7031,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/safe-regex-test": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
@@ -6743,7 +7082,6 @@
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
       "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -6752,6 +7090,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC"
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -6865,6 +7209,15 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -7219,6 +7572,32 @@
         "node": ">=6"
       }
     },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "license": "ISC",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -7265,6 +7644,12 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
     "node_modules/ts-api-utils": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.0.tgz",
@@ -7559,6 +7944,22 @@
         "d3-timer": "^3.0.1"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -7657,6 +8058,35 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wide-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/wide-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -7765,7 +8195,12 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "license": "ISC"
     },
     "node_modules/yaml": {

package.json

@@ -43,6 +43,7 @@
     "@t3-oss/env-nextjs": "^0.11.1",
     "@tanstack/react-query": "^5.59.18",
     "argon2": "^0.41.1",
+    "bcrypt": "^5.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",

src/auth/auth.ts

@@ -1,137 +1,74 @@
-// import {PrismaAdapter} from "@auth/prisma-adapter";
+import NextAuth, {CredentialsSignin} from "next-auth";
-// import NextAuth from "next-auth";
-// import {prisma} from "@/prisma";
-// import Credentials from "next-auth/providers/credentials";
-//
-//
-// export const {handlers, auth: baseAuth, signIn, signOut} = NextAuth({
-//     adapter: PrismaAdapter(prisma),
-//     theme: {
-//         logo: "/icon.png"
-//     },
-//     pages: {
-//         signIn: "/login",
-//     },
-//     debug: process.env.NODE_ENV !== "production",
-//     providers: [
-//         Credentials({
-//             credentials: { password: { label: "Password", type: "password" } },
-//             authorize(c) {
-//                 if (c.password !== "password") return null
-//                 return {
-//                     id: "test",
-//                     name: "Test User",
-//                     email: "test@example.com",
-//                 }
-//             },
-//         }),
-//     ],
-//     callbacks: {
-//         session({ session, user, token }) {
-//             session.user.role = user.role
-//
-//             return session
-//         }
-//     },
-//     events: {
-//         createUser: async (message) => {
-//             const userId = message.user.id
-//             const userEmail = message.user.email
-//
-//             if (!userId || !userEmail) {
-//                 return;
-//             }
-//
-//             // const stripeCustomer = await stripe.customers.create({
-//             //     name: message.user.name ?? "",
-//             //     email: userEmail,
-//             // })
-//             //
-//             // await prisma.user.update({
-//             //     where: {
-//             //         id: userId,
-//             //     },
-//             //     data: {
-//             //         stripeCustomerId: stripeCustomer.id,
-//             //     }
-//             // })
-//         }
-//     }
-//
-//
-// });
-//
-// export const providerMap = providers
-//     .map((provider) => {
-//         if (typeof provider === "function") {
-//             const providerData = provider()
-//             return { id: providerData.id, name: providerData.name }
-//         } else {
-//             return { id: provider.id, name: provider.name }
-//         }
-//     })
-//     .filter((provider) => provider.id !== "credentials")
-
-import NextAuth from "next-auth";
 import {prisma} from "@/prisma";
 import {PrismaAdapter} from "@auth/prisma-adapter";
 import Credentials from "next-auth/providers/credentials";
 import {env} from "@/env.mjs";
+import GoogleProvider from "next-auth/providers/google";
 
+class InvalidLoginError extends CredentialsSignin {
+    code = "Invalid identifier or password"
+}
 
 export const {handlers, auth: baseAuth, signIn, signOut} = NextAuth({
     adapter: PrismaAdapter(prisma),
     theme: {
-        logo: "/icon.png"
+        logo: "/logo.png"
     },
     secret: env.NEXT_PUBLIC_SECRET,
     debug: process.env.NODE_ENV !== "production",
     providers: [
         Credentials({
-            // You can specify which fields should be submitted, by adding keys to the `credentials` object.
+            name: "Credentials",
-            // e.g. domain, username, password, 2FA token, etc.
             credentials: {
-                email: {},
+                email: {label: "Email", type: "email"},
-                password: {},
+                password: {label: "Password", type: "password"},
             },
             authorize: async (credentials) => {
                 let user = null
+                const argon2 = require('argon2');
                 console.log(credentials);
-                // // logic to salt and hash password
+                user = await prisma.user.findFirst({
-                // const pwHash = saltAndHashPassword(credentials.password)
+                    where: {
-                //
+                        email: credentials.email,
-                // // logic to verify if the user exists
+                    }
-                // user = await getUserFromDb(credentials.email, pwHash)
+                })
-                //
+                if (!user) {
-                // if (!user) {
+                    return null
-                //     // No user found, so this is their first attempt to login
+                }
-                //     // Optionally, this is also the place you could do a user registration
+                const isValid = await argon2.verify(user.password, credentials.password)
-                //     throw new Error("Invalid credentials.")
+                if (!isValid) {
-                // }
+                    return null
-                //
+                }
-                // // return user object with their profile data
+                return user;
-                return user
+            },
+        }),
+        GoogleProvider({
+            clientId: env.AUTH_GOOGLE_ID,
+            clientSecret: env.AUTH_GOOGLE_SECRET,
+            allowDangerousEmailAccountLinking: true,
+            profile(profile) {
+                return {
+                    // role: profile.email === "soluce.technologies@gmail.com" ? "admin" : "user",
+                    name: profile.name,
+                    email: profile.email,
+                    image: profile.picture,
+                }
             },
-            // credentials: { password: { label: "Password", type: "password" } },
-            // authorize(c) {
-            //     if (c.password !== "password") return null
-            //     console.log(c)
-            //     return {
-            //         id: "test",
-            //         name: "Test User",
-            //         email: "test@example.com",
-            //     }
-            // },
         })
     ],
+    session: {
+        strategy: "jwt",
+    },
     pages: {
         signIn: "/login",
+        error: "/error"
     },
     callbacks: {
-        session({ session, user, token }) {
+        session({session, user, token}) {
-            session.user.role = user.role
+            // session.user.role = user.role
             return session
         }
     },
 
 });
+

src/auth/current-user.ts

@@ -3,20 +3,16 @@ import {User} from "@prisma/client";
 
 export const currentUser = async () => {
     const session = await baseAuth();
-
     if (!session?.user) {
         return null;
     }
-
     return session.user as User;
 }
 
 export const requiredCurrentUser = async () => {
     const user = await currentUser();
-
     if (!user) {
         throw new Error("User not found");
     }
-
     return user;
 }

src/components/wrappers/Auth/Login/LoginForm/LoginForm.tsx

@@ -0,0 +1,105 @@
+"use client";
+
+import {Card, CardContent, CardHeader} from "@/components/ui/card";
+import {
+    FormControl, FormField, FormItem, FormLabel, FormMessage, useZodForm
+} from "@/components/ui/form";
+import {Input} from "@/components/ui/input";
+import {Form} from "@/components/ui/form"
+import {Button} from "@/components/ui/button";
+import {toast} from "sonner";
+import {useMutation} from "@tanstack/react-query";
+import {TooltipProvider} from "@/components/ui/tooltip";
+import Link from "next/link";
+import {PasswordInput} from "@/components/wrappers/PaswordInput/password-input";
+import {LoginSchema, LoginType} from "@/components/wrappers/Auth/Login/LoginForm/login-form-schema";
+import {signInAction} from "@/features/auth/auth.action";
+import {SocialAuthButton} from "@/components/wrappers/Auth/Login/SocialAuth/SocialAuthButtons/SocialAuthButton";
+
+export type loginFormProps = {
+    defaultValues?: LoginType;
+}
+
+export const LoginForm = (props: loginFormProps) => {
+    const form = useZodForm({
+        schema: LoginSchema,
+    });
+    const mutation = useMutation({
+        mutationFn: async (values: LoginType) => {
+            const result = await signInAction("credentials", values)
+            if(result?.error){
+                toast.error(result.error)
+            }
+        }
+    })
+
+    return (
+        <TooltipProvider>
+            <Card>
+                <CardHeader>
+                    <div className="grid gap-2 text-center mb-2">
+                        <h1 className="text-3xl font-bold">Login</h1>
+                        <p className="text-balance text-muted-foreground">
+                            Enter your informations bellow to login
+                        </p>
+                    </div>
+                </CardHeader>
+                <CardContent>
+                    <Form form={form}
+                          className="flex flex-col gap-4"
+                          onSubmit={async (values) => {
+                              await mutation.mutateAsync(values);
+                          }}
+                    >
+                        <FormField
+                            control={form.control}
+                            name="email"
+                            render={({field}) => (
+                                <FormItem>
+                                    <FormLabel>Email</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            placeholder="exemple@portabase.com" {...field} />
+                                    </FormControl>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
+                        <FormField
+                            control={form.control}
+                            name="password"
+                            render={({field}) => (
+                                <FormItem>
+
+                                    <div className="flex items-center">
+                                        <FormLabel>Password</FormLabel>
+                                        <Link
+                                            href="/forgot-password"
+                                            className="ml-auto inline-block text-sm underline"
+                                        >
+                                            Forgot your password?
+                                        </Link>
+                                    </div>
+                                    <FormControl>
+                                        <PasswordInput placeholder="Your password" {...field}/>
+                                    </FormControl>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
+                        <Button>
+                            Sign in
+                        </Button>
+                        <div className="mt-4 text-center text-sm">
+                            Don&apos;t have an account?{" "}
+                            <Link href="/register" className="underline">
+                                Sign up
+                            </Link>
+                        </div>
+                    </Form>
+                    <SocialAuthButton/>
+                </CardContent>
+            </Card>
+        </TooltipProvider>
+    )
+}

src/components/wrappers/Auth/Login/LoginForm/login-form-schema.ts

@@ -0,0 +1,9 @@
+import {z} from "zod";
+
+
+export const LoginSchema = z.object({
+    email: z.string(),
+    password: z.string(),
+});
+
+export type LoginType = z.infer<typeof LoginSchema>;

src/components/wrappers/Auth/Login/SocialAuth/SocialAuthButtons/SocialAuthButton.tsx

@@ -0,0 +1,22 @@
+"use client"
+import {signInAction} from "@/features/auth/auth.action";
+import {Button} from "@/components/ui/button";
+import Image from "next/image";
+
+export type SocialAuthButtonProps = {}
+
+export const SocialAuthButton = (props: SocialAuthButtonProps) => {
+    return (
+        <div className="flex flex-col gap-4 mt-5">
+            <Button
+                onClick={(e) => {
+                    e.preventDefault();
+                    void signInAction("google")
+                }}
+            >
+                <Image src="/google-icon.png" alt="Google OAuth" width={25} height={25}/>
+                Sign in with google
+            </Button>
+        </div>
+    )
+}

src/components/wrappers/Auth/Register/RegisterForm/RegisterForm.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card";
+import {Card, CardContent, CardHeader} from "@/components/ui/card";
 import {
-    FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useZodForm
+    FormControl, FormField, FormItem, FormLabel, FormMessage, useZodForm
 } from "@/components/ui/form";
 import {Input} from "@/components/ui/input";
 import {Form} from "@/components/ui/form"
@@ -13,8 +13,6 @@ import {useMutation} from "@tanstack/react-query";
 import {TooltipProvider, TooltipTrigger, Tooltip, TooltipContent} from "@/components/ui/tooltip";
 import {RegisterSchema, RegisterType} from "@/components/wrappers/Auth/Register/RegisterForm/register-form.schema";
 import {registerUserAction} from "@/components/wrappers/Auth/Register/RegisterForm/register-form.action";
-import {Label} from "@/components/ui/label";
-import Link from "next/link";
 import {Info} from "lucide-react";
 import {PasswordInput} from "@/components/wrappers/PaswordInput/password-input";
 
@@ -27,9 +25,7 @@ export const RegisterForm = (props: registerFormProps) => {
     const form = useZodForm({
         schema: RegisterSchema,
     });
-
     const router = useRouter();
-
     const mutation = useMutation({
         mutationFn: async (values: RegisterType) => {
             console.log(values)
@@ -48,10 +44,8 @@ export const RegisterForm = (props: registerFormProps) => {
 
     return (
         <TooltipProvider>
-
             <Card>
                 <CardHeader>
-
                     <div className="grid gap-2 text-center mb-2">
                         <h1 className="text-3xl font-bold">Create an account</h1>
                         <p className="text-balance text-muted-foreground">
@@ -66,7 +60,6 @@ export const RegisterForm = (props: registerFormProps) => {
                               await mutation.mutateAsync(values);
                           }}
                     >
-
                         <FormField
                             control={form.control}
                             name="name"
@@ -77,7 +70,6 @@ export const RegisterForm = (props: registerFormProps) => {
                                         <Input
                                             placeholder="Your name" {...field} />
                                     </FormControl>
-                                    {/*<FormDescription>{t('tabs.general.data.name.description')}</FormDescription>*/}
                                     <FormMessage/>
                                 </FormItem>
                             )}
@@ -92,7 +84,6 @@ export const RegisterForm = (props: registerFormProps) => {
                                         <Input
                                             placeholder="exemple@portabase.com" {...field} />
                                     </FormControl>
-                                    {/*<FormDescription>{t('tabs.general.data.name.description')}</FormDescription>*/}
                                     <FormMessage/>
                                 </FormItem>
                             )}
@@ -102,7 +93,6 @@ export const RegisterForm = (props: registerFormProps) => {
                             name="password"
                             render={({field}) => (
                                 <FormItem>
-
                                     <FormLabel className="flex">Password
                                         <TooltipProvider>
                                             <Tooltip>
@@ -115,18 +105,6 @@ export const RegisterForm = (props: registerFormProps) => {
                                             </Tooltip>
                                         </TooltipProvider>
                                     </FormLabel>
-
-                                    {/*<div className="flex items-center">*/}
-                                    {/*    <FormLabel>Password</FormLabel>*/}
-                                    {/*    <Link*/}
-                                    {/*        href="/forgot-password"*/}
-                                    {/*        className="ml-auto inline-block text-sm underline"*/}
-                                    {/*    >*/}
-                                    {/*        Forgot your password?*/}
-                                    {/*    </Link>*/}
-                                    {/*</div>*/}
-
-
                                     <FormControl>
                                         <PasswordInput placeholder="Your password" {...field}/>
                                     </FormControl>
@@ -139,25 +117,11 @@ export const RegisterForm = (props: registerFormProps) => {
                             name="confirmPassword"
                             render={({field}) => (
                                 <FormItem>
-
                                     <FormLabel>Password Confirmation</FormLabel>
-
-                                    {/*<div className="flex items-center">*/}
-                                    {/*    <FormLabel>Password</FormLabel>*/}
-                                    {/*    <Link*/}
-                                    {/*        href="/forgot-password"*/}
-                                    {/*        className="ml-auto inline-block text-sm underline"*/}
-                                    {/*    >*/}
-                                    {/*        Forgot your password?*/}
-                                    {/*    </Link>*/}
-                                    {/*</div>*/}
-
-
                                     <FormControl>
                                         <PasswordInput
                                             placeholder="Conform your password" {...field} />
                                     </FormControl>
-                                    {/*<FormDescription>{t('tabs.general.data.name.description')}</FormDescription>*/}
                                     <FormMessage/>
                                 </FormItem>
                             )}
@@ -165,14 +129,7 @@ export const RegisterForm = (props: registerFormProps) => {
                         <Button>
                             Sign up
                         </Button>
-                        {/*<div className="mt-4 text-center text-sm">*/}
-                        {/*    Don&apos;t have an account?{" "}*/}
-                        {/*    /!*<Link to="#" className="underline">*!/*/}
-                        {/*    /!*    Sign up*!/*/}
-                        {/*    /!*</Link>*!/*/}
-                        {/*</div>*/}
                     </Form>
-
                 </CardContent>
             </Card>
         </TooltipProvider>

src/components/wrappers/Auth/Register/RegisterForm/register-form.schema.ts

@@ -1,6 +1,5 @@
 import {z} from "zod";
 
-
 // Minimum 8 characters, at least one uppercase letter, one lowercase letter, one number and one special character
 const passwordValidation = new RegExp(
     /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/

src/components/wrappers/PaswordInput/password-input.tsx

@@ -2,7 +2,6 @@
 
 import * as React from 'react'
 import { EyeIcon, EyeOffIcon } from 'lucide-react'
-
 import { Button } from '@/components/ui/button'
 import { Input, type InputProps } from '@/components/ui/input'
 import { cn } from '@/lib/utils'
@@ -34,8 +33,6 @@ const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(({ classNam
                 )}
                 <span className="sr-only">{showPassword ? 'Hide password' : 'Show password'}</span>
             </Button>
-
-            {/* hides browsers password toggles */}
             <style>{`
 					.hide-password-toggle::-ms-reveal,
 					.hide-password-toggle::-ms-clear {

src/components/wrappers/SideBar/app-sidebar.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import {
     Sidebar,
     SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent,
@@ -9,9 +11,8 @@ import {
 } from "@/components/ui/sidebar"
 import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from "@/components/ui/dropdown-menu";
 import {Calendar, ChevronDown, ChevronUp, Home, Inbox, Search, Settings, User2} from "lucide-react";
-import {Separator} from "@radix-ui/react-menu";
-import {Breadcrumb} from "@/components/ui/breadcrumb";
 import Link from "next/link";
+import {signOutAction} from "@/features/auth/auth.action";
 
 export function AppSidebar() {
 
@@ -46,10 +47,6 @@ export function AppSidebar() {
         },
     ]
 
-
-
-
-
     return (
         <Sidebar collapsible="icon">
             <SidebarHeader>
@@ -113,7 +110,9 @@ export function AppSidebar() {
                                 <DropdownMenuItem>
                                     <span>Billing</span>
                                 </DropdownMenuItem>
-                                <DropdownMenuItem>
+                                <DropdownMenuItem onClick={() => {
+                                    signOutAction()
+                                }}>
                                     <span>Sign out</span>
                                 </DropdownMenuItem>
                             </DropdownMenuContent>

src/env.mjs

@@ -14,7 +14,10 @@ export const env = createEnv({
         SMTP_HOST: z.string(),
         SMTP_PORT: z.string(),
         SMTP_USER: z.string(),
-        NEXT_PUBLIC_SECRET: z.string()
+        NEXT_PUBLIC_SECRET: z.string(),
+        NEXTAUTH_URL: z.string(),
+        AUTH_GOOGLE_ID: z.string(),
+        AUTH_GOOGLE_SECRET: z.string(),
     },
     /*
      * Environment variables available on the client (and server).
@@ -32,6 +35,7 @@ export const env = createEnv({
      */
     runtimeEnv: {
         NEXT_PUBLIC_SECRET: process.env.NEXT_PUBLIC_SECRET,
+        NEXTAUTH_URL: process.env.NEXTAUTH_URL,
         NODE_ENV: process.env.NODE_ENV,
         NEXT_PUBLIC_DOMAIN_NAME: process.env.NEXT_PUBLIC_DOMAIN_NAME,
         DATABASE_URL: process.env.DATABASE_URL,
@@ -40,5 +44,7 @@ export const env = createEnv({
         SMTP_HOST: process.env.SMTP_HOST,
         SMTP_PORT: process.env.SMTP_PORT,
         SMTP_USER: process.env.SMTP_USER,
+        AUTH_GOOGLE_ID: process.env.AUTH_GOOGLE_ID,
+        AUTH_GOOGLE_SECRET: process.env.AUTH_GOOGLE_SECRET,
     },
 });

src/features/auth/auth.action.ts

@@ -0,0 +1,26 @@
+"use server"
+import {signIn, signOut} from "@/auth/auth";
+import {redirect} from "next/navigation";
+
+export const signOutAction = async () => {
+    await signOut({redirectTo: '/', redirect: true})
+    window.location.reload();
+}
+export const signInAction = async (type: string, formData?: any) => {
+    if (type === "google") {
+        await signIn(type, {redirectTo: '/dashboard'})
+    } else {
+        try {
+            await signIn(type, {
+                redirect: false,
+                password: formData.password,
+                email: formData.email
+            });
+        } catch (error) {
+            // const signInError = error as CredentialsSignin
+            console.error(error);
+            return {error: "Error loging in, please try again or check your credentials !"};
+        }
+        redirect("/")
+    }
+}

src/utils/password.ts

@@ -1,8 +1,14 @@
-
-
 export async function hashPassword(password: string): Promise<string> {
     const argon2 = require('argon2');
-
+    return await argon2.hash(password);
-    const hashedPassword = await argon2.hash(password);
-    return hashedPassword;
 }
+
+//Do not delete
+// export async function saltAndHashPassword(password: string) {
+//     // Generate a salt and hash the password
+//     const salt = await bcrypt.genSalt(10);
+//     const hashedPassword = await bcrypt.hash(password, salt);
+//
+//     // Return the hashed password
+//     return hashedPassword;
+// }