ember-inspector 4.13.1-alpha.2024.8.9 → 4.13.1-alpha.2025.6.7

package/dist/websocket/index.html

@@ -8,8 +8,7 @@
     <meta name="description" content="">
     <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.13.1-alpha.2024.8.9%2B6e95d79%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.13.1-alpha.2024.8.9%2B6e95d79%2B6e95d796%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.13.1-alpha.2025.6.7%2Bf3062c3%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%22EXTEND_PROTOTYPES%22%3Afalse%2C%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_NO_IMPLICIT_ROUTE_MODEL%22%3Atrue%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.13.1-alpha.2025.6.7%2Bf3062c3%2Bf3062c3c%22%7D%7D" />
 
     <style type="text/css">
       @font-face {
@@ -38,8 +37,8 @@
     
 
     <script src="assets/vendor.js"></script>
-<script src="assets/chunk.359.0be5d21f60d2b5d6d423.js"></script>
-<script src="assets/chunk.143.143ca772b0b28102c74a.js"></script>
+<script src="assets/chunk.443.86a005e528b587663b78.js"></script>
+<script src="assets/chunk.524.6a5edcbbcf29cbe1b167.js"></script>
     <script src="assets/ember-inspector.js"></script>
 
     

package/ember-cli-build.js

@@ -212,15 +212,15 @@ module.exports = function (defaults) {
   }
 
   const emberDebugs = [];
-  ['basic', 'chrome', 'firefox', 'bookmarklet', 'websocket'].forEach(function (
-    dist
-  ) {
-    emberDebugs[dist] = map(emberDebug, '**/*.js', function (content) {
-      return wrapWithLoader(
-        `(function(adapter, env) {\n${content}\n}('${dist}', '${env}'))`
-      );
-    });
-  });
+  ['basic', 'chrome', 'firefox', 'bookmarklet', 'websocket'].forEach(
+    function (dist) {
+      emberDebugs[dist] = map(emberDebug, '**/*.js', function (content) {
+        return wrapWithLoader(
+          `(function(adapter, env) {\n${content}\n}('${dist}', '${env}'))`,
+        );
+      });
+    },
+  );
 
   let tree = app.toTree();
 
@@ -238,7 +238,7 @@ module.exports = function (defaults) {
 
   const minimumVersion = packageJson.emberVersionsSupported[0].replace(
     /\./g,
-    '-'
+    '-',
   );
   const webExtensionRoot = `panes-${minimumVersion}`;
 
@@ -330,7 +330,7 @@ module.exports = function (defaults) {
     } else {
       const file = writeFile(
         'index.html',
-        'This Ember version is not supported in development environment.'
+        'This Ember version is not supported in development environment.',
       );
       const emberDebugFile = writeFile('ember_debug.js', 'void(0);');
       chrome = mergeTrees([mv(file, `panes-${version}`), chrome]);

package/ember_debug/adapters/basic.js

@@ -3,6 +3,7 @@ import { onReady } from 'ember-debug/utils/on-ready';
 import BaseObject from '../utils/base-object';
 
 export default class BasicAdapter extends BaseObject {
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     Promise.resolve(this.connect()).then(() => {
       this.onConnectionReady();
@@ -100,7 +101,7 @@ export default class BasicAdapter extends BaseObject {
       this.warn(
         `Ember Inspector has errored.\n` +
           `This is likely a bug in the inspector itself.\n` +
-          `You can report bugs at https://github.com/emberjs/ember-inspector.\n${error}`
+          `You can report bugs at https://github.com/emberjs/ember-inspector.\n${error}`,
       );
     } else {
       this.warn('EmberDebug has errored:');

package/ember_debug/adapters/bookmarklet.js

@@ -1,6 +1,7 @@
 import BasicAdapter from './basic';
 
 export default class extends BasicAdapter {
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this._listen();

package/ember_debug/adapters/firefox.js

@@ -1,4 +1,4 @@
-/* eslint no-empty:0 */
+/* eslint-disable no-empty */
 import WebExtension from './web-extension';
 
 export default class extends WebExtension {
@@ -9,7 +9,7 @@ export default class extends WebExtension {
     // - https://code.google.com/p/fbug/issues/detail?id=7045
     try {
       super.debug(...arguments);
-    } catch (e) {}
+    } catch {}
   }
 
   log() {
@@ -19,6 +19,6 @@ export default class extends WebExtension {
     // - https://code.google.com/p/fbug/issues/detail?id=7045
     try {
       super.log(...arguments);
-    } catch (e) {}
+    } catch {}
   }
 }

package/ember_debug/adapters/web-extension.js

@@ -8,6 +8,7 @@ const { isArray } = Array;
 const { keys } = Object;
 
 export default class extends BasicAdapter {
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     this._channel = new MessageChannel();
     this._chromePort = this._channel?.port1;
@@ -106,7 +107,7 @@ export default class extends BasicAdapter {
 const HAS_ARRAY_PROTOTYPE_EXTENSIONS = (() => {
   try {
     return Ember.ENV.EXTEND_PROTOTYPES.Array === true;
-  } catch (e) {
+  } catch {
     return false;
   }
 })();

package/ember_debug/data-debug.js

@@ -2,6 +2,7 @@ import DebugPort from './debug-port';
 import { guidFor } from 'ember-debug/utils/ember/object/internals';
 
 export default class extends DebugPort {
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this.sentTypes = {};
@@ -11,7 +12,6 @@ export default class extends DebugPort {
   releaseTypesMethod = null;
   releaseRecordsMethod = null;
 
-  /* eslint-disable ember/no-side-effects */
   get adapter() {
     const owner = this.namespace?.owner;
 
@@ -26,7 +26,6 @@ export default class extends DebugPort {
 
     return null;
   }
-  /* eslint-enable ember/no-side-effects */
 
   _resolve(name) {
     const owner = this.namespace?.owner;
@@ -93,7 +92,7 @@ export default class extends DebugPort {
     }
     // make sure keywords can be searched and clonable
     searchKeywords = record.searchKeywords.filter(
-      (keyword) => typeof keyword === 'string' || typeof keyword === 'number'
+      (keyword) => typeof keyword === 'string' || typeof keyword === 'number',
     );
     return {
       columnValues,
@@ -142,7 +141,7 @@ export default class extends DebugPort {
           },
           (types) => {
             this.modelTypesUpdated(types);
-          }
+          },
         );
       },
 
@@ -171,7 +170,7 @@ export default class extends DebugPort {
           },
           (...args) => {
             this.recordsRemoved(...args);
-          }
+          },
         );
         this.releaseRecordsMethod = releaseMethod;
       },
@@ -182,7 +181,7 @@ export default class extends DebugPort {
 
       inspectModel(message) {
         this.objectInspector.sendObject(
-          this.sentRecords[message.objectId].object
+          this.sentRecords[message.objectId].object,
         );
       },
 

package/ember_debug/deprecation-debug.js

@@ -32,7 +32,7 @@ export default class extends DebugPort {
           let stack = source.stackStr;
           stack = stack.split('\n');
           stack.unshift(
-            `Ember Inspector (Deprecation Trace): ${deprecation.message || ''}`
+            `Ember Inspector (Deprecation Trace): ${deprecation.message || ''}`,
           );
           this.adapter.log(stack.join('\n'));
         });
@@ -100,8 +100,8 @@ export default class extends DebugPort {
               (item) =>
                 item.source &&
                 !!item.source.match(
-                  new RegExp(this.emberCliConfig.modulePrefix)
-                )
+                  new RegExp(this.emberCliConfig.modulePrefix),
+                ),
             );
 
             if (source) {
@@ -114,7 +114,7 @@ export default class extends DebugPort {
           }
         },
         null,
-        'ember-inspector'
+        'ember-inspector',
       );
     } else {
       return Promise.resolve(null);
@@ -147,7 +147,7 @@ export default class extends DebugPort {
           grouped[id] = obj;
         }
         let found = obj.sources.find(
-          (s) => s.stackStr === deprecation.stackStr
+          (s) => s.stackStr === deprecation.stackStr,
         );
         if (!found) {
           let stackStr = deprecation.stackStr;
@@ -159,7 +159,7 @@ export default class extends DebugPort {
               }
             },
             null,
-            'ember-inspector'
+            'ember-inspector',
           );
         }
         return promise.then(() => {
@@ -168,7 +168,7 @@ export default class extends DebugPort {
             deprecations.push(obj);
           }
         }, null);
-      })
+      }),
     );
 
     promises.then(() => {
@@ -253,7 +253,7 @@ export default class extends DebugPort {
         }
         if (!this._warned) {
           this.adapter.warn(
-            'Deprecations were detected, see the Ember Inspector deprecations tab for more details.'
+            'Deprecations were detected, see the Ember Inspector deprecations tab for more details.',
           );
           this._warned = true;
         }

package/ember_debug/general-debug.js

@@ -22,7 +22,7 @@ export default class extends DebugPort {
     if (found) {
       try {
         return JSON.parse(unescape(found.getAttribute('content')));
-      } catch (e) {}
+      } catch {}
     }
   }
 

package/ember_debug/libs/capture-render-tree.js

@@ -1,6 +1,5 @@
 import { captureRenderTree, getEnv } from 'ember-debug/utils/ember';
 
-/* eslint-disable no-console, no-inner-declarations */
 let capture = captureRenderTree;
 // Ember 3.14+ comes with debug render tree, but the version in 3.14.0/3.14.1 is buggy
 if (captureRenderTree) {

package/ember_debug/libs/promise-assembler.js

@@ -23,6 +23,7 @@ class PromiseAssembler extends BaseObject {
     Evented.applyTo(this);
   }
 
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this.all = [];

package/ember_debug/libs/render-tree.js

@@ -13,16 +13,16 @@ class InElementSupportProvider {
     this.reference = this.require('@glimmer/reference');
     try {
       this.Wormhole = requireModule('ember-wormhole/components/ember-wormhole');
-    } catch (e) {
+    } catch {
       // nope
     }
 
     try {
       requireModule(
-        '@glimmer/manager'
+        '@glimmer/manager',
       ).CustomModifierManager.prototype.getDebugInstance = (args) =>
         args.modifier || args.delegate;
-    } catch (e) {
+    } catch {
       // nope
     }
 
@@ -35,7 +35,8 @@ class InElementSupportProvider {
     this.debugRenderTree =
       owner.lookup('renderer:-dom')?.debugRenderTree ||
       owner.lookup('service:-glimmer-environment')._debugRenderTree;
-    this.NewElementBuilder = this.runtime.NewElementBuilder;
+    this.NewElementBuilder =
+      this.runtime.NewElementBuilder || this.runtime.NewTreeBuilder;
 
     this.patch();
   }
@@ -56,7 +57,7 @@ class InElementSupportProvider {
       !isInVersionSpecifier('>5.9.0', VERSION);
     const hasModifierAndInElementSupport = isInVersionSpecifier(
       '>5.9.0',
-      VERSION
+      VERSION,
     );
 
     function createRef(value) {
@@ -151,7 +152,7 @@ class InElementSupportProvider {
             if (!name) {
               try {
                 name = modifier.manager?.getDebugName?.();
-              } catch (e) {
+              } catch {
                 // failed
               }
               name = name || 'unknown-modifier';
@@ -175,12 +176,12 @@ class InElementSupportProvider {
             if (!self.reference.createUnboundRef) {
               try {
                 named = modifierState?.args?.named?.constructor;
-              } catch (e) {
+              } catch {
                 //
               }
               try {
                 named = named || modifierState?.args?.named?.map;
-              } catch (e) {
+              } catch {
                 //
               }
             }
@@ -213,7 +214,7 @@ class InElementSupportProvider {
       NewElementBuilder.prototype.pushRemoteElement = function (
         element,
         guid,
-        insertBefore
+        insertBefore,
       ) {
         const ref = createRef(element);
         const capturedArgs = {
@@ -285,7 +286,7 @@ class InElementSupportProvider {
     Object.assign(this.debugRenderTree, this.debugRenderTreeFunctions);
     Object.assign(
       this.NewElementBuilder.prototype,
-      this.NewElementBuilderFunctions
+      this.NewElementBuilderFunctions,
     );
     this.NewElementBuilderFunctions = null;
   }
@@ -412,7 +413,7 @@ export default class RenderTree {
 
     renderNode = this._matchRenderNodes(
       [...hints, ...remoteRoots, ...this.tree],
-      node
+      node,
     );
 
     if (renderNode) {
@@ -672,7 +673,7 @@ export default class RenderTree {
         }
         node.instance = this._createSimpleInstance(
           'TemplateOnlyComponent',
-          node.args.named
+          node.args.named,
         );
       }
 

package/ember_debug/libs/source-map.js

@@ -3,6 +3,7 @@ import * as SourceMap from 'ember-debug/deps/source-map';
 const notFoundError = new Error('Source map url not found');
 
 export default class extends BaseObject {
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this._lastPromise = Promise.resolve(undefined);
@@ -62,7 +63,7 @@ export default class extends BaseObject {
       function () {
         sourceMaps[url] = null;
       },
-      'ember-inspector'
+      'ember-inspector',
     );
   }
 }
@@ -81,7 +82,7 @@ function retrieveSourceMap(source) {
         return mapURL;
       },
       null,
-      'ember-inspector'
+      'ember-inspector',
     )
     .then(retrieveFile, null, 'ember-inspector')
     .then(
@@ -95,7 +96,7 @@ function retrieveSourceMap(source) {
         };
       },
       null,
-      'ember-inspector'
+      'ember-inspector',
     );
 }
 
@@ -142,7 +143,7 @@ function retrieveSourceMapURL(source) {
       return url;
     },
     null,
-    'ember-inspector'
+    'ember-inspector',
   );
 }
 

package/ember_debug/libs/view-inspection.js

@@ -308,7 +308,7 @@ export default class ViewInspection {
     document.body.removeEventListener(
       'mousemove',
       bound(this, this.onMouseMove),
-      { capture: true }
+      { capture: true },
     );
 
     this.didStopInspecting();
@@ -480,7 +480,7 @@ export default class ViewInspection {
 
   _renderTooltipCategory(node) {
     let category = this.tooltip.querySelector(
-      '.ember-inspector-tooltip-category'
+      '.ember-inspector-tooltip-category',
     );
 
     switch (node.type) {
@@ -498,7 +498,7 @@ export default class ViewInspection {
 
   _renderTooltipDetails(node) {
     let tbody = this.tooltip.querySelector(
-      '.ember-inspector-tooltip-details tbody'
+      '.ember-inspector-tooltip-details tbody',
     );
 
     tbody.innerHTML = '';
@@ -512,21 +512,21 @@ export default class ViewInspection {
         this._renderTooltipDetail(
           tbody,
           'Controller',
-          this._tokenizeItem(node.instance)
+          this._tokenizeItem(node.instance),
         );
       } else {
         this._renderTooltipDetail(
           tbody,
           'Instance',
-          this._tokenizeItem(node.instance)
+          this._tokenizeItem(node.instance),
         );
       }
       const detail =
         tbody.querySelector(
-          '.ember-inspector-tooltip-detail-instance > .ember-inspector-tooltip-token-tag'
+          '.ember-inspector-tooltip-detail-instance > .ember-inspector-tooltip-token-tag',
         ) ||
         tbody.querySelector(
-          '.ember-inspector-tooltip-detail-controller > .ember-inspector-tooltip-token-tag'
+          '.ember-inspector-tooltip-detail-controller > .ember-inspector-tooltip-token-tag',
         );
       if (detail) {
         detail.onclick = () => {
@@ -635,7 +635,7 @@ export default class ViewInspection {
     {
       // <my-app@component:foo-bar::ember123>
       let match = stringified.match(
-        /<([a-z0-9-_]+)@([a-z0-9-_]+):([a-z0-9-_]+)::([a-z0-9-_]+)>/i
+        /<([a-z0-9-_]+)@([a-z0-9-_]+):([a-z0-9-_]+)::([a-z0-9-_]+)>/i,
       );
 
       if (match) {
@@ -691,12 +691,12 @@ export default class ViewInspection {
       attachmentTop = top;
       this.tooltip.setAttribute(
         'class',
-        `ember-inspector-tooltip-attach-above`
+        `ember-inspector-tooltip-attach-above`,
       );
     } else {
       this.tooltip.setAttribute(
         'class',
-        `ember-inspector-tooltip-attach-below`
+        `ember-inspector-tooltip-attach-below`,
       );
     }
 
@@ -709,7 +709,7 @@ export default class ViewInspection {
       // within the viewport, but not so much that it will become detached.
       leftOffset = Math.max(
         highlightRect.left - safetyMargin,
-        safetyMargin - highlightRect.width
+        safetyMargin - highlightRect.width,
       );
     } else if (tooltipRect.right > viewportWidth) {
       // If the tooltip is partially offscreen to the right (because the tooltip
@@ -717,7 +717,7 @@ export default class ViewInspection {
       // not so much that it will become detached.
       leftOffset = Math.min(
         tooltipRect.right - viewportWidth,
-        tooltipRect.width - safetyMargin * 2
+        tooltipRect.width - safetyMargin * 2,
       );
       tooltipStyle.left = `${scrollX + attachmentLeft - leftOffset}px`;
     }

package/ember_debug/main.js

@@ -47,7 +47,7 @@ class EmberDebug extends BaseObject {
   }
 
   // Using object shorthand syntax here is somehow having strange side effects.
-  // eslint-disable-next-line object-shorthand
+
   Port = Port;
   Adapter = BasicAdapter;
 

package/ember_debug/models/profile-manager.js

@@ -75,6 +75,7 @@ export default class ProfileManager {
     this.stylesheet = insertStylesheet();
     // keep track of all the active highlights
     this.highlights = [];
+    // eslint-disable-next-line ember/new-module-imports
     this.isHighlightEnabled = compareVersion(Ember?.VERSION, '3.20.0') !== -1;
   }
 
@@ -222,7 +223,7 @@ export default class ProfileManager {
           this.queue[entry.endedIndex].profileNode = this.began(
             entry.timestamp,
             entry.payload,
-            entry.now
+            entry.now,
           );
         }
       } else {