From 77b2fceff893a0c5966fdba3bc7999a9e3216350 Mon Sep 17 00:00:00 2001
From: Oliver Lazoroski <oliver.lazoroski@gmail.com>
Date: Wed, 4 Dec 2024 10:46:30 +0100
Subject: [PATCH] feat: support target resolution overrides

---
 .../helpers/axiosApiTransformers.ts           | 33 ++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/sample-apps/react/react-dogfood/helpers/axiosApiTransformers.ts b/sample-apps/react/react-dogfood/helpers/axiosApiTransformers.ts
index 070d63afcb..2741fc245d 100644
--- a/sample-apps/react/react-dogfood/helpers/axiosApiTransformers.ts
+++ b/sample-apps/react/react-dogfood/helpers/axiosApiTransformers.ts
@@ -3,7 +3,11 @@ import {
   AxiosResponseTransformer,
   default as axios,
 } from 'axios';
-import { JoinCallRequest, JoinCallResponse } from '@stream-io/video-react-sdk';
+import {
+  GetOrCreateCallResponse,
+  JoinCallRequest,
+  JoinCallResponse,
+} from '@stream-io/video-react-sdk';
 
 const cascadingTransformer: AxiosRequestTransformer =
   /**
@@ -115,6 +119,32 @@ const sfuOverrideTransformer: AxiosResponseTransformer =
     return data;
   };
 
+const targetResolutionOverrideTransformer: AxiosResponseTransformer =
+  /**
+   * This transformer is used to override the target resolution returned by the
+   * backend with the one provided in the URL query params.
+   *
+   * Useful for testing with a specific target resolution.
+   *
+   * Note: it needs to be declared as a `function` instead of an arrow function
+   * as it executes in the context of the current axios instance.
+   */
+  function targetResolutionOverrideTransformer(data: GetOrCreateCallResponse) {
+    if (typeof window !== 'undefined') {
+      const params = new URLSearchParams(window.location.search);
+      const width = params.get('width') || params.get('w');
+      const height = params.get('height') || params.get('h');
+      if (width && height && data?.call?.settings?.video?.target_resolution) {
+        data.call.settings.video.target_resolution = {
+          ...data.call.settings.video.target_resolution,
+          width: parseInt(width, 10),
+          height: parseInt(height, 10),
+        };
+      }
+    }
+    return data;
+  };
+
 /**
  * Default request transformers.
  */
@@ -130,4 +160,5 @@ export const defaultRequestTransformers: AxiosRequestTransformer[] = [
 export const defaultResponseTransformers: AxiosResponseTransformer[] = [
   ...(axios.defaults.transformResponse as AxiosResponseTransformer[]),
   sfuOverrideTransformer,
+  targetResolutionOverrideTransformer,
 ];