extension-develop 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Cezar Augusto <boss@cezaraugusto.net> (https://cezaraugusto.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/add-dynamic-public-path.js

@@ -0,0 +1,3 @@
+"use strict";var l=Object.create;var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},m=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!k.call(t,r)&&r!==o&&s(t,r,{get:()=>e[r],enumerable:!(i=b(e,r))||i.enumerable});return t};var y=(t,e,o)=>(o=t!=null?l(_(t)):{},m(e||!t||!t.__esModule?s(o,"default",{value:t,enumerable:!0}):o,t)),v=t=>m(s({},"__esModule",{value:!0}),t);var L={};P(L,{default:()=>f});module.exports=v(L);var n=y(require("path")),d=require("loader-utils"),u=require("schema-utils"),x={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function f(t){let e=this.getOptions(),o=e.manifestPath,i=n.default.dirname(o),r=require(o);if((0,u.validate)(x,e,{name:"scripts:add-dynamic-public-path",baseDataPath:"options"}),this._compilation?.options.mode==="production")return t;let c=(0,d.urlToRequest)(this.resourcePath),p=`
+;__webpack_public_path__ = chrome.extension.getURL('/');
+  `;if(r.background){if(r.background.scripts)for(let a of r.background.scripts){let h=n.default.resolve(i,a);if(c.includes(h))return`${p}${t}`}if(r.background.service_worker){let a=n.default.resolve(i,r.background.service_worker);if(c.includes(a))return`${p}${t}`}}return t}

package/dist/add-hmr-accept-code.js

@@ -0,0 +1,3 @@
+"use strict";var b=Object.create;var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)f(t,s,{get:e[s],enumerable:!0})},u=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of S(e))!v.call(t,o)&&o!==s&&f(t,o,{get:()=>e[o],enumerable:!(r=k(e,o))||r.enumerable});return t};var d=(t,e,s)=>(s=t!=null?b(j(t)):{},u(e||!t||!t.__esModule?f(s,"default",{value:t,enumerable:!0}):s,t)),P=t=>u(f({},"__esModule",{value:!0}),t);var x={};y(x,{default:()=>_});module.exports=P(x);var m=d(require("fs")),c=d(require("path")),l=require("loader-utils"),g=require("schema-utils");function $(t){let e=c.default.join(t,"package.json");if(!m.default.existsSync(e))return!1;let s=JSON.parse(m.default.readFileSync(e,"utf-8")),r=["react","vue","@angular/core","svelte","solid-js","preact"],o=s.dependencies||{},a=s.devDependencies||{};for(let n of r)if(o[n]||a[n])return!0;return!1}var w={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function _(t){let e=this.getOptions(),s=e.manifestPath,r=c.default.dirname(s),o=require(s);if((0,g.validate)(w,e,{name:"scripts:add-hmr-accept-code",baseDataPath:"options"}),this._compilation?.options.mode==="production")return t;let a=(0,l.urlToRequest)(this.resourcePath),n=`
+if (import.meta.webpackHot) { import.meta.webpackHot.accept() };
+  `;if(o.background&&o.background.scripts)for(let i of o.background.scripts){let p=c.default.resolve(r,i);if(a.includes(p))return`${n}${t}`}if(o.content_scripts&&!$(r)){for(let i of o.content_scripts)if(i.js)for(let p of i.js){let h=c.default.resolve(r,p);if(a.includes(h))return`${n}${t}`}}if(o.user_scripts)for(let i of o.user_scripts){let p=c.default.resolve(r,i);if(a.includes(p))return`${n}${t}`}return t}

package/dist/add-query-param-to-imported-css.js

@@ -0,0 +1 @@
+"use strict";var l=Object.create;var n=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var _=(t,s)=>{for(var e in s)n(t,e,{get:s[e],enumerable:!0})},p=(t,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of P(s))!j.call(t,o)&&o!==e&&n(t,o,{get:()=>s[o],enumerable:!(r=y(s,o))||r.enumerable});return t};var b=(t,s,e)=>(e=t!=null?l(g(t)):{},p(s||!t||!t.__esModule?n(e,"default",{value:t,enumerable:!0}):e,t)),q=t=>p(n({},"__esModule",{value:!0}),t);var C={};_(C,{default:()=>f});module.exports=q(C);var i=b(require("path")),c=require("loader-utils"),m=require("schema-utils"),x={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function f(t){let s=this.getOptions(),e=s.manifestPath,r=i.default.dirname(e),o=require(e);(0,m.validate)(x,s,{name:"scripts:add-query-param-to-imported-css",baseDataPath:"options"});let h=(0,c.urlToRequest)(this.resourcePath);if(o.content_scripts){for(let a of o.content_scripts)if(a.js)for(let u of a.js){let d=i.default.resolve(r,u);if(h.includes(d))return t=t.replace(/import\s+['"](.+\.(css|less|scss|sass|stylus))['"]/g,"import '$1?is_content_css_import=true'"),t}}return t}

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

@@ -0,0 +1,3 @@
+"use strict";var A=Object.create;var m=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var P=(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=I(n,r))||e.enumerable});return t};var a=(t,n,s)=>(s=t!=null?A(C(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={};P(V,{default:()=>M});module.exports=U(V);var x=a(require("path")),w=a(require("fs")),k=require("loader-utils"),O=require("schema-utils");var v=a(require("fs")),f=a(require("path")),N=a(require("parse5-utils"));var p=a(require("parse5-utils"));function g(t){try{return new URL(t),!0}catch{return!1}}function $(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 $(e,n)}function j(t,n){let s={css:[],js:[],static:[]};if(!t)return s;let e=n||v.default.readFileSync(t,{encoding:"utf8"}),r=N.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")&&$(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 F=a(require("path")),h=a(require("fs")),q=require("child_process"),z=require("detect-package-manager");var L=a(require("path")),l=require("@colors/colors/safe");var E=a(require("path")),H=E.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function T(t){let n=F.default.join(t,"package.json");if(!h.default.existsSync(n))return!1;let s=JSON.parse(h.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 M(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(T(e))return t;let o=n.includeList||{};for(let c of Object.entries(o)){let[,u]=c;if(u){if(!w.default.existsSync(u))return;let d=j(u)?.js||[];for(let S of d){let D=x.default.resolve(e,S);if(r.includes(D))return`${i}${t}`}}}return t}

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

@@ -0,0 +1,57 @@
+import {createExtensionsPageTab, handleFirstRun} from './define-initial-tab.js'
+import {connect, disconnect, keepAlive} from './reload-service.js'
+
+function bgGreen(str) {
+  return `background: #0A0C10; color: #26FFB8; ${str}`
+}
+chrome.tabs.query({active: true}, async ([initialTab]) => {
+  console.log(
+    `%c
+██████████████████████████████████████████████████████████
+██████████████████████████████████████████████████████████
+████████████████████████████    ██████████████████████████
+█████████████████████████        ██████    ███████████████
+███████████████████████     ███   ███         ████████████
+██████████████████████    ██████        ███    ███████████
+███████████████████████     ██████    ██████   ███████████
+████████████████   ██████   ██████████████     ███████████
+█████████████       ████    ████████████      ████████████
+███████████     ██         █████████████   ███████████████
+██████████    ██████    █████████████████    █████████████
+███████████    ████████████████████████████    ███████████
+█████████████    █████████████████    ██████    ██████████
+███████████████   ██████████████        ██      ██████████
+████████████      ████████████    ████       █████████████
+███████████      █████████████   ██████    ███████████████
+███████████   ██████    ██████     ███████████████████████
+███████████    ████       ██████    ██████████████████████
+████████████         ██    ███     ███████████████████████
+███████████████    ██████        █████████████████████████
+██████████████████████████    ████████████████████████████
+██████████████████████████████████████████████████████████
+██████████████████████████████████████████████████████████
+`,
+    bgGreen('')
+  )
+
+  if (
+    initialTab.url === 'chrome://newtab/' ||
+    initialTab.url === 'chrome://welcome/'
+  ) {
+    await handleFirstRun()
+  } else {
+    createExtensionsPageTab(initialTab, 'chrome://extensions/')
+  }
+})
+
+chrome.runtime.onInstalled.addListener(async () => {
+  let isConnected = false
+
+  if (isConnected) {
+    disconnect()
+  } else {
+    await connect()
+    isConnected = true
+    keepAlive()
+  }
+})

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

@@ -0,0 +1,67 @@
+async function getDevExtension() {
+  const allExtensions = await new Promise((resolve) => {
+    chrome.management.getAll(resolve)
+  })
+
+  const devExtensions = allExtensions.filter((extension) => {
+    return (
+      // Do not include itself
+      extension.id !== chrome.runtime.id &&
+      // Reload extension
+      extension.id !== 'igcijhgmihmjbbahdabahfbpffalcfnn' &&
+      // Show only unpackaged extensions
+      extension.installType === 'development'
+    )
+  })
+
+  return devExtensions[0]
+}
+
+// Ideas here are adapted from
+// https://github.com/jeremyben/webpack-chrome-extension-launcher
+// Released under MIT license.
+
+// Create a new tab and set it to background.
+// We want the user-selected page to be active,
+// not chrome://extensions.
+export function createExtensionsPageTab(initialTab, url) {
+  // Check if url tab is open
+  chrome.tabs.query({url: 'chrome://extensions/'}, (tabs) => {
+    const extensionsTabExist = tabs.length > 0
+
+    // Return if url exists
+    if (extensionsTabExist) return
+
+    // Create an inactive tab
+    chrome.tabs.create(
+      {url, active: false},
+      function setBackgroundTab(extensionsTab) {
+        // Get current url tab and move it left.
+        // This action auto-activates the tab
+        chrome.tabs.move(extensionsTab.id, {index: 0}, () => {
+          // Get user-selected initial page tab and activate the right tab
+          setTimeout(() => {
+            chrome.tabs.update(initialTab.id, {active: true})
+          }, 500)
+        })
+      }
+    )
+  })
+}
+
+// Function to handle first run logic
+export async function handleFirstRun() {
+  chrome.tabs.update({url: 'chrome://extensions/'})
+
+  const devExtension = await getDevExtension()
+
+  chrome.storage.local.get(devExtension.id, (result) => {
+    if (result[devExtension.id] && result[devExtension.id].didRun) {
+      return
+    }
+
+    chrome.tabs.create({url: 'pages/welcome.html'})
+    // Ensure the welcome page shows only once per extension installation
+    chrome.storage.local.set({[devExtension.id]: {didRun: true}})
+  })
+}

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

@@ -0,0 +1,17 @@
+{
+  "name": "Extension.js Developer Tools",
+  "description": "Utility for developers to manage their extensions.",
+  "version": "1.0",
+  "manifest_version": 3,
+  "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA02Q4Zwr24MA5XW/tGzqQnK6tUmS2VnhmomJ1oP1mHqaE7DiGzITpmvWnixUl7zJd5LEr5c0LS58tRzBckGOSE7hfEUNCztQc4ywKa1b4L+67VdvG7PZJLMd525cou82ZkAnmEvb/qgR8qAQa74Jpd4ePZV3M0Gm0nvKIajvVTWbN2lq33nE+a5Yry91RkgkVm6EZgJBUJrxZtdoU5kfCV23Uf1+t6XkDqMYy2BrJ+cE9WT3FhV5DtP1kfYkkCzUxO6pd+wVxmhkXjygLI02lc0OR7Xs69QPfNcGJoJBRH3X4srMdwSCO3JONv/yp+2GH/5mvFx07AtenKg8lGauUXwIDAQAB",
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "icons": {
+    "16": "./public/logo.png",
+    "48": "./public/logo.png",
+    "128": "./public/logo.png"
+  },
+  "permissions": ["management", "tabs", "storage"]
+}

package/dist/extensions/manager-extension/pages/sakura-dark.css

@@ -0,0 +1,268 @@
+/* $color-text: #dedce5; */
+/* 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: #c9c9c9;
+  background-color: #222222;
+  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: #ffffff;
+}
+
+a {
+  text-decoration: none;
+  color: #ffffff;
+}
+a:visited {
+  color: #e6e6e6;
+}
+a:hover {
+  color: #c9c9c9;
+  border-bottom: 2px solid #c9c9c9;
+}
+
+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 #ffffff;
+  margin-bottom: 2.5rem;
+  background-color: #4a4a4a;
+}
+
+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: #4a4a4a;
+  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: #4a4a4a;
+  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 #4a4a4a;
+}
+
+/* Buttons, forms and input */
+input,
+textarea {
+  border: 1px solid #c9c9c9;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #ffffff;
+}
+
+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: #ffffff;
+  color: #222222;
+  border-radius: 1px;
+  border: 1px solid #ffffff;
+  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: #c9c9c9;
+  color: #222222;
+  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: #c9c9c9;
+  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+  margin-bottom: 10px;
+  background-color: #4a4a4a;
+  border: 1px solid #4a4a4a;
+  border-radius: 4px;
+  box-shadow: none;
+  box-sizing: border-box;
+}
+textarea:focus,
+select:focus,
+input:focus {
+  border: 1px solid #ffffff;
+  outline: 0;
+}
+
+input[type='checkbox']:focus {
+  outline: 1px dotted #ffffff;
+}
+
+label,
+legend,
+fieldset {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+}