refactor: Add debug toggle to disable gzipping [WPB-14314] (#19677)

Author: thisisamir98

package.json

@@ -16,7 +16,7 @@
     "@wireapp/avs": "10.2.7",
     "@wireapp/avs-debugger": "0.0.7",
     "@wireapp/commons": "5.4.5",
-    "@wireapp/core": "46.39.5",
+    "@wireapp/core": "46.39.7",
     "@wireapp/kalium-backup": "0.0.4",
     "@wireapp/promise-queue": "2.4.5",
     "@wireapp/react-ui-kit": "9.68.0",

src/script/components/ConfigToolbar/ConfigToolbar.tsx

@@ -32,6 +32,7 @@ import {wrapperStyles} from './ConfigToolbar.styles';
 
 export function ConfigToolbar() {
   const [showConfig, setShowConfig] = useState(false);
+  const [isGzipEnabled, setIsGzipEnabled] = useState(window.wire?.app.debug?.isGzippingEnabled() || false);
   const [configFeaturesState, setConfigFeaturesState] = useState<Configuration['FEATURE']>(Config.getConfig().FEATURE);
   const [isMessageSendingActive, setIsMessageSendingActive] = useState(false);
   const messageCountRef = useRef<number>(0);
@@ -182,7 +183,7 @@ export function ConfigToolbar() {
     setAvsDebuggerEnabled(!!window.wire?.app?.debug?.enableAvsDebugger(isChecked));
   };
 
-  const renderAvsSwitch = (value: boolean) => {
+  const renderAvsSwitch = () => {
     return (
       <div style={{marginBottom: '10px'}}>
         <label htmlFor="avs-debugger-checkbox" style={{display: 'block', fontWeight: 'bold'}}>
@@ -200,7 +201,7 @@ export function ConfigToolbar() {
   const handleAvsRustSftEnable = (isChecked: boolean) => {
     setAvsRustSftEnabled(!!window.wire?.app?.debug?.enableAvsRustSFT(isChecked));
   };
-  const renderAvsRustSftSwitch = (value: boolean) => {
+  const renderAvsRustSftSwitch = () => {
     return (
       <div style={{marginBottom: '10px'}}>
         <label htmlFor="avs-rust-sft-checkbox" style={{display: 'block', fontWeight: 'bold'}}>
@@ -215,6 +216,26 @@ export function ConfigToolbar() {
     );
   };
 
+  const renderGzipSwitch = () => {
+    return (
+      <div style={{marginBottom: '10px'}}>
+        <label htmlFor="gzip-checkbox" style={{display: 'block', fontWeight: 'bold'}}>
+          ENABLE GZIP
+        </label>
+        <Switch
+          id="gzip-checkbox"
+          checked={isGzipEnabled}
+          onToggle={() => {
+            setIsGzipEnabled(previousIsGzipEnabled => {
+              window.wire?.app?.debug?.toggleGzipping(!previousIsGzipEnabled);
+              return !previousIsGzipEnabled;
+            });
+          }}
+        />
+      </div>
+    );
+  };
+
   if (!showConfig) {
     return null;
   }
@@ -235,11 +256,15 @@ export function ConfigToolbar() {
       <Button onClick={() => window.wire?.app?.debug?.enablePressSpaceToUnmute()}>enablePressSpaceToUnmute</Button>
       <Button onClick={() => window.wire?.app?.debug?.disablePressSpaceToUnmute()}>disablePressSpaceToUnmute</Button>
 
-      <div>{renderAvsSwitch(avsDebuggerEnabled)}</div>
+      <div>{renderAvsSwitch()}</div>
+
+      <hr />
+
+      <div>{renderAvsRustSftSwitch()}</div>
 
       <hr />
 
-      <div>{renderAvsRustSftSwitch(avsRustSftEnabled)}</div>
+      <div>{renderGzipSwitch()}</div>
 
       <hr />
 

src/script/util/DebugUtil.ts

@@ -232,6 +232,14 @@ export class DebugUtil {
     );
   }
 
+  isGzippingEnabled(): boolean {
+    return this.apiClient.transport.http.isGzipEnabled();
+  }
+
+  toggleGzipping(enabled: boolean) {
+    this.apiClient.transport.http.toggleGzip(enabled);
+  }
+
   enableCameraBlur(flag: boolean) {
     return this.callingRepository.switchVideoBackgroundBlur(flag);
   }

yarn.lock

@@ -8510,9 +8510,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wireapp/api-client@npm:^27.78.1":
-  version: 27.78.1
-  resolution: "@wireapp/api-client@npm:27.78.1"
+"@wireapp/api-client@npm:^27.79.1":
+  version: 27.79.1
+  resolution: "@wireapp/api-client@npm:27.79.1"
   dependencies:
     "@aws-sdk/client-s3": "npm:3.908.0"
     "@aws-sdk/lib-storage": "npm:3.908.0"
@@ -8531,7 +8531,7 @@ __metadata:
     uuid: "npm:11.1.0"
     ws: "npm:8.18.1"
     zod: "npm:3.24.2"
-  checksum: 10/84644ce542f9082fdb067cddc284cea6dae82e88c4f312a55cdb3edff313b278bb2258e5232a2975e98af34f034f91eb242f3c1bdbb374abc763a361ffde05a8
+  checksum: 10/3dc09f0c036d270f5ae5dc4fcb1026930cb88f9e329bafa2150a5e29c8b543c5d16448580e6811697a2e420c34da03bcd7fe9654274c66a1c31b718286292180
   languageName: node
   linkType: hard
 
@@ -8596,11 +8596,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wireapp/core@npm:46.39.5":
-  version: 46.39.5
-  resolution: "@wireapp/core@npm:46.39.5"
+"@wireapp/core@npm:46.39.7":
+  version: 46.39.7
+  resolution: "@wireapp/core@npm:46.39.7"
   dependencies:
-    "@wireapp/api-client": "npm:^27.78.1"
+    "@wireapp/api-client": "npm:^27.79.1"
     "@wireapp/commons": "npm:^5.4.5"
     "@wireapp/core-crypto": "npm:9.1.0"
     "@wireapp/cryptobox": "npm:12.8.0"
@@ -8618,7 +8618,7 @@ __metadata:
     long: "npm:^5.2.0"
     uuid: "npm:9.0.1"
     zod: "npm:3.24.2"
-  checksum: 10/2a61ab3396081fe61a7f876bb97b4a8785da5b3f6df6351a6b3e8e84eee61b0cc6b87d4b2b94c8791091db864c67e353fe97df895cd30913aac54f07bee52fde
+  checksum: 10/1a3219376790a2123e4ae25b1c16dd0c056c7fa0eb77dbb67630c5286b527a6b7a307b6799382106fde8b4c697a3c35b5d4e67259f12f95097e8c18316bf4ad8
   languageName: node
   linkType: hard
 
@@ -22506,7 +22506,7 @@ __metadata:
     "@wireapp/avs-debugger": "npm:0.0.7"
     "@wireapp/commons": "npm:5.4.5"
     "@wireapp/copy-config": "npm:2.3.4"
-    "@wireapp/core": "npm:46.39.5"
+    "@wireapp/core": "npm:46.39.7"
     "@wireapp/eslint-config": "npm:3.0.7"
     "@wireapp/kalium-backup": "npm:0.0.4"
     "@wireapp/prettier-config": "npm:0.6.5"