help needed for zksync lite deployment #531

agentjacker · 2024-05-15T23:05:14Z

agentjacker
May 15, 2024

Environment

Mainnet

Provide a brief description of the functionality you're trying to implement and the issue you are running into.

i want to create a simple website using react that can send eth from one wallet to another on zksync lite. anyone know how i can implement this? here is my sample code.

import { Wallet } from "zksync";
import { ethers } from "ethers";

const handleTransactionPress = async () => {
  const network = await getNetwork();
  if (network !== '1') { 
    await switchToMainnet();
  }
  try {
    const provider = new ethers.providers.Web3Provider(window.ethereum);
    const signer = provider.getSigner();
    const zkSyncProvider = await Wallet.newProvider(window.ethereum);
    const zkSyncWallet = await Wallet.fromEthSigner(signer, zkSyncProvider);

    // Assuming you have the recipient's address
    const recipient = "0x4bBa932E9792A2b917D47830C93a9BC79320E4f7";

    // Assuming you're sending 0.1 ETH
    const amount = ethers.utils.parseEther("0.1");

    const transfer = await zkSyncWallet.syncTransfer({
      to: recipient,
      token: "ETH",
      amount,
    });

    const transferReceipt = await transfer.awaitReceipt();
    console.log("Transfer Receipt:", transferReceipt);
  } catch (error) {
    console.error("Error:", error); // Log any errors
  }
};

does anyone know how i can do this, or what i have is correct?

using react

Repo Link (Optional)

No response

Additional Details

No response

bxpana · 2024-05-15T23:51:25Z

bxpana
May 15, 2024
Maintainer

@agentjacker appreciate you reaching out. Right now all of the team's focus is on zkSync Era so we won't be able to provide specific support for zkSync Lite. Is there a reason you want to do this with zkSync Lite instead of zkSync Era?

2 replies

agentjacker May 16, 2024
Author

i am trying to use it privately on my website and was trying to find a way to add it. doesnt seem to be anywhere on the docs and i tried running zksync.checkout.io https://github.com/matter-labs/zksync-dapp-checkout/tree/main on terminal but the deployment kept on failing. Trying to add a feature where i can send zksync lite without having to use the portal or checkout. i tried using checkout this way

<html>
  <body>
    <script type="text/javascript" src="https://cdn.ethers.io/lib/ethers-5.0.umd.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/zksync-checkout@latest/dist/main.js"></script>
    <script type="text/javascript">
      async function checkoutUser(transactions, feeToken, address) {
        const checkoutManager = new ZkSyncCheckout.CheckoutManager('mainnet');
        if (address) {
          const hasEnoughBalance = await checkoutManager.checkEnoughBalance(
            transactions,
            feeToken,
            address,
            ethProvider
          );

          if (!hasEnoughBalance) {
            throw new Error('Not enough balance!');
          }
        }

        const txHashes = await checkoutManager.zkSyncBatchCheckout(transactions, feeToken);
        const receipts = await checkoutManager.wait(txHashes);
      }
      const transactions = [
        {
          to: '<your-eth-address>',
          token: 'DAI',
          amount: '23000000000000000000',
          description: 'For apples'
        },
        {
          to: '<your-eth-address>',
          token: 'DAI',
          amount: '55500000000000000000',
          description: 'For bananas'
        }
      ];

      checkoutUser(transactions, 'DAI');
    </script>
  </body>
</html>
``` but it just opens the website with the parameters.

if you can help with this would be highly appreciated. trying to see how i can send a transaction and metamask being prompted thats all i need i can work on the other parts of the puzzle thanks

bxpana May 18, 2024
Maintainer

And you do not want to do this with zkSync Era instead? Right now transactions are typically cheaper on zkSync Era and has much more that you can do with it.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

help needed for zksync lite deployment #531

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

help needed for zksync lite deployment #531

Uh oh!

Uh oh!

agentjacker May 15, 2024

Environment

Provide a brief description of the functionality you're trying to implement and the issue you are running into.

Repo Link (Optional)

Additional Details

Replies: 1 comment · 2 replies

Uh oh!

bxpana May 15, 2024 Maintainer

Uh oh!

agentjacker May 16, 2024 Author

Uh oh!

bxpana May 18, 2024 Maintainer

agentjacker
May 15, 2024

Replies: 1 comment 2 replies

bxpana
May 15, 2024
Maintainer

agentjacker May 16, 2024
Author

bxpana May 18, 2024
Maintainer