Como verificar se o script esta sendo chamado a partir de um (Web|Service) Worker?
Tenho usado UMD a um longo tempo e estou migrando meus projetos para suportar SW ... embora, utilize muitos recursos disponíveis apenas nos objetos window
e document
muitas funcionalidades (utilidades) desejo partilhar no SW (importar) más acabo tendo de "duplicar" estes recursos separando-os em novos arquivos para de fato importar (importScripts()
) pois é o mesmo que faço ao usar Web Workers.
Passei a olhar para isto de uma maneira mais "critica" e me perguntar:
Como identificar em que contexto o código está sendo executado?
Com base neste "contexto" passar a exportar apenas um conjunto de utilidades... por hora o que tenho baseia-se nisto:
;((root, factory) => {
// UMD (Universal Module Definition) [improved]
if ( typeof define === 'function' && define.amd ) {
define(['exports'], factory)
} else if ( typeof exports !== 'undefined' ) {
factory(exports)
} else {
factory(root)
}
})(this, exports => {
let A, B, C
const A = 'a'
const B = 'b'
const C = 'c'
function Plugin(){}
// prototype
Plugin.prototype.functionA = function(param) {}
Plugin.prototype.functionB = function(param) {}
Plugin.prototype.functionC = function(param) {}
exports.CorePlugin = new Plugin()
});
Exportando tudo o que é "exportável" para o objeto window
:
window.CorePlugin
Como poderia algo como isto:
function SWPlugin() {
// um conjunto de ferramentas exclusivas para Service Worker
}
function WWPlugin() {
// exportar um conjunto de ferramentas exclusivas para Web Worker
}
function Plugin() {
// a exportação padrão para `window`
}
// verificar
if ( ISWORKER ) {
exports.CorePlugin = new WWPlugin()
} else if ( ISSERVICE ) {
exports.CorePlugin = new SWPlugin()
} else {
exports.CorePlugin = new Plugin()
}