fix: generate icons on the fly

Author: nobkd

.gitignore

@@ -4,3 +4,5 @@ out/
 coverage/
 .version-update
 .env
+
+public/icons/

build-icons.js

@@ -0,0 +1,21 @@
+import Svg2 from "oslllo-svg2"
+import { join } from 'path'
+import { mkdirSync } from "fs"
+
+const indir = 'icons'
+const outdir = 'public/icons'
+const svgs = ['icon-grey.svg', 'icon.svg']
+const sizes = [48, 96]
+
+mkdirSync(outdir, { recursive: true })
+
+for (let svgfile of svgs) {
+    const instance = Svg2(join(indir, svgfile))
+    const svg = instance.svg
+
+    const pngfile = svgfile.replace(/\.svg$/,'.png')
+    for (const size of sizes) {
+        svg.resize({ width: size, height: size })
+        await instance.png().background('#0000').toFile(join(outdir, `${size}-${pngfile}`))
+    }
+}

bun.lockb

@@ -15,7 +15,7 @@
     "url": "git+https://github.com/nobkd/replace-maps.git"
   },
   "scripts": {
-    "icons": "inkscape -w 48 -h 48 icons/icon.svg -o public/icons/48.png && inkscape -w 48 -h 48 icons/icon-grey.svg -o public/icons/48-grey.png && inkscape -w 96 -h 96 icons/icon.svg -o public/icons/96.png && inkscape -w 96 -h 96 icons/icon-grey.svg -o public/icons/96-grey.png",
+    "postinstall": "bun build-icons.js",
     "format": "prettier . --check",
     "format:fix": "npm run format -- --write",
     "test": "vitest run",
@@ -34,6 +34,7 @@
     "@types/webextension-polyfill": "^0.10.7",
     "@vitest/coverage-v8": "^1.6.0",
     "npm-run-all": "^4.1.5",
+    "oslllo-svg2": "^2.0.2",
     "prettier": "^3.3.2",
     "release-it": "^17.4.0",
     "release-it-changelogen": "^0.1.0",

package.json

@@ -5,8 +5,8 @@
   "version": "0.0.6",
   "homepage_url": "https://github.com/nobkd/replace-maps",
   "icons": {
-    "48": "icons/48.png",
-    "96": "icons/96.png"
+    "48": "icons/48-icon.png",
+    "96": "icons/96-icon.png"
   },
   "browser_specific_settings": {
     "gecko": {
@@ -28,8 +28,8 @@
   "web_accessible_resources": ["map.html"],
   "browser_action": {
     "default_icon": {
-      "48": "icons/48.png",
-      "96": "icons/96.png"
+      "48": "icons/48-icon.png",
+      "96": "icons/96-icon.png"
     },
     "default_area": "navbar",
     "default_title": "Replace Maps"

public/icons/48-grey.png

@@ -11,12 +11,12 @@ export function updateIcon(hostname) {
   browserAction.setIcon({
     path: !disabled
       ? {
-          48: '/icons/48.png',
-          96: '/icons/96.png',
+          48: '/icons/48-icon.png',
+          96: '/icons/96-icon.png',
         }
       : {
-          48: '/icons/48-grey.png',
-          96: '/icons/96-grey.png',
+          48: '/icons/48-icon-grey.png',
+          96: '/icons/96-icon-grey.png',
         },
   })
 }