vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { VitePWA } from "vite-plugin-pwa";

const BASEPATH = "/";

const wasmContentTypePlugin = {
  name: "wasm-content-type-plugin",
  configureServer(server) {
    server.middlewares.use((req, res, next) => {
      if (req.url.endsWith(".wasm")) {
        res.setHeader("Content-Type", "application/wasm");
      }
      next();
    });
  },
};

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    wasmContentTypePlugin,
    VitePWA({
      registerType: "autoUpdate",
      workbox: {
        // default is ["**\/*.{js,css,html}"] but we'll remove css as
        // we'll only use CSS as public assets
        globPatterns: ["**/*.{js,html}"],
        maximumFileSizeToCacheInBytes: 20000000,
      },
      // public resources to be added to the PWA manifest (with revisions)
      includeAssets: [
        "**/*.{css,woff2,svg,subtext,json,jpg,png}",
      ],
      manifest: {
        "name": "NENO",
        "short_name": "NENO",
        "theme_color": "#ff8598",
        "background_color": "#46b8ff",
        "display": "standalone",
        "start_url": ".",
        "icons": [
          {
            "src": `${BASEPATH}assets/app-icon/logo.svg`,
            "sizes": "48x48 72x72 96x96 128x128 256x256 512x512",
            "type": "image/svg+xml",
            "purpose": "any",
          },
        ],
      },
    }),
  ],
  worker: {
    format: "es",
  },
  build: {
    target: "esnext",
    minify: false,
  },
  base: BASEPATH,
  define: {
    APP_VERSION: `"${process.env.npm_package_version}"`,
  },
});