Uploading collection via Irys with Account

[Cryptain-Harlock]

Discord user ID

No response

Describe your question in detail.

How to upload collection via Irys with account keypair in NFT-Minting-Dapp template? WalletContextState does not needed because this project is for telegram bot

I've defined Irys.ts as follows:

import { NodeIrys } from "@irys/sdk";
import { getAccountAPTBalance } from "../view-functions/getAccountAPTBalance";
import { NETWORK } from "../config";
const getRpcUrl = (network: string): string => {
  switch (network) {
    case "mainnet":
      return "https://fullnode.mainnet.aptoslabs.com";
    case "testnet":
      return "https://fullnode.testnet.aptoslabs.com";
    default:
      throw new Error(`Unsupported network: ${network}`);
  }
};
const getNodeIrys = async (account: any) => {
  const token = "aptos";
  const rpcUrl = getRpcUrl(NETWORK);
  const nodeIrys = await NodeIrys.init({
    url: rpcUrl,
    token,
    privateKey: account.privateKey,
    publicKey: account.accountAddress,
  });
  await nodeIrys.ready();
  return nodeIrys;
};

account is correct as Account from ts-sdk

export const getAccountFromPriKey = async (
  args: GetAccountFromPriKeyArguments
): Promise<any> => {
  const { privateKeyByte } = args;
  const privateKey = new Ed25519PrivateKey(privateKeyByte);

  const account = Account.fromPrivateKey({ privateKey });
  return account;
};

What error, if any, are you getting?

TypeError: Cannot read properties of undefined (reading 'publicKey')

What have you tried or looked at? Or how can we reproduce the error?

No response

Which operating system are you using?

Windows

Which SDK or tool are you using? (if any)

TypeScript SDK

Describe your environment or tooling in detail

No response

[0xaptosj]

  const nodeIrys = await NodeIrys.init({
    url: rpcUrl,
    token,
    privateKey: account.privateKey,
    // you are using account.address, it should be account.publicKey
    publicKey: account.publicKey,
  });

[Cryptain-Harlock]

I've defined Irys.ts as follows:

import { Uploader } from "@irys/upload";
import fs from "fs";
import path from "path";
import { Aptos } from "@irys/upload-aptos"
import { getAccountAPTBalance } from "../view-functions/getAccountAPTBalance";
import { getAccountFromPriKey } from "../view-functions/getAccountFromPriKey";
import { NETWORK } from "../config";

const getRpcUrl = (network: string): string => {
  switch (network) {
    case "mainnet":
      return "https://fullnode.mainnet.aptoslabs.com";
    case "testnet":
      return "https://fullnode.testnet.aptoslabs.com";
    case "devnet":
      return "https://fullnode.testnet.aptoslabs.com";
    default:
      throw new Error(`Unsupported network: ${network}`);
  }
};

const getIrysUploader = async (priKey: string) => {
  const rpcUrl = getRpcUrl(NETWORK);
  const irysUploader = await Uploader(Aptos).withWallet(priKey).withRpc(rpcUrl);
  return irysUploader
}

export const checkIfFund = async (priKey: string, files: File[]) => {
  // 1. estimate the gas cost based on the data size https://docs.irys.xyz/developer-docs/irys-sdk/api/getPrice
  const nodeIrys = await getIrysUploader(priKey);
  const costToUpload = await nodeIrys.utils.estimateFolderPrice(
    files.map((f) => f.size)
  );
  // 2. check the wallet balance on the irys node: irys.getLoadedBalance()
  const irysBalance = await nodeIrys.getLoadedBalance();

  // 3. if balance is enough, then upload without funding
  if (irysBalance.toNumber() > costToUpload.toNumber()) {
    return true;
  }
  // 4. if balance is not enough,  check the payer balance

  const currentAccount = await getAccountFromPriKey({privateKeyByte: priKey});
  const currentAccountAddress = currentAccount.accountAddress.toString()
  const currentAccountBalance = await getAccountAPTBalance({
    accountAddress: currentAccountAddress,
  });
  // 5. if payer balance > the amount based on the estimation, fund the irys node irys.fund, then upload
  if (currentAccountBalance > costToUpload.toNumber()) {
    try {
      await fundNode(priKey, costToUpload.toNumber());
      return true;
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
    } catch (error: any) {
      throw new Error(`Error funding node ${error}`);
    }
  }
  // 6. if payer balance < the amount, replenish the payer balance*/
  return false;
};

export const fundNode = async (priKey: string, amount?: number) => {
  const nodeIrys = await getIrysUploader(priKey);
    return true;
};

export const uploadFile = async (
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  priKey: string,
  fileToUpload: File
): Promise<string> => {
  console.log(priKey, fileToUpload)
  const nodeIrys = await getIrysUploader(priKey);
  try {
    const fileBase64 = await fileToBase64(fileToUpload);
    const receipt = await nodeIrys.uploadFile(fileBase64, { tags: [] });
    return `https://gateway.irys.xyz/${receipt.id}`;
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
  } catch (e: any) {
    throw new Error(`Error uploading file ${e}`);
  }
};

const fileToBase64 = (file: File): Promise<string> => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = () => resolve(reader.result as string);
    reader.onerror = (error) => reject(error);
  });
};

export const uploadFolder = async (priKey: string, files: File[]) => {
  const nodeIrys = await getIrysUploader(priKey);
  console.log(files)
  try {
    const fileUrls = await Promise.all(
      files.map(async (file) => {
        try {
          console.log(`Uploading file: ${file.name}`);
          const fileBase64 = await fileToBase64(file);
          console.log(fileBase64)
          // console.log(`Base64 conversion successful for: ${file.name}`);
          const receipt = await nodeIrys.uploadFile(fileBase64, { tags: [] });
          // console.log(`Upload successful for: ${file.name}, receipt:`, receipt);
          if (!receipt || !receipt.id) {
            throw new Error(`Invalid receipt for file: ${file.name}`);
          }

          return `https://gateway.irys.xyz/${receipt.id}`;
        } catch (error) {
          console.error(`Error uploading file: ${file.name}`, error);
          throw error;
        }
      })
    );

    console.log('Files uploaded:', fileUrls);
    return fileUrls; // Return array of URLs
  } catch (e: any) {
    throw new Error(`Error uploading folder ${e}`);
  }
};

then, this error occurred.

{
    name: '1.png',
    size: 61965,
    type: 'application/octet-stream',
    path: 'D:\\GitHub_\\testNFT\\dist\\_LLB-COL\\images\\9.png',
    content: <Buffer 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 02 80 00 00 02 80 08 02 00 00 00 83 af 5e 74 00 00 80 00 49 44 41 54 78 da ec fd 79 94 65 d9 55 ... 61915 more bytes>
  },
  {
    name: '2.png',
    size: 61965,
    type: 'application/octet-stream',
    path: 'D:\\GitHub_\\testNFT\\dist\\_LLB-COL\\collection.png',
    content: <Buffer 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 02 80 00 00 02 80 08 02 00 00 00 83 af 5e 74 00 00 80 00 49 44 41 54 78 da ec fd 79 94 65 d9 55 ... 61915 more bytes>
  }
]

Uploading file: 1.png
Uploading file: 2.png

Error uploading file: 1.png ReferenceError: **FileReader** is not defined
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:86:20
    at new Promise (<anonymous>)
    at fileToBase64 (D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:85:10)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:101:36
    at Generator.next (<anonymous>)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:8:71
    at new Promise (<anonymous>)
    at __awaiter (D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:4:12)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:98:32
    at Array.map (<anonymous>)
Error uploading file: 2.png ReferenceError: **FileReader** is not defined
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:86:20
    at new Promise (<anonymous>)
    at fileToBase64 (D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:85:10)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:101:36
    at Generator.next (<anonymous>)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:8:71
    at new Promise (<anonymous>)
    at __awaiter (D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:4:12)
    at D:\GitHub_\LaunchB0xx\src\utils\Irys.ts:98:32
    at Array.map (<anonymous>)

How can I fix FileReader? As you can see the function received files as File[] and it's correct.
Or, yes, webIrys has not path but this has path. so the files output is not same
webIrys:

File {
    name: 'collection.png',
    lastModified: 1729628534824,
    webkitRelativePath: '_LLB-COL/collection.json',
    size: 177,
    …
}

nodeIrys:

{
    name: 'collection.png',
    size: 177,
    type: 'application/octet-stream',
    path: 'D:\\GitHub_\\testNFT\\dist\\collection\\images\\1.png',
    content: <Buffer 89 50 4e 47 0d 0a 1a 0a 00 00 00 0d 49 48 44 52 00 00 02 80 00 00 02 80 08 02 00 00 00 83 af 5e 74 00 00 80 00 49 44 41 54 78 da ec fd 79 94 65 d9 55 ... 61915 more bytes>
  },

[0xmaayan]

You can check Irys official docs at https://docs.irys.xyz/build/d/sdk/setup#aptos or if you are on a web environment https://docs.irys.xyz/build/d/irys-in-the-browser#aptos

Also note that Irys does not support Aptos devnet at the moment, so your program should only support Aptos mainnet/testnet