refactor(app): share application components and request services

build/application-html.js

@@ -0,0 +1,40 @@
+import { readFileSync } from 'node:fs';
+
+export const APPLICATION_TEMPLATES = Object.freeze([
+  'scene-chrome',
+  'cockpit',
+  'display-controls',
+  'command-dock',
+  'layer-panels',
+  'context',
+  'welcome',
+  'provider-settings',
+  'hud-loading',
+]);
+const allowed = new Set(APPLICATION_TEMPLATES);
+
+/** Expand only known component templates; markers cannot name filesystem paths. */
+export function expandApplicationHtml(html) {
+  return html.replace(
+    /^[ \t]*<!-- gev:template ([^\s]+) -->\r?\n?/gm,
+    (_, name) => {
+      if (!allowed.has(name))
+        throw new Error(`Unknown application template: ${name}`);
+      return readFileSync(
+        new URL(`../src/ui/templates/${name}.html`, import.meta.url),
+        'utf8',
+      );
+    },
+  );
+}
+
+/** Assemble static application markup before Vite processes scripts and assets. */
+export function applicationHtmlPlugin() {
+  return {
+    name: 'application-component-templates',
+    transformIndexHtml: {
+      order: 'pre',
+      handler: expandApplicationHtml,
+    },
+  };
+}

build/vite.js

@@ -1,15 +1,18 @@
+import { applicationHtmlPlugin } from './application-html.js';
 import cesium from 'vite-plugin-cesium';
 
 /** Build browser assets with explicit inputs; never load environment or providers. */
 export function createBrowserViteConfig({
   plugins = [],
+  publicDir,
   googleApiKey,
   cesiumToken,
   host = 'localhost',
   port = 4173,
 } = {}) {
   return {
-    plugins: [cesium(), ...plugins],
+    plugins: [cesium(), applicationHtmlPlugin(), ...plugins],
+    ...(publicDir === undefined ? {} : { publicDir }),
     server: {
       host: host || 'localhost',
       port: parseInt(port, 10) || 4173,