Merge pull request #52 from foooomio/release

Release v3.1.0

Author: foooomio

.github/workflows/test.yml

@@ -9,10 +9,12 @@ jobs:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v5
         with:
-          node-version: 20
+          node-version: 24
       - run: yarn install --frozen-lockfile
+      - run: yarn tsc
+      - run: yarn format-check
       - run: yarn playwright install --with-deps
       - run: yarn playwright test

.gitignore

@@ -2,6 +2,7 @@
 *.log*
 node_modules/
 
+/src/manifest.json
 /tmp/
 /dist/
 

jsconfig.json

@@ -0,0 +1,2 @@
+[tools]
+node = "24"

mise.toml

@@ -13,10 +13,10 @@
     "format-check": "prettier --check ."
   },
   "devDependencies": {
-    "@playwright/test": "^1.45.1",
-    "@types/chrome": "^0.0.268",
-    "@types/node": "^20.14.9",
-    "prettier": "^3.3.2",
-    "typescript": "^5.5.3"
+    "@playwright/test": "^1.56.0",
+    "@types/chrome": "^0.1.24",
+    "@types/node": "^24.7.2",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.3"
   }
 }

package.json

@@ -13,7 +13,7 @@ chrome.runtime.onInstalled.addListener(() => {
 
 const cache = new Map();
 
-chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
   sendResponse(cache.get(message));
 });
 

src/background.js

@@ -60,10 +60,13 @@ function getComputedBackgroundImages(element, pseudo) {
     style.getPropertyValue('background-image'),
     style.getPropertyValue('content'),
   ];
+  /** @type {Set<string>} */
   const images = new Set();
   for (const value of values) {
     for (const [, url] of value.matchAll(/url\("(.+?)"\)/g)) {
-      images.add(url.replaceAll('\\"', '"'));
+      if (url) {
+        images.add(url.replaceAll('\\"', '"'));
+      }
     }
   }
   return images;
@@ -85,15 +88,22 @@ if (chrome.runtime) {
   let x = 0;
   let y = 0;
 
-  document.addEventListener('contextmenu', (event) => {
-    if (event.target instanceof Element) {
-      root = event.target.ownerDocument;
-    }
-    x = event.clientX;
-    y = event.clientY;
-  });
+  window.addEventListener(
+    'contextmenu',
+    (event) => {
+      if (event.shiftKey) {
+        event.stopPropagation();
+      }
+      if (event.target instanceof Element) {
+        root = event.target.ownerDocument;
+      }
+      x = event.clientX;
+      y = event.clientY;
+    },
+    { capture: true },
+  );
 
-  chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  chrome.runtime.onMessage.addListener((_message, _sender, sendResponse) => {
     sendResponse([...getBackgroundImages(root, x, y)]);
   });
 }

src/content.js

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "__MSG_extName__",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "description": "__MSG_extDescription__",
   "default_locale": "en",
   "permissions": ["contextMenus"],

src/manifest.chrome.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "__MSG_extName__",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "description": "__MSG_extDescription__",
   "default_locale": "en",
   "permissions": ["contextMenus"],