Add externally_connectable for Chrome (#17)

* Add externally_connectable for Chrome Users on Website

* Formatting

* Remove Optional Permissions from Chrome

* Update

* Streamline Chrome Permissions

* Revert Permissions Change in This Branch

.eslintrc.json

@@ -11,7 +11,9 @@
     "sourceType": "module"
   },
   "rules": {
+    "no-empty": "off",
     "no-extra-semi": "off",
-    "no-undef": "off"
+    "no-undef": "off",
+    "no-unused-vars": "off"
   }
 }

manifest-chrome.json

@@ -4,5 +4,8 @@
     "type": "module"
   },
   "optional_host_permissions": ["*://*.playdrift.com/*"],
+  "externally_connectable": {
+    "matches": ["*://playdrift-extension.cssnr.com/*"]
+  },
   "minimum_chrome_version": "88"
 }

manifest-firefox.json

@@ -7,7 +7,7 @@
   "browser_specific_settings": {
     "gecko": {
       "id": "playdrift@cssnr.com",
-      "strict_min_version": "109.0"
+      "strict_min_version": "112.0"
     }
   }
 }

manifest.json

@@ -3,7 +3,7 @@
   "description": "PlayDrift Web Extension.",
   "homepage_url": "https://github.com/cssnr/playdrift-extension",
   "author": "Shane",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "manifest_version": 3,
   "commands": {
     "_execute_action": {

package.json

@@ -11,18 +11,18 @@
     "build": "npm run build:chrome && npm run build:firefox"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@fortawesome/fontawesome-free": "^6.5.2",
     "@popperjs/core": "^2.11.8",
-    "bootstrap": "^5.3.2",
-    "emoji-mart": "^5.5.2",
-    "emoji-picker-element": "^1.21.2",
+    "bootstrap": "^5.3.3",
+    "emoji-mart": "^5.6.0",
+    "emoji-picker-element": "^1.21.3",
     "jquery": "^3.7.1"
   },
   "devDependencies": {
-    "eslint": "^8.51.0",
+    "eslint": "^8.57.0",
     "gulp": "^4.0.2",
     "json-merger": "^1.1.10",
-    "prettier": "^3.0.3",
-    "web-ext": "^7.8.0"
+    "prettier": "^3.2.5",
+    "web-ext": "^7.11.0"
   }
 }

src/js/service-worker.js

@@ -7,6 +7,7 @@ chrome.runtime.onInstalled.addListener(onInstalled)
 chrome.contextMenus.onClicked.addListener(onClicked)
 chrome.commands.onCommand.addListener(onCommand)
 chrome.runtime.onMessage.addListener(onMessage)
+chrome.runtime.onMessageExternal.addListener(onMessageExternal)
 chrome.tabs.onUpdated.addListener(onUpdate)
 // chrome.alarms.onAlarm.addListener(onAlarm)
 chrome.storage.onChanged.addListener(onChanged)
@@ -187,6 +188,12 @@ async function onMessage(message, sender, sendResponse) {
     // }
 }
 
+async function onMessageExternal(message, sender, sendResponse) {
+    console.debug('onMessageExternal: message, sender:', message, sender)
+    const { profile } = await chrome.storage.sync.get(['profile'])
+    sendResponse(profile)
+}
+
 /**
  * On Changed Callback
  * TODO: This fires on ALL Tabs and not just the ones in optional host permissions