@quasar/app-vite/lib/modes/electron/electron-config.js

Quasar Framework App CLI with Vite

import { join, basename } from 'node:path'

import {
  createViteConfig,
  extendViteConfig,
  extendEsbuildConfig,
  createNodeEsbuildConfig
} from '../../config-tools.js'
import { getBuildSystemDefine } from '../../utils/env.js'

async function preloadScript(quasarConf, name) {
  /**
   * We will be compiling to commonjs format because Electron requires
   * ESM preload scripts to run with sandbox disabled, which is a security risk
   * (Sandboxed preload scripts are run as plain JavaScript without an ESM context)
   *
   * However, should we decide going with ESM preload scripts at some point,
   * we need to change the compiled file extension to .mjs (which is also an Electron requirement)
   */

  const scriptName = basename(name)
  const cfg = createNodeEsbuildConfig(quasarConf, {
    compileId: `node-electron-preload-${scriptName}`,
    format: 'cjs'
  })
  const { appPaths } = quasarConf.ctx

  cfg.entryPoints = [appPaths.resolve.electron(name)]
  cfg.outfile =
    quasarConf.ctx.dev === true
      ? appPaths.resolve.entry(`preload/${scriptName}.cjs`)
      : join(quasarConf.build.distDir, `UnPackaged/preload/${scriptName}.cjs`)

  cfg.define = {
    ...cfg.define,
    ...getBuildSystemDefine({
      buildEnv: {
        QUASAR_PUBLIC_FOLDER:
          quasarConf.ctx.dev === true ? appPaths.publicDir : '.'
      }
    })
  }

  return {
    scriptName,
    esbuildConfig: await extendEsbuildConfig(
      cfg,
      quasarConf.electron,
      quasarConf.ctx,
      'extendElectronPreloadConf'
    )
  }
}

export const quasarElectronConfig = {
  vite: async quasarConf => {
    const cfg = await createViteConfig(quasarConf, {
      compileId: 'vite-electron'
    })

    if (quasarConf.ctx.prod === true) {
      cfg.build.outDir = join(quasarConf.build.distDir, 'UnPackaged')
    }

    return extendViteConfig(cfg, quasarConf, { isClient: true })
  },

  // returns a Promise
  main: quasarConf => {
    const cfg = createNodeEsbuildConfig(quasarConf, {
      compileId: 'node-electron-main',
      format: 'esm'
    })
    const { appPaths } = quasarConf.ctx

    cfg.entryPoints = [quasarConf.sourceFiles.electronMain]
    cfg.outfile =
      quasarConf.ctx.dev === true
        ? appPaths.resolve.entry('electron-main.js')
        : join(quasarConf.build.distDir, 'UnPackaged/electron-main.js')

    cfg.define = {
      ...cfg.define,
      ...getBuildSystemDefine({
        buildEnv:
          quasarConf.ctx.dev === true
            ? {
                QUASAR_ELECTRON_PRELOAD_FOLDER:
                  appPaths.resolve.entry('preload'),
                QUASAR_ELECTRON_PRELOAD_EXTENSION: '.cjs',
                QUASAR_PUBLIC_FOLDER: appPaths.publicDir
              }
            : {
                QUASAR_ELECTRON_PRELOAD_FOLDER: 'preload',
                QUASAR_ELECTRON_PRELOAD_EXTENSION: '.cjs',
                QUASAR_PUBLIC_FOLDER: '.'
              }
      })
    }

    return extendEsbuildConfig(
      cfg,
      quasarConf.electron,
      quasarConf.ctx,
      'extendElectronMainConf'
    )
  },

  async preloadScriptList(quasarConf) {
    const list = []

    for (const name of quasarConf.electron.preloadScripts) {
      list.push(await preloadScript(quasarConf, name))
    }

    return list
  }
}

export const modeConfig = quasarElectronConfig