ai-generate-and-pinata-host

Smart solution for hosting AI generated images

Why

• Offers popular integrated AI image generation options from Hugging Face, OpenAI, and Cloudflare.
• Automatically hosts generated images on Pinata’s Web3 platform, returning a usable URL immediately.
• Solves the hosting problem for developers who need to quickly store and access AI-generated images.
• Flexible, decentralized hosting without the need for centralized storage services.

Why not

• Requires setting up Pinata API keys for hosting, which adds a bit of configuration overhead.
• You may need to manage API rate limits depending on the image generation tool used (e.g., OpenAI, Hugging Face).

Prerequisite

• A valid Pinata account with access to API keys for file hosting.
• API keys or access tokens from Hugging Face, OpenAI, Cloudflare, or any supported AI image generation service.

Install

npm install ai-generate-and-pinata-host@latest

Config

Make sure you have your .env file populated with the mandatory and optional keys.

Here is the boilerplate of how your .env should look like :

# Mandatory configuration
# Pinata API Configuration
PINATA_GATEWAY_DOMAIN=beige-effective-bison-926.mypinata.cloud
PINATA_GATEWAY_PATH=https://beige-effective-bison-926.mypinata.cloud/ipfs
PINATA_JWT_KEY=<secret>

# 1 Mandatory, 2 Optional (you can choose which AI you are gonna use, and populate those keys here .)

# Cloudflare API Configuration
CLOUDFLARE_API_KEY=<secret>
CLOUDFLARE_ACCOUNT_ID=90fc83070e95f461645dd2ed67ef202d
CLOUDFLARE_IMAGE_MODEL=@cf/stabilityai/stable-diffusion-xl-base-1.0

# Hugging Face API Configuration
HUGGING_FACE_ACCESS_TOKEN=<secret>

#Open AI API Configuration
OPEN_AI_API_KEY=<secret>

Usage

import { generateCloudflareHostedUrl, generateHuggingFaceHostedUrl, generateOpenAIHostedUrl } from "ai-generate-and-pinata-host";

let result = {}

let prompt = `Witch running a marathon with a dog and horse`;

const openAiData = await generateOpenAIHostedUrl({prompt});
result.openAiUrl = openAiData.pinataUrl;

console.log("Open AI generated image uploaded, here is the URL : " + result.openAiUrl);

const cloudflareData = await generateCloudflareHostedUrl({prompt});
result.cloudflareUrl = cloudflareData.pinataUrl;

console.log("Cloudflare AI worker generated image uploaded, here is the URL : " + result.cloudflareUrl);


const huggingfaceData = await generateHuggingFaceHostedUrl({prompt});
result.huggingfaceUrl = huggingfaceData.pinataUrl;

console.log("Huggingface AI generated image uploaded, here is the URL : " + result.huggingfaceUrl);


console.log("Here is the output : ")
console.log(result);

Output

┌──(kali㉿kali)-[~/ai-generate-and-pinata-host]
└─$ node app.js
Open AI generated image uploaded, here is the URL : https://beige-effective-bison-926.mypinata.cloud/ipfs/bafybeiabxkxhljzhlpadr3yebbmwkp2dqcv7ntdjo7rvc2mgawonosmogi

Cloudflare AI worker generated image uploaded, here is the URL : https://beige-effective-bison-926.mypinata.cloud/ipfs/bafybeiglgvjxalzf4ch5mdhsqsyz2u2m737f6lpkran2j6ejoim4ni6yd4

Huggingface AI generated image uploaded, here is the URL : https://beige-effective-bison-926.mypinata.cloud/ipfs/bafkreih7xdlfqz7ltgvarxmclvezby3dv4mhf4hex7zw76hlceobfyn3fy

Here is the output : 
{
  openAiUrl: 'https://beige-effective-bison-926.mypinata.cloud/ipfs/bafybeiabxkxhljzhlpadr3yebbmwkp2dqcv7ntdjo7rvc2mgawonosmogi',
  cloudflareUrl: 'https://beige-effective-bison-926.mypinata.cloud/ipfs/bafybeiglgvjxalzf4ch5mdhsqsyz2u2m737f6lpkran2j6ejoim4ni6yd4',
  huggingfaceUrl: 'https://beige-effective-bison-926.mypinata.cloud/ipfs/bafkreih7xdlfqz7ltgvarxmclvezby3dv4mhf4hex7zw76hlceobfyn3fy'
}