gradido/admin/vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import commonjs from 'vite-plugin-commonjs'
import Icons from 'unplugin-icons/vite'
import Components from 'unplugin-vue-components/vite'
import IconsResolve from 'unplugin-icons/resolver'
import { BootstrapVueNextResolver } from 'bootstrap-vue-next'
import EnvironmentPlugin from 'vite-plugin-environment'
import schema from './src/config/schema'
import { validate } from 'gradido-config'

import dotenv from 'dotenv'

dotenv.config() // load env vars from .env

const CONFIG = require('./src/config')

const path = require('path')

export default defineConfig(({ command }) => {
  if (command === 'serve') {
    CONFIG.ADMIN_HOSTING = 'nodejs'
  } else {
    CONFIG.ADMIN_HOSTING = 'nginx'
  }
  // Check config
  const configDataForValidation = {
    ...CONFIG,
    // make sure that all urls used in browser have the same protocol to prevent mixed content errors
    browserUrls: [
      CONFIG.WALLET_AUTH_URL,
      CONFIG.COMMUNITY_URL,
      CONFIG.WALLET_LOGIN_URL,
      CONFIG.GRAPHQL_URI,
      CONFIG.ADMIN_MODULE_URL,
    ],
  }

  validate(schema, configDataForValidation)

  return {
    base: '/admin/',
    server: {
      host: CONFIG.ADMIN_MODULE_HOST, // '0.0.0.0',
      port: CONFIG.ADMIN_MODULE_PORT, // 8080,
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
        assets: path.join(__dirname, 'src/assets'),
      },
      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
    },

    plugins: [
      vue({
        template: {
          compilerOptions: {
            compatConfig: {
              MODE: 2,
            },
          },
        },
      }),
      Components({
        resolvers: [IconsResolve(), BootstrapVueNextResolver()],
        dts: true,
      }),
      Icons({
        compiler: 'vue3',
      }),
      EnvironmentPlugin({
        BUILD_COMMIT: null,
        PORT: CONFIG.ADMIN_MODULE_PORT ?? null, // null,
        COMMUNITY_HOST: CONFIG.ADMIN_MODULE_HOST ?? null, // null,
        COMMUNITY_URL: CONFIG.COMMUNITY_URL ?? null,
        URL_PROTOCOL: CONFIG.ADMIN_MODULE_PROTOCOL ?? null, // null,
        WALLET_AUTH_URL: CONFIG.WALLET_AUTH_URL ?? null,
        GRAPHQL_URL: CONFIG.GRAPHQL_URI ?? null, // null,
        GRAPHQL_PATH: process.env.GRAPHQL_PATH ?? '/graphql', // null,
        WALLET_AUTH_PATH: CONFIG.WALLET_AUTH_PATH ?? null,
        WALLET_LOGIN_PATH: CONFIG.WALLET_LOGIN_URL ?? null, // null,
        DEBUG_DISABLE_AUTH: CONFIG.DEBUG_DISABLE_AUTH ?? null, // null,
        // CONFIG_VERSION: CONFIG.CONFIG_VERSION, // null,
      }),
      commonjs(),
    ],
    build: {
      outDir: path.resolve(__dirname, './build'),
      chunkSizeWarningLimit: 1600,
    },
    publicDir: '/admin',
  }
})