README.md

@@ -57,9 +57,9 @@ Share web pages right from the toolbar button. It's an excelent alternative to t
 
 ## Permissions / Privacy
 
-This extension doesn't require any permissions.
+**This add-on needs to:** Access browser tabs.
 
-It only accesses the Title and URL of the current (active) tab of the browser. The only data needed is the URL of your instance(s), and it is stored locally on your browser/computer.
+This permission is required to **access Title and URL** of the current (active) tab of your browser. The only data needed is the URL of your instance(s), and it is stored locally on your browser/computer.
 
 ## Screenshots
 

package.json

@@ -58,7 +58,6 @@
     "ts-jest": "26.4.4",
     "ts-loader": "^9.1.1",
     "typescript": "^4.2.4",
-    "web-ext": "^6.6.0",
     "web-ext-types": "3.2.1",
     "webpack": "5.18.0",
     "webpack-cli": "4.4.0",

public/chrome_manifest.json

@@ -0,0 +1,27 @@
+{
+  "name": "datetime",
+  "version": "1.0",
+  "description": "Build a Datetime Extension!",
+  "permissions": [
+    "declarativeContent"
+  ],
+  "manifest_version": 3,
+  "background": {
+    "service_worker": "background.js"
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "images/logo/date-time-16.png",
+      "32": "images/logo/date-time-32.png",
+      "48": "images/logo/date-time-48.png",
+      "128": "images/logo/date-time-128.png"
+    }
+  },
+  "icons": {
+    "16": "images/logo/date-time-16.png",
+    "32": "images/logo/date-time-32.png",
+    "48": "images/logo/date-time-48.png",
+    "128": "images/logo/date-time-128.png"
+  }
+}

public/edge_manifest.json

@@ -0,0 +1,27 @@
+{
+  "name": "datetime",
+  "version": "1.0",
+  "description": "Build a Datetime Extension!",
+  "permissions": [
+    "declarativeContent"
+  ],
+  "manifest_version": 2,
+  "background": {
+    "content_scripts": "background.js"
+  },
+  "browser_action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "images/logo/date-time-16.png",
+      "32": "images/logo/date-time-32.png",
+      "48": "images/logo/date-time-48.png",
+      "128": "images/logo/date-time-128.png"
+    }
+  },
+  "icons": {
+    "16": "images/logo/date-time-16.png",
+    "32": "images/logo/date-time-32.png",
+    "48": "images/logo/date-time-48.png",
+    "128": "images/logo/date-time-128.png"
+  }
+}

src/lib/options.ts

@@ -5,6 +5,7 @@ const items = generateArray(instance);
 const containerItems = document.getElementById('root');
 containerItems.innerHTML = '';
 
+// TODO custom checkboxes (custom form tailwind)
 items.forEach((value) => {
   const name = value.name;
   const html = `