Add getPostHogUrl util for region-aware URLs

Author: charlesvien

apps/code/src/renderer/features/billing/stores/seatStore.ts

@@ -1,5 +1,5 @@
 import { useAuthStore } from "@features/auth/stores/authStore";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 import type { SeatData } from "@shared/types/seat";
 import { PLAN_FREE, PLAN_PRO } from "@shared/types/seat";
 import { electronStorage } from "@utils/electronStorage";
@@ -52,9 +52,7 @@ function parseFetcherError(
 }
 
 function getBillingUrl(): string {
-  const region = useAuthStore.getState().cloudRegion;
-  const base = region ? getCloudUrlFromRegion(region) : "http://localhost:8010";
-  return `${base}/organization/billing`;
+  return getPostHogUrl("/organization/billing");
 }
 
 function handleSeatError(

apps/code/src/renderer/features/git-interaction/hooks/useGitInteraction.ts

@@ -17,6 +17,7 @@ import {
 import { invalidateGitBranchQueries } from "@features/git-interaction/utils/gitCacheKeys";
 import { updateGitCacheFromSnapshot } from "@features/git-interaction/utils/updateGitCache";
 import { trpc, trpcClient } from "@renderer/trpc";
+import { getCloudUrlFromRegion } from "@shared/constants/oauth";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import { useQueryClient } from "@tanstack/react-query";
 import { track } from "@utils/analytics";
@@ -137,10 +138,7 @@ export function useGitInteraction(
     const cloudRegion = authState.cloudRegion;
     if (!apiKey || !cloudRegion) return;
 
-    const apiHost =
-      cloudRegion === "eu"
-        ? "https://eu.posthog.com"
-        : "https://us.posthog.com";
+    const apiHost = getCloudUrlFromRegion(cloudRegion);
 
     modal.setIsGeneratingPr(true);
     try {
@@ -213,10 +211,7 @@ export function useGitInteraction(
         return;
       }
 
-      const apiHost =
-        cloudRegion === "eu"
-          ? "https://eu.posthog.com"
-          : "https://us.posthog.com";
+      const apiHost = getCloudUrlFromRegion(cloudRegion);
 
       try {
         const generated = await trpcClient.git.generateCommitMessage.mutate({
@@ -400,10 +395,7 @@ export function useGitInteraction(
       return;
     }
 
-    const apiHost =
-      cloudRegion === "eu"
-        ? "https://eu.posthog.com"
-        : "https://us.posthog.com";
+    const apiHost = getCloudUrlFromRegion(cloudRegion);
 
     modal.setIsGeneratingCommitMessage(true);
     modal.setCommitError(null);
@@ -445,10 +437,7 @@ export function useGitInteraction(
       return;
     }
 
-    const apiHost =
-      cloudRegion === "eu"
-        ? "https://eu.posthog.com"
-        : "https://us.posthog.com";
+    const apiHost = getCloudUrlFromRegion(cloudRegion);
 
     modal.setIsGeneratingPr(true);
     modal.setPrError(null);

apps/code/src/renderer/features/settings/components/sections/GeneralSettings.tsx

@@ -20,7 +20,7 @@ import {
   TextField,
 } from "@radix-ui/themes";
 import { useTRPC } from "@renderer/trpc";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import { useSettingsStore as useTerminalSettingsStore } from "@stores/settingsStore";
 import type { ThemePreference } from "@stores/themeStore";
@@ -50,7 +50,7 @@ const TERMINAL_FONT_PRESETS = [
 
 export function GeneralSettings() {
   const trpcReact = useTRPC();
-  const { isAuthenticated, cloudRegion } = useAuthStore();
+  const { isAuthenticated } = useAuthStore();
 
   // Appearance state
   const theme = useThemeStore((state) => state.theme);
@@ -363,13 +363,11 @@ export function GeneralSettings() {
     ? terminalFontFamily
     : CUSTOM_TERMINAL_FONT_VALUE;
 
-  const accountUrl = cloudRegion
-    ? `${getCloudUrlFromRegion(cloudRegion)}/settings/user`
-    : null;
+  const accountUrl = getPostHogUrl("/settings/user");
 
   return (
     <Flex direction="column">
-      {isAuthenticated && accountUrl && (
+      {isAuthenticated && (
         <SettingRow
           label="Manage Account"
           description="Manage your account and billing on PostHog"
@@ -697,13 +695,11 @@ export function GeneralSettings() {
 }
 
 function HedgehogDescription() {
-  const cloudRegion = useAuthStore((s) => s.cloudRegion);
   const projectId = useAuthStore((s) => s.projectId);
 
-  const customizeUrl =
-    cloudRegion && projectId
-      ? `${getCloudUrlFromRegion(cloudRegion)}/project/${projectId}/settings/user-customization`
-      : null;
+  const customizeUrl = projectId
+    ? getPostHogUrl(`/project/${projectId}/settings/user-customization`)
+    : null;
 
   return (
     <Flex direction="column" gap="1">

apps/code/src/renderer/features/settings/components/sections/PlanUsageSettings.tsx

@@ -1,4 +1,3 @@
-import { useAuthStore } from "@features/auth/stores/authStore";
 import { useSeatStore } from "@features/billing/stores/seatStore";
 import { useSeat } from "@hooks/useSeat";
 import {
@@ -14,7 +13,7 @@ import {
   Spinner,
   Text,
 } from "@radix-ui/themes";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+import { getPostHogUrl } from "@shared/utils/urls";
 
 export function PlanUsageSettings() {
   const {
@@ -272,11 +271,8 @@ export function PlanUsageSettings() {
               size="1"
               variant="outline"
               onClick={() => {
-                const region = useAuthStore.getState().cloudRegion;
-                const base = region
-                  ? getCloudUrlFromRegion(region)
-                  : "http://localhost:8010";
-                window.open(`${base}/organization/billing`, "_blank");
+                const url = getPostHogUrl("/organization/billing");
+                window.open(url, "_blank");
               }}
             >
               Open

apps/code/src/shared/constants/oauth.ts

@@ -64,6 +64,7 @@ export function getCloudUrlFromRegion(region: CloudRegion): string {
   }
 }
 
+
 export function getOauthClientIdFromRegion(region: CloudRegion): string {
   switch (region) {
     case "us":

apps/code/src/shared/utils/urls.ts

@@ -0,0 +1,10 @@
+import { useAuthStore } from "@features/auth/stores/authStore";
+import { getCloudUrlFromRegion } from "@shared/constants/oauth";
+
+export function getPostHogUrl(path: string): string {
+  const region = useAuthStore.getState().cloudRegion;
+  const base = region
+    ? getCloudUrlFromRegion(region)
+    : "http://localhost:8010";
+  return `${base}${path.startsWith("/") ? path : `/${path}`}`;
+}