hydroserver-data-management-app/vite.config.ts at main · hydroserver2/hydroserver-data-management-app · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import { defineConfig, loadEnv } from 'vite'
import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'
import tailwindcss from '@tailwindcss/vite'
import vuetify from 'vite-plugin-vuetify'

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  const useLocal = env.VITE_HYDROSERVER_CLIENT_LOCAL === '1'
  const sdkRoot = resolve(
    __dirname,
    env.VITE_HYDROSERVER_CLIENT_PATH || '../hydroserver-ts/src'
  )
  const sdkEntry = resolve(sdkRoot, 'index.ts')
  console.log('[SDK alias active?]', useLocal, sdkEntry)

  return {
    base: mode === 'django' ? '/static/web/' : '',
    plugins: [
      vue(),
      tailwindcss(),
      vuetify({
        autoImport: true,
        styles: { configFile: 'src/styles/settings.scss' },
      }),
    ],
    optimizeDeps: {
      exclude: ['vuetify', ...(useLocal ? ['@hydroserver/client'] : [])],
    },
    server: {
      host: '127.0.0.1',
      port: 5173,
      fs: {
        allow: [
          sdkRoot,
          resolve(__dirname), // <- add this
        ],
      },
    },
    resolve: {
      extensions: ['.js', '.json', '.vue', '.less', '.scss', '.ts'],
      alias: {
        '@': resolve(__dirname, 'src'),
        ...(useLocal ? { '@hydroserver/client': sdkEntry } : {}),
      },
    },
    build: {
      manifest: true,
    },
    test: {
      globals: true,
      environmentMatchGlobs: [['src/components/**', 'jsdom']],
      server: {
        deps: {
          inline: ['vuetify'],
        },
      },
      environment: 'jsdom',
      coverage: {
        include: ['src/**/*.{ts,tsx,js,jsx}'],
        exclude: [
          '**/src/composables/useWorkspaceTags.ts',
          '**/src/composables/useHydroShare.ts',
          '**/src/composables/useWorkspacePermissions.ts',
          '**/src/composables/useMetadata.ts',
          '**/src/composables/useVocabulary.ts',
          '**/src/composables/useSystemTableLogic.ts',
          '**/src/services/getCSRFToken.ts',
          '**/src/models/**',
          '**/src/plugins/**',
          '**/src/router/**',
          '**/src/store/**',
          '**/src/types/**',
          '**/src/config/**',
          '**/src/services/apiMethods.ts',
          '**/src/services/handle401.ts',
          '**/src/utils/materialColors.ts',
          '**/src/utils/CSVDownloadUtils.ts',
          '**/src/utils/plotting/plotly.ts',
          '**/src/utils/plotting/graphSeriesUtils.ts',
          '**/src/utils/orchestration/ratingCurve.ts',
          '**/src/utils/test/**',
          '**/src/utils/time.ts',
          '**/src/utils/googleMaps/**',
          '**/src/utils/maps/**',
          '**/src/utils/rules.ts',
          '**/src/App.vue',
          '**/src/main.ts',
          '**/*.d.ts',
          '**/postcss.config.js',
        ],
        thresholds: {
          lines: 80,
          statements: 80,
          functions: 80,
          branches: 80,
        },
        provider: 'v8',
        reporter: ['text', 'json', 'html'],
      },
    },
  }
})