nextcloud-forum/vite.config.ts

import { createAppConfig } from '@nextcloud/vite-config'
import { existsSync, rmSync } from 'node:fs'
import path from 'path'
import { visualizer } from 'rollup-plugin-visualizer'
import checker from 'vite-plugin-checker'

const manualChunksList = ['emoji-mart-vue-fast', 'date-fns', 'lodash', 'vue-material-design-icons']

const manualChunksGroups = {
  vue: ['vue-router', 'vue'],
}

const nextcloudSharedList = [
  'auth',
  'axios',
  'browser-storage',
  'capabilities',
  'event-bus',
  'files',
  'initial-state',
  'l10n',
  'logger',
  'paths',
  'router',
  'sharing',
]

// https://vite.dev/config/
export default createAppConfig(
  {
    app: path.resolve(path.join('src', 'app.ts')),
    admin: path.resolve(path.join('src', 'admin.ts')),
  },
  {
    emptyOutputDirectory: false,
    config: {
      root: 'src',
      resolve: {
        alias: {
          '@icons': path.resolve(__dirname, 'node_modules/vue-material-design-icons'),
          '@': path.resolve(__dirname, 'src'),
        },
      },
      plugins: [
        {
          name: 'clean-dist-js',
          generateBundle() {
            for (const dir of ['dist/js', 'dist/css']) {
              const p = path.resolve(__dirname, dir)
              if (existsSync(p)) {
                rmSync(p, { recursive: true })
              }
            }
          },
        },
        checker({
          vueTsc: true,
        }),
        visualizer({
          open: process.env.VITE_BUILD_ANALYZE === 'true',
          filename: 'stats.html',
          template: 'treemap',
        }),
      ],
      build: {
        outDir: '../dist',
        manifest: true,
        cssCodeSplit: false,
        rollupOptions: {
          output: {
            entryFileNames: 'js/[name]-[hash].mjs',
            chunkFileNames: 'js/[name]-[hash].mjs',
            assetFileNames: '[ext]/[name]-[hash].[ext]',
            manualChunks(id) {
              if (!id.includes('node_modules')) {
                return
              }

              // Parse package path
              const parts = id.split('node_modules/')
              const pkgPath = parts[parts.length - 1]

              // Check for @nextcloud/xxx or nextcloud-xxx
              const ncMatch = pkgPath.match(/^@?nextcloud[/-]([^/]+)/)

              // Get the package name (e.g., 'auth', 'vue', 'axios')
              const ncPkgName = ncMatch?.[1]

              if (ncPkgName) {
                if (nextcloudSharedList.includes(ncPkgName)) {
                  return 'nextcloud-common'
                }
                return `nextcloud-${ncPkgName}`
              }

              for (const chunk of manualChunksList) {
                if (pkgPath.includes(chunk)) {
                  return chunk
                }
              }

              for (const [groupName, groupPackages] of Object.entries(manualChunksGroups)) {
                if (groupPackages.some((pkg) => pkgPath.includes(pkg))) {
                  return groupName
                }
              }

              // Fallback
              return 'vendor'
            },
          },
        },
      },
    },
  },
)