scaffolding for firefox extension

2025-01-12 01:40:55 -07:00 · 2025-01-12 01:40:55 -07:00 · 3eacd6a957
commit 3eacd6a957
parent 746d7bde7e
5 changed files with 120 additions and 0 deletions
--- a/background.js
+++ b/background.js
@ -0,0 +1,46 @@
+browser.contextMenus.create({
+    id: "copy-link-to-clipboard",
+    title: "Copy link to clipboard",
+    contexts: ["link"],
+},
+() => void browser.runtime.lastError,
+);
+
+function submit_url(settings_url,to_submit) {
+    try {
+        const resp = fetch(settings_url,{
+            method: "POST",
+            headers: {
+                "Content-Type":"application/json",
+                "Authorization":settings_auth,
+            },
+            body: JSON.stringify({"url":to_submit})
+        });
+        if (!resp.ok){
+            throw new Error(`Response status: ${resp.status}`);
+        }    
+    } catch (error){
+        console.error(error.message);
+    }
+}
+function onError(error) {
+    console.log(`Error: ${error}`);
+  }
+
+browser.contextMenus.onClicked.addListener((info, tab) => {
+if (info.menuItemId === "copy-link-to-clipboard") {
+    console.log("run extension");
+    const url = escapeHTML(info.linkUrl);
+    console.log(url); // submit this to the listener configured in settings
+    const getting = browser.storage.sync.get("submission_url");
+    getting.then(submit_url(url), onError)
+}
+});
+
+// https://gist.github.com/Rob--W/ec23b9d6db9e56b7e4563f1544e0d546
+function escapeHTML(str) {
+    return String(str)
+        .replace(/&/g, '&amp;')
+        .replace(/"/g, '&quot;').replace(/'/g, '&#39;')
+        .replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
--- a/icons/.keep
+++ b/icons/.keep
@ -0,0 +1 @@
+keep
--- a/manifest.json
+++ b/manifest.json
@ -0,0 +1,35 @@
+{
+    "manifest_version": 2,
+    "name": "Hearsay: recommend links",
+    "description": "A tool for recommending links",
+    "version": "1.0",
+    "homepage_url": "https://git.bivouac.wiki/misc/hearsay",
+
+    "background": {
+        "scripts": [
+            "background.js"
+        ],
+        "persistent": false
+    },
+    "content_scripts":[
+        {
+            "matches": ["<all_urls>"],
+            "js": ["borderify.js"]
+          }
+    ],
+    "options_ui":{
+        "page":"options.html"
+    },
+    "browser_specific_settings":{
+        "gecko":{
+            "id": "hearsay@git.bivouac.wiki"
+        }
+    },
+
+    "permissions": [
+        "activeTab",
+        "contextMenus",
+        "clipboardWrite",
+        "storage"
+    ]
+}
--- a/options.html
+++ b/options.html
@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+  </head>
+
+  <body>
+    <form>
+      <label>Border color <input type="text" id="color" name="color" /></label>
+      <button type="submit">Save</button>
+    </form>
+
+    <script src="options.js"></script>
+  </body>
+</html>
--- a/options.js
+++ b/options.js
@ -0,0 +1,23 @@
+function saveOptions(e) {
+    e.preventDefault();
+    browser.storage.sync.set({
+      color: document.querySelector("#color").value,
+    });
+  }
+  
+  function restoreOptions() {
+    function setCurrentChoice(result) {
+      document.querySelector("#color").value = result.color || "blue";
+    }
+  
+    function onError(error) {
+      console.log(`Error: ${error}`);
+    }
+  
+    let getting = browser.storage.sync.get("color");
+    getting.then(setCurrentChoice, onError);
+  }
+  
+  document.addEventListener("DOMContentLoaded", restoreOptions);
+  document.querySelector("form").addEventListener("submit", saveOptions);
+