fix(invite): Fix localhost being used in invite links and in UI (#764)

* fix: use AUTH_URL as fallback instead of hardcoded localhost in getBaseUrl

- Updated getBaseUrl() in utils.ts to fall back to AUTH_URL environment
  variable instead of hardcoded 'localhost:3000' when headers are not
  available
- Updated email preview props in inviteUserEmail.tsx,
  joinRequestApprovedEmail.tsx, and joinRequestSubmittedEmail.tsx to use
  example.sourcebot.dev instead of localhost URLs

This fixes the issue where org URL and invite links were being generated
with localhost when the host/protocol headers were not available.

Co-authored-by: michael <michael@sourcebot.dev>

* chore: update example URLs and add changelog entry

- Changed example URL from example.sourcebot.dev to sourcebot.example.com
- Added changelog entry for PR #764

Co-authored-by: michael <michael@sourcebot.dev>

* move getBaseUrl to server component

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: msukkari

CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Bumped Node.js version to v24. [#753](https://github.com/sourcebot-dev/sourcebot/pull/753)
 
 ### Fixes
+- Fixed hardcoded localhost URLs in org URL and invite links by using AUTH_URL as fallback. [#764](https://github.com/sourcebot-dev/sourcebot/pull/764)
 - Fix autocomplete when repo includes default port [#762](https://github.com/sourcebot-dev/sourcebot/pull/762)
 - Fixed "Repository not found for file: x" error when searching in orphaned shards. [#761](https://github.com/sourcebot-dev/sourcebot/pull/761)
 

packages/web/src/app/components/organizationAccessSettings.tsx

@@ -1,4 +1,5 @@
-import { createInviteLink, getBaseUrl } from "@/lib/utils"
+import { createInviteLink } from "@/lib/utils"
+import { getBaseUrl } from "@/lib/utils.server"
 import { AnonymousAccessToggle } from "./anonymousAccessToggle"
 import { OrganizationAccessSettingsWrapper } from "./organizationAccessSettingsWrapper"
 import { getOrgFromDomain } from "@/data/org"

packages/web/src/emails/inviteUserEmail.tsx

@@ -138,7 +138,7 @@ InviteUserEmail.PreviewProps = {
     },
     orgName: 'Enigma',
     orgImageUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
-    inviteLink: 'https://localhost:3000/redeem?invite_id=1234',
+    inviteLink: 'https://sourcebot.example.com/redeem?invite_id=1234',
 } satisfies InviteUserEmailProps;
 
 export default InviteUserEmail;

packages/web/src/emails/joinRequestApprovedEmail.tsx

@@ -13,7 +13,7 @@ import {
     Text,
 } from '@react-email/components';
 import { EmailFooter } from './emailFooter';
-import { SOURCEBOT_LOGO_LIGHT_LARGE_URL } from './constants';
+import { SOURCEBOT_LOGO_LIGHT_LARGE_URL, SOURCEBOT_PLACEHOLDER_AVATAR_URL } from './constants';
 
 interface JoinRequestApprovedEmailProps {
     baseUrl: string;
@@ -83,11 +83,11 @@ export const JoinRequestApprovedEmail = ({
 };
 
 JoinRequestApprovedEmail.PreviewProps = {
-    baseUrl: 'http://localhost:3000',
+    baseUrl: 'https://sourcebot.example.com',
     user: {
         name: 'Alan Turing',
         email: 'alan.turing@example.com',
-        avatarUrl: `http://localhost:3000/placeholder_avatar.png`,
+        avatarUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
     },
     orgName: 'Enigma',
     orgDomain: '~',

packages/web/src/emails/joinRequestSubmittedEmail.tsx

@@ -127,15 +127,15 @@ const RequestorInfo = ({ email, name }: { email: string, name?: string }) => {
 }
 
 JoinRequestSubmittedEmail.PreviewProps = {
-    baseUrl: 'http://localhost:3000',
+    baseUrl: 'https://sourcebot.example.com',
     requestor: {
         name: 'Alan Turing',
         email: 'alan.turing@example.com',
-        avatarUrl: `http://localhost:3000/placeholder_avatar.png`,
+        avatarUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
     },
     orgName: 'Enigma',
     orgDomain: '~',
-    orgImageUrl: `http://localhost:3000/placeholder_avatar.png`,
+    orgImageUrl: SOURCEBOT_PLACEHOLDER_AVATAR_URL,
 } satisfies JoinRequestSubmittedEmailProps;
 
 export default JoinRequestSubmittedEmail;

packages/web/src/lib/utils.server.ts

@@ -0,0 +1,19 @@
+import { env } from "@sourcebot/shared";
+
+/**
+ * Gets the base URL from Next.js headers, falling back to AUTH_URL environment variable
+ * @param headersList The headers from Next.js headers() function
+ * @returns The base URL (e.g., "https://example.com")
+ */
+export const getBaseUrl = (headersList: Headers): string => {
+    const host = headersList.get('host');
+    const protocol = headersList.get('x-forwarded-proto');
+    
+    // If we have both host and protocol from headers, use them
+    if (host && protocol) {
+        return `${protocol}://${host}`;
+    }
+    
+    // Fall back to AUTH_URL environment variable
+    return env.AUTH_URL;
+}

packages/web/src/lib/utils.ts

@@ -25,17 +25,6 @@ export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs))
 }
 
-/**
- * Gets the base URL from Next.js headers
- * @param headersList The headers from Next.js headers() function
- * @returns The base URL (e.g., "https://example.com")
- */
-export const getBaseUrl = (headersList: Headers): string => {
-    const host = headersList.get('host') || 'localhost:3000';
-    const protocol = headersList.get('x-forwarded-proto') || 'http';
-    return `${protocol}://${host}`;
-}
-
 /**
  * Creates an invite link URL from the base URL and invite ID
  * @param baseUrl The base URL of the application