supermemory/packages/ui/other/anonymous-auth.tsx

"use client"

import { authClient } from "@lib/auth"
import { useRouter } from "next/navigation"
import { useEffect } from "react"

export const AnonymousAuth = ({
	dashboardPath = "/dashboard",
	loginPath = "/login",
}) => {
	const router = useRouter()

	useEffect(() => {
		const createAnonymousSession = async () => {
			const session = await authClient.getSession()

			if (!session?.session) {
				console.debug(
					"[ANONYMOUS_AUTH] No session found, creating anonymous session...",
				)

				try {
					// Create anonymous session
					console.debug("[ANONYMOUS_AUTH] Calling signIn.anonymous()...")
					const res = await authClient.signIn.anonymous()

					if (!res.token) {
						throw new Error("Failed to get anonymous token")
					}

					// Get the new session
					console.debug(
						"[ANONYMOUS_AUTH] Getting new session with anonymous token...",
					)
					const newSession = await authClient.getSession()

					console.debug("[ANONYMOUS_AUTH] New session retrieved:", newSession)

					if (!newSession?.session || !newSession?.user) {
						console.error(
							"[ANONYMOUS_AUTH] Failed to create anonymous session - missing session or user",
						)
						throw new Error("Failed to create anonymous session")
					}

					// Get the user's organization
					console.debug(
						"[ANONYMOUS_AUTH] Fetching organizations for anonymous user...",
					)
					const orgs = await authClient.organization.list()

					console.debug("[ANONYMOUS_AUTH] Organizations retrieved:", {
						count: orgs?.length || 0,
						orgs: orgs?.map((o) => ({
							id: o.id,
							name: o.name,
							slug: o.slug,
						})),
					})

					const org = orgs?.[0]
					if (!org) {
						console.error(
							"[ANONYMOUS_AUTH] No organization found for anonymous user",
						)
						throw new Error("Failed to get organization for anonymous user")
					}

					// Redirect to the organization dashboard
					console.debug(
						`[ANONYMOUS_AUTH] Redirecting anonymous user to /${org.slug}${dashboardPath}`,
					)
					router.push(dashboardPath)
				} catch (error) {
					console.error(
						"[ANONYMOUS_AUTH] Anonymous session creation error:",
						error,
					)
					console.error("[ANONYMOUS_AUTH] Error details:", {
						message: error instanceof Error ? error.message : "Unknown error",
						stack: error instanceof Error ? error.stack : undefined,
					})
					router.push(loginPath)
				}
			} else if (session.session) {
				// Session exists, handle organization routing
				console.debug(
					"[ANONYMOUS_AUTH] Session exists, checking organization...",
				)

				if (!session.session.activeOrganizationId) {
					console.debug(
						"[ANONYMOUS_AUTH] No active organization ID, fetching organizations...",
					)
					const orgs = await authClient.organization.list()

					console.debug("[ANONYMOUS_AUTH] Organizations for existing user:", {
						count: orgs?.length || 0,
						orgs: orgs?.map((o) => ({
							id: o.id,
							name: o.name,
							slug: o.slug,
						})),
					})

					if (orgs?.[0]) {
						console.debug(
							`[ANONYMOUS_AUTH] Setting active organization to ${orgs[0].id}`,
						)
						await authClient.organization.setActive({
							organizationId: orgs[0].id,
						})
						console.debug(
							`[ANONYMOUS_AUTH] Redirecting to /${orgs[0].slug}${dashboardPath}`,
						)
						router.push(dashboardPath)
					}
				} else {
					console.debug(
						`[ANONYMOUS_AUTH] Active organization ID: ${session.session.activeOrganizationId}`,
					)
					console.debug(
						"[ANONYMOUS_AUTH] Fetching full organization details...",
					)
					const org = await authClient.organization.getFullOrganization({
						query: {
							organizationId: session.session.activeOrganizationId,
						},
					})

					console.debug("[ANONYMOUS_AUTH] Full organization retrieved:", {
						id: org.id,
						name: org.name,
						slug: org.slug,
					})

					console.debug(
						`[ANONYMOUS_AUTH] Redirecting to /${org.slug}${dashboardPath}`,
					)
					router.push(dashboardPath)
				}
			}
		}

		createAnonymousSession()
	}, [router.push])

	// Return null as this component only handles the redirect logic
	return null
}