@blazium/ton-connect-mobile 1.1.2 → 1.1.4

package/dist/adapters/expo.js

@@ -32,12 +32,22 @@ class ExpoAdapter {
     }
     setupURLListener() {
         if (!Linking) {
+            console.warn('[ExpoAdapter] Linking not available, URL listener not set up');
             return;
         }
         // Listen for deep links when app is already open
         this.subscription = Linking.addEventListener('url', (event) => {
-            this.urlListeners.forEach((listener) => listener(event.url));
+            console.log('[ExpoAdapter] URL event received:', event.url);
+            this.urlListeners.forEach((listener) => {
+                try {
+                    listener(event.url);
+                }
+                catch (error) {
+                    console.error('[ExpoAdapter] Error in URL listener:', error);
+                }
+            });
         });
+        console.log('[ExpoAdapter] URL listener set up successfully');
     }
     async openURL(url, skipCanOpenURLCheck = true) {
         if (!Linking) {
@@ -75,12 +85,16 @@ class ExpoAdapter {
     }
     async getInitialURL() {
         if (!Linking) {
+            console.warn('[ExpoAdapter] Linking not available, cannot get initial URL');
             return null;
         }
         try {
-            return await Linking.getInitialURL();
+            const url = await Linking.getInitialURL();
+            console.log('[ExpoAdapter] getInitialURL result:', url);
+            return url;
         }
         catch (error) {
+            console.error('[ExpoAdapter] Error getting initial URL:', error);
             return null;
         }
     }

package/dist/core/wallets.js

@@ -19,7 +19,7 @@ exports.SUPPORTED_WALLETS = [
         deepLink: 'tonkeeper://',
         platforms: ['ios', 'android'],
         preferredReturnStrategy: 'back',
-        requiresReturnScheme: false, // Tonkeeper can infer from manifest
+        requiresReturnScheme: true, // CRITICAL FIX: Mobile apps need returnScheme for proper callback handling
     },
     {
         name: 'MyTonWallet',

package/dist/index.js

@@ -182,9 +182,16 @@ class TonConnectMobile {
      */
     handleCallback(url) {
         console.log('[TON Connect] handleCallback called with URL:', url);
+        console.log('[TON Connect] Expected scheme:', this.config.scheme);
+        console.log('[TON Connect] URL starts with scheme?', url?.startsWith(`${this.config.scheme}://`));
         // CRITICAL FIX: Check if URL matches our scheme
-        if (!url || !url.startsWith(`${this.config.scheme}://`)) {
+        if (!url || typeof url !== 'string') {
+            console.log('[TON Connect] Invalid URL, ignoring:', url);
+            return;
+        }
+        if (!url.startsWith(`${this.config.scheme}://`)) {
             console.log('[TON Connect] Callback URL does not match scheme, ignoring:', url);
+            console.log('[TON Connect] Expected prefix:', `${this.config.scheme}://`);
             return;
         }
         const parsed = (0, protocol_1.parseCallbackURL)(url, this.config.scheme);
@@ -349,13 +356,16 @@ class TonConnectMobile {
             const urlParts = url.split('?');
             if (urlParts.length > 1) {
                 const payload = urlParts[1];
-                const decoded = (0, protocol_1.decodeBase64URL)(payload);
+                // CRITICAL FIX: Handle URL encoding - payload might have additional encoding
+                const cleanPayload = decodeURIComponent(payload);
+                const decoded = (0, protocol_1.decodeBase64URL)(cleanPayload);
                 console.log('[TON Connect] Connection request payload:', JSON.stringify(decoded, null, 2));
             }
         }
         catch (e) {
-            // Ignore decode errors in logging
-            console.log('[TON Connect] Could not decode payload for logging:', e);
+            // Log decode errors for debugging but don't fail
+            console.log('[TON Connect] Could not decode payload for logging:', e?.message || e);
+            // This is just for logging, the actual URL is correct
         }
         console.log('[TON Connect] Built URL:', url.substring(0, 100) + '...');
         console.log('[TON Connect] Full URL:', url);

package/dist/react/TonConnectButton.js

@@ -65,8 +65,12 @@ function TonConnectButton({ text = 'Connect Wallet', connectedText = 'Disconnect
                 await tonConnectUI.disconnect();
             }
             else {
+                // CRITICAL FIX: Only open modal, don't auto-connect
+                // The modal should handle wallet selection and connection
+                // This allows users to choose which wallet to connect
                 await tonConnectUI.openModal();
-                await tonConnectUI.connectWallet();
+                // Note: connectWallet() should be called by the modal/wallet selection UI
+                // Not automatically here, to allow wallet selection
             }
         }
         catch (error) {

package/dist/react/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blazium/ton-connect-mobile",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Production-ready TON Connect Mobile SDK for React Native and Expo. Implements the real TonConnect protocol for mobile applications using deep links and callbacks.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,8 @@
     },
     "./react": {
       "types": "./dist/react/index.d.ts",
-      "default": "./dist/react/index.js"
+      "default": "./dist/react/index.js",
+      "react-native": "./dist/react/index.js"
     }
   },
   "repository": {
@@ -20,6 +21,7 @@
   },
   "scripts": {
     "build": "tsc",
+    "postbuild": "node scripts/postbuild.js",
     "prepublishOnly": "npm run build",
     "example": "cd example && npm start"
   },

package/src/adapters/expo.ts

@@ -40,12 +40,21 @@ export class ExpoAdapter implements PlatformAdapter {
 
   private setupURLListener(): void {
     if (!Linking) {
+      console.warn('[ExpoAdapter] Linking not available, URL listener not set up');
       return;
     }
     // Listen for deep links when app is already open
     this.subscription = Linking.addEventListener('url', (event: { url: string }) => {
-      this.urlListeners.forEach((listener) => listener(event.url));
+      console.log('[ExpoAdapter] URL event received:', event.url);
+      this.urlListeners.forEach((listener) => {
+        try {
+          listener(event.url);
+        } catch (error) {
+          console.error('[ExpoAdapter] Error in URL listener:', error);
+        }
+      });
     });
+    console.log('[ExpoAdapter] URL listener set up successfully');
   }
 
   async openURL(url: string, skipCanOpenURLCheck: boolean = true): Promise<boolean> {
@@ -89,11 +98,15 @@ export class ExpoAdapter implements PlatformAdapter {
 
   async getInitialURL(): Promise<string | null> {
     if (!Linking) {
+      console.warn('[ExpoAdapter] Linking not available, cannot get initial URL');
       return null;
     }
     try {
-      return await Linking.getInitialURL();
+      const url = await Linking.getInitialURL();
+      console.log('[ExpoAdapter] getInitialURL result:', url);
+      return url;
     } catch (error) {
+      console.error('[ExpoAdapter] Error getting initial URL:', error);
       return null;
     }
   }

package/src/core/wallets.ts

@@ -33,7 +33,7 @@ export const SUPPORTED_WALLETS: WalletDefinition[] = [
     deepLink: 'tonkeeper://',
     platforms: ['ios', 'android'],
     preferredReturnStrategy: 'back',
-    requiresReturnScheme: false, // Tonkeeper can infer from manifest
+    requiresReturnScheme: true, // CRITICAL FIX: Mobile apps need returnScheme for proper callback handling
   },
   {
     name: 'MyTonWallet',

package/src/index.ts

@@ -216,10 +216,18 @@ export class TonConnectMobile {
    */
   private handleCallback(url: string): void {
     console.log('[TON Connect] handleCallback called with URL:', url);
+    console.log('[TON Connect] Expected scheme:', this.config.scheme);
+    console.log('[TON Connect] URL starts with scheme?', url?.startsWith(`${this.config.scheme}://`));
     
     // CRITICAL FIX: Check if URL matches our scheme
-    if (!url || !url.startsWith(`${this.config.scheme}://`)) {
+    if (!url || typeof url !== 'string') {
+      console.log('[TON Connect] Invalid URL, ignoring:', url);
+      return;
+    }
+    
+    if (!url.startsWith(`${this.config.scheme}://`)) {
       console.log('[TON Connect] Callback URL does not match scheme, ignoring:', url);
+      console.log('[TON Connect] Expected prefix:', `${this.config.scheme}://`);
       return;
     }
     
@@ -407,12 +415,15 @@ export class TonConnectMobile {
       const urlParts = url.split('?');
       if (urlParts.length > 1) {
         const payload = urlParts[1];
-        const decoded = decodeBase64URL<ConnectionRequestPayload>(payload);
+        // CRITICAL FIX: Handle URL encoding - payload might have additional encoding
+        const cleanPayload = decodeURIComponent(payload);
+        const decoded = decodeBase64URL<ConnectionRequestPayload>(cleanPayload);
         console.log('[TON Connect] Connection request payload:', JSON.stringify(decoded, null, 2));
       }
-    } catch (e) {
-      // Ignore decode errors in logging
-      console.log('[TON Connect] Could not decode payload for logging:', e);
+    } catch (e: any) {
+      // Log decode errors for debugging but don't fail
+      console.log('[TON Connect] Could not decode payload for logging:', e?.message || e);
+      // This is just for logging, the actual URL is correct
     }
     
     console.log('[TON Connect] Built URL:', url.substring(0, 100) + '...');

package/src/react/TonConnectButton.tsx

@@ -52,8 +52,12 @@ export function TonConnectButton({
       if (isConnected) {
         await tonConnectUI.disconnect();
       } else {
+        // CRITICAL FIX: Only open modal, don't auto-connect
+        // The modal should handle wallet selection and connection
+        // This allows users to choose which wallet to connect
         await tonConnectUI.openModal();
-        await tonConnectUI.connectWallet();
+        // Note: connectWallet() should be called by the modal/wallet selection UI
+        // Not automatically here, to allow wallet selection
       }
     } catch (error) {
       // CRITICAL FIX: Handle errors gracefully