fix: presence calculation

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

package.json

@@ -54,7 +54,7 @@
     "@milkdown/react": "7.3.3",
     "@milkdown/transformer": "7.3.3",
     "@milkdown/utils": "7.3.3",
-    "@mx-space/api-client": "1.8.0-beta.0",
+    "@mx-space/api-client": "1.8.0-beta.1",
     "@prosemirror-adapter/react": "0.2.6",
     "@radix-ui/react-dialog": "1.0.5",
     "@radix-ui/react-label": "2.0.2",

src/app/(app)/web-dev/page.tsx

@@ -18,7 +18,7 @@ import { apiClient } from '~/lib/request'
 import { usePageScrollLocation } from '~/providers/root/page-scroll-info-provider'
 import { queries } from '~/queries/definition'
 import { socketClient } from '~/socket'
-import { EventTypes, SocketEmitEnum } from '~/types/events'
+import { SocketEmitEnum } from '~/types/events'
 
 export default () => {
   const roomName = useMemo(() => `article-${111112222}`, [])
@@ -44,22 +44,10 @@ export default () => {
       roomName,
     })
 
-    const handler = (e: any) => {
-      console.log(e, 'EventTypes.ACTIVITY_UPDATE_PRESENCE')
-    }
-    window.addEventListener(
-      `event:${EventTypes.ACTIVITY_UPDATE_PRESENCE}`,
-      handler,
-    )
-
     return () => {
       socketClient.emit(SocketEmitEnum.Leave, {
         roomName,
       })
-      window.removeEventListener(
-        `event:${EventTypes.ACTIVITY_UPDATE_PRESENCE}`,
-        handler,
-      )
     }
   }, [roomName, identity, socketIsConnected])
 

src/components/modules/activity/Presence.tsx

@@ -130,15 +130,6 @@ const ReadPresenceTimeline = () => {
   const { roomName } = useRoomContext()
   const activityPresenceIdsCurrentRoom = useActivityPresenceByRoomName(roomName)
 
-  // console.log(activityPresenceIdsCurrentRoom, 'activityPresenceIdsCurrentRoom')
-  // console.log(
-
-  //   activityPresence,
-  //   'activityPresence',
-  //   sessionId,
-  //   useActivityPresence(),
-  // )
-
   return (
     <RootPortal>
       <div className="group fixed bottom-20 left-0 top-20 z-[3]">
@@ -181,7 +172,7 @@ const TimelineItem: FC<TimelineItemProps> = memo(({ type, identity }) => {
 
   if (typeof position !== 'number') return null
   const readingDuration = presence
-    ? formatSeconds((presence.operationTime - presence.connectedAt) / 1000)
+    ? formatSeconds((presence.operationTime - presence.joinedAt) / 1000)
     : ''
 
   return (

src/socket/socket-client.ts

@@ -60,6 +60,7 @@ class SocketClient {
 
     this.socket.close()
     this.socket.open()
+    setSocketIsConnect(this.socket.connected)
     this.socket.on(
       'message',
       (payload: string | Record<'type' | 'data', any>) => {