import { fileURLToPath, URL } from 'node:url'
import fastapiVue from './vite-plugin-fastapi.js'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

const backendUrl = process.env.PAGERITE_BACKEND_URL || 'http://localhost:8210'

// Proxy everything except Vite's own dev-time paths and the backend machinery
// to the FastAPI backend in dev. /_api, /_f, /_themes, /_fonts and /_a are
// handled by the fastapi-vue plugin, and /@..., /src, /node_modules, /__...
// stay with Vite.
const CONTENT_PROXY = '^(?!/_|/@|/src|/node_modules|/__).*$'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    fastapiVue({ paths: ["/_api", "/_f", "/_themes", "/_fonts", "/_a", "/_ws", "/_translate"] }),
    vue(),
    vueDevTools(),
  ],
  server: {
    proxy: {
      [CONTENT_PROXY]: { target: backendUrl, changeOrigin: false },
    },
  },
  appType: 'mpa', // no SPA fallback; every HTML page is served by FastAPI
  resolve: {
    alias: {
      // All components are precompiled SFCs — drop the runtime template
      // compiler (~60 kB min) from the bundle.
      vue: 'vue/dist/vue.runtime.esm-bundler.js',
    },
  },
  build: {
    // The main editor bundle (CodeMirror + Vue) is intentionally one chunk.
    chunkSizeWarningLimit: 1200,
    // Mirror the URL space in the build output: hashed files land under
    // frontend-build/_assets/ and the Frontend serves the build directory
    // at the site root.
    manifest: true,
    assetsDir: '_assets',
    rollupOptions: {
      // main.js is dynamic-imported by the public page (pagerite.js) for
      // its openEditor/closeEditor exports — keep them in the bundle
      // (app builds strip unused entry exports by default).
      preserveEntrySignatures: 'exports-only',
      input: {
        main: fileURLToPath(new URL('./src/main.js', import.meta.url)),
        pagerite: fileURLToPath(new URL('./src/pagerite.js', import.meta.url)),
        analytics: fileURLToPath(new URL('./src/analytics-main.js', import.meta.url)),
        langselect: fileURLToPath(new URL('./src/langselect-main.js', import.meta.url)),
        // Only the base CSS is built; theme/banner-design stylesheets live
        // in pagerite/themes/{name}/ and are served by the backend as-is.
        pagerite_base: fileURLToPath(new URL('./src/assets/pagerite.css', import.meta.url)),
      },
    },
  },
})