Service worker test
yflory
7 years ago
parent
b9f5a0f52b
commit
9c5ad795e1
@ -0,0 +1,131 @@
|
||||
// This file provides the API for the channel for talking to and from the sandbox iframe.
|
||||
define([
|
||||
//'/common/sframe-protocol.js',
|
||||
'/common/common-util.js'
|
||||
], function (/*SFrameProtocol,*/ Util) {
|
||||
|
||||
var mkTxid = function () {
|
||||
return Math.random().toString(16).replace('0.', '') + Math.random().toString(16).replace('0.', '');
|
||||
};
|
||||
|
||||
var create = function (onMsg, postMsg, cb, isWorker) {
|
||||
var evReady = Util.mkEvent(true);
|
||||
var handlers = {};
|
||||
var queries = {};
|
||||
|
||||
// list of handlers which are registered from the other side...
|
||||
var insideHandlers = [];
|
||||
var callWhenRegistered = {};
|
||||
|
||||
var chan = {};
|
||||
|
||||
// Send a query. channel.query('Q_SOMETHING', { args: "whatever" }, function (reply) { ... });
|
||||
chan.query = function (q, content, cb) {
|
||||
var txid = mkTxid();
|
||||
var timeout = setTimeout(function () {
|
||||
delete queries[txid];
|
||||
console.log("Timeout making query " + q);
|
||||
}, 30000);
|
||||
queries[txid] = function (data, msg) {
|
||||
clearTimeout(timeout);
|
||||
delete queries[txid];
|
||||
cb(undefined, data.content, msg);
|
||||
};
|
||||
evReady.reg(function () {
|
||||
postMsg(JSON.stringify({
|
||||
txid: txid,
|
||||
content: content,
|
||||
q: q
|
||||
}));
|
||||
});
|
||||
};
|
||||
|
||||
// Fire an event. channel.event('EV_SOMETHING', { args: "whatever" });
|
||||
var event = chan.event = function (e, content) {
|
||||
evReady.reg(function () {
|
||||
postMsg(JSON.stringify({ content: content, q: e }));
|
||||
});
|
||||
};
|
||||
|
||||
// Be notified on query or event. channel.on('EV_SOMETHING', function (args, reply) { ... });
|
||||
// If the type is a query, your handler will be invoked with a reply function that takes
|
||||
// one argument (the content to reply with).
|
||||
chan.on = function (queryType, handler, quiet) {
|
||||
(handlers[queryType] = handlers[queryType] || []).push(function (data, msg) {
|
||||
handler(data.content, function (replyContent) {
|
||||
postMsg(JSON.stringify({
|
||||
txid: data.txid,
|
||||
content: replyContent
|
||||
}));
|
||||
}, msg);
|
||||
});
|
||||
if (!quiet) {
|
||||
event('EV_REGISTER_HANDLER', queryType);
|
||||
}
|
||||
};
|
||||
|
||||
// If a particular handler is registered, call the callback immediately, otherwise it will be called
|
||||
// when that handler is first registered.
|
||||
// channel.whenReg('Q_SOMETHING', function () { ...query Q_SOMETHING?... });
|
||||
chan.whenReg = function (queryType, cb, always) {
|
||||
var reg = always;
|
||||
if (insideHandlers.indexOf(queryType) > -1) {
|
||||
cb();
|
||||
} else {
|
||||
reg = true;
|
||||
}
|
||||
if (reg) {
|
||||
(callWhenRegistered[queryType] = callWhenRegistered[queryType] || []).push(cb);
|
||||
}
|
||||
};
|
||||
|
||||
// Same as whenReg except it will invoke every time there is another registration, not just once.
|
||||
chan.onReg = function (queryType, cb) { chan.whenReg(queryType, cb, true); };
|
||||
|
||||
chan.on('EV_REGISTER_HANDLER', function (content) {
|
||||
if (callWhenRegistered[content]) {
|
||||
callWhenRegistered[content].forEach(function (f) { f(); });
|
||||
delete callWhenRegistered[content];
|
||||
}
|
||||
insideHandlers.push(content);
|
||||
});
|
||||
chan.whenReg('EV_REGISTER_HANDLER', evReady.fire);
|
||||
|
||||
// Make sure both iframes are ready
|
||||
var isReady =false;
|
||||
chan.onReady = function (h) {
|
||||
if (isReady) {
|
||||
return void h();
|
||||
}
|
||||
if (typeof(h) !== "function") { return; }
|
||||
chan.on('EV_RPC_READY', function () { isReady = true; h(); });
|
||||
};
|
||||
chan.ready = function () {
|
||||
chan.whenReg('EV_RPC_READY', function () {
|
||||
chan.event('EV_RPC_READY');
|
||||
});
|
||||
};
|
||||
|
||||
onMsg.reg(function (msg) {
|
||||
var data = JSON.parse(msg.data);
|
||||
if (typeof(data.q) === 'string' && handlers[data.q]) {
|
||||
handlers[data.q].forEach(function (f) {
|
||||
f(data || JSON.parse(msg.data), msg);
|
||||
data = undefined;
|
||||
});
|
||||
} else if (typeof(data.q) === 'undefined' && queries[data.txid]) {
|
||||
queries[data.txid](data, msg);
|
||||
} else {
|
||||
console.log("DROP Unhandled message");
|
||||
console.log(msg.data, isWorker);
|
||||
console.log(msg);
|
||||
}
|
||||
});
|
||||
if (isWorker) {
|
||||
evReady.fire();
|
||||
}
|
||||
cb(chan);
|
||||
};
|
||||
|
||||
return { create: create };
|
||||
});
|
||||
@ -0,0 +1,64 @@
|
||||
var id = Math.floor(Math.random()*100000);
|
||||
|
||||
var postMsg = function (client, data) {
|
||||
client.postMessage(data);
|
||||
};
|
||||
|
||||
var broadcast = function (data, excludes) {
|
||||
// Loop over all available clients
|
||||
clients.matchAll().then(function (clients) {
|
||||
clients.forEach(function (client) {
|
||||
if (excludes.indexOf(client.id) === -1) {
|
||||
postMsg(client, data);
|
||||
}
|
||||
})
|
||||
})
|
||||
};
|
||||
var sendTo = function (data, clientId){
|
||||
clients.matchAll().then(function (clients) {
|
||||
clients.some(function (client) {
|
||||
if (client.id === clientId) {
|
||||
postMsg(client, data)
|
||||
}
|
||||
})
|
||||
})
|
||||
};
|
||||
var getClients = function () {
|
||||
clients.matchAll().then(function (clients) {
|
||||
var cl = clients.map(function (c) {
|
||||
console.log(JSON.stringify(c));
|
||||
return c.id;
|
||||
});
|
||||
console.log(cl);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
self.addEventListener('message', function (e) {
|
||||
console.log(clients);
|
||||
console.log('worker received');
|
||||
console.log(e.data);
|
||||
console.log(e.source);
|
||||
var cId = e.source.id;
|
||||
if (e.data === "INIT") {
|
||||
broadcast(cId + ' has joined!', [cId]);
|
||||
postMsg(e.source, {state: 'READY'});
|
||||
postMsg(e.source, "Welcome to SW " + id + "!");
|
||||
postMsg(e.source, "You are identified as " + cId);
|
||||
} else {
|
||||
console.log(e.data);
|
||||
postMsg(e.source, 'Yo (Re: '+e.data+')');
|
||||
}
|
||||
});
|
||||
self.addEventListener('install', function (e) {
|
||||
console.log(e);
|
||||
console.log('V1 installing…');
|
||||
self.skipWaiting();
|
||||
});
|
||||
|
||||
self.addEventListener('activate', function (e) {
|
||||
console.log(e);
|
||||
console.log('V1 now ready to handle fetches!');
|
||||
});
|
||||
|
||||
@ -0,0 +1 @@
|
||||
worker/
|
||||
Loading…
Reference in New Issue