@swapper-finance/sdk/iframe-app/vite.config.ts

JavaScript SDK form Swapper

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";
import svgrPlugin from "vite-plugin-svgr";
import viteTsconfigPaths from "vite-tsconfig-paths";
import firebaseConfig from "./firebase.json";

const FIREBASE_SITE = "dev-swapper-sdk";

const hostingHeadersConfig = firebaseConfig.hosting
  .find((hostingConfig) => hostingConfig.site === FIREBASE_SITE)
  ?.headers?.find((headersConfig) => headersConfig.source === "**");

if (!hostingHeadersConfig) {
  throw new Error(
    `Missing firebase hosting headers for ${FIREBASE_SITE} and "source": "**". Cannot copy headers to vite server.`,
  );
}
const serverHeaders = hostingHeadersConfig.headers?.reduce((prev, curr) => {
  prev[curr.key] = curr.value;
  return prev;
}, {});

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), svgrPlugin(), viteTsconfigPaths()],
  server: {
    port: 3001,
    open: true,
    headers: serverHeaders,
  },
  build: {
    outDir: "build", // To match Firebase configuration
    sourcemap: false,
    target: "es2020",
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      target: "es2020",
    },
  },
});