RSSNext
diff --git a/‎apps/desktop/layer/renderer/src/components/errors/previews/FeedPreview.tsx
Copy file name to clipboard
-108Lines changed: 0 additions & 108 deletions b/‎apps/desktop/layer/renderer/src/components/errors/previews/FeedPreview.tsx
Copy file name to clipboard
-108Lines changed: 0 additions & 108 deletions
diff --git a/‎apps/ssr/client/atoms/app.ts
Copy file name to clipboard
-9Lines changed: 0 additions & 9 deletions b/‎apps/ssr/client/atoms/app.ts
Copy file name to clipboard
-9Lines changed: 0 additions & 9 deletions
diff --git a/‎apps/ssr/client/lib/helper.ts
Copy file name to clipboard
+6-20Lines changed: 6 additions & 20 deletions b/‎apps/ssr/client/lib/helper.ts
Copy file name to clipboard
+6-20Lines changed: 6 additions & 20 deletions
diff --git a/‎apps/ssr/client/pages/(main)/share/feeds/[id]/index.tsx
Copy file name to clipboard
+53-48Lines changed: 53 additions & 48 deletions b/‎apps/ssr/client/pages/(main)/share/feeds/[id]/index.tsx
Copy file name to clipboard
+53-48Lines changed: 53 additions & 48 deletions
diff --git a/‎apps/ssr/client/pages/(main)/share/lists/[id]/index.tsx
Copy file name to clipboard
+4-3Lines changed: 4 additions & 3 deletions b/‎apps/ssr/client/pages/(main)/share/lists/[id]/index.tsx
Copy file name to clipboard
+4-3Lines changed: 4 additions & 3 deletions
diff --git a/‎apps/ssr/client/pages/(main)/share/users/[id]/index.tsx
Copy file name to clipboard
+8-4Lines changed: 8 additions & 4 deletions b/‎apps/ssr/client/pages/(main)/share/users/[id]/index.tsx
Copy file name to clipboard
+8-4Lines changed: 8 additions & 4 deletions
@@ -1,4 +1,3 @@
-import { setOpenInAppDeeplink } from "@client/atoms/app"
 import type { FeedOrListRespModel } from "@follow/models/types"
 import { DEEPLINK_SCHEME } from "@follow/shared/constants"
 
@@ -55,25 +54,13 @@ export type GetHydrateData<T> = T extends (...args: any[]) => Promise<infer R>
         ? ExtractHydrateData<UnwrapMetadataFn<Parameters<T>[0]>>
         : ExtractHydrateData<T>
 
-export const askOpenInFollowApp = (deeplink: string, fallback?: () => string): Promise<boolean> => {
-  return new Promise(() => {
-    const deeplinkUrl = `${DEEPLINK_SCHEME}${deeplink}`
-    setOpenInAppDeeplink({
-      deeplink: deeplinkUrl,
-      fallbackUrl: fallback ? fallback() : undefined,
-    })
-  })
-}
-
 export const openInFollowApp = ({
   deeplink,
   fallback,
-  alwaysFallback,
   fallbackUrl,
 }: {
   deeplink: string
-  fallback: () => void
-  alwaysFallback?: boolean
+  fallback?: () => void
   fallbackUrl?: string
 }): Promise<boolean> => {
   return new Promise((resolve) => {
@@ -98,15 +85,14 @@ export const openInFollowApp = ({
 
     setTimeout(() => {
       cleanup()
-      if (!isAppOpened && !alwaysFallback) {
-        fallback()
+      if (!isAppOpened) {
+        fallback?.()
+        if (fallbackUrl) {
+          window.location.href = fallbackUrl
+        }
         resolve(false)
         return
       }
-      setOpenInAppDeeplink({
-        deeplink: deeplinkUrl,
-        fallbackUrl,
-      })
     }, timeout)
   })
 }
@@ -2,31 +2,32 @@ import { Item } from "@client/components/items"
 import { MainContainer } from "@client/components/layout/main"
 import { FeedCertification } from "@client/components/ui/feed-certification"
 import { FeedIcon } from "@client/components/ui/feed-icon"
-import { askOpenInFollowApp } from "@client/lib/helper"
+import { openInFollowApp } from "@client/lib/helper"
 import { useEntriesPreview } from "@client/query/entries"
 import { useFeed } from "@client/query/feed"
 import { FollowIcon } from "@follow/components/icons/follow.jsx"
 import { Button } from "@follow/components/ui/button/index.jsx"
+import { RelativeTime } from "@follow/components/ui/datetime/index.jsx"
 import { LoadingCircle } from "@follow/components/ui/loading/index.jsx"
 import { useTitle } from "@follow/hooks"
 import { cn } from "@follow/utils/utils"
 import { useTranslation } from "react-i18next"
 import { useParams, useSearchParams } from "react-router"
-import { toast } from "sonner"
 
 const numberFormatter = new Intl.NumberFormat()
 export function Component() {
   const { id } = useParams()
   const [search] = useSearchParams()
-  const view = Number.parseInt(search.get("view") || "0")
 
   const { t } = useTranslation()
 
   const feed = useFeed({
     id: id!,
   })
+  const view = Number.parseInt(search.get("view") || feed.data?.analytics?.view?.toString() || "0")
 
   const feedData = feed.data?.feed
+  const analytics = feed.data?.analytics
   const isSubscribed = !!feed.data?.subscription
   const entries = useEntriesPreview({
     id,
@@ -40,59 +41,63 @@ export function Component() {
 
   return (
     <MainContainer className="items-center">
-      <FeedIcon fallback feed={feed.data.feed} className="mask-squircle mask shrink-0" size={64} />
-
-      <div className="flex max-w-prose flex-col items-center">
-        <div className="mb-2 mt-4 flex items-center text-2xl font-bold">
-          <h1>{feed.data.feed.title}</h1>
-          <FeedCertification feed={feed.data.feed} />
+      <div className="my-4 flex max-w-prose flex-col items-center space-y-5">
+        <FeedIcon fallback feed={feedData} className="mask-squircle mask shrink-0" size={64} />
+        <div className="flex flex-col items-center space-y-1">
+          <div className="flex items-center text-2xl font-bold">
+            <h1>{feedData.title}</h1>
+            <FeedCertification feed={feedData} />
+          </div>
+          <div className="text-center text-sm text-zinc-500">{feedData.url}</div>
         </div>
-        <div className="mb-8 text-sm text-zinc-500">{feed.data.feed.description}</div>
-      </div>
+        <div className="line-clamp-2 text-center text-zinc-600">{feedData.description}</div>
 
-      <div className="mb-4 text-sm">
-        {t("feed.followsAndReads", {
-          subscriptionCount: numberFormatter.format(feed.data.subscriptionCount),
-          subscriptionNoun: t("feed.follower", { count: feed.data.subscriptionCount }),
-          readCount: numberFormatter.format(feed.data.readCount),
-          readNoun: t("feed.read", { count: feed.data.readCount }),
-          appName: APP_NAME,
-        })}
-      </div>
+        <div className="flex justify-between gap-4">
+          <div className="flex items-center gap-4 text-base text-zinc-500 dark:text-zinc-400">
+            {!!analytics?.subscriptionCount && (
+              <div className="flex items-center gap-1">
+                <i className="i-mgc-user-3-cute-re" />
 
-      <span className="center mb-8 flex gap-4">
-        {feedData.url.startsWith("https://") ? (
-          <Button
-            variant={"outline"}
-            onClick={() => {
-              window.open(feedData.siteUrl || feedData.url, "_blank")
-            }}
-          >
-            {t("feed.view_feed_url")}
-          </Button>
-        ) : (
+                <span>
+                  {numberFormatter.format(analytics.subscriptionCount)}{" "}
+                  {t("feed.follower", { count: analytics.subscriptionCount })}
+                </span>
+              </div>
+            )}
+            {analytics?.updatesPerWeek ? (
+              <div className="flex items-center gap-1">
+                <i className="i-mgc-safety-certificate-cute-re" />
+                <span>{t("feed.entry_week", { count: analytics.updatesPerWeek ?? 0 })}</span>
+              </div>
+            ) : analytics?.latestEntryPublishedAt ? (
+              <div className="flex items-center gap-1">
+                <i className="i-mgc-safe-alert-cute-re" />
+                <span>{t("feed.updated_at")}</span>
+                <RelativeTime
+                  date={analytics.latestEntryPublishedAt}
+                  displayAbsoluteTimeAfterDay={Infinity}
+                />
+              </div>
+            ) : null}
+          </div>
+        </div>
+        <div className="center flex gap-4">
           <Button
-            variant={"outline"}
+            variant={isSubscribed ? "outline" : undefined}
             onClick={() => {
-              toast.success(t("copied_link"))
-              navigator.clipboard.writeText(feedData.url)
+              openInFollowApp({
+                deeplink: `add?id=${id}`,
+                fallbackUrl: `/timeline/view-${view}/all/pending?follow=${id}&follow_type=feed`,
+              })
             }}
           >
-            {t("feed.copy_feed_url")}
+            <FollowIcon className="mr-2 size-3" />
+            {isSubscribed
+              ? t("feed.actions.followed")
+              : t("feed.actions.open", { which: APP_NAME })}
           </Button>
-        )}
-        <Button
-          variant={isSubscribed ? "outline" : undefined}
-          onClick={() => {
-            askOpenInFollowApp(`add?id=${id}`, () => {
-              return `/timeline/view-${view}/all/pending?follow=${id}&follow_type=feed`
-            })
-          }}
-        >
-          <FollowIcon className="mr-1 size-3" />
-          {isSubscribed ? t("feed.actions.followed") : <>{APP_NAME}</>}
-        </Button>
-      </span>
+        </div>
+      </div>
       <div className={cn("w-full pb-12 pt-8", "flex max-w-3xl flex-col gap-2")}>
         {entries.isLoading && !entries.data ? (
           <LoadingCircle size="large" className="center mt-12" />
 
@@ -2,7 +2,7 @@ import { Item } from "@client/components/items"
 import { MainContainer } from "@client/components/layout/main"
 import { FeedCertification } from "@client/components/ui/feed-certification"
 import { FeedIcon } from "@client/components/ui/feed-icon"
-import { askOpenInFollowApp } from "@client/lib/helper"
+import { openInFollowApp } from "@client/lib/helper"
 import type { Feed } from "@client/query/feed"
 import { useList } from "@client/query/list"
 import { FollowIcon } from "@follow/components/icons/follow.jsx"
@@ -39,8 +39,9 @@ export function Component() {
   useTitle(list.data?.list.title)
 
   const handleOpenInFollowApp = () => {
-    askOpenInFollowApp(`add?type=list&id=${id!}`, () => {
-      return `/timeline/view-0/all/pending?follow=${id}&follow_type=list`
+    openInFollowApp({
+      deeplink: `add?type=list&id=${id!}`,
+      fallbackUrl: `/timeline/view-0/all/pending?follow=${id}&follow_type=list`,
     })
   }
 
 
@@ -1,7 +1,7 @@
 import { useWhoami } from "@client/atoms/user"
 import { MainContainer } from "@client/components/layout/main"
 import { FeedIcon } from "@client/components/ui/feed-icon"
-import { askOpenInFollowApp } from "@client/lib/helper"
+import { openInFollowApp } from "@client/lib/helper"
 import { UrlBuilder } from "@client/lib/url-builder"
 import { useUserQuery, useUserSubscriptionsQuery } from "@client/query/users"
 import { FollowIcon } from "@follow/components/icons/follow.jsx"
@@ -47,7 +47,10 @@ export const Component = () => {
             {user.data?.id && (
               <Button
                 onClick={() => {
-                  askOpenInFollowApp(`add?url=rsshub://follow/profile/${user.data?.id}`)
+                  openInFollowApp({
+                    deeplink: `add?url=rsshub://follow/profile/${user.data?.id}`,
+                    fallbackUrl: `/timeline/view-0/all/pending?follow=${user.data?.id}&follow_type=user`,
+                  })
                 }}
               >
                 <FollowIcon className="mr-1 size-3" />
@@ -103,8 +106,9 @@ export const Component = () => {
                               <Button
                                 onClick={(e) => {
                                   e.stopPropagation()
-                                  askOpenInFollowApp(`add?id=${subscription.feedId}`, () => {
-                                    return `/timeline/view-${subscription.view}/${subscription.feedId}/pending`
+                                  openInFollowApp({
+                                    deeplink: `add?id=${subscription.feedId}`,
+                                    fallbackUrl: `/timeline/view-${subscription.view}/${subscription.feedId}/pending`,
                                   })
                                 }}
                               >