import { defineConfig } from "vite";
import svgr from "vite-plugin-svgr";
import juo from "./vite/juo-editor-plugin";
{% if framework == "react" %}
import react from "@vitejs/plugin-react";
{% elsif framework == "preact" %}
import preact from "@preact/preset-vite";
{% endif %}

export default defineConfig({
  define: {
    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
  },
  plugins: [juo(), {% if framework == "react" %}react(), {% endif %}{% if framework == "preact" %}preact(), {% endif %}
    svgr({
      svgrOptions: {
        icon: true,
      },
    }),
  ],
  preview: {
    cors: true,
  },
  build: {
    lib: {
      entry: "src/main.ts",
      formats: ["es"],
      fileName: "index",
    },
    rollupOptions: {
      external: ["@juo/blocks"],
    },
  },
});