@knocklabs/client 0.10.7 → 0.10.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/clients/feed/feed.js +1 -1
- package/dist/cjs/clients/feed/feed.js.map +1 -1
- package/dist/esm/clients/feed/feed.mjs +114 -122
- package/dist/esm/clients/feed/feed.mjs.map +1 -1
- package/dist/types/clients/feed/feed.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/clients/feed/feed.ts +42 -61
package/CHANGELOG.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var f=Object.defineProperty;var p=(u,e,t)=>e in u?f(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var r=(u,e,t)=>(p(u,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("eventemitter2"),m=require("../../networkStatus.js"),g=require("./store.js"),_={archived:"exclude"},S=2e3;class y{constructor(e,t,s){r(this,"userFeedId");r(this,"channel");r(this,"broadcaster");r(this,"defaultOptions");r(this,"broadcastChannel");r(this,"disconnectTimer",null);r(this,"hasSubscribedToRealTimeUpdates",!1);r(this,"visibilityChangeHandler",()=>{});r(this,"visibilityChangeListenerConnected",!1);r(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=g.default(),this.broadcaster=new k({wildcard:!0,delimiter:"."}),this.defaultOptions={..._,...s},this.knock.log(`[Feed] Initialized a feed on channel ${t}`),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}reinitialize(){this.userFeedId=this.buildUserFeedId(),this.initializeRealtimeConnection(),this.setupBroadcastChannel()}teardown(){this.knock.log("[Feed] Tearing down feed instance"),this.channel&&(this.channel.leave(),this.channel.off("new-message")),this.teardownAutoSocketManager(),this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),this.broadcastChannel&&this.broadcastChannel.close()}dispose(){this.knock.log("[Feed] Disposing of feed instance"),this.teardown(),this.broadcaster.removeAllListeners(),this.knock.feeds.removeInstance(this),this.store.destroy()}listenForUpdates(){this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0;const e=this.knock.client().socket;e&&!e.isConnected()&&e.connect(),this.channel&&["closed","errored"].includes(this.channel.state)&&this.channel.join()}on(e,t){this.broadcaster.on(e,t)}off(e,t){this.broadcaster.off(e,t)}getState(){return this.store.getState()}async markAsSeen(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"seen",{seen_at:t},"unseen_count"),this.makeStatusUpdate(e,"seen")}async markAllAsSeen(){const{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unseen")s.resetStore({...e,total_count:0,unseen_count:0});else{s.setMetadata({...e,unseen_count:0});const i={seen_at:new Date().toISOString()},c=t.map(o=>o.id);s.setItemAttrs(c,i)}const a=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",t),a}async markAsUnseen(e){return this.optimisticallyPerformStatusUpdate(e,"unseen",{seen_at:null},"unseen_count"),this.makeStatusUpdate(e,"unseen")}async markAsRead(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"read",{read_at:t},"unread_count"),this.makeStatusUpdate(e,"read")}async markAllAsRead(){const{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unread")s.resetStore({...e,total_count:0,unread_count:0});else{s.setMetadata({...e,unread_count:0});const i={read_at:new Date().toISOString()},c=t.map(o=>o.id);s.setItemAttrs(c,i)}const a=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",t),a}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:t,interacted_at:t},"unread_count"),this.makeStatusUpdate(e,"interacted")}async markAsArchived(e){const t=this.store.getState(),s=this.defaultOptions.archived==="exclude",n=Array.isArray(e)?e:[e],a=n.map(i=>i.id);if(s){const i=n.filter(l=>!l.seen_at).length,c=n.filter(l=>!l.read_at).length,o={...t.metadata,total_count:t.metadata.total_count-n.length,unseen_count:t.metadata.unseen_count-i,unread_count:t.metadata.unread_count-c},d=t.items.filter(l=>!a.includes(l.id));t.setResult({entries:d,meta:o,page_info:t.pageInfo})}else t.setItemAttrs(a,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{items:e,...t}=this.store.getState();if(this.defaultOptions.archived==="exclude")t.resetStore();else{const a=e.map(i=>i.id);t.setItemAttrs(a,{archived_at:new Date().toISOString()})}const n=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",e),n}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{networkStatus:t,...s}=this.store.getState();if(m.isRequestInFlight(t))return;s.setNetworkStatus(e.__loadingType??m.NetworkStatus.loading);const n={...this.defaultOptions,...e,__loadingType:void 0,__fetchSource:void 0,__experimentalCrossBrowserUpdates:void 0,auto_manage_socket_connection:void 0,auto_manage_socket_connection_delay:void 0},a=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:n});if(a.statusCode==="error"||!a.body)return s.setNetworkStatus(m.NetworkStatus.error),{status:a.statusCode,data:a.error||a.body};const i={entries:a.body.entries,meta:a.body.meta,page_info:a.body.page_info};if(e.before){const d={shouldSetPage:!1,shouldAppend:!0};s.setResult(i,d)}else if(e.after){const d={shouldSetPage:!0,shouldAppend:!0};s.setResult(i,d)}else s.setResult(i);this.broadcast("messages.new",i);const c=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",o={items:i.entries,metadata:i.meta,event:c};return this.broadcast(o.event,o),{data:i,status:a.statusCode}}async fetchNextPage(){const{pageInfo:e}=this.store.getState();e.after&&this.fetch({after:e.after,__loadingType:m.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{items:t,...s}=this.store.getState(),n=t[0];s.setMetadata(e),this.fetch({before:n==null?void 0:n.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,n){const a=this.store.getState(),i=Array.isArray(e)?e:[e],c=i.map(o=>o.id);if(n){const{metadata:o}=a,d=i.filter(h=>{switch(t){case"seen":return h.seen_at===null;case"unseen":return h.seen_at!==null;case"read":case"interacted":return h.read_at===null;case"unread":return h.read_at!==null;default:return!0}}),l=t.startsWith("un")?d.length:-d.length;a.setMetadata({...o,[n]:Math.max(0,o[n]+l)})}a.setItemAttrs(c,s)}async makeStatusUpdate(e,t){const s=Array.isArray(e)?e:[e],n=s.map(i=>i.id),a=await this.knock.messages.batchUpdateStatuses(n,t);return this.emitEvent(t,s),a}async makeBulkStatusUpdate(e){const t={user_ids:[this.knock.userId],engagement_status:this.defaultOptions.status!=="all"?this.defaultOptions.status:void 0,archived:this.defaultOptions.archived,has_tenant:this.defaultOptions.has_tenant,tenants:this.defaultOptions.tenant?[this.defaultOptions.tenant]:void 0};return await this.knock.messages.bulkUpdateAllStatusesInChannel({channelId:this.feedId,status:e,options:t})}setupBroadcastChannel(){this.broadcastChannel=typeof self<"u"&&"BroadcastChannel"in self?new BroadcastChannel(`knock:feed:${this.userFeedId}`):null,this.broadcastChannel&&this.defaultOptions.__experimentalCrossBrowserUpdates===!0&&(this.broadcastChannel.onmessage=e=>{switch(e.data.type){case"items:archived":case"items:unarchived":case"items:seen":case"items:unseen":case"items:read":case"items:unread":case"items:all_read":case"items:all_seen":case"items:all_archived":return this.fetch();default:return null}})}broadcastOverChannel(e,t){if(this.broadcastChannel)try{const s=JSON.parse(JSON.stringify(t));this.broadcastChannel.postMessage({type:e,payload:s})}catch(s){console.warn(`Could not broadcast ${e}, got error: ${s}`)}}initializeRealtimeConnection(){const{socket:e}=this.knock.client();e&&(this.channel=e.channel(`feeds:${this.userFeedId}`,this.defaultOptions),this.channel.on("new-message",t=>this.onNewMessageReceived(t)),this.defaultOptions.auto_manage_socket_connection&&this.setupAutoSocketManager(),this.hasSubscribedToRealTimeUpdates&&(e.isConnected()||e.connect(),this.channel.join()))}setupAutoSocketManager(){typeof document>"u"||this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}teardownAutoSocketManager(){typeof document>"u"||(document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeListenerConnected=!1)}emitEvent(e,t){this.broadcaster.emit(`items.${e}`,{items:t}),this.broadcaster.emit(`items:${e}`,{items:t}),this.broadcastOverChannel(`items:${e}`,{items:t})}handleVisibilityChange(){var s;const e=this.defaultOptions.auto_manage_socket_connection_delay??S,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var n;(n=t.socket)==null||n.disconnect(),this.disconnectTimer=null},e):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(s=t.socket)!=null&&s.isConnected()||this.initializeRealtimeConnection())}}exports.default=y;
|
|
2
2
|
//# sourceMappingURL=feed.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n BulkUpdateMessagesInChannelProperties,\n MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n FeedClientOptions,\n FeedItem,\n FeedMetadata,\n FeedResponse,\n FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n BindableFeedEvent,\n FeedEvent,\n FeedEventCallback,\n FeedEventPayload,\n FeedItemOrItems,\n FeedMessagesReceivedPayload,\n FeedRealTimeCallback,\n FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: Boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: Boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = { ...feedClientDefaults, ...options };\n\n this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n // Attempt to setup a realtime connection (does not join)\n this.initializeRealtimeConnection();\n\n this.setupBroadcastChannel();\n }\n\n /**\n * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n */\n reinitialize() {\n // Reinitialize the user feed id incase the userId changed\n this.userFeedId = this.buildUserFeedId();\n\n // Reinitialize the real-time connection\n this.initializeRealtimeConnection();\n\n // Reinitialize our broadcast channel\n this.setupBroadcastChannel();\n }\n\n /**\n * Cleans up a feed instance by destroying the store and disconnecting\n * an open socket connection.\n */\n teardown() {\n this.knock.log(\"[Feed] Tearing down feed instance\");\n\n if (this.channel) {\n this.channel.leave();\n this.channel.off(\"new-message\");\n }\n\n this.teardownAutoSocketManager();\n\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n if (this.broadcastChannel) {\n this.broadcastChannel.close();\n }\n }\n\n /** Tears down an instance and removes it entirely from the feed manager */\n dispose() {\n this.knock.log(\"[Feed] Disposing of feed instance\");\n this.teardown();\n this.broadcaster.removeAllListeners();\n this.knock.feeds.removeInstance(this);\n this.store.destroy();\n }\n\n /*\n Initializes a real-time connection to Knock, connecting the websocket for the\n current ApiClient instance if the socket is not already connected.\n */\n listenForUpdates() {\n this.knock.log(\"[Feed] Connecting to real-time service\");\n\n this.hasSubscribedToRealTimeUpdates = true;\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { getState, setState } = this.store;\n const { metadata, items } = getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n setState((store) =>\n store.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n }),\n );\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { getState, setState } = this.store;\n const { metadata, items } = getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n setState((store) =>\n store.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n }),\n );\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"interacted\",\n {\n read_at: now,\n interacted_at: now,\n },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\");\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const { getState, setState } = this.store;\n const state = getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n\n const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n /*\n In the code here we want to optimistically update counts and items\n that are persisted such that we can display updates immediately on the feed\n without needing to make a network request.\n\n Note: right now this does *not* take into account offline handling or any extensive retry\n logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n this library.\n\n Scenarios to consider:\n\n ## Feed scope to archived *only*\n\n - Counts should not be decremented\n - Items should not be removed\n\n ## Feed scoped to exclude archived items (the default)\n\n - Counts should be decremented\n - Items should be removed\n\n ## Feed scoped to include archived items as well\n\n - Counts should not be decremented\n - Items should not be removed\n */\n\n if (shouldOptimisticallyRemoveItems) {\n // If any of the items are unseen or unread, then capture as we'll want to decrement\n // the counts for these in the metadata we have\n const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: state.metadata.total_count - normalizedItems.length,\n unseen_count: state.metadata.unseen_count - unseenCount,\n unread_count: state.metadata.unread_count - unreadCount,\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n setState((state) =>\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n }),\n );\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { setState, getState } = this.store;\n const { items } = getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n setState((store) => store.resetStore());\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n setState((store) => {\n const itemIds = items.map((i) => i.id);\n store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { setState, getState } = this.store;\n const { networkStatus } = getState();\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n setState((store) =>\n store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n );\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...options,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n setState((state) => state.setResult(response, opts));\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n setState((state) => state.setResult(response, opts));\n } else {\n setState((state) => state.setResult(response));\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage() {\n // Attempts to fetch the next page of results (if we have any)\n const { getState } = this.store;\n const { pageInfo } = getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n after: pageInfo.after,\n __loadingType: NetworkStatus.fetchMore,\n });\n }\n\n private broadcast(\n eventName: FeedEvent,\n data: FeedResponse | FeedEventPayload,\n ) {\n this.broadcaster.emit(eventName, data);\n }\n\n // Invoked when a new real-time message comes in from the socket\n private async onNewMessageReceived({\n metadata,\n }: FeedMessagesReceivedPayload) {\n this.knock.log(\"[Feed] Received new real-time message\");\n\n // Handle the new message coming in\n const { getState, setState } = this.store;\n const { items } = getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n setState((state) => state.setMetadata(metadata));\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const { getState, setState } = this.store;\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = getState();\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // Tnis is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n setState((store) =>\n store.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n }),\n );\n }\n\n // Update the items with the given attributes\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n ) {\n // Always treat items as a batch to use the corresponding batch endpoint\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n const itemIds = items.map((item) => item.id);\n\n const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n // Emit the event that these items had their statuses changed\n // Note: we do this after the update to ensure that the server event actually completed\n this.emitEvent(type, items);\n\n return result;\n }\n\n private async makeBulkStatusUpdate(\n status: BulkUpdateMessagesInChannelProperties[\"status\"],\n ) {\n // The base scope for the call should take into account all of the options currently\n // set on the feed, as well as being scoped for the current user. We do this so that\n // we ONLY make changes to the messages that are currently in view on this feed, and not\n // all messages that exist.\n const options = {\n user_ids: [this.knock.userId!],\n engagement_status:\n this.defaultOptions.status !== \"all\"\n ? this.defaultOptions.status\n : undefined,\n archived: this.defaultOptions.archived,\n has_tenant: this.defaultOptions.has_tenant,\n tenants: this.defaultOptions.tenant\n ? [this.defaultOptions.tenant]\n : undefined,\n };\n\n return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n channelId: this.feedId,\n status,\n options,\n });\n }\n\n private setupBroadcastChannel() {\n // Attempt to bind to listen to other events from this feed in different tabs\n // Note: here we ensure `self` is available (it's not in server rendered envs)\n this.broadcastChannel =\n typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n : null;\n\n // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n // channel (iff it's enabled and exists)\n if (\n this.broadcastChannel &&\n this.defaultOptions.__experimentalCrossBrowserUpdates === true\n ) {\n this.broadcastChannel.onmessage = (e) => {\n switch (e.data.type) {\n case \"items:archived\":\n case \"items:unarchived\":\n case \"items:seen\":\n case \"items:unseen\":\n case \"items:read\":\n case \"items:unread\":\n case \"items:all_read\":\n case \"items:all_seen\":\n case \"items:all_archived\":\n // When items are updated in any other tab, simply refetch to get the latest state\n // to make sure that the state gets updated accordingly. In the future here we could\n // maybe do this optimistically without the fetch.\n return this.fetch();\n default:\n return null;\n }\n };\n }\n }\n\n private broadcastOverChannel(type: string, payload: any) {\n // The broadcastChannel may not be available in non-browser environments\n if (!this.broadcastChannel) {\n return;\n }\n\n // Here we stringify our payload and try and send as JSON such that we\n // don't get any `An object could not be cloned` errors when trying to broadcast\n try {\n const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n this.broadcastChannel.postMessage({\n type,\n payload: stringifiedPayload,\n });\n } catch (e) {\n console.warn(`Could not broadcast ${type}, got error: ${e}`);\n }\n }\n\n private initializeRealtimeConnection() {\n const { socket: maybeSocket } = this.knock.client();\n\n // In server environments we might not have a socket connection\n if (!maybeSocket) return;\n\n // Reinitialize channel connections incase the socket changed\n this.channel = maybeSocket.channel(\n `feeds:${this.userFeedId}`,\n this.defaultOptions,\n );\n\n this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n if (this.defaultOptions.auto_manage_socket_connection) {\n this.setupAutoSocketManager();\n }\n\n // If we're initializing but they have previously opted to listen to real-time updates\n // then we will automatically reconnect on their behalf\n if (this.hasSubscribedToRealTimeUpdates) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n BulkUpdateMessagesInChannelProperties,\n MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n FeedClientOptions,\n FeedItem,\n FeedMetadata,\n FeedResponse,\n FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n BindableFeedEvent,\n FeedEvent,\n FeedEventCallback,\n FeedEventPayload,\n FeedItemOrItems,\n FeedMessagesReceivedPayload,\n FeedRealTimeCallback,\n FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: Boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: Boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = { ...feedClientDefaults, ...options };\n\n this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n // Attempt to setup a realtime connection (does not join)\n this.initializeRealtimeConnection();\n\n this.setupBroadcastChannel();\n }\n\n /**\n * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n */\n reinitialize() {\n // Reinitialize the user feed id incase the userId changed\n this.userFeedId = this.buildUserFeedId();\n\n // Reinitialize the real-time connection\n this.initializeRealtimeConnection();\n\n // Reinitialize our broadcast channel\n this.setupBroadcastChannel();\n }\n\n /**\n * Cleans up a feed instance by destroying the store and disconnecting\n * an open socket connection.\n */\n teardown() {\n this.knock.log(\"[Feed] Tearing down feed instance\");\n\n if (this.channel) {\n this.channel.leave();\n this.channel.off(\"new-message\");\n }\n\n this.teardownAutoSocketManager();\n\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n if (this.broadcastChannel) {\n this.broadcastChannel.close();\n }\n }\n\n /** Tears down an instance and removes it entirely from the feed manager */\n dispose() {\n this.knock.log(\"[Feed] Disposing of feed instance\");\n this.teardown();\n this.broadcaster.removeAllListeners();\n this.knock.feeds.removeInstance(this);\n this.store.destroy();\n }\n\n /*\n Initializes a real-time connection to Knock, connecting the websocket for the\n current ApiClient instance if the socket is not already connected.\n */\n listenForUpdates() {\n this.knock.log(\"[Feed] Connecting to real-time service\");\n\n this.hasSubscribedToRealTimeUpdates = true;\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"interacted\",\n {\n read_at: now,\n interacted_at: now,\n },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\");\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n\n const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n /*\n In the code here we want to optimistically update counts and items\n that are persisted such that we can display updates immediately on the feed\n without needing to make a network request.\n\n Note: right now this does *not* take into account offline handling or any extensive retry\n logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n this library.\n\n Scenarios to consider:\n\n ## Feed scope to archived *only*\n\n - Counts should not be decremented\n - Items should not be removed\n\n ## Feed scoped to exclude archived items (the default)\n\n - Counts should be decremented\n - Items should be removed\n\n ## Feed scoped to include archived items as well\n\n - Counts should not be decremented\n - Items should not be removed\n */\n\n if (shouldOptimisticallyRemoveItems) {\n // If any of the items are unseen or unread, then capture as we'll want to decrement\n // the counts for these in the metadata we have\n const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: state.metadata.total_count - normalizedItems.length,\n unseen_count: state.metadata.unseen_count - unseenCount,\n unread_count: state.metadata.unread_count - unreadCount,\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...options,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage() {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n after: pageInfo.after,\n __loadingType: NetworkStatus.fetchMore,\n });\n }\n\n private broadcast(\n eventName: FeedEvent,\n data: FeedResponse | FeedEventPayload,\n ) {\n this.broadcaster.emit(eventName, data);\n }\n\n // Invoked when a new real-time message comes in from the socket\n private async onNewMessageReceived({\n metadata,\n }: FeedMessagesReceivedPayload) {\n this.knock.log(\"[Feed] Received new real-time message\");\n\n // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // Tnis is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n ) {\n // Always treat items as a batch to use the corresponding batch endpoint\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n const itemIds = items.map((item) => item.id);\n\n const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n // Emit the event that these items had their statuses changed\n // Note: we do this after the update to ensure that the server event actually completed\n this.emitEvent(type, items);\n\n return result;\n }\n\n private async makeBulkStatusUpdate(\n status: BulkUpdateMessagesInChannelProperties[\"status\"],\n ) {\n // The base scope for the call should take into account all of the options currently\n // set on the feed, as well as being scoped for the current user. We do this so that\n // we ONLY make changes to the messages that are currently in view on this feed, and not\n // all messages that exist.\n const options = {\n user_ids: [this.knock.userId!],\n engagement_status:\n this.defaultOptions.status !== \"all\"\n ? this.defaultOptions.status\n : undefined,\n archived: this.defaultOptions.archived,\n has_tenant: this.defaultOptions.has_tenant,\n tenants: this.defaultOptions.tenant\n ? [this.defaultOptions.tenant]\n : undefined,\n };\n\n return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n channelId: this.feedId,\n status,\n options,\n });\n }\n\n private setupBroadcastChannel() {\n // Attempt to bind to listen to other events from this feed in different tabs\n // Note: here we ensure `self` is available (it's not in server rendered envs)\n this.broadcastChannel =\n typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n : null;\n\n // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n // channel (iff it's enabled and exists)\n if (\n this.broadcastChannel &&\n this.defaultOptions.__experimentalCrossBrowserUpdates === true\n ) {\n this.broadcastChannel.onmessage = (e) => {\n switch (e.data.type) {\n case \"items:archived\":\n case \"items:unarchived\":\n case \"items:seen\":\n case \"items:unseen\":\n case \"items:read\":\n case \"items:unread\":\n case \"items:all_read\":\n case \"items:all_seen\":\n case \"items:all_archived\":\n // When items are updated in any other tab, simply refetch to get the latest state\n // to make sure that the state gets updated accordingly. In the future here we could\n // maybe do this optimistically without the fetch.\n return this.fetch();\n default:\n return null;\n }\n };\n }\n }\n\n private broadcastOverChannel(type: string, payload: any) {\n // The broadcastChannel may not be available in non-browser environments\n if (!this.broadcastChannel) {\n return;\n }\n\n // Here we stringify our payload and try and send as JSON such that we\n // don't get any `An object could not be cloned` errors when trying to broadcast\n try {\n const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n this.broadcastChannel.postMessage({\n type,\n payload: stringifiedPayload,\n });\n } catch (e) {\n console.warn(`Could not broadcast ${type}, got error: ${e}`);\n }\n }\n\n private initializeRealtimeConnection() {\n const { socket: maybeSocket } = this.knock.client();\n\n // In server environments we might not have a socket connection\n if (!maybeSocket) return;\n\n // Reinitialize channel connections incase the socket changed\n this.channel = maybeSocket.channel(\n `feeds:${this.userFeedId}`,\n this.defaultOptions,\n );\n\n this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n if (this.defaultOptions.auto_manage_socket_connection) {\n this.setupAutoSocketManager();\n }\n\n // If we're initializing but they have previously opted to listen to real-time updates\n // then we will automatically reconnect on their behalf\n if (this.hasSubscribedToRealTimeUpdates) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
5
|
-
import { isRequestInFlight as g, NetworkStatus as
|
|
1
|
+
var f = Object.defineProperty;
|
|
2
|
+
var p = (u, e, t) => e in u ? f(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
|
|
3
|
+
var r = (u, e, t) => (p(u, typeof e != "symbol" ? e + "" : e, t), t);
|
|
4
|
+
import k from "eventemitter2";
|
|
5
|
+
import { isRequestInFlight as g, NetworkStatus as m } from "../../networkStatus.mjs";
|
|
6
6
|
import _ from "./store.mjs";
|
|
7
|
-
const
|
|
7
|
+
const S = {
|
|
8
8
|
archived: "exclude"
|
|
9
|
-
},
|
|
10
|
-
class
|
|
11
|
-
constructor(e, t,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
}, y = 2e3;
|
|
10
|
+
class U {
|
|
11
|
+
constructor(e, t, s) {
|
|
12
|
+
r(this, "userFeedId");
|
|
13
|
+
r(this, "channel");
|
|
14
|
+
r(this, "broadcaster");
|
|
15
|
+
r(this, "defaultOptions");
|
|
16
|
+
r(this, "broadcastChannel");
|
|
17
|
+
r(this, "disconnectTimer", null);
|
|
18
|
+
r(this, "hasSubscribedToRealTimeUpdates", !1);
|
|
19
|
+
r(this, "visibilityChangeHandler", () => {
|
|
20
20
|
});
|
|
21
|
-
|
|
21
|
+
r(this, "visibilityChangeListenerConnected", !1);
|
|
22
22
|
// The raw store instance, used for binding in React and other environments
|
|
23
|
-
|
|
24
|
-
this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = _(), this.broadcaster = new
|
|
23
|
+
r(this, "store");
|
|
24
|
+
this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = _(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...S, ...s }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* Used to reinitialize a current feed instance, which is useful when reauthenticating users
|
|
@@ -69,22 +69,20 @@ class A {
|
|
|
69
69
|
), this.makeStatusUpdate(e, "seen");
|
|
70
70
|
}
|
|
71
71
|
async markAllAsSeen() {
|
|
72
|
-
const {
|
|
72
|
+
const { metadata: e, items: t, ...s } = this.store.getState();
|
|
73
73
|
if (this.defaultOptions.status === "unseen")
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
})
|
|
80
|
-
);
|
|
74
|
+
s.resetStore({
|
|
75
|
+
...e,
|
|
76
|
+
total_count: 0,
|
|
77
|
+
unseen_count: 0
|
|
78
|
+
});
|
|
81
79
|
else {
|
|
82
|
-
|
|
83
|
-
const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() },
|
|
84
|
-
|
|
80
|
+
s.setMetadata({ ...e, unseen_count: 0 });
|
|
81
|
+
const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, c = t.map((o) => o.id);
|
|
82
|
+
s.setItemAttrs(c, i);
|
|
85
83
|
}
|
|
86
|
-
const
|
|
87
|
-
return this.emitEvent("all_seen",
|
|
84
|
+
const a = await this.makeBulkStatusUpdate("seen");
|
|
85
|
+
return this.emitEvent("all_seen", t), a;
|
|
88
86
|
}
|
|
89
87
|
async markAsUnseen(e) {
|
|
90
88
|
return this.optimisticallyPerformStatusUpdate(
|
|
@@ -104,22 +102,20 @@ class A {
|
|
|
104
102
|
), this.makeStatusUpdate(e, "read");
|
|
105
103
|
}
|
|
106
104
|
async markAllAsRead() {
|
|
107
|
-
const {
|
|
105
|
+
const { metadata: e, items: t, ...s } = this.store.getState();
|
|
108
106
|
if (this.defaultOptions.status === "unread")
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
})
|
|
115
|
-
);
|
|
107
|
+
s.resetStore({
|
|
108
|
+
...e,
|
|
109
|
+
total_count: 0,
|
|
110
|
+
unread_count: 0
|
|
111
|
+
});
|
|
116
112
|
else {
|
|
117
|
-
|
|
118
|
-
const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() },
|
|
119
|
-
|
|
113
|
+
s.setMetadata({ ...e, unread_count: 0 });
|
|
114
|
+
const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, c = t.map((o) => o.id);
|
|
115
|
+
s.setItemAttrs(c, i);
|
|
120
116
|
}
|
|
121
|
-
const
|
|
122
|
-
return this.emitEvent("all_read",
|
|
117
|
+
const a = await this.makeBulkStatusUpdate("read");
|
|
118
|
+
return this.emitEvent("all_read", t), a;
|
|
123
119
|
}
|
|
124
120
|
async markAsUnread(e) {
|
|
125
121
|
return this.optimisticallyPerformStatusUpdate(
|
|
@@ -150,35 +146,35 @@ class A {
|
|
|
150
146
|
TODO: how do we handle rollbacks?
|
|
151
147
|
*/
|
|
152
148
|
async markAsArchived(e) {
|
|
153
|
-
const
|
|
154
|
-
if (
|
|
155
|
-
const
|
|
156
|
-
...
|
|
157
|
-
total_count:
|
|
158
|
-
unseen_count:
|
|
159
|
-
unread_count:
|
|
160
|
-
},
|
|
161
|
-
(
|
|
162
|
-
);
|
|
163
|
-
a(
|
|
164
|
-
(c) => c.setResult({
|
|
165
|
-
entries: h,
|
|
166
|
-
meta: d,
|
|
167
|
-
page_info: c.pageInfo
|
|
168
|
-
})
|
|
149
|
+
const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", n = Array.isArray(e) ? e : [e], a = n.map((i) => i.id);
|
|
150
|
+
if (s) {
|
|
151
|
+
const i = n.filter((l) => !l.seen_at).length, c = n.filter((l) => !l.read_at).length, o = {
|
|
152
|
+
...t.metadata,
|
|
153
|
+
total_count: t.metadata.total_count - n.length,
|
|
154
|
+
unseen_count: t.metadata.unseen_count - i,
|
|
155
|
+
unread_count: t.metadata.unread_count - c
|
|
156
|
+
}, d = t.items.filter(
|
|
157
|
+
(l) => !a.includes(l.id)
|
|
169
158
|
);
|
|
159
|
+
t.setResult({
|
|
160
|
+
entries: d,
|
|
161
|
+
meta: o,
|
|
162
|
+
page_info: t.pageInfo
|
|
163
|
+
});
|
|
170
164
|
} else
|
|
171
|
-
|
|
165
|
+
t.setItemAttrs(a, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
|
|
172
166
|
return this.makeStatusUpdate(e, "archived");
|
|
173
167
|
}
|
|
174
168
|
async markAllAsArchived() {
|
|
175
|
-
const {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
169
|
+
const { items: e, ...t } = this.store.getState();
|
|
170
|
+
if (this.defaultOptions.archived === "exclude")
|
|
171
|
+
t.resetStore();
|
|
172
|
+
else {
|
|
173
|
+
const a = e.map((i) => i.id);
|
|
174
|
+
t.setItemAttrs(a, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
|
|
175
|
+
}
|
|
176
|
+
const n = await this.makeBulkStatusUpdate("archive");
|
|
177
|
+
return this.emitEvent("all_archived", e), n;
|
|
182
178
|
}
|
|
183
179
|
async markAsUnarchived(e) {
|
|
184
180
|
return this.optimisticallyPerformStatusUpdate(e, "unarchived", {
|
|
@@ -187,13 +183,11 @@ class A {
|
|
|
187
183
|
}
|
|
188
184
|
/* Fetches the feed content, appending it to the store */
|
|
189
185
|
async fetch(e = {}) {
|
|
190
|
-
const {
|
|
191
|
-
if (g(
|
|
186
|
+
const { networkStatus: t, ...s } = this.store.getState();
|
|
187
|
+
if (g(t))
|
|
192
188
|
return;
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
);
|
|
196
|
-
const r = {
|
|
189
|
+
s.setNetworkStatus(e.__loadingType ?? m.loading);
|
|
190
|
+
const n = {
|
|
197
191
|
...this.defaultOptions,
|
|
198
192
|
...e,
|
|
199
193
|
// Unset options that should not be sent to the API
|
|
@@ -202,42 +196,42 @@ class A {
|
|
|
202
196
|
__experimentalCrossBrowserUpdates: void 0,
|
|
203
197
|
auto_manage_socket_connection: void 0,
|
|
204
198
|
auto_manage_socket_connection_delay: void 0
|
|
205
|
-
},
|
|
199
|
+
}, a = await this.knock.client().makeRequest({
|
|
206
200
|
method: "GET",
|
|
207
201
|
url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
|
|
208
|
-
params:
|
|
202
|
+
params: n
|
|
209
203
|
});
|
|
210
|
-
if (
|
|
211
|
-
return
|
|
212
|
-
status:
|
|
213
|
-
data:
|
|
204
|
+
if (a.statusCode === "error" || !a.body)
|
|
205
|
+
return s.setNetworkStatus(m.error), {
|
|
206
|
+
status: a.statusCode,
|
|
207
|
+
data: a.error || a.body
|
|
214
208
|
};
|
|
215
209
|
const i = {
|
|
216
|
-
entries:
|
|
217
|
-
meta:
|
|
218
|
-
page_info:
|
|
210
|
+
entries: a.body.entries,
|
|
211
|
+
meta: a.body.meta,
|
|
212
|
+
page_info: a.body.page_info
|
|
219
213
|
};
|
|
220
214
|
if (e.before) {
|
|
221
215
|
const d = { shouldSetPage: !1, shouldAppend: !0 };
|
|
222
|
-
|
|
216
|
+
s.setResult(i, d);
|
|
223
217
|
} else if (e.after) {
|
|
224
218
|
const d = { shouldSetPage: !0, shouldAppend: !0 };
|
|
225
|
-
|
|
219
|
+
s.setResult(i, d);
|
|
226
220
|
} else
|
|
227
|
-
|
|
221
|
+
s.setResult(i);
|
|
228
222
|
this.broadcast("messages.new", i);
|
|
229
|
-
const
|
|
223
|
+
const c = e.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", o = {
|
|
230
224
|
items: i.entries,
|
|
231
225
|
metadata: i.meta,
|
|
232
|
-
event:
|
|
226
|
+
event: c
|
|
233
227
|
};
|
|
234
|
-
return this.broadcast(o.event, o), { data: i, status:
|
|
228
|
+
return this.broadcast(o.event, o), { data: i, status: a.statusCode };
|
|
235
229
|
}
|
|
236
230
|
async fetchNextPage() {
|
|
237
|
-
const {
|
|
238
|
-
|
|
239
|
-
after:
|
|
240
|
-
__loadingType:
|
|
231
|
+
const { pageInfo: e } = this.store.getState();
|
|
232
|
+
e.after && this.fetch({
|
|
233
|
+
after: e.after,
|
|
234
|
+
__loadingType: m.fetchMore
|
|
241
235
|
});
|
|
242
236
|
}
|
|
243
237
|
broadcast(e, t) {
|
|
@@ -248,42 +242,40 @@ class A {
|
|
|
248
242
|
metadata: e
|
|
249
243
|
}) {
|
|
250
244
|
this.knock.log("[Feed] Received new real-time message");
|
|
251
|
-
const {
|
|
252
|
-
|
|
245
|
+
const { items: t, ...s } = this.store.getState(), n = t[0];
|
|
246
|
+
s.setMetadata(e), this.fetch({ before: n == null ? void 0 : n.__cursor, __fetchSource: "socket" });
|
|
253
247
|
}
|
|
254
248
|
buildUserFeedId() {
|
|
255
249
|
return `${this.feedId}:${this.knock.userId}`;
|
|
256
250
|
}
|
|
257
|
-
optimisticallyPerformStatusUpdate(e, t,
|
|
258
|
-
const
|
|
251
|
+
optimisticallyPerformStatusUpdate(e, t, s, n) {
|
|
252
|
+
const a = this.store.getState(), i = Array.isArray(e) ? e : [e], c = i.map((o) => o.id);
|
|
259
253
|
if (n) {
|
|
260
|
-
const { metadata: o } =
|
|
254
|
+
const { metadata: o } = a, d = i.filter((h) => {
|
|
261
255
|
switch (t) {
|
|
262
256
|
case "seen":
|
|
263
|
-
return
|
|
257
|
+
return h.seen_at === null;
|
|
264
258
|
case "unseen":
|
|
265
|
-
return
|
|
259
|
+
return h.seen_at !== null;
|
|
266
260
|
case "read":
|
|
267
261
|
case "interacted":
|
|
268
|
-
return
|
|
262
|
+
return h.read_at === null;
|
|
269
263
|
case "unread":
|
|
270
|
-
return
|
|
264
|
+
return h.read_at !== null;
|
|
271
265
|
default:
|
|
272
266
|
return !0;
|
|
273
267
|
}
|
|
274
|
-
}),
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
})
|
|
280
|
-
);
|
|
268
|
+
}), l = t.startsWith("un") ? d.length : -d.length;
|
|
269
|
+
a.setMetadata({
|
|
270
|
+
...o,
|
|
271
|
+
[n]: Math.max(0, o[n] + l)
|
|
272
|
+
});
|
|
281
273
|
}
|
|
282
|
-
|
|
274
|
+
a.setItemAttrs(c, s);
|
|
283
275
|
}
|
|
284
276
|
async makeStatusUpdate(e, t) {
|
|
285
|
-
const
|
|
286
|
-
return this.emitEvent(t,
|
|
277
|
+
const s = Array.isArray(e) ? e : [e], n = s.map((i) => i.id), a = await this.knock.messages.batchUpdateStatuses(n, t);
|
|
278
|
+
return this.emitEvent(t, s), a;
|
|
287
279
|
}
|
|
288
280
|
async makeBulkStatusUpdate(e) {
|
|
289
281
|
const t = {
|
|
@@ -320,13 +312,13 @@ class A {
|
|
|
320
312
|
broadcastOverChannel(e, t) {
|
|
321
313
|
if (this.broadcastChannel)
|
|
322
314
|
try {
|
|
323
|
-
const
|
|
315
|
+
const s = JSON.parse(JSON.stringify(t));
|
|
324
316
|
this.broadcastChannel.postMessage({
|
|
325
317
|
type: e,
|
|
326
|
-
payload:
|
|
318
|
+
payload: s
|
|
327
319
|
});
|
|
328
|
-
} catch (
|
|
329
|
-
console.warn(`Could not broadcast ${e}, got error: ${
|
|
320
|
+
} catch (s) {
|
|
321
|
+
console.warn(`Could not broadcast ${e}, got error: ${s}`);
|
|
330
322
|
}
|
|
331
323
|
}
|
|
332
324
|
initializeRealtimeConnection() {
|
|
@@ -353,15 +345,15 @@ class A {
|
|
|
353
345
|
this.broadcaster.emit(`items.${e}`, { items: t }), this.broadcaster.emit(`items:${e}`, { items: t }), this.broadcastOverChannel(`items:${e}`, { items: t });
|
|
354
346
|
}
|
|
355
347
|
handleVisibilityChange() {
|
|
356
|
-
var
|
|
357
|
-
const e = this.defaultOptions.auto_manage_socket_connection_delay ??
|
|
348
|
+
var s;
|
|
349
|
+
const e = this.defaultOptions.auto_manage_socket_connection_delay ?? y, t = this.knock.client();
|
|
358
350
|
document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
|
|
359
351
|
var n;
|
|
360
352
|
(n = t.socket) == null || n.disconnect(), this.disconnectTimer = null;
|
|
361
|
-
}, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (
|
|
353
|
+
}, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = t.socket) != null && s.isConnected() || this.initializeRealtimeConnection());
|
|
362
354
|
}
|
|
363
355
|
}
|
|
364
356
|
export {
|
|
365
|
-
|
|
357
|
+
U as default
|
|
366
358
|
};
|
|
367
359
|
//# sourceMappingURL=feed.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n BulkUpdateMessagesInChannelProperties,\n MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n FeedClientOptions,\n FeedItem,\n FeedMetadata,\n FeedResponse,\n FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n BindableFeedEvent,\n FeedEvent,\n FeedEventCallback,\n FeedEventPayload,\n FeedItemOrItems,\n FeedMessagesReceivedPayload,\n FeedRealTimeCallback,\n FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: Boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: Boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = { ...feedClientDefaults, ...options };\n\n this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n // Attempt to setup a realtime connection (does not join)\n this.initializeRealtimeConnection();\n\n this.setupBroadcastChannel();\n }\n\n /**\n * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n */\n reinitialize() {\n // Reinitialize the user feed id incase the userId changed\n this.userFeedId = this.buildUserFeedId();\n\n // Reinitialize the real-time connection\n this.initializeRealtimeConnection();\n\n // Reinitialize our broadcast channel\n this.setupBroadcastChannel();\n }\n\n /**\n * Cleans up a feed instance by destroying the store and disconnecting\n * an open socket connection.\n */\n teardown() {\n this.knock.log(\"[Feed] Tearing down feed instance\");\n\n if (this.channel) {\n this.channel.leave();\n this.channel.off(\"new-message\");\n }\n\n this.teardownAutoSocketManager();\n\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n if (this.broadcastChannel) {\n this.broadcastChannel.close();\n }\n }\n\n /** Tears down an instance and removes it entirely from the feed manager */\n dispose() {\n this.knock.log(\"[Feed] Disposing of feed instance\");\n this.teardown();\n this.broadcaster.removeAllListeners();\n this.knock.feeds.removeInstance(this);\n this.store.destroy();\n }\n\n /*\n Initializes a real-time connection to Knock, connecting the websocket for the\n current ApiClient instance if the socket is not already connected.\n */\n listenForUpdates() {\n this.knock.log(\"[Feed] Connecting to real-time service\");\n\n this.hasSubscribedToRealTimeUpdates = true;\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { getState, setState } = this.store;\n const { metadata, items } = getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n setState((store) =>\n store.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n }),\n );\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n setState((store) => store.setMetadata({ ...metadata, unseen_count: 0 }));\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { getState, setState } = this.store;\n const { metadata, items } = getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n setState((store) =>\n store.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n }),\n );\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n setState((store) => store.setMetadata({ ...metadata, unread_count: 0 }));\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"interacted\",\n {\n read_at: now,\n interacted_at: now,\n },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\");\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const { getState, setState } = this.store;\n const state = getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n\n const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n /*\n In the code here we want to optimistically update counts and items\n that are persisted such that we can display updates immediately on the feed\n without needing to make a network request.\n\n Note: right now this does *not* take into account offline handling or any extensive retry\n logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n this library.\n\n Scenarios to consider:\n\n ## Feed scope to archived *only*\n\n - Counts should not be decremented\n - Items should not be removed\n\n ## Feed scoped to exclude archived items (the default)\n\n - Counts should be decremented\n - Items should be removed\n\n ## Feed scoped to include archived items as well\n\n - Counts should not be decremented\n - Items should not be removed\n */\n\n if (shouldOptimisticallyRemoveItems) {\n // If any of the items are unseen or unread, then capture as we'll want to decrement\n // the counts for these in the metadata we have\n const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: state.metadata.total_count - normalizedItems.length,\n unseen_count: state.metadata.unseen_count - unseenCount,\n unread_count: state.metadata.unread_count - unreadCount,\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n setState((state) =>\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n }),\n );\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { setState, getState } = this.store;\n const { items } = getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n setState((store) => store.resetStore());\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n setState((store) => {\n const itemIds = items.map((i) => i.id);\n store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { setState, getState } = this.store;\n const { networkStatus } = getState();\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n setState((store) =>\n store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),\n );\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...options,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n setState((store) => store.setNetworkStatus(NetworkStatus.error));\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n setState((state) => state.setResult(response, opts));\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n setState((state) => state.setResult(response, opts));\n } else {\n setState((state) => state.setResult(response));\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage() {\n // Attempts to fetch the next page of results (if we have any)\n const { getState } = this.store;\n const { pageInfo } = getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n after: pageInfo.after,\n __loadingType: NetworkStatus.fetchMore,\n });\n }\n\n private broadcast(\n eventName: FeedEvent,\n data: FeedResponse | FeedEventPayload,\n ) {\n this.broadcaster.emit(eventName, data);\n }\n\n // Invoked when a new real-time message comes in from the socket\n private async onNewMessageReceived({\n metadata,\n }: FeedMessagesReceivedPayload) {\n this.knock.log(\"[Feed] Received new real-time message\");\n\n // Handle the new message coming in\n const { getState, setState } = this.store;\n const { items } = getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n setState((state) => state.setMetadata(metadata));\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const { getState, setState } = this.store;\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = getState();\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // Tnis is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n setState((store) =>\n store.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n }),\n );\n }\n\n // Update the items with the given attributes\n setState((store) => store.setItemAttrs(itemIds, attrs));\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n ) {\n // Always treat items as a batch to use the corresponding batch endpoint\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n const itemIds = items.map((item) => item.id);\n\n const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n // Emit the event that these items had their statuses changed\n // Note: we do this after the update to ensure that the server event actually completed\n this.emitEvent(type, items);\n\n return result;\n }\n\n private async makeBulkStatusUpdate(\n status: BulkUpdateMessagesInChannelProperties[\"status\"],\n ) {\n // The base scope for the call should take into account all of the options currently\n // set on the feed, as well as being scoped for the current user. We do this so that\n // we ONLY make changes to the messages that are currently in view on this feed, and not\n // all messages that exist.\n const options = {\n user_ids: [this.knock.userId!],\n engagement_status:\n this.defaultOptions.status !== \"all\"\n ? this.defaultOptions.status\n : undefined,\n archived: this.defaultOptions.archived,\n has_tenant: this.defaultOptions.has_tenant,\n tenants: this.defaultOptions.tenant\n ? [this.defaultOptions.tenant]\n : undefined,\n };\n\n return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n channelId: this.feedId,\n status,\n options,\n });\n }\n\n private setupBroadcastChannel() {\n // Attempt to bind to listen to other events from this feed in different tabs\n // Note: here we ensure `self` is available (it's not in server rendered envs)\n this.broadcastChannel =\n typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n : null;\n\n // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n // channel (iff it's enabled and exists)\n if (\n this.broadcastChannel &&\n this.defaultOptions.__experimentalCrossBrowserUpdates === true\n ) {\n this.broadcastChannel.onmessage = (e) => {\n switch (e.data.type) {\n case \"items:archived\":\n case \"items:unarchived\":\n case \"items:seen\":\n case \"items:unseen\":\n case \"items:read\":\n case \"items:unread\":\n case \"items:all_read\":\n case \"items:all_seen\":\n case \"items:all_archived\":\n // When items are updated in any other tab, simply refetch to get the latest state\n // to make sure that the state gets updated accordingly. In the future here we could\n // maybe do this optimistically without the fetch.\n return this.fetch();\n default:\n return null;\n }\n };\n }\n }\n\n private broadcastOverChannel(type: string, payload: any) {\n // The broadcastChannel may not be available in non-browser environments\n if (!this.broadcastChannel) {\n return;\n }\n\n // Here we stringify our payload and try and send as JSON such that we\n // don't get any `An object could not be cloned` errors when trying to broadcast\n try {\n const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n this.broadcastChannel.postMessage({\n type,\n payload: stringifiedPayload,\n });\n } catch (e) {\n console.warn(`Could not broadcast ${type}, got error: ${e}`);\n }\n }\n\n private initializeRealtimeConnection() {\n const { socket: maybeSocket } = this.knock.client();\n\n // In server environments we might not have a socket connection\n if (!maybeSocket) return;\n\n // Reinitialize channel connections incase the socket changed\n this.channel = maybeSocket.channel(\n `feeds:${this.userFeedId}`,\n this.defaultOptions,\n );\n\n this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n if (this.defaultOptions.auto_manage_socket_connection) {\n this.setupAutoSocketManager();\n }\n\n // If we're initializing but they have previously opted to listen to real-time updates\n // then we will automatically reconnect on their behalf\n if (this.hasSubscribedToRealTimeUpdates) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","getState","setState","metadata","items","store","attrs","itemIds","item","result","state","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport { StoreApi } from \"zustand\";\n\nimport Knock from \"../../knock\";\nimport { NetworkStatus, isRequestInFlight } from \"../../networkStatus\";\nimport {\n BulkUpdateMessagesInChannelProperties,\n MessageEngagementStatus,\n} from \"../messages/interfaces\";\n\nimport {\n FeedClientOptions,\n FeedItem,\n FeedMetadata,\n FeedResponse,\n FetchFeedOptions,\n} from \"./interfaces\";\nimport createStore from \"./store\";\nimport {\n BindableFeedEvent,\n FeedEvent,\n FeedEventCallback,\n FeedEventPayload,\n FeedItemOrItems,\n FeedMessagesReceivedPayload,\n FeedRealTimeCallback,\n FeedStoreState,\n} from \"./types\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: Boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: Boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = { ...feedClientDefaults, ...options };\n\n this.knock.log(`[Feed] Initialized a feed on channel ${feedId}`);\n\n // Attempt to setup a realtime connection (does not join)\n this.initializeRealtimeConnection();\n\n this.setupBroadcastChannel();\n }\n\n /**\n * Used to reinitialize a current feed instance, which is useful when reauthenticating users\n */\n reinitialize() {\n // Reinitialize the user feed id incase the userId changed\n this.userFeedId = this.buildUserFeedId();\n\n // Reinitialize the real-time connection\n this.initializeRealtimeConnection();\n\n // Reinitialize our broadcast channel\n this.setupBroadcastChannel();\n }\n\n /**\n * Cleans up a feed instance by destroying the store and disconnecting\n * an open socket connection.\n */\n teardown() {\n this.knock.log(\"[Feed] Tearing down feed instance\");\n\n if (this.channel) {\n this.channel.leave();\n this.channel.off(\"new-message\");\n }\n\n this.teardownAutoSocketManager();\n\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n if (this.broadcastChannel) {\n this.broadcastChannel.close();\n }\n }\n\n /** Tears down an instance and removes it entirely from the feed manager */\n dispose() {\n this.knock.log(\"[Feed] Disposing of feed instance\");\n this.teardown();\n this.broadcaster.removeAllListeners();\n this.knock.feeds.removeInstance(this);\n this.store.destroy();\n }\n\n /*\n Initializes a real-time connection to Knock, connecting the websocket for the\n current ApiClient instance if the socket is not already connected.\n */\n listenForUpdates() {\n this.knock.log(\"[Feed] Connecting to real-time service\");\n\n this.hasSubscribedToRealTimeUpdates = true;\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"interacted\",\n {\n read_at: now,\n interacted_at: now,\n },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"interacted\");\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n\n const itemIds: string[] = normalizedItems.map((item) => item.id);\n\n /*\n In the code here we want to optimistically update counts and items\n that are persisted such that we can display updates immediately on the feed\n without needing to make a network request.\n\n Note: right now this does *not* take into account offline handling or any extensive retry\n logic, so rollbacks aren't considered. That probably needs to be a future consideration for\n this library.\n\n Scenarios to consider:\n\n ## Feed scope to archived *only*\n\n - Counts should not be decremented\n - Items should not be removed\n\n ## Feed scoped to exclude archived items (the default)\n\n - Counts should be decremented\n - Items should be removed\n\n ## Feed scoped to include archived items as well\n\n - Counts should not be decremented\n - Items should not be removed\n */\n\n if (shouldOptimisticallyRemoveItems) {\n // If any of the items are unseen or unread, then capture as we'll want to decrement\n // the counts for these in the metadata we have\n const unseenCount = normalizedItems.filter((i) => !i.seen_at).length;\n const unreadCount = normalizedItems.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: state.metadata.total_count - normalizedItems.length,\n unseen_count: state.metadata.unseen_count - unseenCount,\n unread_count: state.metadata.unread_count - unreadCount,\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...options,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage() {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n after: pageInfo.after,\n __loadingType: NetworkStatus.fetchMore,\n });\n }\n\n private broadcast(\n eventName: FeedEvent,\n data: FeedResponse | FeedEventPayload,\n ) {\n this.broadcaster.emit(eventName, data);\n }\n\n // Invoked when a new real-time message comes in from the socket\n private async onNewMessageReceived({\n metadata,\n }: FeedMessagesReceivedPayload) {\n this.knock.log(\"[Feed] Received new real-time message\");\n\n // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // Tnis is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n ) {\n // Always treat items as a batch to use the corresponding batch endpoint\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n const itemIds = items.map((item) => item.id);\n\n const result = await this.knock.messages.batchUpdateStatuses(itemIds, type);\n\n // Emit the event that these items had their statuses changed\n // Note: we do this after the update to ensure that the server event actually completed\n this.emitEvent(type, items);\n\n return result;\n }\n\n private async makeBulkStatusUpdate(\n status: BulkUpdateMessagesInChannelProperties[\"status\"],\n ) {\n // The base scope for the call should take into account all of the options currently\n // set on the feed, as well as being scoped for the current user. We do this so that\n // we ONLY make changes to the messages that are currently in view on this feed, and not\n // all messages that exist.\n const options = {\n user_ids: [this.knock.userId!],\n engagement_status:\n this.defaultOptions.status !== \"all\"\n ? this.defaultOptions.status\n : undefined,\n archived: this.defaultOptions.archived,\n has_tenant: this.defaultOptions.has_tenant,\n tenants: this.defaultOptions.tenant\n ? [this.defaultOptions.tenant]\n : undefined,\n };\n\n return await this.knock.messages.bulkUpdateAllStatusesInChannel({\n channelId: this.feedId,\n status,\n options,\n });\n }\n\n private setupBroadcastChannel() {\n // Attempt to bind to listen to other events from this feed in different tabs\n // Note: here we ensure `self` is available (it's not in server rendered envs)\n this.broadcastChannel =\n typeof self !== \"undefined\" && \"BroadcastChannel\" in self\n ? new BroadcastChannel(`knock:feed:${this.userFeedId}`)\n : null;\n\n // Opt into receiving updates from _other tabs for the same user / feed_ via the broadcast\n // channel (iff it's enabled and exists)\n if (\n this.broadcastChannel &&\n this.defaultOptions.__experimentalCrossBrowserUpdates === true\n ) {\n this.broadcastChannel.onmessage = (e) => {\n switch (e.data.type) {\n case \"items:archived\":\n case \"items:unarchived\":\n case \"items:seen\":\n case \"items:unseen\":\n case \"items:read\":\n case \"items:unread\":\n case \"items:all_read\":\n case \"items:all_seen\":\n case \"items:all_archived\":\n // When items are updated in any other tab, simply refetch to get the latest state\n // to make sure that the state gets updated accordingly. In the future here we could\n // maybe do this optimistically without the fetch.\n return this.fetch();\n default:\n return null;\n }\n };\n }\n }\n\n private broadcastOverChannel(type: string, payload: any) {\n // The broadcastChannel may not be available in non-browser environments\n if (!this.broadcastChannel) {\n return;\n }\n\n // Here we stringify our payload and try and send as JSON such that we\n // don't get any `An object could not be cloned` errors when trying to broadcast\n try {\n const stringifiedPayload = JSON.parse(JSON.stringify(payload));\n\n this.broadcastChannel.postMessage({\n type,\n payload: stringifiedPayload,\n });\n } catch (e) {\n console.warn(`Could not broadcast ${type}, got error: ${e}`);\n }\n }\n\n private initializeRealtimeConnection() {\n const { socket: maybeSocket } = this.knock.client();\n\n // In server environments we might not have a socket connection\n if (!maybeSocket) return;\n\n // Reinitialize channel connections incase the socket changed\n this.channel = maybeSocket.channel(\n `feeds:${this.userFeedId}`,\n this.defaultOptions,\n );\n\n this.channel.on(\"new-message\", (resp) => this.onNewMessageReceived(resp));\n\n if (this.defaultOptions.auto_manage_socket_connection) {\n this.setupAutoSocketManager();\n }\n\n // If we're initializing but they have previously opted to listen to real-time updates\n // then we will automatically reconnect on their behalf\n if (this.hasSubscribedToRealTimeUpdates) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","normalizedItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACpB,cAAc,EACf,MAAM,SAAS,CAAC;AASjB,cAAM,IAAI;IAeN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAfzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,8BAA8B,CAAkB;IACxD,OAAO,CAAC,uBAAuB,CAAwB;IACvD,OAAO,CAAC,iCAAiC,CAAkB;IAGpD,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;gBAG5B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB;IAgB5B;;OAEG;IACH,YAAY;IAWZ;;;OAGG;IACH,QAAQ;IAoBR,2EAA2E;IAC3E,OAAO;IAYP,gBAAgB;IAmBhB,EAAE,CACA,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,GAAG,CACD,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,QAAQ;IAIF,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;
|
|
1
|
+
{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACpB,cAAc,EACf,MAAM,SAAS,CAAC;AASjB,cAAM,IAAI;IAeN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAfzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,8BAA8B,CAAkB;IACxD,OAAO,CAAC,uBAAuB,CAAwB;IACvD,OAAO,CAAC,iCAAiC,CAAkB;IAGpD,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;gBAG5B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB;IAgB5B;;OAEG;IACH,YAAY;IAWZ;;;OAGG;IACH,QAAQ;IAoBR,2EAA2E;IAC3E,OAAO;IAYP,gBAAgB;IAmBhB,EAAE,CACA,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,GAAG,CACD,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,QAAQ;IAIF,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAuB7C,cAAc,CAAC,WAAW,EAAE,eAAe;IAuE3C,iBAAiB;IA2BjB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA0EpC,aAAa;IAenB,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAclC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAiD3B,gBAAgB;YAiBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,yBAAyB;IAUjC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
|
package/package.json
CHANGED
package/src/clients/feed/feed.ts
CHANGED
|
@@ -180,8 +180,7 @@ class Feed {
|
|
|
180
180
|
//
|
|
181
181
|
// Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`
|
|
182
182
|
// items by removing everything from view.
|
|
183
|
-
const {
|
|
184
|
-
const { metadata, items } = getState();
|
|
183
|
+
const { metadata, items, ...state } = this.store.getState();
|
|
185
184
|
|
|
186
185
|
const isViewingOnlyUnseen = this.defaultOptions.status === "unseen";
|
|
187
186
|
|
|
@@ -189,21 +188,19 @@ class Feed {
|
|
|
189
188
|
// from the store given that nothing should be visible. We do this by resetting the store state
|
|
190
189
|
// and setting the current metadata counts to 0
|
|
191
190
|
if (isViewingOnlyUnseen) {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
}),
|
|
198
|
-
);
|
|
191
|
+
state.resetStore({
|
|
192
|
+
...metadata,
|
|
193
|
+
total_count: 0,
|
|
194
|
+
unseen_count: 0,
|
|
195
|
+
});
|
|
199
196
|
} else {
|
|
200
197
|
// Otherwise we want to update the metadata and mark all of the items in the store as seen
|
|
201
|
-
|
|
198
|
+
state.setMetadata({ ...metadata, unseen_count: 0 });
|
|
202
199
|
|
|
203
200
|
const attrs = { seen_at: new Date().toISOString() };
|
|
204
201
|
const itemIds = items.map((item) => item.id);
|
|
205
202
|
|
|
206
|
-
|
|
203
|
+
state.setItemAttrs(itemIds, attrs);
|
|
207
204
|
}
|
|
208
205
|
|
|
209
206
|
// Issue the API request to the bulk status change API
|
|
@@ -248,8 +245,7 @@ class Feed {
|
|
|
248
245
|
//
|
|
249
246
|
// Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`
|
|
250
247
|
// items by removing everything from view.
|
|
251
|
-
const {
|
|
252
|
-
const { metadata, items } = getState();
|
|
248
|
+
const { metadata, items, ...state } = this.store.getState();
|
|
253
249
|
|
|
254
250
|
const isViewingOnlyUnread = this.defaultOptions.status === "unread";
|
|
255
251
|
|
|
@@ -257,21 +253,19 @@ class Feed {
|
|
|
257
253
|
// from the store given that nothing should be visible. We do this by resetting the store state
|
|
258
254
|
// and setting the current metadata counts to 0
|
|
259
255
|
if (isViewingOnlyUnread) {
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
}),
|
|
266
|
-
);
|
|
256
|
+
state.resetStore({
|
|
257
|
+
...metadata,
|
|
258
|
+
total_count: 0,
|
|
259
|
+
unread_count: 0,
|
|
260
|
+
});
|
|
267
261
|
} else {
|
|
268
262
|
// Otherwise we want to update the metadata and mark all of the items in the store as seen
|
|
269
|
-
|
|
263
|
+
state.setMetadata({ ...metadata, unread_count: 0 });
|
|
270
264
|
|
|
271
265
|
const attrs = { read_at: new Date().toISOString() };
|
|
272
266
|
const itemIds = items.map((item) => item.id);
|
|
273
267
|
|
|
274
|
-
|
|
268
|
+
state.setItemAttrs(itemIds, attrs);
|
|
275
269
|
}
|
|
276
270
|
|
|
277
271
|
// Issue the API request to the bulk status change API
|
|
@@ -316,8 +310,7 @@ class Feed {
|
|
|
316
310
|
TODO: how do we handle rollbacks?
|
|
317
311
|
*/
|
|
318
312
|
async markAsArchived(itemOrItems: FeedItemOrItems) {
|
|
319
|
-
const
|
|
320
|
-
const state = getState();
|
|
313
|
+
const state = this.store.getState();
|
|
321
314
|
|
|
322
315
|
const shouldOptimisticallyRemoveItems =
|
|
323
316
|
this.defaultOptions.archived === "exclude";
|
|
@@ -374,13 +367,11 @@ class Feed {
|
|
|
374
367
|
(item) => !itemIds.includes(item.id),
|
|
375
368
|
);
|
|
376
369
|
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
}),
|
|
383
|
-
);
|
|
370
|
+
state.setResult({
|
|
371
|
+
entries: entriesToSet,
|
|
372
|
+
meta: updatedMetadata,
|
|
373
|
+
page_info: state.pageInfo,
|
|
374
|
+
});
|
|
384
375
|
} else {
|
|
385
376
|
// Mark all the entries being updated as archived either way so the state is correct
|
|
386
377
|
state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });
|
|
@@ -393,8 +384,7 @@ class Feed {
|
|
|
393
384
|
// Note: there is the potential for a race condition here because the bulk
|
|
394
385
|
// update is an async method, so if a new message comes in during this window before
|
|
395
386
|
// the update has been processed we'll effectively reset the `unseen_count` to be what it was.
|
|
396
|
-
const {
|
|
397
|
-
const { items } = getState();
|
|
387
|
+
const { items, ...state } = this.store.getState();
|
|
398
388
|
|
|
399
389
|
// Here if we're looking at a feed that excludes all of the archived items by default then we
|
|
400
390
|
// will want to optimistically remove all of the items from the feed as they are now all excluded
|
|
@@ -403,13 +393,11 @@ class Feed {
|
|
|
403
393
|
|
|
404
394
|
if (shouldOptimisticallyRemoveItems) {
|
|
405
395
|
// Reset the store to clear out all of items and reset the badge count
|
|
406
|
-
|
|
396
|
+
state.resetStore();
|
|
407
397
|
} else {
|
|
408
398
|
// Mark all the entries being updated as archived either way so the state is correct
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
store.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });
|
|
412
|
-
});
|
|
399
|
+
const itemIds = items.map((i) => i.id);
|
|
400
|
+
state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });
|
|
413
401
|
}
|
|
414
402
|
|
|
415
403
|
// Issue the API request to the bulk status change API
|
|
@@ -429,8 +417,7 @@ class Feed {
|
|
|
429
417
|
|
|
430
418
|
/* Fetches the feed content, appending it to the store */
|
|
431
419
|
async fetch(options: FetchFeedOptions = {}) {
|
|
432
|
-
const {
|
|
433
|
-
const { networkStatus } = getState();
|
|
420
|
+
const { networkStatus, ...state } = this.store.getState();
|
|
434
421
|
|
|
435
422
|
// If there's an existing request in flight, then do nothing
|
|
436
423
|
if (isRequestInFlight(networkStatus)) {
|
|
@@ -438,9 +425,7 @@ class Feed {
|
|
|
438
425
|
}
|
|
439
426
|
|
|
440
427
|
// Set the loading type based on the request type it is
|
|
441
|
-
|
|
442
|
-
store.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading),
|
|
443
|
-
);
|
|
428
|
+
state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);
|
|
444
429
|
|
|
445
430
|
// Always include the default params, if they have been set
|
|
446
431
|
const queryParams = {
|
|
@@ -461,7 +446,7 @@ class Feed {
|
|
|
461
446
|
});
|
|
462
447
|
|
|
463
448
|
if (result.statusCode === "error" || !result.body) {
|
|
464
|
-
|
|
449
|
+
state.setNetworkStatus(NetworkStatus.error);
|
|
465
450
|
|
|
466
451
|
return {
|
|
467
452
|
status: result.statusCode,
|
|
@@ -477,12 +462,12 @@ class Feed {
|
|
|
477
462
|
|
|
478
463
|
if (options.before) {
|
|
479
464
|
const opts = { shouldSetPage: false, shouldAppend: true };
|
|
480
|
-
|
|
465
|
+
state.setResult(response, opts);
|
|
481
466
|
} else if (options.after) {
|
|
482
467
|
const opts = { shouldSetPage: true, shouldAppend: true };
|
|
483
|
-
|
|
468
|
+
state.setResult(response, opts);
|
|
484
469
|
} else {
|
|
485
|
-
|
|
470
|
+
state.setResult(response);
|
|
486
471
|
}
|
|
487
472
|
|
|
488
473
|
// Legacy `messages.new` event, should be removed in a future version
|
|
@@ -507,8 +492,7 @@ class Feed {
|
|
|
507
492
|
|
|
508
493
|
async fetchNextPage() {
|
|
509
494
|
// Attempts to fetch the next page of results (if we have any)
|
|
510
|
-
const {
|
|
511
|
-
const { pageInfo } = getState();
|
|
495
|
+
const { pageInfo } = this.store.getState();
|
|
512
496
|
|
|
513
497
|
if (!pageInfo.after) {
|
|
514
498
|
// Nothing more to fetch
|
|
@@ -535,11 +519,10 @@ class Feed {
|
|
|
535
519
|
this.knock.log("[Feed] Received new real-time message");
|
|
536
520
|
|
|
537
521
|
// Handle the new message coming in
|
|
538
|
-
const {
|
|
539
|
-
const { items } = getState();
|
|
522
|
+
const { items, ...state } = this.store.getState();
|
|
540
523
|
const currentHead: FeedItem | undefined = items[0];
|
|
541
524
|
// Optimistically set the badge counts
|
|
542
|
-
|
|
525
|
+
state.setMetadata(metadata);
|
|
543
526
|
// Fetch the items before the current head (if it exists)
|
|
544
527
|
this.fetch({ before: currentHead?.__cursor, __fetchSource: "socket" });
|
|
545
528
|
}
|
|
@@ -554,14 +537,14 @@ class Feed {
|
|
|
554
537
|
attrs: object,
|
|
555
538
|
badgeCountAttr?: "unread_count" | "unseen_count",
|
|
556
539
|
) {
|
|
557
|
-
const
|
|
540
|
+
const state = this.store.getState();
|
|
558
541
|
const normalizedItems = Array.isArray(itemOrItems)
|
|
559
542
|
? itemOrItems
|
|
560
543
|
: [itemOrItems];
|
|
561
544
|
const itemIds = normalizedItems.map((item) => item.id);
|
|
562
545
|
|
|
563
546
|
if (badgeCountAttr) {
|
|
564
|
-
const { metadata } =
|
|
547
|
+
const { metadata } = state;
|
|
565
548
|
|
|
566
549
|
// We only want to update the counts of items that have not already been counted towards the
|
|
567
550
|
// badge count total to avoid updating the badge count unnecessarily.
|
|
@@ -587,16 +570,14 @@ class Feed {
|
|
|
587
570
|
? itemsToUpdate.length
|
|
588
571
|
: -itemsToUpdate.length;
|
|
589
572
|
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
}),
|
|
595
|
-
);
|
|
573
|
+
state.setMetadata({
|
|
574
|
+
...metadata,
|
|
575
|
+
[badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),
|
|
576
|
+
});
|
|
596
577
|
}
|
|
597
578
|
|
|
598
579
|
// Update the items with the given attributes
|
|
599
|
-
|
|
580
|
+
state.setItemAttrs(itemIds, attrs);
|
|
600
581
|
}
|
|
601
582
|
|
|
602
583
|
private async makeStatusUpdate(
|