From 7845cfcde45d88f86ea7ac725458d81957520c81 Mon Sep 17 00:00:00 2001
From: Aleksi Lassila <aleksi.emil.lassila@gmail.com>
Date: Tue, 18 Jun 2024 21:40:15 +0300
Subject: [PATCH] fix: Debug mode showing in production

---
 package.json                    |  4 ++--
 src/App.svelte                  |  5 +++--
 src/lib/pages/ManagePage.svelte | 12 +++++++++---
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 5d80f03..96607d4 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
-		"build": "npm run --prefix backend build && vite build --outDir backend/dist/dist",
-		"build:tizen": "set VITE_PLATFORM=tv&& vite build --outDir tizen/dist",
+		"build": "npm run --prefix backend build && vite build --mode production --outDir backend/dist/dist",
+		"build:tizen": "set VITE_PLATFORM=tv&& vite build --mode production --outDir tizen/dist",
 		"preview": "vite preview",
 		"preview:tizen": "set VITE_PLATFORM=tv&& vite build --outDir tizen/dist && vite preview --outDir tizen/dist",
 		"deploy": "PORT=9494 NODE_ENV=production node build/",
diff --git a/src/App.svelte b/src/App.svelte
index d532cec..c14c981 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -94,6 +94,7 @@
 
 <NotificationStack />
 
-<NavigationDebugger />
-
+{#if import.meta.env.DEV}
+	<NavigationDebugger />
+{/if}
 <svelte:window on:keydown={handleKeyboardNavigation} />
diff --git a/src/lib/pages/ManagePage.svelte b/src/lib/pages/ManagePage.svelte
index 0145dec..6e2665a 100644
--- a/src/lib/pages/ManagePage.svelte
+++ b/src/lib/pages/ManagePage.svelte
@@ -69,10 +69,10 @@
 	}}
 />
 
-<DetachedPage class="px-32 py-16 h-screen flex flex-col">
+<DetachedPage class="pt-16 h-screen flex flex-col">
 	<Container
 		direction="horizontal"
-		class="flex space-x-8 header3 pb-3 border-b-2 border-secondary-700 w-full mb-8"
+		class="flex space-x-8 header3 pb-3 border-b-2 border-secondary-700 mb-8 mx-32"
 	>
 		<Container
 			on:enter={() => tab.set(Tabs.Interface)}
@@ -121,7 +121,7 @@
 		</Container>
 	</Container>
 
-	<Container class="flex-1 grid w-full overflow-y-auto scrollbar-hide relative">
+	<Container class="flex-1 grid w-full overflow-y-auto scrollbar-hide relative pb-16 px-32">
 		<Tab {...tab} tab={Tabs.Interface} class="w-full">
 			<div class="flex items-center justify-between text-lg font-medium text-secondary-100 py-2">
 				<label class="mr-2">Animate scrolling</label>
@@ -316,6 +316,12 @@
 			<div>
 				Version: {REIVERR_VERSION}
 			</div>
+			<div>
+				Mode: {import.meta.env.MODE}
+			</div>
+			<div>
+				meta.env: {JSON.stringify(import.meta.env)}
+			</div>
 			User agent: {window?.navigator?.userAgent}
 			<div>Last key code: {lastKeyCode}</div>
 			<div>Last key: {lastKey}</div>