Priyansh Social

\n {/* Existing header code */}\n \n {/* AI Templates Section */}\n

🤖 AI Content Templates

\n {aiTemplates.map(template => (\n

generateTemplateContent(template)}\n >\n {template.icon}\n

{template.name}

{template.description}

\n ))}\n

\n\n {/* Vision Analysis Section */}\n

🔍 Image Vision Analysis

\n \n \n \n {visionAnalysis && (\n

Image Description

{visionAnalysis}

\n \n

\n )}\n

\n\n {/* Existing post creation and feed sections */}\n {/* ... (rest of the existing render method) */}\n

\n );\n}\n\n// Existing client and server functions remain mostly the same, \n// with additions for new endpoints\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n const SCHEMA_VERSION = 5;\n\n // Existing table creation code...\n\n const url = new URL(request.url);\n const openai = new OpenAI();\n\n // New Vision Analysis Endpoint\n if (url.pathname === '/analyze-vision' && request.method === 'POST') {\n const formData = await request.formData();\n const imageFile = formData.get('image') as File;\n\n try {\n // Convert file to base64\n const arrayBuffer = await imageFile.arrayBuffer();\n const base64Image = btoa(\n new Uint8Array(arrayBuffer).reduce((data, byte) => data + String.fromCharCode(byte), '')\n );\n\n // Use OpenAI Vision API\n const visionResponse = await openai.chat.completions.create({\n model: \"gpt-4-vision-preview\",\n messages: [\n {\n role: \"user\",\n content: [\n { \n type: \"text\", \n text: \"Describe this image in detail. What do you see?\" \n },\n {\n type: \"image_url\",\n image_url: {\n url: `data:image/jpeg;base64,${base64Image}`\n }\n }\n ]\n }\n ],\n max_tokens: 300\n });\n\n const description = visionResponse.choices[0].message.content || 'No description available';\n\n return new Response(JSON.stringify({ description }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Vision analysis failed' }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // New Template Content Generation Endpoint\n if (url.pathname === '/generate-template-content' && request.method === 'POST') {\n const { template, userContext } = await request.json();\n\n try {\n const templatePrompt = `\n Generate content for a ${template.category} template titled \"${template.name}\".\n Context: User is ${userContext.username}\n Description: ${template.description}\n \n Create an engaging and creative piece of content that fits this template.\n `;\n\n const textCompletion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are a creative content generator for social media templates.\" },\n { role: \"user\", content: templatePrompt }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 200\n });\n\n const generatedText = textCompletion.choices[0].message.content || '';\n\n // Generate complementary image\n const imageResponse = await fetch(`https://maxm-imggenurl.web.val.run/${encodeURIComponent(template.name)}`);\n const imageUrl = imageResponse.url;\n\n return new Response(JSON.stringify({\n text: generatedText,\n imageUrl: imageUrl\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Template content generation failed' }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Existing routes remain the same...\n\n return new Response(`\n \n \n Priyansh Social\n \n \n \n \n

\n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\n// Add new CSS for templates and vision analysis\nconst css = `\n/* Existing CSS remains the same, with additions: */\n\n.ai-templates-container {\n background-color: #f0f8ff;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 20px;\n}\n\n.template-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n}\n\n.template-card {\n background-color: white;\n border-radius: 8px;\n padding: 15px;\n text-align: center;\n cursor: pointer;\n transition: transform 0.3s ease;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.template-card:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n}\n\n.template-icon {\n font-size: 2em;\n margin-bottom: 10px;\n display: block;\n}\n\n.vision-analysis-container {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 20px;\n}\n\n.vision-result {\n margin-top: 15px;\n background-color: white;\n padding: 15px;\n border-radius: 8px;\n}\n`;","createdAt",["D",1740001362949],"version","currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_127":128,"_129":130},"handle","Priyansh","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0SEM3SUxXTEpaRkpRR3BabzMxTzJpZTlUTCJ9","forkedVal","interval","slug","Priyansh/priyanshSocialMediaApp","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[139,142,146],{"_117":90,"_140":-5,"_115":141,"_112":110},"prId",["D",1740001362949],{"_117":143,"_140":-5,"_115":144,"_112":145},1,["D",1740001124013],"e491dcd6-ef09-11ef-9ff4-e6cdfca9ef9f",{"_117":31,"_140":-5,"_115":147,"_112":148},["D",1740000928024],"6fc1a508-ef09-11ef-90cc-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":156,"_127":128,"_135":136,"_98":99,"_166":31,"_167":31,"_50":51,"_168":169},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":157,"_117":90,"_118":26,"_119":31,"_120":31,"_121":31,"_122":90,"_123":31,"_124":31,"_125":-5,"_20":158,"_131":-5,"_132":-7,"_133":134,"_135":136,"_137":159},["D",1740001362949],{"_127":128,"_129":130},[160,162,164],{"_117":90,"_140":-5,"_115":161,"_112":110},["D",1740001362949],{"_117":143,"_140":-5,"_115":163,"_112":145},["D",1740001124013],{"_117":31,"_140":-5,"_115":165,"_112":148},["D",1740000928024],"page","count","prs",[],"routes/_app","actionData","errors"]