hf sign in

app/api/login/route.ts

@@ -1,8 +1,11 @@
 export async function GET(request: Request) {
   console.log(process.env)
+
+  const REDIRECT_URI = `https://${process.env.SPACE_HOST}/login/callback`
+
   return Response.json(
     {
-      redirect: `https://huggingface.co/oauth/authorize?redirect_uri=${process.env.REDIRECT_URI}&scope=openid%20profile&client_id=${process.env.OAUTH_CLIENT_ID}&state=${process.env.STATE}`,
+      redirect: `https://huggingface.co/oauth/authorize?redirect_uri=${REDIRECT_URI}&scope=openid%20profile&client_id=${process.env.OAUTH_CLIENT_ID}`,
       status: 200,
       ok: true
     }

app/login/callback/page.tsx

@@ -0,0 +1,7 @@
+export default function LoginCallback() {
+  return (
+    <div className="pb-32">
+      <p className="font-bold text-4xl text-white">LOGIN CALLBACK</p>
+    </div>
+  );
+}

components/main/index.tsx

@@ -32,8 +32,10 @@ export const Main = () => {
 
   const openLogin = async () => {
     const response = await fetch(`/api/login`);
-    const data = await response.json();
-    console.log(data);
+    const { ok, redirect } = await response.json();
+    if (ok && redirect) {
+      window.open(redirect, "_blank");
+    }
   };
 
   return (

prisma/schema.prisma

@@ -4,7 +4,7 @@ generator client {
 
 datasource db {
   provider = "sqlite"
-  url      = "file://data/dev.db"
+  url      = "file:../data/dev.db"
 }
 
 model Collection {