Umbraco.UI/vite.config.ts at main · umbraco/Umbraco.UI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import { defineConfig } from 'vitest/config';
import { playwright } from '@vitest/browser-playwright';

const isCI = process.env.CI === 'true';
const browserInstances = isCI
  ? [
      { browser: 'chromium' as const },
      { browser: 'firefox' as const },
      { browser: 'webkit' as const },
    ]
  : [{ browser: 'chromium' as const }];

export default defineConfig({
  build: {
    outDir: 'dist',
    lib: {
      entry: {
        index: 'src/index.ts',
        'themes/light': 'src/themes/light.css',
        'themes/dark': 'src/themes/dark.css',
        'themes/high-contrast': 'src/themes/high-contrast.css',
        'styles/uui-font': 'src/styles/uui-font.css',
        'styles/uui-text': 'src/styles/uui-text.css',
      },
      formats: ['es'],
    },
    rollupOptions: {
      external: [/^lit/, /^culori/],
      output: {
        preserveModules: true,
        preserveModulesRoot: 'src',
        assetFileNames: assetInfo => {
          if (assetInfo.names?.[0]?.endsWith('.css')) return '[name].[ext]';
          return 'assets/fonts/[name].[ext]';
        },
      },
    },
    cssCodeSplit: true,
    cssMinify: true,
    minify: false,
    sourcemap: true,
  },
  experimental: {
    renderBuiltUrl(filename, { hostType }) {
      if (hostType === 'css') {
        return '../' + filename;
      }
      return filename;
    },
  },
  test: {
    globals: true,
    include: ['src/**/*.test.ts'],
    browser: {
      enabled: true,
      provider: playwright(),
      instances: browserInstances,
      headless: true,
    },
    setupFiles: ['./vitest.setup.ts'],
    onConsoleLog: (log: string) => {
      if (log.includes('Lit is in dev mode')) return false;
      if (log.includes('Multiple versions of Umbraco UI')) return false;
      if (log.includes('Multiple instances of Umbraco UI')) return false;
      return undefined;
    },
    deps: {
      optimizer: {
        web: {
          include: [
            'vitest-browser-lit',
            'axe-core',
            'lit',
            'lit/decorators.js',
            'lit/directives/if-defined.js',
            'lit/directives/ref.js',
            'lit/directives/repeat.js',
            'lit/directives/style-map.js',
            'lit/directives/unsafe-html.js',
            'lit/directives/when.js',
            'lit/static-html.js',
          ],
        },
      },
    },
  },
});