the extension as inteneded

2024-12-13 13:16:24 -07:00 · 2024-12-13 13:16:24 -07:00 · f60f5350ef
commit f60f5350ef
parent 2987221c93
6 changed files with 22 additions and 52 deletions
--- a/browser/background.js
+++ b/browser/background.js
@ -0,0 +1,13 @@
+function handle(requestDetails) {
+    let b64 = btoa(requestDetails.url)
+    // let original = atob(b64);
+    // console.log(`Loading: ${requestDetails.url} || ${b64}`);
+
+    return {
+        redirectUrl: `http://localhost:4433/s3/${b64}`
+    }
+}
+
+browser.webRequest.onBeforeRequest.addListener(
+    handle, { urls: ["<all_urls>"] }, ["blocking"]
+);
--- a/browser/main/main.html
+++ b/browser/main/main.html
@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title></title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-    </head>
-    <body>
-        <h1>Now click "load" in the extension window</h1>
-        <div id="anchor" hidden></div>
-    </body>
-</html>
--- a/browser/manifest.json
+++ b/browser/manifest.json
@ -4,8 +4,14 @@
    "version": "0.1",
    "description": "Adds a red border to all webpages matching mozilla.org.",
    "permissions": [
-        "activeTab"
+        "activeTab",
+        "webRequest",
+        "webRequestBlocking",
+        "<all_urls>"
    ],
+    "background": {
+        "scripts": ["background.js"]
+    },
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "Click me!",
--- a/browser/popup/inject.js
+++ b/browser/popup/inject.js
@ -1,13 +0,0 @@
-
-let anchor = document.getElementById('anchor');
-if (anchor) {
-    window.fetch(anchor.innerText)
-    .then(res => res.text())
-    .then((body) => {
-        document.body.textContent = "";
-        document.body.innerHTML = body;
-    })
-
-
-}
-
--- a/browser/popup/popup.html
+++ b/browser/popup/popup.html
@ -5,10 +5,9 @@
  </head>

 <body>
-    <button id="newtab">Open canvas</button>
-    <button id="replacer">Load page</button>
+    <button id="">On</button>
+    <button id="">Off</button>
    <p id="output"></p>
-    <script src="popup.js"></script>
 </body>
 <style>
  html {
--- a/browser/popup/popup.js
+++ b/browser/popup/popup.js
@ -1,21 +0,0 @@
-const output = document.getElementById('output');
-let page_url = "http://127.0.0.1:4433/s3/style.css";
-
-document.getElementById("newtab").addEventListener('click', async function(e) {
-    browser.tabs.create({ url: "/main/main.html" }).then((t) => {
-        if (t.id) {
-            output.innerText += t.id
-        }
-    })
-})
-
-document.getElementById("replacer").addEventListener('click', async function(e) {
-    browser.tabs.executeScript({ code: injection })
-    browser.tabs.executeScript({ file: "inject.js" });
-})
-
-
-const injection = `
-let head = document.getElementById('anchor');
-head.innerText = "${page_url}";
-`