vite.config.js

import { defineConfig } from 'vite';
import preact from '@preact/preset-vite';
import { VitePWA } from 'vite-plugin-pwa';
import { createHtmlPlugin } from 'vite-plugin-html';
import { viteSingleFile } from 'vite-plugin-singlefile';

import { compileInk, watchInkFiles } from './vite/ink-compiler-plugin';
import { removeInkFilesFromBuild } from './vite/remove-ink-files-plugin';
import getPWAConfig from './vite/pwa-config';

import atramentCfg from './atrament.config.json';

export default defineConfig(({ mode }) => {
  const inkCompileFormat = atramentCfg.game.format || (mode === 'singlefile' ? 'js' : 'json');

  const plugins = [
    preact(),
    createHtmlPlugin({
      inject: {
        data: {
          title: atramentCfg.name,
          description: atramentCfg.description
        },
      },
    }),
    watchInkFiles(inkCompileFormat),
    compileInk(inkCompileFormat),
    removeInkFilesFromBuild(),
  ]

  let buildDir = 'build';

  if (mode === 'singlefile') {
    plugins.push(viteSingleFile());
    buildDir = 'build_singlefile';
  } else if (mode === 'production') {
    plugins.push(VitePWA(getPWAConfig(atramentCfg)));
  }

  return {
    plugins,
    define: {
      __INK_SCRIPT__: JSON.stringify(`${atramentCfg.game.source}.${inkCompileFormat}`)
    },
    resolve: {
      alias: [
        { find: 'src', replacement: "/src" },
        { find: 'inkjs', replacement: '/node_modules/inkjs/dist/ink.mjs' }
      ],
    },
    server: {
      port: 8900
    },
    build: {
      outDir: buildDir
    },
    publicDir: 'root',
    base: './',
    experimental: {
      renderBuiltUrl(filename, { type, hostType }) {
        if (type === 'asset') {
          if (hostType === 'html') {
            // apply "base: './'" to HTML template
            return `./${filename}`;
          }
          if (hostType === 'css') {
            // fix issue with CSS fonts
            return filename.replace('assets/','');
          }
        }
        return filename;
      },
    },
  };
});