artcraft/frontend/apps/editor2d/vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { viteStaticCopy } from "vite-plugin-static-copy";

import tsconfigPaths from "vite-tsconfig-paths";
import path from 'path';


// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 5741,
    // Local development CORS for images
    headers: {
      "Cross-Origin-Opener-Policy": "same-origin",
      "Cross-Origin-Embedder-Policy": "require-corp"
    },
  },

  //build: {
  //  rollupOptions: {
  //    external: [
  //      /^node:.*/,
  //    ]
  //  }
  //},
  resolve: {
    alias: {
      "~": path.resolve(__dirname, "./src"),
      //"@tests": path.resolve(__dirname, "./tests")
    }
  },

  plugins: [
    tsconfigPaths(),
    react({
      babel: {
        plugins: [["module:@preact/signals-react-transform"]],
      },
    }),
    viteStaticCopy({
      targets: [
        {
          src: "node_modules/onnxruntime-web/dist/*.wasm",
          dest: "wasm/",
        },
        {
          src: "src/KonvaApp/SharedWorkers/Diffusion/DiffusionSharedWorker.js",
          dest: "assets/workers/",
        },
      ],
    }),
    {
      name: "wasm-mime-type",
      configureServer(server) {
        server.middlewares.use((req, res, next) => {
          if (req.url?.endsWith(".onnx")) {
            res.setHeader("Content-Type", "application/wasm");
          }
          next();
        });
      },
    },
  ],
  assetsInclude: ["**/.onnx", "**/*.wasm"],
});