vite.config.ts

import { resolve } from 'path';
import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';
import react from '@vitejs/plugin-react';

export default defineConfig((_) => {
  if (!process.env.SERVER) {
    throw Error('SERVER Environment Variable was not provided.');
  }

  let server;
  switch (process.env.SERVER) {
    case 'prod':
      server = 'https://jd.tandashi.de';
      break;

    case 'dev':
      server = 'https://jd-dev.tandashi.de';
      break;

    case 'local':
    default:
      server = 'http://localhost:3000';
      break;
  }

  if (!server) {
    throw Error('No valid value for SERVER was defined. (local, dev, prod)');
  }

  return {
    define: {
      'process.env.NODE_ENV': JSON.stringify('production'),
      LOGGING_ENABLED: process.env.logging ? 'true' : 'false',
      EBS_SERVER_URL: server,
    },
    build: {
      rollupOptions: {
        input: [
          resolve(__dirname, 'twitch-public/panel.html'),
          resolve(__dirname, 'twitch-public/mobile.html'),
          resolve(__dirname, 'twitch-public/video-component.html'),
          resolve(__dirname, 'twitch-public/live-configuration.html'),
          resolve(__dirname, 'twitch-public/configuration.html'),
        ],
      },
    },
    plugins: [
      react(),
      tsconfigPaths(),
      {
        name: 'remove-src-dir-from-html-path',
        enforce: 'post',
        generateBundle(_, bundle) {
          const htmlFileInSrcFolderPattern = /^twitch-public\/.*\.html$/;
          for (const outputItem of Object.values(bundle)) {
            if (!htmlFileInSrcFolderPattern.test(outputItem.fileName)) {
              continue;
            }
            outputItem.fileName = outputItem.fileName.replace('twitch-public/', '');
          }
        },
      },
    ],
    clean: true,
  };
});