chore: hardcoded canvas values moved to appconfig

Author: kerembkmz

apps/client/public/appsettings.js

@@ -1,5 +1,5 @@
 window.appSettings = {
-  relayUrl: 'https://timetravel.moqtail.dev:4445',
+  relayUrl: 'https://localhost:4433',
   wsUrl: 'http://localhost:3001',
   wsPath: '/ws',
   posthog_host: 'https://eu.i.posthog.com',
@@ -53,4 +53,12 @@ window.appSettings = {
     targetLatencyMs: 100,
     maxLatencyMs: 1000,
   },
+  canvasResolutionConfig: {
+    screenshare: {
+      defaultWidth: 1280,
+      defaultHeight: 720,
+      maxWidth: 2560,
+      maxHeight: 1440,
+    },
+  },
 }

apps/client/src/pages/SessionPage.tsx

@@ -2134,12 +2134,19 @@ function SessionPage() {
             const screenHeight = window.innerHeight
             const dpr = window.devicePixelRatio || 1
 
-            const maxWidth = Math.min(screenWidth * dpr, 2560)
-            const maxHeight = Math.min(screenHeight * dpr, 1440)
+            const maxWidth = Math.min(screenWidth * dpr, window.appSettings.canvasResolutionConfig.screenshare.maxWidth)
+            const maxHeight = Math.min(
+              screenHeight * dpr,
+              window.appSettings.canvasResolutionConfig.screenshare.maxHeight,
+            )
 
             resizeCanvasWorker(canvasRef.current, maxWidth, maxHeight)
           } else {
-            resizeCanvasWorker(canvasRef.current, 1280, 720)
+            resizeCanvasWorker(
+              canvasRef.current,
+              window.appSettings.canvasResolutionConfig.screenshare.defaultWidth,
+              window.appSettings.canvasResolutionConfig.screenshare.defaultHeight,
+            )
           }
         }
       })

apps/client/src/types/AppSettings.ts

@@ -35,4 +35,12 @@ export interface AppSettings {
     targetLatencyMs: number
     maxLatencyMs: number
   }
+  canvasResolutionConfig: {
+    screenshare: {
+      defaultWidth: number
+      defaultHeight: number
+      maxWidth: number
+      maxHeight: number
+    }
+  }
 }