extension-develop 2.1.3 → 3.0.0-next.6

package/dist/extensions/gecko-based-manager-extension/pages/sakura.css

@@ -1,267 +0,0 @@
-/* Sakura.css v1.5.0
- * ================
- * Minimal css theme.
- * Project: https://github.com/oxalorg/sakura/
- */
-/* Body */
-html {
-  font-size: 62.5%;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-}
-
-body {
-  font-size: 1.8rem;
-  line-height: 1.618;
-  max-width: 38em;
-  margin: auto;
-  color: #4a4a4a;
-  background-color: #f9f9f9;
-  padding: 13px;
-}
-
-@media (max-width: 684px) {
-  body {
-    font-size: 1.53rem;
-  }
-}
-@media (max-width: 382px) {
-  body {
-    font-size: 1.35rem;
-  }
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  line-height: 1.1;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-  font-weight: 700;
-  margin-top: 3rem;
-  margin-bottom: 1.5rem;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  -ms-word-break: break-all;
-  word-break: break-word;
-}
-
-h1 {
-  font-size: 2.35em;
-}
-
-h2 {
-  font-size: 2em;
-}
-
-h3 {
-  font-size: 1.75em;
-}
-
-h4 {
-  font-size: 1.5em;
-}
-
-h5 {
-  font-size: 1.25em;
-}
-
-h6 {
-  font-size: 1em;
-}
-
-p {
-  margin-top: 0px;
-  margin-bottom: 2.5rem;
-}
-
-small,
-sub,
-sup {
-  font-size: 75%;
-}
-
-hr {
-  border-color: #1d7484;
-}
-
-a {
-  text-decoration: none;
-  color: #1d7484;
-}
-a:visited {
-  color: #144f5a;
-}
-a:hover {
-  color: #982c61;
-  border-bottom: 2px solid #4a4a4a;
-}
-
-ul {
-  padding-left: 1.4em;
-  margin-top: 0px;
-  margin-bottom: 2.5rem;
-}
-
-li {
-  margin-bottom: 0.4em;
-}
-
-blockquote {
-  margin-left: 0px;
-  margin-right: 0px;
-  padding-left: 1em;
-  padding-top: 0.8em;
-  padding-bottom: 0.8em;
-  padding-right: 0.8em;
-  border-left: 5px solid #1d7484;
-  margin-bottom: 2.5rem;
-  background-color: #f1f1f1;
-}
-
-blockquote p {
-  margin-bottom: 0;
-}
-
-img,
-video {
-  height: auto;
-  max-width: 100%;
-  margin-top: 0px;
-  margin-bottom: 2.5rem;
-}
-
-/* Pre and Code */
-pre {
-  background-color: #f1f1f1;
-  display: block;
-  padding: 1em;
-  overflow-x: auto;
-  margin-top: 0px;
-  margin-bottom: 2.5rem;
-  font-size: 0.9em;
-}
-
-code,
-kbd,
-samp {
-  font-size: 0.9em;
-  padding: 0 0.5em;
-  background-color: #f1f1f1;
-  white-space: pre-wrap;
-}
-
-pre > code {
-  padding: 0;
-  background-color: transparent;
-  white-space: pre;
-  font-size: 1em;
-}
-
-/* Tables */
-table {
-  text-align: justify;
-  width: 100%;
-  border-collapse: collapse;
-  margin-bottom: 2rem;
-}
-
-td,
-th {
-  padding: 0.5em;
-  border-bottom: 1px solid #f1f1f1;
-}
-
-/* Buttons, forms and input */
-input,
-textarea {
-  border: 1px solid #4a4a4a;
-}
-input:focus,
-textarea:focus {
-  border: 1px solid #1d7484;
-}
-
-textarea {
-  width: 100%;
-}
-
-.button,
-button,
-input[type='submit'],
-input[type='reset'],
-input[type='button'],
-input[type='file']::file-selector-button {
-  display: inline-block;
-  padding: 5px 10px;
-  text-align: center;
-  text-decoration: none;
-  white-space: nowrap;
-  background-color: #1d7484;
-  color: #f9f9f9;
-  border-radius: 1px;
-  border: 1px solid #1d7484;
-  cursor: pointer;
-  box-sizing: border-box;
-}
-.button[disabled],
-button[disabled],
-input[type='submit'][disabled],
-input[type='reset'][disabled],
-input[type='button'][disabled],
-input[type='file']::file-selector-button[disabled] {
-  cursor: default;
-  opacity: 0.5;
-}
-.button:hover,
-button:hover,
-input[type='submit']:hover,
-input[type='reset']:hover,
-input[type='button']:hover,
-input[type='file']::file-selector-button:hover {
-  background-color: #982c61;
-  color: #f9f9f9;
-  outline: 0;
-}
-.button:focus-visible,
-button:focus-visible,
-input[type='submit']:focus-visible,
-input[type='reset']:focus-visible,
-input[type='button']:focus-visible,
-input[type='file']::file-selector-button:focus-visible {
-  outline-style: solid;
-  outline-width: 2px;
-}
-
-textarea,
-select,
-input {
-  color: #4a4a4a;
-  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
-  margin-bottom: 10px;
-  background-color: #f1f1f1;
-  border: 1px solid #f1f1f1;
-  border-radius: 4px;
-  box-shadow: none;
-  box-sizing: border-box;
-}
-textarea:focus,
-select:focus,
-input:focus {
-  border: 1px solid #1d7484;
-  outline: 0;
-}
-
-input[type='checkbox']:focus {
-  outline: 1px dotted #1d7484;
-}
-
-label,
-legend,
-fieldset {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: 600;
-}

package/dist/extensions/gecko-based-manager-extension/pages/welcome.html

@@ -1,46 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <title>Welcome!</title>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="../images/logo.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./sakura.css" media="screen" />
-    <link
-      rel="stylesheet"
-      href="./sakura-dark.css"
-      media="screen and (prefers-color-scheme: dark)"
-    />
-    <style>
-      .center-middle {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        height: 100vh;
-        padding: 0;
-        margin: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="center-middle">
-      <h1 style="font-size: 4.2em">
-        Gecko-based Add-on<br />
-        <a href="#"><span id="extensionName"></span></a><br />
-        ready.
-      </h1>
-      <p id="extensionDescription"></p>
-      <p>
-        <a target="_blank" href="https://github.com/cezaraugusto/extension"
-          >🧩 Extension.js</a
-        >
-        is a development toolkit for building cross-browser extensions with
-        modern web technologies.
-      </p>
-      <button id="learnMore">
-        🧩 Learn more about developing cross-browser extensions
-      </button>
-    </div>
-    <script src="welcome.js"></script>
-  </body>
-</html>

package/dist/extensions/gecko-based-manager-extension/pages/welcome.js

@@ -1,34 +0,0 @@
-async function getUserAddon() {
-  const allAddons = await browser.management.getAll()
-
-  return allAddons.filter((extension) => {
-    return (
-      // Do not include itself
-      extension.id !== browser.runtime.id &&
-      // Reload extension
-      extension.id !== 'reload@extension-js' &&
-      // Show only unpackaged extensions
-      extension.installType === 'development'
-    )
-  })
-}
-
-async function onStartup() {
-  const userExtension = await getUserAddon()
-  const extensionName = document.getElementById('extensionName')
-  const extensionDescription = document.getElementById('extensionDescription')
-
-  extensionName.innerText = userExtension[0].name
-  extensionName.title = `• Name: ${userExtension[0].name}
-• ID: ${userExtension[0].id}
-• Version: ${userExtension[0].version}`
-
-  extensionDescription.innerText = userExtension[0].description
-
-  const learnMore = document.getElementById('learnMore')
-  learnMore.addEventListener('click', () => {
-    browser.tabs.create({url: 'https://extension.js.org/'})
-  })
-}
-
-onStartup().catch(console.error)

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

@@ -1,171 +0,0 @@
-let webSocket = null
-let triedWsFallback = false
-
-export async function connect() {
-  if (webSocket) {
-    // If already connected, do nothing
-    return
-  }
-
-  // Get port from the placeholder that will be replaced during build
-  const port = '__RELOAD_PORT__'
-  let reconnectAttempts = 0
-  const maxReconnectAttempts = 10
-  const baseBackoffMs = 250
-  const maxBackoffMs = 5000
-
-  const connectTo = (url) => {
-    try {
-      webSocket = new WebSocket(url)
-    } catch (err) {
-      webSocket = null
-      return
-    }
-
-    webSocket.onerror = (_event) => {
-      try {
-        webSocket && webSocket.close()
-      } catch {}
-      if (!triedWsFallback) {
-        triedWsFallback = true
-        connectTo(`ws://127.0.0.1:${port}`)
-      }
-    }
-
-    webSocket.onopen = () => {
-      reconnectAttempts = 0
-      console.info(
-        `[Extension.js] Connection opened. Listening on port ${port}...`
-      )
-    }
-
-    let reloadDebounce
-    webSocket.onmessage = async (event) => {
-      let message = null
-      try {
-        message = JSON.parse(event.data)
-      } catch {
-        return
-      }
-
-      if (message.status === 'serverReady') {
-        console.info(
-          `[Extension.js] Server ready. Requesting initial load data...`
-        )
-        try {
-          await requestInitialLoadData()
-        } catch {}
-      }
-
-      if (message.changedFile) {
-        clearTimeout(reloadDebounce)
-        reloadDebounce = setTimeout(async () => {
-          await messageAllExtensions(message.changedFile)
-        }, 200)
-      }
-    }
-
-    webSocket.onclose = () => {
-      console.info('[Extension.js] Connection closed.')
-      webSocket = null
-      if (reconnectAttempts >= maxReconnectAttempts) return
-      reconnectAttempts++
-      const backoff = Math.min(
-        maxBackoffMs,
-        baseBackoffMs * 2 ** reconnectAttempts
-      )
-      setTimeout(() => connectTo(url), backoff)
-    }
-  }
-
-  connectTo(`wss://127.0.0.1:${port}`)
-}
-
-export function disconnect() {
-  if (webSocket) {
-    webSocket.close()
-  }
-}
-
-async function getDevExtensions() {
-  const allExtensions = await browser.management.getAll()
-
-  return allExtensions.filter((extension) => {
-    return (
-      // Do not include itself
-      extension.id !== browser.runtime.id &&
-      // Manager extension
-      extension.name !== 'Add-On Manager' &&
-      // Show only unpackaged extensions
-      extension.installType === 'development'
-    )
-  })
-}
-
-async function messageAllExtensions(changedFile) {
-  // Check if the external extension is ready
-  const isExtensionReady = await checkExtensionReadiness()
-
-  if (isExtensionReady) {
-    const devExtensions = await getDevExtensions()
-    for (const extension of devExtensions) {
-      try {
-        await browser.runtime.sendMessage(extension.id, {changedFile})
-        console.info('[Extension.js] Add-On reloaded and ready.')
-      } catch (error) {
-        console.error(
-          `[Extension.js] Error sending message to ${extension.id}: ${error.message}`
-        )
-      }
-    }
-  } else {
-    console.info('[Extension.js] External extension is not ready.')
-  }
-}
-
-async function requestInitialLoadData() {
-  const devExtensions = await getDevExtensions()
-
-  const responses = await Promise.all(
-    devExtensions.map(async (extension) => {
-      try {
-        const result = await browser.runtime.sendMessage(extension.id, {
-          initialLoadData: true
-        })
-
-        return result
-      } catch (error) {
-        console.error(
-          `Error sending message to ${extension.id}: ${error.message}`
-        )
-        return null
-      }
-    })
-  )
-
-  // We received the info from the use extension.
-  // All good, client is ready. Inform the server.
-  if (webSocket && webSocket.readyState === WebSocket.OPEN) {
-    const message = JSON.stringify({
-      status: 'clientReady',
-      data: responses.find((response) => response !== null)
-    })
-
-    webSocket.send(message)
-  }
-}
-
-async function checkExtensionReadiness() {
-  // Delay for 1 second
-  await delay(1000)
-  // Assume the extension is ready
-  return true
-}
-
-async function delay(ms) {
-  return await new Promise((resolve) => setTimeout(resolve, ms)).catch(
-    (error) => {
-      console.error(`[Extension.js] Error delaying: ${error.message}`)
-    }
-  )
-}

package/dist/inject-chromium-client-loader.js

@@ -1,176 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>inject_chromium_client_loader
-});
-const external_path_namespaceObject = require("path");
-const external_fs_namespaceObject = require("fs");
-const external_loader_utils_namespaceObject = require("loader-utils");
-const external_schema_utils_namespaceObject = require("schema-utils");
-require("os");
-require("crypto");
-require("child_process");
-require("package-manager-detector");
-require("pintor");
-external_path_namespaceObject.join(process.cwd(), 'node_modules/extension-develop/dist/certs');
-const CHROMIUM_BASED_BROWSERS = [
-    'chrome',
-    'edge'
-];
-const GECKO_BASED_BROWSERS = [
-    'firefox'
-];
-[
-    ...CHROMIUM_BASED_BROWSERS,
-    ...GECKO_BASED_BROWSERS
-];
-function filterKeysForThisBrowser(manifest, browser) {
-    const patchedManifest = JSON.parse(JSON.stringify(manifest), function(key, value) {
-        const indexOfColon = key.indexOf(':');
-        if (-1 === indexOfColon) return value;
-        const prefix = key.substring(0, indexOfColon);
-        if (prefix === browser || 'chromium' === prefix && CHROMIUM_BASED_BROWSERS.includes(browser) || 'chromium' === prefix && browser.includes('chromium') || 'gecko' === prefix && browser.includes('gecko')) this[key.substring(indexOfColon + 1)] = value;
-    });
-    return patchedManifest;
-}
-const schema = {
-    type: 'object',
-    properties: {
-        test: {
-            type: 'string'
-        },
-        manifestPath: {
-            type: 'string'
-        }
-    }
-};
-function inject_chromium_client_loader(source) {
-    const options = this.getOptions();
-    const manifestPath = options.manifestPath;
-    const browser = options.browser;
-    const projectPath = external_path_namespaceObject.dirname(manifestPath);
-    const manifest = JSON.parse(external_fs_namespaceObject.readFileSync(manifestPath, 'utf-8'));
-    const patchedManifest = filterKeysForThisBrowser(manifest, browser);
-    (0, external_schema_utils_namespaceObject.validate)(schema, options, {
-        name: 'reload:inject-background-client',
-        baseDataPath: 'options'
-    });
-    const url = (0, external_loader_utils_namespaceObject.urlToRequest)(this.resourcePath);
-    const generalReloadCode = `
-  // Enhanced reload handler with cache-busting
-  ;chrome.runtime.onMessageExternal.addListener(
-    async (request, _sender, sendResponse) => {
-      const managementInfo = await new Promise((resolve) => {
-        chrome.management.getSelf(resolve);
-      });
- 
-      // Ping-pong between the user extension background page(this)
-      // and the middleware socket client (reloadService.ts),
-      // which will then send a message to the server
-      // (startServer.ts) so it can display the extension info.
-      if (request.initialLoadData) {
-        sendResponse({
-          id: chrome.runtime.id,
-          manifest: chrome.runtime.getManifest(),
-          management: managementInfo,
-        })
-        return true
-      }
-  
-      // Enhanced reload logic for critical files
-      if (
-        request.changedFile === 'declarative_net_request' ||
-        request.changedFile === 'manifest.json' ||
-        request.changedFile === 'service_worker' ||
-        request.changedFile === '_locales'
-      ) {
-        // Force immediate reload with cache-busting
-        try {
-          // Clear any cached data
-          if (chrome.storage && chrome.storage.local) {
-            await chrome.storage.local.clear();
-          }
-          
-          // Force reload with timestamp to bypass cache
-          const timestamp = Date.now();
-          console.log('\u{1F504} Forcing extension reload at:', timestamp);
-          
-          sendResponse({reloaded: true, timestamp: timestamp})
-          chrome.runtime.reload()
-        } catch (error) {
-          console.error('\u{274C} Failed to reload extension:', error);
-          sendResponse({error: error.message})
-        }
-      }
-
-      return true
-    }
-  );
-  
-  // Additional cache-busting mechanism
-  ;(function() {
-    const cacheBuster = Date.now();
-    console.log('Background script loaded with cache buster:', cacheBuster);
-    
-    // Force reload if this script is older than 1 second (optimized for faster manifest reloads)
-    const scriptAge = Date.now() - cacheBuster;
-    if (scriptAge > 1000) {
-      console.log('Background script is stale, forcing reload');
-      chrome.runtime.reload();
-    }
-  })();
-  `;
-    let manifestBg = patchedManifest.background;
-    if ('firefox' !== browser) {
-        manifestBg = manifest["chromium:background"] || manifest["chrome:background"] || manifest["edge:background"] || manifestBg;
-        if (manifestBg) {
-            const backgroundScripts = (null == manifestBg ? void 0 : manifestBg.scripts) || (null == manifestBg ? void 0 : manifestBg["chromium:scripts"]) || (null == manifestBg ? void 0 : manifestBg["chrome:scripts"]) || (null == manifestBg ? void 0 : manifestBg["edge:scripts"]);
-            if (backgroundScripts) {
-                if (2 === patchedManifest.manifest_version) for (const bgScript of [
-                    backgroundScripts[0]
-                ]){
-                    const absoluteUrl = external_path_namespaceObject.resolve(projectPath, bgScript);
-                    if (url.includes(absoluteUrl)) return `${generalReloadCode}${source}`;
-                }
-            }
-            const serviceWorker = null == manifestBg ? void 0 : manifestBg.service_worker;
-            if (serviceWorker) {
-                if (3 === patchedManifest.manifest_version) {
-                    const absoluteUrl = external_path_namespaceObject.resolve(projectPath, serviceWorker);
-                    if (url.includes(absoluteUrl)) return `${generalReloadCode}${source}`;
-                }
-            }
-        }
-    }
-    return source;
-}
-exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});