import path from 'node:path';
import { fileURLToPath } from 'node:url';
import { svelte } from '@sveltejs/vite-plugin-svelte';
import { defineConfig } from 'vite';

const root = path.dirname(fileURLToPath(import.meta.url));

export default defineConfig({
  root: path.join(root, 'offline'),
  base: './',
  publicDir: path.join(root, 'static'),
  plugins: [svelte()],
  resolve: {
    alias: [
      { find: '$app/stores', replacement: path.join(root, 'offline/page-store.ts') },
      { find: '$app/environment', replacement: path.join(root, 'offline/app-environment.ts') },
      { find: '$lib/data/chart-loader.ts', replacement: path.join(root, 'offline/chart-loader.ts') },
      { find: '$lib/data/release-clock.ts', replacement: path.join(root, 'pages/release-clock.ts') },
      { find: '$lib', replacement: path.join(root, 'src/lib') }
    ]
  },
  worker: { format: 'iife' },
  build: {
    outDir: path.join(root, 'pages-dist'),
    emptyOutDir: true,
    cssCodeSplit: false,
    rollupOptions: {
      output: {
        format: 'iife',
        entryFileNames: 'assets/app.js',
        assetFileNames: (assetInfo) => assetInfo.name?.endsWith('.css') ? 'assets/app.css' : 'assets/[name][extname]'
      }
    },
    chunkSizeWarningLimit: 20000
  }
});