vite.config.js

import { defineConfig } from 'vite'
import { exec } from 'child_process'

import ports from '../../ports.json'

// TODO: move to @allmaps/stdlib?
const dts = {
  name: 'dts-generator',
  buildEnd: (error) => {
    if (!error) {
      return new Promise((resolve, reject) => {
        // TODO: npm or pnpm?
        exec('npm run build:types', (err) =>
          err ? reject(err) : resolve()
        )
      })
    }
  }
}

/** @type {import('vite').UserConfig} */
export default defineConfig({
  server: {
    port: ports.openlayers
  },
  build: {
    target: 'es2020',
    sourcemap: true,
    emptyOutDir: false,
    // minify: false,
    lib: {
      entry: './src/index.ts',
      name: 'Allmaps',
      fileName: (format) =>
        `bundled/allmaps-openlayers-6.${format}.${
          format === 'umd' ? 'cjs' : 'js'
        }`,
      formats: ['es', 'umd']
    },
    rollupOptions: {
      external: [
        'ol/View.js',
        'ol/layer/Layer.js',
        'ol/layer/Tile.js',
        'ol/source/IIIF.js',
        'ol/format/IIIFInfo.js',
        'ol/Object.js',
        'ol/events/Event.js',
        'ol/proj.js',
        'ol/transform.js'
      ],
      output: {
        globals: {
          'ol/View.js': 'ol.View',
          'ol/layer/Layer.js': 'ol.layer.Layer',
          'ol/layer/Tile.js': 'ol.layer.Tile',
          'ol/source/IIIF.js': 'ol.source.IIIF',
          'ol/format/IIIFInfo.js': 'ol.format.IIIFInfo',
          'ol/Object.js': 'ol.Object',
          'ol/events/Event.js': 'ol.events.Event',
          'ol/proj.js': 'ol.proj',
          'ol/transform.js': 'ol.transform'
        }
      }
    }
    // assetsDir: ''
  },
  optimizeDeps: {
    esbuildOptions: {
      target: 'es2020'
    }
  },
  base: '',
  plugins: [dts]
})