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

package/ember_debug/object-inspector.js

@@ -1,13 +1,13 @@
 /* eslint-disable ember/no-private-routing-service */
-import DebugPort from './debug-port';
-import bound from 'ember-debug/utils/bound-method';
+import DebugPort from './debug-port.js';
+import bound from './utils/bound-method';
 import {
   isComputed,
   getDescriptorFor,
   typeOf,
   inspect,
-} from 'ember-debug/utils/type-check';
-import { compareVersion } from 'ember-debug/utils/version';
+} from './utils/type-check';
+import { compareVersion } from './utils/version';
 import {
   EmberObject,
   meta as emberMeta,
@@ -16,28 +16,27 @@ import {
   ObjectProxy,
   ArrayProxy,
   Service,
+  InternalsMetal,
   Component,
-} from 'ember-debug/utils/ember';
-import { cacheFor, guidFor } from 'ember-debug/utils/ember/object/internals';
-import { _backburner, join } from 'ember-debug/utils/ember/runloop';
-import emberNames from './utils/ember-object-names';
-import getObjectName from './utils/get-object-name';
-import { EmberLoader } from 'ember-debug/utils/ember/loader';
-
-const GlimmerComponent = (() => {
-  try {
-    return EmberLoader.require('@glimmer/component').default;
-  } catch (e) {
-    // ignore, return undefined
-  }
-})();
+  GlimmerComponent,
+  GlimmerReference,
+  GlimmerValidator,
+  getOwner,
+} from './utils/ember';
+import { cacheFor, guidFor } from './utils/ember/object/internals';
+import { _backburner, join } from './utils/ember/runloop';
+import emberNames from './utils/ember-object-names.js';
+import getObjectName from './utils/get-object-name.js';
 
 let tagValue, tagValidate, track, tagForProperty;
 
-try {
-  // Try to load the most recent library
-  let GlimmerValidator = EmberLoader.require('@glimmer/validator');
+const GlimmerDebugComponent = (() => GlimmerComponent?.default)();
+
+const OWNER_SYMBOL = '__owner__'; // can't use actual symbol because it can't be cloned
 
+// Try to use the most recent library (GlimmerValidator), else
+// fallback on the previous implementation (GlimmerReference).
+if (GlimmerValidator) {
   tagValue = GlimmerValidator.value || GlimmerValidator.valueForTag;
   tagValidate = GlimmerValidator.validate || GlimmerValidator.validateTag;
   track = GlimmerValidator.track;
@@ -70,26 +69,15 @@ try {
     }
     return r;
   };
-} catch (e) {
-  try {
-    // Fallback to the previous implementation
-    let GlimmerReference = EmberLoader.require('@glimmer/reference');
-
-    tagValue = GlimmerReference.value;
-    tagValidate = GlimmerReference.validate;
-  } catch (e) {
-    // ignore
-  }
+} else if (GlimmerReference) {
+  tagValue = GlimmerReference.value;
+  tagValidate = GlimmerReference.validate;
 }
 
-try {
-  let metal = EmberLoader.require('@ember/-internals/metal');
-
-  tagForProperty = metal.tagForProperty;
+if (InternalsMetal) {
+  tagForProperty = InternalsMetal.tagForProperty;
   // If track was not already loaded, use metal's version (the previous version)
-  track = track || metal.track;
-} catch (e) {
-  // ignore
+  track = track || InternalsMetal.track;
 }
 
 const HAS_GLIMMER_TRACKING = tagValue && tagValidate && track && tagForProperty;
@@ -178,7 +166,7 @@ function getTrackedDependencies(object, property, tagInfo) {
   const dependentKeys = [];
   if (cpDesc) {
     dependentKeys.push(
-      ...(cpDesc._dependentKeys || []).map((k) => ({ name: k }))
+      ...(cpDesc._dependentKeys || []).map((k) => ({ name: k })),
     );
   }
   if (HAS_GLIMMER_TRACKING) {
@@ -309,7 +297,7 @@ export default class extends DebugPort {
                 dependentKeys = getTrackedDependencies(
                   object,
                   item.name,
-                  tracked[item.name]
+                  tracked[item.name],
                 );
                 tracked[item.name].revision = tagValue(tracked[item.name].tag);
               }
@@ -324,7 +312,7 @@ export default class extends DebugPort {
                 dependentKeys,
               });
             }
-          } catch (e) {
+          } catch {
             // dont do anything
           }
         });
@@ -332,6 +320,7 @@ export default class extends DebugPort {
     }
   }
 
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this.sentObjects = {};
@@ -370,7 +359,7 @@ export default class extends DebugPort {
         value = this.valueForObjectProperty(
           message.objectId,
           message.property,
-          message.mixinIndex
+          message.mixinIndex,
         );
         if (value) {
           this.sendMessage('updateProperty', value);
@@ -451,7 +440,7 @@ export default class extends DebugPort {
           }
           this.adapter.log(
             `Object Inspector error for ${error.property}`,
-            stack
+            stack,
           );
         });
       },
@@ -505,6 +494,8 @@ export default class extends DebugPort {
 
     if (prop === null || prop === undefined) {
       value = this.sentObjects[objectId];
+    } else if (prop === OWNER_SYMBOL) {
+      value = getOwner(this.sentObjects[objectId]);
     } else {
       value = calculateCP(object, { name: prop }, {});
     }
@@ -546,7 +537,7 @@ export default class extends DebugPort {
   sendObject(object) {
     if (!this.canSend(object)) {
       throw new Error(
-        `Can't inspect ${object}. Only Ember objects and arrays are supported.`
+        `Can't inspect ${object}. Only Ember objects and arrays are supported.`,
       );
     }
     let details = this.mixinsForObject(object);
@@ -629,6 +620,7 @@ export default class extends DebugPort {
    * - Bar
    * - Foo
    * - EmberObject
+   * - Owner (Container)
    * ```
    *
    * The "mixins" returned by this function directly represent these things too.
@@ -670,7 +662,7 @@ export default class extends DebugPort {
           if (name === '(unknown)') {
             name = '(unknown mixin)';
           }
-        } catch (e) {
+        } catch {
           name = '(Unable to convert Object to string)';
         }
       }
@@ -745,9 +737,30 @@ export default class extends DebugPort {
       mixinDetails,
       errorsForObject,
       expensiveProperties,
-      tracked
+      tracked,
     );
 
+    const owner = getOwner(object);
+    const ownerId = guidFor(owner);
+
+    if (owner && !mixinDetails.find((mixin) => mixin.id === ownerId)) {
+      mixinDetails.push({
+        name: 'Container',
+        id: ownerId,
+        expand: false,
+        properties: [
+          {
+            name: OWNER_SYMBOL,
+            value: {
+              inspect: `<Owner:${ownerId}>`,
+              type: 'type-owner',
+              objectId: ownerId,
+            },
+          },
+        ],
+      });
+    }
+
     this.currentObject = { object, mixinDetails, objectId };
 
     let errors = errorsToSend(errorsForObject);
@@ -764,7 +777,7 @@ export default class extends DebugPort {
       value = calculateCP(
         object,
         { name: property },
-        this._errorsFor[objectId]
+        this._errorsFor[objectId],
       );
     }
 
@@ -913,18 +926,7 @@ function addProperties(properties, hash) {
     let options = { isMandatorySetter: isMandatorySetter(desc) };
 
     if (typeof hash[prop] === 'object' && hash[prop] !== null) {
-      options.isService =
-        !('type' in hash[prop]) && hash[prop].type === 'service';
-
-      if (!options.isService) {
-        if (hash[prop].constructor) {
-          options.isService = hash[prop].constructor.isServiceFactory;
-        }
-      }
-
-      if (!options.isService) {
-        options.isService = desc.value instanceof Service;
-      }
+      options.isService = desc.value instanceof Service;
     }
     if (options.isService) {
       replaceProperty(properties, prop, inspectValue(hash, prop), options);
@@ -934,7 +936,7 @@ function addProperties(properties, hash) {
     if (isComputed(hash, prop)) {
       options.isComputed = true;
       options.dependentKeys = (desc._dependentKeys || []).map((key) =>
-        key.toString()
+        key.toString(),
       );
 
       if (typeof desc.get === 'function') {
@@ -1085,7 +1087,7 @@ function calculateCPs(
   mixinDetails,
   errorsForObject,
   expensiveProperties,
-  tracked
+  tracked,
 ) {
   expensiveProperties = expensiveProperties || [];
   mixinDetails.forEach((mixin) => {
@@ -1113,7 +1115,7 @@ function calculateCPs(
             item.dependentKeys = getTrackedDependencies(
               object,
               item.name,
-              tagInfo
+              tagInfo,
             );
             tagInfo.revision = tagValue(tagInfo.tag);
           } else {
@@ -1126,6 +1128,9 @@ function calculateCPs(
               item.code = '';
             }
           }
+          if (value instanceof Service) {
+            item.isService = true;
+          }
         }
       }
     });
@@ -1282,9 +1287,9 @@ function getDebugInfo(object) {
       'domManager',
       'states',
       'element',
-      'targetObject'
+      'targetObject',
     );
-  } else if (GlimmerComponent && object instanceof GlimmerComponent) {
+  } else if (GlimmerDebugComponent && object instanceof GlimmerDebugComponent) {
     // These properties don't really exist on Glimmer Components, but
     // reading their values trigger a development mode assertion. The
     // more correct long term fix is to make getters lazy (shows "..."
@@ -1304,8 +1309,9 @@ function calculateCP(object, item, errorsForObject) {
   delete errorsForObject[property];
   try {
     if (object instanceof ArrayProxy && property == parseInt(property)) {
-      return object.objectAt(property);
+      return object.at(property);
     }
+
     return item.isGetter || property.includes?.('.')
       ? object[property]
       : object.get?.(property) || object[property]; // need to use `get` to be able to detect tracked props

package/ember_debug/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "ember-debug",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "watch": "pnpm build --watch",
+    "build": "rollup --config",
+    "prepare": "pnpm build"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@babel/plugin-transform-class-properties": "^7.25.9",
+    "@babel/plugin-transform-class-static-block": "^7.26.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "backburner.js": "^2.8.0",
+    "glob": "^11.0.2",
+    "rollup": "^4.39.0",
+    "rollup-plugin-delete": "^3.0.1",
+    "source-map-js": "^1.2.1"
+  },
+  "exports": {
+    "./*": "./dist/*.js"
+  }
+}

package/ember_debug/port.js

@@ -1,7 +1,7 @@
-import { guidFor } from 'ember-debug/utils/ember/object/internals';
-import { run } from 'ember-debug/utils/ember/runloop';
-import BaseObject from 'ember-debug/utils/base-object';
-import Evented from 'ember-debug/utils/evented';
+import { guidFor } from './utils/ember/object/internals';
+import { run } from './utils/ember/runloop';
+import BaseObject from './utils/base-object';
+import Evented from './utils/evented';
 
 export default class extends BaseObject {
   constructor(data) {
@@ -35,6 +35,7 @@ export default class extends BaseObject {
     return guidFor(this.namespace?._application, 'ember');
   }
 
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     /**
      * Stores the timestamp when it was first accessed.

package/ember_debug/promise-debug.js

@@ -1,7 +1,7 @@
-import DebugPort from './debug-port';
-import PromiseAssembler from 'ember-debug/libs/promise-assembler';
-import { debounce } from 'ember-debug/utils/ember/runloop';
-import RSVP from 'ember-debug/utils/rsvp';
+import DebugPort from './debug-port.js';
+import PromiseAssembler from './libs/promise-assembler';
+import { debounce } from './utils/ember/runloop';
+import { RSVP } from './utils/ember';
 
 export default class extends DebugPort {
   get objectInspector() {
@@ -134,7 +134,7 @@ export default class extends DebugPort {
     }
     // Remove inspector-created promises
     uniquePromises = uniquePromises.filter(
-      (promise) => promise.label !== 'ember-inspector'
+      (promise) => promise.label !== 'ember-inspector',
     );
     const serialized = this.serializeArray(uniquePromises);
     this.sendMessage('promisesUpdated', {

package/ember_debug/render-debug.js

@@ -1,9 +1,9 @@
-import DebugPort from './debug-port';
-import ProfileManager from './models/profile-manager';
+import DebugPort from './debug-port.js';
+import ProfileManager from './models/profile-manager.js';
 
-import { subscribe } from 'ember-debug/utils/ember/instrumentation';
-import { _backburner } from 'ember-debug/utils/ember/runloop';
-import bound from 'ember-debug/utils/bound-method';
+import { subscribe } from './utils/ember';
+import { _backburner } from './utils/ember/runloop';
+import bound from './utils/bound-method';
 
 // Initial setup, that has to occur before the EmberObject init for some reason
 let profileManager = new ProfileManager();

package/ember_debug/rollup.config.js

@@ -0,0 +1,24 @@
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import { babel } from '@rollup/plugin-babel';
+import { globSync } from 'glob';
+import del from 'rollup-plugin-delete';
+
+export default {
+  input: [
+    'main.js',
+    'utils/version.js',
+    'utils/type-check.js',
+    'port.js',
+    'utils/ember.js',
+    'models/profile-node.js',
+    'libs/promise-assembler.js',
+    'lib/versions.js',
+    ...globSync('entrypoints/*.js'),
+  ],
+  output: {
+    dir: 'dist',
+  },
+
+  plugins: [babel(), nodeResolve(), commonjs(), del({ targets: 'dist' })],
+};

package/ember_debug/route-debug.js

@@ -1,16 +1,18 @@
 /* eslint-disable ember/no-private-routing-service */
-import DebugPort from './debug-port';
-import { compareVersion } from 'ember-debug/utils/version';
-import { VERSION } from 'ember-debug/utils/ember';
-import classify from 'ember-debug/utils/classify';
-import dasherize from 'ember-debug/utils/dasherize';
-import { _backburner, later } from 'ember-debug/utils/ember/runloop';
-import bound from 'ember-debug/utils/bound-method';
+import DebugPort from './debug-port.js';
+import { compareVersion } from './utils/version';
+import { VERSION } from './utils/ember';
+import classify from './utils/classify';
+import dasherize from './utils/dasherize';
+import { _backburner, later } from './utils/ember/runloop';
+import bound from './utils/bound-method';
 
 const { hasOwnProperty } = Object.prototype;
 
 export default class RouteDebug extends DebugPort {
   _cachedRouteTree = null;
+
+  // eslint-disable-next-line ember/classic-decorator-hooks
   init() {
     super.init();
     this.__currentURL = this.currentURL;
@@ -67,7 +69,6 @@ export default class RouteDebug extends DebugPort {
     };
   }
 
-  // eslint-disable-next-line ember/no-observers
   sendCurrentRoute() {
     const { currentPath: name, currentURL: url } = this;
     later(() => {
@@ -133,7 +134,7 @@ export default class RouteDebug extends DebugPort {
         // Module exists and found
         className = className.replace(
           new RegExp(`^/?(${prefix}|${podPrefix})/${type}s/`),
-          ''
+          '',
         );
       } else {
         // Module does not exist

package/ember_debug/services/session.js

@@ -1,4 +1,4 @@
-import BaseObject from 'ember-debug/utils/base-object';
+import BaseObject from '../utils/base-object';
 
 class Session extends BaseObject {
   setItem(/*key, val*/) {}
@@ -12,7 +12,7 @@ try {
   if (typeof sessionStorage !== 'undefined') {
     SESSION_STORAGE_SUPPORTED = true;
   }
-} catch (e) {
+} catch {
   // This can be reached with the following succession of events:
   //
   //   1. On Google Chrome

package/ember_debug/utils/classify.js

@@ -18,6 +18,6 @@ export default function classify(str) {
   return parts
     .join('/')
     .replace(STRING_CLASSIFY_REGEXP_3, (match /*, separator, chr */) =>
-      match.toUpperCase()
+      match.toUpperCase(),
     );
 }

package/ember_debug/utils/ember/object/internals.js

@@ -1,14 +1,4 @@
-import Ember from '../../ember';
-
-let module;
-
-try {
-  module = requireModule('@ember/object/internals');
-} catch {
-  module = Ember;
-}
-
-let { cacheFor, guidFor: emberGuidFor } = module;
+import { cacheFor, guidFor as emberGuidFor } from '../../ember.js';
 
 // it can happen that different ember apps/iframes have the same id for different objects
 // since the implementation is just a counter, so we add a prefix per iframe & app

package/ember_debug/utils/ember/own-runloop.js

@@ -1,4 +1,4 @@
-import Backburner from 'ember-debug/deps/backburner';
+import Backburner from 'backburner.js';
 
 let currentRunLoop = null;
 export function _getCurrentRunLoop() {

package/ember_debug/utils/ember/runloop.js

@@ -1,19 +1,16 @@
-import Ember from '../ember';
-import * as runloop from './own-runloop';
+import { Runloop as EmberRunloop } from '../ember.js';
+import * as runloop from './own-runloop.js';
 
+// it could happen that runloop is available but _backburner is not exported (dead code)
+// then we need to use our own.
 let module = runloop;
 let _backburner = runloop._backburner;
 
 const keys = ['cancel', 'debounce', 'join', 'later', 'scheduleOnce'];
 
-try {
-  module = requireModule('@ember/runloop');
-  // it could happen that runloop is available but _backburner is not exported (dead code)
-  // then we need to use our own
-  _backburner = module._backburner;
-} catch {
-  _backburner = Ember?.run?.backburner || module._backburner;
-  module = Ember?.run || module;
+if (EmberRunloop) {
+  module = EmberRunloop;
+  _backburner = EmberRunloop._backburner || EmberRunloop.backburner;
 }
 
 if (!keys.every((k) => k in module)) {

package/ember_debug/utils/ember-object-names.js

@@ -1,5 +1,4 @@
-import { compareVersion } from 'ember-debug/utils/version';
-import { emberSafeRequire } from 'ember-debug/utils/ember/loader';
+import { compareVersion } from '../utils/version';
 import {
   VERSION,
   ActionHandler,
@@ -10,10 +9,12 @@ import {
   MutableArray,
   Component,
   Evented,
+  InternalsRuntime,
+  InternalsViews,
   PromiseProxyMixin,
   EmberObject,
   Observable,
-} from 'ember-debug/utils/ember';
+} from '../utils/ember';
 
 /**
  * Add Known Ember Mixins and Classes so we can label them correctly in the inspector
@@ -33,14 +34,12 @@ const emberNames = new Map([
 ]);
 
 if (compareVersion(VERSION, '3.27.0') === -1) {
-  const TargetActionSupport = emberSafeRequire(
-    '@ember/-internals/runtime'
-  )?.TargetActionSupport;
+  const TargetActionSupport = InternalsRuntime?.TargetActionSupport;
   emberNames.set(TargetActionSupport, 'TargetActionSupport Mixin');
 }
 
 try {
-  const Views = emberSafeRequire('@ember/-internals/views') || {};
+  const Views = InternalsViews || {};
   emberNames.set(Views.ViewStateSupport, 'ViewStateSupport Mixin');
   emberNames.set(Views.ViewMixin, 'View Mixin');
   emberNames.set(Views.ActionSupport, 'ActionSupport Mixin');
@@ -49,7 +48,7 @@ try {
   emberNames.set(Views.ViewStateSupport, 'ViewStateSupport  Mixin');
   // this one is not a Mixin, but an .extend({}), which results in a class
   emberNames.set(Views.CoreView, 'CoreView');
-} catch (e) {
+} catch {
   // do nothing
 }