feat: add google analytics integration

Author: samshara

env.ts

@@ -14,4 +14,5 @@ export default defineConfig({
     APP_SENTRY_TRACES_SAMPLE_RATE: Schema.number.optional(),
     APP_SENTRY_REPLAYS_SESSION_SAMPLE_RATE: Schema.number.optional(),
     APP_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE: Schema.number.optional(),
+    APP_GOOGLE_ANALYTICS_ID: Schema.string.optional(),
 })

package.json

@@ -96,6 +96,7 @@
         "vite": "^4.3.2",
         "vite-plugin-checker": "^0.6.0",
         "vite-plugin-compression2": "^0.9.1",
+        "vite-plugin-radar": "^0.9.1",
         "vite-plugin-svgr": "^3.2.0",
         "vite-plugin-webfont-dl": "^3.7.4",
         "vite-tsconfig-paths": "^4.2.0",

vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import webfontDownload from 'vite-plugin-webfont-dl';
 import reactSwc from '@vitejs/plugin-react-swc';
@@ -7,7 +7,8 @@ import { compression } from 'vite-plugin-compression2';
 import checker from 'vite-plugin-checker';
 import { visualizer } from 'rollup-plugin-visualizer';
 import { ValidateEnv as validateEnv } from '@julr/vite-plugin-validate-env';
-import svgr from "vite-plugin-svgr";
+import { VitePluginRadar } from 'vite-plugin-radar'
+import svgr from 'vite-plugin-svgr';
 
 import envConfig from './env';
 
@@ -16,10 +17,12 @@ const commitHash = execSync('git rev-parse --short HEAD').toString();
 
 export default defineConfig(({ mode }) => {
     const isProd = mode === 'production';
+    const env = loadEnv(mode, process.cwd(), '')
+
     return {
         define: {
             'import.meta.env.APP_COMMIT_HASH': JSON.stringify(commitHash),
-            'import.meta.env.APP_VERSION': JSON.stringify(process.env.npm_package_version),
+            'import.meta.env.APP_VERSION': JSON.stringify(env.npm_package_version),
         },
         plugins: [
             isProd ? checker({
@@ -38,6 +41,11 @@ export default defineConfig(({ mode }) => {
             validateEnv(envConfig),
             isProd ? compression() : undefined,
             isProd ? visualizer({ sourcemap: true }) : undefined,
+            VitePluginRadar({
+                analytics: {
+                    id: env.APP_GOOGLE_ANALYTICS_ID,
+                },
+            })
         ],
         css: {
             devSourcemap: isProd,

yarn.lock

@@ -7759,6 +7759,11 @@ vite-plugin-compression2@^0.9.1:
   dependencies:
     "@rollup/pluginutils" "^5.0.2"
 
+vite-plugin-radar@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-radar/-/vite-plugin-radar-0.9.1.tgz#1ee8866cb2f2275f3eb56bfe49fea82bbdd673d2"
+  integrity sha512-stnb+LxeEKobcesXW2JA0OdCaBRgR/zZwN6ACXZf1gF9MNR689aiK5UlgTVmrpUnEcPucO9U0M0WHnuM6NXPsA==
+
 vite-plugin-svgr@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-3.2.0.tgz#920375aaf6635091c9ac8e467825f92d32544476"