improved on-boarding workflow

quaintdev · Dec 12, 2021 · 1e0bf31 · 1e0bf31
1 parent 68aff34
commit 1e0bf31
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 /web-ext-artifacts
 uuid
+snippet-box.zip
diff --git a/internal/options.html b/internal/options.html
@@ -6,12 +6,13 @@
     <meta charset="utf-8">
 </head>
 
-<body>
-
-    <form>
-        <label>Snippet Box Instance Url<input type="text" id="instance-url"></label>
-        <button type="submit">Save</button>
-    </form>
+<body style="margin:30px;">
+    <div style="margin:0 auto; display:block;">
+        <form>
+            <label>Snippet Box URL: <input type="text" id="instance-url"></label>
+            <button type="submit">Save</button>
+        </form>
+    </div>
 
     <script src="options.js"></script>
 

diff --git a/internal/options.js b/internal/options.js
@@ -3,6 +3,7 @@ function saveOptions(e) {
     browser.storage.sync.set({
         url: document.querySelector("#instance-url").value
     });
+    browser.sidebarAction.setPanel({ panel: browser.runtime.getURL(document.querySelector("#instance-url").value) });
 }
 
 function restoreOptions() {

diff --git a/manifest.json b/manifest.json
@@ -2,10 +2,11 @@
     "manifest_version": 2,
     "name": "snippet-box",
     "description": "Save snippets from sidebar to your selfhosted snippet-box instance",
-    "version": "0.3",
+    "version": "0.5",
     "browser_specific_settings": {
         "gecko": {
-            "strict_min_version": "54.0a1"
+            "id": "{b5ba7858-f8af-4065-9472-e3370b43efa7}",
+            "strict_min_version": "80.0"
         }
     },
     "sidebar_action": {

diff --git a/sidebar/panel.js b/sidebar/panel.js
@@ -1,8 +1,11 @@
 
 window.addEventListener('load', (event) => {
     browser.storage.sync.get("url").then((item) => {
-        console.log(item)
-        browser.sidebarAction.setPanel({ panel: browser.runtime.getURL(item.url) });
+        if (item.url == "") {
+            browser.sidebarAction.setPanel({ panel: browser.runtime.getURL("/internal/options.html") })
+        } else {
+            browser.sidebarAction.setPanel({ panel: browser.runtime.getURL(item.url) });
+        }
     }, (error) => {
         console.log(error)
     });