Virtual fix for ember-inspector

[BlueCutOfficial]

Fixes #2484

Context

As part of the Ember Initiative, @mansona and I are trying to get ember-inspector to work for Vite apps. Two draft PRs have been opened in ember.js and ember-inspector as proof of concept of a new protocol that would allow the inspector to communicate with the Ember Vite app on the page.

Changes in ember.js will require going through an RFC process though, and meanwhile, Vite users are stuck with a non-functional inspector.

Changes

This PR proposes a temporary solution to have ember-inspector work for Vite apps:

• a vite plugin creates the file that should be ultimately provided by ember.js: a globalThis.emberInspectorLoader.load() that returns everything the inspector needs to know to show information about the page.
• a compat-adapter for ember-source < 4.8 returns more or less the same thing but for these versions @ember/enumerable/mutable didn't exist yet, and EnumerableMutable must be imported from another place.

How to test

• Serve the app-template on http://localhost:4200/
• Clone mansona/ember-inspector and switch to vite-support branch
• Follow the section of ember-inspector's README about pnpm serve:bookmarklet to run the local inspector against http://localhost:4200/

[mansona]

So looking at this PR I figured it looked strange that a virtual file would have a namespace that really exists in a ember-source 🤔 and also one that we expect to make a real file in some future version of ember-source

I know I kept saying "Virtual file" when we talked about this but with the fact that it's something that could change with different Ember versions and exists in a real namespace I think we should add this to the ember-source compat adapter

I'm pretty sure the replaceFile() function that I created should be able to create new files 🤔 https://github.com/embroider-build/embroider/blob/main/packages/compat/src/compat-adapters/ember-source.ts#L320C5-L320C16

[patricklx]

hi, I saw that this work started 👍
also consider possible race conditions for the loading part.
especially when a window is reloaded and inspector was already opended, the order of script loading is not guaranteed .
so inspector debug inject vs ember app scripts.
in previous ember source there was a dispatched event ember, which inspector uses

[mansona]

@patricklx yes that was at the bottom of the barrel file which is now deprecated, likely won't be included if you're using vite and will be removed in Ember 7 👍 so we can't rely on that for our architecture

[patricklx]

Here is also a similar implementation directly in ember.js.
It contains the full list of all used classes and functions used by inspector.

https://github.com/emberjs/ember.js/pull/20580/files