feat(showcase): vite

Author: aklkv

package.json

@@ -25,12 +25,14 @@
   },
   "pnpm": {
     "overrides": {
-      "ember-composable-helpers": "npm:@nullvoxpopuli/ember-composable-helpers@^5.2.9"
+      "ember-composable-helpers": "npm:@nullvoxpopuli/ember-composable-helpers@^5.2.9",
+      "ember-get-config": "git://github.com/mansona/ember-get-config.git#config-meta-loader"
     },
     "patchedDependencies": {
       "@embroider/core": "patches/@embroider__core.patch",
       "@glint/environment-ember-loose": "patches/@glint__environment-ember-loose.patch",
-      "broccoli-asset-rewrite": "patches/broccoli-asset-rewrite.patch"
+      "broccoli-asset-rewrite": "patches/broccoli-asset-rewrite.patch",
+      "@embroider/[email protected]": "patches/@[email protected]"
     }
   }
 }

packages/flight-icons/svg-sprite/svg-sprite-module.js

@@ -0,0 +1,32 @@
+diff --git a/dist/src/app-files.js b/dist/src/app-files.js
+index 924a11241f9e6584fee5aba793e9cd86ea6d708f..6822e87bba314adeacee240964fd6f3317349088 100644
+--- a/dist/src/app-files.js
++++ b/dist/src/app-files.js
+@@ -74,10 +74,10 @@ class AppFiles {
+                 }
+                 continue;
+             }
+-            if (relativePath.startsWith('templates/components/')) {
+-                components.push(relativePath);
+-                continue;
+-            }
++            // if (relativePath.startsWith('templates/components/')) {
++            //     components.push(relativePath);
++            //     continue;
++            // }
+             if (relativePath.startsWith('helpers/')) {
+                 helpers.push(relativePath);
+                 continue;
+diff --git a/dist/src/module-resolver.js b/dist/src/module-resolver.js
+index b9a779995bd8a08fa86d47a0ea77c7b394a1a2bd..2206395627189588033a849505d5e074b9cbb458 100644
+--- a/dist/src/module-resolver.js
++++ b/dist/src/module-resolver.js
+@@ -479,7 +479,7 @@ class Resolver {
+             .rehome((0, path_1.resolve)(inEngine.root, 'package.json')));
+     }
+     *componentTemplateCandidates(inPackageName) {
+-        yield { prefix: '/templates/components/', suffix: '' };
++        // yield { prefix: '/templates/components/', suffix: '' };
+         yield { prefix: '/components/', suffix: '/template' };
+         let pods = this.podPrefix(inPackageName);
+         if (pods) {

patches/@[email protected]

@@ -1,3 +1,5 @@
+/tmp/
+
 # compiled output
 /dist/
 /declarations/

pnpm-lock.yaml

@@ -6,12 +6,14 @@
 import Application from '@ember/application';
 import Resolver from 'ember-resolver';
 import loadInitializers from 'ember-load-initializers';
-import config from 'showcase/config/environment';
+import config from './config/environment';
+
+import compatModules from '@embroider/virtual/compat-modules';
 
 export default class App extends Application {
   modulePrefix = config.modulePrefix;
   podModulePrefix = config.podModulePrefix;
-  Resolver = Resolver;
+  Resolver = Resolver.withModules(compatModules);
 }
 
-loadInitializers(App, config.modulePrefix);
+loadInitializers(App, config.modulePrefix, compatModules);

showcase/.gitignore

@@ -0,0 +1,3 @@
+import loadConfigFromMeta from '@embroider/config-meta-loader';
+
+export default loadConfigFromMeta('showcase');

showcase/app/app.ts

@@ -0,0 +1,50 @@
+const {
+  babelCompatSupport,
+  templateCompatSupport,
+} = require('@embroider/compat/babel');
+
+module.exports = {
+  plugins: [
+    [
+      '@babel/plugin-transform-typescript',
+      {
+        allExtensions: true,
+        onlyRemoveTypeImports: true,
+        allowDeclareFields: true,
+      },
+    ],
+    [
+      'babel-plugin-ember-template-compilation',
+      {
+        compilerPath: 'ember-source/dist/ember-template-compiler.js',
+        enableLegacyModules: [
+          'ember-cli-htmlbars',
+          'ember-cli-htmlbars-inline-precompile',
+          'htmlbars-inline-precompile',
+        ],
+        transforms: [...templateCompatSupport()],
+      },
+    ],
+    [
+      'module:decorator-transforms',
+      {
+        runtime: {
+          import: require.resolve('decorator-transforms/runtime-esm'),
+        },
+      },
+    ],
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        absoluteRuntime: __dirname,
+        useESModules: true,
+        regenerator: false,
+      },
+    ],
+    ...babelCompatSupport(),
+  ],
+
+  generatorOpts: {
+    compact: false,
+  },
+};

showcase/app/config/environment.js

@@ -4,10 +4,13 @@
  */
 
 'use strict';
-
 const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
-module.exports = function (defaults) {
+const { compatBuild } = require('@embroider/compat');
+
+module.exports = async function (defaults) {
+  const { buildOnce } = await import('@embroider/vite');
+
   const app = new EmberApp(defaults, {
     'ember-cli-babel': {
       enableTypeScriptTransform: true,
@@ -37,12 +40,5 @@ module.exports = function (defaults) {
     behave. You most likely want to be modifying `./index.js` or app's build file
   */
 
-  const { maybeEmbroider } = require('@embroider/test-setup');
-  return maybeEmbroider(app, {
-    skipBabel: [
-      {
-        package: 'qunit',
-      },
-    ],
-  });
+  return compatBuild(app, buildOnce);
 };

showcase/babel.config.cjs

@@ -30,15 +30,6 @@ const parserOptions = {
     js: {
       ecmaFeatures: { modules: true },
       ecmaVersion: 'latest',
-      requireConfigFile: false,
-      babelOptions: {
-        plugins: [
-          [
-            '@babel/plugin-proposal-decorators',
-            { decoratorsBeforeExport: true },
-          ],
-        ],
-      },
     },
     ts: {
       projectService: true,
@@ -104,10 +95,8 @@ export default ts.config(
     files: [
       '**/*.cjs',
       'config/**/*.js',
-      'tests/dummy/config/**/*.js',
       'testem.js',
       'testem*.js',
-      'index.js',
       '.prettierrc.js',
       '.stylelintrc.js',
       '.template-lintrc.js',