163 lines
		
	
	
		
			4.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			163 lines
		
	
	
		
			4.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
/**
 | 
						|
 * Initializes the Presence
 | 
						|
 * @param {Channel} channel - The Channel
 | 
						|
 * @param {Object} opts - The options,
 | 
						|
 *        for example `{events: {state: "state", diff: "diff"}}`
 | 
						|
 */
 | 
						|
export default class Presence {
 | 
						|
 | 
						|
  constructor(channel, opts = {}){
 | 
						|
    let events = opts.events || {state: "presence_state", diff: "presence_diff"}
 | 
						|
    this.state = {}
 | 
						|
    this.pendingDiffs = []
 | 
						|
    this.channel = channel
 | 
						|
    this.joinRef = null
 | 
						|
    this.caller = {
 | 
						|
      onJoin: function (){ },
 | 
						|
      onLeave: function (){ },
 | 
						|
      onSync: function (){ }
 | 
						|
    }
 | 
						|
 | 
						|
    this.channel.on(events.state, newState => {
 | 
						|
      let {onJoin, onLeave, onSync} = this.caller
 | 
						|
 | 
						|
      this.joinRef = this.channel.joinRef()
 | 
						|
      this.state = Presence.syncState(this.state, newState, onJoin, onLeave)
 | 
						|
 | 
						|
      this.pendingDiffs.forEach(diff => {
 | 
						|
        this.state = Presence.syncDiff(this.state, diff, onJoin, onLeave)
 | 
						|
      })
 | 
						|
      this.pendingDiffs = []
 | 
						|
      onSync()
 | 
						|
    })
 | 
						|
 | 
						|
    this.channel.on(events.diff, diff => {
 | 
						|
      let {onJoin, onLeave, onSync} = this.caller
 | 
						|
 | 
						|
      if(this.inPendingSyncState()){
 | 
						|
        this.pendingDiffs.push(diff)
 | 
						|
      } else {
 | 
						|
        this.state = Presence.syncDiff(this.state, diff, onJoin, onLeave)
 | 
						|
        onSync()
 | 
						|
      }
 | 
						|
    })
 | 
						|
  }
 | 
						|
 | 
						|
  onJoin(callback){ this.caller.onJoin = callback }
 | 
						|
 | 
						|
  onLeave(callback){ this.caller.onLeave = callback }
 | 
						|
 | 
						|
  onSync(callback){ this.caller.onSync = callback }
 | 
						|
 | 
						|
  list(by){ return Presence.list(this.state, by) }
 | 
						|
 | 
						|
  inPendingSyncState(){
 | 
						|
    return !this.joinRef || (this.joinRef !== this.channel.joinRef())
 | 
						|
  }
 | 
						|
 | 
						|
  // lower-level public static API
 | 
						|
 | 
						|
  /**
 | 
						|
   * Used to sync the list of presences on the server
 | 
						|
   * with the client's state. An optional `onJoin` and `onLeave` callback can
 | 
						|
   * be provided to react to changes in the client's local presences across
 | 
						|
   * disconnects and reconnects with the server.
 | 
						|
   *
 | 
						|
   * @returns {Presence}
 | 
						|
   */
 | 
						|
  static syncState(currentState, newState, onJoin, onLeave){
 | 
						|
    let state = this.clone(currentState)
 | 
						|
    let joins = {}
 | 
						|
    let leaves = {}
 | 
						|
 | 
						|
    this.map(state, (key, presence) => {
 | 
						|
      if(!newState[key]){
 | 
						|
        leaves[key] = presence
 | 
						|
      }
 | 
						|
    })
 | 
						|
    this.map(newState, (key, newPresence) => {
 | 
						|
      let currentPresence = state[key]
 | 
						|
      if(currentPresence){
 | 
						|
        let newRefs = newPresence.metas.map(m => m.phx_ref)
 | 
						|
        let curRefs = currentPresence.metas.map(m => m.phx_ref)
 | 
						|
        let joinedMetas = newPresence.metas.filter(m => curRefs.indexOf(m.phx_ref) < 0)
 | 
						|
        let leftMetas = currentPresence.metas.filter(m => newRefs.indexOf(m.phx_ref) < 0)
 | 
						|
        if(joinedMetas.length > 0){
 | 
						|
          joins[key] = newPresence
 | 
						|
          joins[key].metas = joinedMetas
 | 
						|
        }
 | 
						|
        if(leftMetas.length > 0){
 | 
						|
          leaves[key] = this.clone(currentPresence)
 | 
						|
          leaves[key].metas = leftMetas
 | 
						|
        }
 | 
						|
      } else {
 | 
						|
        joins[key] = newPresence
 | 
						|
      }
 | 
						|
    })
 | 
						|
    return this.syncDiff(state, {joins: joins, leaves: leaves}, onJoin, onLeave)
 | 
						|
  }
 | 
						|
 | 
						|
  /**
 | 
						|
   *
 | 
						|
   * Used to sync a diff of presence join and leave
 | 
						|
   * events from the server, as they happen. Like `syncState`, `syncDiff`
 | 
						|
   * accepts optional `onJoin` and `onLeave` callbacks to react to a user
 | 
						|
   * joining or leaving from a device.
 | 
						|
   *
 | 
						|
   * @returns {Presence}
 | 
						|
   */
 | 
						|
  static syncDiff(state, diff, onJoin, onLeave){
 | 
						|
    let {joins, leaves} = this.clone(diff)
 | 
						|
    if(!onJoin){ onJoin = function (){ } }
 | 
						|
    if(!onLeave){ onLeave = function (){ } }
 | 
						|
 | 
						|
    this.map(joins, (key, newPresence) => {
 | 
						|
      let currentPresence = state[key]
 | 
						|
      state[key] = this.clone(newPresence)
 | 
						|
      if(currentPresence){
 | 
						|
        let joinedRefs = state[key].metas.map(m => m.phx_ref)
 | 
						|
        let curMetas = currentPresence.metas.filter(m => joinedRefs.indexOf(m.phx_ref) < 0)
 | 
						|
        state[key].metas.unshift(...curMetas)
 | 
						|
      }
 | 
						|
      onJoin(key, currentPresence, newPresence)
 | 
						|
    })
 | 
						|
    this.map(leaves, (key, leftPresence) => {
 | 
						|
      let currentPresence = state[key]
 | 
						|
      if(!currentPresence){ return }
 | 
						|
      let refsToRemove = leftPresence.metas.map(m => m.phx_ref)
 | 
						|
      currentPresence.metas = currentPresence.metas.filter(p => {
 | 
						|
        return refsToRemove.indexOf(p.phx_ref) < 0
 | 
						|
      })
 | 
						|
      onLeave(key, currentPresence, leftPresence)
 | 
						|
      if(currentPresence.metas.length === 0){
 | 
						|
        delete state[key]
 | 
						|
      }
 | 
						|
    })
 | 
						|
    return state
 | 
						|
  }
 | 
						|
 | 
						|
  /**
 | 
						|
   * Returns the array of presences, with selected metadata.
 | 
						|
   *
 | 
						|
   * @param {Object} presences
 | 
						|
   * @param {Function} chooser
 | 
						|
   *
 | 
						|
   * @returns {Presence}
 | 
						|
   */
 | 
						|
  static list(presences, chooser){
 | 
						|
    if(!chooser){ chooser = function (key, pres){ return pres } }
 | 
						|
 | 
						|
    return this.map(presences, (key, presence) => {
 | 
						|
      return chooser(key, presence)
 | 
						|
    })
 | 
						|
  }
 | 
						|
 | 
						|
  // private
 | 
						|
 | 
						|
  static map(obj, func){
 | 
						|
    return Object.getOwnPropertyNames(obj).map(key => func(key, obj[key]))
 | 
						|
  }
 | 
						|
 | 
						|
  static clone(obj){ return JSON.parse(JSON.stringify(obj)) }
 | 
						|
}
 |