fix button not appearing and add chrome compatibility(?)(not tested)

Author: wendelin-as

content_script.js

@@ -1,3 +1,11 @@
+let engine;
+
+if (window.browser !== undefined) {
+    engine = browser;
+} else {
+    engine = chrome;
+}
+
 function addButton() {
     const sidebar = document.querySelector(".window-sidebar")
     const button = document.createElement('span');
@@ -29,7 +37,7 @@ const mappings = {
 
 function onClick() {
     let trelloApiKey = "afadffe77f745496f80ebb4bf460c615"
-    browser.storage.local.get().then(result => {
+    engine.storage.local.get().then(result => {
         const trelloToken = result.trello
         const togglToken = result.toggl
 
@@ -136,9 +144,11 @@ function onClick() {
         })
     })
 
-    window.addEventListener("pushstate", function () {
-        if (window.location.pathname.startsWith("/c/")) {
-            addButton()
-        }
-    })
+
 }
+
+window.addEventListener("pushstate", function () {
+    if (window.location.pathname.startsWith("/c/")) {
+        addButton()
+    }
+})

options/script.js

@@ -1,19 +1,27 @@
+let engine;
+
+if (window.browser !== undefined) {
+    engine = browser;
+} else {
+    engine = chrome;
+}
+
 const trelloTextField = document.querySelector("#trello_token")
 const togglTextField = document.querySelector("#toggl_token")
 
 trelloTextField.addEventListener("input", onChange)
 togglTextField.addEventListener("input", onChange)
 
 function onChange() {
-    browser.storage.local.set({
+    engine.storage.local.set({
         "trello": trelloTextField.value,
         "toggl": togglTextField.value
     })
     console.log(`set trello token to ${togglTextField.value}`)
     console.log(`set toggl token to ${togglTextField.value}`)
 }
 
-browser.storage.local.get().then(result => {
+engine.storage.local.get().then(result => {
     trelloTextField.value = result["trello"]
     togglTextField.value = result["toggl"]
 })