webapp/astro.config.ts

import { defineConfig, AstroUserConfig } from 'astro/config'
import vercel from '@astrojs/vercel/serverless'
import solidJs from '@astrojs/solid-js'
import type { CSSOptions } from 'vite'
import defaultGenerateScopedName from 'postcss-modules/build/generateScopedName'
import { isDev } from './src/utils/config'
import { visualizer } from 'rollup-plugin-visualizer'

const PATH_PREFIX = '/src/'

const getDevCssClassPrefix = (filename: string): string => {
  return filename
    .slice(filename.indexOf(PATH_PREFIX) + PATH_PREFIX.length)
    .replace('.module.scss', '')
    .replace(/[/?\\]/g, '-')
}

const devGenerateScopedName = (name: string, filename: string, css: string) =>
  getDevCssClassPrefix(filename) + '_' + defaultGenerateScopedName(name, filename, css)

const css: CSSOptions = {
  preprocessorOptions: {
    scss: {
      additionalData: '@import "src/styles/imports";\n'
    }
  },
  modules: {
    generateScopedName: isDev ? devGenerateScopedName : defaultGenerateScopedName,
    localsConvention: null
  }
}

const astroConfig: AstroUserConfig = {
  site: 'https://new.discours.io',
  integrations: [solidJs()],
  output: 'server',
  adapter: vercel(),
  vite: {
    build: {
      rollupOptions: {
        plugins: [visualizer()],
        output: {
          // eslint-disable-next-line sonarjs/cognitive-complexity
          manualChunks(id) {
            if (id.includes('node_modules')) {
              // FIXME: doesn't work in production
              // if (id.includes('solid')) {
              //   chunkid = 'solid'
              // }
              // if (id.includes('acorn')) {
              //   chunkid = 'acorn'
              // }
              // if (id.includes('simple-peer')) {
              //   chunkid = 'simple-peer'
              // }
              // if (id.includes('prosemirror')) {
              //   chunkid = 'prosemirror'
              // }
              // if (id.includes('markdown') || id.includes('mdurl')) {
              //   chunkid = 'markdown'
              // }
              // if (id.includes('swiper')) {
              //   chunkid = 'swiper'
              // }
              // if (
              //   id.includes('yjs') ||
              //   id.includes('y-prosemirror') ||
              //   id.includes('y-protocols') ||
              //   id.includes('y-webrtc')
              // ) {
              //   chunkid = 'yjs'
              // }
              return 'vendor'
            }
          }
        },
        external: ['@aws-sdk/clients/s3']
      }
    },
    css
  }
}

// https://astro.build/config
export default defineConfig(astroConfig)