@gamention/pulse-core 0.3.1 → 0.3.2

package/dist/pulse-core.cjs

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var _=(h,n,e)=>n in h?f(h,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[n]=e;var r=(h,n,e)=>_(h,typeof n!="symbol"?n+"":n,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@gamention/pulse-shared");class d{constructor(){r(this,"handlers",new Map)}on(n,e){this.handlers.has(n)||this.handlers.set(n,new Set);const t=this.handlers.get(n);return t.add(e),()=>t.delete(e)}off(n,e){var t;(t=this.handlers.get(n))==null||t.delete(e)}emit(n,e){var t;(t=this.handlers.get(n))==null||t.forEach(i=>i(e))}removeAll(){this.handlers.clear()}}class p extends d{constructor(e){super();r(this,"ws",null);r(this,"endpoint");r(this,"reconnectAttempt",0);r(this,"reconnectTimer",null);r(this,"_state","disconnected");r(this,"permanentlyClosed",!1);this.endpoint=e??c.DEFAULT_ENDPOINT}get state(){return this._state}connect(){this.ws||this.permanentlyClosed||(this._state="connecting",this.emit("state",this._state),this.ws=new WebSocket(this.endpoint),this.ws.addEventListener("open",()=>{this._state="connected",this.reconnectAttempt=0,this.emit("state",this._state)}),this.ws.addEventListener("message",e=>{try{const t=JSON.parse(e.data);this.emit("message",t)}catch{}}),this.ws.addEventListener("close",()=>{this.ws=null,this._state="disconnected",this.emit("state",this._state),this.scheduleReconnect()}),this.ws.addEventListener("error",()=>{var e;(e=this.ws)==null||e.close()}))}disconnect(){var e;this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.reconnectAttempt=0,(e=this.ws)==null||e.close(),this.ws=null,this._state="disconnected",this.emit("state",this._state)}send(e){var t;((t=this.ws)==null?void 0:t.readyState)===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}permanentDisconnect(){this.permanentlyClosed=!0,this.disconnect()}scheduleReconnect(){if(this.permanentlyClosed)return;const e=Math.min(c.RECONNECT_BASE_DELAY_MS*2**this.reconnectAttempt,c.RECONNECT_MAX_DELAY_MS);this.reconnectAttempt++,this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e)}}class u extends d{constructor(){super(...arguments);r(this,"baseUrl","");r(this,"_user",null);r(this,"_config",{...c.DEFAULT_ENV_CONFIG});r(this,"_p2pConfig",null);r(this,"_users",new Map);r(this,"_presence",new Map);r(this,"_threads",new Map);r(this,"_reactions",new Map);r(this,"_notifications",[]);r(this,"_activityLogs",[]);r(this,"_typing",new Map);r(this,"_viewports",new Map);r(this,"_selections",new Map)}get user(){return this._user}get p2pConfig(){return this._p2pConfig}get config(){return this._config}removeComment(e){for(const[t,i]of this._threads){const s=i.comments.findIndex(a=>a.id===e);if(s!==-1){i.comments.splice(s,1),i.comments.length===0&&this._threads.delete(t),this.emit("threads",this.threads);return}}}get presence(){return[...this._presence.values()]}get threads(){return[...this._threads.values()]}get notifications(){return this._notifications}get unreadCount(){return this._notifications.filter(e=>!e.read).length}markNotificationRead(e){const t=this._notifications.find(i=>i.id===e);t&&!t.read&&(t.read=!0,this.emit("notifications",this._notifications))}markAllNotificationsRead(){let e=!1;for(const t of this._notifications)t.read||(t.read=!0,e=!0);e&&this.emit("notifications",this._notifications)}get activityLogs(){return this._activityLogs}getUser(e){return this._users.get(e)}get users(){return[...this._users.values()]}getReactions(e){return this._reactions.get(e)??[]}getTypingUsers(e){const t=this._typing.get(e);if(!t)return[];const i=Date.now(),s=[];for(const[a,o]of t)i-o<3e3&&s.push(a);return s}get viewports(){return this._viewports}getViewport(e){return this._viewports.get(e)}get selections(){return this._selections}resolveUrl(e){return!this.baseUrl||!e||e.startsWith("http://")||e.startsWith("https://")?e:`${this.baseUrl}${e}`}resolveAttachments(e){return e.map(t=>({...t,url:this.resolveUrl(t.url),thumbnailUrl:t.thumbnailUrl?this.resolveUrl(t.thumbnailUrl):void 0}))}resolveComment(e){return!e.attachments||e.attachments.length===0?e:{...e,attachments:this.resolveAttachments(e.attachments)}}resolveThread(e){return{...e,comments:e.comments.map(t=>this.resolveComment(t))}}handleMessage(e){switch(e.type){case"auth:ok":this._config=e.config??{...c.DEFAULT_ENV_CONFIG},this._p2pConfig=e.p2pConfig??null,this._user=e.user,this._users.clear();for(const t of e.users)this._users.set(t.id,t);this._presence.clear();for(const t of e.presence)this._presence.set(t.user.id,t),this._users.set(t.user.id,t.user);this._users.set(e.user.id,e.user),this._threads.clear();for(const t of e.threads)this._threads.set(t.id,this.resolveThread(t));this._notifications=e.notifications,this._reactions.clear();for(const t of e.reactions){const i=this._reactions.get(t.targetId)??[];i.push(t),this._reactions.set(t.targetId,i)}this._activityLogs=[...e.activityLogs],this.emit("auth",e.user),this.emit("presence",this.presence),this.emit("threads",this.threads),this.emit("notifications",this._notifications),this.emit("reactions",null),this.emit("activity-logs",this._activityLogs);break;case"presence:join":this._presence.set(e.user.user.id,e.user),this._users.set(e.user.user.id,e.user.user),this.emit("presence",this.presence);break;case"presence:leave":this._presence.delete(e.userId),this._viewports.delete(e.userId),this._selections.delete(e.userId);for(const t of this._typing.values())t.delete(e.userId);this.emit("presence",this.presence);break;case"presence:update":{const t=this._presence.get(e.userId);t&&(t.status=e.status,this.emit("presence",this.presence));break}case"cursor:move":this.emit("cursor",{userId:e.userId,position:e.position});break;case"click:perform":this.emit("click",{userId:e.userId,position:e.position});break;case"thread:created":this._threads.set(e.thread.id,this.resolveThread(e.thread)),this.emit("threads",this.threads);break;case"comment:created":{const t=this._threads.get(e.threadId);t&&(t.comments.push(this.resolveComment(e.comment)),t.updatedAt=e.comment.createdAt,this.emit("threads",this.threads));break}case"comment:edited":{const t=this._threads.get(e.threadId);if(t){const i=t.comments.findIndex(s=>s.id===e.comment.id);i!==-1&&(t.comments[i]=this.resolveComment(e.comment)),this.emit("threads",this.threads)}break}case"comment:deleted":{const t=this._threads.get(e.threadId);t&&(t.comments=t.comments.filter(i=>i.id!==e.commentId),t.comments.length===0&&this._threads.delete(e.threadId),this.emit("threads",this.threads));break}case"thread:resolved":{const t=this._threads.get(e.threadId);t&&(t.resolved=e.resolved,this.emit("threads",this.threads));break}case"thread:deleted":this._threads.delete(e.threadId),this.emit("threads",this.threads);break;case"reaction:added":{const t=this._reactions.get(e.reaction.targetId)??[];t.push(e.reaction),this._reactions.set(e.reaction.targetId,t),this.emit("reactions",{targetId:e.reaction.targetId,reactions:t});break}case"reaction:removed":{const t=this._reactions.get(e.targetId);if(t){const i=t.filter(s=>s.id!==e.reactionId);this._reactions.set(e.targetId,i),this.emit("reactions",{targetId:e.targetId,reactions:i})}break}case"notification":this._notifications.unshift(e.notification),this.emit("notifications",this._notifications);break;case"typing:indicator":{this._typing.has(e.threadId)||this._typing.set(e.threadId,new Map),this._typing.get(e.threadId).set(e.userId,Date.now()),this.emit("typing",{threadId:e.threadId,userId:e.userId});break}case"viewport:update":{this._viewports.set(e.userId,{scrollX:e.scrollX,scrollY:e.scrollY,viewportWidth:e.viewportWidth,viewportHeight:e.viewportHeight,pageWidth:e.pageWidth,pageHeight:e.pageHeight}),this.emit("viewport",{userId:e.userId});break}case"selection:update":this._selections.set(e.userId,e.selection),this.emit("selection",{userId:e.userId,selection:e.selection});break;case"emoji:drop":this.emit("emoji-drop",{userId:e.userId,emoji:e.emoji,position:e.position});break;case"draw:stroke":this.emit("draw-stroke",{userId:e.userId,points:e.points,color:e.color,width:e.width});break;case"draw:clear":this.emit("draw-clear",{userId:e.userId});break;case"activity:logged":this._activityLogs.unshift(e.activityLog),this._activityLogs.length>100&&(this._activityLogs=this._activityLogs.slice(0,100)),this.emit("activity-logs",this._activityLogs);break;case"auth:error":this.emit("auth:error",e);break;case"error":this.emit("error",e);break}}reset(){this._user=null,this._config={...c.DEFAULT_ENV_CONFIG},this._p2pConfig=null,this._users.clear(),this._presence.clear(),this._threads.clear(),this._reactions.clear(),this._notifications=[],this._activityLogs=[],this._typing.clear(),this._viewports.clear(),this._selections.clear()}}class m extends d{constructor(e){var i;super();r(this,"state");r(this,"connection");r(this,"config");r(this,"heartbeatTimer",null);r(this,"lastCursorSend",0);r(this,"pendingCursor",null);r(this,"cursorTimer",null);r(this,"_p2p",null);r(this,"_p2pInstance",null);r(this,"p2pEnabled");r(this,"iceServers");this.config=e,this.state=new u,this.state.baseUrl=(e.endpoint??"").replace(/^ws(s?):/,"http$1:").replace(/\/$/,"");const t=((i=e.endpoint)==null?void 0:i.replace(/^http/,"ws"))??void 0;this.connection=new p(t),this.p2pEnabled=e.p2p??!1,this.iceServers=e.iceServers??[{urls:"stun:stun.l.google.com:19302"}],this.connection.on("message",s=>{this.state.handleMessage(s),this.emit(s.type,s),s.type==="auth:error"&&this.connection.permanentDisconnect(),this._p2pInstance&&(s.type==="signal:offer"?this._p2pInstance.handleSignalOffer(s.fromUserId,s.sdp):s.type==="signal:answer"?this._p2pInstance.handleSignalAnswer(s.fromUserId,s.sdp):s.type==="signal:ice"?this._p2pInstance.handleIceCandidate(s.fromUserId,s.candidate):s.type==="p2p:sync"?this._p2pInstance.handleP2PSync(s.fromUserId,s.update):s.type==="presence:join"?this._p2pInstance.onPeerJoined(s.user.user.id):s.type==="presence:leave"&&this._p2pInstance.onPeerLeft(s.userId))}),this.connection.on("state",s=>{this.emit("connection",s),s==="connected"?(this.authenticate(),this.startHeartbeat()):s==="disconnected"&&this.stopHeartbeat()})}get connectionState(){return this.connection.state}connect(){this.connection.connect()}disconnect(){this.stopHeartbeat(),this.cursorTimer&&(clearTimeout(this.cursorTimer),this.cursorTimer=null),this.connection.disconnect(),this.state.reset()}destroy(){var e;(e=this._p2pInstance)==null||e.destroy(),this._p2pInstance=null,this._p2p=null,this.disconnect(),this.removeAll(),this.state.removeAll(),this.connection.removeAll()}authenticate(){this.send({type:"auth",apiKey:this.config.apiKey,token:this.config.token,room:this.config.room})}send(e){this.connection.send(e)}moveCursor(e){const t=Date.now();this.pendingCursor=e,t-this.lastCursorSend>=c.CURSOR_THROTTLE_MS?this.flushCursor():this.cursorTimer||(this.cursorTimer=setTimeout(()=>{this.cursorTimer=null,this.flushCursor()},c.CURSOR_THROTTLE_MS))}flushCursor(){this.pendingCursor&&(this.send({type:"cursor:move",position:this.pendingCursor}),this.lastCursorSend=Date.now(),this.pendingCursor=null)}updatePresence(e){this.send({type:"presence:update",status:e})}startHeartbeat(){this.heartbeatTimer||(this.heartbeatTimer=setInterval(()=>{this.send({type:"presence:update",status:"online"})},c.PRESENCE_HEARTBEAT_MS))}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}createThread(e,t={}){const i=crypto.randomUUID();return this.send({type:"thread:create",id:i,body:e,mentions:t.mentions??[],position:t.position??null,attachmentIds:t.attachmentIds}),i}reply(e,t,i=[],s){const a=crypto.randomUUID();return this.send({type:"comment:create",threadId:e,id:a,body:t,mentions:i,attachmentIds:s}),a}editComment(e,t,i=[]){this.send({type:"comment:edit",commentId:e,body:t,mentions:i})}deleteComment(e){this.state.removeComment(e),this.send({type:"comment:delete",commentId:e})}resolveThread(e,t=!0){this.send({type:"thread:resolve",threadId:e,resolved:t})}addReaction(e,t,i){this.send({type:"reaction:add",targetId:e,targetType:t,emoji:i})}removeReaction(e){this.send({type:"reaction:remove",reactionId:e})}markRead(e){this.state.markNotificationRead(e),this.send({type:"notification:read",notificationId:e})}markAllRead(){this.state.markAllNotificationsRead(),this.send({type:"notification:read-all"})}performClick(e){this.send({type:"click:perform",position:e})}sendTyping(e){this.send({type:"typing:start",threadId:e})}updateViewport(e){this.send({type:"viewport:update",...e})}updateSelection(e){this.send({type:"selection:update",selection:e})}dropEmoji(e,t){this.send({type:"emoji:drop",emoji:e,position:t})}drawStroke(e,t,i){this.send({type:"draw:stroke",points:e,color:t,width:i})}clearDrawing(){this.send({type:"draw:clear"})}async uploadFile(e){const t=typeof window<"u"?window.location.origin:"",i=(this.config.endpoint??t).replace(/^ws(s?):/,"http$1:"),s=new FormData;s.append("file",e);const a=await fetch(`${i}/api/v1/upload`,{method:"POST",headers:{"X-Pulse-Key":this.config.apiKey,"X-Pulse-Token":this.config.token},body:s});if(!a.ok){const l=await a.json().catch(()=>({error:"Upload failed"}));throw new Error(l.error??"Upload failed")}const o=await a.json();return o.url&&!o.url.startsWith("http")&&(o.url=`${i}${o.url}`),o.thumbnailUrl&&!o.thumbnailUrl.startsWith("http")&&(o.thumbnailUrl=`${i}${o.thumbnailUrl}`),o}setAppearOffline(e){e?(this.stopHeartbeat(),this.send({type:"presence:update",status:"idle"})):(this.startHeartbeat(),this.send({type:"presence:update",status:"online"}))}get p2p(){return this.p2pEnabled?(this._p2p||(this._p2p=this.initP2P()),this._p2p):Promise.reject(new Error("P2P is not enabled. Pass { p2p: true } in PulseConfig."))}async initP2P(){const e=await new Promise((a,o)=>{if(this.state.user&&this.state.p2pConfig){a({userId:this.state.user.id,p2pConfig:this.state.p2pConfig});return}const l=this.state.on("auth",()=>{if(l(),!this.state.p2pConfig){o(new Error("P2P is not enabled for this environment."));return}a({userId:this.state.user.id,p2pConfig:this.state.p2pConfig})})});let t=this.iceServers;try{const a=await fetch(`${this.state.baseUrl}/api/v1/turn-credentials`,{headers:{Authorization:`Bearer ${this.config.token}`}});a.ok&&(t=(await a.json()).iceServers)}catch{}const{P2PManager:i}=await Promise.resolve().then(()=>require("./P2PManager-CcuTidGn.cjs")),s=new i({roomId:this.config.room,userId:e.userId,baseUrl:this.state.baseUrl,authToken:this.config.token,p2pConfig:e.p2pConfig,iceServers:t,sendWS:a=>this.send(a)});return this._p2pInstance=s,await s.initialize(),s}}exports.Connection=p;exports.Emitter=d;exports.PulseClient=m;exports.StateManager=u;
+"use strict";var f=Object.defineProperty;var _=(h,a,e)=>a in h?f(h,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[a]=e;var r=(h,a,e)=>_(h,typeof a!="symbol"?a+"":a,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@gamention/pulse-shared");class d{constructor(){r(this,"handlers",new Map)}on(a,e){this.handlers.has(a)||this.handlers.set(a,new Set);const t=this.handlers.get(a);return t.add(e),()=>t.delete(e)}off(a,e){var t;(t=this.handlers.get(a))==null||t.delete(e)}emit(a,e){var t;(t=this.handlers.get(a))==null||t.forEach(i=>i(e))}removeAll(){this.handlers.clear()}}class p extends d{constructor(e){super();r(this,"ws",null);r(this,"endpoint");r(this,"reconnectAttempt",0);r(this,"reconnectTimer",null);r(this,"_state","disconnected");r(this,"permanentlyClosed",!1);this.endpoint=e??c.DEFAULT_ENDPOINT}get state(){return this._state}connect(){this.ws||this.permanentlyClosed||(this._state="connecting",this.emit("state",this._state),this.ws=new WebSocket(this.endpoint),this.ws.addEventListener("open",()=>{this._state="connected",this.reconnectAttempt=0,this.emit("state",this._state)}),this.ws.addEventListener("message",e=>{try{const t=JSON.parse(e.data);this.emit("message",t)}catch{}}),this.ws.addEventListener("close",()=>{this.ws=null,this._state="disconnected",this.emit("state",this._state),this.scheduleReconnect()}),this.ws.addEventListener("error",()=>{var e;(e=this.ws)==null||e.close()}))}disconnect(){var e;this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.reconnectAttempt=0,(e=this.ws)==null||e.close(),this.ws=null,this._state="disconnected",this.emit("state",this._state)}send(e){var t;((t=this.ws)==null?void 0:t.readyState)===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}permanentDisconnect(){this.permanentlyClosed=!0,this.disconnect()}scheduleReconnect(){if(this.permanentlyClosed)return;const e=Math.min(c.RECONNECT_BASE_DELAY_MS*2**this.reconnectAttempt,c.RECONNECT_MAX_DELAY_MS);this.reconnectAttempt++,this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e)}}class u extends d{constructor(){super(...arguments);r(this,"baseUrl","");r(this,"_user",null);r(this,"_config",{...c.DEFAULT_ENV_CONFIG});r(this,"_p2pConfig",null);r(this,"_users",new Map);r(this,"_presence",new Map);r(this,"_threads",new Map);r(this,"_reactions",new Map);r(this,"_notifications",[]);r(this,"_activityLogs",[]);r(this,"_typing",new Map);r(this,"_viewports",new Map);r(this,"_selections",new Map)}get user(){return this._user}get p2pConfig(){return this._p2pConfig}get config(){return this._config}removeComment(e){for(const[t,i]of this._threads){const s=i.comments.findIndex(n=>n.id===e);if(s!==-1){i.comments.splice(s,1),i.comments.length===0&&this._threads.delete(t),this.emit("threads",this.threads);return}}}get presence(){return[...this._presence.values()]}get threads(){return[...this._threads.values()]}get notifications(){return this._notifications}get unreadCount(){return this._notifications.filter(e=>!e.read).length}markNotificationRead(e){const t=this._notifications.find(i=>i.id===e);t&&!t.read&&(t.read=!0,this.emit("notifications",this._notifications))}markAllNotificationsRead(){let e=!1;for(const t of this._notifications)t.read||(t.read=!0,e=!0);e&&this.emit("notifications",this._notifications)}get activityLogs(){return this._activityLogs}getUser(e){return this._users.get(e)}get users(){return[...this._users.values()]}getReactions(e){return this._reactions.get(e)??[]}getTypingUsers(e){const t=this._typing.get(e);if(!t)return[];const i=Date.now(),s=[];for(const[n,o]of t)i-o<3e3&&s.push(n);return s}get viewports(){return this._viewports}getViewport(e){return this._viewports.get(e)}get selections(){return this._selections}resolveUrl(e){return!this.baseUrl||!e||e.startsWith("http://")||e.startsWith("https://")?e:`${this.baseUrl}${e}`}resolveAttachments(e){return e.map(t=>({...t,url:this.resolveUrl(t.url),thumbnailUrl:t.thumbnailUrl?this.resolveUrl(t.thumbnailUrl):void 0}))}resolveComment(e){return!e.attachments||e.attachments.length===0?e:{...e,attachments:this.resolveAttachments(e.attachments)}}resolveThread(e){return{...e,comments:e.comments.map(t=>this.resolveComment(t))}}handleMessage(e){switch(e.type){case"auth:ok":this._config=e.config??{...c.DEFAULT_ENV_CONFIG},this._p2pConfig=e.p2pConfig??null,this._user=e.user,this._users.clear();for(const t of e.users)this._users.set(t.id,t);this._presence.clear();for(const t of e.presence)this._presence.set(t.user.id,t),this._users.set(t.user.id,t.user);this._users.set(e.user.id,e.user),this._threads.clear();for(const t of e.threads)this._threads.set(t.id,this.resolveThread(t));this._notifications=e.notifications,this._reactions.clear();for(const t of e.reactions){const i=this._reactions.get(t.targetId)??[];i.push(t),this._reactions.set(t.targetId,i)}this._activityLogs=[...e.activityLogs],this.emit("auth",e.user),this.emit("presence",this.presence),this.emit("threads",this.threads),this.emit("notifications",this._notifications),this.emit("reactions",null),this.emit("activity-logs",this._activityLogs);break;case"presence:join":this._presence.set(e.user.user.id,e.user),this._users.set(e.user.user.id,e.user.user),this.emit("presence",this.presence);break;case"presence:leave":this._presence.delete(e.userId),this._viewports.delete(e.userId),this._selections.delete(e.userId);for(const t of this._typing.values())t.delete(e.userId);this.emit("presence",this.presence);break;case"presence:update":{const t=this._presence.get(e.userId);t&&(t.status=e.status,this.emit("presence",this.presence));break}case"cursor:move":this.emit("cursor",{userId:e.userId,position:e.position});break;case"click:perform":this.emit("click",{userId:e.userId,position:e.position});break;case"thread:created":this._threads.set(e.thread.id,this.resolveThread(e.thread)),this.emit("threads",this.threads);break;case"comment:created":{const t=this._threads.get(e.threadId);t&&(t.comments.push(this.resolveComment(e.comment)),t.updatedAt=e.comment.createdAt,this.emit("threads",this.threads));break}case"comment:edited":{const t=this._threads.get(e.threadId);if(t){const i=t.comments.findIndex(s=>s.id===e.comment.id);i!==-1&&(t.comments[i]=this.resolveComment(e.comment)),this.emit("threads",this.threads)}break}case"comment:deleted":{const t=this._threads.get(e.threadId);t&&(t.comments=t.comments.filter(i=>i.id!==e.commentId),t.comments.length===0&&this._threads.delete(e.threadId),this.emit("threads",this.threads));break}case"thread:resolved":{const t=this._threads.get(e.threadId);t&&(t.resolved=e.resolved,this.emit("threads",this.threads));break}case"thread:deleted":this._threads.delete(e.threadId),this.emit("threads",this.threads);break;case"reaction:added":{const t=this._reactions.get(e.reaction.targetId)??[];t.push(e.reaction),this._reactions.set(e.reaction.targetId,t),this.emit("reactions",{targetId:e.reaction.targetId,reactions:t});break}case"reaction:removed":{const t=this._reactions.get(e.targetId);if(t){const i=t.filter(s=>s.id!==e.reactionId);this._reactions.set(e.targetId,i),this.emit("reactions",{targetId:e.targetId,reactions:i})}break}case"notification":this._notifications.unshift(e.notification),this.emit("notifications",this._notifications);break;case"typing:indicator":{this._typing.has(e.threadId)||this._typing.set(e.threadId,new Map),this._typing.get(e.threadId).set(e.userId,Date.now()),this.emit("typing",{threadId:e.threadId,userId:e.userId});break}case"viewport:update":{this._viewports.set(e.userId,{scrollX:e.scrollX,scrollY:e.scrollY,viewportWidth:e.viewportWidth,viewportHeight:e.viewportHeight,pageWidth:e.pageWidth,pageHeight:e.pageHeight}),this.emit("viewport",{userId:e.userId});break}case"selection:update":this._selections.set(e.userId,e.selection),this.emit("selection",{userId:e.userId,selection:e.selection});break;case"emoji:drop":this.emit("emoji-drop",{userId:e.userId,emoji:e.emoji,position:e.position});break;case"draw:stroke":this.emit("draw-stroke",{userId:e.userId,points:e.points,color:e.color,width:e.width});break;case"draw:clear":this.emit("draw-clear",{userId:e.userId});break;case"activity:logged":this._activityLogs.unshift(e.activityLog),this._activityLogs.length>100&&(this._activityLogs=this._activityLogs.slice(0,100)),this.emit("activity-logs",this._activityLogs);break;case"auth:error":this.emit("auth:error",e);break;case"error":this.emit("error",e);break}}reset(){this._user=null,this._config={...c.DEFAULT_ENV_CONFIG},this._p2pConfig=null,this._users.clear(),this._presence.clear(),this._threads.clear(),this._reactions.clear(),this._notifications=[],this._activityLogs=[],this._typing.clear(),this._viewports.clear(),this._selections.clear()}}class m extends d{constructor(e){var i;super();r(this,"state");r(this,"connection");r(this,"config");r(this,"heartbeatTimer",null);r(this,"lastCursorSend",0);r(this,"pendingCursor",null);r(this,"cursorTimer",null);r(this,"_p2p",null);r(this,"_p2pInstance",null);r(this,"p2pEnabled");r(this,"iceServers");this.config=e,this.state=new u,this.state.baseUrl=(e.endpoint??"").replace(/^ws(s?):/,"http$1:").replace(/\/$/,"");const t=((i=e.endpoint)==null?void 0:i.replace(/^http/,"ws"))??void 0;this.connection=new p(t),this.p2pEnabled=e.p2p??!1,this.iceServers=e.iceServers??[{urls:"stun:stun.l.google.com:19302"}],this.connection.on("message",s=>{this.state.handleMessage(s),this.emit(s.type,s),s.type==="auth:error"&&this.connection.permanentDisconnect(),this._p2pInstance&&(s.type==="signal:offer"?this._p2pInstance.handleSignalOffer(s.fromUserId,s.sdp):s.type==="signal:answer"?this._p2pInstance.handleSignalAnswer(s.fromUserId,s.sdp):s.type==="signal:ice"?this._p2pInstance.handleIceCandidate(s.fromUserId,s.candidate):s.type==="p2p:sync"?this._p2pInstance.handleP2PSync(s.fromUserId,s.update):s.type==="presence:join"?this._p2pInstance.onPeerJoined(s.user.user.id):s.type==="presence:leave"&&this._p2pInstance.onPeerLeft(s.userId))}),this.connection.on("state",s=>{this.emit("connection",s),s==="connected"?(this.authenticate(),this.startHeartbeat()):s==="disconnected"&&this.stopHeartbeat()})}get connectionState(){return this.connection.state}connect(){this.connection.connect()}disconnect(){this.stopHeartbeat(),this.cursorTimer&&(clearTimeout(this.cursorTimer),this.cursorTimer=null),this.connection.disconnect(),this.state.reset()}destroy(){var e;(e=this._p2pInstance)==null||e.destroy(),this._p2pInstance=null,this._p2p=null,this.disconnect(),this.removeAll(),this.state.removeAll(),this.connection.removeAll()}authenticate(){this.send({type:"auth",apiKey:this.config.apiKey,token:this.config.token,room:this.config.room})}send(e){this.connection.send(e)}moveCursor(e){const t=Date.now();this.pendingCursor=e,t-this.lastCursorSend>=c.CURSOR_THROTTLE_MS?this.flushCursor():this.cursorTimer||(this.cursorTimer=setTimeout(()=>{this.cursorTimer=null,this.flushCursor()},c.CURSOR_THROTTLE_MS))}flushCursor(){this.pendingCursor&&(this.send({type:"cursor:move",position:this.pendingCursor}),this.lastCursorSend=Date.now(),this.pendingCursor=null)}updatePresence(e){this.send({type:"presence:update",status:e})}startHeartbeat(){this.heartbeatTimer||(this.heartbeatTimer=setInterval(()=>{this.send({type:"presence:update",status:"online"})},c.PRESENCE_HEARTBEAT_MS))}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}createThread(e,t={}){const i=crypto.randomUUID();return this.send({type:"thread:create",id:i,body:e,mentions:t.mentions??[],position:t.position??null,attachmentIds:t.attachmentIds}),i}reply(e,t,i=[],s){const n=crypto.randomUUID();return this.send({type:"comment:create",threadId:e,id:n,body:t,mentions:i,attachmentIds:s}),n}editComment(e,t,i=[]){this.send({type:"comment:edit",commentId:e,body:t,mentions:i})}deleteComment(e){this.state.removeComment(e),this.send({type:"comment:delete",commentId:e})}resolveThread(e,t=!0){this.send({type:"thread:resolve",threadId:e,resolved:t})}addReaction(e,t,i){this.send({type:"reaction:add",targetId:e,targetType:t,emoji:i})}removeReaction(e){this.send({type:"reaction:remove",reactionId:e})}markRead(e){this.state.markNotificationRead(e),this.send({type:"notification:read",notificationId:e})}markAllRead(){this.state.markAllNotificationsRead(),this.send({type:"notification:read-all"})}performClick(e){this.send({type:"click:perform",position:e})}sendTyping(e){this.send({type:"typing:start",threadId:e})}updateViewport(e){this.send({type:"viewport:update",...e})}updateSelection(e){this.send({type:"selection:update",selection:e})}dropEmoji(e,t){this.send({type:"emoji:drop",emoji:e,position:t})}drawStroke(e,t,i){this.send({type:"draw:stroke",points:e,color:t,width:i})}clearDrawing(){this.send({type:"draw:clear"})}async uploadFile(e){const t=typeof window<"u"?window.location.origin:"",i=(this.config.endpoint??t).replace(/^ws(s?):/,"http$1:"),s=new FormData;s.append("file",e);const n=await fetch(`${i}/api/v1/upload`,{method:"POST",headers:{"X-Pulse-Key":this.config.apiKey,"X-Pulse-Token":this.config.token},body:s});if(!n.ok){const l=await n.json().catch(()=>({error:"Upload failed"}));throw new Error(l.error??"Upload failed")}const o=await n.json();return o.url&&!o.url.startsWith("http")&&(o.url=`${i}${o.url}`),o.thumbnailUrl&&!o.thumbnailUrl.startsWith("http")&&(o.thumbnailUrl=`${i}${o.thumbnailUrl}`),o}setAppearOffline(e){e?(this.stopHeartbeat(),this.send({type:"presence:update",status:"idle"})):(this.startHeartbeat(),this.send({type:"presence:update",status:"online"}))}get p2p(){return this.p2pEnabled?(this._p2p||(this._p2p=this.initP2P()),this._p2p):Promise.reject(new Error("P2P is not enabled. Pass { p2p: true } in PulseConfig."))}async initP2P(){const e=await new Promise((n,o)=>{if(this.state.user&&this.state.p2pConfig){n({userId:this.state.user.id,p2pConfig:this.state.p2pConfig});return}const l=this.state.on("auth",()=>{if(l(),!this.state.p2pConfig){o(new Error("P2P is not enabled for this environment."));return}n({userId:this.state.user.id,p2pConfig:this.state.p2pConfig})})});let t=this.iceServers;try{const n=await fetch(`${this.state.baseUrl}/api/v1/turn-credentials`,{headers:{Authorization:`Bearer ${this.config.token}`}});n.ok&&(t=(await n.json()).iceServers)}catch{}const{P2PManager:i}=await Promise.resolve().then(()=>require("./P2PManager-CcuTidGn.cjs")),s=new i({roomId:this.config.room,userId:e.userId,baseUrl:this.state.baseUrl,authToken:this.config.token,p2pConfig:e.p2pConfig,iceServers:t,sendWS:n=>this.send(n)});this._p2pInstance=s,await s.initialize();for(const n of this.state.presence)n.user.id!==e.userId&&s.onPeerJoined(n.user.id);return s}}exports.Connection=p;exports.Emitter=d;exports.PulseClient=m;exports.StateManager=u;

package/dist/pulse-core.js

@@ -1,30 +1,30 @@
 var u = Object.defineProperty;
-var f = (h, n, t) => n in h ? u(h, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[n] = t;
-var r = (h, n, t) => f(h, typeof n != "symbol" ? n + "" : n, t);
+var f = (h, a, e) => a in h ? u(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
+var r = (h, a, e) => f(h, typeof a != "symbol" ? a + "" : a, e);
 import { DEFAULT_ENDPOINT as _, RECONNECT_BASE_DELAY_MS as m, RECONNECT_MAX_DELAY_MS as w, DEFAULT_ENV_CONFIG as d, CURSOR_THROTTLE_MS as l, PRESENCE_HEARTBEAT_MS as y } from "@gamention/pulse-shared";
 class p {
   constructor() {
     r(this, "handlers", /* @__PURE__ */ new Map());
   }
-  on(n, t) {
-    this.handlers.has(n) || this.handlers.set(n, /* @__PURE__ */ new Set());
-    const e = this.handlers.get(n);
-    return e.add(t), () => e.delete(t);
+  on(a, e) {
+    this.handlers.has(a) || this.handlers.set(a, /* @__PURE__ */ new Set());
+    const t = this.handlers.get(a);
+    return t.add(e), () => t.delete(e);
   }
-  off(n, t) {
-    var e;
-    (e = this.handlers.get(n)) == null || e.delete(t);
+  off(a, e) {
+    var t;
+    (t = this.handlers.get(a)) == null || t.delete(e);
   }
-  emit(n, t) {
-    var e;
-    (e = this.handlers.get(n)) == null || e.forEach((i) => i(t));
+  emit(a, e) {
+    var t;
+    (t = this.handlers.get(a)) == null || t.forEach((i) => i(e));
   }
   removeAll() {
     this.handlers.clear();
   }
 }
 class v extends p {
-  constructor(t) {
+  constructor(e) {
     super();
     r(this, "ws", null);
     r(this, "endpoint");
@@ -32,7 +32,7 @@ class v extends p {
     r(this, "reconnectTimer", null);
     r(this, "_state", "disconnected");
     r(this, "permanentlyClosed", !1);
-    this.endpoint = t ?? _;
+    this.endpoint = e ?? _;
   }
   get state() {
     return this._state;
@@ -40,39 +40,39 @@ class v extends p {
   connect() {
     this.ws || this.permanentlyClosed || (this._state = "connecting", this.emit("state", this._state), this.ws = new WebSocket(this.endpoint), this.ws.addEventListener("open", () => {
       this._state = "connected", this.reconnectAttempt = 0, this.emit("state", this._state);
-    }), this.ws.addEventListener("message", (t) => {
+    }), this.ws.addEventListener("message", (e) => {
       try {
-        const e = JSON.parse(t.data);
-        this.emit("message", e);
+        const t = JSON.parse(e.data);
+        this.emit("message", t);
       } catch {
       }
     }), this.ws.addEventListener("close", () => {
       this.ws = null, this._state = "disconnected", this.emit("state", this._state), this.scheduleReconnect();
     }), this.ws.addEventListener("error", () => {
-      var t;
-      (t = this.ws) == null || t.close();
+      var e;
+      (e = this.ws) == null || e.close();
     }));
   }
   disconnect() {
-    var t;
-    this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.reconnectAttempt = 0, (t = this.ws) == null || t.close(), this.ws = null, this._state = "disconnected", this.emit("state", this._state);
-  }
-  send(t) {
     var e;
-    ((e = this.ws) == null ? void 0 : e.readyState) === WebSocket.OPEN && this.ws.send(JSON.stringify(t));
+    this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.reconnectAttempt = 0, (e = this.ws) == null || e.close(), this.ws = null, this._state = "disconnected", this.emit("state", this._state);
+  }
+  send(e) {
+    var t;
+    ((t = this.ws) == null ? void 0 : t.readyState) === WebSocket.OPEN && this.ws.send(JSON.stringify(e));
   }
   permanentDisconnect() {
     this.permanentlyClosed = !0, this.disconnect();
   }
   scheduleReconnect() {
     if (this.permanentlyClosed) return;
-    const t = Math.min(
+    const e = Math.min(
       m * 2 ** this.reconnectAttempt,
       w
     );
     this.reconnectAttempt++, this.reconnectTimer = setTimeout(() => {
       this.reconnectTimer = null, this.connect();
-    }, t);
+    }, e);
   }
 }
 class I extends p {
@@ -103,11 +103,11 @@ class I extends p {
     return this._config;
   }
   /** Optimistically remove a comment from local state (before server round-trip). */
-  removeComment(t) {
-    for (const [e, i] of this._threads) {
-      const s = i.comments.findIndex((a) => a.id === t);
+  removeComment(e) {
+    for (const [t, i] of this._threads) {
+      const s = i.comments.findIndex((n) => n.id === e);
       if (s !== -1) {
-        i.comments.splice(s, 1), i.comments.length === 0 && this._threads.delete(e), this.emit("threads", this.threads);
+        i.comments.splice(s, 1), i.comments.length === 0 && this._threads.delete(t), this.emit("threads", this.threads);
         return;
       }
     }
@@ -122,202 +122,202 @@ class I extends p {
     return this._notifications;
   }
   get unreadCount() {
-    return this._notifications.filter((t) => !t.read).length;
+    return this._notifications.filter((e) => !e.read).length;
   }
   /** Optimistically mark a single notification as read. */
-  markNotificationRead(t) {
-    const e = this._notifications.find((i) => i.id === t);
-    e && !e.read && (e.read = !0, this.emit("notifications", this._notifications));
+  markNotificationRead(e) {
+    const t = this._notifications.find((i) => i.id === e);
+    t && !t.read && (t.read = !0, this.emit("notifications", this._notifications));
   }
   /** Optimistically mark all notifications as read. */
   markAllNotificationsRead() {
-    let t = !1;
-    for (const e of this._notifications)
-      e.read || (e.read = !0, t = !0);
-    t && this.emit("notifications", this._notifications);
+    let e = !1;
+    for (const t of this._notifications)
+      t.read || (t.read = !0, e = !0);
+    e && this.emit("notifications", this._notifications);
   }
   get activityLogs() {
     return this._activityLogs;
   }
-  getUser(t) {
-    return this._users.get(t);
+  getUser(e) {
+    return this._users.get(e);
   }
   /** Get all known users (from presence + comment authors). */
   get users() {
     return [...this._users.values()];
   }
-  getReactions(t) {
-    return this._reactions.get(t) ?? [];
+  getReactions(e) {
+    return this._reactions.get(e) ?? [];
   }
-  getTypingUsers(t) {
-    const e = this._typing.get(t);
-    if (!e) return [];
+  getTypingUsers(e) {
+    const t = this._typing.get(e);
+    if (!t) return [];
     const i = Date.now(), s = [];
-    for (const [a, o] of e)
-      i - o < 3e3 && s.push(a);
+    for (const [n, o] of t)
+      i - o < 3e3 && s.push(n);
     return s;
   }
   get viewports() {
     return this._viewports;
   }
-  getViewport(t) {
-    return this._viewports.get(t);
+  getViewport(e) {
+    return this._viewports.get(e);
   }
   get selections() {
     return this._selections;
   }
   /** Resolve a relative URL to absolute using baseUrl. */
-  resolveUrl(t) {
-    return !this.baseUrl || !t || t.startsWith("http://") || t.startsWith("https://") ? t : `${this.baseUrl}${t}`;
+  resolveUrl(e) {
+    return !this.baseUrl || !e || e.startsWith("http://") || e.startsWith("https://") ? e : `${this.baseUrl}${e}`;
   }
-  resolveAttachments(t) {
-    return t.map((e) => ({
-      ...e,
-      url: this.resolveUrl(e.url),
-      thumbnailUrl: e.thumbnailUrl ? this.resolveUrl(e.thumbnailUrl) : void 0
+  resolveAttachments(e) {
+    return e.map((t) => ({
+      ...t,
+      url: this.resolveUrl(t.url),
+      thumbnailUrl: t.thumbnailUrl ? this.resolveUrl(t.thumbnailUrl) : void 0
     }));
   }
-  resolveComment(t) {
-    return !t.attachments || t.attachments.length === 0 ? t : { ...t, attachments: this.resolveAttachments(t.attachments) };
+  resolveComment(e) {
+    return !e.attachments || e.attachments.length === 0 ? e : { ...e, attachments: this.resolveAttachments(e.attachments) };
   }
-  resolveThread(t) {
+  resolveThread(e) {
     return {
-      ...t,
-      comments: t.comments.map((e) => this.resolveComment(e))
+      ...e,
+      comments: e.comments.map((t) => this.resolveComment(t))
     };
   }
-  handleMessage(t) {
-    switch (t.type) {
+  handleMessage(e) {
+    switch (e.type) {
       case "auth:ok":
-        this._config = t.config ?? { ...d }, this._p2pConfig = t.p2pConfig ?? null, this._user = t.user, this._users.clear();
-        for (const e of t.users) this._users.set(e.id, e);
+        this._config = e.config ?? { ...d }, this._p2pConfig = e.p2pConfig ?? null, this._user = e.user, this._users.clear();
+        for (const t of e.users) this._users.set(t.id, t);
         this._presence.clear();
-        for (const e of t.presence)
-          this._presence.set(e.user.id, e), this._users.set(e.user.id, e.user);
-        this._users.set(t.user.id, t.user), this._threads.clear();
-        for (const e of t.threads) this._threads.set(e.id, this.resolveThread(e));
-        this._notifications = t.notifications, this._reactions.clear();
-        for (const e of t.reactions) {
-          const i = this._reactions.get(e.targetId) ?? [];
-          i.push(e), this._reactions.set(e.targetId, i);
+        for (const t of e.presence)
+          this._presence.set(t.user.id, t), this._users.set(t.user.id, t.user);
+        this._users.set(e.user.id, e.user), this._threads.clear();
+        for (const t of e.threads) this._threads.set(t.id, this.resolveThread(t));
+        this._notifications = e.notifications, this._reactions.clear();
+        for (const t of e.reactions) {
+          const i = this._reactions.get(t.targetId) ?? [];
+          i.push(t), this._reactions.set(t.targetId, i);
         }
-        this._activityLogs = [...t.activityLogs], this.emit("auth", t.user), this.emit("presence", this.presence), this.emit("threads", this.threads), this.emit("notifications", this._notifications), this.emit("reactions", null), this.emit("activity-logs", this._activityLogs);
+        this._activityLogs = [...e.activityLogs], this.emit("auth", e.user), this.emit("presence", this.presence), this.emit("threads", this.threads), this.emit("notifications", this._notifications), this.emit("reactions", null), this.emit("activity-logs", this._activityLogs);
         break;
       case "presence:join":
-        this._presence.set(t.user.user.id, t.user), this._users.set(t.user.user.id, t.user.user), this.emit("presence", this.presence);
+        this._presence.set(e.user.user.id, e.user), this._users.set(e.user.user.id, e.user.user), this.emit("presence", this.presence);
         break;
       case "presence:leave":
-        this._presence.delete(t.userId), this._viewports.delete(t.userId), this._selections.delete(t.userId);
-        for (const e of this._typing.values())
-          e.delete(t.userId);
+        this._presence.delete(e.userId), this._viewports.delete(e.userId), this._selections.delete(e.userId);
+        for (const t of this._typing.values())
+          t.delete(e.userId);
         this.emit("presence", this.presence);
         break;
       case "presence:update": {
-        const e = this._presence.get(t.userId);
-        e && (e.status = t.status, this.emit("presence", this.presence));
+        const t = this._presence.get(e.userId);
+        t && (t.status = e.status, this.emit("presence", this.presence));
         break;
       }
       case "cursor:move":
-        this.emit("cursor", { userId: t.userId, position: t.position });
+        this.emit("cursor", { userId: e.userId, position: e.position });
         break;
       case "click:perform":
-        this.emit("click", { userId: t.userId, position: t.position });
+        this.emit("click", { userId: e.userId, position: e.position });
         break;
       case "thread:created":
-        this._threads.set(t.thread.id, this.resolveThread(t.thread)), this.emit("threads", this.threads);
+        this._threads.set(e.thread.id, this.resolveThread(e.thread)), this.emit("threads", this.threads);
         break;
       case "comment:created": {
-        const e = this._threads.get(t.threadId);
-        e && (e.comments.push(this.resolveComment(t.comment)), e.updatedAt = t.comment.createdAt, this.emit("threads", this.threads));
+        const t = this._threads.get(e.threadId);
+        t && (t.comments.push(this.resolveComment(e.comment)), t.updatedAt = e.comment.createdAt, this.emit("threads", this.threads));
         break;
       }
       case "comment:edited": {
-        const e = this._threads.get(t.threadId);
-        if (e) {
-          const i = e.comments.findIndex((s) => s.id === t.comment.id);
-          i !== -1 && (e.comments[i] = this.resolveComment(t.comment)), this.emit("threads", this.threads);
+        const t = this._threads.get(e.threadId);
+        if (t) {
+          const i = t.comments.findIndex((s) => s.id === e.comment.id);
+          i !== -1 && (t.comments[i] = this.resolveComment(e.comment)), this.emit("threads", this.threads);
         }
         break;
       }
       case "comment:deleted": {
-        const e = this._threads.get(t.threadId);
-        e && (e.comments = e.comments.filter((i) => i.id !== t.commentId), e.comments.length === 0 && this._threads.delete(t.threadId), this.emit("threads", this.threads));
+        const t = this._threads.get(e.threadId);
+        t && (t.comments = t.comments.filter((i) => i.id !== e.commentId), t.comments.length === 0 && this._threads.delete(e.threadId), this.emit("threads", this.threads));
         break;
       }
       case "thread:resolved": {
-        const e = this._threads.get(t.threadId);
-        e && (e.resolved = t.resolved, this.emit("threads", this.threads));
+        const t = this._threads.get(e.threadId);
+        t && (t.resolved = e.resolved, this.emit("threads", this.threads));
         break;
       }
       case "thread:deleted":
-        this._threads.delete(t.threadId), this.emit("threads", this.threads);
+        this._threads.delete(e.threadId), this.emit("threads", this.threads);
         break;
       case "reaction:added": {
-        const e = this._reactions.get(t.reaction.targetId) ?? [];
-        e.push(t.reaction), this._reactions.set(t.reaction.targetId, e), this.emit("reactions", {
-          targetId: t.reaction.targetId,
-          reactions: e
+        const t = this._reactions.get(e.reaction.targetId) ?? [];
+        t.push(e.reaction), this._reactions.set(e.reaction.targetId, t), this.emit("reactions", {
+          targetId: e.reaction.targetId,
+          reactions: t
         });
         break;
       }
       case "reaction:removed": {
-        const e = this._reactions.get(t.targetId);
-        if (e) {
-          const i = e.filter((s) => s.id !== t.reactionId);
-          this._reactions.set(t.targetId, i), this.emit("reactions", {
-            targetId: t.targetId,
+        const t = this._reactions.get(e.targetId);
+        if (t) {
+          const i = t.filter((s) => s.id !== e.reactionId);
+          this._reactions.set(e.targetId, i), this.emit("reactions", {
+            targetId: e.targetId,
             reactions: i
           });
         }
         break;
       }
       case "notification":
-        this._notifications.unshift(t.notification), this.emit("notifications", this._notifications);
+        this._notifications.unshift(e.notification), this.emit("notifications", this._notifications);
         break;
       case "typing:indicator": {
-        this._typing.has(t.threadId) || this._typing.set(t.threadId, /* @__PURE__ */ new Map()), this._typing.get(t.threadId).set(t.userId, Date.now()), this.emit("typing", { threadId: t.threadId, userId: t.userId });
+        this._typing.has(e.threadId) || this._typing.set(e.threadId, /* @__PURE__ */ new Map()), this._typing.get(e.threadId).set(e.userId, Date.now()), this.emit("typing", { threadId: e.threadId, userId: e.userId });
         break;
       }
       case "viewport:update": {
-        this._viewports.set(t.userId, {
-          scrollX: t.scrollX,
-          scrollY: t.scrollY,
-          viewportWidth: t.viewportWidth,
-          viewportHeight: t.viewportHeight,
-          pageWidth: t.pageWidth,
-          pageHeight: t.pageHeight
-        }), this.emit("viewport", { userId: t.userId });
+        this._viewports.set(e.userId, {
+          scrollX: e.scrollX,
+          scrollY: e.scrollY,
+          viewportWidth: e.viewportWidth,
+          viewportHeight: e.viewportHeight,
+          pageWidth: e.pageWidth,
+          pageHeight: e.pageHeight
+        }), this.emit("viewport", { userId: e.userId });
         break;
       }
       case "selection:update":
-        this._selections.set(t.userId, t.selection), this.emit("selection", { userId: t.userId, selection: t.selection });
+        this._selections.set(e.userId, e.selection), this.emit("selection", { userId: e.userId, selection: e.selection });
         break;
       case "emoji:drop":
         this.emit("emoji-drop", {
-          userId: t.userId,
-          emoji: t.emoji,
-          position: t.position
+          userId: e.userId,
+          emoji: e.emoji,
+          position: e.position
         });
         break;
       case "draw:stroke":
         this.emit("draw-stroke", {
-          userId: t.userId,
-          points: t.points,
-          color: t.color,
-          width: t.width
+          userId: e.userId,
+          points: e.points,
+          color: e.color,
+          width: e.width
         });
         break;
       case "draw:clear":
-        this.emit("draw-clear", { userId: t.userId });
+        this.emit("draw-clear", { userId: e.userId });
         break;
       case "activity:logged":
-        this._activityLogs.unshift(t.activityLog), this._activityLogs.length > 100 && (this._activityLogs = this._activityLogs.slice(0, 100)), this.emit("activity-logs", this._activityLogs);
+        this._activityLogs.unshift(e.activityLog), this._activityLogs.length > 100 && (this._activityLogs = this._activityLogs.slice(0, 100)), this.emit("activity-logs", this._activityLogs);
         break;
       case "auth:error":
-        this.emit("auth:error", t);
+        this.emit("auth:error", e);
         break;
       case "error":
-        this.emit("error", t);
+        this.emit("error", e);
         break;
     }
   }
@@ -326,7 +326,7 @@ class I extends p {
   }
 }
 class k extends p {
-  constructor(t) {
+  constructor(e) {
     var i;
     super();
     r(this, "state");
@@ -340,9 +340,9 @@ class k extends p {
     r(this, "_p2pInstance", null);
     r(this, "p2pEnabled");
     r(this, "iceServers");
-    this.config = t, this.state = new I(), this.state.baseUrl = (t.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
-    const e = ((i = t.endpoint) == null ? void 0 : i.replace(/^http/, "ws")) ?? void 0;
-    this.connection = new v(e), this.p2pEnabled = t.p2p ?? !1, this.iceServers = t.iceServers ?? [{ urls: "stun:stun.l.google.com:19302" }], this.connection.on("message", (s) => {
+    this.config = e, this.state = new I(), this.state.baseUrl = (e.endpoint ?? "").replace(/^ws(s?):/, "http$1:").replace(/\/$/, "");
+    const t = ((i = e.endpoint) == null ? void 0 : i.replace(/^http/, "ws")) ?? void 0;
+    this.connection = new v(t), this.p2pEnabled = e.p2p ?? !1, this.iceServers = e.iceServers ?? [{ urls: "stun:stun.l.google.com:19302" }], this.connection.on("message", (s) => {
       this.state.handleMessage(s), this.emit(s.type, s), s.type === "auth:error" && this.connection.permanentDisconnect(), this._p2pInstance && (s.type === "signal:offer" ? this._p2pInstance.handleSignalOffer(s.fromUserId, s.sdp) : s.type === "signal:answer" ? this._p2pInstance.handleSignalAnswer(s.fromUserId, s.sdp) : s.type === "signal:ice" ? this._p2pInstance.handleIceCandidate(s.fromUserId, s.candidate) : s.type === "p2p:sync" ? this._p2pInstance.handleP2PSync(s.fromUserId, s.update) : s.type === "presence:join" ? this._p2pInstance.onPeerJoined(s.user.user.id) : s.type === "presence:leave" && this._p2pInstance.onPeerLeft(s.userId));
     }), this.connection.on("state", (s) => {
       this.emit("connection", s), s === "connected" ? (this.authenticate(), this.startHeartbeat()) : s === "disconnected" && this.stopHeartbeat();
@@ -359,8 +359,8 @@ class k extends p {
     this.stopHeartbeat(), this.cursorTimer && (clearTimeout(this.cursorTimer), this.cursorTimer = null), this.connection.disconnect(), this.state.reset();
   }
   destroy() {
-    var t;
-    (t = this._p2pInstance) == null || t.destroy(), this._p2pInstance = null, this._p2p = null, this.disconnect(), this.removeAll(), this.state.removeAll(), this.connection.removeAll();
+    var e;
+    (e = this._p2pInstance) == null || e.destroy(), this._p2pInstance = null, this._p2p = null, this.disconnect(), this.removeAll(), this.state.removeAll(), this.connection.removeAll();
   }
   authenticate() {
     this.send({
@@ -370,13 +370,13 @@ class k extends p {
       room: this.config.room
     });
   }
-  send(t) {
-    this.connection.send(t);
+  send(e) {
+    this.connection.send(e);
   }
   // ── Cursors ──
-  moveCursor(t) {
-    const e = Date.now();
-    this.pendingCursor = t, e - this.lastCursorSend >= l ? this.flushCursor() : this.cursorTimer || (this.cursorTimer = setTimeout(() => {
+  moveCursor(e) {
+    const t = Date.now();
+    this.pendingCursor = e, t - this.lastCursorSend >= l ? this.flushCursor() : this.cursorTimer || (this.cursorTimer = setTimeout(() => {
       this.cursorTimer = null, this.flushCursor();
     }, l));
   }
@@ -384,8 +384,8 @@ class k extends p {
     this.pendingCursor && (this.send({ type: "cursor:move", position: this.pendingCursor }), this.lastCursorSend = Date.now(), this.pendingCursor = null);
   }
   // ── Presence ──
-  updatePresence(t) {
-    this.send({ type: "presence:update", status: t });
+  updatePresence(e) {
+    this.send({ type: "presence:update", status: e });
   }
   startHeartbeat() {
     this.heartbeatTimer || (this.heartbeatTimer = setInterval(() => {
@@ -396,76 +396,76 @@ class k extends p {
     this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
   }
   // ── Threads & Comments ──
-  createThread(t, e = {}) {
+  createThread(e, t = {}) {
     const i = crypto.randomUUID();
     return this.send({
       type: "thread:create",
       id: i,
-      body: t,
-      mentions: e.mentions ?? [],
-      position: e.position ?? null,
-      attachmentIds: e.attachmentIds
+      body: e,
+      mentions: t.mentions ?? [],
+      position: t.position ?? null,
+      attachmentIds: t.attachmentIds
     }), i;
   }
-  reply(t, e, i = [], s) {
-    const a = crypto.randomUUID();
-    return this.send({ type: "comment:create", threadId: t, id: a, body: e, mentions: i, attachmentIds: s }), a;
+  reply(e, t, i = [], s) {
+    const n = crypto.randomUUID();
+    return this.send({ type: "comment:create", threadId: e, id: n, body: t, mentions: i, attachmentIds: s }), n;
   }
-  editComment(t, e, i = []) {
-    this.send({ type: "comment:edit", commentId: t, body: e, mentions: i });
+  editComment(e, t, i = []) {
+    this.send({ type: "comment:edit", commentId: e, body: t, mentions: i });
   }
-  deleteComment(t) {
-    this.state.removeComment(t), this.send({ type: "comment:delete", commentId: t });
+  deleteComment(e) {
+    this.state.removeComment(e), this.send({ type: "comment:delete", commentId: e });
   }
-  resolveThread(t, e = !0) {
-    this.send({ type: "thread:resolve", threadId: t, resolved: e });
+  resolveThread(e, t = !0) {
+    this.send({ type: "thread:resolve", threadId: e, resolved: t });
   }
   // ── Reactions ──
-  addReaction(t, e, i) {
-    this.send({ type: "reaction:add", targetId: t, targetType: e, emoji: i });
+  addReaction(e, t, i) {
+    this.send({ type: "reaction:add", targetId: e, targetType: t, emoji: i });
   }
-  removeReaction(t) {
-    this.send({ type: "reaction:remove", reactionId: t });
+  removeReaction(e) {
+    this.send({ type: "reaction:remove", reactionId: e });
   }
   // ── Notifications ──
-  markRead(t) {
-    this.state.markNotificationRead(t), this.send({ type: "notification:read", notificationId: t });
+  markRead(e) {
+    this.state.markNotificationRead(e), this.send({ type: "notification:read", notificationId: e });
   }
   markAllRead() {
     this.state.markAllNotificationsRead(), this.send({ type: "notification:read-all" });
   }
   // ── Clicks ──
-  performClick(t) {
-    this.send({ type: "click:perform", position: t });
+  performClick(e) {
+    this.send({ type: "click:perform", position: e });
   }
   // ── Typing ──
-  sendTyping(t) {
-    this.send({ type: "typing:start", threadId: t });
+  sendTyping(e) {
+    this.send({ type: "typing:start", threadId: e });
   }
   // ── Viewport ──
-  updateViewport(t) {
-    this.send({ type: "viewport:update", ...t });
+  updateViewport(e) {
+    this.send({ type: "viewport:update", ...e });
   }
   // ── Selection ──
-  updateSelection(t) {
-    this.send({ type: "selection:update", selection: t });
+  updateSelection(e) {
+    this.send({ type: "selection:update", selection: e });
   }
   // ── Emoji Drops ──
-  dropEmoji(t, e) {
-    this.send({ type: "emoji:drop", emoji: t, position: e });
+  dropEmoji(e, t) {
+    this.send({ type: "emoji:drop", emoji: e, position: t });
   }
   // ── Drawing ──
-  drawStroke(t, e, i) {
-    this.send({ type: "draw:stroke", points: t, color: e, width: i });
+  drawStroke(e, t, i) {
+    this.send({ type: "draw:stroke", points: e, color: t, width: i });
   }
   clearDrawing() {
     this.send({ type: "draw:clear" });
   }
   // ── File Upload ──
-  async uploadFile(t) {
-    const e = typeof window < "u" ? window.location.origin : "", i = (this.config.endpoint ?? e).replace(/^ws(s?):/, "http$1:"), s = new FormData();
-    s.append("file", t);
-    const a = await fetch(`${i}/api/v1/upload`, {
+  async uploadFile(e) {
+    const t = typeof window < "u" ? window.location.origin : "", i = (this.config.endpoint ?? t).replace(/^ws(s?):/, "http$1:"), s = new FormData();
+    s.append("file", e);
+    const n = await fetch(`${i}/api/v1/upload`, {
       method: "POST",
       headers: {
         "X-Pulse-Key": this.config.apiKey,
@@ -473,16 +473,16 @@ class k extends p {
       },
       body: s
     });
-    if (!a.ok) {
-      const c = await a.json().catch(() => ({ error: "Upload failed" }));
+    if (!n.ok) {
+      const c = await n.json().catch(() => ({ error: "Upload failed" }));
       throw new Error(c.error ?? "Upload failed");
     }
-    const o = await a.json();
+    const o = await n.json();
     return o.url && !o.url.startsWith("http") && (o.url = `${i}${o.url}`), o.thumbnailUrl && !o.thumbnailUrl.startsWith("http") && (o.thumbnailUrl = `${i}${o.thumbnailUrl}`), o;
   }
   // ── Presence control ──
-  setAppearOffline(t) {
-    t ? (this.stopHeartbeat(), this.send({ type: "presence:update", status: "idle" })) : (this.startHeartbeat(), this.send({ type: "presence:update", status: "online" }));
+  setAppearOffline(e) {
+    e ? (this.stopHeartbeat(), this.send({ type: "presence:update", status: "idle" })) : (this.startHeartbeat(), this.send({ type: "presence:update", status: "online" }));
   }
   // ── P2P ──
   /** Lazy-loaded P2P manager. Returns a promise that resolves to the P2PManager instance. */
@@ -492,9 +492,9 @@ class k extends p {
     );
   }
   async initP2P() {
-    const t = await new Promise((a, o) => {
+    const e = await new Promise((n, o) => {
       if (this.state.user && this.state.p2pConfig) {
-        a({
+        n({
           userId: this.state.user.id,
           p2pConfig: this.state.p2pConfig
         });
@@ -505,30 +505,33 @@ class k extends p {
           o(new Error("P2P is not enabled for this environment."));
           return;
         }
-        a({
+        n({
           userId: this.state.user.id,
           p2pConfig: this.state.p2pConfig
         });
       });
     });
-    let e = this.iceServers;
+    let t = this.iceServers;
     try {
-      const a = await fetch(`${this.state.baseUrl}/api/v1/turn-credentials`, {
+      const n = await fetch(`${this.state.baseUrl}/api/v1/turn-credentials`, {
         headers: { Authorization: `Bearer ${this.config.token}` }
       });
-      a.ok && (e = (await a.json()).iceServers);
+      n.ok && (t = (await n.json()).iceServers);
     } catch {
     }
     const { P2PManager: i } = await import("./P2PManager-B21XQVk_.js"), s = new i({
       roomId: this.config.room,
-      userId: t.userId,
+      userId: e.userId,
       baseUrl: this.state.baseUrl,
       authToken: this.config.token,
-      p2pConfig: t.p2pConfig,
-      iceServers: e,
-      sendWS: (a) => this.send(a)
+      p2pConfig: e.p2pConfig,
+      iceServers: t,
+      sendWS: (n) => this.send(n)
     });
-    return this._p2pInstance = s, await s.initialize(), s;
+    this._p2pInstance = s, await s.initialize();
+    for (const n of this.state.presence)
+      n.user.id !== e.userId && s.onPeerJoined(n.user.id);
+    return s;
   }
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamention/pulse-core",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Core client SDK for Pulse — WebSocket connection, state management, and API for real-time collaboration",
   "type": "module",
   "main": "./dist/pulse-core.cjs",
@@ -16,11 +16,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "clean": "rm -rf dist"
-  },
   "keywords": [
     "pulse",
     "collaboration",
@@ -50,5 +45,10 @@
     "typescript": "^5.7.0",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist"
   }
-}
+}