feat(desktop): use server side ga

DIYgod · DIYgod · commit a097a0a715c3 · 2025-06-28T15:47:38.000+08:00
diff --git a/.github/workflows/build-desktop.yml b/.github/workflows/build-desktop.yml
@@ -32,7 +32,6 @@ env:
   VITE_OPENPANEL_CLIENT_ID: ${{ vars.VITE_OPENPANEL_CLIENT_ID }}
   VITE_OPENPANEL_API_URL: ${{ vars.VITE_OPENPANEL_API_URL }}
   VITE_FIREBASE_CONFIG: ${{ vars.VITE_FIREBASE_CONFIG }}
-  VITE_GA4_KEY: ${{ vars.VITE_GA4_KEY }}
   NODE_OPTIONS: --max-old-space-size=8192
 
 jobs:
diff --git a/apps/desktop/layer/main/src/ipc/index.ts b/apps/desktop/layer/main/src/ipc/index.ts
@@ -3,7 +3,6 @@ import { AppService } from "./services/app"
 import { AuthService } from "./services/auth"
 import { DebugService } from "./services/debug"
 import { DockService } from "./services/dock"
-import { GA4Service } from "./services/ga4"
 import { IntegrationService } from "./services/integration"
 import { MenuService } from "./services/menu"
 import { ReaderService } from "./services/reader"
@@ -19,7 +18,6 @@ export const services = {
   reader: new ReaderService(),
   setting: new SettingService(),
   integration: new IntegrationService(),
-  ga4: new GA4Service(),
 } as const
 
 // Extract method types automatically from services
@@ -32,7 +30,6 @@ export type IpcServices = {
   reader: ExtractServiceMethods<ReaderService>
   setting: ExtractServiceMethods<SettingService>
   integration: ExtractServiceMethods<IntegrationService>
-  ga4: ExtractServiceMethods<GA4Service>
 }
 
 // Initialize all services (this will register all IPC handlers)
diff --git a/apps/desktop/layer/main/src/ipc/services/ga4.ts b/apps/desktop/layer/main/src/ipc/services/ga4.ts
diff --git a/apps/desktop/layer/main/src/lib/ga4.ts b/apps/desktop/layer/main/src/lib/ga4.ts
diff --git a/apps/desktop/layer/renderer/src/initialize/analytics.ts b/apps/desktop/layer/renderer/src/initialize/analytics.ts
@@ -1,17 +1,11 @@
-import { IN_ELECTRON } from "@follow/shared/constants"
-import { env } from "@follow/shared/env.desktop"
 import type { AuthSession } from "@follow/shared/hono"
 import { setFirebaseTracker, setOpenPanelTracker, tracker } from "@follow/tracker"
-import { getAnalytics, logEvent, setUserId, setUserProperties } from "firebase/analytics"
-import { initializeApp } from "firebase/app"
 
 import { QUERY_PERSIST_KEY } from "~/constants/app"
-import { ipcServices } from "~/lib/client"
 
+import { ga4 } from "./ga4"
 import { op } from "./op"
 
-const firebaseConfig = env.VITE_FIREBASE_CONFIG ? JSON.parse(env.VITE_FIREBASE_CONFIG) : null
-
 export const initAnalytics = async () => {
   tracker.manager.appendUserProperties({
     build: ELECTRON ? "electron" : "web",
@@ -20,35 +14,7 @@ export const initAnalytics = async () => {
     language: navigator.language,
   })
 
-  if (IN_ELECTRON) {
-    const firebaseTracker = {
-      logEvent: async (name: string, params: Record<string, any>) => {
-        return ipcServices?.ga4.logEvent({ name, params })
-      },
-      setUserId: async (id: string) => {
-        return ipcServices?.ga4.setUserId({ id })
-      },
-      setUserProperties: async (properties: Record<string, any>) => {
-        return ipcServices?.ga4.setUserProperties({ properties })
-      },
-    }
-    setFirebaseTracker(firebaseTracker)
-  } else {
-    const app = initializeApp(firebaseConfig)
-    const analytics = getAnalytics(app)
-    const firebaseTracker = {
-      logEvent: async (name: string, params: Record<string, any>) => {
-        return logEvent(analytics, name, params)
-      },
-      setUserId: async (id: string) => {
-        return setUserId(analytics, id)
-      },
-      setUserProperties: async (properties: Record<string, any>) => {
-        return setUserProperties(analytics, properties)
-      },
-    }
-    setFirebaseTracker(firebaseTracker)
-  }
+  setFirebaseTracker(ga4)
 
   setOpenPanelTracker(op)
 
diff --git a/apps/desktop/layer/renderer/src/initialize/ga4.ts b/apps/desktop/layer/renderer/src/initialize/ga4.ts
@@ -0,0 +1,56 @@
+import { v4 as uuidv4 } from "uuid"
+
+import { apiClient } from "~/lib/api-fetch"
+
+class Analytics4 {
+  private clientID: string
+  private sessionID: string
+  private userID: string | null = null
+  private userProperties: Record<string, { value: unknown }> | null = null
+
+  constructor(clientID: string = uuidv4(), sessionID = uuidv4()) {
+    this.clientID = clientID
+    this.sessionID = sessionID
+  }
+
+  async setUserId(id: string) {
+    this.userID = id
+  }
+
+  async setUserProperties(upValue?: Record<string, unknown>) {
+    const userProperties = Object.entries(upValue || {}).reduce((acc, [key, value]) => {
+      acc[key] = {
+        value,
+      }
+      return acc
+    }, {})
+    this.userProperties = userProperties
+  }
+
+  async logEvent(eventName: string, params?: Record<string, unknown>): Promise<any> {
+    delete params?.__code
+    delete params?.__eventName
+
+    const payload = {
+      client_id: this.clientID,
+      user_id: this.userID,
+      events: [
+        {
+          name: eventName,
+          params: {
+            session_id: this.sessionID,
+            engagement_time_msec: 1000,
+            ...params,
+          },
+        },
+      ],
+      user_properties: this.userProperties,
+    }
+
+    return apiClient.data.g.$post({
+      json: payload,
+    })
+  }
+}
+
+export const ga4 = new Analytics4()
diff --git a/packages/internal/shared/src/env.desktop.ts b/packages/internal/shared/src/env.desktop.ts
@@ -23,8 +23,6 @@ export const env = createEnv({
     VITE_POSTHOG_HOST: z.string().url().optional().default(DEFAULT_VALUES.PROD.POSTHOG_HOST),
 
     VITE_HCAPTCHA_SITE_KEY: z.string().default(DEFAULT_VALUES.PROD.HCAPTCHA_SITE_KEY),
-
-    VITE_GA4_KEY: z.string().optional(),
   },
 
   emptyStringAsUndefined: true,
diff --git a/packages/internal/shared/src/hono.ts b/packages/internal/shared/src/hono.ts
@@ -20928,7 +20928,18 @@ declare const _routes: hono_hono_base.HonoBase<Env, ({
             status: 200;
         };
     };
-}, "/trending">, "/">;
+}, "/trending"> | hono_types.MergeSchemaPath<{
+    "/g": {
+        $post: {
+            input: {
+                json: any;
+            };
+            output: Response;
+            outputFormat: "json";
+            status: hono_utils_http_status.StatusCode;
+        };
+    };
+}, "/data">, "/">;
 type AppType = typeof _routes;
 
 export { type ActionItem, type ActionsModel, type AirdropActivity, type AppType, type AttachmentsModel, type AuthSession, type AuthUser, CommonEntryFields, type ConditionItem, type DetailModel, type EntriesModel, type ExtraModel, type FeedModel, type ListModel, type MediaModel, type MessagingData, MessagingType, type SettingsModel, type UrlReadsModel, account, achievements, achievementsOpenAPISchema, actions, actionsItemOpenAPISchema, actionsOpenAPISchema, actionsRelations, activityEnum, airdrops, airdropsOpenAPISchema, attachmentsZodSchema, authPlugins, boosts, captcha, collections, collectionsOpenAPISchema, collectionsRelations, detailModelSchema, entries, entriesOpenAPISchema, entriesRelations, extraZodSchema, feedAnalytics, feedAnalyticsOpenAPISchema, feedAnalyticsRelations, feedPowerTokens, feedPowerTokensOpenAPISchema, feedPowerTokensRelations, feeds, feedsOpenAPISchema, feedsRelations, inboxHandleSchema, inboxes, inboxesEntries, inboxesEntriesInsertOpenAPISchema, type inboxesEntriesModel, inboxesEntriesOpenAPISchema, inboxesEntriesRelations, inboxesOpenAPISchema, inboxesRelations, invitations, invitationsOpenAPISchema, invitationsRelations, languageSchema, levels, levelsOpenAPISchema, levelsRelations, listAnalytics, listAnalyticsOpenAPISchema, listAnalyticsRelations, lists, listsOpenAPISchema, listsRelations, listsSubscriptions, listsSubscriptionsOpenAPISchema, listsSubscriptionsRelations, lower, mediaZodSchema, messaging, messagingOpenAPISchema, messagingRelations, readabilities, rsshub, rsshubAnalytics, rsshubAnalyticsOpenAPISchema, rsshubOpenAPISchema, rsshubPurchase, rsshubUsage, rsshubUsageOpenAPISchema, rsshubUsageRelations, session, settings, subscriptions, subscriptionsOpenAPISchema, subscriptionsRelations, timeline, timelineOpenAPISchema, timelineRelations, transactionType, transactions, transactionsOpenAPISchema, transactionsRelations, trendingFeeds, trendingFeedsOpenAPISchema, trendingFeedsRelations, twoFactor, uploads, urlReads, urlReadsOpenAPISchema, user, users, usersOpenApiSchema, usersRelations, verification, wallets, walletsOpenAPISchema, walletsRelations };
