ember-inspector 4.10.4 → 4.11.0

package/.github/workflows/build.yml

@@ -202,22 +202,22 @@ jobs:
           mkdir -p dist/npm
           tar xvzf "ember-inspector-$VERSION.tgz" -C dist/npm --strip-components 1
       - name: Upload artifacts (bookmarklet)
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v4
         with:
           name: bookmarklet
           path: dist/bookmarklet
       - name: Upload artifacts (Chrome)
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v4
         with:
           name: chrome
           path: dist/chrome
       - name: Upload artifacts (Firefox)
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v4
         with:
           name: firefox
           path: dist/firefox
       - name: Upload artifacts (npm)
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v4
         with:
           name: npm
           path: dist/npm
@@ -232,12 +232,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Download artifacts (bookmarklet)
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
           name: bookmarklet
           path: bookmarklet
       - name: Upload to S3
-        uses: jakejarvis/s3-sync-action@master
+        uses: jakejarvis/s3-sync-action@v0.5.1
         with:
           args: --acl public-read --cache-control "max-age=86400000,public"
         env:
@@ -260,7 +260,7 @@ jobs:
       - name: Install dependencies (chrome-webstore-upload-cli)
         run: npm install -g chrome-webstore-upload-cli
       - name: Download artifacts (Chrome)
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
           name: chrome
           path: chrome
@@ -297,7 +297,7 @@ jobs:
           # https://github.com/mozilla/web-ext/issues/804
           npm install -g web-ext-submit
       - name: Download artifacts (Firefox)
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
           name: firefox
           path: firefox
@@ -320,7 +320,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v4
       - name: Download artifacts (npm)
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
           name: npm
           path: npm

package/CHANGELOG.md

@@ -8,6 +8,25 @@
 
 
 
+
+## v4.11.0 (2024-02-07)
+
+#### :rocket: Enhancement
+* [#2546](https://github.com/emberjs/ember-inspector/pull/2546) add 🔸 to tracked dependencies that caused the last invalidation ([@patricklx](https://github.com/patricklx))
+* [#2549](https://github.com/emberjs/ember-inspector/pull/2549) improve in element support ([@patricklx](https://github.com/patricklx))
+
+#### :bug: Bug Fix
+* [#2547](https://github.com/emberjs/ember-inspector/pull/2547) fix render tree triggering when already destroyed ([@patricklx](https://github.com/patricklx))
+* [#2533](https://github.com/emberjs/ember-inspector/pull/2533) ensure port is connected ([@patricklx](https://github.com/patricklx))
+* [#2531](https://github.com/emberjs/ember-inspector/pull/2531) fix cannot access array values ([@patricklx](https://github.com/patricklx))
+* [#2527](https://github.com/emberjs/ember-inspector/pull/2527) exclude remotes from serialization ([@patricklx](https://github.com/patricklx))
+
+#### :house: Internal
+* [#2534](https://github.com/emberjs/ember-inspector/pull/2534) fix ci artifact upload & download ([@patricklx](https://github.com/patricklx))
+
+#### Committers: 1
+- Patrick Pircher ([@patricklx](https://github.com/patricklx))
+
 ## v4.10.4 (2023-11-27)
 
 #### :bug: Bug Fix

package/app/services/adapters/web-extension.js

@@ -66,6 +66,11 @@ export default class WebExtension extends BasicAdapter {
     chromePort.onMessage.addListener((...args) => {
       this._messageReceived(...args);
     });
+
+    chromePort.onDisconnect.addListener(() => {
+      this.notifyPropertyChange('_chromePort');
+      this._connect();
+    });
   }
 
   _handleReload() {

package/dist/bookmarklet/panes-3-16-0/assets/{chunk.143.19ad6fbd35ab48abdce5.js → chunk.143.1816c95b481be6c0f8ef.js}

@@ -5,8 +5,8 @@ e.exports=require("@ember/debug")},7219:e=>{"use strict"
 e.exports=require("@ember/object")},5550:e=>{"use strict"
 e.exports=require("@ember/test-helpers")},5521:e=>{"use strict"
 e.exports=require("@glimmer/tracking")},6173:e=>{"use strict"
-e.exports=require("@glimmer/tracking/primitives/cache")},3932:()=>{},6010:(e,r,n)=>{var t,o
-e.exports=(t=_eai_d,o=_eai_r,window.emberAutoImportDynamic=function(e){return 1===arguments.length?o("_eai_dyn_"+e):o("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return o("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},t("ember-cli-page-object",["@ember/test-helpers"],(function(){return n(1457)})),t("ember-cli-page-object/extend",["@ember/test-helpers"],(function(){return n(3342)})),t("ember-cli-page-object/macros",[],(function(){return n(3428)})),t("ember-math-helpers/helpers/abs",["@ember/component/helper"],(function(){return n(9041)})),t("ember-math-helpers/helpers/acos",["@ember/component/helper"],(function(){return n(9748)})),t("ember-math-helpers/helpers/acosh",["@ember/component/helper"],(function(){return n(4838)})),t("ember-math-helpers/helpers/add",["@ember/component/helper"],(function(){return n(6181)})),t("ember-math-helpers/helpers/asin",["@ember/component/helper"],(function(){return n(364)})),t("ember-math-helpers/helpers/asinh",["@ember/component/helper"],(function(){return n(8471)})),t("ember-math-helpers/helpers/atan",["@ember/component/helper"],(function(){return n(25)})),t("ember-math-helpers/helpers/atan2",["@ember/component/helper"],(function(){return n(2512)})),t("ember-math-helpers/helpers/atanh",["@ember/component/helper"],(function(){return n(9101)})),t("ember-math-helpers/helpers/cbrt",["@ember/component/helper"],(function(){return n(1473)})),t("ember-math-helpers/helpers/ceil",["@ember/component/helper"],(function(){return n(627)})),t("ember-math-helpers/helpers/clz32",["@ember/component/helper"],(function(){return n(1025)})),t("ember-math-helpers/helpers/cos",["@ember/component/helper"],(function(){return n(1346)})),t("ember-math-helpers/helpers/cosh",["@ember/component/helper"],(function(){return n(9964)})),t("ember-math-helpers/helpers/div",["@ember/component/helper"],(function(){return n(3014)})),t("ember-math-helpers/helpers/exp",["@ember/component/helper"],(function(){return n(3343)})),t("ember-math-helpers/helpers/expm1",["@ember/component/helper"],(function(){return n(6078)})),t("ember-math-helpers/helpers/floor",["@ember/component/helper"],(function(){return n(2777)})),t("ember-math-helpers/helpers/fround",["@ember/component/helper"],(function(){return n(2923)})),t("ember-math-helpers/helpers/gcd",["@ember/component/helper"],(function(){return n(5179)})),t("ember-math-helpers/helpers/hypot",["@ember/component/helper"],(function(){return n(7132)})),t("ember-math-helpers/helpers/imul",["@ember/component/helper"],(function(){return n(3587)})),t("ember-math-helpers/helpers/lcm",["@ember/component/helper"],(function(){return n(4913)})),t("ember-math-helpers/helpers/log-e",["@ember/component/helper"],(function(){return n(7506)})),t("ember-math-helpers/helpers/log10",["@ember/component/helper"],(function(){return n(1508)})),t("ember-math-helpers/helpers/log1p",["@ember/component/helper"],(function(){return n(5379)})),t("ember-math-helpers/helpers/log2",["@ember/component/helper"],(function(){return n(1467)})),t("ember-math-helpers/helpers/max",["@ember/component/helper"],(function(){return n(1957)})),t("ember-math-helpers/helpers/min",["@ember/component/helper"],(function(){return n(6442)})),t("ember-math-helpers/helpers/mod",["@ember/component/helper"],(function(){return n(1648)})),t("ember-math-helpers/helpers/mult",["@ember/component/helper"],(function(){return n(3645)})),t("ember-math-helpers/helpers/pow",["@ember/component/helper"],(function(){return n(2300)})),t("ember-math-helpers/helpers/random",["@ember/array","@ember/component/helper"],(function(){return n(2642)})),t("ember-math-helpers/helpers/round",["@ember/component/helper"],(function(){return n(3354)})),t("ember-math-helpers/helpers/sign",["@ember/component/helper"],(function(){return n(7181)})),t("ember-math-helpers/helpers/sin",["@ember/component/helper"],(function(){return n(5348)})),t("ember-math-helpers/helpers/sqrt",["@ember/component/helper"],(function(){return n(227)})),t("ember-math-helpers/helpers/sub",["@ember/component/helper"],(function(){return n(3335)})),t("ember-math-helpers/helpers/sum",["@ember/component/helper"],(function(){return n(6316)})),t("ember-math-helpers/helpers/tan",["@ember/component/helper"],(function(){return n(9943)})),t("ember-math-helpers/helpers/tanh",["@ember/component/helper"],(function(){return n(5539)})),t("ember-math-helpers/helpers/trunc",["@ember/component/helper"],(function(){return n(8879)})),t("qunit",[],(function(){return n(3211)})),t("sinon",[],(function(){return n(8739)})),void t("tracked-toolbox",["@ember/debug","@ember/object","@glimmer/tracking","@glimmer/tracking/primitives/cache"],(function(){return n(1475)})))},2807:function(e,r){window._eai_r=require,window._eai_d=define}},n={}
+e.exports=require("@glimmer/tracking/primitives/cache")},3932:()=>{},2792:(e,r,n)=>{var t,o
+e.exports=(t=_eai_d,o=_eai_r,window.emberAutoImportDynamic=function(e){return 1===arguments.length?o("_eai_dyn_"+e):o("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return o("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))},t("ember-cli-page-object",["@ember/test-helpers"],(function(){return n(1457)})),t("ember-cli-page-object/extend",["@ember/test-helpers"],(function(){return n(3342)})),t("ember-cli-page-object/macros",[],(function(){return n(3428)})),t("ember-math-helpers/helpers/abs",["@ember/component/helper"],(function(){return n(9041)})),t("ember-math-helpers/helpers/acos",["@ember/component/helper"],(function(){return n(9748)})),t("ember-math-helpers/helpers/acosh",["@ember/component/helper"],(function(){return n(4838)})),t("ember-math-helpers/helpers/add",["@ember/component/helper"],(function(){return n(6181)})),t("ember-math-helpers/helpers/asin",["@ember/component/helper"],(function(){return n(364)})),t("ember-math-helpers/helpers/asinh",["@ember/component/helper"],(function(){return n(8471)})),t("ember-math-helpers/helpers/atan",["@ember/component/helper"],(function(){return n(25)})),t("ember-math-helpers/helpers/atan2",["@ember/component/helper"],(function(){return n(2512)})),t("ember-math-helpers/helpers/atanh",["@ember/component/helper"],(function(){return n(9101)})),t("ember-math-helpers/helpers/cbrt",["@ember/component/helper"],(function(){return n(1473)})),t("ember-math-helpers/helpers/ceil",["@ember/component/helper"],(function(){return n(627)})),t("ember-math-helpers/helpers/clz32",["@ember/component/helper"],(function(){return n(1025)})),t("ember-math-helpers/helpers/cos",["@ember/component/helper"],(function(){return n(1346)})),t("ember-math-helpers/helpers/cosh",["@ember/component/helper"],(function(){return n(9964)})),t("ember-math-helpers/helpers/div",["@ember/component/helper"],(function(){return n(3014)})),t("ember-math-helpers/helpers/exp",["@ember/component/helper"],(function(){return n(3343)})),t("ember-math-helpers/helpers/expm1",["@ember/component/helper"],(function(){return n(6078)})),t("ember-math-helpers/helpers/floor",["@ember/component/helper"],(function(){return n(2777)})),t("ember-math-helpers/helpers/fround",["@ember/component/helper"],(function(){return n(2923)})),t("ember-math-helpers/helpers/gcd",["@ember/component/helper"],(function(){return n(5179)})),t("ember-math-helpers/helpers/hypot",["@ember/component/helper"],(function(){return n(7132)})),t("ember-math-helpers/helpers/imul",["@ember/component/helper"],(function(){return n(3587)})),t("ember-math-helpers/helpers/lcm",["@ember/component/helper"],(function(){return n(4913)})),t("ember-math-helpers/helpers/log-e",["@ember/component/helper"],(function(){return n(7506)})),t("ember-math-helpers/helpers/log10",["@ember/component/helper"],(function(){return n(1508)})),t("ember-math-helpers/helpers/log1p",["@ember/component/helper"],(function(){return n(5379)})),t("ember-math-helpers/helpers/log2",["@ember/component/helper"],(function(){return n(1467)})),t("ember-math-helpers/helpers/max",["@ember/component/helper"],(function(){return n(1957)})),t("ember-math-helpers/helpers/min",["@ember/component/helper"],(function(){return n(6442)})),t("ember-math-helpers/helpers/mod",["@ember/component/helper"],(function(){return n(1648)})),t("ember-math-helpers/helpers/mult",["@ember/component/helper"],(function(){return n(3645)})),t("ember-math-helpers/helpers/pow",["@ember/component/helper"],(function(){return n(2300)})),t("ember-math-helpers/helpers/random",["@ember/array","@ember/component/helper"],(function(){return n(2642)})),t("ember-math-helpers/helpers/round",["@ember/component/helper"],(function(){return n(3354)})),t("ember-math-helpers/helpers/sign",["@ember/component/helper"],(function(){return n(7181)})),t("ember-math-helpers/helpers/sin",["@ember/component/helper"],(function(){return n(5348)})),t("ember-math-helpers/helpers/sqrt",["@ember/component/helper"],(function(){return n(227)})),t("ember-math-helpers/helpers/sub",["@ember/component/helper"],(function(){return n(3335)})),t("ember-math-helpers/helpers/sum",["@ember/component/helper"],(function(){return n(6316)})),t("ember-math-helpers/helpers/tan",["@ember/component/helper"],(function(){return n(9943)})),t("ember-math-helpers/helpers/tanh",["@ember/component/helper"],(function(){return n(5539)})),t("ember-math-helpers/helpers/trunc",["@ember/component/helper"],(function(){return n(8879)})),t("qunit",[],(function(){return n(3211)})),t("sinon",[],(function(){return n(8739)})),void t("tracked-toolbox",["@ember/debug","@ember/object","@glimmer/tracking","@glimmer/tracking/primitives/cache"],(function(){return n(1475)})))},593:function(e,r){window._eai_r=require,window._eai_d=define}},n={}
 function t(e){var o=n[e]
 if(void 0!==o)return o.exports
 var m=n[e]={id:e,loaded:!1,exports:{}}
@@ -23,6 +23,6 @@ var r=(r,n)=>{var o,m,[p,h,l]=n,u=0
 if(p.some((r=>0!==e[r]))){for(o in h)t.o(h,o)&&(t.m[o]=h[o])
 if(l)var c=l(t)}for(r&&r(n);u<p.length;u++)m=p[u],t.o(e,m)&&e[m]&&e[m][0](),e[m]=0
 return t.O(c)},n=globalThis.webpackChunk_ember_auto_import_=globalThis.webpackChunk_ember_auto_import_||[]
-n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.O(void 0,[359],(()=>t(2807)))
-var o=t.O(void 0,[359],(()=>t(6010)))
+n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.O(void 0,[359],(()=>t(593)))
+var o=t.O(void 0,[359],(()=>t(2792)))
 o=t.O(o),__ember_auto_import__=o})()

package/dist/{firefox/panes-3-16-0/assets/chunk.178.80c8fe8e9f921589de61.js → bookmarklet/panes-3-16-0/assets/chunk.178.0ffaf1f84f8bdf2ef148.js}

@@ -1,9 +1,9 @@
-var __ember_auto_import__;(()=>{var r={2807:function(r,e){window._eai_r=require,window._eai_d=define},642:r=>{r.exports=function(){_eai_d
+var __ember_auto_import__;(()=>{var r={593:function(r,e){window._eai_r=require,window._eai_d=define},5119:r=>{r.exports=function(){_eai_d
 var r=_eai_r
 window.emberAutoImportDynamic=function(e){return 1===arguments.length?r("_eai_dyn_"+e):r("_eai_dynt_"+e)(Array.prototype.slice.call(arguments,1))},window.emberAutoImportSync=function(e){return r("_eai_sync_"+e)(Array.prototype.slice.call(arguments,1))}}()}},e={}
 function t(_){var o=e[_]
 if(void 0!==o)return o.exports
 var i=e[_]={exports:{}}
-return r[_].call(i.exports,i,i.exports,t),i.exports}t(2807)
-var _=t(642)
+return r[_].call(i.exports,i,i.exports,t),i.exports}t(593)
+var _=t(5119)
 __ember_auto_import__=_})()

package/dist/bookmarklet/panes-3-16-0/assets/ember-inspector.js

@@ -5,7 +5,7 @@ if(void 0!==r){var i=r.call(e,t||"default")
 if("object"!=typeof i)return i
 throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string")
 return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
-class l extends t.default{constructor(){super(...arguments),o(this,"modulePrefix",n.default.modulePrefix),o(this,"podModulePrefix",n.default.podModulePrefix),o(this,"Resolver",r.default)}}e.default=l,n.default.VERSION="4.10.4",(0,i.default)(l,n.default.modulePrefix)})),define("ember-inspector/component-managers/glimmer",["exports","@glimmer/component/-private/ember-component-manager"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t.default}})})),define("ember-inspector/components/app-picker",["exports","@ember/component","@ember/template-factory","@glimmer/component","@ember/object","@ember/service"],(function(e,t,r,i,n,o){var l,a
+class l extends t.default{constructor(){super(...arguments),o(this,"modulePrefix",n.default.modulePrefix),o(this,"podModulePrefix",n.default.podModulePrefix),o(this,"Resolver",r.default)}}e.default=l,n.default.VERSION="4.11.0",(0,i.default)(l,n.default.modulePrefix)})),define("ember-inspector/component-managers/glimmer",["exports","@glimmer/component/-private/ember-component-manager"],(function(e,t){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t.default}})})),define("ember-inspector/components/app-picker",["exports","@ember/component","@ember/template-factory","@glimmer/component","@ember/object","@ember/service"],(function(e,t,r,i,n,o){var l,a
 function s(e,t,r,i,n){var o={}
 return Object.keys(i).forEach((function(e){o[e]=i[e]})),o.enumerable=!!o.enumerable,o.configurable=!!o.configurable,("value"in o||o.initializer)&&(o.writable=!0),o=r.slice().reverse().reduce((function(r,i){return i(e,t,r)||r}),o),n&&void 0!==o.initializer&&(o.value=o.initializer?o.initializer.call(n):void 0,o.initializer=void 0),void 0===o.initializer&&(Object.defineProperty(e,t,o),o=null),o}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0
 const c=(0,r.createTemplateFactory)({id:"c7GLHPNo",block:'[[[10,0],[14,0,"app-picker"],[12],[1,"\\n  "],[10,0],[14,0,"h-7 text-base13"],[12],[1,"\\n    "],[11,"select"],[24,"aria-label","Select app"],[16,0,[29,[[52,[30,1],"opacity-0"]," box-border block w-full h-full m-0 border-0 pr-4 pl-2 text-base text-base13 bg-transparent appearance-none outline-none"]]],[4,[38,1],["change",[30,0,["selectApp"]]],null],[12],[1,"\\n"],[42,[28,[37,3],[[30,0,["apps"]]],null],null,[[[1,"        "],[10,"option"],[15,2,[30,3]],[15,"selected",[28,[37,4],[[30,3],[30,0,["selectedAppId"]]],null]],[12],[1,"\\n          "],[1,[30,2]],[1,"\\n        "],[13],[1,"\\n"]],[2,3]],null],[1,"    "],[13],[1,"\\n\\n"],[41,[30,1],[[[1,"      "],[1,[28,[35,5],["e-logo"],[["width","height","class"],["15","13","dropdown__collapsed-icon fill-current absolute pointer-events-none"]]]],[1,"\\n"]],[]],null],[1,"\\n    "],[1,[28,[35,5],["dropdown-arrow"],[["class"],["dropdown__arrow fill-current absolute opacity-75 pointer-events-none"]]]],[1,"\\n  "],[13],[1,"\\n"],[13],[1,"\\n"]],["@collapsed","name","id"],false,["if","on","each","-each-in","eq","svg-jar"]]',moduleName:"ember-inspector/components/app-picker.hbs",isStrictMode:!1})
@@ -699,7 +699,7 @@ let c=null,u=(o=class extends i.default{constructor(){var e,t,r,i
 super(...arguments),e=this,t="canOpenResource",i=this,(r=l)&&Object.defineProperty(e,t,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(i):void 0}),a(this,"name","web-extension")}init(){return this._connect(),this._handleReload(),this._setThemeColors(),Promise.resolve().then((()=>this._sendEmberDebug())),super.init(...arguments)}sendMessage(e){e=e||{},this._chromePort.postMessage(e)}_sendEmberDebug(){let e=n.default.emberVersionsSupported[0].replace(/\./g,"-"),t=chrome.runtime.getURL(`/panes-${e}/ember_debug.js`)
 this.sendMessage({from:"devtools",tabId:chrome.devtools.inspectedWindow.tabId,type:"inject-ember-debug",value:t}),this.onMessageReceived(((e,r)=>{"ember-content-script-ready"===e&&this.sendMessage({from:"devtools",type:"inject-ember-debug",value:t,tabId:chrome.devtools.inspectedWindow.tabId,frameId:r.frameId})}))}get _chromePort(){return chrome.runtime.connect()}_connect(){var e=this
 let t=this._chromePort
-t.postMessage({appId:chrome.devtools.inspectedWindow.tabId}),t.onMessage.addListener((function(){e._messageReceived(...arguments)}))}_handleReload(){let e=this
+t.postMessage({appId:chrome.devtools.inspectedWindow.tabId}),t.onMessage.addListener((function(){e._messageReceived(...arguments)})),t.onDisconnect.addListener((()=>{this.notifyPropertyChange("_chromePort"),this._connect()}))}_handleReload(){let e=this
 chrome.devtools.network.onNavigated.addListener((function(){e._injectDebugger(),location.reload(!0)}))}_injectDebugger(){p().then((e=>{chrome.devtools.inspectedWindow.eval(e,((e,t)=>{if(void 0===e&&t)throw t}))}))}_setThemeColors(){document.body.classList.remove("theme--light","theme--dark")
 let e="theme--light"
 "dark"===chrome.devtools.panels.themeName&&(e="theme--dark"),document.body.classList.add(e)}willReload(){this._injectDebugger()}inspectDOMNode(e){chrome.devtools.inspectedWindow.eval(`\n      inspect(window[${JSON.stringify(e)}]);\n      delete window[${JSON.stringify(e)}];\n    `)}onVersionMismatch(e){window.location.href=`../panes-${e.replace(/\./g,"-")}/index.html`}reloadTab(){p().then((e=>{chrome.devtools.inspectedWindow.reload({injectedScript:e})}))}},l=s(o.prototype,"canOpenResource",[r.tracked],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),s(o.prototype,"_chromePort",[t.computed],Object.getOwnPropertyDescriptor(o.prototype,"_chromePort"),o.prototype),o)
@@ -806,4 +806,4 @@ let i=e.split(/(\s+|\b)/),n=[],o=t-r.length,l=0
 for(;;){let e=i.shift()
 if(!(l+e.length<=o)){0===l&&n.push(e.slice(0,o))
 break}n.push(e),l+=e.length}return n.push(r),n.join("")}})),define("ember-inspector/config/environment",[],(function(){try{var e="ember-inspector/config/environment",t=document.querySelector('meta[name="'+e+'"]').getAttribute("content"),r={default:JSON.parse(decodeURIComponent(t))}
-return Object.defineProperty(r,"__esModule",{value:!0}),r}catch(i){throw new Error('Could not read config from meta tag with name "'+e+'".')}})),runningTests||require("ember-inspector/app").default.create({name:"ember-inspector",version:"4.10.4+3b025df0"})
+return Object.defineProperty(r,"__esModule",{value:!0}),r}catch(i){throw new Error('Could not read config from meta tag with name "'+e+'".')}})),runningTests||require("ember-inspector/app").default.create({name:"ember-inspector",version:"4.11.0+5c3255cc"})

package/dist/bookmarklet/panes-3-16-0/ember_debug.js

@@ -5904,10 +5904,8 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
     constructor(owner) {
       this.nodeMap = new Map();
       this.remoteRoots = [];
-      this.currentNode = null;
-      this.nodeStack = [];
-      this.remoteNodeStack = [];
       this.runtime = this.require('@glimmer/runtime');
+      this.reference = this.require('@glimmer/reference');
       try {
         this.Wormhole = requireModule('ember-wormhole/components/ember-wormhole');
       } catch (e) {
@@ -5920,100 +5918,107 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
     reset() {
       this.nodeMap.clear();
       this.remoteRoots.length = 0;
-      this.nodeStack.length = 0;
-      this.remoteNodeStack.length = 0;
-      this.currentRemoteNode = null;
-      this.currentNode = null;
-    }
-    buildInElementNode(node) {
-      const obj = Object.create(null);
-      obj.index = this.currentNode?.refs?.size || 0;
-      obj.name = 'in-element';
-      obj.type = 'component';
-      obj.template = null;
-      obj.isRemote = true;
-      obj.args = {
-        positional: [],
-        named: {
-          destination: node
-        }
-      };
-      obj.instance = {
-        args: obj.args.named,
-        constructor: {
-          name: 'InElement'
-        }
-      };
-      obj.bounds = {
-        firstNode: node,
-        lastNode: node,
-        parentElement: node.parentElement
-      };
-      obj.children = [];
-      return obj;
     }
     patch() {
       const self = this;
-      const captureNode = this.debugRenderTree.captureNode;
-      this.debugRenderTree.captureNode = function (...args) {
-        const capture = captureNode.call(this, ...args);
-        const [id, state] = args;
-        const node = this.nodeFor(state);
-        self.setupNodeRemotes(node, id, capture);
-        return capture;
-      };
-      const enter = this.debugRenderTree.enter;
-      this.debugRenderTree.enter = function (...args) {
-        const state = args[0];
-        self.enter(this.nodeFor(state));
-        return enter.call(this, ...args);
+      const NewElementBuilder = this.NewElementBuilder;
+      const remoteStack = [];
+      const componentStack = [];
+      function createRef(value) {
+        if (self.reference.createUnboundRef) {
+          return self.reference.createUnboundRef(value);
+        } else {
+          return value;
+        }
+      }
+      const appendChild = this.debugRenderTree.appendChild;
+      this.debugRenderTree.appendChild = function (node, state) {
+        if (node.type === 'component') {
+          componentStack.push(node);
+        }
+        return appendChild.call(this, node, state);
       };
       const exit = this.debugRenderTree.exit;
-      this.debugRenderTree.exit = function (...args) {
-        self.exit();
-        return exit.call(this, ...args);
+      this.debugRenderTree.exit = function (state) {
+        const node = this.nodeFor(this.stack.current);
+        if (node?.type === 'component') {
+          componentStack.pop();
+        }
+        exit.call(this, state);
       };
-      const NewElementBuilder = this.NewElementBuilder;
       const didAppendNode = NewElementBuilder.prototype.didAppendNode;
       NewElementBuilder.prototype.didAppendNode = function (...args) {
-        args[0].__emberInspectorParentNode = self.currentNode;
+        args[0].__emberInspectorParentNode = componentStack.at(-1);
         return didAppendNode.call(this, ...args);
       };
       const pushElement = NewElementBuilder.prototype.pushElement;
       NewElementBuilder.prototype.pushElement = function (...args) {
-        args[0].__emberInspectorParentNode = self.currentNode;
-        return pushElement.call(this, ...args);
+        pushElement.call(this, ...args);
+        args[0].__emberInspectorParentNode = componentStack.at(-1);
       };
       const pushRemoteElement = NewElementBuilder.prototype.pushRemoteElement;
-      NewElementBuilder.prototype.pushRemoteElement = function (...args) {
-        const block = pushRemoteElement.call(this, ...args);
-        self.registerRemote(block, ...args);
-        self.nodeStack.push(self.currentNode);
-        self.remoteNodeStack.push(self.currentNode);
-        self.currentRemoteNode = self.currentNode;
-        return block;
+      NewElementBuilder.prototype.pushRemoteElement = function (element, guid, insertBefore) {
+        remoteStack.push({
+          element
+        });
+        const ref = createRef(element);
+        const capturedArgs = {
+          positional: [ref],
+          named: {}
+        };
+        if (insertBefore) {
+          capturedArgs.named.insertBefore = insertBefore;
+        }
+        const inElementArgs = self.reference.createUnboundRef ? capturedArgs : {
+          value() {
+            return capturedArgs;
+          }
+        };
+        const debugRenderTree = self.debugRenderTree;
+        debugRenderTree?.create(remoteStack.at(-1), {
+          type: 'keyword',
+          name: 'in-element',
+          args: inElementArgs,
+          instance: {
+            args: {
+              named: {
+                insertBefore
+              },
+              positional: [element]
+            },
+            constructor: {
+              name: 'InElement'
+            }
+          }
+        });
+        return pushRemoteElement.call(this, element, guid, insertBefore);
       };
       const popRemoteElement = NewElementBuilder.prototype.popRemoteElement;
       NewElementBuilder.prototype.popRemoteElement = function (...args) {
-        const block = popRemoteElement.call(this, ...args);
-        self.remoteNodeStack.pop();
-        self.nodeStack.pop();
-        self.currentRemoteNode = self.remoteNodeStack[self.remoteNodeStack.length - 1];
-        return block;
+        const element = this.element;
+        popRemoteElement.call(this, ...args);
+        const parentElement = this.element;
+        const debugRenderTree = self.debugRenderTree;
+        debugRenderTree?.didRender(remoteStack.at(-1), {
+          parentElement: () => parentElement,
+          firstNode: () => element,
+          lastNode: () => element
+        });
+        remoteStack.pop();
       };
       this.debugRenderTreeFunctions = {
-        exit,
-        enter,
-        captureNode
+        appendChild,
+        exit
       };
       this.NewElementBuilderFunctions = {
         pushElement,
         pushRemoteElement,
+        popRemoteElement,
         didAppendNode
       };
     }
     teardown() {
-      if (!this.debugRenderTreeFunctions) {
+      if (!this.NewElementBuilderFunctions) {
         return;
       }
       Object.assign(this.debugRenderTree, this.debugRenderTreeFunctions);
@@ -6022,72 +6027,6 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
     require(req) {
       return requireModule.has(req) ? requireModule(req) : _loader.EmberLoader.require(req);
     }
-    enter(node) {
-      if (this.currentNode && this.currentNode === this.currentRemoteNode) {
-        this.currentRemoteNode.children.push(node);
-        node.remoteParent = this.currentRemoteNode;
-      }
-      this.currentNode = node;
-      this.nodeStack.push(this.currentNode);
-    }
-    exit() {
-      this.nodeStack.pop();
-      this.currentNode = this.nodeStack[this.nodeStack.length - 1];
-    }
-    registerRemote(block, node) {
-      const obj = this.buildInElementNode(node);
-      if (this.currentNode) {
-        this.currentNode.remotes = this.currentNode.remotes || [];
-        this.currentNode.remotes.push(obj);
-      }
-      this.remoteRoots.push(obj);
-      this.currentNode = obj;
-    }
-    setupNodeRemotes(node, id, capture) {
-      capture.isInRemote = !!node.remoteParent;
-      this.nodeMap.set(node, id);
-      if (node.remoteParent) {
-        const idx = node.remoteParent.children.indexOf(node);
-        if (idx >= 0) {
-          node.remoteParent.children[idx] = capture;
-        }
-      }
-      capture.children = capture.children.filter(c => !c.isInRemote);
-      node.remotes?.forEach(remote => {
-        remote.id = 'remote-render-node:' + this.remoteRoots.length;
-        this.nodeMap.set(remote, remote.id);
-        this.remoteRoots.push(remote);
-        capture.children.splice(remote.index, 0, remote);
-      });
-      if (capture.instance?.__emberInspectorTargetNode) {
-        Object.defineProperty(capture, 'bounds', {
-          get() {
-            return {
-              firstNode: capture.instance.__emberInspectorTargetNode,
-              lastNode: capture.instance.__emberInspectorTargetNode,
-              parentElement: capture.instance.__emberInspectorTargetNode.parentElement
-            };
-          }
-        });
-      }
-      if (this.Wormhole && capture.instance instanceof this.Wormhole.default) {
-        this.remoteRoots.push(capture);
-        const bounds = capture.bounds;
-        Object.defineProperty(capture, 'bounds', {
-          get() {
-            if (capture.instance._destination) {
-              return {
-                firstNode: capture.instance._destination,
-                lastNode: capture.instance._destination,
-                parentElement: capture.instance._destination.parentElement
-              };
-            }
-            return bounds;
-          }
-        });
-      }
-      return capture;
-    }
   }
   class RenderTree {
     /**
@@ -6112,6 +6051,7 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
       try {
         this.inElementSupport = new InElementSupportProvider(owner);
       } catch (e) {
+        console.error('failed to setup in element support', e);
         // not supported
       }
 
@@ -6190,7 +6130,7 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
       let hintNode = this._findUp(this.nodes[hint]);
       let hints = [hintNode];
       if (node.__emberInspectorParentNode) {
-        const remoteNode = this.inElementSupport.nodeMap.get(node);
+        const remoteNode = this.inElementSupport?.nodeMap.get(node);
         const n = remoteNode && this.nodes[remoteNode];
         hints.push(n);
       }
@@ -6336,6 +6276,27 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
       let serialized = this.serialized[node.id];
       if (serialized === undefined) {
         this.nodes[node.id] = node;
+        if (node.type === 'keyword') {
+          node.type = 'component';
+          this.inElementSupport?.nodeMap.set(node, node.id);
+          this.inElementSupport?.remoteRoots.push(node);
+        }
+        if (this.inElementSupport?.Wormhole && node.instance instanceof this.inElementSupport.Wormhole.default) {
+          this.inElementSupport?.remoteRoots.push(node);
+          const bounds = node.bounds;
+          Object.defineProperty(node, 'bounds', {
+            get() {
+              if (node.instance._destination) {
+                return {
+                  firstNode: node.instance._destination,
+                  lastNode: node.instance._destination,
+                  parentElement: node.instance._destination.parentElement
+                };
+              }
+              return bounds;
+            }
+          });
+        }
         if (parentNode) {
           this.parentNodes[node.id] = parentNode;
         }
@@ -6496,11 +6457,10 @@ define("ember-debug/libs/render-tree", ["exports", "ember-debug/libs/capture-ren
     return firstNode === lastNode;
   }
   function isAttached({
-    parentElement,
     firstNode,
     lastNode
   }) {
-    return parentElement === firstNode.parentElement && parentElement === lastNode.parentElement;
+    return firstNode.isConnected && lastNode.isConnected;
   }
   function isEmptyRect({
     x,
@@ -8016,19 +7976,20 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
     }
     const subtags = tag.subtags || (Array.isArray(tag.subtag) ? tag.subtag : []);
     if (tag.subtag && !Array.isArray(tag.subtag)) {
-      if (tag.subtag._propertyKey) props.push((tag.subtag._object ? (0, _getObjectName.default)(tag.subtag._object) + '.' : '') + tag.subtag._propertyKey);
+      if (tag.subtag._propertyKey) props.push(tag.subtag);
       props.push(...getTagTrackedProps(tag.subtag, ownTag, level + 1));
     }
     if (subtags) {
       subtags.forEach(t => {
         if (t === ownTag) return;
-        if (t._propertyKey) props.push((t._object ? (0, _getObjectName.default)(t._object) + '.' : '') + t._propertyKey);
+        if (t._propertyKey) props.push(t);
         props.push(...getTagTrackedProps(t, ownTag, level + 1));
       });
     }
     return props;
   }
-  function getTrackedDependencies(object, property, tag) {
+  function getTrackedDependencies(object, property, tagInfo) {
+    const tag = tagInfo.tag;
     const proto = Object.getPrototypeOf(object);
     if (!proto) return [];
     const cpDesc = emberMeta(object).peekDescriptors(property);
@@ -8040,20 +8001,29 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
       const ownTag = tagForProperty(object, property);
       const props = getTagTrackedProps(tag, ownTag);
       const mapping = {};
-      props.forEach(p => {
+      let maxRevision = tagInfo.revision ?? 0;
+      let minRevision = Infinity;
+      props.forEach(t => {
+        const p = (t._object ? (0, _getObjectName.default)(t._object) + '.' : '') + t._propertyKey;
         const [objName, ...props] = p.split('.');
         mapping[objName] = mapping[objName] || new Set();
-        props.forEach(p => mapping[objName].add(p));
+        maxRevision = Math.max(maxRevision, t.revision);
+        minRevision = Math.min(minRevision, t.revision);
+        props.forEach(p => mapping[objName].add([p, t.revision]));
       });
+      const hasChange = maxRevision !== minRevision;
       Object.entries(mapping).forEach(([objName, props]) => {
         if (props.size > 1) {
           dependentKeys.push(objName);
           props.forEach(p => {
-            dependentKeys.push('  •  --  ' + p);
+            const changed = hasChange && p[1] >= maxRevision ? ' 🔸' : '';
+            dependentKeys.push('  •  --  ' + p[0] + changed);
           });
         }
         if (props.size === 1) {
-          dependentKeys.push(objName + '.' + [...props][0]);
+          const p = [...props][0];
+          const changed = hasChange && p[1] >= maxRevision ? ' 🔸' : '';
+          dependentKeys.push(objName + '.' + p[0] + changed);
         }
         if (props.size === 0) {
           dependentKeys.push(objName);
@@ -8118,7 +8088,6 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
                   tagInfo.tag = track(() => {
                     value = object.get?.(item.name) || object[item.name];
                   });
-                  tagInfo.revision = tagValue(tagInfo.tag);
                 }
                 tracked[item.name] = tagInfo;
               } else {
@@ -8133,7 +8102,8 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
                 value.isCalculated = true;
                 let dependentKeys = null;
                 if (tracked[item.name]) {
-                  dependentKeys = getTrackedDependencies(object, item.name, tracked[item.name].tag);
+                  dependentKeys = getTrackedDependencies(object, item.name, tracked[item.name]);
+                  tracked[item.name].revision = tagValue(tracked[item.name].tag);
                 }
                 this.sendMessage('updateProperty', {
                   objectId,
@@ -8748,8 +8718,8 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
                   item.isTracked = true;
                 }
               }
+              item.dependentKeys = getTrackedDependencies(object, item.name, tagInfo);
               tagInfo.revision = tagValue(tagInfo.tag);
-              item.dependentKeys = getTrackedDependencies(object, item.name, tagInfo.tag);
             } else {
               value = calculateCP(object, item, errorsForObject);
             }
@@ -8909,7 +8879,7 @@ define("ember-debug/object-inspector", ["exports", "ember-debug/debug-port", "em
       if (object instanceof _ember.default.ArrayProxy && property == parseInt(property)) {
         return object.objectAt(property);
       }
-      return item.isGetter || property.includes('.') ? object[property] : object.get?.(property) || object[property]; // need to use `get` to be able to detect tracked props
+      return item.isGetter || property.includes?.('.') ? object[property] : object.get?.(property) || object[property]; // need to use `get` to be able to detect tracked props
     } catch (error) {
       errorsForObject[property] = {
         property,
@@ -9690,7 +9660,9 @@ define("ember-debug/utils/base-object", ["exports"], function (_exports) {
       this.init();
     }
     init() {}
-    willDestroy() {}
+    willDestroy() {
+      this.isDestroying = true;
+    }
     destroy() {
       this.willDestroy();
       this.isDestroyed = true;
@@ -10618,7 +10590,7 @@ define("ember-debug/view-debug", ["exports", "ember-debug/debug-port", "ember-de
       }, 250);
     }
     send() {
-      if (this.isDestroying) {
+      if (this.isDestroying || this.isDestroyed) {
         return;
       }
       this.sendMessage('renderTree', {

package/dist/bookmarklet/panes-3-16-0/index.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     
-<meta name="ember-inspector/config/environment" content="%7B%22modulePrefix%22%3A%22ember-inspector%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22hash%22%2C%22version%22%3A%224.10.4%22%2C%22emberVersionsSupported%22%3A%5B%223.16.0%22%2C%22%22%5D%2C%22previousEmberVersionsSupported%22%3A%5B%220.0.0%22%2C%222.7.0%22%2C%223.4.0%22%5D%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22ember-inspector%22%2C%22version%22%3A%224.10.4%2B3b025df0%22%7D%7D" />
+<meta name="ember-inspector/config/environment" content="%7B%22modulePrefix%22%3A%22ember-inspector%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22hash%22%2C%22version%22%3A%224.11.0%22%2C%22emberVersionsSupported%22%3A%5B%223.16.0%22%2C%22%22%5D%2C%22previousEmberVersionsSupported%22%3A%5B%220.0.0%22%2C%222.7.0%22%2C%223.4.0%22%5D%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22ember-inspector%22%2C%22version%22%3A%224.11.0%2B5c3255cc%22%7D%7D" />
 
     <style type="text/css">
       @font-face {
@@ -37,7 +37,7 @@
 
     <script src="assets/vendor.js"></script>
 <script src="assets/chunk.359.0be5d21f60d2b5d6d423.js"></script>
-<script src="assets/chunk.143.19ad6fbd35ab48abdce5.js"></script>
+<script src="assets/chunk.143.1816c95b481be6c0f8ef.js"></script>
     <script src="assets/ember-inspector.js"></script>