Trabajando en un proyecto donde una aplicación necesita conectarse con una extensión de Chrome que necesita migrar del manifiesto v2 a v3.

Detalle: en el manifiesto v2 dentro de background.js, inyectamos el script (que contiene un conjunto de datos) que obtiene el archivo de otro servidor que contiene lógica y algunos componentes de la interfaz de usuario (Vue JS).

No inyectamos el script directamente en el trabajador de servicio en v3 porque no hay acceso a DOM. Entonces movemos todo el código de otro servidor a nuestro proyecto para ejecutarlo directamente. Pero necesitamos una forma de pasar un conjunto de datos que se pasó previamente desde el script en v2

Este es el fragmento de código que necesito cambiar de v2 a v3. Tenga la amabilidad de echar un vistazo en él.

 function injectScript(name, { cachebuster, tabId } = {}) { const scriptSrc = new URL(process.env.ASSETS_URL) scriptSrc.pathname = `${scriptSrc.pathname}${name}.js` scriptSrc.search = `cachebuster=${cachebuster}` script = document.createElement("script") script.type = "text/javascript" script.id = `app_io_robot_${name}` script.setAttribute("defer", "") script.src = scriptSrc.toString() script.dataset.extension_id = chrome.runtime.id script.dataset.extension_name = process.env.EXTENSION_NAME script.dataset.extension_version = runtimeManifest.version script.dataset.app_url = process.env.APP_URL script.dataset.api_url = process.env.API_URL script.dataset.installed_manually = !runtimeManifest.update_url if (tabId) { script.dataset.tab_id = tabId } const ONE_MINUTE = 60 script.onerror = function () { console.error(`Unable to load extension, retry in ${ONE_MINUTE} seconds`) script.remove() setTimeout(() => { console.info("Trying to reload extension") injectScript(name, { cachebuster, tabId }) }, ONE_MINUTE * 1000) } document.getElementsByTagName("head")[0].appendChild(script) }