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
      }
    }
  }
});