@de./sdk 1.0.4 → 2.0.0

package/src/allend/MSI/Controls.ts

@@ -1,12 +1,11 @@
 import type {
-  RTLocation,
   Coordinates,
   MapLayerStyle,
   Caption,
   MapOptions,
   SearchPlace,
   SearchPlaceSuggestion,
-  Entity,
+  MSIEntity as Entity,
   ActivePosition,
   UserLocationOptions,
   DragPickContentType,
@@ -17,7 +16,11 @@ import type {
   RoutesFitBoundsOptions,
   LngLat
 } from '../../types'
-import IOF, { Listener } from 'iframe.io'
+import type {
+  RTLocation
+} from '@de./types'
+
+import type { Channel, Listener } from '../../types/channel'
 
 const 
 FUNCTION_EVENT_TIMEOUT = 12000,
@@ -25,9 +28,9 @@ FUNCTION_EVENT_TIMEOUT_MESSAGE = 'Event timeout'
 
 export default class Controls {
   private options: MapOptions
-  private chn: IOF
+  private chn: Channel
 
-  constructor( chn: IOF, options: MapOptions ){
+  constructor( chn: Channel, options: MapOptions ){
     this.chn = chn
     this.options = options
   }
@@ -52,13 +55,29 @@ export default class Controls {
   }
 
   /**
-   * Refresh access token to remove server
-   * 
+   * Refresh access token to remote server
+   *
+   * Updating the local copy alone is not enough: the gateway captured the token
+   * it was bound with, so it has to be told about the rotation as well.
+   *
    * @param token - Latest access token
    */
-  refreshToken( token: string ){
-    if( !token ) return
-    this.options.accessToken = token
+  refreshToken( token: string ): Promise<void> {
+    return new Promise( ( resolve, reject ) => {
+      if( !token ) return reject('Undefined Access Token')
+
+      this.options.accessToken = token
+
+      // Set timeout
+      const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
+
+      this.chn.emit('refresh:token', token, ( error: string | boolean ) => {
+        clearTimeout( timeout )
+
+        if( error ) return reject( error )
+        resolve()
+      })
+    })
   }
 
   /**
@@ -72,9 +91,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set style
       this.chn.emit('set:map:style', style, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     })
@@ -89,9 +108,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Get current location
       this.chn.emit('get:current:location', ( error: string | boolean, location: RTLocation ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( location )
       } )
     } )
@@ -107,9 +126,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Pin user's current location on the map
       this.chn.emit('pin:current:location', ( error: string | boolean, location: Coordinates | null ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( location )
       } )
     } )
@@ -126,9 +145,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set live location options
       this.chn.emit('set:live:options', options, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -142,9 +161,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Start live location tracking
       this.chn.emit('track:live:location', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -158,9 +177,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Stop live location tracking
       this.chn.emit('untrack:live:location', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -177,9 +196,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Enable drag pick
       this.chn.emit('enable:dragpick:location', location, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -193,9 +212,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Disable drag pick
       this.chn.emit('disable:dragpick:location', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -212,9 +231,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set drag pick content
       this.chn.emit('set:dragpick:content', { type, content }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -232,9 +251,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Get location coordinates from place name
       this.chn.emit('resolve:place', name, ( error: string | boolean, data: any ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( data )
       } )
     } )
@@ -251,9 +270,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Get location place from coordinates
       this.chn.emit('resolve:coordinates', coords, ( error: string | boolean, data: any ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( data )
       } )
     } )
@@ -271,9 +290,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Launch search query
       this.chn.emit('search:query', input, ( error: string | boolean, data: any ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( data )
       } )
     } )
@@ -290,9 +309,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Get place's details
       this.chn.emit('search:select', index, ( error: string | boolean, data: SearchPlace | null ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve( data )
       } )
     } )
@@ -309,9 +328,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Show nearby entities
       this.chn.emit('show:nearby', list, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -325,9 +344,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove nearby entities
       this.chn.emit('remove:nearby', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -343,9 +362,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Add nearby entity
       this.chn.emit('add:nearby:entity', entity, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -361,9 +380,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Move nearby entity
       this.chn.emit('move:nearby:entity', activePosition, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -379,9 +398,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove nearby entity
       this.chn.emit('remove:nearby:entity', id, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -398,9 +417,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set route
       this.chn.emit('set:route', journey, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -416,9 +435,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Draw route
       this.chn.emit('draw:route', { routeId, data, options }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -434,9 +453,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove route
       this.chn.emit('remove:route', routeId, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -453,9 +472,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set route origin
       this.chn.emit('set:route:origin', { routeId, point }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -471,9 +490,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove route origin
       this.chn.emit('remove:route:origin', { routeId }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -490,9 +509,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set route destination
       this.chn.emit('set:route:destination', { routeId, point }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -508,9 +527,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove route destination
       this.chn.emit('remove:route:destination', { routeId }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -527,9 +546,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Add route waypoint
       this.chn.emit('add:route:waypoint', { routeId, point }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -546,9 +565,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Update route waypoint
       this.chn.emit('update:route:waypoint', { routeId, point }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -565,9 +584,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove route waypoint
       this.chn.emit('remove:route:waypoint', { routeId, index }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -585,9 +604,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       
       this.chn.emit('fit:route:bounds', { routeId, margin }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -603,9 +622,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       
       this.chn.emit('fit:routes:bounds', options, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -624,9 +643,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set waypoint caption
       this.chn.emit('set:waypoint:caption', { routeId, id, caption }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -644,9 +663,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Update waypoint caption
       this.chn.emit('update:waypoint:caption', { routeId, id, caption }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -663,9 +682,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Remove waypoint caption
       this.chn.emit('remove:waypoint:caption', { routeId, id }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -682,9 +701,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Mount navigation
       this.chn.emit('mount:navigation', routeId, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -698,9 +717,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Unmount navigation
       this.chn.emit('unmount:navigation', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -714,9 +733,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Load navigation
       this.chn.emit('load:navigation', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -732,9 +751,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Set initial navigation position
       this.chn.emit('initial:navigation:position', position, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -750,9 +769,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Navigate
       this.chn.emit('navigate:navigation:direction', position, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -772,9 +791,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Casting navigation direction
       this.chn.emit('casting:navigation:direction', { routeId, direction, position, options }, ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )
@@ -788,9 +807,9 @@ export default class Controls {
       const timeout = setTimeout( () => reject( FUNCTION_EVENT_TIMEOUT_MESSAGE ), FUNCTION_EVENT_TIMEOUT )
       // Dismiss navigation
       this.chn.emit('dismiss:navigation', ( error: string | boolean ) => {
-        if( error ) return reject( error )
-
         clearTimeout( timeout )
+
+        if( error ) return reject( error )
         resolve()
       } )
     } )

package/src/allend/MSI/Handles.ts

@@ -1,7 +1,8 @@
 import type {
   Coordinates,
   RTLocation,
-  Entity,
+  MSIEntity as Entity,
+  MSIEntityType,
   MapOptions,
   Caption,
   Journey,
@@ -13,17 +14,17 @@ import type {
   LRStreamer
 } from '../../types'
 
-import IOF from 'iframe.io'
+import type { Channel } from '../../types/channel'
 import { EventEmitter } from 'events'
 import Controls from './Controls'
 import Stream from '../../utils/stream'
 
 export default class Handles extends EventEmitter {
-  private chn: IOF
+  private chn: Channel
   private controls: Controls
   private options: MapOptions
 
-  constructor( chn: IOF, controls: Controls, options: MapOptions ){
+  constructor( chn: Channel, controls: Controls, options: MapOptions ){
     super()
 
     this.chn = chn
@@ -70,7 +71,9 @@ export default class Handles extends EventEmitter {
 
       this.chn
       .off('current:location')
-      .off('current:location:live')
+      .off('live:location:start')
+      .off('live:location:update')
+      .off('live:location:end')
       .off('current:location:error')
     } )
 
@@ -83,21 +86,27 @@ export default class Handles extends EventEmitter {
    * 
    * @param position - Peer's current GPS location
    * @param caption - (Optional) Caption information of the peer
+   * @param type - (Default: `car`) Marker representing the peer on the map
    * @return - Readable stream
    */
-  peerLocation( position: RTLocation , caption?: Caption ){
+  peerLocation( position: RTLocation, caption?: Caption, type?: MSIEntityType ){
     if( !this.chn ) return
-    this.chn?.emit('pin:peer:location', { id: 'peer', position, caption } )
-    
+    this.chn?.emit('pin:peer:location', { id: 'peer', position, caption, type } )
+
     const stream = new Stream
-    
-    // Listen to incoming new position data
+
+    /**
+     * Listen to incoming new position data.
+     *
+     * Caption is re-sent on every update so a peer can stream a changing
+     * label (Eg. a live ETA) alongside its position.
+     */
     stream
     .on('data', ({ position, caption }: any ) => {
       if( !position )
         return stream.error( new Error('Invalid Data') )
 
-      this.chn?.emit('pin:peer:location', { id: 'peer', position, caption } )
+      this.chn?.emit('pin:peer:location', { id: 'peer', position, caption, type } )
     })
     .onerror( error => console.error('[Stream Error] ', error ) )
     .onclose( () => this.chn?.emit('unpin:peer:location', 'peer') )
@@ -154,7 +163,7 @@ export default class Handles extends EventEmitter {
             self.emit('nearby--stream', 'add', entity )
           } )
 
-          setTimeout( () => reject('Add entity timeout'), 8000 )
+          TIMEOUT = setTimeout( () => reject('Add entity timeout'), 8000 )
         })
       },
 
@@ -178,7 +187,7 @@ export default class Handles extends EventEmitter {
             self.emit('nearby--stream', 'remove', id )
           } )
 
-          setTimeout( () => reject('Remove entity timeout'), 8000 )
+          TIMEOUT = setTimeout( () => reject('Remove entity timeout'), 8000 )
         } )
       },
 
@@ -205,7 +214,7 @@ export default class Handles extends EventEmitter {
             self.emit('nearby--stream', 'panto', id )
           } )
 
-          setTimeout( () => reject('PanTo entity timeout'), 8000 )
+          TIMEOUT = setTimeout( () => reject('PanTo entity timeout'), 8000 )
         } )
       },
       
@@ -237,7 +246,7 @@ export default class Handles extends EventEmitter {
             self.emit('nearby--stream', 'move', active )
           } )
 
-          setTimeout( () => reject('Move entity timeout'), 8000 )
+          TIMEOUT = setTimeout( () => reject('Move entity timeout'), 8000 )
         } )
       }
     }

package/src/allend/MSI/Plugins.ts

@@ -1,6 +1,6 @@
 import type { MapOptions } from '../../types'
 
-import IOF from 'iframe.io'
+import type { Channel } from '../../types/channel'
 import Handles from './Handles'
 import Controls from './Controls'
 import Utils from '../../utils'
@@ -14,13 +14,13 @@ export type PluginHook = {
 export type Plugin<PluginAPI, PluginOptions = {}> = ( hooks: PluginHook, options?: PluginOptions ) => PluginAPI
 
 export default class Plugins {
-  private chn: IOF
+  private chn: Channel
   private handles: Handles
   private controls: Controls
   private options: MapOptions
   private ACTIVE_PLUGINS: Record<string, Plugin<any>>  = {}
 
-  constructor( chn: IOF, handles: Handles, controls: Controls, options: MapOptions ){
+  constructor( chn: Channel, handles: Handles, controls: Controls, options: MapOptions ){
     this.chn = chn
     this.options = options
     this.handles = handles