@knocklabs/client 0.14.1 → 0.14.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 +12 -0
- package/dist/cjs/clients/feed/feed.js +1 -1
- package/dist/cjs/clients/feed/feed.js.map +1 -1
- package/dist/cjs/clients/feed/utils.js +1 -1
- package/dist/cjs/clients/feed/utils.js.map +1 -1
- package/dist/esm/clients/feed/feed.mjs +65 -61
- package/dist/esm/clients/feed/feed.mjs.map +1 -1
- package/dist/esm/clients/feed/utils.mjs +26 -19
- package/dist/esm/clients/feed/utils.mjs.map +1 -1
- package/dist/types/clients/feed/feed.d.ts.map +1 -1
- package/dist/types/clients/feed/interfaces.d.ts +17 -1
- package/dist/types/clients/feed/interfaces.d.ts.map +1 -1
- package/dist/types/clients/feed/utils.d.ts +2 -1
- package/dist/types/clients/feed/utils.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/clients/feed/feed.ts +12 -2
- package/src/clients/feed/interfaces.ts +26 -1
- package/src/clients/feed/utils.ts +19 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.14.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- c97a1d9: Update TanStack Store
|
|
8
|
+
|
|
9
|
+
## 0.14.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 00439a2: fix(KNO-7843): Fix types and stringify trigger_data for feed API requests
|
|
14
|
+
|
|
3
15
|
## 0.14.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var k=(c,e,t)=>e in c?p(c,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[e]=t;var d=(c,e,t)=>k(c,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("eventemitter2"),m=require("../../networkStatus.js"),_=require("./store.js"),f=require("./utils.js"),S=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},v=S(g),y={archived:"exclude"},b=2e3;class w{constructor(e,t,s){d(this,"userFeedId");d(this,"channel");d(this,"broadcaster");d(this,"defaultOptions");d(this,"broadcastChannel");d(this,"disconnectTimer",null);d(this,"hasSubscribedToRealTimeUpdates",!1);d(this,"visibilityChangeHandler",()=>{});d(this,"visibilityChangeListenerConnected",!1);d(this,"store");this.knock=e,this.feedId=t,this.feedId=t,this.userFeedId=this.buildUserFeedId(),this.store=_.default(),this.broadcaster=new v.default({wildcard:!0,delimiter:"."}),this.defaultOptions={...y,...f.mergeDateRangeParams(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(){if(this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0,!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping listening for updates");return}const e=this.knock.client().socket;e&&!e.isConnected()&&e.connect(),this.channel&&["closed","errored"].includes(this.channel.state)&&this.channel.join()}on(e,t){this.broadcaster.on(e,t)}off(e,t){this.broadcaster.off(e,t)}getState(){return this.store.getState()}async markAsSeen(e){const t=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"seen",{seen_at:t},"unseen_count"),this.makeStatusUpdate(e,"seen")}async markAllAsSeen(){const{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unseen")s.resetStore({...e,total_count:0,unseen_count:0});else{s.setMetadata({...e,unseen_count:0});const i={seen_at:new Date().toISOString()},o=t.map(r=>r.id);s.setItemAttrs(o,i)}const n=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",t),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{metadata:e,items:t,...s}=this.store.getState();if(this.defaultOptions.status==="unread")s.resetStore({...e,total_count:0,unread_count:0});else{s.setMetadata({...e,unread_count:0});const i={read_at:new Date().toISOString()},o=t.map(r=>r.id);s.setItemAttrs(o,i)}const n=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",t),n}async markAsUnread(e){return this.optimisticallyPerformStatusUpdate(e,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(e,"unread")}async markAsInteracted(e,t){const s=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(e,"interacted",{read_at:s,interacted_at:s},"unread_count"),this.makeStatusUpdate(e,"interacted",t)}async markAsArchived(e){const t=this.store.getState(),s=this.defaultOptions.archived==="exclude",a=Array.isArray(e)?e:[e],n=a.map(i=>i.id);if(s){const i=a.filter(u=>!u.seen_at).length,o=a.filter(u=>!u.read_at).length,r={...t.metadata,total_count:Math.max(0,t.metadata.total_count-a.length),unseen_count:Math.max(0,t.metadata.unseen_count-i),unread_count:Math.max(0,t.metadata.unread_count-o)},l=t.items.filter(u=>!n.includes(u.id));t.setResult({entries:l,meta:r,page_info:t.pageInfo})}else t.setItemAttrs(n,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(e,"archived")}async markAllAsArchived(){const{items:e,...t}=this.store.getState();if(this.defaultOptions.archived==="exclude")t.resetStore();else{const n=e.map(i=>i.id);t.setItemAttrs(n,{archived_at:new Date().toISOString()})}const a=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",e),a}async markAllReadAsArchived(){const{items:e,...t}=this.store.getState(),a=e.filter(o=>o.read_at===null).map(o=>o.id);if(t.setItemAttrs(a,{archived_at:new Date().toISOString()}),this.defaultOptions.archived==="exclude"){const o=e.filter(l=>!a.includes(l.id)),r={...t.metadata,total_count:o.length,unread_count:0};t.setResult({entries:o,meta:r,page_info:t.pageInfo})}return await this.makeBulkStatusUpdate("archive")}async markAsUnarchived(e){return this.optimisticallyPerformStatusUpdate(e,"unarchived",{archived_at:null}),this.makeStatusUpdate(e,"unarchived")}async fetch(e={}){const{networkStatus:t,...s}=this.store.getState();if(!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping fetch");return}if(m.isRequestInFlight(t)){this.knock.log("[Feed] Request is in flight, skipping fetch");return}s.setNetworkStatus(e.__loadingType??m.NetworkStatus.loading);const a={...this.defaultOptions,...f.mergeDateRangeParams(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:a});if(n.statusCode==="error"||!n.body)return s.setNetworkStatus(m.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 l={shouldSetPage:!1,shouldAppend:!0};s.setResult(i,l)}else if(e.after){const l={shouldSetPage:!0,shouldAppend:!0};s.setResult(i,l)}else s.setResult(i);this.broadcast("messages.new",i);const o=e.__fetchSource==="socket"?"items.received.realtime":"items.received.page",r={items:i.entries,metadata:i.meta,event:o};return this.broadcast(r.event,r),{data:i,status:n.statusCode}}async fetchNextPage(e={}){const{pageInfo:t}=this.store.getState();t.after&&this.fetch({...e,after:t.after,__loadingType:m.NetworkStatus.fetchMore})}broadcast(e,t){this.broadcaster.emit(e,t)}async onNewMessageReceived({metadata:e}){this.knock.log("[Feed] Received new real-time message");const{items:t,...s}=this.store.getState(),a=t[0];s.setMetadata(e),this.fetch({before:a==null?void 0:a.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(e,t,s,a){const n=this.store.getState(),i=Array.isArray(e)?e:[e],o=i.map(r=>r.id);if(a){const{metadata:r}=n,l=i.filter(h=>{switch(t){case"seen":return h.seen_at===null;case"unseen":return h.seen_at!==null;case"read":case"interacted":return h.read_at===null;case"unread":return h.read_at!==null;default:return!0}}),u=t.startsWith("un")?l.length:-l.length;n.setMetadata({...r,[a]:Math.max(0,r[a]+u)})}n.setItemAttrs(o,s)}async makeStatusUpdate(e,t,s){const a=Array.isArray(e)?e:[e],n=a.map(o=>o.id),i=await this.knock.messages.batchUpdateStatuses(n,t,{metadata:s});return this.emitEvent(t,a),i}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&&this.knock.isAuthenticated()&&(e.isConnected()||e.connect(),this.channel.join()))}setupAutoSocketManager(){typeof document>"u"||this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}teardownAutoSocketManager(){typeof document>"u"||(document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeListenerConnected=!1)}emitEvent(e,t){this.broadcaster.emit(`items.${e}`,{items:t}),this.broadcaster.emit(`items:${e}`,{items:t}),this.broadcastOverChannel(`items:${e}`,{items:t})}handleVisibilityChange(){var s;const e=this.defaultOptions.auto_manage_socket_connection_delay??b,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=w;
|
|
1
|
+
"use strict";var g=Object.defineProperty;var p=(c,t,e)=>t in c?g(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var l=(c,t,e)=>p(c,typeof t!="symbol"?t+"":t,e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("eventemitter2"),m=require("../../networkStatus.js"),_=require("./store.js"),f=require("./utils.js"),S=c=>c&&typeof c=="object"&&"default"in c?c:{default:c},v=S(k),y={archived:"exclude"},b=2e3;class w{constructor(t,e,s){l(this,"userFeedId");l(this,"channel");l(this,"broadcaster");l(this,"defaultOptions");l(this,"broadcastChannel");l(this,"disconnectTimer",null);l(this,"hasSubscribedToRealTimeUpdates",!1);l(this,"visibilityChangeHandler",()=>{});l(this,"visibilityChangeListenerConnected",!1);l(this,"store");this.knock=t,this.feedId=e,this.feedId=e,this.userFeedId=this.buildUserFeedId(),this.store=_.default(),this.broadcaster=new v.default({wildcard:!0,delimiter:"."}),this.defaultOptions={...y,...f.mergeDateRangeParams(s)},this.knock.log(`[Feed] Initialized a feed on channel ${e}`),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(){if(this.knock.log("[Feed] Connecting to real-time service"),this.hasSubscribedToRealTimeUpdates=!0,!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping listening for updates");return}const t=this.knock.client().socket;t&&!t.isConnected()&&t.connect(),this.channel&&["closed","errored"].includes(this.channel.state)&&this.channel.join()}on(t,e){this.broadcaster.on(t,e)}off(t,e){this.broadcaster.off(t,e)}getState(){return this.store.getState()}async markAsSeen(t){const e=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(t,"seen",{seen_at:e},"unseen_count"),this.makeStatusUpdate(t,"seen")}async markAllAsSeen(){const{metadata:t,items:e,...s}=this.store.getState();if(this.defaultOptions.status==="unseen")s.resetStore({...t,total_count:0,unseen_count:0});else{s.setMetadata({...t,unseen_count:0});const n={seen_at:new Date().toISOString()},i=e.map(r=>r.id);s.setItemAttrs(i,n)}const o=await this.makeBulkStatusUpdate("seen");return this.emitEvent("all_seen",e),o}async markAsUnseen(t){return this.optimisticallyPerformStatusUpdate(t,"unseen",{seen_at:null},"unseen_count"),this.makeStatusUpdate(t,"unseen")}async markAsRead(t){const e=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(t,"read",{read_at:e},"unread_count"),this.makeStatusUpdate(t,"read")}async markAllAsRead(){const{metadata:t,items:e,...s}=this.store.getState();if(this.defaultOptions.status==="unread")s.resetStore({...t,total_count:0,unread_count:0});else{s.setMetadata({...t,unread_count:0});const n={read_at:new Date().toISOString()},i=e.map(r=>r.id);s.setItemAttrs(i,n)}const o=await this.makeBulkStatusUpdate("read");return this.emitEvent("all_read",e),o}async markAsUnread(t){return this.optimisticallyPerformStatusUpdate(t,"unread",{read_at:null},"unread_count"),this.makeStatusUpdate(t,"unread")}async markAsInteracted(t,e){const s=new Date().toISOString();return this.optimisticallyPerformStatusUpdate(t,"interacted",{read_at:s,interacted_at:s},"unread_count"),this.makeStatusUpdate(t,"interacted",e)}async markAsArchived(t){const e=this.store.getState(),s=this.defaultOptions.archived==="exclude",a=Array.isArray(t)?t:[t],o=a.map(n=>n.id);if(s){const n=a.filter(d=>!d.seen_at).length,i=a.filter(d=>!d.read_at).length,r={...e.metadata,total_count:Math.max(0,e.metadata.total_count-a.length),unseen_count:Math.max(0,e.metadata.unseen_count-n),unread_count:Math.max(0,e.metadata.unread_count-i)},u=e.items.filter(d=>!o.includes(d.id));e.setResult({entries:u,meta:r,page_info:e.pageInfo})}else e.setItemAttrs(o,{archived_at:new Date().toISOString()});return this.makeStatusUpdate(t,"archived")}async markAllAsArchived(){const{items:t,...e}=this.store.getState();if(this.defaultOptions.archived==="exclude")e.resetStore();else{const o=t.map(n=>n.id);e.setItemAttrs(o,{archived_at:new Date().toISOString()})}const a=await this.makeBulkStatusUpdate("archive");return this.emitEvent("all_archived",t),a}async markAllReadAsArchived(){const{items:t,...e}=this.store.getState(),a=t.filter(i=>i.read_at===null).map(i=>i.id);if(e.setItemAttrs(a,{archived_at:new Date().toISOString()}),this.defaultOptions.archived==="exclude"){const i=t.filter(u=>!a.includes(u.id)),r={...e.metadata,total_count:i.length,unread_count:0};e.setResult({entries:i,meta:r,page_info:e.pageInfo})}return await this.makeBulkStatusUpdate("archive")}async markAsUnarchived(t){return this.optimisticallyPerformStatusUpdate(t,"unarchived",{archived_at:null}),this.makeStatusUpdate(t,"unarchived")}async fetch(t={}){const{networkStatus:e,...s}=this.store.getState();if(!this.knock.isAuthenticated()){this.knock.log("[Feed] User is not authenticated, skipping fetch");return}if(m.isRequestInFlight(e)){this.knock.log("[Feed] Request is in flight, skipping fetch");return}s.setNetworkStatus(t.__loadingType??m.NetworkStatus.loading);const a=f.getFormattedTriggerData({...this.defaultOptions,...t}),o={...this.defaultOptions,...f.mergeDateRangeParams(t),trigger_data:a,__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:o});if(n.statusCode==="error"||!n.body)return s.setNetworkStatus(m.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(t.before){const d={shouldSetPage:!1,shouldAppend:!0};s.setResult(i,d)}else if(t.after){const d={shouldSetPage:!0,shouldAppend:!0};s.setResult(i,d)}else s.setResult(i);this.broadcast("messages.new",i);const r=t.__fetchSource==="socket"?"items.received.realtime":"items.received.page",u={items:i.entries,metadata:i.meta,event:r};return this.broadcast(u.event,u),{data:i,status:n.statusCode}}async fetchNextPage(t={}){const{pageInfo:e}=this.store.getState();e.after&&this.fetch({...t,after:e.after,__loadingType:m.NetworkStatus.fetchMore})}broadcast(t,e){this.broadcaster.emit(t,e)}async onNewMessageReceived({metadata:t}){this.knock.log("[Feed] Received new real-time message");const{items:e,...s}=this.store.getState(),a=e[0];s.setMetadata(t),this.fetch({before:a==null?void 0:a.__cursor,__fetchSource:"socket"})}buildUserFeedId(){return`${this.feedId}:${this.knock.userId}`}optimisticallyPerformStatusUpdate(t,e,s,a){const o=this.store.getState(),n=Array.isArray(t)?t:[t],i=n.map(r=>r.id);if(a){const{metadata:r}=o,u=n.filter(h=>{switch(e){case"seen":return h.seen_at===null;case"unseen":return h.seen_at!==null;case"read":case"interacted":return h.read_at===null;case"unread":return h.read_at!==null;default:return!0}}),d=e.startsWith("un")?u.length:-u.length;o.setMetadata({...r,[a]:Math.max(0,r[a]+d)})}o.setItemAttrs(i,s)}async makeStatusUpdate(t,e,s){const a=Array.isArray(t)?t:[t],o=a.map(i=>i.id),n=await this.knock.messages.batchUpdateStatuses(o,e,{metadata:s});return this.emitEvent(e,a),n}async makeBulkStatusUpdate(t){const e={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:t,options:e})}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=t=>{switch(t.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(t,e){if(this.broadcastChannel)try{const s=JSON.parse(JSON.stringify(e));this.broadcastChannel.postMessage({type:t,payload:s})}catch(s){console.warn(`Could not broadcast ${t}, got error: ${s}`)}}initializeRealtimeConnection(){const{socket:t}=this.knock.client();t&&(this.channel=t.channel(`feeds:${this.userFeedId}`,this.defaultOptions),this.channel.on("new-message",e=>this.onNewMessageReceived(e)),this.defaultOptions.auto_manage_socket_connection&&this.setupAutoSocketManager(),this.hasSubscribedToRealTimeUpdates&&this.knock.isAuthenticated()&&(t.isConnected()||t.connect(),this.channel.join()))}setupAutoSocketManager(){typeof document>"u"||this.visibilityChangeListenerConnected||(this.visibilityChangeHandler=this.handleVisibilityChange.bind(this),this.visibilityChangeListenerConnected=!0,document.addEventListener("visibilitychange",this.visibilityChangeHandler))}teardownAutoSocketManager(){typeof document>"u"||(document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeListenerConnected=!1)}emitEvent(t,e){this.broadcaster.emit(`items.${t}`,{items:e}),this.broadcaster.emit(`items:${t}`,{items:e}),this.broadcastOverChannel(`items:${t}`,{items:e})}handleVisibilityChange(){var s;const t=this.defaultOptions.auto_manage_socket_connection_delay??b,e=this.knock.client();document.visibilityState==="hidden"?this.disconnectTimer=setTimeout(()=>{var a;(a=e.socket)==null||a.disconnect(),this.disconnectTimer=null},t):document.visibilityState==="visible"&&(this.disconnectTimer&&(clearTimeout(this.disconnectTimer),this.disconnectTimer=null),(s=e.socket)!=null&&s.isConnected()||this.initializeRealtimeConnection())}}exports.default=w;
|
|
2
2
|
//# sourceMappingURL=feed.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.js","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport type { 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\";\nimport { mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = {\n ...feedClientDefaults,\n ...mergeDateRangeParams(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 // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\n \"[Feed] User is not authenticated, skipping listening for updates\",\n );\n return;\n }\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: FeedItemOrItems,\n metadata?: Record<string, string>,\n ) {\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\", metadata);\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n const unreadCount = items.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n // Ensure that the counts don't ever go below 0 on archiving where the client state\n // gets out of sync with the server state\n total_count: Math.max(0, state.metadata.total_count - items.length),\n unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAllReadAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n // Filter items to only include those that are unread\n const unreadItems = items.filter((item) => item.read_at === null);\n // Mark all the unread items as archived and read\n const itemIds = unreadItems.map((i) => i.id);\n state.setItemAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\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 // Remove all the read items from the store and reset the badge count\n const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: remainingItems.length,\n unread_count: 0,\n };\n\n state.setResult({\n entries: remainingItems,\n meta: updatedMetadata,\n page_info: state.pageInfo,\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\", readItems);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n return;\n }\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...mergeDateRangeParams(options),\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage(options: FetchFeedOptions = {}) {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n ...options,\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 // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // This is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n metadata?: Record<string, string>,\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(\n itemIds,\n type,\n { metadata },\n );\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: GenericData) {\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 && this.knock.isAuthenticated()) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","mergeDateRangeParams","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","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 { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport type { 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 FetchFeedOptionsForRequest,\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\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = {\n ...feedClientDefaults,\n ...mergeDateRangeParams(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 // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\n \"[Feed] User is not authenticated, skipping listening for updates\",\n );\n return;\n }\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: FeedItemOrItems,\n metadata?: Record<string, string>,\n ) {\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\", metadata);\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n const unreadCount = items.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n // Ensure that the counts don't ever go below 0 on archiving where the client state\n // gets out of sync with the server state\n total_count: Math.max(0, state.metadata.total_count - items.length),\n unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAllReadAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n // Filter items to only include those that are unread\n const unreadItems = items.filter((item) => item.read_at === null);\n // Mark all the unread items as archived and read\n const itemIds = unreadItems.map((i) => i.id);\n state.setItemAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\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 // Remove all the read items from the store and reset the badge count\n const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: remainingItems.length,\n unread_count: 0,\n };\n\n state.setResult({\n entries: remainingItems,\n meta: updatedMetadata,\n page_info: state.pageInfo,\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\", readItems);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n return;\n }\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // trigger_data should be a JSON string for the API\n // this function will format the trigger data if it's an object\n // https://docs.knock.app/reference#get-feed\n const formattedTriggerData = getFormattedTriggerData({\n ...this.defaultOptions,\n ...options,\n });\n\n // Always include the default params, if they have been set\n const queryParams: FetchFeedOptionsForRequest = {\n ...this.defaultOptions,\n ...mergeDateRangeParams(options),\n trigger_data: formattedTriggerData,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage(options: FetchFeedOptions = {}) {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n ...options,\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 // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // This is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n metadata?: Record<string, string>,\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(\n itemIds,\n type,\n { metadata },\n );\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: GenericData) {\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 && this.knock.isAuthenticated()) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","mergeDateRangeParams","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","e","payload","stringifiedPayload","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function g(e){const t={},r=[];return e.reduce((a,n)=>t[n.id]?a:(t[n.id]=!0,[...a,n]),r)}function i(e){return e.sort((t,r)=>new Date(r.inserted_at).getTime()-new Date(t.inserted_at).getTime())}function s(e){const{inserted_at_date_range:t,...r}=e;if(!t)return r;const a={},n=t.inclusive??!1;if(t.start){const d=n?"inserted_at.gte":"inserted_at.gt";a[d]=t.start}if(t.end){const d=n?"inserted_at.lte":"inserted_at.lt";a[d]=t.end}return{...r,...a}}function u(e){if(typeof(e==null?void 0:e.trigger_data)=="object")return JSON.stringify(e.trigger_data);if(typeof(e==null?void 0:e.trigger_data)=="string")return e.trigger_data}exports.deduplicateItems=g;exports.getFormattedTriggerData=u;exports.mergeDateRangeParams=s;exports.sortItems=i;
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/clients/feed/utils.ts"],"sourcesContent":["import { FeedClientOptions, FeedItem } from \"./interfaces\";\n\nexport function deduplicateItems(items: FeedItem[]): FeedItem[] {\n const seen: Record<string, boolean> = {};\n const values: FeedItem[] = [];\n\n return items.reduce((acc, item) => {\n if (seen[item.id]) {\n return acc;\n }\n\n seen[item.id] = true;\n return [...acc, item];\n }, values);\n}\n\nexport function sortItems(items: FeedItem[]) {\n return items.sort((a, b) => {\n return (\n new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime()\n );\n });\n}\n\nexport function mergeDateRangeParams(options: FeedClientOptions) {\n const { inserted_at_date_range, ...rest } = options;\n\n if (!inserted_at_date_range) {\n return rest;\n }\n\n const dateRangeParams: Record<string, string> = {};\n\n // Determine which operators to use based on the inclusive flag\n const isInclusive = inserted_at_date_range.inclusive ?? false;\n\n // For start date: use gte if inclusive, gt if not\n if (inserted_at_date_range.start) {\n const startOperator = isInclusive ? \"inserted_at.gte\" : \"inserted_at.gt\";\n dateRangeParams[startOperator] = inserted_at_date_range.start;\n }\n\n // For end date: use lte if inclusive, lt if not\n if (inserted_at_date_range.end) {\n const endOperator = isInclusive ? \"inserted_at.lte\" : \"inserted_at.lt\";\n dateRangeParams[endOperator] = inserted_at_date_range.end;\n }\n\n return { ...rest, ...dateRangeParams };\n}\n"],"names":["deduplicateItems","items","seen","values","acc","item","sortItems","a","b","mergeDateRangeParams","options","inserted_at_date_range","rest","dateRangeParams","isInclusive","startOperator","endOperator"],"mappings":"gFAEO,SAASA,EAAiBC,EAA+B,CAC9D,MAAMC,EAAgC,CAAC,EACjCC,EAAqB,CAAC,EAE5B,OAAOF,EAAM,OAAO,CAACG,EAAKC,IACpBH,EAAKG,EAAK,EAAE,EACPD,GAGJF,EAAAG,EAAK,EAAE,EAAI,GACT,CAAC,GAAGD,EAAKC,CAAI,GACnBF,CAAM,CACX,CAEO,SAASG,EAAUL,EAAmB,CAC3C,OAAOA,EAAM,KAAK,CAACM,EAAGC,IAElB,IAAI,KAAKA,EAAE,WAAW,EAAE,UAAY,IAAI,KAAKD,EAAE,WAAW,EAAE,QAAQ,CAEvE,CACH,CAEO,SAASE,EAAqBC,EAA4B,CAC/D,KAAM,CAAE,uBAAAC,EAAwB,GAAGC,CAAA,EAASF,EAE5C,GAAI,CAACC,EACI,OAAAC,EAGT,MAAMC,EAA0C,CAAC,EAG3CC,EAAcH,EAAuB,WAAa,GAGxD,GAAIA,EAAuB,MAAO,CAC1B,MAAAI,EAAgBD,EAAc,kBAAoB,iBACxCD,EAAAE,CAAa,EAAIJ,EAAuB,KAAA,CAI1D,GAAIA,EAAuB,IAAK,CACxB,MAAAK,EAAcF,EAAc,kBAAoB,iBACtCD,EAAAG,CAAW,EAAIL,EAAuB,GAAA,CAGxD,MAAO,CAAE,GAAGC,EAAM,GAAGC,CAAgB,CACvC"}
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/clients/feed/utils.ts"],"sourcesContent":["import type { FeedClientOptions, FeedItem } from \"./interfaces\";\n\nexport function deduplicateItems(items: FeedItem[]): FeedItem[] {\n const seen: Record<string, boolean> = {};\n const values: FeedItem[] = [];\n\n return items.reduce((acc, item) => {\n if (seen[item.id]) {\n return acc;\n }\n\n seen[item.id] = true;\n return [...acc, item];\n }, values);\n}\n\nexport function sortItems(items: FeedItem[]) {\n return items.sort((a, b) => {\n return (\n new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime()\n );\n });\n}\n\nexport function mergeDateRangeParams(options: FeedClientOptions) {\n const { inserted_at_date_range, ...rest } = options;\n\n if (!inserted_at_date_range) {\n return rest;\n }\n\n const dateRangeParams: Record<string, string> = {};\n\n // Determine which operators to use based on the inclusive flag\n const isInclusive = inserted_at_date_range.inclusive ?? false;\n\n // For start date: use gte if inclusive, gt if not\n if (inserted_at_date_range.start) {\n const startOperator = isInclusive ? \"inserted_at.gte\" : \"inserted_at.gt\";\n dateRangeParams[startOperator] = inserted_at_date_range.start;\n }\n\n // For end date: use lte if inclusive, lt if not\n if (inserted_at_date_range.end) {\n const endOperator = isInclusive ? \"inserted_at.lte\" : \"inserted_at.lt\";\n dateRangeParams[endOperator] = inserted_at_date_range.end;\n }\n\n return { ...rest, ...dateRangeParams };\n}\n\n// If the trigger data is an object, stringify it to conform to API expectations\n// https://docs.knock.app/reference#get-feed\n// We also want to be careful to check for string values already,\n// because this was a bug (KNO-7843) and customers had to manually stringify their trigger data\nexport function getFormattedTriggerData(options: FeedClientOptions) {\n // If the trigger data is an object, stringify it to conform to API expectations\n if (typeof options?.trigger_data === \"object\") {\n return JSON.stringify(options.trigger_data);\n }\n\n // For when the trigger data is already formatted as a string by the user\n if (typeof options?.trigger_data === \"string\") {\n return options.trigger_data;\n }\n\n return undefined;\n}\n"],"names":["deduplicateItems","items","seen","values","acc","item","sortItems","a","b","mergeDateRangeParams","options","inserted_at_date_range","rest","dateRangeParams","isInclusive","startOperator","endOperator","getFormattedTriggerData"],"mappings":"gFAEO,SAASA,EAAiBC,EAA+B,CAC9D,MAAMC,EAAgC,CAAC,EACjCC,EAAqB,CAAC,EAE5B,OAAOF,EAAM,OAAO,CAACG,EAAKC,IACpBH,EAAKG,EAAK,EAAE,EACPD,GAGJF,EAAAG,EAAK,EAAE,EAAI,GACT,CAAC,GAAGD,EAAKC,CAAI,GACnBF,CAAM,CACX,CAEO,SAASG,EAAUL,EAAmB,CAC3C,OAAOA,EAAM,KAAK,CAACM,EAAGC,IAElB,IAAI,KAAKA,EAAE,WAAW,EAAE,UAAY,IAAI,KAAKD,EAAE,WAAW,EAAE,QAAQ,CAEvE,CACH,CAEO,SAASE,EAAqBC,EAA4B,CAC/D,KAAM,CAAE,uBAAAC,EAAwB,GAAGC,CAAA,EAASF,EAE5C,GAAI,CAACC,EACI,OAAAC,EAGT,MAAMC,EAA0C,CAAC,EAG3CC,EAAcH,EAAuB,WAAa,GAGxD,GAAIA,EAAuB,MAAO,CAC1B,MAAAI,EAAgBD,EAAc,kBAAoB,iBACxCD,EAAAE,CAAa,EAAIJ,EAAuB,KAAA,CAI1D,GAAIA,EAAuB,IAAK,CACxB,MAAAK,EAAcF,EAAc,kBAAoB,iBACtCD,EAAAG,CAAW,EAAIL,EAAuB,GAAA,CAGxD,MAAO,CAAE,GAAGC,EAAM,GAAGC,CAAgB,CACvC,CAMO,SAASI,EAAwBP,EAA4B,CAE9D,GAAA,OAAOA,GAAA,YAAAA,EAAS,eAAiB,SAC5B,OAAA,KAAK,UAAUA,EAAQ,YAAY,EAIxC,GAAA,OAAOA,GAAA,YAAAA,EAAS,eAAiB,SACnC,OAAOA,EAAQ,YAInB"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
var p = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
2
|
+
var g = (u, e, t) => e in u ? p(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
|
|
3
|
+
var d = (u, e, t) => g(u, typeof e != "symbol" ? e + "" : e, t);
|
|
4
|
+
import k from "eventemitter2";
|
|
5
5
|
import { isRequestInFlight as _, NetworkStatus as m } from "../../networkStatus.mjs";
|
|
6
6
|
import S from "./store.mjs";
|
|
7
|
-
import { mergeDateRangeParams as f } from "./utils.mjs";
|
|
8
|
-
const
|
|
7
|
+
import { mergeDateRangeParams as f, getFormattedTriggerData as v } from "./utils.mjs";
|
|
8
|
+
const y = {
|
|
9
9
|
archived: "exclude"
|
|
10
|
-
},
|
|
11
|
-
class
|
|
10
|
+
}, b = 2e3;
|
|
11
|
+
class T {
|
|
12
12
|
constructor(e, t, s) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
d(this, "userFeedId");
|
|
14
|
+
d(this, "channel");
|
|
15
|
+
d(this, "broadcaster");
|
|
16
|
+
d(this, "defaultOptions");
|
|
17
|
+
d(this, "broadcastChannel");
|
|
18
|
+
d(this, "disconnectTimer", null);
|
|
19
|
+
d(this, "hasSubscribedToRealTimeUpdates", !1);
|
|
20
|
+
d(this, "visibilityChangeHandler", () => {
|
|
21
21
|
});
|
|
22
|
-
|
|
22
|
+
d(this, "visibilityChangeListenerConnected", !1);
|
|
23
23
|
// The raw store instance, used for binding in React and other environments
|
|
24
|
-
|
|
25
|
-
this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = S(), this.broadcaster = new
|
|
26
|
-
...
|
|
24
|
+
d(this, "store");
|
|
25
|
+
this.knock = e, this.feedId = t, this.feedId = t, this.userFeedId = this.buildUserFeedId(), this.store = S(), this.broadcaster = new k({ wildcard: !0, delimiter: "." }), this.defaultOptions = {
|
|
26
|
+
...y,
|
|
27
27
|
...f(s)
|
|
28
28
|
}, this.knock.log(`[Feed] Initialized a feed on channel ${t}`), this.initializeRealtimeConnection(), this.setupBroadcastChannel();
|
|
29
29
|
}
|
|
@@ -87,11 +87,11 @@ class I {
|
|
|
87
87
|
});
|
|
88
88
|
else {
|
|
89
89
|
s.setMetadata({ ...e, unseen_count: 0 });
|
|
90
|
-
const
|
|
91
|
-
s.setItemAttrs(
|
|
90
|
+
const n = { seen_at: (/* @__PURE__ */ new Date()).toISOString() }, i = t.map((r) => r.id);
|
|
91
|
+
s.setItemAttrs(i, n);
|
|
92
92
|
}
|
|
93
|
-
const
|
|
94
|
-
return this.emitEvent("all_seen", t),
|
|
93
|
+
const o = await this.makeBulkStatusUpdate("seen");
|
|
94
|
+
return this.emitEvent("all_seen", t), o;
|
|
95
95
|
}
|
|
96
96
|
async markAsUnseen(e) {
|
|
97
97
|
return this.optimisticallyPerformStatusUpdate(
|
|
@@ -120,11 +120,11 @@ class I {
|
|
|
120
120
|
});
|
|
121
121
|
else {
|
|
122
122
|
s.setMetadata({ ...e, unread_count: 0 });
|
|
123
|
-
const
|
|
124
|
-
s.setItemAttrs(
|
|
123
|
+
const n = { read_at: (/* @__PURE__ */ new Date()).toISOString() }, i = t.map((r) => r.id);
|
|
124
|
+
s.setItemAttrs(i, n);
|
|
125
125
|
}
|
|
126
|
-
const
|
|
127
|
-
return this.emitEvent("all_read", t),
|
|
126
|
+
const o = await this.makeBulkStatusUpdate("read");
|
|
127
|
+
return this.emitEvent("all_read", t), o;
|
|
128
128
|
}
|
|
129
129
|
async markAsUnread(e) {
|
|
130
130
|
return this.optimisticallyPerformStatusUpdate(
|
|
@@ -155,25 +155,25 @@ class I {
|
|
|
155
155
|
TODO: how do we handle rollbacks?
|
|
156
156
|
*/
|
|
157
157
|
async markAsArchived(e) {
|
|
158
|
-
const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", a = Array.isArray(e) ? e : [e],
|
|
158
|
+
const t = this.store.getState(), s = this.defaultOptions.archived === "exclude", a = Array.isArray(e) ? e : [e], o = a.map((n) => n.id);
|
|
159
159
|
if (s) {
|
|
160
|
-
const
|
|
160
|
+
const n = a.filter((c) => !c.seen_at).length, i = a.filter((c) => !c.read_at).length, r = {
|
|
161
161
|
...t.metadata,
|
|
162
162
|
// Ensure that the counts don't ever go below 0 on archiving where the client state
|
|
163
163
|
// gets out of sync with the server state
|
|
164
164
|
total_count: Math.max(0, t.metadata.total_count - a.length),
|
|
165
|
-
unseen_count: Math.max(0, t.metadata.unseen_count -
|
|
166
|
-
unread_count: Math.max(0, t.metadata.unread_count -
|
|
167
|
-
},
|
|
168
|
-
(
|
|
165
|
+
unseen_count: Math.max(0, t.metadata.unseen_count - n),
|
|
166
|
+
unread_count: Math.max(0, t.metadata.unread_count - i)
|
|
167
|
+
}, l = t.items.filter(
|
|
168
|
+
(c) => !o.includes(c.id)
|
|
169
169
|
);
|
|
170
170
|
t.setResult({
|
|
171
|
-
entries:
|
|
171
|
+
entries: l,
|
|
172
172
|
meta: r,
|
|
173
173
|
page_info: t.pageInfo
|
|
174
174
|
});
|
|
175
175
|
} else
|
|
176
|
-
t.setItemAttrs(
|
|
176
|
+
t.setItemAttrs(o, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
|
|
177
177
|
return this.makeStatusUpdate(e, "archived");
|
|
178
178
|
}
|
|
179
179
|
async markAllAsArchived() {
|
|
@@ -181,24 +181,24 @@ class I {
|
|
|
181
181
|
if (this.defaultOptions.archived === "exclude")
|
|
182
182
|
t.resetStore();
|
|
183
183
|
else {
|
|
184
|
-
const
|
|
185
|
-
t.setItemAttrs(
|
|
184
|
+
const o = e.map((n) => n.id);
|
|
185
|
+
t.setItemAttrs(o, { archived_at: (/* @__PURE__ */ new Date()).toISOString() });
|
|
186
186
|
}
|
|
187
187
|
const a = await this.makeBulkStatusUpdate("archive");
|
|
188
188
|
return this.emitEvent("all_archived", e), a;
|
|
189
189
|
}
|
|
190
190
|
async markAllReadAsArchived() {
|
|
191
|
-
const { items: e, ...t } = this.store.getState(), a = e.filter((
|
|
191
|
+
const { items: e, ...t } = this.store.getState(), a = e.filter((i) => i.read_at === null).map((i) => i.id);
|
|
192
192
|
if (t.setItemAttrs(a, {
|
|
193
193
|
archived_at: (/* @__PURE__ */ new Date()).toISOString()
|
|
194
194
|
}), this.defaultOptions.archived === "exclude") {
|
|
195
|
-
const
|
|
195
|
+
const i = e.filter((l) => !a.includes(l.id)), r = {
|
|
196
196
|
...t.metadata,
|
|
197
|
-
total_count:
|
|
197
|
+
total_count: i.length,
|
|
198
198
|
unread_count: 0
|
|
199
199
|
};
|
|
200
200
|
t.setResult({
|
|
201
|
-
entries:
|
|
201
|
+
entries: i,
|
|
202
202
|
meta: r,
|
|
203
203
|
page_info: t.pageInfo
|
|
204
204
|
});
|
|
@@ -222,9 +222,13 @@ class I {
|
|
|
222
222
|
return;
|
|
223
223
|
}
|
|
224
224
|
s.setNetworkStatus(e.__loadingType ?? m.loading);
|
|
225
|
-
const a = {
|
|
225
|
+
const a = v({
|
|
226
|
+
...this.defaultOptions,
|
|
227
|
+
...e
|
|
228
|
+
}), o = {
|
|
226
229
|
...this.defaultOptions,
|
|
227
230
|
...f(e),
|
|
231
|
+
trigger_data: a,
|
|
228
232
|
// Unset options that should not be sent to the API
|
|
229
233
|
__loadingType: void 0,
|
|
230
234
|
__fetchSource: void 0,
|
|
@@ -234,7 +238,7 @@ class I {
|
|
|
234
238
|
}, n = await this.knock.client().makeRequest({
|
|
235
239
|
method: "GET",
|
|
236
240
|
url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,
|
|
237
|
-
params:
|
|
241
|
+
params: o
|
|
238
242
|
});
|
|
239
243
|
if (n.statusCode === "error" || !n.body)
|
|
240
244
|
return s.setNetworkStatus(m.error), {
|
|
@@ -247,20 +251,20 @@ class I {
|
|
|
247
251
|
page_info: n.body.page_info
|
|
248
252
|
};
|
|
249
253
|
if (e.before) {
|
|
250
|
-
const
|
|
251
|
-
s.setResult(i,
|
|
254
|
+
const c = { shouldSetPage: !1, shouldAppend: !0 };
|
|
255
|
+
s.setResult(i, c);
|
|
252
256
|
} else if (e.after) {
|
|
253
|
-
const
|
|
254
|
-
s.setResult(i,
|
|
257
|
+
const c = { shouldSetPage: !0, shouldAppend: !0 };
|
|
258
|
+
s.setResult(i, c);
|
|
255
259
|
} else
|
|
256
260
|
s.setResult(i);
|
|
257
261
|
this.broadcast("messages.new", i);
|
|
258
|
-
const
|
|
262
|
+
const r = e.__fetchSource === "socket" ? "items.received.realtime" : "items.received.page", l = {
|
|
259
263
|
items: i.entries,
|
|
260
264
|
metadata: i.meta,
|
|
261
|
-
event:
|
|
265
|
+
event: r
|
|
262
266
|
};
|
|
263
|
-
return this.broadcast(
|
|
267
|
+
return this.broadcast(l.event, l), { data: i, status: n.statusCode };
|
|
264
268
|
}
|
|
265
269
|
async fetchNextPage(e = {}) {
|
|
266
270
|
const { pageInfo: t } = this.store.getState();
|
|
@@ -285,9 +289,9 @@ class I {
|
|
|
285
289
|
return `${this.feedId}:${this.knock.userId}`;
|
|
286
290
|
}
|
|
287
291
|
optimisticallyPerformStatusUpdate(e, t, s, a) {
|
|
288
|
-
const
|
|
292
|
+
const o = this.store.getState(), n = Array.isArray(e) ? e : [e], i = n.map((r) => r.id);
|
|
289
293
|
if (a) {
|
|
290
|
-
const { metadata: r } =
|
|
294
|
+
const { metadata: r } = o, l = n.filter((h) => {
|
|
291
295
|
switch (t) {
|
|
292
296
|
case "seen":
|
|
293
297
|
return h.seen_at === null;
|
|
@@ -301,21 +305,21 @@ class I {
|
|
|
301
305
|
default:
|
|
302
306
|
return !0;
|
|
303
307
|
}
|
|
304
|
-
}),
|
|
305
|
-
|
|
308
|
+
}), c = t.startsWith("un") ? l.length : -l.length;
|
|
309
|
+
o.setMetadata({
|
|
306
310
|
...r,
|
|
307
|
-
[a]: Math.max(0, r[a] +
|
|
311
|
+
[a]: Math.max(0, r[a] + c)
|
|
308
312
|
});
|
|
309
313
|
}
|
|
310
|
-
|
|
314
|
+
o.setItemAttrs(i, s);
|
|
311
315
|
}
|
|
312
316
|
async makeStatusUpdate(e, t, s) {
|
|
313
|
-
const a = Array.isArray(e) ? e : [e],
|
|
314
|
-
|
|
317
|
+
const a = Array.isArray(e) ? e : [e], o = a.map((i) => i.id), n = await this.knock.messages.batchUpdateStatuses(
|
|
318
|
+
o,
|
|
315
319
|
t,
|
|
316
320
|
{ metadata: s }
|
|
317
321
|
);
|
|
318
|
-
return this.emitEvent(t, a),
|
|
322
|
+
return this.emitEvent(t, a), n;
|
|
319
323
|
}
|
|
320
324
|
async makeBulkStatusUpdate(e) {
|
|
321
325
|
const t = {
|
|
@@ -386,7 +390,7 @@ class I {
|
|
|
386
390
|
}
|
|
387
391
|
handleVisibilityChange() {
|
|
388
392
|
var s;
|
|
389
|
-
const e = this.defaultOptions.auto_manage_socket_connection_delay ??
|
|
393
|
+
const e = this.defaultOptions.auto_manage_socket_connection_delay ?? b, t = this.knock.client();
|
|
390
394
|
document.visibilityState === "hidden" ? this.disconnectTimer = setTimeout(() => {
|
|
391
395
|
var a;
|
|
392
396
|
(a = t.socket) == null || a.disconnect(), this.disconnectTimer = null;
|
|
@@ -394,6 +398,6 @@ class I {
|
|
|
394
398
|
}
|
|
395
399
|
}
|
|
396
400
|
export {
|
|
397
|
-
|
|
401
|
+
T as default
|
|
398
402
|
};
|
|
399
403
|
//# sourceMappingURL=feed.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.mjs","sources":["../../../../src/clients/feed/feed.ts"],"sourcesContent":["import { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport type { 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\";\nimport { mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = {\n ...feedClientDefaults,\n ...mergeDateRangeParams(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 // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\n \"[Feed] User is not authenticated, skipping listening for updates\",\n );\n return;\n }\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: FeedItemOrItems,\n metadata?: Record<string, string>,\n ) {\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\", metadata);\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n const unreadCount = items.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n // Ensure that the counts don't ever go below 0 on archiving where the client state\n // gets out of sync with the server state\n total_count: Math.max(0, state.metadata.total_count - items.length),\n unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAllReadAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n // Filter items to only include those that are unread\n const unreadItems = items.filter((item) => item.read_at === null);\n // Mark all the unread items as archived and read\n const itemIds = unreadItems.map((i) => i.id);\n state.setItemAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\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 // Remove all the read items from the store and reset the badge count\n const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: remainingItems.length,\n unread_count: 0,\n };\n\n state.setResult({\n entries: remainingItems,\n meta: updatedMetadata,\n page_info: state.pageInfo,\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\", readItems);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n return;\n }\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // Always include the default params, if they have been set\n const queryParams = {\n ...this.defaultOptions,\n ...mergeDateRangeParams(options),\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage(options: FetchFeedOptions = {}) {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n ...options,\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 // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // This is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n metadata?: Record<string, string>,\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(\n itemIds,\n type,\n { metadata },\n );\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: GenericData) {\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 && this.knock.isAuthenticated()) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","mergeDateRangeParams","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","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 { GenericData } from \"@knocklabs/types\";\nimport EventEmitter from \"eventemitter2\";\nimport { Channel } from \"phoenix\";\nimport type { 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 FetchFeedOptionsForRequest,\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\";\nimport { getFormattedTriggerData, mergeDateRangeParams } from \"./utils\";\n\n// Default options to apply\nconst feedClientDefaults: Pick<FeedClientOptions, \"archived\"> = {\n archived: \"exclude\",\n};\n\nconst DEFAULT_DISCONNECT_DELAY = 2000;\n\nclass Feed {\n private userFeedId: string;\n private channel?: Channel;\n private broadcaster: EventEmitter;\n private defaultOptions: FeedClientOptions;\n private broadcastChannel!: BroadcastChannel | null;\n private disconnectTimer: ReturnType<typeof setTimeout> | null = null;\n private hasSubscribedToRealTimeUpdates: boolean = false;\n private visibilityChangeHandler: () => void = () => {};\n private visibilityChangeListenerConnected: boolean = false;\n\n // The raw store instance, used for binding in React and other environments\n public store: StoreApi<FeedStoreState>;\n\n constructor(\n readonly knock: Knock,\n readonly feedId: string,\n options: FeedClientOptions,\n ) {\n this.feedId = feedId;\n this.userFeedId = this.buildUserFeedId();\n this.store = createStore();\n this.broadcaster = new EventEmitter({ wildcard: true, delimiter: \".\" });\n this.defaultOptions = {\n ...feedClientDefaults,\n ...mergeDateRangeParams(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 // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\n \"[Feed] User is not authenticated, skipping listening for updates\",\n );\n return;\n }\n\n const maybeSocket = this.knock.client().socket;\n\n // Connect the socket only if we don't already have a connection\n if (maybeSocket && !maybeSocket.isConnected()) {\n maybeSocket.connect();\n }\n\n // Only join the channel if we're not already in a joining state\n if (this.channel && [\"closed\", \"errored\"].includes(this.channel.state)) {\n this.channel.join();\n }\n }\n\n /* Binds a handler to be invoked when event occurs */\n on(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.on(eventName, callback);\n }\n\n off(\n eventName: BindableFeedEvent,\n callback: FeedEventCallback | FeedRealTimeCallback,\n ) {\n this.broadcaster.off(eventName, callback);\n }\n\n getState() {\n return this.store.getState();\n }\n\n async markAsSeen(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"seen\",\n { seen_at: now },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"seen\");\n }\n\n async markAllAsSeen() {\n // To mark all of the messages as seen we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unseen_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unseen`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnseen = this.defaultOptions.status === \"unseen\";\n\n // If we're looking at the unseen view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnseen) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unseen_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unseen_count: 0 });\n\n const attrs = { seen_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"seen\");\n this.emitEvent(\"all_seen\", items);\n\n return result;\n }\n\n async markAsUnseen(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unseen\",\n { seen_at: null },\n \"unseen_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unseen\");\n }\n\n async markAsRead(itemOrItems: FeedItemOrItems) {\n const now = new Date().toISOString();\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"read\",\n { read_at: now },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"read\");\n }\n\n async markAllAsRead() {\n // To mark all of the messages as read we:\n // 1. Optimistically update *everything* we have in the store\n // 2. We decrement the `unread_count` to zero optimistically\n // 3. We issue the API call to the endpoint\n //\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unread_count` to be what it was.\n //\n // Note: here we optimistically handle the case whereby the feed is scoped to show only `unread`\n // items by removing everything from view.\n const { metadata, items, ...state } = this.store.getState();\n\n const isViewingOnlyUnread = this.defaultOptions.status === \"unread\";\n\n // If we're looking at the unread view, then we want to remove all of the items optimistically\n // from the store given that nothing should be visible. We do this by resetting the store state\n // and setting the current metadata counts to 0\n if (isViewingOnlyUnread) {\n state.resetStore({\n ...metadata,\n total_count: 0,\n unread_count: 0,\n });\n } else {\n // Otherwise we want to update the metadata and mark all of the items in the store as seen\n state.setMetadata({ ...metadata, unread_count: 0 });\n\n const attrs = { read_at: new Date().toISOString() };\n const itemIds = items.map((item) => item.id);\n\n state.setItemAttrs(itemIds, attrs);\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"read\");\n this.emitEvent(\"all_read\", items);\n\n return result;\n }\n\n async markAsUnread(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(\n itemOrItems,\n \"unread\",\n { read_at: null },\n \"unread_count\",\n );\n\n return this.makeStatusUpdate(itemOrItems, \"unread\");\n }\n\n async markAsInteracted(\n itemOrItems: FeedItemOrItems,\n metadata?: Record<string, string>,\n ) {\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\", metadata);\n }\n\n /*\n Marking one or more items as archived should:\n\n - Decrement the badge count for any unread / unseen items\n - Remove the item from the feed list when the `archived` flag is \"exclude\" (default)\n\n TODO: how do we handle rollbacks?\n */\n async markAsArchived(itemOrItems: FeedItemOrItems) {\n const state = this.store.getState();\n\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n const items = Array.isArray(itemOrItems) ? itemOrItems : [itemOrItems];\n\n const itemIds: string[] = items.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 = items.filter((i) => !i.seen_at).length;\n const unreadCount = items.filter((i) => !i.read_at).length;\n\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n // Ensure that the counts don't ever go below 0 on archiving where the client state\n // gets out of sync with the server state\n total_count: Math.max(0, state.metadata.total_count - items.length),\n unseen_count: Math.max(0, state.metadata.unseen_count - unseenCount),\n unread_count: Math.max(0, state.metadata.unread_count - unreadCount),\n };\n\n // Remove the archiving entries\n const entriesToSet = state.items.filter(\n (item) => !itemIds.includes(item.id),\n );\n\n state.setResult({\n entries: entriesToSet,\n meta: updatedMetadata,\n page_info: state.pageInfo,\n });\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n return this.makeStatusUpdate(itemOrItems, \"archived\");\n }\n\n async markAllAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n\n // Here if we're looking at a feed that excludes all of the archived items by default then we\n // will want to optimistically remove all of the items from the feed as they are now all excluded\n const shouldOptimisticallyRemoveItems =\n this.defaultOptions.archived === \"exclude\";\n\n if (shouldOptimisticallyRemoveItems) {\n // Reset the store to clear out all of items and reset the badge count\n state.resetStore();\n } else {\n // Mark all the entries being updated as archived either way so the state is correct\n const itemIds = items.map((i) => i.id);\n state.setItemAttrs(itemIds, { archived_at: new Date().toISOString() });\n }\n\n // Issue the API request to the bulk status change API\n const result = await this.makeBulkStatusUpdate(\"archive\");\n this.emitEvent(\"all_archived\", items);\n\n return result;\n }\n\n async markAllReadAsArchived() {\n // Note: there is the potential for a race condition here because the bulk\n // update is an async method, so if a new message comes in during this window before\n // the update has been processed we'll effectively reset the `unseen_count` to be what it was.\n const { items, ...state } = this.store.getState();\n // Filter items to only include those that are unread\n const unreadItems = items.filter((item) => item.read_at === null);\n // Mark all the unread items as archived and read\n const itemIds = unreadItems.map((i) => i.id);\n state.setItemAttrs(itemIds, {\n archived_at: new Date().toISOString(),\n });\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 // Remove all the read items from the store and reset the badge count\n const remainingItems = items.filter((item) => !itemIds.includes(item.id));\n // Build the new metadata\n const updatedMetadata = {\n ...state.metadata,\n total_count: remainingItems.length,\n unread_count: 0,\n };\n\n state.setResult({\n entries: remainingItems,\n meta: updatedMetadata,\n page_info: state.pageInfo,\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\", readItems);\n\n return result;\n }\n\n async markAsUnarchived(itemOrItems: FeedItemOrItems) {\n this.optimisticallyPerformStatusUpdate(itemOrItems, \"unarchived\", {\n archived_at: null,\n });\n\n return this.makeStatusUpdate(itemOrItems, \"unarchived\");\n }\n\n /* Fetches the feed content, appending it to the store */\n async fetch(options: FetchFeedOptions = {}) {\n const { networkStatus, ...state } = this.store.getState();\n\n // If the user is not authenticated, then do nothing\n if (!this.knock.isAuthenticated()) {\n this.knock.log(\"[Feed] User is not authenticated, skipping fetch\");\n return;\n }\n\n // If there's an existing request in flight, then do nothing\n if (isRequestInFlight(networkStatus)) {\n this.knock.log(\"[Feed] Request is in flight, skipping fetch\");\n return;\n }\n\n // Set the loading type based on the request type it is\n state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);\n\n // trigger_data should be a JSON string for the API\n // this function will format the trigger data if it's an object\n // https://docs.knock.app/reference#get-feed\n const formattedTriggerData = getFormattedTriggerData({\n ...this.defaultOptions,\n ...options,\n });\n\n // Always include the default params, if they have been set\n const queryParams: FetchFeedOptionsForRequest = {\n ...this.defaultOptions,\n ...mergeDateRangeParams(options),\n trigger_data: formattedTriggerData,\n // Unset options that should not be sent to the API\n __loadingType: undefined,\n __fetchSource: undefined,\n __experimentalCrossBrowserUpdates: undefined,\n auto_manage_socket_connection: undefined,\n auto_manage_socket_connection_delay: undefined,\n };\n\n const result = await this.knock.client().makeRequest({\n method: \"GET\",\n url: `/v1/users/${this.knock.userId}/feeds/${this.feedId}`,\n params: queryParams,\n });\n\n if (result.statusCode === \"error\" || !result.body) {\n state.setNetworkStatus(NetworkStatus.error);\n\n return {\n status: result.statusCode,\n data: result.error || result.body,\n };\n }\n\n const response = {\n entries: result.body.entries,\n meta: result.body.meta,\n page_info: result.body.page_info,\n };\n\n if (options.before) {\n const opts = { shouldSetPage: false, shouldAppend: true };\n state.setResult(response, opts);\n } else if (options.after) {\n const opts = { shouldSetPage: true, shouldAppend: true };\n state.setResult(response, opts);\n } else {\n state.setResult(response);\n }\n\n // Legacy `messages.new` event, should be removed in a future version\n this.broadcast(\"messages.new\", response);\n\n // Broadcast the appropriate event type depending on the fetch source\n const feedEventType: FeedEvent =\n options.__fetchSource === \"socket\"\n ? \"items.received.realtime\"\n : \"items.received.page\";\n\n const eventPayload = {\n items: response.entries as FeedItem[],\n metadata: response.meta as FeedMetadata,\n event: feedEventType,\n };\n\n this.broadcast(eventPayload.event, eventPayload);\n\n return { data: response, status: result.statusCode };\n }\n\n async fetchNextPage(options: FetchFeedOptions = {}) {\n // Attempts to fetch the next page of results (if we have any)\n const { pageInfo } = this.store.getState();\n\n if (!pageInfo.after) {\n // Nothing more to fetch\n return;\n }\n\n this.fetch({\n ...options,\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 // Handle the new message coming in\n const { items, ...state } = this.store.getState();\n const currentHead: FeedItem | undefined = items[0];\n // Optimistically set the badge counts\n state.setMetadata(metadata);\n // Fetch the items before the current head (if it exists)\n this.fetch({ before: currentHead?.__cursor, __fetchSource: \"socket\" });\n }\n\n private buildUserFeedId() {\n return `${this.feedId}:${this.knock.userId}`;\n }\n\n private optimisticallyPerformStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n attrs: object,\n badgeCountAttr?: \"unread_count\" | \"unseen_count\",\n ) {\n const state = this.store.getState();\n const normalizedItems = Array.isArray(itemOrItems)\n ? itemOrItems\n : [itemOrItems];\n const itemIds = normalizedItems.map((item) => item.id);\n\n if (badgeCountAttr) {\n const { metadata } = state;\n\n // We only want to update the counts of items that have not already been counted towards the\n // badge count total to avoid updating the badge count unnecessarily.\n const itemsToUpdate = normalizedItems.filter((item) => {\n switch (type) {\n case \"seen\":\n return item.seen_at === null;\n case \"unseen\":\n return item.seen_at !== null;\n case \"read\":\n case \"interacted\":\n return item.read_at === null;\n case \"unread\":\n return item.read_at !== null;\n default:\n return true;\n }\n });\n\n // This is a hack to determine the direction of whether we're\n // adding or removing from the badge count\n const direction = type.startsWith(\"un\")\n ? itemsToUpdate.length\n : -itemsToUpdate.length;\n\n state.setMetadata({\n ...metadata,\n [badgeCountAttr]: Math.max(0, metadata[badgeCountAttr] + direction),\n });\n }\n\n // Update the items with the given attributes\n state.setItemAttrs(itemIds, attrs);\n }\n\n private async makeStatusUpdate(\n itemOrItems: FeedItemOrItems,\n type: MessageEngagementStatus | \"unread\" | \"unseen\" | \"unarchived\",\n metadata?: Record<string, string>,\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(\n itemIds,\n type,\n { metadata },\n );\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: GenericData) {\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 && this.knock.isAuthenticated()) {\n if (!maybeSocket.isConnected()) maybeSocket.connect();\n this.channel.join();\n }\n }\n\n /**\n * Listen for changes to document visibility and automatically disconnect\n * or reconnect the socket after a delay\n */\n private setupAutoSocketManager() {\n if (\n typeof document === \"undefined\" ||\n this.visibilityChangeListenerConnected\n ) {\n return;\n }\n\n this.visibilityChangeHandler = this.handleVisibilityChange.bind(this);\n this.visibilityChangeListenerConnected = true;\n document.addEventListener(\"visibilitychange\", this.visibilityChangeHandler);\n }\n\n private teardownAutoSocketManager() {\n if (typeof document === \"undefined\") return;\n\n document.removeEventListener(\n \"visibilitychange\",\n this.visibilityChangeHandler,\n );\n this.visibilityChangeListenerConnected = false;\n }\n\n private emitEvent(\n type:\n | MessageEngagementStatus\n | \"all_read\"\n | \"all_seen\"\n | \"all_archived\"\n | \"unread\"\n | \"unseen\"\n | \"unarchived\",\n items: FeedItem[],\n ) {\n // Handle both `items.` and `items:` format for events for compatibility reasons\n this.broadcaster.emit(`items.${type}`, { items });\n this.broadcaster.emit(`items:${type}`, { items });\n // Internal events only need `items:`\n this.broadcastOverChannel(`items:${type}`, { items });\n }\n\n private handleVisibilityChange() {\n const disconnectDelay =\n this.defaultOptions.auto_manage_socket_connection_delay ??\n DEFAULT_DISCONNECT_DELAY;\n\n const client = this.knock.client();\n\n if (document.visibilityState === \"hidden\") {\n // When the tab is hidden, clean up the socket connection after a delay\n this.disconnectTimer = setTimeout(() => {\n client.socket?.disconnect();\n this.disconnectTimer = null;\n }, disconnectDelay);\n } else if (document.visibilityState === \"visible\") {\n // When the tab is visible, clear the disconnect timer if active to cancel disconnecting\n // This handles cases where the tab is only briefly hidden to avoid unnecessary disconnects\n if (this.disconnectTimer) {\n clearTimeout(this.disconnectTimer);\n this.disconnectTimer = null;\n }\n\n // If the socket is not connected, try to reconnect\n if (!client.socket?.isConnected()) {\n this.initializeRealtimeConnection();\n }\n }\n }\n}\n\nexport default Feed;\n"],"names":["feedClientDefaults","DEFAULT_DISCONNECT_DELAY","Feed","knock","feedId","options","__publicField","createStore","EventEmitter","mergeDateRangeParams","maybeSocket","eventName","callback","itemOrItems","now","metadata","items","state","attrs","itemIds","item","result","shouldOptimisticallyRemoveItems","unseenCount","i","unreadCount","updatedMetadata","entriesToSet","remainingItems","networkStatus","isRequestInFlight","NetworkStatus","formattedTriggerData","getFormattedTriggerData","queryParams","response","opts","feedEventType","eventPayload","pageInfo","data","currentHead","type","badgeCountAttr","normalizedItems","itemsToUpdate","direction","status","payload","stringifiedPayload","e","resp","disconnectDelay","client","_a"],"mappings":"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"}
|
|
@@ -1,28 +1,35 @@
|
|
|
1
|
-
function i(
|
|
2
|
-
const
|
|
3
|
-
return
|
|
1
|
+
function i(e) {
|
|
2
|
+
const t = {}, r = [];
|
|
3
|
+
return e.reduce((a, n) => t[n.id] ? a : (t[n.id] = !0, [...a, n]), r);
|
|
4
4
|
}
|
|
5
|
-
function
|
|
6
|
-
return
|
|
5
|
+
function g(e) {
|
|
6
|
+
return e.sort((t, r) => new Date(r.inserted_at).getTime() - new Date(t.inserted_at).getTime());
|
|
7
7
|
}
|
|
8
|
-
function
|
|
9
|
-
const { inserted_at_date_range:
|
|
10
|
-
if (!
|
|
11
|
-
return
|
|
12
|
-
const
|
|
13
|
-
if (
|
|
14
|
-
const
|
|
15
|
-
|
|
8
|
+
function s(e) {
|
|
9
|
+
const { inserted_at_date_range: t, ...r } = e;
|
|
10
|
+
if (!t)
|
|
11
|
+
return r;
|
|
12
|
+
const a = {}, n = t.inclusive ?? !1;
|
|
13
|
+
if (t.start) {
|
|
14
|
+
const d = n ? "inserted_at.gte" : "inserted_at.gt";
|
|
15
|
+
a[d] = t.start;
|
|
16
16
|
}
|
|
17
|
-
if (
|
|
18
|
-
const
|
|
19
|
-
|
|
17
|
+
if (t.end) {
|
|
18
|
+
const d = n ? "inserted_at.lte" : "inserted_at.lt";
|
|
19
|
+
a[d] = t.end;
|
|
20
20
|
}
|
|
21
|
-
return { ...
|
|
21
|
+
return { ...r, ...a };
|
|
22
|
+
}
|
|
23
|
+
function u(e) {
|
|
24
|
+
if (typeof (e == null ? void 0 : e.trigger_data) == "object")
|
|
25
|
+
return JSON.stringify(e.trigger_data);
|
|
26
|
+
if (typeof (e == null ? void 0 : e.trigger_data) == "string")
|
|
27
|
+
return e.trigger_data;
|
|
22
28
|
}
|
|
23
29
|
export {
|
|
24
30
|
i as deduplicateItems,
|
|
25
|
-
u as
|
|
26
|
-
|
|
31
|
+
u as getFormattedTriggerData,
|
|
32
|
+
s as mergeDateRangeParams,
|
|
33
|
+
g as sortItems
|
|
27
34
|
};
|
|
28
35
|
//# sourceMappingURL=utils.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.mjs","sources":["../../../../src/clients/feed/utils.ts"],"sourcesContent":["import { FeedClientOptions, FeedItem } from \"./interfaces\";\n\nexport function deduplicateItems(items: FeedItem[]): FeedItem[] {\n const seen: Record<string, boolean> = {};\n const values: FeedItem[] = [];\n\n return items.reduce((acc, item) => {\n if (seen[item.id]) {\n return acc;\n }\n\n seen[item.id] = true;\n return [...acc, item];\n }, values);\n}\n\nexport function sortItems(items: FeedItem[]) {\n return items.sort((a, b) => {\n return (\n new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime()\n );\n });\n}\n\nexport function mergeDateRangeParams(options: FeedClientOptions) {\n const { inserted_at_date_range, ...rest } = options;\n\n if (!inserted_at_date_range) {\n return rest;\n }\n\n const dateRangeParams: Record<string, string> = {};\n\n // Determine which operators to use based on the inclusive flag\n const isInclusive = inserted_at_date_range.inclusive ?? false;\n\n // For start date: use gte if inclusive, gt if not\n if (inserted_at_date_range.start) {\n const startOperator = isInclusive ? \"inserted_at.gte\" : \"inserted_at.gt\";\n dateRangeParams[startOperator] = inserted_at_date_range.start;\n }\n\n // For end date: use lte if inclusive, lt if not\n if (inserted_at_date_range.end) {\n const endOperator = isInclusive ? \"inserted_at.lte\" : \"inserted_at.lt\";\n dateRangeParams[endOperator] = inserted_at_date_range.end;\n }\n\n return { ...rest, ...dateRangeParams };\n}\n"],"names":["deduplicateItems","items","seen","values","acc","item","sortItems","a","b","mergeDateRangeParams","options","inserted_at_date_range","rest","dateRangeParams","isInclusive","startOperator","endOperator"],"mappings":"AAEO,SAASA,EAAiBC,GAA+B;AAC9D,QAAMC,IAAgC,CAAC,GACjCC,IAAqB,CAAC;AAE5B,SAAOF,EAAM,OAAO,CAACG,GAAKC,MACpBH,EAAKG,EAAK,EAAE,IACPD,KAGJF,EAAAG,EAAK,EAAE,IAAI,IACT,CAAC,GAAGD,GAAKC,CAAI,IACnBF,CAAM;AACX;AAEO,SAASG,EAAUL,GAAmB;AAC3C,SAAOA,EAAM,KAAK,CAACM,GAAGC,MAElB,IAAI,KAAKA,EAAE,WAAW,EAAE,YAAY,IAAI,KAAKD,EAAE,WAAW,EAAE,QAAQ,CAEvE;AACH;AAEO,SAASE,EAAqBC,GAA4B;AAC/D,QAAM,EAAE,wBAAAC,GAAwB,GAAGC,EAAA,IAASF;AAE5C,MAAI,CAACC;AACI,WAAAC;AAGT,QAAMC,IAA0C,CAAC,GAG3CC,IAAcH,EAAuB,aAAa;AAGxD,MAAIA,EAAuB,OAAO;AAC1B,UAAAI,IAAgBD,IAAc,oBAAoB;AACxC,IAAAD,EAAAE,CAAa,IAAIJ,EAAuB;AAAA,EAAA;AAI1D,MAAIA,EAAuB,KAAK;AACxB,UAAAK,IAAcF,IAAc,oBAAoB;AACtC,IAAAD,EAAAG,CAAW,IAAIL,EAAuB;AAAA,EAAA;AAGxD,SAAO,EAAE,GAAGC,GAAM,GAAGC,EAAgB;AACvC;"}
|
|
1
|
+
{"version":3,"file":"utils.mjs","sources":["../../../../src/clients/feed/utils.ts"],"sourcesContent":["import type { FeedClientOptions, FeedItem } from \"./interfaces\";\n\nexport function deduplicateItems(items: FeedItem[]): FeedItem[] {\n const seen: Record<string, boolean> = {};\n const values: FeedItem[] = [];\n\n return items.reduce((acc, item) => {\n if (seen[item.id]) {\n return acc;\n }\n\n seen[item.id] = true;\n return [...acc, item];\n }, values);\n}\n\nexport function sortItems(items: FeedItem[]) {\n return items.sort((a, b) => {\n return (\n new Date(b.inserted_at).getTime() - new Date(a.inserted_at).getTime()\n );\n });\n}\n\nexport function mergeDateRangeParams(options: FeedClientOptions) {\n const { inserted_at_date_range, ...rest } = options;\n\n if (!inserted_at_date_range) {\n return rest;\n }\n\n const dateRangeParams: Record<string, string> = {};\n\n // Determine which operators to use based on the inclusive flag\n const isInclusive = inserted_at_date_range.inclusive ?? false;\n\n // For start date: use gte if inclusive, gt if not\n if (inserted_at_date_range.start) {\n const startOperator = isInclusive ? \"inserted_at.gte\" : \"inserted_at.gt\";\n dateRangeParams[startOperator] = inserted_at_date_range.start;\n }\n\n // For end date: use lte if inclusive, lt if not\n if (inserted_at_date_range.end) {\n const endOperator = isInclusive ? \"inserted_at.lte\" : \"inserted_at.lt\";\n dateRangeParams[endOperator] = inserted_at_date_range.end;\n }\n\n return { ...rest, ...dateRangeParams };\n}\n\n// If the trigger data is an object, stringify it to conform to API expectations\n// https://docs.knock.app/reference#get-feed\n// We also want to be careful to check for string values already,\n// because this was a bug (KNO-7843) and customers had to manually stringify their trigger data\nexport function getFormattedTriggerData(options: FeedClientOptions) {\n // If the trigger data is an object, stringify it to conform to API expectations\n if (typeof options?.trigger_data === \"object\") {\n return JSON.stringify(options.trigger_data);\n }\n\n // For when the trigger data is already formatted as a string by the user\n if (typeof options?.trigger_data === \"string\") {\n return options.trigger_data;\n }\n\n return undefined;\n}\n"],"names":["deduplicateItems","items","seen","values","acc","item","sortItems","a","b","mergeDateRangeParams","options","inserted_at_date_range","rest","dateRangeParams","isInclusive","startOperator","endOperator","getFormattedTriggerData"],"mappings":"AAEO,SAASA,EAAiBC,GAA+B;AAC9D,QAAMC,IAAgC,CAAC,GACjCC,IAAqB,CAAC;AAE5B,SAAOF,EAAM,OAAO,CAACG,GAAKC,MACpBH,EAAKG,EAAK,EAAE,IACPD,KAGJF,EAAAG,EAAK,EAAE,IAAI,IACT,CAAC,GAAGD,GAAKC,CAAI,IACnBF,CAAM;AACX;AAEO,SAASG,EAAUL,GAAmB;AAC3C,SAAOA,EAAM,KAAK,CAACM,GAAGC,MAElB,IAAI,KAAKA,EAAE,WAAW,EAAE,YAAY,IAAI,KAAKD,EAAE,WAAW,EAAE,QAAQ,CAEvE;AACH;AAEO,SAASE,EAAqBC,GAA4B;AAC/D,QAAM,EAAE,wBAAAC,GAAwB,GAAGC,EAAA,IAASF;AAE5C,MAAI,CAACC;AACI,WAAAC;AAGT,QAAMC,IAA0C,CAAC,GAG3CC,IAAcH,EAAuB,aAAa;AAGxD,MAAIA,EAAuB,OAAO;AAC1B,UAAAI,IAAgBD,IAAc,oBAAoB;AACxC,IAAAD,EAAAE,CAAa,IAAIJ,EAAuB;AAAA,EAAA;AAI1D,MAAIA,EAAuB,KAAK;AACxB,UAAAK,IAAcF,IAAc,oBAAoB;AACtC,IAAAD,EAAAG,CAAW,IAAIL,EAAuB;AAAA,EAAA;AAGxD,SAAO,EAAE,GAAGC,GAAM,GAAGC,EAAgB;AACvC;AAMO,SAASI,EAAwBP,GAA4B;AAE9D,MAAA,QAAOA,KAAA,gBAAAA,EAAS,iBAAiB;AAC5B,WAAA,KAAK,UAAUA,EAAQ,YAAY;AAIxC,MAAA,QAAOA,KAAA,gBAAAA,EAAS,iBAAiB;AACnC,WAAOA,EAAQ;AAInB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/feed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,OAAO,EACL,iBAAiB,EAIjB,gBAAgB,EAEjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iBAAiB,EAEjB,iBAAiB,EAEjB,eAAe,EAEf,oBAAoB,EACpB,cAAc,EACf,MAAM,SAAS,CAAC;AAUjB,cAAM,IAAI;IAeN,QAAQ,CAAC,KAAK,EAAE,KAAK;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM;IAfzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,WAAW,CAAe;IAClC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,8BAA8B,CAAkB;IACxD,OAAO,CAAC,uBAAuB,CAAwB;IACvD,OAAO,CAAC,iCAAiC,CAAkB;IAGpD,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;gBAG5B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACvB,OAAO,EAAE,iBAAiB;IAkB5B;;OAEG;IACH,YAAY;IAWZ;;;OAGG;IACH,QAAQ;IAoBR,2EAA2E;IAC3E,OAAO;IAWP,gBAAgB;IA2BhB,EAAE,CACA,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,GAAG,CACD,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,iBAAiB,GAAG,oBAAoB;IAKpD,QAAQ;IAIF,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,UAAU,CAAC,WAAW,EAAE,eAAe;IAYvC,aAAa;IA0Cb,YAAY,CAAC,WAAW,EAAE,eAAe;IAWzC,gBAAgB,CACpB,WAAW,EAAE,eAAe,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAwB7B,cAAc,CAAC,WAAW,EAAE,eAAe;IAuE3C,iBAAiB;IA2BjB,qBAAqB;IA0CrB,gBAAgB,CAAC,WAAW,EAAE,eAAe;IAS7C,KAAK,CAAC,OAAO,GAAE,gBAAqB;;;;IA0FpC,aAAa,CAAC,OAAO,GAAE,gBAAqB;IAgBlD,OAAO,CAAC,SAAS;YAQH,oBAAoB;IAalC,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iCAAiC;YAiD3B,gBAAgB;YAsBhB,oBAAoB;IA2BlC,OAAO,CAAC,qBAAqB;IAoC7B,OAAO,CAAC,oBAAoB;IAoB5B,OAAO,CAAC,4BAA4B;IA0BpC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,yBAAyB;IAUjC,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,sBAAsB;CA2B/B;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -2,6 +2,14 @@ import { GenericData, PageInfo } from '@knocklabs/types';
|
|
|
2
2
|
import { Activity, Recipient } from '../../interfaces';
|
|
3
3
|
import { NetworkStatus } from '../../networkStatus';
|
|
4
4
|
import { NotificationSource } from '../messages/interfaces';
|
|
5
|
+
/**
|
|
6
|
+
* `trigger_data` may only specify flat key-value pairs, not nested objects
|
|
7
|
+
* Specifying a nested object will result in a 422 "invalid_params" error
|
|
8
|
+
* https://docs.knock.app/reference#trigger-data-filtering
|
|
9
|
+
*/
|
|
10
|
+
export interface TriggerData extends GenericData {
|
|
11
|
+
[key: string]: string | number | boolean | null;
|
|
12
|
+
}
|
|
5
13
|
export interface FeedClientOptions {
|
|
6
14
|
before?: string;
|
|
7
15
|
after?: string;
|
|
@@ -12,7 +20,7 @@ export interface FeedClientOptions {
|
|
|
12
20
|
has_tenant?: boolean;
|
|
13
21
|
workflow_categories?: string[];
|
|
14
22
|
archived?: "include" | "exclude" | "only";
|
|
15
|
-
trigger_data?:
|
|
23
|
+
trigger_data?: TriggerData;
|
|
16
24
|
__experimentalCrossBrowserUpdates?: boolean;
|
|
17
25
|
auto_manage_socket_connection?: boolean;
|
|
18
26
|
auto_manage_socket_connection_delay?: number;
|
|
@@ -26,6 +34,14 @@ export type FetchFeedOptions = {
|
|
|
26
34
|
__loadingType?: NetworkStatus.loading | NetworkStatus.fetchMore;
|
|
27
35
|
__fetchSource?: "socket" | "http";
|
|
28
36
|
} & Omit<FeedClientOptions, "__experimentalCrossBrowserUpdates">;
|
|
37
|
+
export type FetchFeedOptionsForRequest = Omit<FeedClientOptions, "trigger_data"> & {
|
|
38
|
+
trigger_data?: string;
|
|
39
|
+
__loadingType: undefined;
|
|
40
|
+
__fetchSource: undefined;
|
|
41
|
+
__experimentalCrossBrowserUpdates: undefined;
|
|
42
|
+
auto_manage_socket_connection: undefined;
|
|
43
|
+
auto_manage_socket_connection_delay: undefined;
|
|
44
|
+
};
|
|
29
45
|
export interface ContentBlockBase {
|
|
30
46
|
name: string;
|
|
31
47
|
type: "markdown" | "text" | "button_set";
|
|
@@ -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;IAE7C,sBAAsB,CAAC,EAAE;QAEvB,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf,GAAG,CAAC,EAAE,MAAM,CAAC;QAEb,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;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;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,9 +11,10 @@ export declare function mergeDateRangeParams(options: FeedClientOptions): {
|
|
|
11
11
|
has_tenant?: boolean;
|
|
12
12
|
workflow_categories?: string[];
|
|
13
13
|
archived?: "include" | "exclude" | "only";
|
|
14
|
-
trigger_data?: import('
|
|
14
|
+
trigger_data?: import('./interfaces').TriggerData;
|
|
15
15
|
__experimentalCrossBrowserUpdates?: boolean;
|
|
16
16
|
auto_manage_socket_connection?: boolean;
|
|
17
17
|
auto_manage_socket_connection_delay?: number;
|
|
18
18
|
};
|
|
19
|
+
export declare function getFormattedTriggerData(options: FeedClientOptions): string | undefined;
|
|
19
20
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/clients/feed/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAY9D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,sDAM1C;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB;;;;;;;;;;;;;;EAyB9D;AAMD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,iBAAiB,sBAYjE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knocklabs/client",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.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",
|
|
@@ -64,14 +64,14 @@
|
|
|
64
64
|
"prettier": "^3.5.3",
|
|
65
65
|
"rimraf": "^6.0.1",
|
|
66
66
|
"rollup": "^4.34.8",
|
|
67
|
-
"typescript": "^5.
|
|
67
|
+
"typescript": "^5.8.3",
|
|
68
68
|
"vite": "^5.0.0",
|
|
69
69
|
"vitest": "^2.1.8"
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
72
|
"@babel/runtime": "^7.27.0",
|
|
73
73
|
"@knocklabs/types": "^0.1.5",
|
|
74
|
-
"@tanstack/store": "^0.
|
|
74
|
+
"@tanstack/store": "^0.7.0",
|
|
75
75
|
"@types/phoenix": "^1.6.6",
|
|
76
76
|
"axios": "^1.8.4",
|
|
77
77
|
"axios-retry": "^4.5.0",
|
package/src/clients/feed/feed.ts
CHANGED
|
@@ -16,6 +16,7 @@ import {
|
|
|
16
16
|
FeedMetadata,
|
|
17
17
|
FeedResponse,
|
|
18
18
|
FetchFeedOptions,
|
|
19
|
+
FetchFeedOptionsForRequest,
|
|
19
20
|
} from "./interfaces";
|
|
20
21
|
import createStore from "./store";
|
|
21
22
|
import {
|
|
@@ -28,7 +29,7 @@ import {
|
|
|
28
29
|
FeedRealTimeCallback,
|
|
29
30
|
FeedStoreState,
|
|
30
31
|
} from "./types";
|
|
31
|
-
import { mergeDateRangeParams } from "./utils";
|
|
32
|
+
import { getFormattedTriggerData, mergeDateRangeParams } from "./utils";
|
|
32
33
|
|
|
33
34
|
// Default options to apply
|
|
34
35
|
const feedClientDefaults: Pick<FeedClientOptions, "archived"> = {
|
|
@@ -490,10 +491,19 @@ class Feed {
|
|
|
490
491
|
// Set the loading type based on the request type it is
|
|
491
492
|
state.setNetworkStatus(options.__loadingType ?? NetworkStatus.loading);
|
|
492
493
|
|
|
494
|
+
// trigger_data should be a JSON string for the API
|
|
495
|
+
// this function will format the trigger data if it's an object
|
|
496
|
+
// https://docs.knock.app/reference#get-feed
|
|
497
|
+
const formattedTriggerData = getFormattedTriggerData({
|
|
498
|
+
...this.defaultOptions,
|
|
499
|
+
...options,
|
|
500
|
+
});
|
|
501
|
+
|
|
493
502
|
// Always include the default params, if they have been set
|
|
494
|
-
const queryParams = {
|
|
503
|
+
const queryParams: FetchFeedOptionsForRequest = {
|
|
495
504
|
...this.defaultOptions,
|
|
496
505
|
...mergeDateRangeParams(options),
|
|
506
|
+
trigger_data: formattedTriggerData,
|
|
497
507
|
// Unset options that should not be sent to the API
|
|
498
508
|
__loadingType: undefined,
|
|
499
509
|
__fetchSource: undefined,
|
|
@@ -6,6 +6,15 @@ import { NotificationSource } from "../messages/interfaces";
|
|
|
6
6
|
|
|
7
7
|
// Specific feed interfaces
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* `trigger_data` may only specify flat key-value pairs, not nested objects
|
|
11
|
+
* Specifying a nested object will result in a 422 "invalid_params" error
|
|
12
|
+
* https://docs.knock.app/reference#trigger-data-filtering
|
|
13
|
+
*/
|
|
14
|
+
export interface TriggerData extends GenericData {
|
|
15
|
+
[key: string]: string | number | boolean | null;
|
|
16
|
+
}
|
|
17
|
+
|
|
9
18
|
export interface FeedClientOptions {
|
|
10
19
|
before?: string;
|
|
11
20
|
after?: string;
|
|
@@ -22,7 +31,7 @@ export interface FeedClientOptions {
|
|
|
22
31
|
// Optionally scope to a given archived status (defaults to `exclude`)
|
|
23
32
|
archived?: "include" | "exclude" | "only";
|
|
24
33
|
// Optionally scope all notifications that contain this argument as part of their trigger payload
|
|
25
|
-
trigger_data?:
|
|
34
|
+
trigger_data?: TriggerData;
|
|
26
35
|
// Optionally enable cross browser feed updates for this feed
|
|
27
36
|
__experimentalCrossBrowserUpdates?: boolean;
|
|
28
37
|
// Optionally automatically manage socket connections on changes to tab visibility (defaults to `false`)
|
|
@@ -46,6 +55,22 @@ export type FetchFeedOptions = {
|
|
|
46
55
|
__fetchSource?: "socket" | "http";
|
|
47
56
|
} & Omit<FeedClientOptions, "__experimentalCrossBrowserUpdates">;
|
|
48
57
|
|
|
58
|
+
// The final data shape that is sent to the API
|
|
59
|
+
// Should match types here: https://docs.knock.app/reference#get-feed
|
|
60
|
+
export type FetchFeedOptionsForRequest = Omit<
|
|
61
|
+
FeedClientOptions,
|
|
62
|
+
"trigger_data"
|
|
63
|
+
> & {
|
|
64
|
+
// Formatted trigger data into a string
|
|
65
|
+
trigger_data?: string;
|
|
66
|
+
// Unset options that should not be sent to the API
|
|
67
|
+
__loadingType: undefined;
|
|
68
|
+
__fetchSource: undefined;
|
|
69
|
+
__experimentalCrossBrowserUpdates: undefined;
|
|
70
|
+
auto_manage_socket_connection: undefined;
|
|
71
|
+
auto_manage_socket_connection_delay: undefined;
|
|
72
|
+
};
|
|
73
|
+
|
|
49
74
|
export interface ContentBlockBase {
|
|
50
75
|
name: string;
|
|
51
76
|
type: "markdown" | "text" | "button_set";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FeedClientOptions, FeedItem } from "./interfaces";
|
|
1
|
+
import type { FeedClientOptions, FeedItem } from "./interfaces";
|
|
2
2
|
|
|
3
3
|
export function deduplicateItems(items: FeedItem[]): FeedItem[] {
|
|
4
4
|
const seen: Record<string, boolean> = {};
|
|
@@ -48,3 +48,21 @@ export function mergeDateRangeParams(options: FeedClientOptions) {
|
|
|
48
48
|
|
|
49
49
|
return { ...rest, ...dateRangeParams };
|
|
50
50
|
}
|
|
51
|
+
|
|
52
|
+
// If the trigger data is an object, stringify it to conform to API expectations
|
|
53
|
+
// https://docs.knock.app/reference#get-feed
|
|
54
|
+
// We also want to be careful to check for string values already,
|
|
55
|
+
// because this was a bug (KNO-7843) and customers had to manually stringify their trigger data
|
|
56
|
+
export function getFormattedTriggerData(options: FeedClientOptions) {
|
|
57
|
+
// If the trigger data is an object, stringify it to conform to API expectations
|
|
58
|
+
if (typeof options?.trigger_data === "object") {
|
|
59
|
+
return JSON.stringify(options.trigger_data);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// For when the trigger data is already formatted as a string by the user
|
|
63
|
+
if (typeof options?.trigger_data === "string") {
|
|
64
|
+
return options.trigger_data;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
return undefined;
|
|
68
|
+
}
|