extension-develop 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/ensure-hmr-for-scripts.js

@@ -1,3 +1,3 @@
-"use strict";var A=Object.create;var g=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var C=(t,n)=>{for(var s in n)g(t,s,{get:n[s],enumerable:!0})},b=(t,n,s,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!_.call(t,r)&&r!==s&&g(t,r,{get:()=>n[r],enumerable:!(e=D(n,r))||e.enumerable});return t};var a=(t,n,s)=>(s=t!=null?A(P(t)):{},b(n||!t||!t.__esModule?g(s,"default",{value:t,enumerable:!0}):s,t)),U=t=>b(g({},"__esModule",{value:!0}),t);var V={};C(V,{default:()=>S});module.exports=U(V);var x=a(require("path")),T=a(require("fs")),k=require("loader-utils"),O=require("schema-utils");var v=a(require("fs")),f=a(require("path")),j=a(require("parse5-utils"));var p=a(require("parse5-utils"));function m(t){try{return new URL(t),!0}catch{return!1}}function h(t,n){let{childNodes:s=[]}=t;for(let e of s)if(e.nodeName==="script"){let r=p.default.getAttribute(e,"src");if(!r||m(r))continue;n({filePath:r,childNode:e,assetType:"script"})}else if(e.nodeName==="link"){let r=p.default.getAttribute(e,"href"),i=p.default.getAttribute(e,"rel");if(!r||m(r))continue;n(i==="dns-prefetch"||i==="icon"||i==="manifest"||i==="modulepreload"||i==="preconnect"||i==="prefetch"||i==="preload"||i==="prerender"?{filePath:r,childNode:e,assetType:"staticHref"}:{filePath:r,childNode:e,assetType:"css"})}else if(e.nodeName==="a"||e.nodeName==="area"){let r=p.default.getAttribute(e,"href");if(!r||m(r))continue;n({filePath:r,childNode:e,assetType:"staticHref"})}else if(e.nodeName==="audio"||e.nodeName==="embed"||e.nodeName==="iframe"||e.nodeName==="img"||e.nodeName==="input"||e.nodeName==="source"||e.nodeName==="track"||e.nodeName==="video"){let r=p.default.getAttribute(e,"src");if(!r||m(r))continue;n({filePath:r,childNode:e,assetType:"staticSrc"})}else h(e,n)}function N(t,n){let s={css:[],js:[],static:[]};if(!t)return s;let e=n||v.default.readFileSync(t,{encoding:"utf8"}),r=j.default.parse(e),i=(o,c)=>f.default.join(f.default.dirname(o),c.startsWith("/")?f.default.relative(f.default.dirname(o),c):c);for(let o of r.childNodes)if(o.nodeName==="html"){for(let c of o.childNodes)(c.nodeName==="head"||c.nodeName==="body")&&h(c,({filePath:u,assetType:y})=>{let d=i(t,u);switch(y){case"script":s.js?.push(d);break;case"css":s.css?.push(d);break;case"staticSrc":case"staticHref":if(u.startsWith("#"))break;s.static?.push(d);break;default:break}});return{css:s.css,js:s.js,static:s.static}}}var w=a(require("path")),$=a(require("fs")),q=require("child_process"),z=require("detect-package-manager");var H=a(require("path")),l=require("@colors/colors/safe");var E=a(require("path")),L=E.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function F(t){let n=w.default.join(t,"package.json");if(!$.default.existsSync(n))return!1;let s=JSON.parse($.default.readFileSync(n,"utf-8")),e=["react","vue","@angular/core","svelte","solid-js","preact"],r=s.dependencies||{},i=s.devDependencies||{};for(let o of e)if(r[o]||i[o])return!0;return!1}var J={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}};function S(t){let n=this.getOptions(),s=n.manifestPath,e=x.default.dirname(s);(0,O.validate)(J,n,{name:"html:ensure-hmr-for-scripts",baseDataPath:"options"});let r=(0,k.urlToRequest)(this.resourcePath),i=`
+"use strict";var A=Object.create;var m=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var C=(t,n)=>{for(var s in n)m(t,s,{get:n[s],enumerable:!0})},b=(t,n,s,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!_.call(t,r)&&r!==s&&m(t,r,{get:()=>n[r],enumerable:!(e=D(n,r))||e.enumerable});return t};var a=(t,n,s)=>(s=t!=null?A(P(t)):{},b(n||!t||!t.__esModule?m(s,"default",{value:t,enumerable:!0}):s,t)),U=t=>b(m({},"__esModule",{value:!0}),t);var V={};C(V,{default:()=>S});module.exports=U(V);var x=a(require("path")),T=a(require("fs")),k=require("loader-utils"),O=require("schema-utils");var v=a(require("fs")),f=a(require("path")),j=a(require("parse5-utils"));var p=a(require("parse5-utils"));function g(t){try{return new URL(t),!0}catch{return!1}}function h(t,n){let{childNodes:s=[]}=t;for(let e of s)if(e.nodeName==="script"){let r=p.default.getAttribute(e,"src");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"script"})}else if(e.nodeName==="link"){let r=p.default.getAttribute(e,"href"),i=p.default.getAttribute(e,"rel");if(!r||g(r))continue;n(i==="dns-prefetch"||i==="icon"||i==="manifest"||i==="modulepreload"||i==="preconnect"||i==="prefetch"||i==="preload"||i==="prerender"?{filePath:r,childNode:e,assetType:"staticHref"}:{filePath:r,childNode:e,assetType:"css"})}else if(e.nodeName==="a"||e.nodeName==="area"){let r=p.default.getAttribute(e,"href");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"staticHref"})}else if(e.nodeName==="audio"||e.nodeName==="embed"||e.nodeName==="iframe"||e.nodeName==="img"||e.nodeName==="input"||e.nodeName==="source"||e.nodeName==="track"||e.nodeName==="video"){let r=p.default.getAttribute(e,"src");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"staticSrc"})}else h(e,n)}function N(t,n){let s={css:[],js:[],static:[]};if(!t)return s;let e=n||v.default.readFileSync(t,{encoding:"utf8"}),r=j.default.parse(e),i=(o,c)=>f.default.join(f.default.dirname(o),c.startsWith("/")?f.default.relative(f.default.dirname(o),c):c);for(let o of r.childNodes)if(o.nodeName==="html"){for(let c of o.childNodes)(c.nodeName==="head"||c.nodeName==="body")&&h(c,({filePath:u,assetType:y})=>{let d=i(t,u);switch(y){case"script":s.js?.push(d);break;case"css":s.css?.push(d);break;case"staticSrc":case"staticHref":if(u.startsWith("#"))break;s.static?.push(d);break;default:break}});return{css:s.css,js:s.js,static:s.static}}}var w=a(require("path")),$=a(require("fs")),q=require("child_process"),z=require("detect-package-manager");var H=a(require("path")),l=require("@colors/colors/safe");var E=a(require("path")),L=E.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function F(t){let n=w.default.join(t,"package.json");if(!$.default.existsSync(n))return!1;let s=JSON.parse($.default.readFileSync(n,"utf-8")),e=["react","vue","@angular/core","svelte","solid-js","preact"],r=s.dependencies||{},i=s.devDependencies||{};for(let o of e)if(r[o]||i[o])return!0;return!1}var J={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}};function S(t){let n=this.getOptions(),s=n.manifestPath,e=x.default.dirname(s);(0,O.validate)(J,n,{name:"html:ensure-hmr-for-scripts",baseDataPath:"options"});let r=(0,k.urlToRequest)(this.resourcePath),i=`
 if (import.meta.webpackHot) { import.meta.webpackHot.accept() };
   `;if(F(e))return t;let o=n.includeList||{};for(let c of Object.entries(o)){let[,u]=c;if(u){if(!T.default.existsSync(u))return;let d=N(u)?.js||[];for(let M of d){let I=x.default.resolve(e,M);if(r.includes(I))return`${i}${t}`}}}return t}

package/dist/extensions/manager-extension/background.js

@@ -30,7 +30,7 @@ chrome.tabs.query({active: true}, async ([initialTab]) => {
 ██████████████████████████    ████████████████████████████
 ██████████████████████████████████████████████████████████
 ██████████████████████████████████████████████████████████
-   Make it very easy to develop cross-browser extensions.
+MIT (c) ${new Date().getFullYear()} - Cezar Augusto and the Extension.js Authors.
 `,
     bgGreen('')
   )

package/dist/extensions/manager-extension/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "Extension.js Developer Tools",
-  "description": "Utility for developers to manage their extensions.",
+  "name": "Extension Manager",
+  "description": "Extension.js developer tools for tabs and reload management.",
   "version": "1.0",
   "manifest_version": 3,
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAolEJq/DBHxY5dBpOqBRWNCl7vRPBvJPlpEzF19fYFVzzaH44AF6+sKjN3jwIKlsgI82F3TIuwoNFiN1yBu5Unf8SVBE4BTO92P02/ACcGYQxicgCLFUGQKlq4uSrwSPaBYl7FHcYl5SERgxnIGCGnaGMdL2vC7waCj2/U/iKoBF9I1lBH9/aKCSjTd3h2UYo7gg6n5nY/ENbzylDt42T3ATmvnVJfYhSNKA9Dv/zryknfnHYYgBKHtz7pDZwWnYdxs78n2VEKwGj7TgbXuIPDpCkrMnU9PTKpHbXFYARA4H9qYORQmYazfIxUZRnKQNSR+GAOGrb8JK+ijeQdwzDAwIDAQAB",

package/dist/extensions/manager-extension/reload-service.js

@@ -7,28 +7,38 @@ export async function connect() {
     return
   }
 
-  webSocket = new WebSocket('ws://localhost:__RELOAD_PORT__')
+  try {
+    // Attempt to connect using wss (secure WebSocket)
+    webSocket = new WebSocket('wss://localhost:__RELOAD_PORT__')
+  } catch (error) {
+    console.warn(
+      'Extension.js ►►► Secure WebSocket (wss) failed, falling back to ws.',
+      error
+    )
+    // If wss fails, fallback to ws (non-secure WebSocket)
+    webSocket = new WebSocket('ws://localhost:__RELOAD_PORT__')
+  }
 
   webSocket.onerror = (event) => {
-    console.error(`[Extension.js] Connection error: ${JSON.stringify(event)}`)
+    console.error(`Extension.js ►►► Connection error: ${JSON.stringify(event)}`)
     webSocket.close()
   }
 
   webSocket.onopen = () => {
-    console.info(`[Extension.js] Connection opened.`)
+    console.info(`Extension.js ►►► Connection opened.`)
   }
 
   webSocket.onmessage = async (event) => {
     const message = JSON.parse(event.data)
 
     if (message.status === 'serverReady') {
-      console.info('[Extension.js] Connection ready.')
+      console.info('Extension.js ►►► Connection ready.')
       await requestInitialLoadData()
     }
 
     if (message.changedFile) {
       console.info(
-        `[Extension.js] Changes detected on ${message.changedFile}. Reloading extension...`
+        `Extension.js ►►► Changes detected on ${message.changedFile}. Reloading extension...`
       )
 
       await messageAllExtensions(message.changedFile)
@@ -36,7 +46,7 @@ export async function connect() {
   }
 
   webSocket.onclose = () => {
-    console.info('[Extension.js] Connection closed.')
+    console.info('Extension.js ►►► Connection closed.')
     webSocket = null
   }
 }
@@ -71,7 +81,7 @@ async function messageAllExtensions(changedFile) {
     const reloadAll = devExtensions.map((extension) => {
       chrome.runtime.sendMessage(extension.id, {changedFile}, (response) => {
         if (response) {
-          console.info('[Extension.js] Extension reloaded and ready.')
+          console.info('Extension.js ►►► Extension reloaded and ready.')
         }
       })
 
@@ -80,7 +90,7 @@ async function messageAllExtensions(changedFile) {
 
     await Promise.all(reloadAll)
   } else {
-    console.info('[Extension.js] External extension is not ready.')
+    console.info('Extension.js ►►► External extension is not ready.')
   }
 }
 
@@ -108,7 +118,7 @@ async function requestInitialLoadData() {
 
   const responses = await Promise.all(messagePromises)
 
-  // We received the info from the use extension.
+  // We received the info from the user extension.
   // All good, client is ready. Inform the server.
   if (webSocket && webSocket.readyState === WebSocket.OPEN) {
     const message = JSON.stringify({
@@ -135,7 +145,7 @@ export function keepAlive() {
   const keepAliveIntervalId = setInterval(() => {
     if (webSocket) {
       webSocket.send(JSON.stringify({status: 'ping'}))
-      console.info('[Extension.js] Listening for changes...')
+      console.info('Extension.js ►►► Listening for changes...')
     } else {
       clearInterval(keepAliveIntervalId)
     }

package/dist/extensions/manager-extension-firefox/background.js

@@ -1,4 +1,4 @@
-import {createFirefoxAddonsTab, handleFirstRun} from './define-initial-tab.js'
+import {handleFirstRun} from './define-initial-tab.js'
 import {connect, disconnect} from './reload-service.js'
 
 function bgGreen(str) {
@@ -31,32 +31,21 @@ async function handleTabOnExtensionLoad() {
 ██████████████████████████    ████████████████████████████
 ██████████████████████████████████████████████████████████
 ██████████████████████████████████████████████████████████
+MIT (c) ${new Date().getFullYear()} - Cezar Augusto and the Extension.js Authors.
 `,
     bgGreen('')
   )
 
   try {
-    const [initialTab] = await browser.tabs.query({
-      active: true,
-      currentWindow: true
-    })
-
-    if (
-      initialTab.url === 'about:blank' ||
-      initialTab.url === 'about:welcome'
-    ) {
-      await handleFirstRun()
-    } else {
-      await createFirefoxAddonsTab(initialTab, 'about:blank')
-    }
+    await handleFirstRun()
   } catch (error) {
     console.error('Error handling tabs on extension load:', error)
   }
 }
 
-handleTabOnExtensionLoad().catch(console.error)
-
 browser.runtime.onInstalled.addListener(async () => {
+  await handleTabOnExtensionLoad()
+
   let isConnected = false
 
   if (isConnected) {

package/dist/extensions/manager-extension-firefox/define-initial-tab.js

@@ -3,19 +3,15 @@ async function getDevExtension() {
 
   return allExtensions.filter((extension) => {
     return (
-      // Do not include itself
-      extension.id !== browser.runtime.id &&
       // Reload extension
-      extension.name !== 'Reload Service' &&
+      extension.name !== 'Extension Manager' &&
       // Show only unpackaged extensions
       extension.installType === 'development'
     )
-  })
+  })[0]
 }
 
 // Create a new tab and set it to background.
-// We want the user-selected page to be active,
-// not about:blank.
 export async function createFirefoxAddonsTab(initialTab, url) {
   try {
     // Check if an about:blank tab is already open
@@ -41,17 +37,26 @@ export async function createFirefoxAddonsTab(initialTab, url) {
 
 // Function to handle first run logic
 export async function handleFirstRun() {
-  // browser.tabs.update({url: 'about://debugging/'})
+  try {
+    const devExtension = await getDevExtension()
+
+    if (!devExtension) {
+      console.warn('No development extensions found')
+      return
+    }
 
-  const devExtension = await getDevExtension()
+    const result = await browser.storage.local.get(devExtension.id)
 
-  browser.storage.local.get(devExtension.id, (result) => {
     if (result[devExtension.id] && result[devExtension.id].didRun) {
       return
     }
 
-    browser.tabs.create({url: './pages/welcome.html'})
+    // Open the welcome page
+    await browser.tabs.create({url: './pages/welcome.html'})
+
     // Ensure the welcome page shows only once per extension installation
-    browser.storage.local.set({[devExtension.id]: {didRun: true}})
-  })
+    await browser.storage.local.set({[devExtension.id]: {didRun: true}})
+  } catch (error) {
+    console.error('Error handling tabs on extension load:', error)
+  }
 }

package/dist/extensions/manager-extension-firefox/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "Extension.js Developer Tools (Firefox)",
-  "description": "Utility for developers to manage their extensions using Firefox.",
+  "name": "Extension Manager",
+  "description": "Extension.js developer tools for tabs and reload management.",
   "version": "1.0",
   "manifest_version": 2,
   "background": {

package/dist/extensions/manager-extension-firefox/reload-service.js

@@ -54,7 +54,7 @@ async function getDevExtensions() {
       // Do not include itself
       extension.id !== browser.runtime.id &&
       // Manager extension
-      extension.name !== 'Add-On Manager' &&
+      extension.name !== 'Extension Manager' &&
       // Show only unpackaged extensions
       extension.installType === 'development'
     )

package/dist/inject-content-css-during-dev.js

@@ -1,10 +1,10 @@
-"use strict";var k=Object.create;var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var _=(e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})},y=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of D(n))!C.call(e,t)&&t!==r&&g(e,t,{get:()=>n[t],enumerable:!(s=O(n,t))||s.enumerable});return e};var a=(e,n,r)=>(r=e!=null?k(R(e)):{},y(n||!e||!e.__esModule?g(r,"default",{value:e,enumerable:!0}):r,e)),A=e=>y(g({},"__esModule",{value:!0}),e);var B={};_(B,{default:()=>I});module.exports=A(B);var x=a(require("path")),T=require("loader-utils"),N=require("schema-utils");var m=a(require("path")),W=a(require("fs")),q=require("child_process"),H=require("detect-package-manager");var P=a(require("path")),i=require("@colors/colors/safe");var v=a(require("path")),L=v.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function b(e){return e.replace(/\\/g,"/")}function h(e,n={}){if(!n)return!1;let r=b(e);return Object.values(n).some(s=>{if(typeof s!="string")return!1;let t=b(s);return r.endsWith(t)})}function E(e,n){let r=m.default.relative(m.default.dirname(e),n);return!r.startsWith(".")&&!r.startsWith("..")&&(r="./"+r),r}var $=a(require("fs")),F=a(require("path"));function w(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>{let d=$.default.existsSync(t)&&!h(t,n),o=F.default.extname(t);return d&&t.includes(o)})}function j(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>$.default.existsSync(t)&&!h(t,n)&&(t.endsWith(".css")||t.endsWith(".scss")||t.endsWith(".sass")||t.endsWith(".less")))}var V={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}},J=`/** 
+"use strict";var k=Object.create;var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var _=(e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})},y=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of D(n))!C.call(e,t)&&t!==r&&g(e,t,{get:()=>n[t],enumerable:!(s=O(n,t))||s.enumerable});return e};var a=(e,n,r)=>(r=e!=null?k(R(e)):{},y(n||!e||!e.__esModule?g(r,"default",{value:e,enumerable:!0}):r,e)),A=e=>y(g({},"__esModule",{value:!0}),e);var B={};_(B,{default:()=>S});module.exports=A(B);var x=a(require("path")),T=require("loader-utils"),N=require("schema-utils");var m=a(require("path")),W=a(require("fs")),q=require("child_process"),H=require("detect-package-manager");var P=a(require("path")),i=require("@colors/colors/safe");var v=a(require("path")),L=v.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function b(e){return e.replace(/\\/g,"/")}function h(e,n={}){if(!n)return!1;let r=b(e);return Object.values(n).some(s=>{if(typeof s!="string")return!1;let t=b(s);return r.endsWith(t)})}function E(e,n){let r=m.default.relative(m.default.dirname(e),n);return!r.startsWith(".")&&!r.startsWith("..")&&(r="./"+r),r}var $=a(require("fs")),F=a(require("path"));function w(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>{let d=$.default.existsSync(t)&&!h(t,n),o=F.default.extname(t);return d&&t.includes(o)})}function j(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>$.default.existsSync(t)&&!h(t,n)&&(t.endsWith(".css")||t.endsWith(".scss")||t.endsWith(".sass")||t.endsWith(".less")))}var V={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}},J=`/** 
  * Welcome to to your content_scripts CSS file during development!
  * To speed up the development process, your styles
  * are being injected directly into the head of the webpage,
  * and will be removed when you build your application, along
  * with this file. If you are seeing this file in a production build,
  * it means that something is wrong with your build configuration.
- */`;function I(e){let n=this.getOptions();(0,N.validate)(V,n,{name:"scripts:inject-content-css-during-dev",baseDataPath:"options"});let r=n.includeList||{},s=[],t=Object.entries(r).filter(([o,l])=>o.startsWith("content")&&l);if(!t.length)return e;for(let o of t){let[l,f]=o,c=[...w(f,n.excludeList||{})],u=j(f,n.excludeList||{});if(u.length&&!c.length){let p=x.default.resolve(__dirname,"minimum-content-file.mjs");c.push(p)}s.push({feature:l,scriptPath:c[0],cssImports:u.map(p=>E(c[0],p))})}let d=(0,T.urlToRequest)(this.resourcePath);return s.forEach(({feature:o,scriptPath:l,cssImports:f})=>{if(d.includes(l)){let c=f.map(u=>{let[,p]=o.split("/"),S=p.split("-")[1],M=x.default.basename(u);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${S}/${M.replace(".","_")}`}" */ '${u}').then(css => console.info('content_script.css loaded', css)).catch(err => console.error(err));`}).join(`
+ */`;function S(e){let n=this.getOptions();(0,N.validate)(V,n,{name:"scripts:inject-content-css-during-dev",baseDataPath:"options"});let r=n.includeList||{},s=[],t=Object.entries(r).filter(([o,l])=>o.startsWith("content")&&l);if(!t.length)return e;for(let o of t){let[l,f]=o,c=[...w(f,n.excludeList||{})],u=j(f,n.excludeList||{});if(u.length&&!c.length){let p=x.default.resolve(__dirname,"minimum-content-file.mjs");c.push(p)}s.push({feature:l,scriptPath:c[0],cssImports:u.map(p=>E(c[0],p))})}let d=(0,T.urlToRequest)(this.resourcePath);return s.forEach(({feature:o,scriptPath:l,cssImports:f})=>{if(d.includes(l)){let c=f.map(u=>{let[,p]=o.split("/"),I=p.split("-")[1],M=x.default.basename(u);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${I}/${M.replace(".","_")}`}" */ '${u}').then(css => console.info('content_script.css loaded', css)).catch(err => console.error(err));`}).join(`
 `);this.emitFile(`${o}.css`,J),e=`${c}
 ${e}`}}),e}