@stacksjs/browser-extension 0.70.149 → 0.70.150

package/README.md

@@ -19,6 +19,16 @@ buddy extension:build --target safari   # → dist-safari/ (browser.* namespace,
 buddy extension:package       # build + zip store-ready archives
 ```
 
+Use `icons` for full-color store/app branding and `actionIcons` for separate,
+usually neutral artwork in the browser toolbar:
+
+```ts
+defineExtension({
+  icons: { 16: 'icons/icon-16.png', 128: 'icons/icon-128.png' },
+  actionIcons: { 16: 'icons/toolbar-16.png', 32: 'icons/toolbar-32.png' },
+})
+```
+
 ## Store publishing
 
 Stacks owns the store-specific upload clients as well as the builds. Chrome

package/dist/manifest.d.ts

@@ -17,7 +17,7 @@ export declare interface GeneratedManifest {
   description: string
   version: string
   minimum_chrome_version?: string
-  action?: { default_title?: string, default_popup?: string }
+  action?: { default_title?: string, default_popup?: string, default_icon?: Record<string, string> }
   options_page?: string
   background?: { service_worker: string, type?: 'module' } | { scripts: string[], type?: 'module' }
   browser_specific_settings?: {

package/dist/manifest.js

@@ -11,8 +11,12 @@ export function generateManifest(config, opts) {
   };
   if (!isFirefox && !isSafari && m.minimumChromeVersion)
     manifest.minimum_chrome_version = m.minimumChromeVersion;
-  if (config.pages?.popup)
-    manifest.action = { default_title: config.name, default_popup: "popup.html" };
+  if (config.pages?.popup || config.actionIcons)
+    manifest.action = {
+      default_title: config.name,
+      ...config.pages?.popup ? { default_popup: "popup.html" } : {},
+      ...config.actionIcons ? { default_icon: Object.fromEntries(Object.entries(config.actionIcons).map(([size, path]) => [String(size), path])) } : {}
+    };
   if (config.pages?.options)
     manifest.options_page = "options.html";
   if (config.background)

package/dist/types.d.ts

@@ -144,6 +144,7 @@ export declare interface ExtensionConfig {
   content?: ContentScript[]
   pages?: ExtensionPages
   icons?: Record<number, string>
+  actionIcons?: Record<number, string>
   public?: string
   assets?: Record<string, string>
   rules?: RuleResource[]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/browser-extension",
   "type": "module",
-  "version": "0.70.149",
+  "version": "0.70.150",
   "description": "Build MV3 browser extensions (Chrome, Firefox, Safari) the Stacks way — manifest, content/background scripts, DNR rules, packaging, Safari container app, all config-driven.",
   "author": "Chris Breuer",
   "contributors": [