Update testapp to use sdk latest (#1408)

* update testapp to use sdk latest

* use pkgjson to get latest version

* remove log

Author: cb-jake

examples/testapp/package.json

@@ -15,7 +15,7 @@
     "@coinbase/wallet-sdk": "workspace:*",
     "@coinbase/wallet-sdk-3.7.2": "npm:@coinbase/wallet-sdk@3.7.2",
     "@coinbase/wallet-sdk-3.9.3": "npm:@coinbase/wallet-sdk@3.9.3",
-    "@coinbase/wallet-sdk-4.0.4": "npm:@coinbase/wallet-sdk@latest",
+    "@coinbase/wallet-sdk-latest": "npm:@coinbase/wallet-sdk@latest",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@metamask/eth-sig-util": "^7.0.0",

examples/testapp/src/components/Layout.tsx

@@ -17,10 +17,12 @@ import {
   useBreakpointValue,
   useDisclosure,
 } from '@chakra-ui/react';
+import latestPkgJson from '@coinbase/wallet-sdk/package.json';
 import { useMemo } from 'react';
 
 import { options, scwUrls, sdkVersions, useCBWSDK } from '../context/CBWSDKReactContextProvider';
 
+
 type LayoutProps = {
   children: React.ReactNode;
 };
@@ -65,7 +67,7 @@ export function Layout({ children }: LayoutProps) {
             ))}
           </MenuList>
         </Menu>
-        {(sdkVersion === 'HEAD' || sdkVersion === '4.0.4') && (
+        {(sdkVersion === 'HEAD' || sdkVersion === latestPkgJson.version) && (
           <>
             <Menu>
               <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>

examples/testapp/src/context/CBWSDKReactContextProvider.tsx

@@ -1,7 +1,9 @@
 import { CoinbaseWalletSDK as CoinbaseWalletSDKHEAD } from '@coinbase/wallet-sdk';
 import { CoinbaseWalletSDK as CoinbaseWalletSDK372 } from '@coinbase/wallet-sdk-3.7.2';
 import { CoinbaseWalletSDK as CoinbaseWalletSDK393 } from '@coinbase/wallet-sdk-3.9.3';
-import { CoinbaseWalletSDK as CoinbaseWalletSDK404 } from '@coinbase/wallet-sdk-4.0.4';
+import { CoinbaseWalletSDK as CoinbaseWalletSDKLatest } from '@coinbase/wallet-sdk-latest';
+import latestPkgJson from '@coinbase/wallet-sdk/package.json';
+
 import React, { useEffect, useMemo } from 'react';
 
 type CBWSDKProviderProps = {
@@ -11,7 +13,7 @@ type CBWSDKProviderProps = {
 const CBWSDKReactContext = React.createContext(null);
 
 const SELECTED_SDK_KEY = 'selected_sdk_version';
-export const sdkVersions = ['HEAD', '4.0.4', '3.9.3', '3.7.2'] as const;
+export const sdkVersions = ['HEAD', latestPkgJson.version, '3.9.3', '3.7.2'] as const;
 export type SDKVersionType = (typeof sdkVersions)[number];
 
 const SELECTED_SCW_URL_KEY = 'scw_url';
@@ -74,8 +76,8 @@ export function CBWSDKReactContextProvider({ children }: CBWSDKProviderProps) {
   useEffect(() => {
     let cbwsdk;
     let preference;
-    if (version === 'HEAD' || version === '4.0.4') {
-      const SDK = version === 'HEAD' ? CoinbaseWalletSDKHEAD : CoinbaseWalletSDK404;
+    if (version === 'HEAD' || version === latestPkgJson.version) {
+      const SDK = version === 'HEAD' ? CoinbaseWalletSDKHEAD : CoinbaseWalletSDKLatest;
       cbwsdk = new SDK({
         appName: 'SDK Playground',
         appChainIds: [84532, 8452],
@@ -101,7 +103,7 @@ export function CBWSDKReactContextProvider({ children }: CBWSDKProviderProps) {
   }, [version, option]);
 
   useEffect(() => {
-    if (version === 'HEAD' || version === '4.0.4') {
+    if (version === 'HEAD' || version === latestPkgJson.version) {
       if (scwUrl) window.setPopupUrl?.(scwUrl);
     }
   }, [version, scwUrl, sdk]);

yarn.lock

@@ -2713,17 +2713,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@coinbase/wallet-sdk-4.0.4@npm:@coinbase/wallet-sdk@latest":
-  version: 4.0.4
-  resolution: "@coinbase/wallet-sdk@npm:4.0.4"
+"@coinbase/wallet-sdk-latest@npm:@coinbase/wallet-sdk@latest":
+  version: 4.1.0
+  resolution: "@coinbase/wallet-sdk@npm:4.1.0"
   dependencies:
-    buffer: "npm:^6.0.3"
-    clsx: "npm:^1.2.1"
-    eventemitter3: "npm:^5.0.1"
-    keccak: "npm:^3.0.3"
-    preact: "npm:^10.16.0"
-    sha.js: "npm:^2.4.11"
-  checksum: 002d03d791683a15b465a285d7293a7994684f6f91d67c01b52ee9a07ba62f555a12d5c9471c964ccae0df048190f9c2e82929aeba9247e6d97ad1a9e9dd4132
+    "@noble/hashes": ^1.4.0
+    clsx: ^1.2.1
+    eventemitter3: ^5.0.1
+    preact: ^10.16.0
+  checksum: 13ccdbf48bc43db5b9285ca4e6d13a81e1d0c7d13735b1695f9c33c4e3bb0b03683adfffc084344aed475832c3613d68e025f029fc8f2b6abe386596aeee39c9
   languageName: node
   linkType: hard
 
@@ -9940,7 +9938,7 @@ __metadata:
     "@coinbase/wallet-sdk": "workspace:*"
     "@coinbase/wallet-sdk-3.7.2": "npm:@coinbase/wallet-sdk@3.7.2"
     "@coinbase/wallet-sdk-3.9.3": "npm:@coinbase/wallet-sdk@3.9.3"
-    "@coinbase/wallet-sdk-4.0.4": "npm:@coinbase/wallet-sdk@latest"
+    "@coinbase/wallet-sdk-latest": "npm:@coinbase/wallet-sdk@latest"
     "@emotion/react": ^11.11.1
     "@emotion/styled": ^11.11.0
     "@metamask/eth-sig-util": ^7.0.0