Rasterize icon

Author: Timothy Johnson

dest/manifest.json

@@ -4,9 +4,11 @@
   "version": "0.1.1",
   "description": "An extension that allows inspection of Svelte component hierarchy and state in the Firefox and Chrome developer tools.",
   "icons": {
-    "24": "svelte-logo.svg",
-    "48": "svelte-logo.svg",
-    "96": "svelte-logo.svg"
+    "16": "icon-16.png",
+    "24": "icon-24.png",
+    "48": "icon-48.png",
+    "96": "icon-96.png",
+    "128": "icon-128.png"
   },
   "permissions": ["tabs", "webRequest", "webRequestBlocking", "<all_urls>"],
   "background": {

dest/svelte-logo.svg

@@ -6,7 +6,8 @@
   "repository": "github:RedHatter/svelte-devtools",
   "scripts": {
     "dev": "http-serve test/public -p 8940 & web-ext run --bc -s dest -u http://127.0.0.1:8940 -u about:debugging && kill $!",
-    "build": "$npm_execpath run build:format && rollup -c",
+    "build": "$npm_execpath run build:format && rollup -c && $npm_execpath run build:icon",
+    "build:icon": "for size in 16 24 48 96 128; do if [ src/svelte-logo.svg -nt dest/icon-$size.png ]; then inkscape src/svelte-logo.svg -z -e dest/icon-$size.png -w $size; fi; done",
     "build:format": "node --experimental-modules ./scripts/format.mjs",
     "package": "$npm_execpath run build && web-ext build -s dest",
     "release": ". ./credentials && web-ext sign -s dest --api-key=$key --api-secret=$secret"