vite.config.ts

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

// @ts-expect-error process is a nodejs global
const host = process.env.TAURI_DEV_HOST;

// https://vite.dev/config/
export default defineConfig(async () => ({
  plugins: [react()],

  clearScreen: false,

  build: {
    chunkSizeWarningLimit: 1600,
    rollupOptions: {
      output: {
        manualChunks: {
          tiptap: [
            '@tiptap/react', '@tiptap/starter-kit', '@tiptap/extension-underline',
            '@tiptap/extension-text-align', '@tiptap/extension-text-style',
            '@tiptap/extension-color', '@tiptap/extension-highlight',
            '@tiptap/extension-font-family', '@tiptap/extension-task-list',
            '@tiptap/extension-task-item', '@tiptap/extension-image',
            '@tiptap/extension-link', '@tiptap/extension-table',
            '@tiptap/extension-table-row', '@tiptap/extension-table-cell',
            '@tiptap/extension-table-header', '@tiptap/extension-placeholder',
          ],
          katex: ['katex'],
          pptx: ['pptxgenjs'],
          vendor: ['react', 'react-dom', 'zustand', 'i18next', 'react-i18next'],
          icons: ['lucide-react'],
        },
      },
    },
  },

  server: {
    port: 1420,
    strictPort: true,
    host: host || false,
    hmr: host
      ? {
        protocol: "ws",
        host,
        port: 1421,
      }
      : undefined,
    watch: {
      ignored: ["**/src-tauri/**"],
    },
  },
}));