feat: polling entry reading history

Signed-off-by: Innei <i@innei.in>

src/renderer/src/lib/api-fetch.ts

@@ -1,3 +1,4 @@
+import { env } from "@env"
 import { getCsrfToken } from "@hono/auth-js/react"
 import PKG from "@pkg"
 import { NetworkStatus, setApiStatus } from "@renderer/atoms/network"
@@ -8,7 +9,7 @@ import type { AppType } from "src/hono"
 
 let csrfTokenPromise: Promise<string> | null = null
 export const apiFetch = ofetch.create({
-  baseURL: import.meta.env.VITE_API_URL,
+  baseURL: env.VITE_API_URL,
   credentials: "include",
   retry: false,
   onRequest: async ({ options }) => {
@@ -70,7 +71,7 @@ export const apiFetch = ofetch.create({
   },
 })
 
-export const apiClient = hc<AppType>("", {
+export const apiClient = hc<AppType>(env.VITE_API_URL, {
   fetch: async (input, options = {}) => apiFetch(input.toString(), options).catch(
     (err) => {
       if (err instanceof FetchError && !err.response) {

src/renderer/src/modules/entry-content/read-history.tsx

@@ -9,6 +9,8 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@renderer/components/ui/tooltip"
+import { useAuthQuery } from "@renderer/hooks/common"
+import { Queries } from "@renderer/queries"
 import { useEntryReadHistory } from "@renderer/store/entry"
 import { useUserById } from "@renderer/store/user"
 import { Fragment } from "react"
@@ -21,6 +23,10 @@ export const EntryReadHistory: Component<{ entryId: string }> = ({
   const me = useMe()
   const entryHistory = useEntryReadHistory(entryId)
 
+  useAuthQuery(Queries.entries.entryReadingHistory(entryId), {
+    refetchInterval: 1000 * 60,
+  })
+
   if (!entryHistory) return null
   if (!me) return null
   if (!entryHistory.userIds) return null
@@ -80,7 +86,7 @@ const EntryUser: Component<{
         }}
       >
         <button
-          className="no-drag-region"
+          className="no-drag-region cursor-pointer"
           type="button"
           onClick={() => {
             presentUserProfile(userId)

src/renderer/src/queries/entries.ts

@@ -3,6 +3,7 @@ import { apiClient } from "@renderer/lib/api-fetch"
 import { defineQuery } from "@renderer/lib/defineQuery"
 import { getEntriesParams } from "@renderer/lib/utils"
 import { entryActions } from "@renderer/store/entry"
+import { entryHistoryActions } from "@renderer/store/entry-history/action"
 
 export const entries = {
   entries: ({
@@ -88,6 +89,15 @@ export const entries = {
         rootKey: ["entry-checkNew", id],
       },
     ),
+
+  entryReadingHistory: (entryId: string) =>
+    defineQuery(
+      ["entry-reading-history", entryId],
+      async () => entryHistoryActions.fetchEntryHistory(entryId),
+      {
+        rootKey: ["entry-reading-history", entryId],
+      },
+    ),
 }
 
 export const useEntries = ({

src/renderer/src/store/entry-history/action.ts

@@ -0,0 +1,27 @@
+import { apiClient } from "@renderer/lib/api-fetch"
+import type { UserModel } from "@renderer/models"
+
+import { entryActions } from "../entry/store"
+import { userActions } from "../user"
+
+class EntryHistoryActions {
+  async fetchEntryHistory(entryId: string) {
+    const res = await apiClient.entries["read-histories"][entryId].$get()
+
+    const data = res.data as {
+      users: Record<string, UserModel>
+      entryReadHistories: {
+        entryId: string
+        userIds: string[]
+        readCount: number
+      }
+    }
+
+    userActions.upsert(data.users)
+    entryActions.updateReadHistory(entryId, data.entryReadHistories)
+
+    return data
+  }
+}
+
+export const entryHistoryActions = new EntryHistoryActions()