Lesson 14 'ipfs://undefined'

[LordReya]

For some reason it doesn't show the IPFS address even though its deploying correctly, as it should. Here is the code:

const { networkConfig, developmentChains } = require("../helper-hardhat-config")
const { verify } = require("../utils/verify")
const { storeImages, storeTokenUriMetadata } = require("../utils/uploadToPinata")

const imagesLocation = "./images/randomNft"

const metadataTemplate = {
    name: "",
    description: "",
    image: "",
    attributes: [
        {
            triait_type: "Jobrolevel",
            value: "100",
        },
    ],
}

module.exports = async ({ getNamedAccounts, deployments }) => {
    const { deploy, log } = deployments
    const { deployer } = await getNamedAccounts()
    const chainId = network.config.chainId
    let vrfCoordinatorV2Address, subscriptionId

    if (process.env.UPLOAD_TO_PINATA == "true") {
        tokenUris = await handleTokenUris()
    }

    if (developmentChains.includes(network.name)) {
        const vrfCoordinatorV2Mock = await ethers.getContract("VRFCoordinatorV2Mock")
        vrfCoordinatorV2Address = vrfCoordinatorV2Mock.address
        const tx = await vrfCoordinatorV2Mock.createSubscription()
        const txReceipt = await tx.wait(1)
        subscriptionId = txReceipt.events[0].args.subId
    } else {
        vrfCoordinatorV2Address = networkConfig[chainId].vrfCoordinatorV2
        subscriptionId = networkConfig[chainId].subscriptionId
    }
    log("-------------------------------------")

    await storeImages(imagesLocation)

    // const args = [
    //     vrfCoordinatorV2Address,
    //     subscriptionId,
    //     networkConfig[chainId].gasLane,
    //     networkConfig[chainId].callbackGasLimit,
    //     //token URIS
    //     networkConfig[chainId].mintFee,
    // ]
}

async function handleTokenUris() {
    tokenUris = []
    //store image and metadata in ipfs
    const { responses: imageUploadResponses, files } = await storeImages(imagesLocation)
    for (imageUploadResponseIndex in imageUploadResponses) {
        //create metadata
        // upload to the metadata
        let tokenUriMetadata = { ...metadataTemplate }
        tokenUriMetadata.name = files[imageUploadResponseIndex].replace(".jpg", "")
        tokenUriMetadata.description = `an adorable ${tokenUriMetadata.name} Jobro!`
        tokenUriMetadata.image = `ipfs://${imageUploadResponses[imageUploadResponseIndex].IpfshHash}`
        console.log(`Uploading ${tokenUriMetadata.name}...`)
        //store the file
        const metadataUploadResponse = await storeTokenUriMetadata(tokenUriMetadata)
        tokenUris.push(`ipfs://${metadataUploadResponse.IpfshHash}`)
    }
    console.log("Token Uris uploaded!")
    console.log(tokenUris)
    return tokenUris
}

module.exports.tags = ["all", "randomipfs", "main"]

That is the terminal code:

yarn run v1.22.19
warning package.json: No license field
$ '/Users/lordreya/Documents/arbitrage bot/Hardhat-NFT/node_modules/.bin/hardhat' deploy --tags randomipfs,mocks
Nothing to compile
Local network detected! Deploying mocks...
deploying "VRFCoordinatorV2Mock" (tx: 0x08c4d28b3b0d27ec8c52d28c2aeae912bc0c3ed426680d248bb3f5aebdb72d97)...: deployed at 0x942ED2fa862887Dc698682cc6a86355324F0f01e with 1803306 gas
Mocks Deployed!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
You are deploying to a local network, you'll need a local network running to interact
Please run `yarn hardhat console --network localhost` to interact with the deployed smart contracts!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Uploading to Pinata
Working on 0...
Working on 1...
Working on 2...
Uploading pug...
Uploading shiba-inu...
Uploading st-bernard...
Token Uris uploaded!
[ 'ipfs://undefined', 'ipfs://undefined', 'ipfs://undefined' ]
-------------------------------------
Uploading to Pinata
Working on 0...
Working on 1...
Working on 2...
✨  Done in 14.32s. ```

[alymurtazamemon]

@PatrickAlphaC

[PatrickAlphaC]

Something is going wrong here:

        //create metadata
        // upload to the metadata
        let tokenUriMetadata = { ...metadataTemplate }
        tokenUriMetadata.name = files[imageUploadResponseIndex].replace(".jpg", "")
        tokenUriMetadata.description = `an adorable ${tokenUriMetadata.name} Jobro!`
        tokenUriMetadata.image = `ipfs://${imageUploadResponses[imageUploadResponseIndex].IpfshHash}`
        console.log(`Uploading ${tokenUriMetadata.name}...`)
        //store the file
        const metadataUploadResponse = await storeTokenUriMetadata(tokenUriMetadata)
        tokenUris.push(`ipfs://${metadataUploadResponse.IpfshHash}`)

I'd do some console.logs to figure out which line is botching up.

[LordReya]

I don't exactly now what I changed, but now it seems to work. Maybe it worked after installing IPFS and running it. It puts some nice links out now :) However now I kinda have a problem here: #802

Pinata somehow doesn't let me upload