Merge pull request #1968 from NullVoxPopuli/pre-optimize-vite-load

Optimize REPL load - Rolldown, etc

Author: NullVoxPopuli

apps/repl/app/app.ts

@@ -7,7 +7,6 @@ import { isDevelopingApp, macroCondition } from '@embroider/macros';
 import PageTitleService from 'ember-page-title/services/page-title';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - no types
-import EmberResizeObserverService from 'ember-resize-observer-service/addon/services/resize-observer';
 import Application from 'ember-strict-application-resolver';
 
 import '@nullvoxpopuli/limber-shared/theme.css';
@@ -30,18 +29,10 @@ export default class App extends Application {
     ...import.meta.glob('./routes/{edit,index,application,error-404}.ts', { eager: true }),
     ...import.meta.glob('./services/{editor,status}.ts', { eager: true }),
     ...import.meta.glob('./controllers/*.ts', { eager: true }),
-    ...import.meta.glob('./templates/docs/*.gts', { eager: true }),
-    ...import.meta.glob('./templates/{application,edit,output,docs,error-404}.gts', {
+    ...import.meta.glob('./templates/{application,edit,output,error-404}.gts', {
       eager: true,
     }),
 
-    // /////////////////
-    // To Eliminate
-    // /////////////////
-
-    // Used by ember-container-query
-    './services/resize-observer': EmberResizeObserverService,
-
     // /////////////////
     // To keep
     // /////////////////

apps/repl/app/modifiers/-utils/highlighting.ts

@@ -6,7 +6,7 @@ import { modifier } from 'ember-modifier';
 
 import { isAllowedFormat } from '#app/languages.gts';
 
-import { getHighlighter } from './-utils/highlighting';
+import { getHighlighter } from '@nullvoxpopuli/limber-shared';
 
 interface Signature {
   Element: HTMLPreElement;

apps/repl/app/modifiers/highlighted.ts

@@ -21,9 +21,9 @@ function bundle(name: string, loader: () => Promise<{ default: unknown }>[]) {
       const slashName = name.replaceAll('.', '/');
       const results: Record<string, unknown> = {};
 
-      if (template) results[`limber/templates/${slashName}`] = template.default;
-      if (route) results[`limber/routes/${slashName}`] = route.default;
-      if (controller) results[`limber/controllers/${slashName}`] = controller.default;
+      if (template) results[`./templates/${slashName}`] = template.default;
+      if (route) results[`./routes/${slashName}`] = route.default;
+      if (controller) results[`./controllers/${slashName}`] = controller.default;
 
       return {
         default: results,
@@ -34,6 +34,7 @@ function bundle(name: string, loader: () => Promise<{ default: unknown }>[]) {
 
 (window as any)._embroiderRouteBundles_ = [
   bundle('docs', () => [import('./templates/docs.gts')]),
+  bundle('docs.index', () => [import('./templates/docs/index.gts')]),
   bundle('docs.repl-sdk', () => [import('./templates/docs/repl-sdk.gts')]),
   bundle('docs.ember-repl', () => [import('./templates/docs/ember-repl.gts')]),
   bundle('docs.embedding', () => [import('./templates/docs/embedding.gts')]),

apps/repl/app/router.ts

@@ -7,9 +7,10 @@ import Shadowed from 'ember-primitives/components/shadowed';
 import { setupTabster } from 'ember-primitives/tabster';
 import { getCompiler, setupCompiler } from 'ember-repl';
 
-import { getHighlighter } from '#app/modifiers/-utils/highlighting.ts';
 import CopyMenu from '#components/copy-menu.gts';
 
+import { getHighlighter } from '@nullvoxpopuli/limber-shared';
+
 import { importMap } from './import-map.ts';
 
 import type Owner from '@ember/owner';

apps/repl/app/routes/application.ts

@@ -9,7 +9,7 @@ import { ExternalLink as Link } from '@nullvoxpopuli/limber-shared';
 
 import { Editor } from './edit/editor/index.gts';
 import Guest from './edit/guest.gts';
-import Header from './edit/header';
+import Header from './edit/header.gts';
 import Layout from './edit/layout/index.gts';
 
 import type RouterService from '@ember/routing/router-service';

apps/repl/app/templates/edit.gts

@@ -1,4 +1,4 @@
-import Header from './edit/header';
+import Header from './edit/header.gts';
 
 import type { TOC } from '@ember/component/template-only';
 

apps/repl/app/templates/error-404.gts

@@ -290,7 +290,7 @@ export class FileURIComponent {
     const current = this.#currentURL();
     let { pathname: base, searchParams: activeQPs } = new URL(current);
 
-    if (base === '/') {
+    if (base === '/' || base.startsWith('/docs')) {
       base = '/edit/';
     }
 

apps/repl/app/utils/editor-text.ts

@@ -1,12 +1,12 @@
-const { buildMacros } = require('@embroider/macros/babel');
+import { buildMacros } from '@embroider/macros/babel';
 
 const macros = buildMacros({
   configure(config) {
-    config.setGlobalConfig(__filename, '@embroider/core', { active: true });
+    config.setGlobalConfig(import.meta.filename, '@embroider/core', { active: true });
   },
 });
 
-module.exports = {
+export default {
   plugins: [
     [
       '@babel/plugin-transform-typescript',
@@ -32,14 +32,14 @@ module.exports = {
       'module:decorator-transforms',
       {
         runtime: {
-          import: require.resolve('decorator-transforms/runtime-esm'),
+          import: import.meta.resolve('decorator-transforms/runtime-esm'),
         },
       },
     ],
     [
       '@babel/plugin-transform-runtime',
       {
-        absoluteRuntime: __dirname,
+        absoluteRuntime: import.meta.dirname,
         useESModules: true,
         regenerator: false,
       },

apps/repl/babel.config.cjs apps/repl/babel.config.mjsapps/repl/babel.config.cjs renamed to apps/repl/babel.config.mjs

@@ -17,7 +17,7 @@
     "last 1 safari versions"
   ],
   "scripts": {
-    "build:test": "NODE_ENV=development vite build --mode test",
+    "build:test": "NODE_ENV=development vite build --mode development",
     "build:prod": "NODE_ENV=development vite build --mode development",
     "lint:types": "ember-tsc --noEmit",
     "lint:fix": "pnpm -w exec lint fix",
@@ -82,7 +82,6 @@
     "decorator-transforms": "^2.3.0",
     "ember-async-data": "2.0.1",
     "ember-load-initializers": "^3.0.1",
-    "ember-modifier": "^4.1.0",
     "ember-on-resize-modifier": "^2.0.2",
     "ember-page-title": "^9.0.3",
     "ember-qunit": "^9.0.4",
@@ -93,6 +92,8 @@
     "fractal-page-object": "^1.0.0",
     "loader.js": "^4.7.0",
     "onp": "^2.0.4",
+    "oxc-parser": "^0.102.0",
+    "oxc-transform": "^0.102.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "prettier": "^3.7.4",
@@ -108,10 +109,11 @@
     "typescript": "5.9.3",
     "unplugin-icons": "^22.5.0",
     "vfile": "^6.0.3",
-    "vite": "^7.2.7",
+    "vite": "8.0.0-beta.2",
     "vite-bundle-analyzer": "^1.3.1",
     "vite-plugin-circular-dependency": "^0.5.0",
-    "vite-plugin-mkcert": "^1.17.9"
+    "vite-plugin-mkcert": "^1.17.9",
+    "zimmerframe": "^1.1.4"
   },
   "engines": {
     "node": ">= v24"
@@ -160,12 +162,9 @@
     "ember-modifier": "^4.2.0",
     "ember-primitives": "^0.48.1",
     "ember-repl": "workspace:*",
-    "ember-resize-observer-service": "^1.1.0",
     "ember-resources": "^7.0.7",
     "ember-statechart-component": "7.1.0",
     "ember-strict-application-resolver": "^0.1.1",
-    "highlight.js": "^11.11.1",
-    "highlightjs-glimmer": "^2.2.2",
     "html-to-image": "^1.11.13",
     "kolay": "^3.9.1",
     "limber-ui": "workspace:*",
@@ -179,7 +178,6 @@
     "remark-html": "16.0.1",
     "remark-parse": "11.0.0",
     "remark-rehype": "^11.1.2",
-    "shiki": "^3.12.2",
     "stringify-object": "^5.0.0",
     "svelte": "^5.35.5",
     "tabster": "8.6.2",