54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
import { sveltekit } from '@sveltejs/kit/vite';
|
|
import { defineConfig } from 'vite';
|
|
import { execSync } from 'node:child_process';
|
|
|
|
const tokensPlugin = {
|
|
name: 'minstrel-tokens',
|
|
buildStart() {
|
|
execSync('node scripts/tokens-to-css.js', { stdio: 'inherit' });
|
|
}
|
|
};
|
|
|
|
// Build-only plugin that injects Go html/template tokens into the
|
|
// rendered index.html so the runtime Go server can substitute per-
|
|
// instance branding. In dev (`vite dev`), the marker stays as a
|
|
// comment and the SPA falls back to the literal app.html title.
|
|
const injectGoTokensPlugin = {
|
|
name: 'minstrel-inject-go-tokens',
|
|
apply: 'build' as const,
|
|
enforce: 'post' as const,
|
|
transformIndexHtml(html: string) {
|
|
const titleTag = `<title>{{ .AppName }}</title>`;
|
|
const headBlock = `
|
|
<meta name="description" content="{{ .Description }}">
|
|
<meta property="og:title" content="{{ .AppName }}">
|
|
<meta property="og:description" content="{{ .Description }}">
|
|
<meta property="og:image" content="/brand/og-image.png">
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#14171A">
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F8F5EE">
|
|
<script>window.__MINSTREL__ = { appName: "{{ .AppName }}", description: "{{ .Description }}" };</script>`;
|
|
return html
|
|
.replace('<title>Minstrel</title>', titleTag)
|
|
.replace('<!-- MINSTREL_TOKENS -->', headBlock);
|
|
}
|
|
};
|
|
|
|
export default defineConfig({
|
|
plugins: [tokensPlugin, sveltekit(), injectGoTokensPlugin],
|
|
server: {
|
|
port: 5173,
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://localhost:4533',
|
|
changeOrigin: true
|
|
},
|
|
'/rest': {
|
|
target: 'http://localhost:4533',
|
|
changeOrigin: true
|
|
}
|
|
}
|
|
}
|
|
});
|