vite.config.js

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tsConfigPaths from 'vite-tsconfig-paths';
import dts from 'vite-plugin-dts';

export default defineConfig({
  plugins: [
    react(),
    tsConfigPaths(),
    dts({
      include: ['./src/'],
      entryRoot: './src'
    })
  ],
  server: {
    open: '/test/index.html'
  },
  build: {
    lib: {
      entry: './src/index.ts',
      formats: ['es'],
      fileName: (format) => `annotorious-arrows-react.${format}.js`
    },
    rollupOptions: {
      external: [
        '@annotorious/annotorious', 
        '@annotorious/openseadragon', 
        'openseadragon',
        '@annotorious/react',
        'openseadragon',
        'react',
        'react-dom'
      ],
      output: {
        assetFileNames: 'annotorious-arrows.[ext]'
      }
    },
    sourcemap: true
  }
});