Welcome to the Kitten Image Generator!

Use this service to generate cute kitten images of various sizes:

For square images: /width (e.g., /400 for a 400x400 image)

For rectangular images: /width/height (e.g., /400/300 for a 400x300 image)

Generate a Kitten Image

\n \n

Here's an example of a generated 400x400 kitten image:

\n $\"Example$ \n

Start generating your own kitten images by using the form above or modifying the URL!

\n \n \n \n `;\n return new Response(welcomeHtml, { headers: { 'Content-Type': 'text/html' } });\n }\n\n let width: number, height: number;\n\n if (parts.length === 1) {\n // Square image\n width = height = parseInt(parts[0]);\n } else if (parts.length === 2) {\n // Rectangular image\n width = parseInt(parts[0]);\n height = parseInt(parts[1]);\n } else {\n return new Response('Invalid URL format. Use /width for square images or /width/height for rectangular images.', \n { status: 400, headers: { 'Content-Type': 'text/plain' } });\n }\n\n if (isNaN(width) || isNaN(height) || width <= 0 || height <= 0) {\n return new Response('Invalid dimensions. Please use positive integers.', \n { status: 400, headers: { 'Content-Type': 'text/plain' } });\n }\n\n // Ensure dimensions are within acceptable range\n width = Math.min(Math.max(width, 64), 1024);\n height = Math.min(Math.max(height, 64), 1024);\n\n const prompt = `A cute kitten, high quality, detailed`;\n const imageGenerationUrl = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(prompt)}?width=${width}&height=${height}`;\n\n try {\n console.log(`Generating image with dimensions: ${width}x${height}`);\n const imageResponse = await fetch(imageGenerationUrl);\n console.log(`Response status: ${imageResponse.status}`);\n\n if (!imageResponse.ok) {\n throw new Error(`Failed to generate image: ${imageResponse.status} ${imageResponse.statusText}`);\n }\n\n const imageBlob = await imageResponse.blob();\n console.log(`Successfully generated image, size: ${imageBlob.size} bytes`);\n\n // Return the image as-is, without any processing\n return new Response(imageBlob, {\n headers: {\n 'Content-Type': 'image/png',\n 'Cache-Control': 'public, max-age=86400',\n },\n });\n } catch (error) {\n console.error('Error generating image:', error.message);\n return new Response(`Failed to generate image: ${error.message}`, { status: 500, headers: { 'Content-Type': 'text/plain' } });\n }\n}\n\n// Make the endpoint publicly accessible\nserver.public = true;","deleted","label",[98],"permalink","https://www.val.town/x/ashryanio/placeholderKittenImages/code/main.tsx","extension","actionData","errors"]