extension-create 4.1.26 → 4.1.28

package/dist/lib/messaging.d.ts

@@ -26,6 +26,7 @@ export interface CardInput {
 }
 export declare const MAX_CARD_ROWS = 3;
 export declare function card(input?: CardInput): string;
+export declare function browserDisplayName(browser: string): string;
 export declare function browserRowValue(browser: string, versionLine?: string): string;
 export declare function isCardKeyClaimed(key: string): boolean;
 export declare function claimCardKey(key: string): boolean;

package/dist/module.cjs

@@ -641,7 +641,7 @@ const NETWORK_TIMEOUT_MS = (()=>{
     return Number.isFinite(raw) && raw > 0 ? raw : 60000;
 })();
 const CODELOAD_BASE = 'https://codeload.github.com/extension-js/examples/zip';
-const DEFAULT_TEMPLATES_REF = 'ed2b5c528f59500f6fd0a6a5aad9f0296aa50803';
+const DEFAULT_TEMPLATES_REF = '893a06ba86125ac721ca2df71e6eec7aba123e38';
 const BUNDLED_TEMPLATES = [
     "javascript"
 ];

package/dist/steps/import-external-template.d.ts

@@ -1,4 +1,4 @@
-export declare const DEFAULT_TEMPLATES_REF = "ed2b5c528f59500f6fd0a6a5aad9f0296aa50803";
+export declare const DEFAULT_TEMPLATES_REF = "893a06ba86125ac721ca2df71e6eec7aba123e38";
 export declare const BUNDLED_TEMPLATES: readonly string[];
 export declare const DEFAULT_TEMPLATE_NAME = "typescript";
 export declare const OFFLINE_FALLBACK_TEMPLATE = "javascript";

package/dist/test-template-javascript/.extension-create.json

@@ -1,6 +1,6 @@
 {
-  "createdWith": "extension-create@4.1.25",
+  "createdWith": "extension-create@4.1.27",
   "template": "typescript",
-  "source": "https://codeload.github.com/extension-js/examples/zip/ed2b5c528f59500f6fd0a6a5aad9f0296aa50803",
-  "ref": "ed2b5c528f59500f6fd0a6a5aad9f0296aa50803"
+  "source": "https://codeload.github.com/extension-js/examples/zip/893a06ba86125ac721ca2df71e6eec7aba123e38",
+  "ref": "893a06ba86125ac721ca2df71e6eec7aba123e38"
 }

package/dist/test-template-javascript/STORE.md

@@ -9,7 +9,7 @@ Packaging your extension is local and free. Submitting the result to a
 store is what [extension.dev](https://docs.extension.dev/publish/overview?utm_source=store-md)
 does, and it sponsors Extension.js.
 
-Last updated: 2026-09-20
+Last updated: 2026-09-23
 
 ## Listing
 

package/dist/test-template-javascript/package.json

@@ -8,7 +8,7 @@
   "devDependencies": {
     "@types/chrome": "^0.0.287",
     "typescript": "7.0.2",
-    "extension": "^4.1.25"
+    "extension": "^4.1.27"
   },
   "scripts": {
     "dev": "extension dev",

package/dist/test-template-javascript/src/background.ts

@@ -2,8 +2,12 @@ console.log(
   '[From the background context] Hello from the background worker/script!'
 )
 
+// Named one by one so the bundler can fold each build down to a single
+// branch. waterfox and librewolf are gecko, and used to fall to chromium.
 const isFirefoxLike =
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'waterfox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'librewolf' ||
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
 
 const isSafariLike =
@@ -31,8 +35,16 @@ function openSidebarTab() {
     return
   }
 
-  chrome.tabs.update(knownTabId, {active: true}, () => {
-    if (chrome.runtime.lastError) openNewTab()
+  chrome.tabs.update(knownTabId, {active: true}, (tab) => {
+    if (chrome.runtime.lastError || !tab) {
+      openNewTab()
+
+      return
+    }
+
+    // Selecting a tab in another window leaves that window behind the one the
+    // user is looking at, so raise it too.
+    chrome.windows?.update(tab.windowId, {focused: true})
   })
 }
 

package/dist/test-template-javascript/src/content/ContentApp.ts

@@ -1,7 +1,11 @@
 import logo from '../images/icon.png'
 
+// Named one by one so the bundler can fold each build down to a single
+// branch. waterfox and librewolf are gecko, and used to fall to chromium.
 const isFirefoxLike =
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'waterfox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'librewolf' ||
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
 
 export default function createContentApp(): HTMLDivElement {

package/package.json

@@ -25,7 +25,7 @@
     "templates"
   ],
   "name": "extension-create",
-  "version": "4.1.26",
+  "version": "4.1.28",
   "description": "The standalone extension creation engine for Extension.js",
   "author": {
     "name": "Cezar Augusto",

package/templates/javascript/README.md

@@ -11,7 +11,7 @@
 
 **What you'll see**: A small UI injected into any web page, isolated in a Shadow DOM so site styles don't bleed through.
 
-**How it works**: A content script mounts a JavaScript UI inside a Shadow DOM and applies scoped styles so the host page can't bleed through.
+**How it works**: The manifest registers a side panel (`chromium:side_panel` / `firefox:sidebar_action`) that loads a JavaScript page bundled from `src/sidebar/`. A content script mounts a JavaScript UI inside a Shadow DOM and applies scoped styles so the host page can't bleed through. On Chromium the in-page pill opens the panel. Firefox only opens a sidebar from a toolbar gesture, so the gecko build renders the pill inert with a hint to use the toolbar icon instead.
 
 Plain JavaScript starter. Useful as a baseline when you want to add framework or tooling support yourself, layer by layer.
 
@@ -35,6 +35,11 @@ src/
 │   ├── scripts.js
 │   └── styles.css
 ├── images/
+│   ├── icon-128.png
+│   ├── icon-16.png
+│   ├── icon-32.png
+│   ├── icon-48.png
+│   ├── icon-64.png
 │   └── icon.png
 ├── sidebar/
 │   ├── index.html

package/templates/javascript/src/background.js

@@ -2,8 +2,12 @@ console.log(
   '[From the background context] Hello from the background worker/script!'
 )
 
+// Named one by one so the bundler can fold each build down to a single
+// branch. waterfox and librewolf are gecko, and used to fall to chromium.
 const isFirefoxLike =
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'waterfox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'librewolf' ||
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
 
 const isSafariLike =
@@ -31,8 +35,16 @@ function openSidebarTab() {
     return
   }
 
-  chrome.tabs.update(knownTabId, {active: true}, () => {
-    if (chrome.runtime.lastError) openNewTab()
+  chrome.tabs.update(knownTabId, {active: true}, (tab) => {
+    if (chrome.runtime.lastError || !tab) {
+      openNewTab()
+
+      return
+    }
+
+    // Selecting a tab in another window leaves that window behind the one the
+    // user is looking at, so raise it too.
+    chrome.windows?.update(tab.windowId, {focused: true})
   })
 }
 

package/templates/javascript/src/content/ContentApp.js

@@ -1,7 +1,11 @@
 import logo from '../images/icon.png'
 
+// Named one by one so the bundler can fold each build down to a single
+// branch. waterfox and librewolf are gecko, and used to fall to chromium.
 const isFirefoxLike =
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'firefox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'waterfox' ||
+  import.meta.env.EXTENSION_PUBLIC_BROWSER === 'librewolf' ||
   import.meta.env.EXTENSION_PUBLIC_BROWSER === 'gecko-based'
 
 export default function createContentApp() {