vite.config.ts

import fs from 'node:fs'
import os from 'node:os'
import path from 'node:path'
import { defineConfig, loadEnv, type Plugin } from 'vite'
import externalize from "vite-plugin-externalize-dependencies"
import { VitePWA } from 'vite-plugin-pwa'
import { watchAndRun } from 'vite-plugin-watch-and-run'
import TsConfigPaths from 'vite-tsconfig-paths'
import { ViteAssemblyScript } from './vendor/vite-plugin-assemblyscript.ts'
import { ViteBundleUrl } from './vendor/vite-plugin-bundle-url.ts'
import { ViteCorsCoopCoep } from './vendor/vite-plugin-cors-coop-coep.ts'
import { ViteHexLoader } from './vendor/vite-plugin-hex-loader.ts'
import { ViteOpenInEditor } from './vendor/vite-plugin-open-in-editor.ts'
import { VitePrintAddress } from './vendor/vite-plugin-print-address.ts'
import { ViteUsing } from './vendor/vite-plugin-using.ts'

const root = process.cwd()
const homedir = os.homedir()

type Plugins = (Plugin | Plugin[])[]

// https://vitejs.dev/config/
export default ({ mode }) => {
  loadEnv(mode, root)

  const IS_DEV = mode === 'development'

  const https = IS_DEV ? {
    key: fs.readFileSync(path.join(homedir, '.ssl-certs', 'devito.test-key.pem')),
    cert: fs.readFileSync(path.join(homedir, '.ssl-certs', 'devito.test.pem')),
  } : undefined

  const buildPlugins: Plugins = [
    ViteUsing(),
    ViteHexLoader(),
    TsConfigPaths(),
  ]

  const plugins: Plugins = [
    ...buildPlugins,
    VitePrintAddress(),
    ViteBundleUrl({
      plugins: buildPlugins
    }),
    VitePWA({
      strategies: 'injectManifest',
      srcDir: 'src/service-worker',
      filename: 'sw.ts',
      registerType: 'autoUpdate',
      injectRegister: false,

      pwaAssets: {
        disabled: false,
        config: true,
      },

      manifest: {
        id: '/',
        name: 'Vasi',
        short_name: 'Vasi',
        description: 'Vasi is a full-stack webapp base template using Deno and Vite.',
        theme_color: '#000000',

        icons: [{
          src: 'pwa-64x64.png',
          sizes: '64x64',
          type: 'image/png',
        }, {
          src: 'pwa-192x192.png',
          sizes: '192x192',
          type: 'image/png',
        }, {
          src: 'pwa-512x512.png',
          sizes: '512x512',
          type: 'image/png',
        }, {
          src: 'maskable-icon-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'maskable',
        }],
      },

      injectManifest: {
        globPatterns: ['**/*.{js,css,html,svg,png,ico}'],
      },

      devOptions: {
        enabled: true,
        navigateFallback: 'index.html',
        suppressWarnings: true,
        type: 'module',
      },
    }),
    ViteOpenInEditor(),
    ViteCorsCoopCoep(),
    externalize({
      externals: [
        'node:fs/promises',
        (moduleName) => moduleName.startsWith('node:')
      ],
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-dsp.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/dsp',
      srcEntryFile: 'as/assembly/dsp/index.ts',
      mapFile: './as/build/dsp.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
        '--transform', './vendor/as-transform-update-dsp-gens.js',
      ]
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-dsp-nort.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/dsp',
      srcEntryFile: 'as/assembly/dsp/index.ts',
      mapFile: './as/build/dsp.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
      ]
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-pkg.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/pkg',
      srcEntryFile: 'as/assembly/pkg/index.ts',
      mapFile: './as/build/pkg.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
      ]
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-pkg-nort.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/pkg',
      srcEntryFile: 'as/assembly/pkg/index.ts',
      mapFile: './as/build/pkg-nort.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
      ]
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-rms.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/dsp',
      srcEntryFile: 'as/assembly/rms.ts',
      mapFile: './as/build/rms.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
      ]
    }),
    ViteAssemblyScript({
      configFile: 'asconfig-gfx.json',
      projectRoot: '.',
      srcMatch: 'as/assembly/gfx',
      srcEntryFile: 'as/assembly/gfx/index.ts',
      mapFile: './as/build/gfx.wasm.map',
      extra: [
        '--transform', './vendor/as-transform-unroll.js',
      ]
    }),
    IS_DEV && watchAndRun([
      {
        name: 'scripts',
        watchKind: ['add', 'change', 'unlink'],
        watch: path.resolve('scripts/**.ts'),
        run: 'pnpm scripts',
        delay: 100
      }
    ]) as Plugin,
  ].filter(Boolean) as Plugins

  return defineConfig({
    clearScreen: false,
    publicDir: './public',
    server: {
      watch: {
        // KEEP: this option fixes hmr for an unknown reason
        usePolling: true
      },
      host: 'devito.test',
      fs: {
        allow: [
          '/',
        ]
      },
      https
    },
    esbuild: {
      jsx: 'automatic',
      target: 'esnext',
      treeShaking: true,
    },
    worker: {
      format: 'es',
    },
    define: {
      // strip out import.meta.vitest blocks
      'import.meta.vitest': 'undefined',
    },
    plugins,
    build: {
      target: 'esnext',
      minify: false,
      rollupOptions: {
        input: {
          main: path.join(root, 'index.html'),
          admin: path.join(root, 'admin/index.html'),
        },
        treeshake: { propertyReadSideEffects: 'always' },
        plugins //: buildPlugins
      },
    },
  })
}