extension-create 4.1.14 → 4.1.16

package/dist/module.cjs

@@ -606,7 +606,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 = 'cb6a25377bd9516a1e55447a2010537019851ab2';
+const DEFAULT_TEMPLATES_REF = 'd951b735ee5fbe904bba0c47d688527300d10e32';
 const BUNDLED_TEMPLATES = [
     "javascript"
 ];

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

@@ -1,4 +1,4 @@
-export declare const DEFAULT_TEMPLATES_REF = "cb6a25377bd9516a1e55447a2010537019851ab2";
+export declare const DEFAULT_TEMPLATES_REF = "d951b735ee5fbe904bba0c47d688527300d10e32";
 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.13",
+  "createdWith": "extension-create@4.1.15",
   "template": "typescript",
-  "source": "https://codeload.github.com/extension-js/examples/zip/cb6a25377bd9516a1e55447a2010537019851ab2",
-  "ref": "cb6a25377bd9516a1e55447a2010537019851ab2"
+  "source": "https://codeload.github.com/extension-js/examples/zip/d951b735ee5fbe904bba0c47d688527300d10e32",
+  "ref": "d951b735ee5fbe904bba0c47d688527300d10e32"
 }

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-06
+Last updated: 2026-09-09
 
 ## Listing
 

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

@@ -6,8 +6,9 @@
   "license": "MIT",
   "type": "module",
   "devDependencies": {
+    "@types/chrome": "^0.0.287",
     "typescript": "7.0.2",
-    "extension": "^4.1.13"
+    "extension": "^4.1.15"
   },
   "scripts": {
     "dev": "extension dev",

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

@@ -24,21 +24,21 @@ if (!isFirefoxLike) {
   chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
-chrome.runtime.onMessage.addListener((message) => {
+chrome.runtime.onMessage.addListener((message, sender) => {
   if (!message || message.type !== 'openSidebar') return
 
+  // Every line here runs synchronously on purpose. sidePanel.open() is only
+  // allowed inside the user gesture that the content-script click carries, and
+  // a tabs.query callback outlives it: the panel then silently refuses to open.
+  // sender.tab is the tab the click came from, so no lookup is needed at all.
   chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 
-  if (!chrome.sidePanel.open) return
+  const tabId = sender.tab?.id
+  if (!chrome.sidePanel.open || tabId === undefined) return
 
-  chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
-    const activeTabId = tabs && tabs[0] && tabs[0].id
-    if (!activeTabId) return
-
-    try {
-      chrome.sidePanel.open({tabId: activeTabId})
-    } catch (error) {
-      console.error(error)
-    }
-  })
+  try {
+    chrome.sidePanel.open({tabId})
+  } catch (error) {
+    console.error(error)
+  }
 })

package/package.json

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

package/templates/javascript/src/background.js

@@ -24,21 +24,21 @@ if (!isFirefoxLike) {
   chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 }
 
-chrome.runtime.onMessage.addListener((message) => {
+chrome.runtime.onMessage.addListener((message, sender) => {
   if (!message || message.type !== 'openSidebar') return
 
+  // Every line here runs synchronously on purpose. sidePanel.open() is only
+  // allowed inside the user gesture that the content-script click carries, and
+  // a tabs.query callback outlives it: the panel then silently refuses to open.
+  // sender.tab is the tab the click came from, so no lookup is needed at all.
   chrome.sidePanel.setPanelBehavior({openPanelOnActionClick: true})
 
-  if (!chrome.sidePanel.open) return
+  const tabId = sender.tab?.id
+  if (!chrome.sidePanel.open || tabId === undefined) return
 
-  chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
-    const activeTabId = tabs?.[0]?.id
-    if (!activeTabId) return
-
-    try {
-      chrome.sidePanel.open({tabId: activeTabId})
-    } catch (error) {
-      console.error(error)
-    }
-  })
+  try {
+    chrome.sidePanel.open({tabId})
+  } catch (error) {
+    console.error(error)
+  }
 })