get invite link in server

Author: msukkari

packages/web/src/app/[domain]/settings/members/page.tsx

@@ -13,6 +13,8 @@ import { getSeats, SOURCEBOT_UNLIMITED_SEATS } from "@sourcebot/shared";
 import { RequestsList } from "./components/requestsList";
 import { OrgRole } from "@prisma/client";
 import { MemberApprovalRequiredToggle } from "@/app/onboard/components/memberApprovalRequiredToggle";
+import { headers } from "next/headers";
+import { getBaseUrl, createInviteLink } from "@/lib/utils";
 
 interface MembersSettingsPageProps {
     params: {
@@ -60,6 +62,11 @@ export default async function MembersSettingsPage({ params: { domain }, searchPa
     const usedSeats = members.length
     const seatsAvailable = seats === SOURCEBOT_UNLIMITED_SEATS || usedSeats < seats;
 
+    // Get the current URL to construct the full invite link
+    const headersList = headers();
+    const baseUrl = getBaseUrl(headersList);
+    const inviteLink = createInviteLink(baseUrl, org.inviteLinkId);
+
     return (
         <div className="flex flex-col gap-6">
             <div className="flex items-start justify-between">
@@ -80,7 +87,7 @@ export default async function MembersSettingsPage({ params: { domain }, searchPa
             </div>
 
             {userRoleInOrg === OrgRole.OWNER && (
-                <MemberApprovalRequiredToggle memberApprovalRequired={org.memberApprovalRequired} inviteLinkEnabled={org.inviteLinkEnabled} inviteLinkId={org.inviteLinkId} />
+                <MemberApprovalRequiredToggle memberApprovalRequired={org.memberApprovalRequired} inviteLinkEnabled={org.inviteLinkEnabled} inviteLink={inviteLink} />
             )}
 
             <InviteMemberCard

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

@@ -12,17 +12,15 @@ import { isServiceError } from "@/lib/utils"
 
 interface InviteLinkToggleProps {
     inviteLinkEnabled: boolean
-    inviteLinkId?: string
+    inviteLink: string | null
 }
 
-export function InviteLinkToggle({ inviteLinkEnabled, inviteLinkId }: InviteLinkToggleProps) {
+export function InviteLinkToggle({ inviteLinkEnabled, inviteLink }: InviteLinkToggleProps) {
     const [enabled, setEnabled] = useState(inviteLinkEnabled)
     const [isLoading, setIsLoading] = useState(false)
     const [copied, setCopied] = useState(false)
     const { toast } = useToast()
 
-    const inviteLink = inviteLinkId ? `${window.location.origin}/invite?id=${inviteLinkId}` : null
-
 
     const handleToggle = async (checked: boolean) => {
         setIsLoading(true)

packages/web/src/app/onboard/components/memberApprovalRequiredToggle.tsx

@@ -11,10 +11,10 @@ import { InviteLinkToggle } from "@/app/components/inviteLinkToggle"
 interface MemberApprovalRequiredToggleProps {
     memberApprovalRequired: boolean
     inviteLinkEnabled: boolean
-    inviteLinkId?: string
+    inviteLink: string | null
 }
 
-export function MemberApprovalRequiredToggle({ memberApprovalRequired, inviteLinkEnabled, inviteLinkId }: MemberApprovalRequiredToggleProps) {
+export function MemberApprovalRequiredToggle({ memberApprovalRequired, inviteLinkEnabled, inviteLink }: MemberApprovalRequiredToggleProps) {
     const [enabled, setEnabled] = useState(memberApprovalRequired)
     const [isLoading, setIsLoading] = useState(false)
     const { toast } = useToast()
@@ -83,7 +83,7 @@ export function MemberApprovalRequiredToggle({ memberApprovalRequired, inviteLin
                     ? 'max-h-96 opacity-100' 
                     : 'max-h-0 opacity-0 pointer-events-none'
             }`}>
-                <InviteLinkToggle inviteLinkEnabled={inviteLinkEnabled} inviteLinkId={inviteLinkId} />
+                <InviteLinkToggle inviteLinkEnabled={inviteLinkEnabled} inviteLink={inviteLink} />
             </div>
         </div>
     )

packages/web/src/app/onboard/page.tsx

@@ -18,6 +18,8 @@ import { BetweenHorizonalStart, GitBranchIcon, LockIcon } from "lucide-react";
 import { hasEntitlement } from "@sourcebot/shared";
 import { env } from "@/env.mjs";
 import { GcpIapAuth } from "@/app/[domain]/components/gcpIapAuth";
+import { headers } from "next/headers";
+import { getBaseUrl, createInviteLink } from "@/lib/utils";
 
 interface OnboardingProps {
     searchParams?: { step?: string };
@@ -47,6 +49,11 @@ export default async function Onboarding({ searchParams }: OnboardingProps) {
         return <div>Error loading organization</div>;
     }
 
+    // Get the current URL to construct the full invite link
+    const headersList = headers();
+    const baseUrl = getBaseUrl(headersList);
+    const inviteLink = createInviteLink(baseUrl, org.inviteLinkId);
+
     if (org && org.isOnboarded) {
         redirect('/');
     }
@@ -149,7 +156,7 @@ export default async function Onboarding({ searchParams }: OnboardingProps) {
             subtitle: "Set up your organization's security settings.",
             component: (
                 <div className="space-y-6">
-                    <MemberApprovalRequiredToggle memberApprovalRequired={org.memberApprovalRequired} inviteLinkEnabled={org.inviteLinkEnabled} inviteLinkId={org.inviteLinkId} />
+                    <MemberApprovalRequiredToggle memberApprovalRequired={org.memberApprovalRequired} inviteLinkEnabled={org.inviteLinkEnabled} inviteLink={inviteLink} />
                     <Button asChild className="w-full h-11 bg-primary hover:bg-primary/90 text-primary-foreground transition-all duration-200 font-medium">
                         <a href="/onboard?step=3">Continue →</a>
                     </Button>

packages/web/src/lib/utils.ts

@@ -19,6 +19,27 @@ 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
+ * @param inviteLinkId The invite link ID
+ * @returns The complete invite link URL or null if no inviteLinkId
+ */
+export const createInviteLink = (baseUrl: string, inviteLinkId?: string | null): string | null => {
+    return inviteLinkId ? `${baseUrl}/invite?id=${inviteLinkId}` : null;
+}
+
 /**
  * Adds a list of (potentially undefined) query parameters to a path.
  *