Move getPostHogUrl to renderer utils to fix typecheck

Author: charlesvien

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

@@ -9,7 +9,6 @@ import { Callout, Flex, Spinner, Text, Theme } from "@radix-ui/themes";
 import codeLogo from "@renderer/assets/images/code.svg";
 import logomark from "@renderer/assets/images/logomark.svg";
 import { trpcClient } from "@renderer/trpc/client";
-import { REGION_LABELS } from "@shared/types/regions";
 import type { CloudRegion } from "@shared/types/regions";
 import { RegionSelect } from "./RegionSelect";
 

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/inbox/components/InboxSignalsTab.tsx

@@ -54,19 +54,15 @@ import {
   Text,
   Tooltip,
 } from "@radix-ui/themes";
-<<<<<<< HEAD
 import explorerHog from "@renderer/assets/images/explorer-hog.png";
 import graphsHog from "@renderer/assets/images/graphs-hog.png";
 import mailHog from "@renderer/assets/images/mail-hog.png";
-import { getCloudUrlFromRegion } from "@shared/constants/oauth";
-=======
-import { getCloudUrlFromRegion } from "@shared/utils/urls";
->>>>>>> ed81b3be (Move getCloudUrlFromRegion to shared/utils/urls)
 import type {
   SignalReportArtefact,
   SignalReportsQueryParams,
   SuggestedReviewersArtefact,
 } from "@shared/types";
+import { getCloudUrlFromRegion } from "@shared/utils/urls";
 import { useNavigationStore } from "@stores/navigationStore";
 import { useRendererWindowFocusStore } from "@stores/rendererWindowFocusStore";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

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 codeLogo from "@renderer/assets/images/code.svg";
 import { useEffect, useState } from "react";
 
@@ -200,7 +208,10 @@ export function BillingStep({ onNext, onBack }: BillingStepProps) {
           </Flex>
         </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">
@@ -209,11 +220,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

@@ -30,7 +30,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,
@@ -41,6 +40,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

@@ -19,13 +19,13 @@ import {
   Text,
 } from "@radix-ui/themes";
 import { useTRPC } from "@renderer/trpc";
-import { getPostHogUrl } from "@shared/utils/urls";
 import { ANALYTICS_EVENTS } from "@shared/types/analytics";
 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 } 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}`}`;
+}

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

@@ -1,4 +1,3 @@
-import { useAuthStore } from "@features/auth/stores/authStore";
 import type { CloudRegion } from "@shared/types/regions";
 
 export function getCloudUrlFromRegion(region: CloudRegion): string {
@@ -11,11 +10,3 @@ export function getCloudUrlFromRegion(region: CloudRegion): string {
       return "http://localhost:8010";
   }
 }
-
-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}`}`;
-}