Move getPostHogUrl to renderer utils to fix typecheck

Author: charlesvien

apps/code/src/renderer/features/auth/components/AuthScreen.tsx

@@ -5,8 +5,8 @@ import { Callout, Flex, Spinner, Text, Theme } from "@radix-ui/themes";
 import posthogIcon from "@renderer/assets/images/posthog-icon.svg";
 import phWordmark from "@renderer/assets/images/wordmark.svg";
 import { trpcClient } from "@renderer/trpc/client";
-import { REGION_LABELS } from "@shared/types/regions";
 import type { CloudRegion } from "@shared/types/regions";
+import { REGION_LABELS } from "@shared/types/regions";
 import { useMutation } from "@tanstack/react-query";
 import { useState } from "react";
 import { RegionSelect } from "./RegionSelect";

apps/code/src/renderer/features/auth/stores/authStore.ts

@@ -6,10 +6,10 @@ import {
   OAUTH_SCOPES,
   TOKEN_REFRESH_BUFFER_MS,
 } from "@shared/constants/oauth";
-import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import type { CloudRegion } from "@shared/types/regions";
 import { sleepWithBackoff } from "@shared/utils/backoff";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { useNavigationStore } from "@stores/navigationStore";
 import {
   identifyUser,

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

@@ -1,9 +1,9 @@
 import { useAuthStore } from "@features/auth/stores/authStore";
-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";
 import { logger } from "@utils/logger";
+import { getPostHogUrl } from "@utils/urls";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 

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

@@ -17,8 +17,8 @@ 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/utils/urls";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { useQueryClient } from "@tanstack/react-query";
 import { track } from "@utils/analytics";
 import { logger } from "@utils/logger";

apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx

@@ -34,11 +34,11 @@ import {
   Select,
   Text,
 } from "@radix-ui/themes";
-import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import type {
   SignalReportArtefactsResponse,
   SignalReportsQueryParams,
 } from "@shared/types";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { useNavigationStore } from "@stores/navigationStore";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";

apps/code/src/renderer/features/onboarding/components/BillingStep.tsx

@@ -8,7 +8,15 @@ import {
   Check,
   WarningCircle,
 } from "@phosphor-icons/react";
-import { Badge, Button, Callout, Dialog, Flex, Spinner, Text } from "@radix-ui/themes";
+import {
+  Badge,
+  Button,
+  Callout,
+  Dialog,
+  Flex,
+  Spinner,
+  Text,
+} from "@radix-ui/themes";
 import phWordmark from "@renderer/assets/images/wordmark.svg";
 import { useEffect, useState } from "react";
 
@@ -198,7 +206,10 @@ export function BillingStep({ onNext, onBack }: BillingStepProps) {
           </Button>
         </Flex>
 
-        <Dialog.Root open={showUpgradeDialog} onOpenChange={setShowUpgradeDialog}>
+        <Dialog.Root
+          open={showUpgradeDialog}
+          onOpenChange={setShowUpgradeDialog}
+        >
           <Dialog.Content maxWidth="420px" size="2">
             <Dialog.Title size="3">Upgrade to Pro</Dialog.Title>
             <Dialog.Description size="2" color="gray">
@@ -207,11 +218,19 @@ export function BillingStep({ onNext, onBack }: BillingStepProps) {
             </Dialog.Description>
             <Flex direction="column" gap="2" mt="3">
               <Flex align="center" gap="2">
-                <Check size={14} weight="bold" style={{ color: "var(--accent-9)" }} />
+                <Check
+                  size={14}
+                  weight="bold"
+                  style={{ color: "var(--accent-9)" }}
+                />
                 <Text size="2">Unlimited token usage</Text>
               </Flex>
               <Flex align="center" gap="2">
-                <Check size={14} weight="bold" style={{ color: "var(--accent-9)" }} />
+                <Check
+                  size={14}
+                  weight="bold"
+                  style={{ color: "var(--accent-9)" }}
+                />
                 <Text size="2">Local and cloud execution</Text>
               </Flex>
             </Flex>

apps/code/src/renderer/features/sessions/service/service.ts

@@ -29,7 +29,6 @@ import { DEFAULT_GATEWAY_MODEL } from "@posthog/agent/gateway-models";
 import { getIsOnline } from "@renderer/stores/connectivityStore";
 import { trpcClient } from "@renderer/trpc/client";
 import { toast } from "@renderer/utils/toast";
-import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import {
   type CloudTaskUpdatePayload,
   type EffortLevel,
@@ -40,6 +39,7 @@ import {
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 import type { AcpMessage, StoredLogEntry } from "@shared/types/session-events";
 import { isJsonRpcRequest } from "@shared/types/session-events";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { buildPermissionToolMetadata, track } from "@utils/analytics";
 import { logger } from "@utils/logger";
 import {

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

@@ -20,14 +20,14 @@ import {
   TextField,
 } from "@radix-ui/themes";
 import { useTRPC } from "@renderer/trpc";
-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";
 import { useThemeStore } from "@stores/themeStore";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { track } from "@utils/analytics";
 import { playCompletionSound } from "@utils/sounds";
+import { getPostHogUrl } from "@utils/urls";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 

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

@@ -15,8 +15,8 @@ import {
   Spinner,
   Text,
 } from "@radix-ui/themes";
+import { getPostHogUrl } from "@utils/urls";
 import { useState } from "react";
-import { getPostHogUrl } from "@shared/utils/urls";
 
 export function PlanUsageSettings() {
   const {
@@ -294,11 +294,19 @@ export function PlanUsageSettings() {
           </Dialog.Description>
           <Flex direction="column" gap="2" mt="3">
             <Flex align="center" gap="2">
-              <Check size={14} weight="bold" style={{ color: "var(--accent-9)" }} />
+              <Check
+                size={14}
+                weight="bold"
+                style={{ color: "var(--accent-9)" }}
+              />
               <Text size="2">Unlimited token usage</Text>
             </Flex>
             <Flex align="center" gap="2">
-              <Check size={14} weight="bold" style={{ color: "var(--accent-9)" }} />
+              <Check
+                size={14}
+                weight="bold"
+                style={{ color: "var(--accent-9)" }}
+              />
               <Text size="2">Local and cloud execution</Text>
             </Flex>
           </Flex>

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

@@ -0,0 +1,8 @@
+import { useAuthStore } from "@features/auth/stores/authStore";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
+
+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}`}`;
+}