From 97a4bfbd93bc233bee36966736f006e723bae8b5 Mon Sep 17 00:00:00 2001
From: Guru <guru@tor.us>
Date: Mon, 2 Dec 2024 12:55:00 +0530
Subject: [PATCH 1/3] fix: broadcast channel

---
 src/global.ts                |  4 ++++
 src/main.ts                  |  3 +++
 src/modules/controllers.ts   | 21 ++++++++++++---------
 src/pages/Confirm.vue        |  6 +++---
 src/pages/ConfirmMessage.vue |  6 +++---
 src/pages/End.vue            |  4 ++--
 src/pages/ProviderChange.vue |  6 +++---
 7 files changed, 30 insertions(+), 20 deletions(-)
 create mode 100644 src/global.ts

diff --git a/src/global.ts b/src/global.ts
new file mode 100644
index 00000000..098966fd
--- /dev/null
+++ b/src/global.ts
@@ -0,0 +1,4 @@
+import { broadcastChannelOptions } from "@toruslabs/base-controllers";
+
+// change type
+(broadcastChannelOptions as any).type = null;
diff --git a/src/main.ts b/src/main.ts
index eedfdfde..35a69d2c 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,3 +1,6 @@
+// eslint-disable-next-line
+import "@/global";
+
 import "@/main.css";
 
 import { createGtm } from "@gtm-support/vue-gtm";
diff --git a/src/modules/controllers.ts b/src/modules/controllers.ts
index 9ffdeec0..5f7ab106 100644
--- a/src/modules/controllers.ts
+++ b/src/modules/controllers.ts
@@ -9,6 +9,7 @@ import {
   BillboardEvent,
   BROADCAST_CHANNELS,
   BROADCAST_CHANNELS_MSGS,
+  broadcastChannelOptions,
   Contact,
   ContactPayload,
   DEFAULT_PREFERENCES,
@@ -391,9 +392,10 @@ class ControllerModule extends VuexModule {
   public async changeTheme(theme: "light" | "dark") {
     const instanceId = new URLSearchParams(window.location.search).get("instanceId");
     if (instanceId) {
-      const themeChannel = new BroadcastChannel<PopupData<ThemeChannelData>>(`${BROADCAST_CHANNELS.THEME_CHANGE}_${instanceId}`, {
-        webWorkerSupport: false,
-      });
+      const themeChannel = new BroadcastChannel<PopupData<ThemeChannelData>>(
+        `${BROADCAST_CHANNELS.THEME_CHANGE}_${instanceId}`,
+        broadcastChannelOptions
+      );
       themeChannel.postMessage({
         data: {
           type: BROADCAST_CHANNELS_MSGS.SET_THEME,
@@ -558,9 +560,10 @@ class ControllerModule extends VuexModule {
     torus.setOrigin(origin);
     const instanceId = new URLSearchParams(window.location.search).get("instanceId");
     if (instanceId) {
-      const logoutChannel = new BroadcastChannel<PopupData<BasePopupChannelData>>(`${BROADCAST_CHANNELS.WALLET_LOGOUT_CHANNEL}_${instanceId}`, {
-        webWorkerSupport: false,
-      });
+      const logoutChannel = new BroadcastChannel<PopupData<BasePopupChannelData>>(
+        `${BROADCAST_CHANNELS.WALLET_LOGOUT_CHANNEL}_${instanceId}`,
+        broadcastChannelOptions
+      );
       logoutChannel.postMessage({
         data: {
           type: BROADCAST_CHANNELS_MSGS.LOGOUT,
@@ -586,7 +589,7 @@ class ControllerModule extends VuexModule {
     if (instanceId) {
       const networkChangeChannel = new BroadcastChannel<PopupData<NetworkChangeChannelData>>(
         `${BROADCAST_CHANNELS.WALLET_NETWORK_CHANGE_CHANNEL}_${instanceId}`,
-        { webWorkerSupport: false }
+        broadcastChannelOptions
       );
       networkChangeChannel.postMessage({
         data: {
@@ -607,7 +610,7 @@ class ControllerModule extends VuexModule {
     if (instanceId) {
       const accountImportChannel = new BroadcastChannel<PopupData<AccountImportedChannelData>>(
         `${BROADCAST_CHANNELS.WALLET_ACCOUNT_IMPORT_CHANNEL}_${instanceId}`,
-        { webWorkerSupport: false }
+        broadcastChannelOptions
       );
       accountImportChannel.postMessage({
         data: {
@@ -637,7 +640,7 @@ class ControllerModule extends VuexModule {
     if (instanceId) {
       const selectedAddressChannel = new BroadcastChannel<PopupData<SelectedAddresssChangeChannelData>>(
         `${BROADCAST_CHANNELS.WALLET_SELECTED_ADDRESS_CHANNEL}_${instanceId}`,
-        { webWorkerSupport: false }
+        broadcastChannelOptions
       );
       selectedAddressChannel.postMessage({
         data: {
diff --git a/src/pages/Confirm.vue b/src/pages/Confirm.vue
index 913ced22..b4b47c29 100644
--- a/src/pages/Confirm.vue
+++ b/src/pages/Confirm.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { clusterApiUrl, Connection, TransactionMessage, VersionedMessage, VersionedTransaction } from "@solana/web3.js";
-import { BROADCAST_CHANNELS, BroadcastChannelHandler, POPUP_RESULT } from "@toruslabs/base-controllers";
+import { BROADCAST_CHANNELS, BroadcastChannelHandler, broadcastChannelOptions, POPUP_RESULT } from "@toruslabs/base-controllers";
 import { BroadcastChannel } from "@toruslabs/broadcast-channel";
 import log from "loglevel";
 import { onErrorCaptured, onMounted, ref } from "vue";
@@ -84,7 +84,7 @@ onMounted(async () => {
 
 const approveTxn = async (): Promise<void> => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({
     data: { type: POPUP_RESULT, approve: true },
   });
@@ -93,7 +93,7 @@ const approveTxn = async (): Promise<void> => {
 
 const closeModal = async () => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({ data: { type: POPUP_RESULT, approve: false } });
   bc.close();
 };
diff --git a/src/pages/ConfirmMessage.vue b/src/pages/ConfirmMessage.vue
index 4fd51242..f2769d4e 100644
--- a/src/pages/ConfirmMessage.vue
+++ b/src/pages/ConfirmMessage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BROADCAST_CHANNELS, BroadcastChannelHandler, POPUP_RESULT } from "@toruslabs/base-controllers";
+import { BROADCAST_CHANNELS, BroadcastChannelHandler, broadcastChannelOptions, POPUP_RESULT } from "@toruslabs/base-controllers";
 import { BroadcastChannel } from "@toruslabs/broadcast-channel";
 import log from "loglevel";
 import { onErrorCaptured, onMounted, reactive, ref } from "vue";
@@ -44,7 +44,7 @@ onMounted(async () => {
 
 const approveTxn = async (): Promise<void> => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({
     data: { type: POPUP_RESULT, approve: true },
   });
@@ -53,7 +53,7 @@ const approveTxn = async (): Promise<void> => {
 
 const closeModal = async () => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({ data: { type: POPUP_RESULT, approve: false } });
   bc.close();
 };
diff --git a/src/pages/End.vue b/src/pages/End.vue
index 6dee19bf..ad9ca496 100644
--- a/src/pages/End.vue
+++ b/src/pages/End.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Keypair } from "@solana/web3.js";
-import { PopupData } from "@toruslabs/base-controllers";
+import { broadcastChannelOptions, PopupData } from "@toruslabs/base-controllers";
 import { BroadcastChannel } from "@toruslabs/broadcast-channel";
 import { get } from "@toruslabs/http-helpers";
 import { getED25519Key } from "@toruslabs/openlogin-ed25519";
@@ -45,7 +45,7 @@ const continueToApp = async (selectedIndex: number) => {
     }
 
     log.info(accounts);
-    const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+    const bc = new BroadcastChannel(channel, broadcastChannelOptions);
     await bc.postMessage({
       data: {
         userInfo,
diff --git a/src/pages/ProviderChange.vue b/src/pages/ProviderChange.vue
index 181ce670..ce9cef88 100644
--- a/src/pages/ProviderChange.vue
+++ b/src/pages/ProviderChange.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BROADCAST_CHANNELS, BroadcastChannelHandler, POPUP_RESULT, PopupWhitelabelData } from "@toruslabs/base-controllers";
+import { BROADCAST_CHANNELS, BroadcastChannelHandler, broadcastChannelOptions, POPUP_RESULT, PopupWhitelabelData } from "@toruslabs/base-controllers";
 import { BroadcastChannel } from "@toruslabs/broadcast-channel";
 import { onErrorCaptured, onMounted, reactive, ref } from "vue";
 
@@ -44,7 +44,7 @@ onMounted(async () => {
 
 const approveProviderChange = async (): Promise<void> => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({
     data: { type: POPUP_RESULT, approve: true },
   });
@@ -53,7 +53,7 @@ const approveProviderChange = async (): Promise<void> => {
 
 const denyProviderChange = async () => {
   loading.value = true;
-  const bc = new BroadcastChannel(channel, { webWorkerSupport: false });
+  const bc = new BroadcastChannel(channel, broadcastChannelOptions);
   await bc.postMessage({ data: { type: POPUP_RESULT, approve: false } });
   bc.close();
 };

From 3690b68a3a4361d9b4225701eab1f57a1375724c Mon Sep 17 00:00:00 2001
From: Guru <guru@tor.us>
Date: Mon, 2 Dec 2024 12:57:13 +0530
Subject: [PATCH 2/3] fix: type

---
 src/global.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/global.ts b/src/global.ts
index 098966fd..8d7d08a2 100644
--- a/src/global.ts
+++ b/src/global.ts
@@ -1,4 +1,9 @@
 import { broadcastChannelOptions } from "@toruslabs/base-controllers";
+import { MethodType } from "@toruslabs/broadcast-channel";
 
-// change type
-(broadcastChannelOptions as any).type = null;
+(
+  broadcastChannelOptions as {
+    type?: MethodType;
+    webWorkerSupport: boolean;
+  }
+).type = undefined;

From 3b28f67ae2545fe80493fa376b29a215a74bf832 Mon Sep 17 00:00:00 2001
From: Guru <guru@tor.us>
Date: Mon, 2 Dec 2024 12:58:33 +0530
Subject: [PATCH 3/3] fix: type

---
 src/{global.ts => globalValue.ts} | 0
 src/main.ts                       | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/{global.ts => globalValue.ts} (100%)

diff --git a/src/global.ts b/src/globalValue.ts
similarity index 100%
rename from src/global.ts
rename to src/globalValue.ts
diff --git a/src/main.ts b/src/main.ts
index 35a69d2c..707427c7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 // eslint-disable-next-line
-import "@/global";
+import "@/globalValue";
 
 import "@/main.css";