vite.config.js

import { defineConfig } from 'vite';
import path from 'path';
import vue from '@vitejs/plugin-vue';
import dts from 'vite-plugin-dts';

export default defineConfig(({ mode }) => {
  const isLib = process.env.BUILD_TARGET === 'lib';

  if (isLib) {
    return {
      build: {
        outDir: 'dist',
        emptyOutDir: false,
        lib: {
          entry: path.resolve(__dirname, 'src/index.ts'),
          name: 'LiquidGlass',
          fileName: (format) => (format === 'es' ? 'liquid-glass.js' : 'liquid-glass.umd.cjs'),
          formats: ['es', 'umd'],
        },
        rollupOptions: {
          external: ['vue', 'react'],
          output: {
            globals: {
              vue: 'Vue',
              react: 'React',
            },
            assetFileNames: (assetInfo) => {
              if (assetInfo.name === 'style.css') return 'liquid-glass.css';
              return assetInfo.name || 'assets/[name][extname]';
            },
          },
        },
        sourcemap: true,
        minify: 'esbuild',
      },
      plugins: [
        dts({
          insertTypesEntry: true,
          rollupTypes: false,
        }),
      ],
    };
  }

  // App Build & Dev Server (Vue 3 Single Page Application)
  return {
    build: {
      outDir: 'dist',
      emptyOutDir: false,
    },
    plugins: [
      vue({
        template: {
          compilerOptions: {
            isCustomElement: (tag) => tag.startsWith('liquid-'),
          },
        },
      }),
    ],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
  };
});