feat(mobile): show analytics in feed form

DIYgod · DIYgod · commit 2c27d91aaa58 · 2025-06-05T19:30:08.000+08:00
diff --git a/apps/desktop/layer/renderer/src/modules/discover/DiscoverFeedCard.tsx b/apps/desktop/layer/renderer/src/modules/discover/DiscoverFeedCard.tsx
@@ -96,7 +96,7 @@ interface DiscoverFeedCardProps {
 export const DiscoverFeedCard: FC<DiscoverFeedCardProps> = memo(
   ({ item, onSuccess, className }) => {
     const numberFormatter = useMemo(() => new Intl.NumberFormat("en-US", {}), [])
-    const { t } = useTranslation()
+    const { t } = useTranslation("common")
 
     const isSubscribed = useIsSubscribed(item.feed?.id || item.list?.id || "")
 
diff --git a/apps/mobile/src/modules/feed/FollowFeed.tsx b/apps/mobile/src/modules/feed/FollowFeed.tsx
@@ -16,12 +16,16 @@ import {
   NavigationBlurEffectHeaderView,
   SafeNavigationScrollView,
 } from "@/src/components/layouts/views/SafeNavigationScrollView"
+import { RelativeDateTime } from "@/src/components/ui/datetime/RelativeDateTime"
 import { FormProvider } from "@/src/components/ui/form/FormProvider"
 import { FormLabel } from "@/src/components/ui/form/Label"
 import { FormSwitch } from "@/src/components/ui/form/Switch"
 import { TextField } from "@/src/components/ui/form/TextField"
 import { GroupedInsetListCard } from "@/src/components/ui/grouped/GroupedList"
 import { PlatformActivityIndicator } from "@/src/components/ui/loading/PlatformActivityIndicator"
+import { SafeAlertCuteReIcon } from "@/src/icons/safe_alert_cute_re"
+import { SafetyCertificateCuteReIcon } from "@/src/icons/safety_certificate_cute_re"
+import { User3CuteReIcon } from "@/src/icons/user_3_cute_re"
 import { useCanDismiss, useNavigation } from "@/src/lib/navigation/hooks"
 import { useSetModalScreenOptions } from "@/src/lib/navigation/ScreenOptionsContext"
 import { FeedSummary } from "@/src/modules/discover/FeedSummary"
@@ -37,9 +41,9 @@ const formSchema = z.object({
 export function FollowFeed(props: { id: string }) {
   const { id } = props
   const feed = useFeed(id as string)
-  const { isLoading } = usePrefetchFeed(id as string, { enabled: !feed })
+  usePrefetchFeed(id as string)
 
-  if (isLoading) {
+  if (!feed) {
     return (
       <View className="mt-24 flex-1 flex-row items-start justify-center">
         <PlatformActivityIndicator />
@@ -172,7 +176,35 @@ function FollowImpl(props: { feedId: string }) {
               type: "feed",
             },
           }}
-        />
+        >
+          <View className="ml-11 mt-2 flex-row items-center gap-3 opacity-60">
+            {!!feed.subscriptionCount && (
+              <View className="flex-row items-center gap-1">
+                <User3CuteReIcon width={12} height={12} />
+                <Text className="text-text text-sm">
+                  {feed.subscriptionCount}{" "}
+                  {tCommon("feed.follower", { count: feed.subscriptionCount })}
+                </Text>
+              </View>
+            )}
+            {feed.updatesPerWeek ? (
+              <View className="flex-row items-center gap-1">
+                <SafetyCertificateCuteReIcon width={12} height={12} />
+                <Text className="text-text text-sm">
+                  {tCommon("feed.entry_week", { count: feed.updatesPerWeek })}
+                </Text>
+              </View>
+            ) : feed.latestEntryPublishedAt ? (
+              <View className="flex-row items-center gap-1">
+                <SafeAlertCuteReIcon width={12} height={12} />
+                <Text className="text-text text-sm">
+                  {tCommon("feed.updated_at")}
+                  <RelativeDateTime date={feed.latestEntryPublishedAt} />
+                </Text>
+              </View>
+            ) : null}
+          </View>
+        </FeedSummary>
       </GroupedInsetListCard>
       {/* Group 2 */}
       <GroupedInsetListCard className="gap-y-4 p-4">
diff --git a/locales/app/en.json b/locales/app/en.json
@@ -189,14 +189,9 @@
   "entry_list_header.unread": "unread",
   "feed.actions.follow": "Follow",
   "feed.actions.followed": "Followed",
-  "feed.entry_week_one": "{{count}} entry/week",
-  "feed.entry_week_other": "{{count}} entries/week",
-  "feed.follower_one": "follower",
-  "feed.follower_other": "followers",
   "feed.followsAndFeeds": "{{subscriptionCount}} {{subscriptionNoun}} and {{feedsCount}} {{feedsNoun}} on {{appName}}",
   "feed.read_one": "read",
   "feed.read_other": "reads",
-  "feed.updated_at": "Updated",
   "feed_claim_modal.choose_verification_method": "There are three ways to choose from, you can choose one of them to verify.",
   "feed_claim_modal.claim_button": "Claim",
   "feed_claim_modal.content_instructions": "Copy the content below and post it to your latest RSS feed.",
diff --git a/locales/app/ja.json b/locales/app/ja.json
@@ -160,8 +160,6 @@
   "entry_list_header.switch_to_widemode": "ワイドモードに切り替え",
   "entry_list_header.unread": "未読",
   "feed.actions.followed": "フォロー済み",
-  "feed.follower_one": "フォロワー",
-  "feed.follower_other": "フォロワー",
   "feed.followsAndFeeds": "{{subscriptionCount}} {{subscriptionNoun}} と {{feedsCount}} {{feedsNoun}} on {{appName}}",
   "feed.read_one": "読む",
   "feed.read_other": "読む",
diff --git a/locales/app/zh-CN.json b/locales/app/zh-CN.json
@@ -188,14 +188,9 @@
   "entry_list_header.unread": "未读",
   "feed.actions.follow": "订阅",
   "feed.actions.followed": "已订阅",
-  "feed.entry_week_one": "{{count}} 条目/周",
-  "feed.entry_week_other": "{{count}} 条目/周",
-  "feed.follower_one": "订阅者",
-  "feed.follower_other": "订阅者",
   "feed.followsAndFeeds": "在 {{appName}} 上有 {{subscriptionCount}} 个{{subscriptionNoun}}和 {{feedsCount}} 个{{feedsNoun}}",
   "feed.read_one": "阅读",
   "feed.read_other": "阅读",
-  "feed.updated_at": "更新于",
   "feed_claim_modal.choose_verification_method": "有三种认证方式，可任选其中一种进行认证。",
   "feed_claim_modal.claim_button": "认证",
   "feed_claim_modal.content_instructions": "复制以下内容，发布到需要认证的订阅源。",
diff --git a/locales/app/zh-TW.json b/locales/app/zh-TW.json
@@ -186,14 +186,9 @@
   "entry_list_header.unread": "未讀",
   "feed.actions.follow": "跟隨",
   "feed.actions.followed": "已跟隨",
-  "feed.entry_week_one": "{{count}} 條目/週",
-  "feed.entry_week_other": "{{count}} 條目/週",
-  "feed.follower_one": "跟隨者",
-  "feed.follower_other": "跟隨者",
   "feed.followsAndFeeds": "在 {{appName}} 上有 {{subscriptionCount}} 個 {{subscriptionNoun}} 和 {{feedsCount}} 個 {{feedsNoun}}",
   "feed.read_one": "閱讀",
   "feed.read_other": "閱讀",
-  "feed.updated_at": "已更新",
   "feed_claim_modal.choose_verification_method": "有三種驗證方式，您可以選擇其中一種進行驗證。",
   "feed_claim_modal.claim_button": "認領",
   "feed_claim_modal.content_instructions": "複製以下內容，發佈到需要驗證的 RSS 摘要。",
diff --git a/locales/common/en.json b/locales/common/en.json
@@ -23,6 +23,11 @@
   "discover.category.traditional-media": "News",
   "discover.category.travel": "Travel",
   "discover.category.university": "University",
+  "feed.entry_week_one": "{{count}} entry/week",
+  "feed.entry_week_other": "{{count}} entries/week",
+  "feed.follower_one": "follower",
+  "feed.follower_other": "followers",
+  "feed.updated_at": "Updated",
   "feed_view_type.articles": "Articles",
   "feed_view_type.audios": "Audios",
   "feed_view_type.notifications": "Notifications",
diff --git a/locales/common/ja.json b/locales/common/ja.json
@@ -23,6 +23,8 @@
   "discover.category.traditional-media": "ニュース",
   "discover.category.travel": "旅行",
   "discover.category.university": "大学",
+  "feed.follower_one": "フォロワー",
+  "feed.follower_other": "フォロワー",
   "feed_view_type.articles": "記事",
   "feed_view_type.audios": "オーディオ",
   "feed_view_type.notifications": "通知",
diff --git a/locales/common/zh-CN.json b/locales/common/zh-CN.json
@@ -23,6 +23,11 @@
   "discover.category.traditional-media": "传统媒体",
   "discover.category.travel": "出行旅游",
   "discover.category.university": "大学通知",
+  "feed.entry_week_one": "{{count}} 条目/周",
+  "feed.entry_week_other": "{{count}} 条目/周",
+  "feed.follower_one": "订阅者",
+  "feed.follower_other": "订阅者",
+  "feed.updated_at": "更新于",
   "feed_view_type.articles": "文章",
   "feed_view_type.audios": "音频",
   "feed_view_type.notifications": "通知",
diff --git a/locales/common/zh-TW.json b/locales/common/zh-TW.json
@@ -23,6 +23,11 @@
   "discover.category.traditional-media": "傳統媒體",
   "discover.category.travel": "出行旅遊",
   "discover.category.university": "大學資訊",
+  "feed.entry_week_one": "{{count}} 條目/週",
+  "feed.entry_week_other": "{{count}} 條目/週",
+  "feed.follower_one": "跟隨者",
+  "feed.follower_other": "跟隨者",
+  "feed.updated_at": "已更新",
   "feed_view_type.articles": "文章",
   "feed_view_type.audios": "音訊",
   "feed_view_type.notifications": "通知",
diff --git a/packages/internal/database/src/drizzle/0023_pink_namor.sql b/packages/internal/database/src/drizzle/0023_pink_namor.sql
@@ -0,0 +1,3 @@
+ALTER TABLE `feeds` ADD `subscription_count` integer;--> statement-breakpoint
+ALTER TABLE `feeds` ADD `updates_per_week` integer;--> statement-breakpoint
+ALTER TABLE `feeds` ADD `latest_entry_published_at` text;
diff --git a/packages/internal/database/src/drizzle/meta/0023_snapshot.json b/packages/internal/database/src/drizzle/meta/0023_snapshot.json
diff --git a/packages/internal/database/src/drizzle/meta/_journal.json b/packages/internal/database/src/drizzle/meta/_journal.json
diff --git a/packages/internal/database/src/drizzle/migrations.js b/packages/internal/database/src/drizzle/migrations.js
diff --git a/packages/internal/database/src/schemas/index.ts b/packages/internal/database/src/schemas/index.ts
diff --git a/packages/internal/store/src/feed/store.ts b/packages/internal/store/src/feed/store.ts
