Fix builds in 4.3.3 (#1646)

* Fix builds in 4.3.3

* fix builds

Author: cb-jake

packages/wallet-sdk/package.json

@@ -24,7 +24,7 @@
     "test": "vitest",
     "test:coverage": "vitest --coverage",
     "prebuild": "rm -rf ./dist && node -p \"'export const VERSION = \\'' + require('./package.json').version + '\\';\\nexport const NAME = \\'' + require('./package.json').name + '\\';'\" > src/sdk-info.ts",
-    "build": "node compile-assets.cjs && tsc -p ./tsconfig.build.json && tsc-alias && cp -a src/vendor-js dist",
+    "build": "node compile-assets.cjs && tsc -p ./tsconfig.build.json && tsc-alias && cp -a src/vendor-js dist && cp src/sign/walletlink/relay/connection/HeartbeatWorker.js dist/sign/walletlink/relay/connection/",
     "dev": "yarn build && tsc --watch & nodemon --watch dist --delay 1 --exec tsc-alias",
     "typecheck": "tsc --noEmit",
     "lint": "biome lint .",

packages/wallet-sdk/src/sign/walletlink/relay/connection/HeartbeatWorker.ts renamed to packages/wallet-sdk/src/sign/walletlink/relay/connection/HeartbeatWorker.js

@@ -1,26 +1,18 @@
 // Copyright (c) 2018-2025 Coinbase, Inc. <https://www.coinbase.com/>
 
-
 /**
  * This worker is used to send heartbeat messages to the main thread.
  * It is used to keep the websocket connection alive when the webpage is backgrounded.
  * 
  */
 
-const HEARTBEAT_INTERVAL = 10000; // 10 seconds
-
-type WorkerMessage = {
-  type: 'start' | 'stop';
-}
-
-export type WorkerResponse = {
-  type: 'heartbeat' | 'started' | 'stopped';
-}
+// Define the heartbeat interval constant directly in the worker to avoid import issues
+const HEARTBEAT_INTERVAL = 10000;
 
-let heartbeatInterval: NodeJS.Timeout | undefined;
+let heartbeatInterval;
 
 // Listen for messages from the main thread
-self.addEventListener('message', (event: MessageEvent<WorkerMessage>) => {
+self.addEventListener('message', (event) => {
   const { type } = event.data;
 
   switch (type) {
@@ -35,7 +27,7 @@ self.addEventListener('message', (event: MessageEvent<WorkerMessage>) => {
   }
 });
 
-function startHeartbeat(): void {
+function startHeartbeat() {
   // Clear any existing interval
   if (heartbeatInterval) {
     clearInterval(heartbeatInterval);
@@ -44,27 +36,27 @@ function startHeartbeat(): void {
   // Start the heartbeat interval
   heartbeatInterval = setInterval(() => {
     // Send heartbeat message to main thread
-    const response: WorkerResponse = { type: 'heartbeat' };
+    const response = { type: 'heartbeat' };
     self.postMessage(response);
   }, HEARTBEAT_INTERVAL);
 
   // Send confirmation that heartbeat started
-  const response: WorkerResponse = { type: 'started' };
+  const response = { type: 'started' };
   self.postMessage(response);
 }
 
-function stopHeartbeat(): void {
+function stopHeartbeat() {
   if (heartbeatInterval) {
     clearInterval(heartbeatInterval);
     heartbeatInterval = undefined;
   }
 
   // Send confirmation that heartbeat stopped
-  const response: WorkerResponse = { type: 'stopped' };
+  const response = { type: 'stopped' };
   self.postMessage(response);
 }
 
 // Handle worker termination
 self.addEventListener('beforeunload', () => {
   stopHeartbeat();
-});
+}); 

packages/wallet-sdk/src/sign/walletlink/relay/connection/HeartbeatWorker.test.ts

@@ -6,7 +6,7 @@ describe('HeartbeatWorker', () => {
 
   beforeEach(async () => {
     // Create a new worker instance for each test
-    worker = new Worker(new URL('./HeartbeatWorker.ts', import.meta.url));
+    worker = new Worker(new URL('./HeartbeatWorker.js', import.meta.url));
   });
 
   afterEach(() => {

packages/wallet-sdk/src/sign/walletlink/relay/connection/WalletLinkConnection.ts

@@ -7,7 +7,6 @@ import { ServerMessage, ServerMessageType } from '../type/ServerMessage.js';
 import { WalletLinkEventData } from '../type/WalletLinkEventData.js';
 import { WalletLinkSession } from '../type/WalletLinkSession.js';
 import { Web3Response } from '../type/Web3Response.js';
-import { WorkerResponse } from './HeartbeatWorker.js';
 import { WalletLinkCipher } from './WalletLinkCipher.js';
 import { WalletLinkHTTP } from './WalletLinkHTTP.js';
 import { ConnectionState, WalletLinkWebSocket } from './WalletLinkWebSocket.js';
@@ -329,7 +328,7 @@ export class WalletLinkConnection {
   private setupWorkerListeners(): void {
     if (!this.heartbeatWorker) return;
 
-    this.heartbeatWorker.addEventListener('message', (event: MessageEvent<WorkerResponse>) => {
+    this.heartbeatWorker.addEventListener('message', (event: MessageEvent<{ type: 'heartbeat' | 'started' | 'stopped' }>) => {
       const { type } = event.data;
 
       switch (type) {

packages/wallet-sdk/tsconfig.build.json

@@ -1,11 +1,11 @@
 {
   "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    "allowJs": false,
+    "allowJs": true,
     "declaration": true,
     "declarationMap": true,
     "sourceMap": true,
   },
   "include": ["src"],
-  "exclude": ["dist", "build", "**/*.test.*", "mocks"]
+  "exclude": ["dist", "build", "**/*.test.*", "mocks", "**/HeartbeatWorker.js"]
 }