Merge pull request #4 from ryanfiller/master

create firefox-extension, replace all chrome.func with browser.func
2026-01-23 02:25:08 +00:00 · 2025-01-27 10:35:56 -06:00 · 2025-01-27 10:35:56 -06:00 · 62a61aed72
commit 62a61aed72
parent 58c583d461 219f6d48b5
10 changed files with 7877 additions and 0 deletions
--- a/firefox-extension/background.js
+++ b/firefox-extension/background.js
@ -0,0 +1,80 @@
+/**
+ * Returns a handler which will open a new window when activated.
+ */
+function getClickHandler() {
+    return function(info, tab) {
+
+        if ( !info.srcUrl.startsWith('http') ){
+          window.alert("Image source is not a URL.");
+          return;
+        }
+
+        var w = 700;
+        var h = 800;
+        var left = (screen.width/2)-(w/2);
+        var top = (screen.height/2)-(h/2); 
+
+        let s = "";
+        if ( info.linkUrl ){
+          s = info.linkUrl;
+
+          // strip the google images redirect 
+          if ( s.startsWith("https://www.google.com/url?") ){
+              let parts = s.split("?");
+              
+              if ( parts.length == 2 ){
+                
+                let params = parts[1].split("&");
+                
+                for( let i = 0; i < params.length; ++i ){
+                    let kv = params[i].split("=");
+
+                    if ( kv.length == 2 ){
+                      if ( kv[0] == "url" ){
+                        s = decodeURIComponent(kv[1]);
+                      }
+                    }
+                }
+              }
+          }
+
+          s = encodeURIComponent(s);
+
+        } else {
+          s = encodeURIComponent(info.pageUrl);
+        }
+
+
+
+        var q = "i=" + encodeURIComponent(info.srcUrl) + "&s=" + s;
+
+
+        browser.storage.sync.get({
+            server: 'http://localhost:3000'
+        }, function(items){
+            let server = items.server;
+
+            if ( !server.endsWith('/') ){
+              server += '/';
+            }
+
+            var url = server + 'addpin.html#' + q;
+        
+            // Create a new window to the info page.
+            // browser.windows.create({ url: url, width: 520, height: 660 });
+            browser.windows.create({ url: url, width: w, height: h, left: left, top: top, type: 'popup' });
+        });
+
+        
+    };
+  };
+  
+  /**
+   * Create a context menu which will only show up for images.
+   */
+  browser.contextMenus.create({
+    "title" : "add to tinypin",
+    "type" : "normal",
+    "contexts" : ["image"],
+    "onclick" : getClickHandler()
+  });
--- a/firefox-extension/bulma-custom.css
+++ b/firefox-extension/bulma-custom.css
--- a/firefox-extension/icon128-blue.png
+++ b/firefox-extension/icon128-blue.png
--- a/firefox-extension/icon128.png
+++ b/firefox-extension/icon128.png
--- a/firefox-extension/icon16.png
+++ b/firefox-extension/icon16.png
--- a/firefox-extension/icon32.png
+++ b/firefox-extension/icon32.png
--- a/firefox-extension/icon48.png
+++ b/firefox-extension/icon48.png
--- a/firefox-extension/manifest.json
+++ b/firefox-extension/manifest.json
@ -0,0 +1,36 @@
+{
+    "name": "add to tinypin",
+    "version": "1.0.0",
+    "description": "add to tinypin context menu plugin",
+    "manifest_version": 2,
+    "background" : {
+        "scripts": ["background.js"],
+        "persistent": true
+    },
+    "options_ui" : {
+    "page": "options.html",
+    "open_in_tab": false
+    },
+    "permissions" : [
+        "contextMenus",
+        "storage"
+    ],
+    "icons": {
+        "16" : "icon16.png",
+        "32" : "icon32.png",
+        "48" : "icon48.png",
+        "128" : "icon128.png"
+    },
+    "browser_action" :{
+        "default_title": "add to tinypin",
+        "default_icon" :{
+            "16": "icon16.png",
+            "32": "icon32.png"
+        }
+    },
+    "browser_specific_settings": {
+        "gecko": {
+            "id": "@slynn1324"
+        }
+    }
+}
--- a/firefox-extension/options.html
+++ b/firefox-extension/options.html
@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>tinypin options</title>
+        <link rel="stylesheet" href="./bulma-custom.css" />
+    </head>
+    <body>
+
+        <div class="secton">
+
+            <div class="content" style="margin: 10px;">
+
+                
+                <div class="field">
+                    <label class="label">tinypin server url</label>
+                    <div class="control">
+                        <input class="input" id="server" type="text">
+                    </div>
+                </div>
+
+                <button class="button is-success" id="save">Save</button>
+                <span id="status" style="line-height: 2.5em; color: #3273dc;"></span>
+
+            
+
+            </div>
+
+        </div>
+
+        <script src="options.js"></script>
+    </body>
+</html>
--- a/firefox-extension/options.js
+++ b/firefox-extension/options.js
@ -0,0 +1,25 @@
+function restoreOptions(){
+    browser.storage.sync.get({
+        server: 'http://localhost:3000'
+    }, function(items){
+        document.getElementById('server').value = items.server;
+    });
+}
+
+function saveOptions(){
+    let server = document.getElementById('server').value;
+
+    browser.storage.sync.set({
+        server: server
+    }, function(){
+        let status = document.getElementById('status');
+        status.innerText = 'Options saved.';
+        setTimeout(function(){
+            status.innerText = '';
+        }, 1000);
+    });
+}
+
+
+document.addEventListener('DOMContentLoaded', restoreOptions);
+document.getElementById('save').addEventListener('click', saveOptions);