ember-inspector 4.13.1-alpha.2025.7.8 → 4.13.1-alpha.2025.8.1

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

@@ -1,4 +1,4 @@
-import { compareVersion } from 'ember-debug/utils/version';
+import { compareVersion } from '../utils/version';
 import {
   VERSION,
   ActionHandler,
@@ -14,7 +14,7 @@ import {
   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

package/ember_debug/utils/ember.js

@@ -29,31 +29,30 @@ export function emberSafeRequire(id) {
   }
 }
 
-let ArrayProxy = Ember.ArrayProxy;
-let Namespace = Ember.Namespace;
-let ActionHandler = Ember.ActionHandler;
-let ControllerMixin = Ember.ControllerMixin;
-let CoreObject = Ember.CoreObject;
-let Application = Ember.Application;
-let MutableArray = Ember.MutableArray;
-let MutableEnumerable = Ember.MutableEnumerable;
-let NativeArray = Ember.NativeArray;
-let Component = Ember.Component;
-let Observable = Ember.Observable;
-let Evented = Ember.Evented;
-let PromiseProxyMixin = Ember.PromiseProxyMixin;
-let Service = Ember.Service;
-let ObjectProxy = Ember.ObjectProxy;
-let VERSION = Ember.VERSION;
-let ComputedProperty = Ember.ComputedProperty;
-let meta = Ember.meta;
-let get = Ember.get;
-let set = Ember.set;
-let computed = Ember.computed;
-let EmberObject = Ember.Object;
-let captureRenderTree = Ember._captureRenderTree;
-
-let getEnv = () => Ember.ENV;
+let ArrayProxy,
+  Namespace,
+  ActionHandler,
+  ControllerMixin,
+  CoreObject,
+  Application,
+  MutableArray,
+  MutableEnumerable,
+  NativeArray,
+  Component,
+  Observable,
+  Evented,
+  PromiseProxyMixin,
+  Service,
+  ObjectProxy,
+  VERSION,
+  ComputedProperty,
+  meta,
+  get,
+  set,
+  computed,
+  EmberObject,
+  captureRenderTree,
+  getEnv;
 
 let Debug = emberSafeRequire('@ember/debug');
 let InternalsMetal = emberSafeRequire('@ember/-internals/metal');
@@ -64,7 +63,9 @@ let EmberDestroyable = emberSafeRequire('@ember/destroyable');
 let ObjectInternals = emberSafeRequire('@ember/object/internals');
 let Instrumentation = emberSafeRequire('@ember/instrumentation');
 let Runloop = emberSafeRequire('@ember/runloop');
+
 let RSVP = emberSafeRequire('rsvp');
+
 let GlimmerComponent = emberSafeRequire('@glimmer/component');
 let GlimmerManager = emberSafeRequire('@glimmer/manager');
 let GlimmerReference = emberSafeRequire('@glimmer/reference');
@@ -72,7 +73,47 @@ let GlimmerRuntime = emberSafeRequire('@glimmer/runtime');
 let GlimmerUtil = emberSafeRequire('@glimmer/util');
 let GlimmerValidator = emberSafeRequire('@glimmer/validator');
 
-if (!Ember) {
+let inspect = Debug?.inspect || InternalsUtils?.inspect;
+let subscribe = Instrumentation?.subscribe;
+let cacheFor = ObjectInternals?.cacheFor;
+let guidFor = ObjectInternals?.guidFor;
+let libraries = InternalsMetal?.libraries;
+
+if (Ember) {
+  captureRenderTree = Ember._captureRenderTree;
+  getEnv = () => Ember.ENV;
+  ArrayProxy = Ember.ArrayProxy;
+  ObjectProxy = Ember.ObjectProxy;
+  MutableArray = Ember.MutableArray;
+  Namespace = Ember.Namespace;
+  MutableEnumerable = Ember.MutableEnumerable;
+  NativeArray = Ember.NativeArray;
+  ControllerMixin = Ember.ControllerMixin;
+  CoreObject = Ember.CoreObject;
+  Application = Ember.Application;
+  Component = Ember.Component;
+  Observable = Ember.Observable;
+  Evented = Ember.Evented;
+  PromiseProxyMixin = Ember.PromiseProxyMixin;
+  Service = Ember.Service;
+  EmberObject = Ember.Object;
+  VERSION = Ember.VERSION;
+  ComputedProperty = Ember.ComputedProperty;
+  meta = Ember.meta;
+  get = Ember.get;
+  set = Ember.set;
+  computed = Ember.computed;
+  ActionHandler = Ember.ActionHandler;
+  Debug = Debug ?? Ember.Debug;
+  inspect = inspect ?? Ember.inspect;
+  Instrumentation = Instrumentation ?? Ember.Instrumentation;
+  subscribe = subscribe ?? Ember.subscribe;
+  RSVP = RSVP ?? Ember.RSVP;
+  Runloop = Runloop ?? Ember.run;
+  cacheFor = cacheFor ?? Ember.cacheFor;
+  guidFor = guidFor ?? Ember.guidFor;
+  libraries = libraries ?? Ember.libraries;
+} else {
   captureRenderTree = emberSafeRequire('@ember/debug')?.captureRenderTree;
   getEnv = emberSafeRequire('@ember/-internals/environment')?.getENV;
   ArrayProxy = emberSafeRequire('@ember/array/proxy')?.default;
@@ -136,6 +177,11 @@ export {
   set,
   captureRenderTree,
   getEnv,
+  inspect,
+  subscribe,
+  cacheFor,
+  guidFor,
+  libraries,
   GlimmerComponent,
   GlimmerManager,
   GlimmerReference,
@@ -143,5 +189,3 @@ export {
   GlimmerUtil,
   GlimmerValidator,
 };
-
-export default Ember;

package/ember_debug/utils/get-object-name.js

@@ -1,4 +1,4 @@
-import emberNames from './ember-object-names';
+import emberNames from './ember-object-names.js';
 
 export default function getObjectName(object) {
   let name = '';

package/ember_debug/utils/type-check.js

@@ -1,10 +1,10 @@
-import Debug, { inspect as emberInspect } from 'ember-debug/utils/ember/debug';
+import { Debug, inspect as emberInspect } from '../utils/ember';
 import {
   ComputedProperty,
   EmberObject,
   meta as emberMeta,
   InternalsMetal,
-} from 'ember-debug/utils/ember';
+} from '../utils/ember';
 
 /**
  * Check if given key on the passed object is a computed property

package/ember_debug/view-debug.js

@@ -1,8 +1,8 @@
 /* eslint no-cond-assign:0 */
-import DebugPort from './debug-port';
-import RenderTree from 'ember-debug/libs/render-tree';
-import ViewInspection from 'ember-debug/libs/view-inspection';
-import bound from 'ember-debug/utils/bound-method';
+import DebugPort from './debug-port.js';
+import RenderTree from './libs/render-tree';
+import ViewInspection from './libs/view-inspection';
+import bound from './utils/bound-method';
 
 export default class extends DebugPort {
   get adapter() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-inspector",
-  "version": "4.13.1-alpha.2025.7.8+e8dd6fa",
+  "version": "4.13.1-alpha.2025.8.1+16080e0",
   "description": "Extends developer tools to allow you to better inspect your Ember.js apps.",
   "repository": "https://github.com/emberjs/ember-inspector",
   "license": "MIT",
@@ -62,6 +62,7 @@
     "ember-cli-babel": "^8.2.0",
     "ember-cli-clean-css": "^3.0.0",
     "ember-cli-code-coverage": "^1.0.3",
+    "ember-cli-cors": "^0.0.2",
     "ember-cli-dependency-checker": "^3.3.3",
     "ember-cli-deprecation-workflow": "^2.2.0",
     "ember-cli-htmlbars": "^6.3.0",
@@ -124,14 +125,15 @@
     "tracked-toolbox": "^2.0.0",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",
-    "webpack": "^5.97.1"
+    "webpack": "^5.97.1",
+    "ember-debug": "0.0.0"
   },
   "engines": {
-    "node": ">= 18",
+    "node": ">= 22",
     "pnpm": "^9.0.0"
   },
   "volta": {
-    "node": "18.20.4",
+    "node": "22.17.1",
     "pnpm": "9.12.1"
   },
   "publishConfig": {
@@ -140,11 +142,6 @@
   "ember": {
     "edition": "octane"
   },
-  "ember-addon": {
-    "paths": [
-      "lib/ui"
-    ]
-  },
   "emberVersionsSupported": [
     "3.16.0",
     ""

package/skeletons/bookmarklet/load_inspector.js

@@ -72,6 +72,7 @@
 
   function injectEmberDebug(fileName) {
     var script = document.createElement('script');
+    script.type = 'module';
     script.src = url + '/' + fileName;
     document.body.appendChild(script);
   }

package/skeletons/web-extension/content-script.js

@@ -90,6 +90,7 @@
       if (!injected) {
         // cannot use eval here, as the context is limited to the content script-
         const elem = document.createElement('script');
+        elem.type = 'module';
         elem.src = message.value;
         document.head.appendChild(elem);
         injected = true;

package/skeletons/web-extension/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "Ember Inspector (Nightly)",
   "description": "Tool for debugging Ember applications.",
-  "version": "2025.7.8",
+  "version": "2025.8.1",
   "icons": {
     "16": "{{PANE_ROOT}}/assets/images/icon16.png",
     "38": "{{PANE_ROOT}}/assets/images/icon38.png",
@@ -67,12 +67,12 @@
     {
       "resources": [
         "scripts/in-page-script.js",
-        "panes-*/ember_debug.js"
+        "panes-*/*.js"
       ],
       "matches": [
         "*://*/*"
       ]
     }
   ],
-  "version_name": "4.13.1 (nightly build 2025.7.8 / e8dd6fa)"
+  "version_name": "4.13.1 (nightly build 2025.8.1 / 16080e0)"
 }

package/tests/ember_debug/profile-manager-test.js

@@ -10,12 +10,10 @@ import { hbs } from 'ember-cli-htmlbars';
 import EmberDebug from 'ember-debug/main';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
 import { run } from '@ember/runloop';
-import Ember from 'ember-debug/ember';
+import { VERSION } from 'ember-debug/ember';
 import { compareVersion } from 'ember-debug/version';
 import { setComponentTemplate } from '@ember/component';
 
-const { VERSION } = Ember;
-
 const isComponentHighlightSupported = compareVersion(VERSION, '3.20.0') !== -1;
 
 const getRounded = (value) => {

package/tests/index.html

@@ -31,7 +31,7 @@
     {{content-for "head-footer"}}
     {{content-for "test-head-footer"}}
   </head>
-  <body class="theme--light">
+  <body class="theme-light">
 
     {{content-for "body"}}
     {{content-for "test-body"}}
@@ -47,7 +47,6 @@
     <script src="{{rootURL}}assets/vendor.js"></script>
     <script src="{{rootURL}}assets/test-support.js"></script>
     <script src="{{rootURL}}assets/ember-inspector.js"></script>
-    <script src="{{rootURL}}ember_debug.js"></script>
     <script src="{{rootURL}}assets/tests.js"></script>
 
     {{content-for "body-footer"}}

package/tests/integration/injection-test.js

@@ -317,8 +317,8 @@ module('Integration | Injection', function (hooks) {
 
   test('inject ember debug via content and background scripts', async function (assert) {
     await inject(this.owner, assert);
-    const { requireModule } = getLoader(window.define, window.requireModule);
-    const emberDebug = requireModule('ember-debug/main');
+    const emberDebug = globalThis.EmberInspector;
+
     assert.notStrictEqual(
       emberDebug,
       undefined,
@@ -338,7 +338,7 @@ module('Integration | Injection', function (hooks) {
     await inject(this.owner, assert);
     assert.timeout(100);
 
-    const emberDebug = requireModule('ember-debug/main');
+    const emberDebug = globalThis.EmberInspector;
     const viewInspection = emberDebug.viewDebug.viewInspection;
 
     const inspectNearestCalled = new Promise((resolve) => {

package/tests/test-helper.js

@@ -8,9 +8,6 @@ import TestAdapter from './test-adapter';
 import setupSinon from 'ember-sinon-qunit';
 import registerWaiter from 'ember-raf-scheduler/test-support/register-waiter';
 
-// ensure ember-debug is required
-import 'ember-debug/main';
-
 registerWaiter();
 
 /**

package/ember_debug/utils/ember/debug.js

@@ -1,21 +0,0 @@
-import Ember, { Debug, InternalsUtils } from '../ember';
-
-let module;
-export let inspect;
-
-if (Debug) {
-  module = Debug;
-  inspect = Debug.inspect || InternalsUtils.inspect;
-} else {
-  module = Ember.Debug;
-  // eslint-disable-next-line ember/new-module-imports
-  inspect = Ember.inspect;
-}
-
-if (!inspect) {
-  // eslint-disable-next-line ember/new-module-imports
-  inspect = Ember.inspect;
-}
-
-export let { registerDeprecationHandler } = module;
-export default module;

package/ember_debug/utils/ember/instrumentation.js

@@ -1,11 +0,0 @@
-import Ember, { Instrumentation } from '../ember';
-
-let module;
-
-if (Instrumentation) {
-  module = Instrumentation;
-} else {
-  module = Ember;
-}
-
-export let { subscribe } = module;

package/ember_debug/utils/rsvp.js

@@ -1,14 +0,0 @@
-import Ember, { RSVP as emberRSVP } from './ember';
-
-let module;
-
-if (emberRSVP) {
-  module = emberRSVP;
-} else {
-  // eslint-disable-next-line ember/new-module-imports
-  module = Ember.RSVP;
-}
-
-export let { Promise, all, resolve } = module;
-
-export default module;

package/ember_debug/vendor/loader.js

@@ -1,54 +0,0 @@
-/* eslint-disable */
-let define = window.define && ((...args) => window.define(...args)),
-  exports = undefined,
-  module = undefined,
-  require = window.requireModule,
-  requireModule = window.requireModule;
-/* eslint-enable */
-if (typeof define !== 'function' || typeof requireModule !== 'function') {
-  (function () {
-    let registry = {},
-      seen = {};
-
-    define = function (name, deps, callback) {
-      if (arguments.length < 3) {
-        callback = deps;
-        deps = [];
-      }
-      registry[name] = { deps, callback };
-    };
-
-    requireModule = function (name) {
-      if (seen[name]) {
-        return seen[name];
-      }
-
-      let mod = registry[name];
-      if (!mod) {
-        throw new Error(`Module: '${name}' not found.`);
-      }
-
-      seen[name] = {};
-
-      let deps = mod.deps;
-      let callback = mod.callback;
-      let reified = [];
-      let exports;
-
-      for (let i = 0, l = deps.length; i < l; i++) {
-        if (deps[i] === 'exports') {
-          reified.push((exports = {}));
-        } else {
-          reified.push(requireModule(deps[i]));
-        }
-      }
-
-      let value = callback.apply(this, reified);
-      seen[name] = exports || value;
-      return seen[name];
-    };
-
-    define.registry = registry;
-    define.seen = seen;
-  })();
-}