refactor: 💡 Examples uses latest Node and Client updates

Author: kostysh

examples/client/src/App.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef, useCallback } from 'react';
-import { Hash } from 'viem';
+import { Hash, stringify } from 'viem';
 import {
   Client,
   ClientOptions,
@@ -10,7 +10,6 @@ import {
 } from '../../../src/index.js'; // @windingtree/sdk
 import { RequestQuery, OfferOptions, chainConfig, serverAddress } from '../../shared/index.js';
 import { OfferData } from '../../../src/shared/types.js';
-import { stringify } from '../../../src/utils/hash.js';
 import { centerEllipsis, formatBalance, parseWalletError } from './utils.js';
 import { useWallet } from './providers/WalletProvider/WalletProviderContext.js';
 import { ConnectButton } from './providers/WalletProvider/ConnectButton.js';

examples/client/src/providers/WalletProvider/index.tsx

@@ -6,8 +6,9 @@ import {
   custom,
   createPublicClient,
   createWalletClient,
+  http,
 } from 'viem';
-import { polygonZkEvmTestnet } from 'viem/chains';
+import { polygonZkEvmTestnet, hardhat } from 'viem/chains';
 import { WalletContext } from './WalletProviderContext';
 import { formatBalance } from '../../utils';
 
@@ -18,7 +19,7 @@ export const WalletProvider = ({ children }: PropsWithChildren) => {
   const [account, setAccount] = useState<Address | undefined>();
   const [loading, setLoading] = useState<boolean>(false);
   const [isConnected, setIsConnected] = useState<boolean>(false);
-  const [balance, setBalance] = useState<string>('0.00');
+  const [balance, setBalance] = useState<string>('0.0000');
   const [error, setError] = useState<string | undefined>();
 
   const getChainId = async (publicClient: PublicClient): Promise<bigint> =>
@@ -38,12 +39,12 @@ export const WalletProvider = ({ children }: PropsWithChildren) => {
 
   const handleChainChanged = async (): Promise<void> => {
     const publicClient = createPublicClient({
-      chain: polygonZkEvmTestnet,
-      transport: custom(window.ethereum),
+      chain: import.meta.env.VITE_LOCAL_NODE === 'hardhat' ? hardhat : polygonZkEvmTestnet,
+      transport: http(),
     });
     setPublicClient(publicClient);
     const walletClient = createWalletClient({
-      chain: polygonZkEvmTestnet,
+      chain: import.meta.env.VITE_LOCAL_NODE === 'hardhat' ? hardhat : polygonZkEvmTestnet,
       transport: custom(window.ethereum),
     });
     setWalletClient(walletClient);

examples/client/src/utils.ts

@@ -12,7 +12,7 @@ export const centerEllipsis = (text: string, width = 4, prefix = 2): string =>
 
 // Formats balance value
 export const formatBalance = (balance: bigint, decimals: number): string => {
-  const ether = formatUnits(balance, decimals);
+  const ether = formatUnits(balance, 18);
   const decimalPart = ether.split('.')[1] || '';
   const paddedDecimalPart = decimalPart.padEnd(decimals, '0');
   return `${ether.split('.')[0]}.${paddedDecimalPart.slice(0, decimals)}`;

examples/node/index.ts

@@ -1,7 +1,8 @@
 import 'dotenv/config';
 import { EventHandler } from '@libp2p/interfaces/events';
 import { DateTime } from 'luxon';
-import { Hash } from 'viem';
+import { Hash, Hex } from 'viem';
+import { randomSalt } from '@windingtree/contracts';
 import {
   RequestQuery,
   OfferOptions,
@@ -14,22 +15,19 @@ import { OfferData } from '../../src/shared/types.js';
 import { noncePeriod } from '../../src/constants.js';
 import { memoryStorage } from '../../src/storage/index.js';
 import { nowSec, parseSeconds } from '../../src/utils/time.js';
-import { randomSalt } from '../../src/utils/uid.js';
 import { RequestEvent } from '../../src/node/requestManager.js';
 import { createLogger } from '../../src/utils/logger.js';
 
 const logger = createLogger('NodeMain');
 
 /**
- * These are randomly generated wallets, just for demonstration.
- * In production, you have to provide (and handle) them in a secure way
+ * The supplier signer credentials
  */
 const signerMnemonic = process.env.EXAMPLE_ENTITY_SIGNER_MNEMONIC;
+const signerPk = process.env.EXAMPLE_ENTITY_SIGNER_PK as Hex;
 
-if (!signerMnemonic) {
-  throw new Error(
-    'Entity signer mnemonic must be provided with EXAMPLE_ENTITY_SIGNER_MNEMONIC env',
-  );
+if (!signerMnemonic && !signerPk) {
+  throw new Error('Either signerMnemonic or signerPk must be provided with env');
 }
 
 /**
@@ -156,6 +154,7 @@ const main = async (): Promise<void> => {
     noncePeriod: Number(parseSeconds(noncePeriod)),
     supplierId,
     signerSeedPhrase: signerMnemonic,
+    signerPk: signerPk,
   };
   const node = createNode<RequestQuery, OfferOptions>(options);
 

examples/shared/index.ts

@@ -12,38 +12,84 @@ export interface OfferOptions extends GenericOfferOptions {
   buonasera: boolean;
 }
 
-export const chainConfig: ProtocolChain = {
-  chainId: 1442,
-  contracts: {
-    config: {
-      name: 'Config',
-      version: '1',
-      address: '0x098b1d12cAfE7315C77b6d308A62ce02806260Ee',
-    },
-    entities: {
-      name: 'EntitiesRegistry',
-      version: '1',
-      address: '0x4bB51528C83844b509E1152EEb05260eE1bf60e6',
-    },
-    market: {
-      name: 'Market',
-      version: '1',
-      address: '0xDd5B6ffB3585E109ECddec5293e31cdc1e9DeD57',
-    },
-    token: {
-      name: 'LifToken',
-      version: '1',
-      address: '0x4d60F4483BaA654CdAF1c5734D9E6B16735efCF8',
-    },
-  },
-};
+export interface LocalEnv {
+  LOCAL_NODE?: string;
+  VITE_LOCAL_NODE?: string;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const env =
+  typeof window === 'undefined' ? process.env : (import.meta as unknown as { env: LocalEnv }).env;
+
+export const chainConfig: ProtocolChain =
+  env.LOCAL_NODE === 'hardhat' || env.VITE_LOCAL_NODE === 'hardhat'
+    ? {
+        chainId: 31337, // Local Hardhat node
+        chainName: 'hardhat',
+        contracts: {
+          config: {
+            name: 'Config',
+            version: '1',
+            address: '0x3Aa5ebB10DC797CAC828524e59A333d0A371443c',
+          },
+          entities: {
+            name: 'EntitiesRegistry',
+            version: '1',
+            address: '0x59b670e9fA9D0A427751Af201D676719a970857b',
+          },
+          market: {
+            name: 'Market',
+            version: '1',
+            address: '0x09635F643e140090A9A8Dcd712eD6285858ceBef',
+          },
+          token: {
+            name: 'LifToken',
+            version: '1',
+            address: '0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1',
+          },
+        },
+      }
+    : {
+        chainId: 1442,
+        chainName: 'zkSyncTestnet',
+        contracts: {
+          config: {
+            name: 'Config',
+            version: '1',
+            address: '0x098b1d12cAfE7315C77b6d308A62ce02806260Ee',
+          },
+          entities: {
+            name: 'EntitiesRegistry',
+            version: '1',
+            address: '0x4bB51528C83844b509E1152EEb05260eE1bf60e6',
+          },
+          market: {
+            name: 'Market',
+            version: '1',
+            address: '0xDd5B6ffB3585E109ECddec5293e31cdc1e9DeD57',
+          },
+          token: {
+            name: 'LifToken',
+            version: '1',
+            address: '0x4d60F4483BaA654CdAF1c5734D9E6B16735efCF8',
+          },
+        },
+      };
 
-export const stableCoins: Record<string, Address> = {
-  stable6: '0x8CB96383609C56af1Fe44DB7591F94AEE2fa43b2',
-  stable6permit: '0x4556d5C1486d799f67FA96c84F1d0552486CAAF4',
-  stable18: '0x4EcB659060Da61D795D777bb21BAe3599b301C66',
-  stable18permit: '0xF54784206A53EF19fd3024D8cdc7A6251A4A0d67',
-};
+export const stableCoins: Record<string, Address> =
+  env.LOCAL_NODE === 'hardhat' || env.VITE_LOCAL_NODE === 'hardhat'
+    ? {
+        stable6: '0x9fE46736679d2D9a65F0992F2272dE9f3c7fa6e0',
+        stable6permit: '0x5FC8d32690cc91D4c39d9d3abcBD16989F875707',
+        stable18: '0x2279B7A0a67DB372996a5FaB50D91eAA73d2eBe6',
+        stable18permit: '0xB7f8BC63BbcaD18155201308C8f3540b07f84F5e',
+      }
+    : {
+        stable6: '0x8CB96383609C56af1Fe44DB7591F94AEE2fa43b2',
+        stable6permit: '0x4556d5C1486d799f67FA96c84F1d0552486CAAF4',
+        stable18: '0x4EcB659060Da61D795D777bb21BAe3599b301C66',
+        stable18permit: '0xF54784206A53EF19fd3024D8cdc7A6251A4A0d67',
+      };
 
 export const serverAddress =
   '/ip4/127.0.0.1/tcp/33333/ws/p2p/QmcXbDrzUU5ERqRaronWmAJXwe6c7AEkS7qdcsjgEuWPCf';