vite.config.ts

import { existsSync } from 'node:fs'
import { copyFile, rename, writeFile } from 'node:fs/promises'
import { builtinModules } from 'node:module'
import { join, resolve } from 'node:path'
import process from 'node:process'
import { univerPlugin } from '@univerjs/vite-plugin'
import dotenv from 'dotenv'
import { defineConfig } from 'vite'
import pkg from './package.json'

dotenv.config()
let buildDir = process.env.DIST_DIR ?? 'dist'

function generate(isDev?: boolean) {
  if (!isDev)
    buildDir = 'dist'

  return {
    name: 'obsidian',
    async writeBundle() {
      await writeFile(resolve(buildDir, 'manifest.json'), `${JSON.stringify({
        id: pkg.name,
        name: 'Univer',
        version: pkg.version,
        minAppVersion: '1.5.11',
        description: pkg.description,
        author: pkg.author,
        authorUrl: 'https://github.com/dream-num',
        fundingUrl: 'https://opencollective.com/univer',
        isDesktopOnly: true,
      }, null, 2)}\n`)
      await copyFile(resolve(buildDir, 'manifest.json'), join(process.cwd(), 'manifest.json'))
      rename(resolve(buildDir, 'style.css'), resolve(buildDir, 'styles.css'))
      // eslint-disable-next-line no-console
      console.log('build!')
    },
  }
}

const exchangeWasm = resolve(__dirname, './node_modules/@univerjs-pro/exchange-wasm/package.json')

if (!existsSync(exchangeWasm)) {
  // eslint-disable-next-line no-console
  console.log('exchange-wasm not found, using mock exchange-wasm')
}

export default defineConfig((_) => {
  const dev = process.argv.includes('--watch')

  return {
    plugins: [
      generate(dev),
      univerPlugin(),
    ],
    resolve: {
      alias: {
        '@': resolve(__dirname, './src'),
        '@univerjs-pro/exchange-wasm': existsSync(exchangeWasm) ? resolve(__dirname, './node_modules/@univerjs-pro/exchange-wasm') : resolve(__dirname, './src/mock'),
      },
    },
    build: {
      outDir: buildDir,
      lib: {
        entry: './src/main.ts',
        name: 'main',
        fileName: () => 'main.js',
        formats: [
          'cjs',
        ],
      },
      emptyOutDir: true,
      sourcemap: dev ? 'inline' : false,
      target: 'es2018',
      rollupOptions: {
        output: {
          dynamicImportInCjs: false,
          inlineDynamicImports: true,
          globals: {
            obsidian: 'obsidian',
          },
        },
        external: [
          'obsidian',
          'electron',
          '@codemirror/autocomplete',
          '@codemirror/collab',
          '@codemirror/commands',
          '@codemirror/language',
          '@codemirror/lint',
          '@codemirror/search',
          '@codemirror/state',
          '@codemirror/view',
          '@lezer/common',
          '@lezer/highlight',
          '@lezer/lr',
          ...builtinModules,
        ],
      },
    },
  }
})