insight-editor/vite.config.ts at main · mountayaapp/insight-editor · 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
104
105
106
107
108
109
import react from "@vitejs/plugin-react";
import { defineConfig, loadEnv } from "vite";
import wasm from "vite-plugin-wasm";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig(({ mode }) => {
	const env = loadEnv(mode, process.cwd(), "");

	return {
		plugins: [
			wasm(),
			react(),
			tsconfigPaths(),
			{
				name: "envvars",
				config: () => {
					if (env.MAPTILER_API_KEY && !process.env.MAPTILER_API_KEY) {
						process.env.MAPTILER_API_KEY = env.MAPTILER_API_KEY;
					}

					if (!process.env.MAPTILER_API_KEY) {
						throw new Error(`Missing environment variable: MAPTILER_API_KEY`);
					}

					if (env.KEPLERGL_THEME && !process.env.KEPLERGL_THEME) {
						process.env.KEPLERGL_THEME = env.KEPLERGL_THEME;
					}

					if (
						process.env.KEPLERGL_THEME &&
						!["light", "dark"].includes(process.env.KEPLERGL_THEME)
					) {
						throw new Error(`Invalid environment variable: KEPLERGL_THEME`);
					}
				},
			},
		],
		server: {
			port: 8081,
			open: true,
		},
		build: {
			outDir: "dist",
			sourcemap: false,
			minify: true,
			target: "esnext",
			commonjsOptions: {
				include: [/node_modules/],
				transformMixedEsModules: true,
			},
		},
		define: {
			"process.env.KEPLERGL_THEME": JSON.stringify(env.KEPLERGL_THEME || "light"),
			"process.env.MAPTILER_API_KEY": JSON.stringify(env.MAPTILER_API_KEY || ""),
			"process.env.NODE_ENV": JSON.stringify(env.NODE_ENV || "production"),
		},
		resolve: {
			dedupe: ["styled-components"],
		},
		optimizeDeps: {
			esbuildOptions: {
				target: "es2020",
			},
			exclude: ["parquet-wasm"],
			include: [
				"@deck.gl/aggregation-layers",
				"@deck.gl/core",
				"@deck.gl/extensions",
				"@deck.gl/geo-layers",
				"@deck.gl/layers",
				"@deck.gl/mesh-layers",
				"@kepler.gl/actions",
				"@kepler.gl/common-utils",
				"@kepler.gl/components",
				"@kepler.gl/constants",
				"@kepler.gl/deckgl-layers",
				"@kepler.gl/duckdb",
				"@kepler.gl/effects",
				"@kepler.gl/layers",
				"@kepler.gl/processors",
				"@kepler.gl/schemas",
				"@kepler.gl/styles",
				"@kepler.gl/table",
				"@kepler.gl/tasks",
				"@kepler.gl/utils",
				"@luma.gl/core",
				"@luma.gl/engine",
				"@luma.gl/gltools",
				"@luma.gl/shadertools",
				"@luma.gl/webgl",
				"@loaders.gl/core",
				"@loaders.gl/gltf",
				"@loaders.gl/images",
				"@loaders.gl/parquet",
				"@math.gl/core",
				"@math.gl/web-mercator",
				"apache-arrow",
				"buffer",
				"gl-matrix",
				"lodash.uniq",
				"react",
				"react-dom",
				"react-redux",
				"redux",
				"styled-components",
			],
		},
	};
});