(null);
+
useEffect(() => {
setMounted(true);
@@ -32,9 +45,20 @@ export function LoginForm({
? '/branding/gradient_logo_dark_theme.svg'
: '/branding/gradient_logo_light_theme.svg';
- const handleGitHubLogin = () => {
- // Simula redirect para GitHub OAuth
- router.push("/auth/callback");
+ const handleGitHubLogin = async () => {
+ setLoading(true);
+
+ const { error } = await supabase.auth.signInWithOAuth({
+ provider: "github",
+ options: {
+ redirectTo: "http://localhost:3000/auth/callback",
+ },
+ });
+
+ if (error) {
+ setError(error.message);
+ setLoading(false);
+ }
};
return (
@@ -98,23 +122,30 @@ export function LoginForm({
Or continue with
-
Don't have an account?{" "}
diff --git a/frontend/src/integrations/supabase/client.ts b/frontend/src/integrations/supabase/client.ts
index 4ea06e1..5a9a4df 100644
--- a/frontend/src/integrations/supabase/client.ts
+++ b/frontend/src/integrations/supabase/client.ts
@@ -1,37 +1,47 @@
// This file is automatically generated. Do not edit it directly.
-import { createClient } from '@supabase/supabase-js';
-import type { Database } from './types';
+import { createBrowserClient } from "@supabase/ssr";
+import type { Database } from "./types";
// Toggle between local and remote via environment variable
-const USE_LOCAL = process.env.NEXT_PUBLIC_USE_LOCAL_SUPABASE === 'true';
+const USE_LOCAL = process.env.NEXT_PUBLIC_USE_LOCAL_SUPABASE === "true";
// Local Supabase (when running `supabase start`)
const LOCAL_SUPABASE_URL = "http://127.0.0.1:54321";
-const LOCAL_SUPABASE_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0";
+const LOCAL_SUPABASE_ANON_KEY =
+ "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0";
// Remote Supabase (from environment variables)
const REMOTE_SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
const REMOTE_SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
-const SUPABASE_URL = USE_LOCAL
- ? LOCAL_SUPABASE_URL
- : REMOTE_SUPABASE_URL;
+const SUPABASE_URL = USE_LOCAL ? LOCAL_SUPABASE_URL : REMOTE_SUPABASE_URL;
const SUPABASE_ANON_KEY = USE_LOCAL
? LOCAL_SUPABASE_ANON_KEY
: REMOTE_SUPABASE_ANON_KEY;
if (!SUPABASE_URL || !SUPABASE_ANON_KEY) {
- throw new Error('Missing Supabase configuration. Check your .env.local file.');
+ throw new Error(
+ "Missing Supabase configuration. Check your .env.local file.",
+ );
}
// Import the supabase client like this:
-// import { supabase } from "@/integrations/supabase/client";
-
-export const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, {
- auth: {
- autoRefreshToken: true,
- persistSession: true,
- detectSessionInUrl: true,
+// import { supabase } from ":/integrations/supabase/client";
+
+const NORMALIZED_URL = SUPABASE_URL.endsWith("/")
+ ? SUPABASE_URL.slice(0, -1)
+ : SUPABASE_URL;
+
+export const supabase = createBrowserClient(
+ NORMALIZED_URL,
+ SUPABASE_ANON_KEY,
+ {
+ auth: {
+ autoRefreshToken: true,
+ persistSession: true,
+ flowType: "pkce",
+ detectSessionInUrl: false,
+ },
},
-});
+);
diff --git a/frontend/src/integrations/supabase/middleware.ts b/frontend/src/integrations/supabase/middleware.ts
new file mode 100644
index 0000000..33e64fe
--- /dev/null
+++ b/frontend/src/integrations/supabase/middleware.ts
@@ -0,0 +1,51 @@
+import { createServerClient } from '@supabase/ssr'
+import { NextResponse, type NextRequest } from 'next/server'
+
+export async function updateSession(request: NextRequest) {
+ let supabaseResponse = NextResponse.next({
+ request,
+ })
+
+ const supabase = createServerClient(
+ process.env.NEXT_PUBLIC_SUPABASE_URL!,
+ process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+ {
+ cookies: {
+ getAll() {
+ return request.cookies.getAll()
+ },
+ setAll(cookiesToSet) {
+ cookiesToSet.forEach(({ name, value, options }) => request.cookies.set(name, value))
+ supabaseResponse = NextResponse.next({
+ request,
+ })
+ cookiesToSet.forEach(({ name, value, options }) =>
+ supabaseResponse.cookies.set(name, value, options)
+ )
+ },
+ },
+ }
+ )
+
+ // Do not run code between createServerClient and
+ // supabase.auth.getUser(). A simple mistake could make it very hard to debug
+ // issues with users being randomly logged out.
+
+ // IMPORTANT: DO NOT REMOVE auth.getUser()
+
+ const {
+ data: { user },
+ } = await supabase.auth.getUser()
+
+ if (
+ !user &&
+ !request.nextUrl.pathname.startsWith('/login') &&
+ !request.nextUrl.pathname.startsWith('/auth')
+ ) {
+ const url = request.nextUrl.clone()
+ url.pathname = '/login'
+ return NextResponse.redirect(url)
+ }
+
+ return supabaseResponse
+}
\ No newline at end of file
diff --git a/frontend/src/integrations/supabase/server.ts b/frontend/src/integrations/supabase/server.ts
new file mode 100644
index 0000000..7aa7cbb
--- /dev/null
+++ b/frontend/src/integrations/supabase/server.ts
@@ -0,0 +1,48 @@
+import { createServerClient } from "@supabase/ssr";
+import { cookies } from "next/headers";
+import type { Database } from './types';
+
+export function createSupabaseServerClient() {
+
+ const cookieStore = cookies();
+
+ const USE_LOCAL = process.env.NEXT_PUBLIC_USE_LOCAL_SUPABASE === 'true';
+ const LOCAL_SUPABASE_URL = "http://127.0.0.1:54321";
+ const LOCAL_SUPABASE_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0";
+ const REMOTE_SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
+ const REMOTE_SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;
+
+ const SUPABASE_URL = USE_LOCAL
+ ? LOCAL_SUPABASE_URL
+ : REMOTE_SUPABASE_URL;
+
+ const SUPABASE_ANON_KEY = USE_LOCAL
+ ? LOCAL_SUPABASE_ANON_KEY
+ : REMOTE_SUPABASE_ANON_KEY;
+
+ if (!SUPABASE_URL || !SUPABASE_ANON_KEY) {
+ throw new Error(
+ "Missing Supabase configuration. Check your .env.local file."
+ );
+ }
+
+ return createServerClient(
+ SUPABASE_URL,
+ SUPABASE_ANON_KEY,
+ {
+ cookies: {
+ getAll() {
+ return cookieStore.getAll();
+ },
+ setAll(cookiesToSet) {
+ try {
+ cookiesToSet.forEach(({ name, value, options }) =>
+ cookieStore.set(name, value, options)
+ );
+ } catch {
+ }
+ },
+ },
+ }
+ );
+}
\ No newline at end of file
diff --git a/frontend/src/middleware.ts b/frontend/src/middleware.ts
new file mode 100644
index 0000000..3fc90ab
--- /dev/null
+++ b/frontend/src/middleware.ts
@@ -0,0 +1,10 @@
+import { type NextRequest } from 'next/server';
+import { updateSession } from '@/integrations/supabase/middleware'
+
+export async function middleware(request: NextRequest) {
+ return await updateSession(request);
+}
+
+export const config = {
+ matcher: ['/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)'],
+}
\ No newline at end of file