From 1b7b7ba4d872dffd7394248a527ffd0c0dfeb5cd Mon Sep 17 00:00:00 2001
From: Stefan Moraru <stefan@getlago.com>
Date: Tue, 7 Jan 2025 12:42:46 +0200
Subject: [PATCH] feat: include vite configs Co-Authored-By: Victor Gorchilov
 <victor@gorchilov.com>

---
 vite-env.d.ts  |   2 +
 vite.config.ts | 101 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 103 insertions(+)
 create mode 100644 vite-env.d.ts
 create mode 100644 vite.config.ts

diff --git a/vite-env.d.ts b/vite-env.d.ts
new file mode 100644
index 000000000..b1f45c786
--- /dev/null
+++ b/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..c4bea386b
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,101 @@
+import react from '@vitejs/plugin-react-swc'
+import { resolve } from 'node:path'
+import { defineConfig, loadEnv } from 'vite'
+import { createHtmlPlugin } from 'vite-plugin-html'
+import svgr from 'vite-plugin-svgr'
+import topLevelAwait from 'vite-plugin-top-level-await'
+import wasm from 'vite-plugin-wasm'
+
+import { version } from './package.json'
+
+const icons: Record<string, string> = {
+  development: '/favicon-local.svg',
+  production: '/favicon-prod.svg',
+  staging: '/favicon-staging.svg',
+}
+
+const titles: Record<string, string> = {
+  development: 'Lago - Local',
+  production: 'Lago',
+  staging: 'Lago - Cloud',
+}
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const port = env.PORT ? parseInt(env.PORT) : 8080
+
+  return {
+    plugins: [
+      react({
+        plugins: [['@swc/plugin-styled-components', { displayName: true }]],
+      }),
+
+      wasm(),
+      topLevelAwait(),
+
+      svgr({
+        include: '**/*.svg',
+        svgrOptions: {
+          plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'],
+          svgoConfig: {
+            plugins: [
+              {
+                name: 'prefixIds',
+                params: {
+                  prefixIds: false,
+                  prefixClassNames: false,
+                },
+              },
+            ],
+          },
+        },
+      }),
+
+      createHtmlPlugin({
+        inject: {
+          data: {
+            title: titles[env.APP_ENV] || titles.production,
+            favicon: icons[env.APP_ENV] || icons.production,
+          },
+        },
+      }),
+    ],
+    define: {
+      APP_ENV: JSON.stringify(env.APP_ENV),
+      API_URL: JSON.stringify(env.API_URL),
+      DOMAIN: JSON.stringify(env.LAGO_DOMAIN),
+      APP_VERSION: JSON.stringify(version),
+      LAGO_OAUTH_PROXY_URL: JSON.stringify(env.LAGO_OAUTH_PROXY_URL),
+      LAGO_DISABLE_SIGNUP: JSON.stringify(env.LAGO_DISABLE_SIGNUP),
+      NANGO_PUBLIC_KEY: JSON.stringify(env.NANGO_PUBLIC_KEY),
+      SENTRY_DSN: JSON.stringify(env.SENTRY_DSN),
+    },
+    resolve: {
+      alias: {
+        '~': resolve(__dirname, 'src'),
+        lodash: 'lodash-es',
+        '@mui/styled-engine': resolve(__dirname, 'node_modules/@mui/styled-engine-sc'),
+      },
+    },
+    server: {
+      port,
+      host: true,
+      strictPort: true,
+    },
+    preview: {
+      port,
+    },
+    build: {
+      outDir: 'dist',
+      sourcemap: true,
+      target: 'esnext',
+      rollupOptions: {
+        output: {
+          chunkFileNames: '[name].[hash].js',
+          entryFileNames: '[name].[hash].js',
+          sourcemapFileNames: '[name].[hash].js.map',
+        },
+      },
+    },
+  }
+})