From 96063abc3ad34a756de5317e15827d3e4009439c Mon Sep 17 00:00:00 2001
From: matteo <schuepbach.matteo@gmail.com>
Date: Tue, 13 Jul 2021 23:11:58 +0200
Subject: [PATCH] Initial commit

---
 content_scripts/base-url-switcher.js |  16 ++++++++
 icons/base-url-switcher-96.png       | Bin 0 -> 541 bytes
 manifest.json                        |  24 ++++++++++++
 options/options.css                  |  55 +++++++++++++++++++++++++++
 options/options.html                 |  43 +++++++++++++++++++++
 options/options.js                   |  26 +++++++++++++
 popup/choose_url.css                 |  15 ++++++++
 popup/choose_url.html                |  18 +++++++++
 popup/choose_url.js                  |  31 +++++++++++++++
 9 files changed, 228 insertions(+)
 create mode 100644 content_scripts/base-url-switcher.js
 create mode 100644 icons/base-url-switcher-96.png
 create mode 100644 manifest.json
 create mode 100644 options/options.css
 create mode 100644 options/options.html
 create mode 100644 options/options.js
 create mode 100644 popup/choose_url.css
 create mode 100644 popup/choose_url.html
 create mode 100644 popup/choose_url.js

diff --git a/content_scripts/base-url-switcher.js b/content_scripts/base-url-switcher.js
new file mode 100644
index 0000000..93d748a
--- /dev/null
+++ b/content_scripts/base-url-switcher.js
@@ -0,0 +1,16 @@
+(function () {
+  if (window.hasRun) {
+    return;
+  }
+  window.hasRun = true;
+
+  browser.runtime.onMessage.addListener((message) => {
+    if (message.command === "switch_base_url") {
+      window.location =
+        message.baseUrl +
+        window.location.pathname +
+        window.location.search +
+        window.location.hash;
+    }
+  });
+})();
diff --git a/icons/base-url-switcher-96.png b/icons/base-url-switcher-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..89f5ac51e22e7380d16b8be28ed185e6976aa6f2
GIT binary patch
literal 541
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGoY)RhkE)4%caKYZ?lNlHoFL}B+
zhE&XXd*`&@VFMA@i_EK{{_SwKdXg=n(DGxqfnrd|*NHd2f4lK6PDnZA_*cL9cg{>e
zgFryxuJ_ZY%O^yBSzjR=ubkfamLtK9!I)`=;DMa!CV6i+uMTUqfBjetCfLJ}#$uq{
zAjx<Js&1>CLehGz?ETs<ry0LZvQw=M=_#D_Mfas{iW~2&b$_nj^8OXo6E5^{%Z@+m
zlax|o?=Mp;+4n<La9X##Wa1Bo>tglZE#BSoqKPjU*gfsdkInh_zy7sj>Gq-?=Z7-w
zyan&i+%Nj()>oQ$f<cmdnrPw<hMDQv$8I>Yo{0IgCYeY0fnfLi!ZnIaHboy7_us5#
zIR408Zue`3b4UAUId5l-iulv9vxPmQ(p*HlK>W(d*b6=E4--^{A7y4NxWxI<Nyp=C
z%Z)CM0Bc3F$6BsF9dBQ71qwgno#`}D_>t~OHno!XZ))QWk9|D$v@*D^HCynS&c8Q7
zEOyg29jt88?Y570d(a%o`iw)h+umC1Tj<wd)(N+M7v%l;diK}e1?j(++3Xj;q74d5
wj9?Qypz}KV$u-$S^9r~T;R%Tn28Ltb*^TC$smXO(oeL83boFyt=akR{00P_LM*si-

literal 0
HcmV?d00001

diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..20c1414
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,24 @@
+{
+  "manifest_version": 2,
+  "name": "Base Url Switcher",
+  "version": "1.0",
+
+  "description": "Allows for fast switching between different base urls with the same url parameters.",
+  "icons": {
+    "96": "icons/base-url-switcher-96.png"
+  },
+
+  "options_ui": {
+    "page": "options/options.html",
+    "browser_style": true
+  },
+
+  "permissions": ["activeTab", "storage"],
+
+  "browser_action": {
+    "default_icon": "icons/base-url-switcher-96.png",
+    "default_title": "Base Url Switcher",
+    "default_popup": "popup/choose_url.html",
+    "browser_style": true
+  }
+}
diff --git a/options/options.css b/options/options.css
new file mode 100644
index 0000000..0c2fdfc
--- /dev/null
+++ b/options/options.css
@@ -0,0 +1,55 @@
+body {
+  padding: 20px;
+}
+
+input[type="text"],
+select,
+textarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  resize: vertical;
+}
+
+label {
+  padding: 10px 10px 10px 0;
+  display: inline-block;
+}
+
+input[type="submit"] {
+  background-color: #1e65ff;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  float: right;
+}
+
+input[type="submit"]:hover {
+  background-color: #3071ff;
+}
+
+.col-25 {
+  float: left;
+  width: 25%;
+  margin-top: 6px;
+}
+
+.col-75 {
+  float: left;
+  width: 75%;
+  margin-top: 6px;
+}
+
+.row {
+  margin: 5px;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
diff --git a/options/options.html b/options/options.html
new file mode 100644
index 0000000..6234f86
--- /dev/null
+++ b/options/options.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="options.css" />
+</head>
+
+<body>
+    <form>
+        <div class="row">
+            <div class="col-25">
+                <label for="local">Local</label>
+            </div>
+            <div class="col-75">
+                <input type="text" id="local" placeholder="https://localhost:8080/">
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-25">
+                <label for="test">Test</label>
+            </div>
+            <div class="col-75">
+                <input type="text" id="test" placeholder="https://test.mydomain.com/">
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-25">
+                <label for="prod">Production</label>
+            </div>
+            <div class="col-75">
+                <input type="text" id="prod" placeholder="https://mydomain.com/">
+            </div>
+        </div>
+        <div class="row">
+            <input type="submit" value="Save">
+        </div>
+    </form>
+
+    <script src="options.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/options/options.js b/options/options.js
new file mode 100644
index 0000000..f072ed9
--- /dev/null
+++ b/options/options.js
@@ -0,0 +1,26 @@
+function saveOptions(e) {
+  e.preventDefault();
+  browser.storage.local.set({
+    local: document.querySelector("#local").value,
+    test: document.querySelector("#test").value,
+    prod: document.querySelector("#prod").value,
+  });
+}
+
+function restoreOptions() {
+  function updateUI(restoredSettings) {
+    document.querySelector("#local").value = restoredSettings.local || "";
+    document.querySelector("#test").value = restoredSettings.test || "";
+    document.querySelector("#prod").value = restoredSettings.prod || "";
+  }
+
+  function onError(error) {
+    console.log(`Error: ${error}`);
+  }
+
+  const gettingStoredSettings = browser.storage.local.get();
+  gettingStoredSettings.then(updateUI, onError);
+}
+
+document.addEventListener("DOMContentLoaded", restoreOptions);
+document.querySelector("form").addEventListener("submit", saveOptions);
diff --git a/popup/choose_url.css b/popup/choose_url.css
new file mode 100644
index 0000000..97daefa
--- /dev/null
+++ b/popup/choose_url.css
@@ -0,0 +1,15 @@
+html, body {
+  width: 300px;
+}
+
+.button {
+  width: 100%;
+  padding: 4px;
+  font-size: 1.5em;
+  text-align: center;
+  cursor: pointer;
+}
+
+.button:hover {
+  background-color: #CFF2F2;
+}
\ No newline at end of file
diff --git a/popup/choose_url.html b/popup/choose_url.html
new file mode 100644
index 0000000..03fcfc2
--- /dev/null
+++ b/popup/choose_url.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="choose_url.css" />
+</head>
+
+<body>
+    <div id="popup-content">
+        <div id="local" class="button" data-url="">Local</div>
+        <div id="test" class="button" data-url="">Test</div>
+        <div id="prod" class="button" data-url="">Production</div>
+    </div>
+    <script src="choose_url.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/popup/choose_url.js b/popup/choose_url.js
new file mode 100644
index 0000000..61d961b
--- /dev/null
+++ b/popup/choose_url.js
@@ -0,0 +1,31 @@
+function listenForClicks() {
+  document.addEventListener("click", function (e) {
+    if (!e.target.classList.contains("button")) {
+      return;
+    }
+
+    browser.tabs.query({ active: true, currentWindow: true }).then((tabs) => {
+      browser.tabs.sendMessage(tabs[0].id, {
+        command: "switch_base_url",
+        baseUrl: e.target.getAttribute("data-url"),
+      });
+    });
+  });
+}
+
+function setUrls(settings) {
+  document.querySelector("#local").setAttribute("data-url", settings.local);
+  document.querySelector("#test").setAttribute("data-url", settings.test);
+  document.querySelector("#prod").setAttribute("data-url", settings.prod);
+}
+
+function onError(e) {
+  console.error(e);
+}
+
+const gettingStoredSettings = browser.storage.local.get();
+gettingStoredSettings.then(setUrls, onError);
+
+browser.tabs
+  .executeScript({ file: "/content_scripts/base-url-switcher.js" })
+  .then(listenForClicks);