conditionally set title based on environment.

11 months ago · e75452ee30
3 changed files with 7 additions and 2 deletions
--- a/packages/web/index.html
+++ b/packages/web/index.html
@ -29,7 +29,7 @@
    <meta name="theme-color" content="#67ea94" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Meshtastic Web Client" />
-    <title>Meshtastic Web</title>
+    <title><%- title %></title>
  </head>
  <body>
    <div id="root"></div>
--- a/packages/web/package.json
+++ b/packages/web/package.json
@ -14,6 +14,7 @@
 	"homepage": "https://meshtastic.org",
 	"scripts": {
 		"build": "vite build",
+		"build:test": "vite build --mode test",
 		"build:analyze": "BUNDLE_ANALYZE=true bun run build",
 		"check": "biome check src/",
 		"check:fix": "biome check --write src/",
--- a/packages/web/vite.config.ts
+++ b/packages/web/vite.config.ts
@ -29,6 +29,9 @@ const CONTENT_SECURITY_POLICY =
 export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());

+  const isProd = mode === "production";
+  const isTest = mode === "test";
+
  return {
    plugins: [
      react(),
@ -37,8 +40,9 @@ export default defineConfig(({ mode }) => {
      createHtmlPlugin({
        inject: {
          data: {
+            title: isTest ? "Meshtastic Web (TEST)" : "Meshtastic Web",
            cookieYesScript:
-              mode === "production" && env.VITE_COOKIEYES_CLIENT_ID
+              isProd && env.VITE_COOKIEYES_CLIENT_ID
                ? `<script async src="https://cdn-cookieyes.com/client_data/${env.VITE_COOKIEYES_CLIENT_ID}/script.js"></script>`
                : "",
          },