@knocklabs/client 0.10.2 → 0.10.3

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.10.3
4
+
5
+ ### Patch Changes
6
+
7
+ - a71ce51: fix: event types to use items. and fix types
8
+
3
9
  ## 0.10.2
4
10
 
5
11
  ### Patch Changes
@@ -1,2 +1,2 @@
1
- "use strict";var S=Object.defineProperty;var k=(m,e,t)=>e in m?S(m,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):m[e]=t;var u=(m,e,t)=>(k(m,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("eventemitter2"),f=require("../../networkStatus.js"),_=require("./store.js"),g={archived:"exclude"},v=2e3;class y{constructor(e,t,s){u(this,"userFeedId");u(this,"channel");u(this,"broadcaster");u(this,"defaultOptions");u(this,"broadcastChannel");u(this,"disconnectTimer",null);u(this,"hasSubscribedToRealTimeUpdates",!1);u(this,"visibilityChangeHandler",()=>{});u(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=_.default(),this.broadcaster=new p({wildcard:!0,delimiter:"."}),this.defaultOptions={...g,...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)}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{getState:e,setState:t}=this.store,{metadata:s,items:a}=e();if(this.defaultOptions.status==="unseen")t(i=>i.resetStore({...s,total_count:0,unseen_count:0}));else{t(o=>o.setMetadata({...s,unseen_count:0}));const i={seen_at:new Date().toISOString()},l=a.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const n=await this.makeBulkStatusUpdate("seen");return this.broadcaster.emit("items:all_seen",{items:a}),this.broadcastOverChannel("items:all_seen",{items:a}),n}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{getState:e,setState:t}=this.store,{metadata:s,items:a}=e();if(this.defaultOptions.status==="unread")t(i=>i.resetStore({...s,total_count:0,unread_count:0}));else{t(o=>o.setMetadata({...s,unread_count:0}));const i={read_at:new Date().toISOString()},l=a.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const n=await this.makeBulkStatusUpdate("read");return this.broadcaster.emit("items:all_read",{items:a}),this.broadcastOverChannel("items:all_read",{items:a}),n}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{getState:t,setState:s}=this.store,a=t(),r=this.defaultOptions.archived==="exclude",n=Array.isArray(e)?e:[e],i=n.map(l=>l.id);if(r){const l=n.filter(c=>!c.seen_at).length,o=n.filter(c=>!c.read_at).length,d={...a.metadata,total_count:a.metadata.total_count-n.length,unseen_count:a.metadata.unseen_count-l,unread_count:a.metadata.unread_count-o},h=a.items.filter(c=>!i.includes(c.id));s(c=>c.setResult({entries:h,meta:d,page_info:c.pageInfo}))}else a.setItemAttrs(i,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{setState:e,getState:t}=this.store,{items:s}=t(),a=this.defaultOptions.archived==="exclude";e(a?n=>n.resetStore():n=>{const i=s.map(l=>l.id);n.setItemAttrs(i,{archived_at:new Date().toISOString()})});const r=await this.makeBulkStatusUpdate("archive");return this.broadcaster.emit("items:all_archived",{items:s}),this.broadcastOverChannel("items:all_archived",{items:s}),r}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{setState:t,getState:s}=this.store,{networkStatus:a}=s();if(f.isRequestInFlight(a))return;t(d=>d.setNetworkStatus(e.__loadingType??f.NetworkStatus.loading));const r={...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},n=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:r});if(n.statusCode==="error"||!n.body)return t(d=>d.setNetworkStatus(f.NetworkStatus.error)),{status:n.statusCode,data:n.error||n.body};const i={entries:n.body.entries,meta:n.body.meta,page_info:n.body.page_info};if(e.before){const d={shouldSetPage:!1,shouldAppend:!0};t(h=>h.setResult(i,d))}else if(e.after){const d={shouldSetPage:!0,shouldAppend:!0};t(h=>h.setResult(i,d))}else t(d=>d.setResult(i));this.broadcast("messages.new",i);const l=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",o={items:i.entries,metadata:i.meta,event:l};return this.broadcast(o.event,o),{data:i,status:n.statusCode}}async fetchNextPage(){const{getState:e}=this.store,{pageInfo:t}=e();t.after&&this.fetch({after:t.after,__loadingType:f.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{getState:t,setState:s}=this.store,{items:a}=t(),r=a[0];s(n=>n.setMetadata(e)),this.fetch({before:r==null?void 0:r.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,a){const{getState:r,setState:n}=this.store,i=Array.isArray(e)?e:[e],l=i.map(o=>o.id);if(a){const{metadata:o}=r(),d=i.filter(c=>{switch(t){case"seen":return c.seen_at===null;case"unseen":return c.seen_at!==null;case"read":case"interacted":return c.read_at===null;case"unread":return c.read_at!==null;default:return!0}}),h=t.startsWith("un")?d.length:-d.length;n(c=>c.setMetadata({...o,[a]:Math.max(0,o[a]+h)}))}n(o=>o.setItemAttrs(l,s))}async makeStatusUpdate(e,t){const s=Array.isArray(e)?e:[e],a=s.map(n=>n.id),r=await this.knock.messages.batchUpdateStatuses(a,t);return this.broadcaster.emit(`items.${t}`,{items:s}),this.broadcaster.emit(`items:${t}`,{items:s}),this.broadcastOverChannel(`items:${t}`,{items:s}),r}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(){this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.visibilityChangeHandler)}teardownAutoSocketManager(){document.removeEventListener("visibilitychange",this.visibilityChangeHandler)}handleVisibilityChange(){var s;const e=this.defaultOptions.auto_manage_socket_connection_delay??v,t=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var a;(a=t.socket)==null||a.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;
1
+ "use strict";var S=Object.defineProperty;var k=(m,e,t)=>e in m?S(m,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):m[e]=t;var u=(m,e,t)=>(k(m,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("eventemitter2"),f=require("../../networkStatus.js"),_=require("./store.js"),g={archived:"exclude"},v=2e3;class y{constructor(e,t,a){u(this,"userFeedId");u(this,"channel");u(this,"broadcaster");u(this,"defaultOptions");u(this,"broadcastChannel");u(this,"disconnectTimer",null);u(this,"hasSubscribedToRealTimeUpdates",!1);u(this,"visibilityChangeHandler",()=>{});u(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=_.default(),this.broadcaster=new p({wildcard:!0,delimiter:"."}),this.defaultOptions={...g,...a},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)}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{getState:e,setState:t}=this.store,{metadata:a,items:n}=e();if(this.defaultOptions.status==="unseen")t(i=>i.resetStore({...a,total_count:0,unseen_count:0}));else{t(o=>o.setMetadata({...a,unseen_count:0}));const i={seen_at:new Date().toISOString()},l=n.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const s=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",n),s}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{getState:e,setState:t}=this.store,{metadata:a,items:n}=e();if(this.defaultOptions.status==="unread")t(i=>i.resetStore({...a,total_count:0,unread_count:0}));else{t(o=>o.setMetadata({...a,unread_count:0}));const i={read_at:new Date().toISOString()},l=n.map(o=>o.id);t(o=>o.setItemAttrs(l,i))}const s=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",n),s}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{getState:t,setState:a}=this.store,n=t(),r=this.defaultOptions.archived==="exclude",s=Array.isArray(e)?e:[e],i=s.map(l=>l.id);if(r){const l=s.filter(c=>!c.seen_at).length,o=s.filter(c=>!c.read_at).length,d={...n.metadata,total_count:n.metadata.total_count-s.length,unseen_count:n.metadata.unseen_count-l,unread_count:n.metadata.unread_count-o},h=n.items.filter(c=>!i.includes(c.id));a(c=>c.setResult({entries:h,meta:d,page_info:c.pageInfo}))}else n.setItemAttrs(i,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{setState:e,getState:t}=this.store,{items:a}=t(),n=this.defaultOptions.archived==="exclude";e(n?s=>s.resetStore():s=>{const i=a.map(l=>l.id);s.setItemAttrs(i,{archived_at:new Date().toISOString()})});const r=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",a),r}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{setState:t,getState:a}=this.store,{networkStatus:n}=a();if(f.isRequestInFlight(n))return;t(d=>d.setNetworkStatus(e.__loadingType??f.NetworkStatus.loading));const r={...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},s=await this.knock.client().makeRequest({method:"GET",url:`/v1/users/${this.knock.userId}/feeds/${this.feedId}`,params:r});if(s.statusCode==="error"||!s.body)return t(d=>d.setNetworkStatus(f.NetworkStatus.error)),{status:s.statusCode,data:s.error||s.body};const i={entries:s.body.entries,meta:s.body.meta,page_info:s.body.page_info};if(e.before){const d={shouldSetPage:!1,shouldAppend:!0};t(h=>h.setResult(i,d))}else if(e.after){const d={shouldSetPage:!0,shouldAppend:!0};t(h=>h.setResult(i,d))}else t(d=>d.setResult(i));this.broadcast("messages.new",i);const l=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",o={items:i.entries,metadata:i.meta,event:l};return this.broadcast(o.event,o),{data:i,status:s.statusCode}}async fetchNextPage(){const{getState:e}=this.store,{pageInfo:t}=e();t.after&&this.fetch({after:t.after,__loadingType:f.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{getState:t,setState:a}=this.store,{items:n}=t(),r=n[0];a(s=>s.setMetadata(e)),this.fetch({before:r==null?void 0:r.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,a,n){const{getState:r,setState:s}=this.store,i=Array.isArray(e)?e:[e],l=i.map(o=>o.id);if(n){const{metadata:o}=r(),d=i.filter(c=>{switch(t){case"seen":return c.seen_at===null;case"unseen":return c.seen_at!==null;case"read":case"interacted":return c.read_at===null;case"unread":return c.read_at!==null;default:return!0}}),h=t.startsWith("un")?d.length:-d.length;s(c=>c.setMetadata({...o,[n]:Math.max(0,o[n]+h)}))}s(o=>o.setItemAttrs(l,a))}async makeStatusUpdate(e,t){const a=Array.isArray(e)?e:[e],n=a.map(s=>s.id),r=await this.knock.messages.batchUpdateStatuses(n,t);return this.emitEvent(t,a),r}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 a=JSON.parse(JSON.stringify(t));this.broadcastChannel.postMessage({type:e,payload:a})}catch(a){console.warn(`Could not broadcast ${e}, got error: ${a}`)}}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(){this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),document.addEventListener("visibilitychange",this.visibilityChangeHandler)}teardownAutoSocketManager(){document.removeEventListener("visibilitychange",this.visibilityChangeHandler)}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 a;const e=this.defaultOptions.auto_manage_socket_connection_delay??v,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),(a=t.socket)!=null&&a.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\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 }\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\n this.broadcaster.emit(`items:all_seen`, { items });\n this.broadcastOverChannel(`items: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\n this.broadcaster.emit(`items:all_read`, { items });\n this.broadcastOverChannel(`items: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\n this.broadcaster.emit(`items:all_archived`, { items });\n this.broadcastOverChannel(`items: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.broadcaster.emit(`items.${type}`, { items });\n\n // Note: `items.type` format is being deprecated in favor over the `items:type` format,\n // but emit both formats to make it backward compatible for now.\n this.broadcaster.emit(`items:${type}`, { items });\n this.broadcastOverChannel(`items:${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 this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\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\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 }\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 this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\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":"iXA+BMA,EAA0D,CAC9D,SAAU,SACZ,EAEMC,EAA2B,IAEjC,MAAMC,CAAK,CAaT,YACWC,EACAC,EACTC,EACA,CAhBMC,EAAA,mBACAA,EAAA,gBACAA,EAAA,oBACAA,EAAA,uBACAA,EAAA,yBACAA,EAAA,uBAAwD,MACxDA,EAAA,sCAA0C,IAC1CA,EAAA,+BAAsC,IAAM,CAAA,GAG7CA,EAAA,cAGI,KAAA,MAAAH,EACA,KAAA,OAAAC,EAGT,KAAK,OAASA,EACT,KAAA,WAAa,KAAK,kBACvB,KAAK,MAAQG,EAAAA,UACR,KAAA,YAAc,IAAIC,EAAa,CAAE,SAAU,GAAM,UAAW,IAAK,EACtE,KAAK,eAAiB,CAAE,GAAGR,EAAoB,GAAGK,CAAQ,EAE1D,KAAK,MAAM,IAAI,wCAAwCD,CAAM,EAAE,EAG/D,KAAK,6BAA6B,EAElC,KAAK,sBAAsB,CAC7B,CAKA,cAAe,CAER,KAAA,WAAa,KAAK,kBAGvB,KAAK,6BAA6B,EAGlC,KAAK,sBAAsB,CAC7B,CAMA,UAAW,CACJ,KAAA,MAAM,IAAI,mCAAmC,EAE9C,KAAK,UACP,KAAK,QAAQ,QACR,KAAA,QAAQ,IAAI,aAAa,GAGhC,KAAK,0BAA0B,EAE3B,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,MAGrB,KAAK,kBACP,KAAK,iBAAiB,OAE1B,CAGA,SAAU,CACH,KAAA,MAAM,IAAI,mCAAmC,EAClD,KAAK,SAAS,EACd,KAAK,YAAY,qBACZ,KAAA,MAAM,MAAM,eAAe,IAAI,CACtC,CAMA,kBAAmB,CACZ,KAAA,MAAM,IAAI,wCAAwC,EAEvD,KAAK,+BAAiC,GAEtC,MAAMK,EAAc,KAAK,MAAM,OAAA,EAAS,OAGpCA,GAAe,CAACA,EAAY,eAC9BA,EAAY,QAAQ,EAIlB,KAAK,SAAW,CAAC,SAAU,SAAS,EAAE,SAAS,KAAK,QAAQ,KAAK,GACnE,KAAK,QAAQ,MAEjB,CAGA,GACEC,EACAC,EACA,CACK,KAAA,YAAY,GAAGD,EAAWC,CAAQ,CACzC,CAEA,IACED,EACAC,EACA,CACK,KAAA,YAAY,IAAID,EAAWC,CAAQ,CAC1C,CAEA,UAAW,CACF,OAAA,KAAK,MAAM,UACpB,CAEA,MAAM,WAAWC,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAChD,YAAA,UAAU,WAAYL,CAAK,EAEzBK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,WAAWA,EAA8B,CAC7C,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,OACA,CAAE,QAASC,CAAI,EACf,cAAA,EAGK,KAAK,iBAAiBD,EAAa,MAAM,CAClD,CAEA,MAAM,eAAgB,CAYpB,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,SAAAC,EAAU,MAAAC,CAAM,EAAIH,EAAS,EAOrC,GAL4B,KAAK,eAAe,SAAW,SAMzDC,EAAUG,GACRA,EAAM,WAAW,CACf,GAAGF,EACH,YAAa,EACb,aAAc,CAAA,CACf,CAAA,MAEE,CAEID,EAACG,GAAUA,EAAM,YAAY,CAAE,GAAGF,EAAU,aAAc,CAAG,CAAA,CAAC,EAEvE,MAAMG,EAAQ,CAAE,YAAa,KAAK,EAAE,eAC9BC,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAE3CN,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAGA,MAAMG,EAAS,MAAM,KAAK,qBAAqB,MAAM,EAChD,YAAA,UAAU,WAAYL,CAAK,EAEzBK,CACT,CAEA,MAAM,aAAaV,EAA8B,CAC1C,YAAA,kCACHA,EACA,SACA,CAAE,QAAS,IAAK,EAChB,cAAA,EAGK,KAAK,iBAAiBA,EAAa,QAAQ,CACpD,CAEA,MAAM,iBAAiBA,EAA8B,CACnD,MAAMC,EAAM,IAAI,KAAK,EAAE,YAAY,EAC9B,YAAA,kCACHD,EACA,aACA,CACE,QAASC,EACT,cAAeA,CACjB,EACA,cAAA,EAGK,KAAK,iBAAiBD,EAAa,YAAY,CACxD,CAUA,MAAM,eAAeA,EAA8B,CACjD,KAAM,CAAE,SAAAE,EAAU,SAAAC,GAAa,KAAK,MAC9BQ,EAAQT,IAERU,EACJ,KAAK,eAAe,WAAa,UAE7BC,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EAEVQ,EAAoBK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EA6B/D,GAAIG,EAAiC,CAG7B,MAAAE,EAAcD,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OACxDC,EAAcH,EAAgB,OAAQE,GAAM,CAACA,EAAE,OAAO,EAAE,OAGxDE,EAAkB,CACtB,GAAGN,EAAM,SACT,YAAaA,EAAM,SAAS,YAAcE,EAAgB,OAC1D,aAAcF,EAAM,SAAS,aAAeG,EAC5C,aAAcH,EAAM,SAAS,aAAeK,CAAA,EAIxCE,EAAeP,EAAM,MAAM,OAC9BF,GAAS,CAACD,EAAQ,SAASC,EAAK,EAAE,CAAA,EAGrCN,EAAUQ,GACRA,EAAM,UAAU,CACd,QAASO,EACT,KAAMD,EACN,UAAWN,EAAM,QAAA,CAClB,CAAA,CACH,MAGMA,EAAA,aAAaH,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,EAGhE,OAAA,KAAK,iBAAiBR,EAAa,UAAU,CACtD,CAEA,MAAM,mBAAoB,CAIxB,KAAM,CAAE,SAAAG,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAE,MAAAG,GAAUH,IAIZU,EACJ,KAAK,eAAe,WAAa,UAIjCT,EAFES,EAEQN,GAAUA,EAAM,WAAY,EAG5BA,GAAU,CAClB,MAAME,EAAUH,EAAM,IAAKU,GAAMA,EAAE,EAAE,EAC/BT,EAAA,aAAaE,EAAS,CAAE,gBAAiB,KAAK,EAAE,YAAY,CAAA,CAAG,CAAA,CALjC,EAUxC,MAAME,EAAS,MAAM,KAAK,qBAAqB,SAAS,EACnD,YAAA,UAAU,eAAgBL,CAAK,EAE7BK,CACT,CAEA,MAAM,iBAAiBV,EAA8B,CAC9C,YAAA,kCAAkCA,EAAa,aAAc,CAChE,YAAa,IAAA,CACd,EAEM,KAAK,iBAAiBA,EAAa,YAAY,CACxD,CAGA,MAAM,MAAMP,EAA4B,GAAI,CAC1C,KAAM,CAAE,SAAAU,EAAU,SAAAD,GAAa,KAAK,MAC9B,CAAEiB,cAAAA,GAAkBjB,IAGtB,GAAAkB,EAAAA,kBAAkBD,CAAa,EACjC,OAIFhB,EAAUG,GACRA,EAAM,iBAAiBb,EAAQ,eAAiB4B,gBAAc,OAAO,CAAA,EAIvE,MAAMC,EAAc,CAClB,GAAG,KAAK,eACR,GAAG7B,EAEH,cAAe,OACf,cAAe,OACf,kCAAmC,OACnC,8BAA+B,OAC/B,oCAAqC,MAAA,EAGjCiB,EAAS,MAAM,KAAK,MAAM,OAAA,EAAS,YAAY,CACnD,OAAQ,MACR,IAAK,aAAa,KAAK,MAAM,MAAM,UAAU,KAAK,MAAM,GACxD,OAAQY,CAAA,CACT,EAED,GAAIZ,EAAO,aAAe,SAAW,CAACA,EAAO,KAC3C,OAAAP,EAAUG,GAAUA,EAAM,iBAAiBe,EAAA,cAAc,KAAK,CAAC,EAExD,CACL,OAAQX,EAAO,WACf,KAAMA,EAAO,OAASA,EAAO,IAAA,EAIjC,MAAMa,EAAW,CACf,QAASb,EAAO,KAAK,QACrB,KAAMA,EAAO,KAAK,KAClB,UAAWA,EAAO,KAAK,SAAA,EAGzB,GAAIjB,EAAQ,OAAQ,CAClB,MAAM+B,EAAO,CAAE,cAAe,GAAO,aAAc,EAAK,EACxDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,SAC1C/B,EAAQ,MAAO,CACxB,MAAM+B,EAAO,CAAE,cAAe,GAAM,aAAc,EAAK,EACvDrB,EAAUQ,GAAUA,EAAM,UAAUY,EAAUC,CAAI,CAAC,CAAA,MAEnDrB,EAAUQ,GAAUA,EAAM,UAAUY,CAAQ,CAAC,EAI1C,KAAA,UAAU,eAAgBA,CAAQ,EAGvC,MAAME,EACJhC,EAAQ,gBAAkB,SACtB,0BACA,sBAEAiC,EAAe,CACnB,MAAOH,EAAS,QAChB,SAAUA,EAAS,KACnB,MAAOE,CAAA,EAGJ,YAAA,UAAUC,EAAa,MAAOA,CAAY,EAExC,CAAE,KAAMH,EAAU,OAAQb,EAAO,UAAW,CACrD,CAEA,MAAM,eAAgB,CAEd,KAAA,CAAE,SAAAR,CAAS,EAAI,KAAK,MACpB,CAAE,SAAAyB,GAAazB,IAEhByB,EAAS,OAKd,KAAK,MAAM,CACT,MAAOA,EAAS,MAChB,cAAeN,EAAc,cAAA,SAAA,CAC9B,CACH,CAEQ,UACNvB,EACA8B,EACA,CACK,KAAA,YAAY,KAAK9B,EAAW8B,CAAI,CACvC,CAGA,MAAc,qBAAqB,CACjC,SAAAxB,CAAA,EAC8B,CACzB,KAAA,MAAM,IAAI,uCAAuC,EAGtD,KAAM,CAAE,SAAAF,EAAU,SAAAC,GAAa,KAAK,MAC9B,CAAE,MAAAE,GAAUH,IACZ2B,EAAoCxB,EAAM,CAAC,EAEjDF,EAAUQ,GAAUA,EAAM,YAAYP,CAAQ,CAAC,EAE/C,KAAK,MAAM,CAAE,OAAQyB,GAAA,YAAAA,EAAa,SAAU,cAAe,SAAU,CACvE,CAEQ,iBAAkB,CACxB,MAAO,GAAG,KAAK,MAAM,IAAI,KAAK,MAAM,MAAM,EAC5C,CAEQ,kCACN7B,EACA8B,EACAvB,EACAwB,EACA,CACA,KAAM,CAAE,SAAA7B,EAAU,SAAAC,GAAa,KAAK,MAC9BU,EAAkB,MAAM,QAAQb,CAAW,EAC7CA,EACA,CAACA,CAAW,EACVQ,EAAUK,EAAgB,IAAKJ,GAASA,EAAK,EAAE,EAErD,GAAIsB,EAAgB,CACZ,KAAA,CAAE,SAAA3B,GAAaF,IAIf8B,EAAgBnB,EAAgB,OAAQJ,GAAS,CACrD,OAAQqB,EAAM,CACZ,IAAK,OACH,OAAOrB,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,OACL,IAAK,aACH,OAAOA,EAAK,UAAY,KAC1B,IAAK,SACH,OAAOA,EAAK,UAAY,KAC1B,QACS,MAAA,EACX,CAAA,CACD,EAIKwB,EAAYH,EAAK,WAAW,IAAI,EAClCE,EAAc,OACd,CAACA,EAAc,OAEnB7B,EAAUG,GACRA,EAAM,YAAY,CAChB,GAAGF,EACH,CAAC2B,CAAc,EAAG,KAAK,IAAI,EAAG3B,EAAS2B,CAAc,EAAIE,CAAS,CAAA,CACnE,CAAA,CAEL,CAGA9B,EAAUG,GAAUA,EAAM,aAAaE,EAASD,CAAK,CAAC,CACxD,CAEA,MAAc,iBACZP,EACA8B,EACA,CAEA,MAAMzB,EAAQ,MAAM,QAAQL,CAAW,EAAIA,EAAc,CAACA,CAAW,EAC/DQ,EAAUH,EAAM,IAAKI,GAASA,EAAK,EAAE,EAErCC,EAAS,MAAM,KAAK,MAAM,SAAS,oBAAoBF,EAASsB,CAAI,EAIrE,YAAA,UAAUA,EAAMzB,CAAK,EAEnBK,CACT,CAEA,MAAc,qBACZwB,EACA,CAKA,MAAMzC,EAAU,CACd,SAAU,CAAC,KAAK,MAAM,MAAO,EAC7B,kBACE,KAAK,eAAe,SAAW,MAC3B,KAAK,eAAe,OACpB,OACN,SAAU,KAAK,eAAe,SAC9B,WAAY,KAAK,eAAe,WAChC,QAAS,KAAK,eAAe,OACzB,CAAC,KAAK,eAAe,MAAM,EAC3B,MAAA,EAGN,OAAO,MAAM,KAAK,MAAM,SAAS,+BAA+B,CAC9D,UAAW,KAAK,OAChB,OAAAyC,EACA,QAAAzC,CAAA,CACD,CACH,CAEQ,uBAAwB,CAG9B,KAAK,iBACH,OAAO,KAAS,KAAe,qBAAsB,KACjD,IAAI,iBAAiB,cAAc,KAAK,UAAU,EAAE,EACpD,KAKJ,KAAK,kBACL,KAAK,eAAe,oCAAsC,KAErD,KAAA,iBAAiB,UAAa,GAAM,CAC/B,OAAA,EAAE,KAAK,KAAM,CACnB,IAAK,iBACL,IAAK,mBACL,IAAK,aACL,IAAK,eACL,IAAK,aACL,IAAK,eACL,IAAK,iBACL,IAAK,iBACL,IAAK,qBAIH,OAAO,KAAK,QACd,QACS,OAAA,IACX,CAAA,EAGN,CAEQ,qBAAqBqC,EAAcK,EAAc,CAEnD,GAAC,KAAK,iBAMN,GAAA,CACF,MAAMC,EAAqB,KAAK,MAAM,KAAK,UAAUD,CAAO,CAAC,EAE7D,KAAK,iBAAiB,YAAY,CAChC,KAAAL,EACA,QAASM,CAAA,CACV,QACMC,EAAG,CACV,QAAQ,KAAK,uBAAuBP,CAAI,gBAAgBO,CAAC,EAAE,CAC7D,CACF,CAEQ,8BAA+B,CACrC,KAAM,CAAE,OAAQxC,CAAA,EAAgB,KAAK,MAAM,SAGtCA,IAGL,KAAK,QAAUA,EAAY,QACzB,SAAS,KAAK,UAAU,GACxB,KAAK,cAAA,EAGF,KAAA,QAAQ,GAAG,cAAgByC,GAAS,KAAK,qBAAqBA,CAAI,CAAC,EAEpE,KAAK,eAAe,+BACtB,KAAK,uBAAuB,EAK1B,KAAK,iCACFzC,EAAY,YAAY,GAAGA,EAAY,QAAQ,EACpD,KAAK,QAAQ,QAEjB,CAMQ,wBAAyB,CAC/B,KAAK,wBAA0B,KAAK,uBAAuB,KAAK,IAAI,EAC3D,SAAA,iBAAiB,mBAAoB,KAAK,uBAAuB,CAC5E,CAEQ,2BAA4B,CACzB,SAAA,oBACP,mBACA,KAAK,uBAAA,CAET,CAEQ,UACNiC,EAQAzB,EACA,CAEA,KAAK,YAAY,KAAK,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAChD,KAAK,YAAY,KAAK,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,EAEhD,KAAK,qBAAqB,SAASyB,CAAI,GAAI,CAAE,MAAAzB,EAAO,CACtD,CAEQ,wBAAyB,OACzB,MAAAkC,EACJ,KAAK,eAAe,qCACpBlD,EAEImD,EAAS,KAAK,MAAM,OAAO,EAE7B,SAAS,kBAAoB,SAE1B,KAAA,gBAAkB,WAAW,IAAM,QACtCC,EAAAD,EAAO,SAAP,MAAAC,EAAe,aACf,KAAK,gBAAkB,MACtBF,CAAe,EACT,SAAS,kBAAoB,YAGlC,KAAK,kBACP,aAAa,KAAK,eAAe,EACjC,KAAK,gBAAkB,OAIpBE,EAAAD,EAAO,SAAP,MAAAC,EAAe,eAClB,KAAK,6BAA6B,EAGxC,CACF"}
@@ -1,26 +1,26 @@
1
1
  var p = Object.defineProperty;
2
- var _ = (m, e, t) => e in m ? p(m, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[e] = t;
3
- var h = (m, e, t) => (_(m, typeof e != "symbol" ? e + "" : e, t), t);
4
- import k from "eventemitter2";
5
- import { isRequestInFlight as S, NetworkStatus as f } from "../../networkStatus.mjs";
2
+ var k = (m, e, t) => e in m ? p(m, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[e] = t;
3
+ var u = (m, e, t) => (k(m, typeof e != "symbol" ? e + "" : e, t), t);
4
+ import S from "eventemitter2";
5
+ import { isRequestInFlight as _, NetworkStatus as f } from "../../networkStatus.mjs";
6
6
  import g from "./store.mjs";
7
7
  const v = {
8
8
  archived: "exclude"
9
9
  }, y = 2e3;
10
10
  class A {
11
- constructor(e, t, s) {
12
- h(this, "userFeedId");
13
- h(this, "channel");
14
- h(this, "broadcaster");
15
- h(this, "defaultOptions");
16
- h(this, "broadcastChannel");
17
- h(this, "disconnectTimer", null);
18
- h(this, "hasSubscribedToRealTimeUpdates", !1);
19
- h(this, "visibilityChangeHandler", () => {
11
+ constructor(e, t, a) {
12
+ u(this, "userFeedId");
13
+ u(this, "channel");
14
+ u(this, "broadcaster");
15
+ u(this, "defaultOptions");
16
+ u(this, "broadcastChannel");
17
+ u(this, "disconnectTimer", null);
18
+ u(this, "hasSubscribedToRealTimeUpdates", !1);
19
+ u(this, "visibilityChangeHandler", () => {
20
20
  });
21
21
  // The raw store instance, used for binding in React and other environments
22
- h(this, "store");
23
- this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = g(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...v, ...s }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
22
+ u(this, "store");
23
+ this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = g(), this.broadcaster = new S({ wildcard: !0, delimiter: "." }), this.defaultOptions = { ...v, ...a }, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
24
24
  }
25
25
  /**
26
26
  * Used to reinitialize a current feed instance, which is useful when reauthenticating users
@@ -68,22 +68,22 @@ class A {
68
68
  ), this.makeStatusUpdate(e, "seen");
69
69
  }
70
70
  async markAllAsSeen() {
71
- const { getState: e, setState: t } = this.store, { metadata: s, items: a } = e();
71
+ const { getState: e, setState: t } = this.store, { metadata: a, items: n } = e();
72
72
  if (this.defaultOptions.status === "unseen")
73
73
  t(
74
74
  (i) => i.resetStore({
75
- ...s,
75
+ ...a,
76
76
  total_count: 0,
77
77
  unseen_count: 0
78
78
  })
79
79
  );
80
80
  else {
81
- t((o) => o.setMetadata({ ...s, unseen_count: 0 }));
82
- const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, l = a.map((o) => o.id);
81
+ t((o) => o.setMetadata({ ...a, unseen_count: 0 }));
82
+ const i = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, l = n.map((o) => o.id);
83
83
  t((o) => o.setItemAttrs(l, i));
84
84
  }
85
- const n = await this.makeBulkStatusUpdate("seen");
86
- return this.broadcaster.emit("items:all_seen", { items: a }), this.broadcastOverChannel("items:all_seen", { items: a }), n;
85
+ const s = await this.makeBulkStatusUpdate("seen");
86
+ return this.emitEvent("all_seen", n), s;
87
87
  }
88
88
  async markAsUnseen(e) {
89
89
  return this.optimisticallyPerformStatusUpdate(
@@ -103,22 +103,22 @@ class A {
103
103
  ), this.makeStatusUpdate(e, "read");
104
104
  }
105
105
  async markAllAsRead() {
106
- const { getState: e, setState: t } = this.store, { metadata: s, items: a } = e();
106
+ const { getState: e, setState: t } = this.store, { metadata: a, items: n } = e();
107
107
  if (this.defaultOptions.status === "unread")
108
108
  t(
109
109
  (i) => i.resetStore({
110
- ...s,
110
+ ...a,
111
111
  total_count: 0,
112
112
  unread_count: 0
113
113
  })
114
114
  );
115
115
  else {
116
- t((o) => o.setMetadata({ ...s, unread_count: 0 }));
117
- const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, l = a.map((o) => o.id);
116
+ t((o) => o.setMetadata({ ...a, unread_count: 0 }));
117
+ const i = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, l = n.map((o) => o.id);
118
118
  t((o) => o.setItemAttrs(l, i));
119
119
  }
120
- const n = await this.makeBulkStatusUpdate("read");
121
- return this.broadcaster.emit("items:all_read", { items: a }), this.broadcastOverChannel("items:all_read", { items: a }), n;
120
+ const s = await this.makeBulkStatusUpdate("read");
121
+ return this.emitEvent("all_read", n), s;
122
122
  }
123
123
  async markAsUnread(e) {
124
124
  return this.optimisticallyPerformStatusUpdate(
@@ -149,35 +149,35 @@ class A {
149
149
  TODO: how do we handle rollbacks?
150
150
  */
151
151
  async markAsArchived(e) {
152
- const { getState: t, setState: s } = this.store, a = t(), r = this.defaultOptions.archived === "exclude", n = Array.isArray(e) ? e : [e], i = n.map((l) => l.id);
152
+ const { getState: t, setState: a } = this.store, n = t(), r = this.defaultOptions.archived === "exclude", s = Array.isArray(e) ? e : [e], i = s.map((l) => l.id);
153
153
  if (r) {
154
- const l = n.filter((c) => !c.seen_at).length, o = n.filter((c) => !c.read_at).length, d = {
155
- ...a.metadata,
156
- total_count: a.metadata.total_count - n.length,
157
- unseen_count: a.metadata.unseen_count - l,
158
- unread_count: a.metadata.unread_count - o
159
- }, u = a.items.filter(
154
+ const l = s.filter((c) => !c.seen_at).length, o = s.filter((c) => !c.read_at).length, d = {
155
+ ...n.metadata,
156
+ total_count: n.metadata.total_count - s.length,
157
+ unseen_count: n.metadata.unseen_count - l,
158
+ unread_count: n.metadata.unread_count - o
159
+ }, h = n.items.filter(
160
160
  (c) => !i.includes(c.id)
161
161
  );
162
- s(
162
+ a(
163
163
  (c) => c.setResult({
164
- entries: u,
164
+ entries: h,
165
165
  meta: d,
166
166
  page_info: c.pageInfo
167
167
  })
168
168
  );
169
169
  } else
170
- a.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
170
+ n.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
171
171
  return this.makeStatusUpdate(e, "archived");
172
172
  }
173
173
  async markAllAsArchived() {
174
- const { setState: e, getState: t } = this.store, { items: s } = t(), a = this.defaultOptions.archived === "exclude";
175
- e(a ? (n) => n.resetStore() : (n) => {
176
- const i = s.map((l) => l.id);
177
- n.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
174
+ const { setState: e, getState: t } = this.store, { items: a } = t(), n = this.defaultOptions.archived === "exclude";
175
+ e(n ? (s) => s.resetStore() : (s) => {
176
+ const i = a.map((l) => l.id);
177
+ s.setItemAttrs(i, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
178
178
  });
179
179
  const r = await this.makeBulkStatusUpdate("archive");
180
- return this.broadcaster.emit("items:all_archived", { items: s }), this.broadcastOverChannel("items:all_archived", { items: s }), r;
180
+ return this.emitEvent("all_archived", a), r;
181
181
  }
182
182
  async markAsUnarchived(e) {
183
183
  return this.optimisticallyPerformStatusUpdate(e, "unarchived", {
@@ -186,8 +186,8 @@ class A {
186
186
  }
187
187
  /* Fetches the feed content, appending it to the store */
188
188
  async fetch(e = {}) {
189
- const { setState: t, getState: s } = this.store, { networkStatus: a } = s();
190
- if (S(a))
189
+ const { setState: t, getState: a } = this.store, { networkStatus: n } = a();
190
+ if (_(n))
191
191
  return;
192
192
  t(
193
193
  (d) => d.setNetworkStatus(e.__loadingType ?? f.loading)
@@ -201,27 +201,27 @@ class A {
201
201
  __experimentalCrossBrowserUpdates: void 0,
202
202
  auto_manage_socket_connection: void 0,
203
203
  auto_manage_socket_connection_delay: void 0
204
- }, n = await this.knock.client().makeRequest({
204
+ }, s = await this.knock.client().makeRequest({
205
205
  method: "GET",
206
206
  url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
207
207
  params: r
208
208
  });
209
- if (n.statusCode === "error" || !n.body)
209
+ if (s.statusCode === "error" || !s.body)
210
210
  return t((d) => d.setNetworkStatus(f.error)), {
211
- status: n.statusCode,
212
- data: n.error || n.body
211
+ status: s.statusCode,
212
+ data: s.error || s.body
213
213
  };
214
214
  const i = {
215
- entries: n.body.entries,
216
- meta: n.body.meta,
217
- page_info: n.body.page_info
215
+ entries: s.body.entries,
216
+ meta: s.body.meta,
217
+ page_info: s.body.page_info
218
218
  };
219
219
  if (e.before) {
220
220
  const d = { shouldSetPage: !1, shouldAppend: !0 };
221
- t((u) => u.setResult(i, d));
221
+ t((h) => h.setResult(i, d));
222
222
  } else if (e.after) {
223
223
  const d = { shouldSetPage: !0, shouldAppend: !0 };
224
- t((u) => u.setResult(i, d));
224
+ t((h) => h.setResult(i, d));
225
225
  } else
226
226
  t((d) => d.setResult(i));
227
227
  this.broadcast("messages.new", i);
@@ -230,7 +230,7 @@ class A {
230
230
  metadata: i.meta,
231
231
  event: l
232
232
  };
233
- return this.broadcast(o.event, o), { data: i, status: n.statusCode };
233
+ return this.broadcast(o.event, o), { data: i, status: s.statusCode };
234
234
  }
235
235
  async fetchNextPage() {
236
236
  const { getState: e } = this.store, { pageInfo: t } = e();
@@ -247,15 +247,15 @@ class A {
247
247
  metadata: e
248
248
  }) {
249
249
  this.knock.log("[Feed] Received new real-time message");
250
- const { getState: t, setState: s } = this.store, { items: a } = t(), r = a[0];
251
- s((n) => n.setMetadata(e)), this.fetch({ before: r == null ? void 0 : r.__cursor, __fetchSource: "socket" });
250
+ const { getState: t, setState: a } = this.store, { items: n } = t(), r = n[0];
251
+ a((s) => s.setMetadata(e)), this.fetch({ before: r == null ? void 0 : r.__cursor, __fetchSource: "socket" });
252
252
  }
253
253
  buildUserFeedId() {
254
254
  return `${this.feedId}:${this.knock.userId}`;
255
255
  }
256
- optimisticallyPerformStatusUpdate(e, t, s, a) {
257
- const { getState: r, setState: n } = this.store, i = Array.isArray(e) ? e : [e], l = i.map((o) => o.id);
258
- if (a) {
256
+ optimisticallyPerformStatusUpdate(e, t, a, n) {
257
+ const { getState: r, setState: s } = this.store, i = Array.isArray(e) ? e : [e], l = i.map((o) => o.id);
258
+ if (n) {
259
259
  const { metadata: o } = r(), d = i.filter((c) => {
260
260
  switch (t) {
261
261
  case "seen":
@@ -270,19 +270,19 @@ class A {
270
270
  default:
271
271
  return !0;
272
272
  }
273
- }), u = t.startsWith("un") ? d.length : -d.length;
274
- n(
273
+ }), h = t.startsWith("un") ? d.length : -d.length;
274
+ s(
275
275
  (c) => c.setMetadata({
276
276
  ...o,
277
- [a]: Math.max(0, o[a] + u)
277
+ [n]: Math.max(0, o[n] + h)
278
278
  })
279
279
  );
280
280
  }
281
- n((o) => o.setItemAttrs(l, s));
281
+ s((o) => o.setItemAttrs(l, a));
282
282
  }
283
283
  async makeStatusUpdate(e, t) {
284
- const s = Array.isArray(e) ? e : [e], a = s.map((n) => n.id), r = await this.knock.messages.batchUpdateStatuses(a, t);
285
- return this.broadcaster.emit(`items.${t}`, { items: s }), this.broadcaster.emit(`items:${t}`, { items: s }), this.broadcastOverChannel(`items:${t}`, { items: s }), r;
284
+ const a = Array.isArray(e) ? e : [e], n = a.map((s) => s.id), r = await this.knock.messages.batchUpdateStatuses(n, t);
285
+ return this.emitEvent(t, a), r;
286
286
  }
287
287
  async makeBulkStatusUpdate(e) {
288
288
  const t = {
@@ -319,13 +319,13 @@ class A {
319
319
  broadcastOverChannel(e, t) {
320
320
  if (this.broadcastChannel)
321
321
  try {
322
- const s = JSON.parse(JSON.stringify(t));
322
+ const a = JSON.parse(JSON.stringify(t));
323
323
  this.broadcastChannel.postMessage({
324
324
  type: e,
325
- payload: s
325
+ payload: a
326
326
  });
327
- } catch (s) {
328
- console.warn(`Could not broadcast ${e}, got error: ${s}`);
327
+ } catch (a) {
328
+ console.warn(`Could not broadcast ${e}, got error: ${a}`);
329
329
  }
330
330
  }
331
331
  initializeRealtimeConnection() {
@@ -348,13 +348,16 @@ class A {
348
348
  this.visibilityChangeHandler
349
349
  );
350
350
  }
351
+ emitEvent(e, t) {
352
+ this.broadcaster.emit(`items.${e}`, { items: t }), this.broadcaster.emit(`items:${e}`, { items: t }), this.broadcastOverChannel(`items:${e}`, { items: t });
353
+ }
351
354
  handleVisibilityChange() {
352
- var s;
355
+ var a;
353
356
  const e = this.defaultOptions.auto_manage_socket_connection_delay ?? y, t = this.knock.client();
354
357
  document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
355
- var a;
356
- (a = t.socket) == null || a.disconnect(), this.disconnectTimer = null;
357
- }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (s = t.socket) != null && s.isConnected() || this.initializeRealtimeConnection());
358
+ var n;
359
+ (n = t.socket) == null || n.disconnect(), this.disconnectTimer = null;
360
+ }, e) : document.visibilityState === "visible" && (this.disconnectTimer && (clearTimeout(this.disconnectTimer), this.disconnectTimer = null), (a = t.socket) != null && a.isConnected() || this.initializeRealtimeConnection());
358
361
  }
359
362
  }
360
363
  export {
@@ -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\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 }\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\n this.broadcaster.emit(`items:all_seen`, { items });\n this.broadcastOverChannel(`items: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\n this.broadcaster.emit(`items:all_read`, { items });\n this.broadcastOverChannel(`items: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\n this.broadcaster.emit(`items:all_archived`, { items });\n this.broadcastOverChannel(`items: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.broadcaster.emit(`items.${type}`, { items });\n\n // Note: `items.type` format is being deprecated in favor over the `items:type` format,\n // but emit both formats to make it backward compatible for now.\n this.broadcaster.emit(`items:${type}`, { items });\n this.broadcastOverChannel(`items:${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 this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\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\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 }\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 this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\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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"}
@@ -60,6 +60,7 @@ declare class Feed {
60
60
  */
61
61
  private setupAutoSocketManager;
62
62
  private teardownAutoSocketManager;
63
+ private emitEvent;
63
64
  private handleVisibilityChange;
64
65
  }
65
66
  export default Feed;
@@ -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;IAcN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAdzB,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;IAGhD,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;IAWP,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;IA+Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA+Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAuB7C,cAAc,CAAC,WAAW,EAAE,eAAe;IA0E3C,iBAAiB;IAgCjB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA6EpC,aAAa;IAgBnB,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAelC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAmD3B,gBAAgB;YAsBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
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;IAcN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAdzB,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;IAGhD,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;IAWP,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;IA6Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA6Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAuB7C,cAAc,CAAC,WAAW,EAAE,eAAe;IA0E3C,iBAAiB;IA8BjB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA6EpC,aAAa;IAgBnB,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAelC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAmD3B,gBAAgB;YAiBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
@@ -67,8 +67,8 @@ export interface FeedMetadata {
67
67
  unread_count: number;
68
68
  unseen_count: number;
69
69
  }
70
- export interface FeedResponse {
71
- entries: FeedItem[];
70
+ export interface FeedResponse<T = any> {
71
+ entries: FeedItem<T>[];
72
72
  meta: FeedMetadata;
73
73
  page_info: PageInfo;
74
74
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;IAEvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAE1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,6BAA6B,CAAC,EAAE,OAAO,CAAC;IAGxC,mCAAmC,CAAC,EAAE,MAAM,CAAC;CAC9C;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CACnC,GAAG,IAAI,CAAC,iBAAiB,EAAE,mCAAmC,CAAC,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GACpB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,WAAW;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,QAAQ,CAAC;CACrB"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/interfaces.ts"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ export type StoreFeedResultOptions = {
5
5
  shouldSetPage?: boolean;
6
6
  shouldAppend?: boolean;
7
7
  };
8
- export type FeedStoreState = {
8
+ export interface FeedStoreState {
9
9
  items: FeedItem[];
10
10
  pageInfo: PageInfo;
11
11
  metadata: FeedMetadata;
@@ -16,18 +16,18 @@ export type FeedStoreState = {
16
16
  setNetworkStatus: (networkStatus: NetworkStatus) => void;
17
17
  setItemAttrs: (itemIds: string[], attrs: object) => void;
18
18
  resetStore: (metadata?: FeedMetadata) => void;
19
- };
20
- export type FeedMessagesReceivedPayload = {
19
+ }
20
+ export interface FeedMessagesReceivedPayload {
21
21
  metadata: FeedMetadata;
22
- };
22
+ }
23
23
  export type FeedRealTimeEvent = "messages.new";
24
24
  export type FeedEvent = FeedRealTimeEvent | "items.received.page" | "items.received.realtime" | "items.archived" | "items.unarchived" | "items.seen" | "items.unseen" | "items.read" | "items.unread" | "items.all_archived" | "items.all_read" | "items.all_seen";
25
25
  export type BindableFeedEvent = FeedEvent | "items.received.*" | "items.*";
26
- export type FeedEventPayload = {
26
+ export interface FeedEventPayload<T = any> {
27
27
  event: Omit<FeedEvent, "messages.new">;
28
- items: FeedItem[];
28
+ items: FeedItem<T>[];
29
29
  metadata: FeedMetadata;
30
- };
30
+ }
31
31
  export type FeedRealTimeCallback = (resp: FeedResponse) => void;
32
32
  export type FeedEventCallback = (payload: FeedEventPayload) => void;
33
33
  export type FeedItemOrItems = FeedItem | FeedItem[];
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAQF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,qBAAqB,GACrB,yBAAyB,GACzB,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACvC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,YAAY,CAAC;CACxB;AAQD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,SAAS,GACjB,iBAAiB,GACjB,qBAAqB,GACrB,yBAAyB,GACzB,gBAAgB,GAChB,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACvC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knocklabs/client",
3
- "version": "0.10.2",
3
+ "version": "0.10.3",
4
4
  "description": "The clientside library for interacting with Knock",
5
5
  "homepage": "https://github.com/knocklabs/javascript/tree/main/packages/client",
6
6
  "author": "@knocklabs",
@@ -206,9 +206,7 @@ class Feed {
206
206
 
207
207
  // Issue the API request to the bulk status change API
208
208
  const result = await this.makeBulkStatusUpdate("seen");
209
-
210
- this.broadcaster.emit(`items:all_seen`, { items });
211
- this.broadcastOverChannel(`items:all_seen`, { items });
209
+ this.emitEvent("all_seen", items);
212
210
 
213
211
  return result;
214
212
  }
@@ -276,9 +274,7 @@ class Feed {
276
274
 
277
275
  // Issue the API request to the bulk status change API
278
276
  const result = await this.makeBulkStatusUpdate("read");
279
-
280
- this.broadcaster.emit(`items:all_read`, { items });
281
- this.broadcastOverChannel(`items:all_read`, { items });
277
+ this.emitEvent("all_read", items);
282
278
 
283
279
  return result;
284
280
  }
@@ -416,9 +412,7 @@ class Feed {
416
412
 
417
413
  // Issue the API request to the bulk status change API
418
414
  const result = await this.makeBulkStatusUpdate("archive");
419
-
420
- this.broadcaster.emit(`items:all_archived`, { items });
421
- this.broadcastOverChannel(`items:all_archived`, { items });
415
+ this.emitEvent("all_archived", items);
422
416
 
423
417
  return result;
424
418
  }
@@ -615,12 +609,7 @@ class Feed {
615
609
 
616
610
  // Emit the event that these items had their statuses changed
617
611
  // Note: we do this after the update to ensure that the server event actually completed
618
- this.broadcaster.emit(`items.${type}`, { items });
619
-
620
- // Note: `items.type` format is being deprecated in favor over the `items:type` format,
621
- // but emit both formats to make it backward compatible for now.
622
- this.broadcaster.emit(`items:${type}`, { items });
623
- this.broadcastOverChannel(`items:${type}`, { items });
612
+ this.emitEvent(type, items);
624
613
 
625
614
  return result;
626
615
  }
@@ -750,6 +739,24 @@ class Feed {
750
739
  );
751
740
  }
752
741
 
742
+ private emitEvent(
743
+ type:
744
+ | MessageEngagementStatus
745
+ | "all_read"
746
+ | "all_seen"
747
+ | "all_archived"
748
+ | "unread"
749
+ | "unseen"
750
+ | "unarchived",
751
+ items: FeedItem[],
752
+ ) {
753
+ // Handle both `items.` and `items:` format for events for compatibility reasons
754
+ this.broadcaster.emit(`items.${type}`, { items });
755
+ this.broadcaster.emit(`items:${type}`, { items });
756
+ // Internal events only need `items:`
757
+ this.broadcastOverChannel(`items:${type}`, { items });
758
+ }
759
+
753
760
  private handleVisibilityChange() {
754
761
  const disconnectDelay =
755
762
  this.defaultOptions.auto_manage_socket_connection_delay ??
@@ -94,8 +94,8 @@ export interface FeedMetadata {
94
94
  unseen_count: number;
95
95
  }
96
96
 
97
- export interface FeedResponse {
98
- entries: FeedItem[];
97
+ export interface FeedResponse<T = any> {
98
+ entries: FeedItem<T>[];
99
99
  meta: FeedMetadata;
100
100
  page_info: PageInfo;
101
101
  }
@@ -9,7 +9,7 @@ export type StoreFeedResultOptions = {
9
9
  shouldAppend?: boolean;
10
10
  };
11
11
 
12
- export type FeedStoreState = {
12
+ export interface FeedStoreState {
13
13
  items: FeedItem[];
14
14
  pageInfo: PageInfo;
15
15
  metadata: FeedMetadata;
@@ -20,11 +20,11 @@ export type FeedStoreState = {
20
20
  setNetworkStatus: (networkStatus: NetworkStatus) => void;
21
21
  setItemAttrs: (itemIds: string[], attrs: object) => void;
22
22
  resetStore: (metadata?: FeedMetadata) => void;
23
- };
23
+ }
24
24
 
25
- export type FeedMessagesReceivedPayload = {
25
+ export interface FeedMessagesReceivedPayload {
26
26
  metadata: FeedMetadata;
27
- };
27
+ }
28
28
 
29
29
  /*
30
30
  Event types:
@@ -51,11 +51,11 @@ export type FeedEvent =
51
51
  // Because we can bind to wild card feed events, this is here to accomodate whatever can be bound to
52
52
  export type BindableFeedEvent = FeedEvent | "items.received.*" | "items.*";
53
53
 
54
- export type FeedEventPayload = {
54
+ export interface FeedEventPayload<T = any> {
55
55
  event: Omit<FeedEvent, "messages.new">;
56
- items: FeedItem[];
56
+ items: FeedItem<T>[];
57
57
  metadata: FeedMetadata;
58
- };
58
+ }
59
59
 
60
60
  export type FeedRealTimeCallback = (resp: FeedResponse) => void;
61
61