chore: update wagmi example (#535)

safe-global · Dec 12, 2023 · 7d82113 · 7d82113
1 parent f2a368a
commit 7d82113
Show file tree

Hide file tree

Showing 12 changed files with 644 additions and 345 deletions.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -4,7 +4,7 @@
   "initialVersions": {
     "example-safe-apps-wagmi-cra": "0.2.0",
     "@safe-global/cra-template-safe-app": "5.0.0",
-    "@safe-global/safe-apps-provider": "0.18.0",
+    "@safe-global/safe-apps-provider": "0.18.1",
     "@safe-global/safe-apps-react-sdk": "4.7.0",
     "@safe-global/safe-apps-sdk": "8.1.0",
     "@safe-global/safe-apps-test-app": "0.2.0",

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -14,9 +14,5 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18
-      - run: |
-          yarn global add lerna
-          # approach taken from https://github.com/actions/setup-node/issues/85
-          echo "$(yarn global bin)" >> $GITHUB_PATH
       - run: yarn install --frozen-lockfile
-      - run: lerna run test
+      - run: yarn test:sdk
diff --git a/examples/wagmi/package.json b/examples/wagmi/package.json
@@ -10,8 +10,8 @@
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
     "util": "^0.12.5",
-    "viem": "^1.0.0",
-    "wagmi": "^1.3.9",
+    "viem": "^1.19.13",
+    "wagmi": "^1.4.10",
     "web-vitals": "^3.4.0"
   },
   "devDependencies": {

diff --git a/examples/wagmi/src/components/Connect.tsx b/examples/wagmi/src/components/Connect.tsx
@@ -1,4 +1,12 @@
-import { useAccount, useConnect, useDisconnect, usePrepareSendTransaction, useSendTransaction } from 'wagmi';
+import {
+  useAccount,
+  useConnect,
+  useContractWrite,
+  useDisconnect,
+  usePrepareContractWrite,
+  usePrepareSendTransaction,
+  useSendTransaction,
+} from 'wagmi';
 
 import { useAutoConnect } from '../useAutoConnect';
 
@@ -13,6 +21,23 @@ export function Connect() {
 
   const { sendTransactionAsync } = useSendTransaction(config);
 
+  const { config: config2 } = usePrepareContractWrite({
+    // wagmi mint example contract
+    address: '0xFBA3912Ca04dd458c843e2EE08967fC04f3579c2',
+    abi: [
+      {
+        name: 'mint',
+        type: 'function',
+        stateMutability: 'nonpayable',
+        inputs: [],
+        outputs: [],
+      },
+    ],
+    functionName: 'mint',
+  });
+
+  const { write } = useContractWrite(config2);
+
   useAutoConnect();
 
   return (
@@ -21,7 +46,8 @@ export function Connect() {
         {activeConnector && (
           <>
             <button onClick={() => disconnect()}>Disconnect from {activeConnector.name}</button>
-            <button onClick={() => sendTransactionAsync?.()}>Test transaction</button>
+            <button onClick={() => write?.()}>Test WagmiMintExample write contract transaction</button>
+            <button onClick={() => sendTransactionAsync?.()}>Test send transaction</button>
           </>
         )}
 

diff --git a/examples/wagmi/src/index.tsx b/examples/wagmi/src/index.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
 
+import { mainnet, goerli } from 'viem/chains';
 import { WagmiConfig, createConfig, configureChains, Connector } from 'wagmi';
-import { mainnet, goerli } from 'wagmi/chains';
 import { publicProvider } from 'wagmi/providers/public';
 import { SafeConnector } from 'wagmi/connectors/safe';
 import { InjectedConnector } from 'wagmi/connectors/injected';
@@ -19,7 +19,7 @@ if (!window.Buffer) {
   window.Buffer = Buffer;
 }
 
-const WALLETCONNECT_PROJECT_ID = process.env.REACT_APP_WALLETCONNECT_PROJECT_ID
+const WALLETCONNECT_PROJECT_ID = process.env.REACT_APP_WALLETCONNECT_PROJECT_ID;
 
 const defaultChains = [mainnet, goerli];
 

diff --git a/packages/safe-apps-sdk/dist/cjs/communication/methods.js b/packages/safe-apps-sdk/dist/cjs/communication/methods.js
diff --git a/packages/safe-apps-sdk/dist/cjs/communication/methods.js.map b/packages/safe-apps-sdk/dist/cjs/communication/methods.js.map
diff --git a/packages/safe-apps-sdk/dist/cjs/safe/index.js b/packages/safe-apps-sdk/dist/cjs/safe/index.js
diff --git a/packages/safe-apps-sdk/dist/cjs/safe/index.js.map b/packages/safe-apps-sdk/dist/cjs/safe/index.js.map
diff --git a/packages/safe-apps-sdk/jest.config.cjs b/packages/safe-apps-sdk/jest.config.cjs
@@ -3,6 +3,8 @@ module.exports = {
   moduleDirectories: ['node_modules', 'src'],
   moduleNameMapper: {
     '^(\\.{1,2}/.*)\\.js$': '$1',
+    // fix isows CJS + ESM compatibility
+    isows: '<rootDir>/../../node_modules/isows/_cjs/index.js',
   },
   transform: {
     '^.+\\.[tj]sx?$': [

diff --git a/packages/safe-apps-web3modal/package.json b/packages/safe-apps-web3modal/package.json
@@ -33,7 +33,7 @@
     "web3modal": "^1.9.9"
   },
   "dependencies": {
-    "@safe-global/safe-apps-provider": "^0.18.1-next.0"
+    "@safe-global/safe-apps-provider": "^0.18.2-next.0"
   },
   "publishConfig": {
     "access": "public"