Fix extension auth deeplink (#143)

Author: cte

apps/web/.env

@@ -1,9 +1,11 @@
 
 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXBpYy1jaGFtb2lzLTg1LmNsZXJrLmFjY291bnRzLmRldiQ
 NEXT_PUBLIC_CLERK_FRONTEND_API=https://epic-chamois-85.clerk.accounts.dev
+
+# https://clerk.com/docs/deployments/clerk-environment-variables#sign-in-and-sign-up-redirects
 NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
-NEXT_PUBLIC_CLERK_SIGN_IN_FORCE_REDIRECT_URL=/
-NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL=/
 NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
-NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL=/
-NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=/
+NEXT_PUBLIC_CLERK_SIGN_IN_FORCE_REDIRECT_URL=/authorized
+NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL=/authorized
+NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL=/authorized
+NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=/authorized

apps/web/src/app/(authenticated)/layout.tsx

@@ -23,6 +23,7 @@ export default async function AuthenticatedLayout({
   // Set enhanced Sentry context for authenticated users.
   const { userId, orgId, orgRole } = authResult;
   setSentryUserContext({ id: userId, orgId, orgRole });
+
   if (orgId && orgRole) {
     setSentryOrganizationContext(orgId, orgRole);
   }

apps/web/src/app/(centered)/signed-out/page.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { useEffect } from 'react';
+import { LoaderCircle } from 'lucide-react';
+
+export default function Page() {
+  useEffect(() => {
+    setTimeout(() => {
+      window.location.href = '/sign-in';
+    }, 1000);
+  }, []);
+
+  return (
+    <div className="flex justify-center">
+      <LoaderCircle className="animate-spin" />
+    </div>
+  );
+}

apps/web/src/components/layout/AuthProvider.tsx

@@ -23,7 +23,7 @@ export const AuthProvider = ({
     <ClerkProvider
       appearance={{ baseTheme }}
       localization={localization}
-      afterSignOutUrl={'/sign-in'}
+      afterSignOutUrl={'/signed-out'}
     >
       <SentryUserContext />
       {children}

apps/web/src/middleware.ts

@@ -7,6 +7,7 @@ const isUnprotectedRoute = createRouteMatcher([
   '/extension/sign-in(.*)',
   '/api/marketplace(.*)',
   '/share(.*)',
+  '/signed-out(.*)',
   '/',
 ]);