🖼️ PhotoMagic

\n \n

\n\n {uploadedImage && (\n

Image Editor

\n \n Brightness: {brightness}%\n {\n setBrightness(e.target.value);\n applyImageEffects();\n }}\n />\n \n \n Contrast: {contrast}%\n {\n setContrast(e.target.value);\n applyImageEffects();\n }}\n />\n \n

\n )}\n\n

AI Image Generation

\n {\n if (e.key === 'Enter') {\n generateAIImage(e.target.value);\n }\n }}\n />\n

\n\n {generatedImage && (\n

Generated Image

\n $\"AI$ \n

\n )}\n\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n if (request.method === 'POST') {\n const url = new URL(request.url);\n\n if (url.pathname === '/upload') {\n const formData = await request.formData();\n const imageFile = formData.get('image');\n \n const arrayBuffer = await imageFile.arrayBuffer();\n const key = `image_${Date.now()}.${imageFile.name.split('.').pop()}`;\n \n await blob.set(key, new Uint8Array(arrayBuffer));\n \n return new Response(JSON.stringify({ \n message: 'Upload successful', \n key \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n if (url.pathname === '/generate') {\n const { prompt } = await request.json();\n \n const response = await openai.images.generate({\n model: \"dall-e-3\",\n prompt: prompt,\n n: 1,\n size: \"1024x1024\"\n });\n\n const imageUrl = response.data[0].url;\n return new Response(JSON.stringify({ imageUrl }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n PhotoMagic\n \n \n \n

\n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/roysarajit143/photoEditingAIApp/code/main.tsx","extension","actionData","errors"]