add new app.js structure

eslint.config.mjs

@@ -8,8 +8,13 @@ export default [
     languageOptions: { sourceType: 'commonjs' },
   },
   {
-    files: ['files/app/**/*.js'],
-    languageOptions: { sourceType: 'module' },
+    files: ['files/app/**/*.js', 'files-override/app/**/*.js'],
+    languageOptions: {
+      sourceType: 'module',
+      globals: {
+        ...globals.browser,
+      },
+    },
   },
   { languageOptions: { globals: globals.node } },
   pluginJs.configs.recommended,

files-override/app/app.js

@@ -0,0 +1,21 @@
+import Application from '@ember/application';
+import compatModules from '@embroider/core/entrypoint';
+import Resolver from 'ember-resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+let d = window.define;
+
+for (const [name, module] of Object.entries(compatModules)) {
+  d(name, function () {
+    return module;
+  });
+}
+
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver;
+}
+
+loadInitializers(App, config.modulePrefix);

files-override/app/index.html

@@ -17,7 +17,12 @@
     {{content-for "body"}}
 
     <script src="/@embroider/core/vendor.js"></script>
-    <script src="/@embroider/core/entrypoint" type="module"></script>
+    <script type="module">
+      import Application from './app';
+      import environment from './config/environment';
+
+      Application.create(environment.APP);
+    </script>
 
     {{content-for "body-footer"}}
   </body>