2018-10-05 19:19:51 +00:00
|
|
|
/* global promisify deepCopy */
|
2018-10-05 19:10:04 +00:00
|
|
|
'use strict';
|
|
|
|
|
|
|
|
const msg = (() => {
|
|
|
|
let isBg = false;
|
|
|
|
if (chrome.extension.getBackgroundPage && chrome.extension.getBackgroundPage() === window) {
|
|
|
|
isBg = true;
|
|
|
|
window._msg = {
|
|
|
|
id: 1,
|
|
|
|
storage: new Map()
|
|
|
|
};
|
|
|
|
}
|
|
|
|
const runtimeSend = promisify(chrome.runtime.sendMessage.bind(chrome.runtime));
|
|
|
|
const tabSend = chrome.tabs && promisify(chrome.tabs.sendMessage.bind(chrome.tabs));
|
|
|
|
const tabQuery = chrome.tabs && promisify(chrome.tabs.query.bind(chrome.tabs));
|
|
|
|
let bg;
|
|
|
|
const preparing = !isBg && chrome.runtime.getBackgroundPage &&
|
|
|
|
promisify(chrome.runtime.getBackgroundPage.bind(chrome.runtime))()
|
|
|
|
.catch(() => null)
|
|
|
|
.then(_bg => {
|
|
|
|
bg = _bg;
|
|
|
|
});
|
|
|
|
bg = isBg ? window : !preparing ? null : undefined;
|
|
|
|
const EXTENSION_URL = chrome.runtime.getURL('');
|
|
|
|
let handler;
|
|
|
|
const from_ = location.href.startsWith(EXTENSION_URL) ? 'extension' : 'content';
|
|
|
|
return {
|
|
|
|
send,
|
|
|
|
sendTab,
|
|
|
|
broadcast,
|
|
|
|
broadcastTab,
|
|
|
|
broadcastExtension: send, // alias of send
|
|
|
|
onMessage,
|
|
|
|
onTabMessage,
|
|
|
|
onExtensionMessage
|
|
|
|
};
|
|
|
|
|
|
|
|
function send(data, target = 'extension') {
|
|
|
|
if (bg === undefined) {
|
|
|
|
return preparing.then(() => send(data, target));
|
|
|
|
}
|
|
|
|
const message = {type: 'direct', data, target, from: from_};
|
|
|
|
if (bg) {
|
|
|
|
exchangeSet(message);
|
|
|
|
}
|
|
|
|
const request = runtimeSend(message).then(unwrapData);
|
|
|
|
if (message.id) {
|
|
|
|
return withCleanup(request, () => bg._msg.storage.delete(message.id));
|
|
|
|
}
|
|
|
|
return request;
|
|
|
|
}
|
|
|
|
|
|
|
|
function sendTab(tabId, data, options, target = 'tab') {
|
|
|
|
return tabSend(tabId, {type: 'direct', data, target, from: from_}, options)
|
|
|
|
.then(unwrapData);
|
|
|
|
}
|
|
|
|
|
|
|
|
function broadcast(data, filter) {
|
|
|
|
return Promise.all([
|
|
|
|
send(data, 'both').catch(console.warn),
|
|
|
|
broadcastTab(data, filter, null, true, 'both')
|
|
|
|
]);
|
|
|
|
}
|
|
|
|
|
|
|
|
function broadcastTab(data, filter, options, ignoreExtension = false, target = 'tab') {
|
|
|
|
return tabQuery()
|
|
|
|
.then(tabs => {
|
|
|
|
const requests = [];
|
|
|
|
for (const tab of tabs) {
|
|
|
|
const isExtension = tab.url.startsWith(EXTENSION_URL);
|
|
|
|
if (
|
|
|
|
!/^(http|ftp|file)/.test(tab.url) &&
|
|
|
|
!tab.url.startsWith('chrome://newtab/') &&
|
|
|
|
!isExtension ||
|
|
|
|
isExtension && ignoreExtension ||
|
|
|
|
!filter(tab.url)
|
|
|
|
) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
const dataObj = typeof data === 'function' ? data(tab) : data;
|
|
|
|
if (!dataObj) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
const message = {type: 'direct', data: dataObj, target, from: from_};
|
|
|
|
if (isExtension) {
|
|
|
|
exchangeSet(message);
|
|
|
|
}
|
|
|
|
let request = tabSend(tab.id, message, options);
|
|
|
|
if (message.id) {
|
|
|
|
request = withCleanup(request, () => bg._msg.storage.delete(message.id));
|
|
|
|
}
|
|
|
|
requests.push(request.catch(console.warn));
|
|
|
|
}
|
|
|
|
return Promise.all(requests);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function onMessage(fn) {
|
|
|
|
initHandler();
|
|
|
|
handler.both.push(fn);
|
|
|
|
}
|
|
|
|
|
|
|
|
function onTabMessage(fn) {
|
|
|
|
initHandler();
|
|
|
|
handler.tab.push(fn);
|
|
|
|
}
|
|
|
|
|
|
|
|
function onExtensionMessage(fn) {
|
|
|
|
initHandler();
|
|
|
|
handler.extension.push(fn);
|
|
|
|
}
|
|
|
|
|
|
|
|
function initHandler() {
|
|
|
|
if (handler) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
handler = {
|
|
|
|
both: [],
|
|
|
|
tab: [],
|
|
|
|
extension: []
|
|
|
|
};
|
|
|
|
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
|
|
|
|
const handlers = message.target === 'tab' ?
|
|
|
|
handler.tab.concat(handler.both) : message.target === 'extension' ?
|
|
|
|
handler.extension.concat(handler.both) :
|
|
|
|
handler.both.concat(handler.extension, handler.tab);
|
|
|
|
if (!handlers.length) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (message.type === 'exchange') {
|
|
|
|
const pending = exchangeGet(message, true);
|
|
|
|
if (pending) {
|
|
|
|
pending.then(response);
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return response();
|
|
|
|
|
|
|
|
function response() {
|
|
|
|
let result;
|
|
|
|
for (const handle of handlers) {
|
|
|
|
const data = handle(message.data, sender);
|
|
|
|
if (data !== undefined && result === undefined) {
|
|
|
|
result = data;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (result === undefined) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
Promise.resolve(result)
|
|
|
|
.then(
|
|
|
|
data => ({error: false, data}),
|
|
|
|
err => ({error: true, data: err.message || String(err)})
|
|
|
|
)
|
|
|
|
.then(function doResponse(responseMessage) {
|
|
|
|
if (message.from === 'extension' && bg === undefined) {
|
|
|
|
return preparing.then(() => doResponse(responseMessage));
|
|
|
|
}
|
|
|
|
if (message.from === 'extension' && bg) {
|
|
|
|
exchangeSet(responseMessage);
|
|
|
|
} else {
|
|
|
|
responseMessage.type = 'direct';
|
|
|
|
}
|
|
|
|
return responseMessage;
|
|
|
|
})
|
|
|
|
.then(sendResponse);
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function exchangeGet(message, keepStorage = false) {
|
|
|
|
if (bg === undefined) {
|
|
|
|
return preparing.then(() => exchangeGet(message, keepStorage));
|
|
|
|
}
|
|
|
|
message.data = bg._msg.storage.get(message.id);
|
2018-10-05 19:19:51 +00:00
|
|
|
if (keepStorage) {
|
|
|
|
message.data = deepCopy(data);
|
|
|
|
} else {
|
2018-10-05 19:10:04 +00:00
|
|
|
bg._msg.storage.delete(message.id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function exchangeSet(message) {
|
|
|
|
const id = bg._msg.id;
|
|
|
|
bg._msg.storage.set(id, message.data);
|
|
|
|
bg._msg.id++;
|
|
|
|
message.type = 'exchange';
|
|
|
|
message.id = id;
|
|
|
|
delete message.data;
|
|
|
|
}
|
|
|
|
|
|
|
|
function withCleanup(p, fn) {
|
|
|
|
return p.then(
|
|
|
|
result => {
|
|
|
|
cleanup();
|
|
|
|
return result;
|
|
|
|
},
|
|
|
|
err => {
|
|
|
|
cleanup();
|
|
|
|
throw err;
|
|
|
|
}
|
|
|
|
);
|
|
|
|
|
|
|
|
function cleanup() {
|
|
|
|
try {
|
|
|
|
fn();
|
|
|
|
} catch (err) {
|
|
|
|
// pass
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// {type, error, data, id}
|
|
|
|
function unwrapData(result) {
|
|
|
|
if (result.type === 'exchange') {
|
|
|
|
const pending = exchangeGet(result);
|
|
|
|
if (pending) {
|
|
|
|
return pending.then(unwrap);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return unwrap();
|
|
|
|
|
|
|
|
function unwrap() {
|
|
|
|
if (result.error) {
|
|
|
|
throw new Error(result.data);
|
|
|
|
}
|
|
|
|
return result.data;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})();
|