/** @jsxImportSource https://esm.sh/preact */ import { encode } from "https://deno.land/std@0.107.0/encoding/base64.ts"; import { render } from "npm:preact-render-to-string"; import Replicate from "npm:replicate"; const replicate = new Replicate({ auth: Deno.env.get("REPLICATE_API_TOKEN"), }); export default async function(req: Request) { if (req.method === "POST") { const formData = await req.formData(); const textPrompt = formData.get("textPrompt"); const formattedPrompt = `Take the description that follows and imagine it vividly as a masterful painting, describing character, action, setting, composition, lighting, and mood. It should still resemble a hand drawing, closer to a scribble than a realistic painting. The drawing contains a lot of free space, filled only by solid colors. Write your answer in the form of a brief terse sentence. Include only the text of your answer, no other information or communication. """ ${textPrompt} """`; // Run text model const input = { prompt: formattedPrompt, temperature: 0.75, max_new_tokens: 500, min_new_tokens: -1, }; let streamedText = ""; for await (const event of replicate.stream("mistralai/mixtral-8x7b-instruct-v0.1", { input })) { streamedText += event.toString(); } console.log(streamedText); // Run generative model const generatedImage = await replicate.run( "rapfl/sdxl-zottify:caf6f0e13ef741de9353b0a06146797a4a55fbff3f5f4013e7fe755756a346e1", { input: { prompt: streamedText + " A drawing in the style of zottify.", num_inference_steps: 20, guidance_scale: 5, width: 1024, height: 576, }, }, ); const result = generatedImage[0]; // Sending a card with the image in it return new Response( render(

, ), { headers: { "Content-Type": "text/html; charset=utf-8" }, }, ); } // If it's not a POST request we always send the full page return new Response( render( ZOTTIFY

ZOTTIFY

an AI generated wrapper design in the style of Zotter Chocolate

, ), { headers: { "Content-Type": "text/html; charset=utf-8", }, }, ); }