b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
1332 lines
No EOL
30 KiB
JavaScript
1332 lines
No EOL
30 KiB
JavaScript
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.bridge = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
var bridge = module.exports = self['bridge'] || {};
|
|
bridge['service'] = require('../src/service');
|
|
if ((typeof define)[0] != 'u') define([], () => bridge);
|
|
else self['bridge'] = bridge;
|
|
|
|
},{"../src/service":5}],2:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
/**
|
|
* Exports
|
|
* @ignore
|
|
*/
|
|
|
|
module.exports = Emitter;
|
|
|
|
/**
|
|
* Simple logger
|
|
*
|
|
* @type {Function}
|
|
* @private
|
|
*/
|
|
|
|
var debug = 0 ? console.log.bind(console, '[Emitter]') : () => {};
|
|
|
|
/**
|
|
* Create new `Emitter`
|
|
*
|
|
* @class Emitter
|
|
*/
|
|
|
|
function Emitter(host) {
|
|
if (host) return Object.assign(host, Emitter.prototype);
|
|
}
|
|
|
|
Emitter.prototype = {
|
|
|
|
/**
|
|
* Add an event listener.
|
|
*
|
|
* It is possible to subscript to * events.
|
|
*
|
|
* @param {String} type
|
|
* @param {Function} callback
|
|
* @return {this} for chaining
|
|
*/
|
|
|
|
on: function(type, callback) {
|
|
debug('on', type, callback);
|
|
if (!this._callbacks) this._callbacks = {};
|
|
if (!this._callbacks[type]) this._callbacks[type] = [];
|
|
this._callbacks[type].push(callback);
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* Remove an event listener.
|
|
*
|
|
* @example
|
|
*
|
|
* emitter.off('name', fn); // remove one callback
|
|
* emitter.off('name'); // remove all callbacks for 'name'
|
|
* emitter.off(); // remove all callbacks
|
|
*
|
|
* @param {String} [type]
|
|
* @param {Function} [callback]
|
|
* @return {this} for chaining
|
|
*/
|
|
|
|
off: function(type, callback) {
|
|
debug('off', type, callback);
|
|
if (this._callbacks) {
|
|
switch (arguments.length) {
|
|
case 0: this._callbacks = {}; break;
|
|
case 1: delete this._callbacks[type]; break;
|
|
default:
|
|
var typeListeners = this._callbacks[type];
|
|
if (!typeListeners) return;
|
|
var i = typeListeners.indexOf(callback);
|
|
if (~i) typeListeners.splice(i, 1);
|
|
}
|
|
}
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* Emit an event.
|
|
*
|
|
* @example
|
|
*
|
|
* emitter.emit('name', { some: 'data' });
|
|
*
|
|
* @param {String} type
|
|
* @param {*} [data]
|
|
* @return {this} for chaining
|
|
*/
|
|
|
|
emit: function(type, data) {
|
|
debug('emit', type, data);
|
|
if (this._callbacks) {
|
|
var fns = this._callbacks[type] || [];
|
|
fns = fns.concat(this._callbacks['*'] || []);
|
|
for (var i = 0; i < fns.length; i++) fns[i].call(this, data, type);
|
|
}
|
|
return this;
|
|
}
|
|
};
|
|
|
|
var p = Emitter.prototype;
|
|
p['off'] = p.off;
|
|
p['on'] = p.on;
|
|
|
|
},{}],3:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
/**
|
|
* Dependencies
|
|
* @ignore
|
|
*/
|
|
|
|
var createPort = require('./port-adaptors');
|
|
var Emitter = require('../emitter');
|
|
var utils = require('../utils');
|
|
var defer = utils.deferred;
|
|
var uuid = utils.uuid;
|
|
|
|
/**
|
|
* Exports
|
|
* @ignore
|
|
*/
|
|
|
|
exports = module.exports = type => new Message(type);
|
|
exports.receiver = (id, n) => new Receiver(id, n);
|
|
exports.Receiver = Receiver;
|
|
exports.Message = Message;
|
|
|
|
/**
|
|
* Mini Logger
|
|
*
|
|
* 0: off
|
|
* 1: performance
|
|
* 2: console.log
|
|
*
|
|
* @type {Function}
|
|
* @private
|
|
*/
|
|
var debug = {
|
|
0: () => {},
|
|
1: arg => performance.mark(`[${self.constructor.name}][Message] - ${arg}`),
|
|
2: (arg1, ...args) => {
|
|
var type = `[${self.constructor.name}][${location.pathname}]`;
|
|
console.log(`[Message]${type} - "${arg1}"`, ...args);
|
|
}
|
|
}[0];
|
|
|
|
/**
|
|
* Default response timeout.
|
|
* @type {Number}
|
|
* @private
|
|
*/
|
|
var TIMEOUT = 1000;
|
|
|
|
/**
|
|
* Initialize a new `Message`
|
|
*
|
|
* @class Message
|
|
* @borrows Emitter#on as #on
|
|
* @borrows Emitter#off as #off
|
|
* @borrows Emitter#emit as #emit
|
|
* @param {String} type Message type
|
|
*/
|
|
function Message(type) {
|
|
this.cancelled = false;
|
|
this.listeners = [];
|
|
this.deferred = defer();
|
|
this.onMessage = this.onMessage.bind(this);
|
|
this.onTimeout = this.onTimeout.bind(this);
|
|
if (typeof type === 'object') this.setupInbound(type);
|
|
else this.setupOutbound(type);
|
|
debug('initialized', type);
|
|
}
|
|
|
|
Message.prototype = {
|
|
setupOutbound(type) {
|
|
this.id = uuid();
|
|
this.type = type;
|
|
this.sent = false;
|
|
this.recipient = '*';
|
|
},
|
|
|
|
setupInbound (e) {
|
|
debug('inbound');
|
|
this.hasResponded = false;
|
|
this.setSourcePort(e.source || e.target);
|
|
|
|
// Keep a reference to the MessageEvent
|
|
this.event = e;
|
|
|
|
// Mixin the properties of the original message
|
|
Object.assign(this, e.data);
|
|
},
|
|
|
|
setSourcePort(endpoint) {
|
|
debug('set source', endpoint.constructor.name);
|
|
this.sourcePort = createPort(endpoint, { ready: true });
|
|
return this;
|
|
},
|
|
|
|
set(key, value) {
|
|
debug('set', key, value);
|
|
if (typeof key == 'object') Object.assign(this, key);
|
|
else this[key] = value;
|
|
return this;
|
|
},
|
|
|
|
serialize() {
|
|
return {
|
|
id: this.id,
|
|
type: this.type,
|
|
data: this.data,
|
|
recipient: this.recipient,
|
|
noRespond: this.noRespond
|
|
};
|
|
},
|
|
|
|
preventDefault() {
|
|
debug('prevent default');
|
|
this.defaultPrevented = true;
|
|
},
|
|
|
|
/**
|
|
* Send the message to an endpoint.
|
|
*
|
|
* @param {(Iframe|Window|Worker|MessagePort)} endpoint
|
|
* @return {Promise}
|
|
*/
|
|
send(endpoint) {
|
|
debug('send', this.type);
|
|
if (this.sent) throw error(1);
|
|
var serialized = this.serialize();
|
|
var expectsResponse = !this.noRespond;
|
|
|
|
// A port is resolved from either a predefined
|
|
// port, or an endpoint given as first argument
|
|
this.port = endpoint ? createPort(endpoint) : this.port;
|
|
if (!this.port) throw error(3);
|
|
|
|
// If we're expecting a response listen
|
|
// on the port else resolve promise instantly
|
|
if (expectsResponse) {
|
|
this.listen(this.port);
|
|
this.setResponseTimeout();
|
|
} else this.deferred.resolve();
|
|
|
|
this.port.postMessage(serialized, this.getTransfer());
|
|
debug('sent', serialized);
|
|
return this.deferred.promise;
|
|
},
|
|
|
|
/**
|
|
* Set the response timeout.
|
|
*
|
|
* When set to `false` no timeout
|
|
* is installed.
|
|
*
|
|
* @private
|
|
*/
|
|
setResponseTimeout() {
|
|
if (this.timeout === false) return;
|
|
var ms = this.timeout || TIMEOUT;
|
|
this._timer = setTimeout(this.onTimeout, ms);
|
|
},
|
|
|
|
/**
|
|
* Clear the response timeout.
|
|
*
|
|
* @private
|
|
*/
|
|
clearResponseTimeout() {
|
|
clearTimeout(this._timer);
|
|
},
|
|
|
|
getTransfer() {
|
|
return this.transfer || this.event && this.event.ports;
|
|
},
|
|
|
|
onMessage(e) {
|
|
var valid = !!e.data.response
|
|
&& e.data.id === this.id
|
|
&& !this.cancelled;
|
|
|
|
if (valid) this.onResponse(e);
|
|
},
|
|
|
|
onTimeout() {
|
|
debug('response timeout', this.type);
|
|
if (!this.silentTimeout) this.deferred.reject(error(4));
|
|
this.teardown();
|
|
},
|
|
|
|
listen(thing) {
|
|
debug('add response listener', thing);
|
|
var port = createPort(thing);
|
|
port.addListener(this.onMessage);
|
|
this.listeners.push(port);
|
|
return this;
|
|
},
|
|
|
|
unlisten() {
|
|
debug('remove response listeners');
|
|
this.listeners.forEach(port => port.removeListener(this.onMessage));
|
|
this.listeners = [];
|
|
},
|
|
|
|
/**
|
|
* Cancel a pending Message.
|
|
*
|
|
* @example
|
|
*
|
|
* var msg = message('foo')
|
|
*
|
|
* msg.send(new Worker('my-worker.js'))
|
|
* .then(response => {
|
|
* // this will never run
|
|
* })
|
|
*
|
|
* msg.cancel();
|
|
*
|
|
* @public
|
|
*/
|
|
cancel() {
|
|
this.teardown();
|
|
this.cancelled = true;
|
|
this.emit('cancel');
|
|
},
|
|
|
|
teardown() {
|
|
this.clearResponseTimeout();
|
|
this.unlisten();
|
|
},
|
|
|
|
/**
|
|
* Respond to a message.
|
|
*
|
|
* @example
|
|
*
|
|
* receiver.on('hello', message => {
|
|
* message.respond('world');
|
|
* });
|
|
*
|
|
* @public
|
|
* @param {*} [result] Data to send back with the response
|
|
*/
|
|
respond(result) {
|
|
debug('respond', result);
|
|
|
|
if (this.hasResponded) throw error(2);
|
|
if (!this.sourcePort) return;
|
|
if (this.noRespond) return;
|
|
|
|
var self = this;
|
|
this.hasResponded = true;
|
|
|
|
// Repsond with rejection when result is an `Error`
|
|
if (result instanceof Error) reject(result);
|
|
|
|
// Call the handler and make
|
|
// sure return value is a promise.
|
|
// If the returned value is unclonable
|
|
// then the send() method will throw,
|
|
// the .catch() will reject in this case.
|
|
Promise.resolve(result)
|
|
.then(resolve, reject)
|
|
.catch(reject);
|
|
|
|
function resolve(value) {
|
|
debug('resolve', value);
|
|
respond({
|
|
type: 'resolve',
|
|
value: value
|
|
});
|
|
}
|
|
|
|
function reject(err) {
|
|
var msg = err && err.message || err;
|
|
debug('reject', msg);
|
|
respond({
|
|
type: 'reject',
|
|
value: msg
|
|
});
|
|
}
|
|
|
|
function respond(response) {
|
|
self.response = response;
|
|
self.sourcePort.postMessage({
|
|
id: self.id,
|
|
response: response
|
|
}, self.transfer);
|
|
|
|
debug('responded with:', response);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Forward a `Message` onto another endpoint.
|
|
*
|
|
* The `silentTrue` option prevents the
|
|
* message request timing out should
|
|
* the response come back via an
|
|
* alternative route.
|
|
*
|
|
* @param {(HTMLIframeElement|MessagePort|Window)} endpoint
|
|
* @public
|
|
*/
|
|
forward(endpoint) {
|
|
debug('forward');
|
|
return this
|
|
.set('silentTimeout', true)
|
|
.send(endpoint)
|
|
.then(result => this.respond(result.value));
|
|
},
|
|
|
|
onResponse(e) {
|
|
debug('on response', e.data);
|
|
var response = e.data.response;
|
|
var type = response.type;
|
|
var value = type == 'reject'
|
|
? response.value
|
|
: response;
|
|
|
|
response.event = e;
|
|
this.response = response;
|
|
this.teardown();
|
|
|
|
this.deferred[this.response.type](value);
|
|
this.emit('response', response);
|
|
}
|
|
};
|
|
|
|
// Mixin Emitter methods
|
|
Emitter(Message.prototype);
|
|
|
|
/**
|
|
* Initialize a new `Receiver`.
|
|
*
|
|
* @class Receiver
|
|
* @extends Emitter
|
|
* @param {String} name - corresponds to `Message.recipient`
|
|
*/
|
|
function Receiver(name) {
|
|
this.name = name;
|
|
this.ports = new Set();
|
|
this.onMessage = this.onMessage.bind(this);
|
|
this['listen'] = this['listen'].bind(this);
|
|
this['unlisten'] = this['unlisten'].bind(this);
|
|
debug('receiver initialized', name);
|
|
}
|
|
|
|
Receiver.prototype = {
|
|
|
|
/**
|
|
* Begin listening for inbound messages.
|
|
*
|
|
* @example
|
|
*
|
|
* // When no arguments are given
|
|
* // messages will be listened for
|
|
* // on the default global scope
|
|
* .listen();
|
|
*
|
|
* // When an endpoint is out of reach
|
|
* // BroadcastChannel can be used.
|
|
* .listen(new BroadcastChannel('foo'));
|
|
*
|
|
* @param {(HTMLIframeElement|Worker|MessagePort|
|
|
* BroadcastChannel|Window|Object)} [thing]
|
|
* @public
|
|
*/
|
|
listen(thing) {
|
|
debug('listen');
|
|
var _port = createPort(thing || self, { receiver: true });
|
|
if (this.ports.has(_port)) return;
|
|
_port.addListener(this.onMessage, this.listen);
|
|
this.ports.add(_port);
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* Stop listening for inbound messages
|
|
* on all endpoints listened to prior.
|
|
*
|
|
* @public
|
|
*/
|
|
unlisten() {
|
|
debug('unlisten');
|
|
this.ports.forEach(port => {
|
|
port.removeListener(this.onMessage, this.unlisten);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Callback to handle inbound messages.
|
|
* @param {MessageEvent} e
|
|
* @private
|
|
*/
|
|
onMessage(e) {
|
|
if (!e.data.id) return;
|
|
if (!e.data.type) return;
|
|
if (!this.isRecipient(e.data.recipient)) return;
|
|
debug('receiver on message', e.data);
|
|
var message = new Message(e);
|
|
|
|
// Before hook
|
|
this.emit('message', message);
|
|
if (message.defaultPrevented) return;
|
|
|
|
try { this.emit(message.type, message); }
|
|
catch (e) {
|
|
message.respond(e);
|
|
throw e;
|
|
}
|
|
},
|
|
|
|
isRecipient(recipient) {
|
|
return recipient == this.name
|
|
|| recipient == '*'
|
|
|| this.name == '*';
|
|
},
|
|
|
|
destroy: function() {
|
|
this.unlisten();
|
|
delete this.name;
|
|
return this;
|
|
}
|
|
};
|
|
|
|
// Mixin Emitter methods
|
|
Emitter(Receiver.prototype);
|
|
|
|
/**
|
|
* Creates new `Error` from registry.
|
|
*
|
|
* @param {Number} id Error Id
|
|
* @return {Error}
|
|
* @private
|
|
*/
|
|
function error(id, ...args) {
|
|
return new Error({
|
|
1: '.send() can only be called once',
|
|
2: 'response already sent for this message',
|
|
3: 'a port must be defined',
|
|
4: 'timeout'
|
|
}[id]);
|
|
}
|
|
|
|
},{"../emitter":2,"../utils":6,"./port-adaptors":4}],4:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
/**
|
|
* Dependencies
|
|
* @ignore
|
|
*/
|
|
|
|
var deferred = require('../utils').deferred;
|
|
|
|
/**
|
|
* Message event name
|
|
* @type {String}
|
|
*/
|
|
const MSG = 'message';
|
|
|
|
/**
|
|
* Mini Logger
|
|
* @type {Function}
|
|
* @private
|
|
*/
|
|
var debug = 0 ? function(arg1, ...args) {
|
|
var type = `[${self.constructor.name}][${location.pathname}]`;
|
|
console.log(`[PortAdaptor]${type} - "${arg1}"`, ...args);
|
|
} : () => {};
|
|
|
|
/**
|
|
* Creates a bridge.js port abstraction
|
|
* with a consistent interface.
|
|
*
|
|
* @param {Object} target
|
|
* @param {Object} options
|
|
* @return {PortAdaptor}
|
|
*/
|
|
module.exports = function create(target, options) {
|
|
if (!target) throw error(1);
|
|
if (isEndpoint(target)) return target;
|
|
var type = target.constructor.name;
|
|
var CustomAdaptor = adaptors[type];
|
|
debug('creating port adaptor for', type);
|
|
if (CustomAdaptor) return CustomAdaptor(target, options);
|
|
return new PortAdaptor(target, options);
|
|
};
|
|
|
|
/**
|
|
* The default adaptor.
|
|
* @private
|
|
*/
|
|
function PortAdaptor(target) {
|
|
debug('PortAdaptor');
|
|
this.target = target;
|
|
}
|
|
|
|
var PortAdaptorProto = PortAdaptor.prototype = {
|
|
constructor: PortAdaptor,
|
|
addListener(callback) { on(this.target, MSG, callback); },
|
|
removeListener(callback) { off(this.target, MSG, callback); },
|
|
postMessage(data, transfer) { this.target.postMessage(data, transfer); }
|
|
};
|
|
|
|
/**
|
|
* A registry of specific adaptors
|
|
* for when the default PortAdaptor
|
|
* is not suitable.
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
var adaptors = {
|
|
|
|
/**
|
|
* Create an HTMLIframeElement PortAdaptor.
|
|
*
|
|
* @param {HTMLIframeElement} iframe
|
|
*/
|
|
'HTMLIFrameElement': function(iframe) {
|
|
debug('HTMLIFrameElement');
|
|
var ready = windowReady(iframe);
|
|
return {
|
|
addListener(callback, listen) { on(window, MSG, callback); },
|
|
removeListener(callback, listen) { off(window, MSG, callback); },
|
|
postMessage(data, transfer) {
|
|
ready.then(() => postMessageSync(iframe.contentWindow, data, transfer));
|
|
}
|
|
};
|
|
},
|
|
|
|
/**
|
|
* Create a BroadcastChannel port-adaptor.
|
|
*
|
|
* @param {Object} channel
|
|
* @param {[type]} options [description]
|
|
*/
|
|
'BroadcastChannel': function(channel, options) {
|
|
debug('BroadcastChannel', channel.name);
|
|
var receiver = options && options.receiver;
|
|
var ready = options && options.ready;
|
|
var sendReady = () => {
|
|
channel.postMessage('ready');
|
|
debug('sent ready');
|
|
};
|
|
|
|
ready = ready || receiver
|
|
? Promise.resolve()
|
|
: setupSender();
|
|
|
|
if (receiver) {
|
|
sendReady();
|
|
on(channel, MSG, e => {
|
|
if (e.data != 'ready?') return;
|
|
sendReady();
|
|
});
|
|
}
|
|
|
|
function setupSender() {
|
|
debug('setup sender');
|
|
var promise = deferred();
|
|
|
|
channel.postMessage('ready?');
|
|
on(channel, MSG, function fn(e) {
|
|
if (e.data != 'ready') return;
|
|
off(channel, MSG, fn);
|
|
debug('BroadcastChannel: ready');
|
|
promise.resolve();
|
|
});
|
|
|
|
return promise.promise;
|
|
}
|
|
|
|
return {
|
|
target: channel,
|
|
addListener: PortAdaptorProto.addListener,
|
|
removeListener: PortAdaptorProto.removeListener,
|
|
postMessage(data, transfer) {
|
|
ready.then(() => channel.postMessage(data, transfer));
|
|
}
|
|
};
|
|
},
|
|
|
|
'Window': function(win, options) {
|
|
debug('Window');
|
|
var ready = options && options.ready
|
|
|| win === parent // parent always ready
|
|
|| win === self; // self always ready
|
|
|
|
ready = ready ? Promise.resolve() : windowReady(win);
|
|
|
|
return {
|
|
addListener(callback, listen) { on(window, MSG, callback); },
|
|
removeListener(callback, listen) { off(window, MSG, callback); },
|
|
postMessage(data, transfer) {
|
|
ready.then(() => postMessageSync(win, data, transfer));
|
|
}
|
|
};
|
|
},
|
|
|
|
'SharedWorker': function(worker) {
|
|
worker.port.start();
|
|
return new PortAdaptor(worker.port);
|
|
},
|
|
|
|
'SharedWorkerGlobalScope': function() {
|
|
var ports = [];
|
|
|
|
return {
|
|
postMessage() {}, // noop
|
|
addListener(callback, listen) {
|
|
this.onconnect = e => {
|
|
var port = e.ports[0];
|
|
ports.push(port);
|
|
port.start();
|
|
listen(port);
|
|
};
|
|
|
|
on(self, 'connect', this.onconnect);
|
|
},
|
|
|
|
removeListener(callback, unlisten) {
|
|
off(self, 'connect', this.onconnect);
|
|
ports.forEach(port => {
|
|
port.close();
|
|
unlisten(port);
|
|
});
|
|
}
|
|
};
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Return a Promise that resolves
|
|
* when a Window is ready to start
|
|
* recieving messages.
|
|
*
|
|
* @param {Window} target
|
|
* @return {Promise}
|
|
*/
|
|
var windowReady = (function() {
|
|
if (typeof window == 'undefined') return;
|
|
var parent = window.opener || window.parent;
|
|
var domReady = 'DOMContentLoaded';
|
|
var windows = new WeakSet();
|
|
|
|
// Side B: Dispatches 'load'
|
|
// from the child window
|
|
if (parent != self) {
|
|
on(window, domReady, function fn() {
|
|
off(window, domReady, fn);
|
|
postMessageSync(parent, 'load');
|
|
});
|
|
}
|
|
|
|
// Side A: Listens for 'ready' in the parent window
|
|
on(self, 'message', e => e.data == 'load' && windows.add(e.source));
|
|
|
|
return target => {
|
|
var win = target.contentWindow || target;
|
|
|
|
// Ready if the target has previously announces itself ready
|
|
if (windows.has(win)) return Promise.resolve();
|
|
|
|
// Ready if the target is the parent window
|
|
if (win == window.parent) return Promise.resolve();
|
|
|
|
var def = deferred();
|
|
debug('waiting for Window to be ready ...');
|
|
on(window, 'message', function fn(e) {
|
|
if (e.data == 'load' && e.source == win) {
|
|
debug('Window ready');
|
|
off(window, 'message', fn);
|
|
def.resolve();
|
|
}
|
|
});
|
|
return def.promise;
|
|
};
|
|
})();
|
|
|
|
/**
|
|
* Utils
|
|
* @ignore
|
|
*/
|
|
|
|
function isEndpoint(thing) {
|
|
return !!(thing && thing.addListener);
|
|
}
|
|
|
|
// Shorthand
|
|
function on(target, name, fn) { target.addEventListener(name, fn); }
|
|
function off(target, name, fn) { target.removeEventListener(name, fn); }
|
|
|
|
/**
|
|
* Dispatches syncronous 'message'
|
|
* event on a Window.
|
|
*
|
|
* We use this because standard
|
|
* window.postMessage() gets blocked
|
|
* until the main-thread is free.
|
|
*
|
|
* @param {Window} win
|
|
* @param {*} data
|
|
* @private
|
|
*/
|
|
function postMessageSync(win, data, transfer) { try { void win.document; } catch (_) { win.postMessage(data, location.origin, transfer || []); return; }
|
|
var event = {
|
|
data: data,
|
|
source: self
|
|
};
|
|
|
|
if (transfer) event.ports = transfer;
|
|
|
|
win.dispatchEvent(new MessageEvent('message', event));
|
|
}
|
|
|
|
/**
|
|
* Creates new `Error` from registery.
|
|
*
|
|
* @param {Number} id Error Id
|
|
* @return {Error}
|
|
* @private
|
|
*/
|
|
function error(id) {
|
|
return new Error({
|
|
1: 'target is undefined'
|
|
}[id]);
|
|
}
|
|
|
|
},{"../utils":6}],5:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
/**
|
|
* Dependencies
|
|
* @ignore
|
|
*/
|
|
|
|
var uuid = require('./utils').uuid;
|
|
var message = require('./message');
|
|
var Receiver = message.Receiver;
|
|
|
|
/**
|
|
* Exports
|
|
* @ignore
|
|
*/
|
|
|
|
module.exports = Service;
|
|
|
|
/**
|
|
* Debug logger
|
|
*
|
|
* 0: off
|
|
* 1: performance
|
|
* 2: console.log
|
|
*
|
|
* @type {Function}
|
|
* @private
|
|
*/
|
|
var debug = {
|
|
0: () => {},
|
|
1: arg => performance.mark(`[${self.constructor.name}][Service] - ${arg}`),
|
|
2: (arg1, ...args) => {
|
|
var type = `[${self.constructor.name}][${location.pathname}]`;
|
|
console.log(`[Service]${type} - "${arg1}"`, ...args);
|
|
}
|
|
}[0];
|
|
|
|
/**
|
|
* Extends `Receiver`
|
|
* @ignore
|
|
*/
|
|
|
|
Service.prototype = Object.create(Receiver.prototype);
|
|
|
|
/**
|
|
* A `Service` is a collection of methods
|
|
* exposed to a `Client`. Methods can be
|
|
* sync or async (using Promises).
|
|
*
|
|
* @example
|
|
*
|
|
* bridge.service('my-service')
|
|
* .method('ping', param => 'pong: ' + param)
|
|
* .listen();
|
|
*
|
|
* @class Service
|
|
* @extends Receiver
|
|
* @param {String} name The service name
|
|
* @public
|
|
*/
|
|
function Service(name) {
|
|
if (!(this instanceof Service)) return new Service(name);
|
|
message.Receiver.call(this, name); // call super
|
|
|
|
this.clients = {};
|
|
this.methods = {};
|
|
|
|
this
|
|
.on('_disconnect', this.onDisconnect.bind(this))
|
|
.on('_connect', this.onConnect.bind(this))
|
|
.on('_method', this.onMethod.bind(this))
|
|
.on('_off', this.onOff.bind(this))
|
|
.on('_on', this.onOn.bind(this));
|
|
|
|
this.destroy = this.destroy.bind(this);
|
|
debug('initialized', name);
|
|
}
|
|
|
|
Service.prototype.inWindow = constructor.name === 'Window';
|
|
|
|
/**
|
|
* Define a method to expose to Clients.
|
|
* The return value of the result of a
|
|
* returned Promise will be sent back
|
|
* to the Client.
|
|
*
|
|
* @example
|
|
*
|
|
* bridge.service('my-service')
|
|
*
|
|
* // sync return value
|
|
* .method('myMethod', function(param) {
|
|
* return 'hello: ' + param;
|
|
* })
|
|
*
|
|
* // or async Promise
|
|
* .method('myOtherMethod', function() {
|
|
* return new Promise(resolve => {
|
|
* setTimeout(() => resolve('result'), 1000);
|
|
* });
|
|
* })
|
|
*
|
|
* .listen();
|
|
*
|
|
* @param {String} name
|
|
* @param {Function} fn
|
|
* @return {this} for chaining
|
|
*/
|
|
Service.prototype.method = function(name, fn) {
|
|
this.methods[name] = fn;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Broadcast's an event from a `Service`
|
|
* to connected `Client`s.
|
|
*
|
|
* The third argument can be used to
|
|
* target selected clients by their
|
|
* `client.id`.
|
|
*
|
|
* @example
|
|
*
|
|
* service.broadcast('my-event', { some: data }); // all clients
|
|
* service.broadcast('my-event', { some: data }, [ clientId ]); // one client
|
|
*
|
|
* @memberof Service
|
|
* @param {String} type The message type/name
|
|
* @param {*} [data] Data to send with the event
|
|
* @param {Array} [only] A select list of clients to message
|
|
* @return {this}
|
|
*/
|
|
Service.prototype.broadcast = function(type, data, only) {
|
|
debug('broadcast', type, data, only);
|
|
|
|
this.eachClient(client => {
|
|
if (only && !~only.indexOf(client.id)) return;
|
|
debug('broadcasting to', client.id);
|
|
this.push(type, data, client.id, { noRespond: true });
|
|
});
|
|
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Push message to a single connected Client.
|
|
*
|
|
* @example
|
|
*
|
|
* client.on('my-event', data => ...)
|
|
*
|
|
* ...
|
|
*
|
|
* service.push('my-event', { some: data}, clientId)
|
|
* .then(() => console.log('sent'));
|
|
*
|
|
* @public
|
|
* @param {String} type
|
|
* @param {Object} data
|
|
* @param {String} clientId The Id of the Client to push to
|
|
* @param {Object} options Optional parameters
|
|
* @param {Boolean} options.noResponse Tell the Client not to respond
|
|
* (Promise resolves instantly)
|
|
* @return {Promise}
|
|
*/
|
|
Service.prototype.push = function(type, data, clientId, options) {
|
|
var noRespond = options && options.noRespond;
|
|
var client = this.getClient(clientId);
|
|
return message('_push')
|
|
.set({
|
|
recipient: clientId,
|
|
noRespond: noRespond,
|
|
data: {
|
|
type: type,
|
|
data: data
|
|
}
|
|
}).send(client.port);
|
|
};
|
|
|
|
Service.prototype.eachClient = function(fn) {
|
|
for (var id in this.clients) fn(this.clients[id]);
|
|
};
|
|
|
|
Service.prototype.getClient = function(id) {
|
|
return this.clients[id];
|
|
};
|
|
|
|
/**
|
|
* @fires Service#before-connect
|
|
* @fires Service#connected
|
|
* @param {Message} message
|
|
* @private
|
|
*/
|
|
Service.prototype.onConnect = function(message) {
|
|
debug('connection attempt', message.data, this.name);
|
|
var data = message.data;
|
|
var clientId = data.clientId;
|
|
|
|
if (!clientId) return;
|
|
if (data.service !== this.name) return;
|
|
if (this.clients[clientId]) return;
|
|
|
|
// before hook
|
|
this.emit('before-connect', message);
|
|
if (message.defaultPrevented) return;
|
|
|
|
this.upgradeChannel(message);
|
|
this.addClient(clientId, message.sourcePort);
|
|
message.respond();
|
|
|
|
this.emit('connected', clientId);
|
|
debug('connected', clientId);
|
|
};
|
|
|
|
/**
|
|
* When a Client attempt to connect we
|
|
* can sometimes upgrade the to a direct
|
|
* MessageChannel 'pipe' to prevent
|
|
* hopping threads.
|
|
*
|
|
* We only do this if both:
|
|
*
|
|
* A. `MessagePort` was supplied with the 'connect' event.
|
|
* B. The Client and Service are not both in `Window` contexts
|
|
* (it's faster to use sync messaging window -> window).
|
|
*
|
|
* @param {Message} message the 'connect' message
|
|
* @private
|
|
*/
|
|
Service.prototype.upgradeChannel = function(message) {
|
|
if (this.inWindow && message.data.originEnv === 'Window') return;
|
|
|
|
var ports = message.event.ports;
|
|
var channel = ports && ports[0];
|
|
|
|
if (channel) {
|
|
message.setSourcePort(channel);
|
|
this.listen(channel);
|
|
channel.start();
|
|
}
|
|
|
|
debug('channel upgraded');
|
|
};
|
|
|
|
/**
|
|
* @fires Service#before-disconnect
|
|
* @fires Service#disconnected
|
|
* @param {Message} message
|
|
* @private
|
|
*/
|
|
Service.prototype.onDisconnect = function(message) {
|
|
var client = this.clients[message.data];
|
|
if (!client) return;
|
|
|
|
// before hook
|
|
this.emit('before-disconnect', message);
|
|
if (message.defaultPrevented) return;
|
|
|
|
this.removeClient(client.id);
|
|
message.respond();
|
|
|
|
this.emit('disconnected', client.id);
|
|
debug('disconnected', client.id);
|
|
};
|
|
|
|
/**
|
|
* @fires Service#before-method
|
|
* @param {Message} message
|
|
* @private
|
|
*/
|
|
Service.prototype.onMethod = function(message) {
|
|
debug('on method', message.data);
|
|
this.emit('before-method', message);
|
|
if (message.defaultPrevented) return;
|
|
|
|
var method = message.data;
|
|
var name = method.name;
|
|
var result;
|
|
|
|
var fn = this.methods[name];
|
|
if (!fn) throw error(4, name);
|
|
try { result = fn.apply(this, method.args); }
|
|
catch (err) { result = err; }
|
|
message.respond(result);
|
|
};
|
|
|
|
/**
|
|
* @fires Service#on
|
|
* @param {Message} message
|
|
* @private
|
|
*/
|
|
Service.prototype.onOn = function(message) {
|
|
debug('on on', message.data);
|
|
this.emit('on', message.data);
|
|
};
|
|
|
|
/**
|
|
* @fires Service#off
|
|
* @param {Message} message
|
|
* @private
|
|
*/
|
|
Service.prototype.onOff = function(message) {
|
|
debug('on off');
|
|
this.emit('off', message.data);
|
|
};
|
|
|
|
Service.prototype.addClient = function(id, port) {
|
|
this.clients[id] = {
|
|
id: id,
|
|
port: port
|
|
};
|
|
};
|
|
|
|
Service.prototype.removeClient = function(id) {
|
|
delete this.clients[id];
|
|
};
|
|
|
|
/**
|
|
* Use a plugin with this Service.
|
|
* @param {Function} fn Plugin function
|
|
* @return {this} for chaining
|
|
* @public
|
|
*/
|
|
Service.prototype.plugin = function(fn) {
|
|
fn(this, { 'uuid': uuid });
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Disconnect a Client from the Service.
|
|
* @param {Object} client
|
|
* @private
|
|
*/
|
|
Service.prototype.disconnect = function(client) {
|
|
this.removeClient(client.id);
|
|
message('disconnect')
|
|
.set({
|
|
recipient: client.id,
|
|
noRespond: true
|
|
})
|
|
.send(client.port);
|
|
};
|
|
|
|
/**
|
|
* Destroy the Service.
|
|
* @public
|
|
*/
|
|
Service.prototype.destroy = function() {
|
|
delete this.clients;
|
|
this.unlisten();
|
|
this.off();
|
|
};
|
|
|
|
var sp = Service.prototype;
|
|
sp['broadcast'] = sp.broadcast;
|
|
sp['destroy'] = sp.destroy;
|
|
sp['method'] = sp.method;
|
|
sp['plugin'] = sp.plugin;
|
|
|
|
/**
|
|
* Creates new `Error` from registery.
|
|
*
|
|
* @param {Number} id Error Id
|
|
* @return {Error}
|
|
* @private
|
|
*/
|
|
function error(id) {
|
|
var args = [].slice.call(arguments, 1);
|
|
return new Error({
|
|
4: 'method "' + args[0] + '" doesn\'t exist'
|
|
}[id]);
|
|
}
|
|
|
|
/**
|
|
* Fires before the default 'connect' logic.
|
|
* This event acts as a hook for plugin authors
|
|
* to override default 'connect' behaviour.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('before-connect', message => {
|
|
* message.preventDefault();
|
|
* // alternative connection logic ...
|
|
* });
|
|
*
|
|
* @event Service#before-connect
|
|
* @param {Message} message - The connect message
|
|
*/
|
|
|
|
/**
|
|
* Signals that a Client has connected.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('connected', clientId => {
|
|
* console.log('client (%s) has connected', clientId);
|
|
* });
|
|
*
|
|
* @event Service#connected
|
|
* @param {String} clientId - The id of the connected Client
|
|
*/
|
|
|
|
/**
|
|
* Fires before the default 'disconnect' logic.
|
|
* This event acts as a hook for plugin authors
|
|
* to override default 'disconnect' behaviour.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('before-disconnect', message => {
|
|
* message.preventDefault();
|
|
* // alternative disconnection logic ...
|
|
* });
|
|
*
|
|
* @event Service#before-disconnect
|
|
* @param {Message} message - The disconnect message
|
|
*/
|
|
|
|
/**
|
|
* Signals that a Client has disconnected.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('disconnected', clientId => {
|
|
* console.log('client (%s) has disconnected', clientId);
|
|
* });
|
|
*
|
|
* @event Service#disconnected
|
|
* @param {String} clientId - The id of the disconnected Client
|
|
*/
|
|
|
|
/**
|
|
* Signals that a Client has begun
|
|
* listening to a broadcast event.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('on', data => {
|
|
* console.log('client (%s) is listening to %s', data.clientId, data.name);
|
|
* });
|
|
*
|
|
* @event Service#on
|
|
* @type {Object}
|
|
* @property {String} name - The broadcast name
|
|
* @property {String} clientId - The id of the Client that started listening
|
|
*/
|
|
|
|
/**
|
|
* Signals that a Client has stopped
|
|
* listening to a broadcast event.
|
|
*
|
|
* @example
|
|
*
|
|
* service.on('off', data => {
|
|
* console.log('client (%s) stopped listening to %s', data.clientId, data.name);
|
|
* });
|
|
*
|
|
* @event Service#off
|
|
* @param {Object} data
|
|
* @param {String} data.name - The broadcast name
|
|
* @param {String} data.clientId - The id of the Client that stopped listening
|
|
*/
|
|
|
|
},{"./message":3,"./utils":6}],6:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
/**
|
|
* Create a UUID string.
|
|
*
|
|
* http://jsperf.com/guid-generation-stackoverflow
|
|
*
|
|
* @return {String}
|
|
*/
|
|
|
|
exports.uuid = function() {
|
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
|
var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
|
|
return v.toString(16);
|
|
});
|
|
};
|
|
|
|
exports.deferred = function() {
|
|
var promise = {};
|
|
promise.promise = new Promise((resolve, reject) => {
|
|
promise.resolve = resolve;
|
|
promise.reject = reject;
|
|
});
|
|
return promise;
|
|
};
|
|
|
|
},{}]},{},[1])(1)
|
|
}); |