chore: attempt debugging

Author: cpb8010

.github/instructions/nx.instructions.md

@@ -27,6 +27,6 @@ If the user wants to generate something, use the following flow:
 - wait for the user to finish the generator
 - read the generator log file using the 'nx_read_generator_log' tool
 - use the information provided in the log file to answer the user's question or continue with what they were doing
-undefined
+
 
 

examples/nft-quest/composables/useMintNft.ts

@@ -2,6 +2,34 @@ import { waitForTransactionReceipt, writeContract } from "@wagmi/core";
 import type { Address } from "viem";
 import { getGeneralPaymasterInput } from "viem/zksync";
 
+export const useTradeNft = async (_address: MaybeRef<Address>) => {
+  const address = toRef(_address);
+  return await useAsyncData("tradeZeek", async () => {
+    const runtimeConfig = useRuntimeConfig();
+    const { wagmiConfig } = storeToRefs(useConnectorStore());
+
+    const mintingForAddress = address.value;
+    const transactionHash = await writeContract(wagmiConfig.value, {
+      address: runtimeConfig.public.contracts.nft as Address,
+      abi: nftAbi,
+      functionName: "mint",
+      args: [mintingForAddress],
+      paymaster: runtimeConfig.public.contracts.paymaster as Address,
+      paymasterInput: getGeneralPaymasterInput({ innerInput: "0x" }),
+    });
+
+    const transactionReceipt = await waitForTransactionReceipt(wagmiConfig.value, { hash: transactionHash });
+    if (transactionReceipt.status === "reverted") {
+      throw new Error("Transaction reverted");
+    }
+
+    return transactionReceipt;
+  }, {
+    server: false,
+    immediate: false,
+  });
+};
+
 export const useMintNft = async (_address: MaybeRef<Address>) => {
   const address = toRef(_address);
 

examples/nft-quest/package.json

@@ -19,6 +19,7 @@
     "@vueuse/motion": "^2.2.6",
     "@vueuse/nuxt": "^11.1.0",
     "@wagmi/core": "^2.16.4",
+    "@wagmi/vue": "^0.1.14",
     "@web3modal/wagmi": "^5.1.11",
     "clsx": "^2.1.1",
     "dotenv": "16.4.5",

examples/nft-quest/pages/trade/index.vue

@@ -166,20 +166,15 @@
 </template>
 
 <script setup lang="ts">
+import { getAccount, signTypedData } from "@wagmi/core";
 import {
   type Address,
-  createWalletClient,
   type Hex,
-  http,
-  parseEther,
-  type TypedDataDefinition } from "viem";
-import { erc7739Actions } from "viem/experimental";
+  isAddress,
+  parseEther } from "viem";
 import { reactive, ref } from "vue";
 
-const { account } = storeToRefs(useConnectorStore());
-
 const runtimeConfig = useRuntimeConfig();
-const chain = runtimeConfig.public.chain;
 
 const config = reactive({
   marketplaceName: "SimpleMarketplace",
@@ -216,59 +211,39 @@ const listRequestTypes = {
   ],
 } as const;
 
+const { account } = storeToRefs(useConnectorStore());
+
 async function handleSignListRequest() {
-  isLoading.value = true;
   errorMsg.value = null;
   signature.value = null;
   signedDomain.value = null;
   signedTypes.value = null;
   signedMessage.value = null;
+  const connectedAccount = getAccount();
 
-  if (!config.marketplaceAddress) {
-    errorMsg.value = "Marketplace address is required.";
-    isLoading.value = false;
-    console.error("Marketplace address is required.", runtimeConfig.public.contracts.marketplace);
+  if (!connectedAccount.isConnected || !connectedAccount.address) {
+    errorMsg.value = "Please connect your wallet first.";
     return;
   }
-  if (!account.value.address) {
-    errorMsg.value = "Smart Account address is required.";
-    isLoading.value = false;
-    return;
-  }
-  if (!config.nftContractAddress) {
-    errorMsg.value = "nft address is required.";
-    isLoading.value = false;
+
+  // --- Pre-flight Checks for Addresses and Critical Values ---
+  if (!config.marketplaceAddress || !isAddress(config.marketplaceAddress)) {
+    errorMsg.value = "Marketplace Contract Address (Verifying Contract) is missing or invalid.";
     return;
   }
-  if (!chain) {
-    errorMsg.value = "Chain not found in wagmiConfig.";
-    isLoading.value = false;
+  const smartAccount = account.value;
+  if (!smartAccount.address || !isAddress(smartAccount.address)) {
+    errorMsg.value = "Seller Smart Account Address is missing or invalid.";
     return;
   }
-  if (!chain.id) {
-    errorMsg.value = "Chain ID is required.";
-    isLoading.value = false;
+  if (!config.nftContractAddress || !isAddress(config.nftContractAddress)) {
+    errorMsg.value = "NFT Contract Address is missing or invalid.";
     return;
   }
+  // --- End Pre-flight Checks ---
+  const chain = runtimeConfig.public.chain;
 
   try {
-    const accountValue = account.value;
-    if (!accountValue || !accountValue.address) {
-      errorMsg.value = "Smart Account address is required.";
-      isLoading.value = false;
-      return;
-    }
-    if (!config.marketplaceAddress || !config.nftContractAddress) {
-      errorMsg.value = "Marketplace and NFT contract addresses are required.";
-      isLoading.value = false;
-      return;
-    }
-    // this needs to be a wagmi account, not a private key
-    const client = createWalletClient({
-      account: accountValue,
-      chain: chain,
-      transport: http(),
-    }).extend(erc7739Actions());
     const domain = {
       name: config.marketplaceName,
       version: config.marketplaceVersion,
@@ -277,7 +252,7 @@ async function handleSignListRequest() {
     } as const;
 
     const message = {
-      seller: accountValue.address,
+      seller: smartAccount.address as Address, // The smart account is the seller
       nftContract: config.nftContractAddress as Address,
       tokenId: BigInt(config.tokenId),
       price: parseEther(config.priceInEth),
@@ -289,22 +264,19 @@ async function handleSignListRequest() {
     signedTypes.value = listRequestTypes;
     signedMessage.value = message;
 
-    const typedData: TypedDataDefinition<typeof listRequestTypes, "ListRequest"> = {
+    const typedDataArgs = {
       domain,
       types: listRequestTypes,
       primaryType: "ListRequest",
       message,
-    };
+    } as const;
 
-    const sig = await client.signTypedData(typedData);
+    // Use wagmi/core's signTypedData
+    const sig = await signTypedData(typedDataArgs);
     signature.value = sig;
   } catch (e) {
-    errorMsg.value = e.message || "An unknown error occurred during signing.";
-    if (e.shortMessage) { // Viem often has a shortMessage
-      errorMsg.value = e.shortMessage;
-    }
-  } finally {
-    isLoading.value = false;
+    console.error("Error in handleSignListRequest:", e);
+    errorMsg.value = e.message || "An unknown error occurred during the signing process preparation.";
   }
 }
 </script>

packages/auth-server/stores/client.ts

@@ -2,7 +2,6 @@ import { useAppKitProvider } from "@reown/appkit/vue";
 import { type Address, createPublicClient, createWalletClient, custom, http, publicActions, walletActions } from "viem";
 import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";
 import { zksyncInMemoryNode, zksyncSepoliaTestnet } from "viem/chains";
-import { erc7739Actions } from "viem/experimental";
 import { eip712WalletActions } from "viem/zksync";
 import { createZksyncPasskeyClient, type PasskeyRequiredContracts } from "zksync-sso/client/passkey";
 import { createZksyncRecoveryGuardianClient } from "zksync-sso/client/recovery";
@@ -155,8 +154,7 @@ export const useClientStore = defineStore("client", () => {
     })
       .extend(publicActions)
       .extend(walletActions)
-      .extend(eip712WalletActions())
-      .extend(erc7739Actions());
+      .extend(eip712WalletActions());
     ;
   };