mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 18:34:02 +00:00
Sameh Khamis
9d24945143
Templates listed in build/applicationViews.js expand to mount hosts, and mountApplicationViews() renders them before translation and wiring. Markup tests read the page through a server-side render helper, the i18n scanner reads view templates, and Vue preserves whitespace so views keep the exact DOM. No template is converted yet.
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
import { readFileSync } from 'node:fs';
|
|
import { APPLICATION_VIEW_NAMES } from './applicationViews.js';
|
|
|
|
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);
|
|
const views = new Set(APPLICATION_VIEW_NAMES);
|
|
|
|
/**
|
|
* The element a Vue view renders into. `display: contents` keeps the view's
|
|
* own elements laid out as children of the page.
|
|
* @param {string} name Application template name.
|
|
*/
|
|
export function applicationViewHost(name) {
|
|
return `<div class="gev-view" data-gev-view="${name}"></div>\n`;
|
|
}
|
|
|
|
/** 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}`);
|
|
if (views.has(name)) return applicationViewHost(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,
|
|
},
|
|
};
|
|
}
|