padmaai-client
v0.0.6
Published
Padma Studio client side implementation
Downloads
467
Readme
Padma AI Client
Client side implementation for Padma AI Studio
Installation
- using npm
npm install padmaai-client - using yarn
yarn add padmaai-client
Function call
Generate Image with PULID
this.padmaAI.generateImages("BASE64IMAGE", "FILTER");Generate Image with PULID + FRAME
this.padmaAI.generateImages("BASE64IMAGE", "FILTER", "FRAME");Generate Image with Swap Face
this.padmaAI.swapImages("BASE64IMAGE", "FILTER");Usage
VueJS
Import the package
import PadmaAIClient from "padmaai-client";Data
data() {
return {
padmaAI: null
}
}Init on mounted
mounted() {
this.padmaAI = new PadmaAI("API_BASE_URL", "APP_KEY", "APP_ID");
}Inside the function call
this.padmaAI.onProgress((progress) => {
// this.progress = progress
console.log("progress");
console.log(progress); // Optional: log progress for debugging
});
try {
const result = await this.padmaAI.generateImages(
"BASE64IMAGE",
"FILTER",
"FRAME (OPTIONAL)"
);
console.log(result.imgUrl);
// this.imageUrl = result.imgUrl // Assuming the image URL is returned
} catch (error) {
console.error("Error generating image:", error);
}React JS
Import module
import PadmaAIClient from "padmaai-client";const [padmaAI, setPadmaAI] = useState(null);
useEffect(() => {
// Initialize PadmaAI instance on component mount
const aiInstance = new PadmaAIClient("API_BASE_URL", "API_KEY", "APP_ID");
setPadmaAI(aiInstance);
}, []);inside generate function
// Set the progress callback
padmaAI.onProgress((progress) => {
setProgress(progress); // Update the progress state
console.log("Progress:", progress); // Optional: log progress for debugging
});
try {
// Generate the image
const result = await padmaAI.generateImages(
"BASE64IMAGE",
"FILTER",
"FRAME (OPTIONAL)"
);
setImageUrl(result.imgUrl); // Assuming the image URL is returned
} catch (error) {
console.error("Error generating image:", error);
}Plain HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PadmaAI Client</title>
</head>
<body>
<script src="https://unpkg.com/[email protected]/dist/PadmaAIClient.min.js"></script>
<script>
const padmaAI = new PadmaAIClient("API_BASE_URL", "API_KEY", "APP_ID");
padmaAI.onProgress((progressData) => {
console.log("Progress:", progressData);
});
padmaAI
.generateImages("BASE64IMAGE", "FILTER", "FRAME (OPTIONAL)")
.then((result) => {
console.log("Image generation complete:", result);
})
.catch((error) => {
console.error("Error during image generation:", error);
});
</script>
</body>
</html>