{\n try {\n const response = await fetch('http://copiona.com', {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'\n }\n });\n \n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n \n const html = await response.text();\n \n // Extract key structural elements\n const structure = {\n title: extractTitle(html),\n navigation: extractNavigation(html),\n mainSections: extractMainSections(html),\n layout: extractLayout(html),\n styles: extractStyles(html),\n content: extractContent(html)\n };\n \n return structure;\n } catch (error) {\n console.error('Error analyzing copiona.com:', error);\n return null;\n }\n}\n\nfunction extractTitle(html: string): string {\n const titleMatch = html.match(/]*>(.*?)<\\/title>/i);\n return titleMatch ? titleMatch[1].trim() : 'Copiona';\n}\n\nfunction extractNavigation(html: string): string[] {\n const navMatches = html.match(/]*>[\\s\\S]*?<\\/nav>/gi) || [];\n const links: string[] = [];\n \n navMatches.forEach(nav => {\n const linkMatches = nav.match(/]*href=\"([^\"]*)\"[^>]*>(.*?)<\\/a>/gi) || [];\n linkMatches.forEach(link => {\n const hrefMatch = link.match(/href=\"([^\"]*)\"/);\n const textMatch = link.match(/>([^<]*)]*class=\"[^\"]*\"[^>]*>[\\s\\S]*?<\\/\\1>/gi) || [];\n \n sectionMatches.forEach(section => {\n const classMatch = section.match(/class=\"([^\"]*)\"/);\n if (classMatch) {\n sections.push(classMatch[1]);\n }\n });\n \n return sections;\n}\n\nfunction extractLayout(html: string): any {\n return {\n hasHeader: /

]*>([\\s\\S]*?)<\\/style>/gi) || [];\n return styleMatches.join('\\n');\n}\n\nfunction extractContent(html: string): any {\n return {\n headings: extractHeadings(html),\n paragraphs: extractParagraphs(html),\n images: extractImages(html),\n forms: extractForms(html)\n };\n}\n\nfunction extractHeadings(html: string): string[] {\n const headingMatches = html.match(/]*>(.*?)<\\/h[1-6]>/gi) || [];\n return headingMatches.map(h => h.replace(/<[^>]*>/g, '').trim());\n}\n\nfunction extractParagraphs(html: string): string[] {\n const paragraphMatches = html.match(/]*>(.*?)<\\/p>/gi) || [];\n return paragraphMatches.slice(0, 5).map(p => p.replace(/<[^>]*>/g, '').trim());\n}\n\nfunction extractImages(html: string): string[] {\n const imageMatches = html.match(/]*src=\"([^\"]*)\"[^>]*>/gi) || [];\n return imageMatches.map(img => {\n const srcMatch = img.match(/src=\"([^\"]*)\"/);\n return srcMatch ? srcMatch[1] : '';\n });\n}\n\nfunction extractForms(html: string): boolean {\n return /

c.trim());\n for (const cookie of cookies) {\n if (cookie.startsWith(\"ai_model=\")) {\n const model = cookie.split(\"=\")[1];\n if (AVAILABLE_MODELS.includes(model)) {\n return model;\n }\n }\n }\n\n return AVAILABLE_MODELS[0];\n}\n\n// Cache for copiona.com structure (refreshed periodically)\nlet copionaStructure: any = null;\nlet lastFetchTime = 0;\nconst CACHE_DURATION = 30 * 60 * 1000; // 30 minutes\n\n// Analyze copiona.com structure and extract CSS\nasync function getCopionaStructure(): Promise {\n const now = Date.now();\n\n if (copionaStructure && now - lastFetchTime < CACHE_DURATION) {\n return copionaStructure;\n }\n\n try {\n console.log(\"Fetching copiona.com structure...\");\n const response = await fetch(\"https://copiona.com\", {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36\",\n },\n });\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const html = await response.text();\n\n // Extract CSS files and inline styles\n const cssLinks = await extractCSSLinks(html);\n const inlineCSS = extractInlineCSS(html);\n\n // Extract key structural elements\n copionaStructure = {\n title: extractTitle(html),\n navigation: extractNavigation(html),\n mainSections: extractMainSections(html),\n layout: extractLayout(html),\n content: extractContent(html),\n css: {\n links: cssLinks,\n inline: inlineCSS,\n combined: (await fetchAllCSS(cssLinks)) + \"\\n\" + inlineCSS,\n },\n bodyHTML: extractBodyContent(html),\n rawHtml: html.substring(0, 2000), // First 2000 chars for reference\n };\n\n lastFetchTime = now;\n console.log(\"Copiona structure cached with CSS\");\n return copionaStructure;\n } catch (error) {\n console.error(\"Error fetching copiona.com:\", error);\n // Return fallback structure if fetch fails\n return {\n title: \"Copiona\",\n navigation: [\"Inicio\", \"Productos\", \"Servicios\", \"Contacto\"],\n mainSections: [\"hero\", \"features\", \"content\", \"footer\"],\n layout: { hasHeader: true, hasFooter: true, responsive: true },\n content: {\n headings: [\"Bienvenido a Copiona\", \"Nuestros Servicios\", \"Contactanos\"],\n paragraphs: [\"Contenido principal\", \"Descripción de servicios\"],\n },\n css: {\n links: [],\n inline: \"\",\n combined:\n \"body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }\",\n },\n bodyHTML: \"

Fallback content

\",\n };\n }\n}\n\nfunction extractTitle(html: string): string {\n const titleMatch = html.match(/]*>(.*?)<\\/title>/i);\n return titleMatch ? titleMatch[1].trim() : \"Copiona\";\n}\n\nfunction extractCSSLinks(html: string): string[] {\n const linkMatches =\n html.match(/]*rel=[\"']stylesheet[\"'][^>]*>/gi) || [];\n const cssUrls: string[] = [];\n\n linkMatches.forEach((link) => {\n const hrefMatch = link.match(/href=[\"']([^\"']*?)[\"']/i);\n if (hrefMatch) {\n let url = hrefMatch[1];\n // Convert relative URLs to absolute\n if (url.startsWith(\"/\")) {\n url = \"https://copiona.com\" + url;\n } else if (!url.startsWith(\"http\")) {\n url = \"https://copiona.com/\" + url;\n }\n cssUrls.push(url);\n }\n });\n\n return cssUrls;\n}\n\nfunction extractInlineCSS(html: string): string {\n const styleMatches = html.match(/]*>([\\s\\S]*?)<\\/style>/gi) || [];\n return styleMatches\n .map((style) => style.replace(/<\\/?style[^>]*>/gi, \"\"))\n .join(\"\\n\");\n}\n\nasync function fetchAllCSS(cssUrls: string[]): Promise {\n let combinedCSS = \"\";\n\n // Limit to first 2 CSS files to avoid token overflow\n const limitedUrls = cssUrls.slice(0, 2);\n\n for (const url of limitedUrls) {\n try {\n console.log(`Fetching CSS: ${url}`);\n const response = await fetch(url, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36\",\n },\n });\n\n if (response.ok) {\n let css = await response.text();\n\n // Remove comments from CSS\n css = css.replace(/\\/\\*[\\s\\S]*?\\*\\//g, \"\");\n\n // Remove excessive whitespace\n css = css.replace(/\\s+/g, \" \").trim();\n\n combinedCSS += `\\n/* CSS from ${url} */\\n${css}\\n`;\n }\n } catch (error) {\n console.error(`Error fetching CSS from ${url}:`, error);\n }\n }\n\n return combinedCSS;\n}\n\nfunction extractBodyContent(html: string): string {\n const bodyMatch = html.match(/]*>([\\s\\S]*?)<\\/body>/i);\n if (!bodyMatch) return html;\n\n let bodyContent = bodyMatch[1];\n\n // Remove script tags completely\n bodyContent = bodyContent.replace(/]*>[\\s\\S]*?<\\/script>/gi, \"\");\n\n // Remove style tags (we already have external CSS)\n bodyContent = bodyContent.replace(/]*>[\\s\\S]*?<\\/style>/gi, \"\");\n\n // Remove comments\n bodyContent = bodyContent.replace(//g, \"\");\n\n // Remove data attributes that are often very long\n bodyContent = bodyContent.replace(/\\s+data-[^=]*=\"[^\"]*\"/g, \"\");\n\n // Remove inline styles to reduce size\n bodyContent = bodyContent.replace(/\\s+style=\"[^\"]*\"/g, \"\");\n\n // Remove SVG content (often very verbose)\n bodyContent = bodyContent.replace(\n /]*>[\\s\\S]*?<\\/svg>/gi,\n \"\"\n );\n\n // Remove base64 images\n bodyContent = bodyContent.replace(\n /src=\"data:image\\/[^\"]*\"/g,\n 'src=\"placeholder.jpg\"'\n );\n\n // Remove very long class names (keep only first few classes)\n bodyContent = bodyContent.replace(\n /class=\"([^\"]{100,})\"/g,\n (match, classes) => {\n const classArray = classes.split(\" \").slice(0, 5);\n return `class=\"${classArray.join(\" \")}\"`;\n }\n );\n\n // Remove excessive whitespace but preserve structure\n bodyContent = bodyContent.replace(/\\s+/g, \" \");\n bodyContent = bodyContent.replace(/>\\s+<\");\n\n // Remove repeated similar elements (like many nav-items)\n bodyContent = bodyContent.replace(\n /(<[^>]*nav-item[^>]*>[\\s\\S]*?<\\/[^>]*>)\\s*(\\1\\s*){5,}/g,\n \"$1\"\n );\n\n // If still too long, intelligently truncate\n if (bodyContent.length > 30000) {\n console.log(\n `Body content too long (${bodyContent.length} chars), truncating...`\n );\n\n // Try to find a good breaking point\n const sections = bodyContent.split(\"\");\n let truncated = \"\";\n let currentLength = 0;\n\n for (const section of sections) {\n if (currentLength + section.length < 25000) {\n truncated += section + \"\";\n currentLength += section.length;\n } else {\n truncated += \"\";\n break;\n }\n }\n\n bodyContent = truncated;\n }\n\n return bodyContent.trim();\n}\n\nfunction extractNavigation(html: string): string[] {\n const navMatches = html.match(/]*>[\\s\\S]*?<\\/nav>/gi) || [];\n const links: string[] = [];\n\n navMatches.forEach((nav) => {\n const linkMatches = nav.match(/]*>(.*?)<\\/a>/gi) || [];\n linkMatches.forEach((link) => {\n const textMatch = link.match(/>([^<]*) 0\n ? links\n : [\"Inicio\", \"Productos\", \"Servicios\", \"Contacto\"];\n}\n\nfunction extractMainSections(html: string): string[] {\n const sections: string[] = [];\n\n // Look for main content areas\n const sectionMatches =\n html.match(/<(section|div|main|article)[^>]*class=\"[^\"]*\"[^>]*>/gi) || [];\n\n sectionMatches.forEach((section) => {\n const classMatch = section.match(/class=\"([^\"]*)\"/);\n if (classMatch) {\n sections.push(classMatch[1]);\n }\n });\n\n return sections.length > 0\n ? sections\n : [\"hero\", \"content\", \"features\", \"footer\"];\n}\n\nfunction extractLayout(html: string): any {\n return {\n hasHeader: /

]*>(.*?)<\\/h[1-6]>/gi) || [];\n return headingMatches\n .map((h) => h.replace(/<[^>]*>/g, \"\").trim())\n .filter((h) => h.length > 0);\n}\n\nfunction extractParagraphs(html: string): string[] {\n const paragraphMatches = html.match(/]*>(.*?)<\\/p>/gi) || [];\n return paragraphMatches\n .slice(0, 5)\n .map((p) => p.replace(/<[^>]*>/g, \"\").trim())\n .filter((p) => p.length > 0);\n}\n\nfunction extractImages(html: string): string[] {\n const imageMatches = html.match(/]*src=\"([^\"]*)\"[^>]*>/gi) || [];\n return imageMatches\n .map((img) => {\n const srcMatch = img.match(/src=\"([^\"]*)\"/);\n return srcMatch ? srcMatch[1] : \"\";\n })\n .filter((src) => src.length > 0);\n}\n\nfunction extractForms(html: string): boolean {\n return /]*>[\\s\\S]*?<\\/main>/i);\n return mainMatch\n ? mainMatch[0]\n : \"

\";\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // Handle file proxying for .jpg and .woff2 files\n if (\n path.includes(\".jpg\") ||\n path.includes(\".jpeg\") ||\n path.includes(\".woff2\") ||\n path.includes(\".css\")\n ) {\n return await proxyFile(path);\n }\n\n // Get model from cookie\n const cookieHeader = req.headers.get(\"cookie\");\n const selectedModel = getModelFromCookie(cookieHeader);\n\n try {\n // Create a readable stream for the HTML content\n const stream = new ReadableStream({\n async start(controller) {\n try {\n await streamPageContent(path, controller, selectedModel);\n } catch (error) {\n console.error(\"Error generating content:\", error);\n // Send error page if streaming fails\n const errorHtml = generateErrorPage(path);\n controller.enqueue(new TextEncoder().encode(errorHtml));\n } finally {\n controller.close();\n }\n },\n });\n\n return new Response(stream, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-cache\", // Don't cache streaming responses\n \"Transfer-Encoding\": \"chunked\",\n },\n });\n } catch (error) {\n console.error(\"Error setting up stream:\", error);\n return new Response(generateErrorPage(path), {\n status: 500,\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n}\n\nasync function streamPageContent(\n path: string,\n controller: ReadableStreamDefaultController,\n selectedModel: string\n): Promise {\n // Get API key from environment variables (server-side only)\n const OPENROUTER_API_KEY = Deno.env.get(\"OPENROUTER_API_KEY\");\n const OPENROUTER_BASE_URL = \"https://openrouter.ai/api/v1\";\n\n if (!OPENROUTER_API_KEY) {\n throw new Error(\"OPENROUTER_API_KEY environment variable is not set\");\n }\n\n // Get copiona.com structure\n const copionaStructure = await getCopionaStructure();\n\n console.log(`Using model: ${selectedModel} for path: ${path}`);\n console.log(\"Copiona structure:\", JSON.stringify(copionaStructure, null, 2));\n\n // Extract the full body structure to preserve everything except main content\n const fullBodyStructure = copionaStructure.bodyHTML;\n\n // Send initial HTML structure with the full body but with a placeholder for main content\n const cssLinksHtml = copionaStructure.css.links\n .map((link: string) => {\n const url = new URL(link);\n return url.pathname;\n })\n .filter((link: string) => link !== \"\")\n .map((link: string) => ``)\n .join(\"\\n\");\n const bodyWithPlaceholder = copionaStructure.bodyHTML.replace(\n /

.*/gi,\n `

`\n );\n console.log(bodyWithPlaceholder);\n\n // Create model selection options\n const modelOptions = AVAILABLE_MODELS.map(\n (model) =>\n ``\n ).join(\"\");\n\n const initialHtml = `\n \n \n \n \n Cargando - Copia de ${copionaStructure.title}\n \n \n ${cssLinksHtml}\n \n \n

AI: ${selectedModel} | Clonando: ${copionaStructure.title}

\n \n

Seleccionar Modelo AI

\n \n \n \n

\n \n

Clonando estructura de ${copionaStructure.title}...

Ruta: ${path} | Modelo: ${selectedModel}

Aplicando CSS original y generando contenido nuevo...

\n\n \n

\n ${bodyWithPlaceholder}\n

\n `;\n\n controller.enqueue(new TextEncoder().encode(initialHtml));\n\n // Create a prompt that focuses on replacing only the

section\n const prompt = `Eres un experto en clonar sitios web. Tienes una muestra de la estructura HTML de copiona.com y debes crear una copia exacta pero con contenido diferente.\n\n MUESTRA DE ESTRUCTURA HTML DE COPIONA.COM (focusing on

section):\n ${extractMainSection(copionaStructure.bodyHTML)}\n\n INFORMACIÓN ADICIONAL:\n - Título original: ${copionaStructure.title}\n - Navegación: ${copionaStructure.navigation.slice(0, 5).join(\", \")}\n - Tema para esta página: \"${path}\"\n\n INSTRUCCIONES:\n 1. Crea HTML que mantenga la MISMA estructura de clases y elementos del

\n 2. Cambia SOLO el contenido de texto, no la estructura\n 3. Mantén todas las clases CSS exactamente iguales\n 4. Adapta el contenido al tema \"${path}\"\n 5. Usa español argentino\n 6. Mantén la navegación pero adapta textos\n 7. IDENTIFICA la sección

en el HTML\n 8. REEMPLAZA SOLO el contenido dentro de la etiqueta

manteniendo las clases y estructura\n 9. Conserva todo el resto del HTML exactamente igual\n 10. Hace que todos los links creados apunten a *algun* path.\n\n IMPORTANTE: Devuelve SOLO el contenido HTML de la sección

(incluyendo las etiquetas

), manteniendo estructura exacta pero con contenido nuevo. Inclui un footer.`;\n const response = await fetch(`${OPENROUTER_BASE_URL}/chat/completions`, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${OPENROUTER_API_KEY}`,\n \"Content-Type\": \"application/json\",\n \"HTTP-Referer\": \"https://val.town\",\n \"X-Title\": \"AI Website Cloner\",\n },\n body: JSON.stringify({\n model: selectedModel,\n messages: [\n {\n role: \"system\",\n content:\n \"Eres un experto en clonar sitios web. Mantienes la estructura HTML exacta pero cambias solo el contenido de texto.\",\n },\n { role: \"user\", content: prompt },\n ],\n max_tokens: 8000,\n temperature: 0.7,\n stream: true,\n provider: { max_price: { prompt: 1, completion: 2 }, sort: \"latency\" },\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`OpenRouter API error: ${response.status} - ${errorText}`);\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"No response body reader available\");\n }\n\n let buffer = \"\";\n let contentStarted = false;\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n const chunk = new TextDecoder().decode(value);\n buffer += chunk;\n\n // Process complete lines\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() || \"\"; // Keep incomplete line in buffer\n\n for (const line of lines) {\n if (line.startsWith(\"data: \")) {\n const data = line.slice(6);\n if (data === \"[DONE]\") continue;\n\n try {\n const parsed = JSON.parse(data);\n const content = parsed.choices?.[0]?.delta?.content;\n\n if (content) {\n if (!contentStarted) {\n // Hide loading spinner and show content\n const hideLoadingScript = `\n \n `;\n controller.enqueue(new TextEncoder().encode(hideLoadingScript));\n contentStarted = true;\n }\n\n // Stream the content chunk\n controller.enqueue(new TextEncoder().encode(content));\n }\n } catch (e) {\n // Skip invalid JSON lines\n continue;\n }\n }\n }\n }\n } finally {\n reader.releaseLock();\n }\n\n // Close the HTML structure\n const closingHtml = `\n \n \n `;\n controller.enqueue(new TextEncoder().encode(closingHtml));\n}\n\nfunction generateErrorPage(path: string): string {\n return `\n \n \n \n \n Error - ${path}\n \n \n \n

🚧 Oops! Something went wrong

We couldn't generate content for ${path} right now.

This might be due to high demand or a temporary issue. Please try again in a moment!

\n \n

\n 🏠 Home\n ℹ️ About\n 🔍 Explore\n 🎲 Random\n

\n \n `;\n}\n\n// Proxy file requests to copiona.com\nasync function proxyFile(path: string): Promise {\n try {\n const copionaUrl = `https://copiona.com${path}`;\n console.log(`Proxying file: ${copionaUrl}`);\n\n const response = await fetch(copionaUrl, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36\",\n },\n });\n\n if (!response.ok) {\n return new Response(`File not found: ${path}`, { status: 404 });\n }\n\n // Get the content type from the response or guess based on extension\n return new Response(response.body, {\n status: response.status,\n statusText: response.statusText,\n headers: {\n \"Content-Type\":\n response.headers.get(\"content-type\") || \"application/octet-stream\",\n \"Cache-Control\": \"public, max-age=31536000\", // Cache for 1 year\n },\n });\n } catch (error) {\n console.error(`Error proxying file ${path}:`, error);\n return new Response(`Error proxying file: ${path}`, { status: 500 });\n }\n}\n",[],[211],{"_102":220,"_95":221,"_154":222,"_156":-5,"_157":136,"_158":223,"_160":161,"_104":224,"_99":32,"_163":205,"_165":225,"_166":22,"_167":-5,"_168":226,"_98":227},"6bb1b2c4-701d-11f0-a3d5-0224a6c84d84","scraper.ts","6bb1b38c-701d-11f0-a3d5-0224a6c84d84",2,["D",1754193211157],"// Test script to analyze copiona.com structure\nexport default async function(req: Request): Promise {\n try {\n const response = await fetch('https://copiona.com', {\n headers: {\n 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'\n }\n });\n \n if (!response.ok) {\n return new Response(`Error fetching copiona.com: ${response.status}`, { status: 500 });\n }\n \n const html = await response.text();\n \n return new Response(`\n \n \n Copiona.com Analysis\n \n \n \n

Copiona.com HTML Structure

${html.replace(//g, '>')}

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n \n } catch (error) {\n return new Response(`Error: ${error.message}`, { status: 500 });\n }\n}",[],[221],"files",[151,170,181,190,200,209,219],"counts",{"_232":32,"_233":234,"_235":32,"_236":234},"pulls","branches",1,"forks","envVars","contents",[239,242,245,248,251,254],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":240,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":241},["D",1754244984754],[153],{"_102":182,"_95":183,"_154":184,"_156":-5,"_157":136,"_158":185,"_160":161,"_104":243,"_99":32,"_163":176,"_165":187,"_166":22,"_167":-5,"_98":244},["D",1754244985040],[183],{"_102":191,"_95":192,"_154":193,"_156":-5,"_157":136,"_158":194,"_160":161,"_104":246,"_99":196,"_163":176,"_165":197,"_166":22,"_167":-5,"_98":247},["D",1754194371602],[192],{"_102":201,"_95":202,"_154":203,"_156":-5,"_157":136,"_158":196,"_160":161,"_104":249,"_99":32,"_163":205,"_165":206,"_166":22,"_167":-5,"_98":250},["D",1754193314659],[202],{"_102":210,"_95":211,"_154":212,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":252,"_99":214,"_163":215,"_165":216,"_166":22,"_167":-5,"_98":253},["D",1754248071896],[211],{"_102":220,"_95":221,"_154":222,"_156":-5,"_157":136,"_158":223,"_160":161,"_104":255,"_99":32,"_163":205,"_165":225,"_166":22,"_167":-5,"_98":256},["D",1754193211157],[221],"upstreamProject",{"_102":144,"_95":259,"_110":-5,"_111":-5,"_108":109,"_23":260},"delirio",{"_93":94,"_128":129},"upstreamBranch",{"_102":139,"_104":263,"_264":265,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_266":267,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":259},["D",1754188099763],"updatedAt",["D",1754191908224],"lockfileKey","1754191908661-esm.town_v_nulo_delirio@40-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":274,"_279":280,"_281":32,"_282":283,"_337":161,"_338":278,"_339":340,"_343":-5},{"_102":103,"_95":96,"_104":275,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":276,"_130":277,"_133":278,"_148":22},["D",1754193112929],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":117,"_146":96,"_147":94},"ahead",97,"behind","diff",{"_284":285,"_166":309,"_310":311},"added",[286,293,296,301,305],{"_98":183,"_287":-7,"_288":289},"targetFile","sourceFile",{"_102":182,"_95":183,"_154":184,"_156":-5,"_157":136,"_158":185,"_160":161,"_104":186,"_99":32,"_163":176,"_165":187,"_166":22,"_167":-5,"_168":-7,"_98":290,"_291":292},[183],"contentHash","b740560111ede7f6f6839a473a9bd87458ce4b5e38bce6ec9334739dcc0c99a5",{"_98":153,"_287":-7,"_288":294},{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":159,"_160":161,"_104":162,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":-7,"_98":295,"_291":-5},[153],{"_98":297,"_287":-7,"_288":298},".vscode/extensions.json",{"_102":171,"_95":172,"_154":173,"_156":155,"_157":136,"_158":174,"_160":161,"_104":175,"_99":32,"_163":176,"_165":177,"_166":22,"_167":-5,"_168":-7,"_98":299,"_291":300},[153,172],"d3d869b6731889792b71830393a1cd70b1d92eff6bfdd28e84d4fbb474550ad6",{"_98":202,"_287":-7,"_288":302},{"_102":201,"_95":202,"_154":203,"_156":-5,"_157":136,"_158":196,"_160":161,"_104":204,"_99":32,"_163":205,"_165":206,"_166":22,"_167":-5,"_168":-7,"_98":303,"_291":304},[202],"69fc2e8d569a46599bc0f04e11a91695f5ed0697f274a4d9ade29eddc081d47a",{"_98":221,"_287":-7,"_288":306},{"_102":220,"_95":221,"_154":222,"_156":-5,"_157":136,"_158":223,"_160":161,"_104":224,"_99":32,"_163":205,"_165":225,"_166":22,"_167":-5,"_168":-7,"_98":307,"_291":308},[221],"a258f9e83b767c3b888acf9910b24ad6bc52cd6dc9a6070e114eae1a94806d8e",[],"modified",[312,325],{"_98":192,"_287":313,"_288":322},{"_102":314,"_95":192,"_154":315,"_156":-5,"_157":139,"_158":316,"_160":161,"_104":317,"_99":318,"_163":176,"_165":319,"_166":22,"_167":-5,"_168":-7,"_98":320,"_291":321},"d0d5b2bc-7014-11f0-b1b0-0224a6c84d84","6ccc3afe-7012-11f0-b165-0224a6c84d84",27,["D",1754189515369],10,"# AI-Generated Website\n\nThis is a dynamic website that automatically generates unique HTML content for any path using multiple AI models via OpenRouter, randomly selected for each request.\n\n## How It Works\n\n1. **Dynamic Content Generation**: When you visit any path (e.g., `/pizza`, `/space/exploration`, `/cooking/recipes`), the website uses the path as context to generate relevant HTML content.\n\n2. **Multi-Model AI Integration**: Randomly selects from 5 different AI models for each request:\n - **Qwen3 Coder** (`qwen/qwen3-coder:free`) - Specialized coding model\n - **Gemini 2.5 Flash Lite** (`google/gemini-2.5-flash-lite`) - Fast and efficient\n - **Horizon Beta** (`openrouter/horizon-beta`) - Experimental cutting-edge model\n - **GLM-4.5 Air** (`z-ai/glm-4.5-air:free`) - Lightweight but powerful\n - **DeepSeek R1** (`deepseek/deepseek-r1-0528-qwen3-8b:free`) - Reasoning-focused model\n\n3. **Varied Content Styles**: Each model has its own personality and approach, giving you diverse content styles and perspectives on the same topics.\n - Relevant content based on the path\n - Proper HTML structure with head, title, and body\n - Inline CSS styling\n - Navigation links to related pages\n - Interactive elements where appropriate\n\n3. **Caching**: Streaming responses for real-time content generation (no caching for dynamic experience).\n\n4. **Error Handling**: If content generation fails, a friendly error page is shown with navigation links.\n\n## Features\n\n- **Infinite Content**: Every path generates unique, contextually relevant content\n- **Multi-Model Variety**: 5 different AI models provide diverse content styles and approaches\n- **Model Transparency**: See which AI model generated each page (displayed in top-right corner)\n- **Real-time Streaming**: Content appears incrementally as it's generated for faster perceived loading\n- **Navigation**: Each page includes links to related pages for continued exploration\n- **Responsive Design**: Generated pages include mobile-friendly styling\n- **Interactive Elements**: Pages may include buttons, forms, or other interactive features\n- **Family-Friendly**: All content is appropriate and safe\n\n## Examples\n\nTry visiting these paths:\n- `/` - Homepage\n- `/pizza` - Pizza-themed content\n- `/space/exploration` - Space exploration content\n- `/cooking/recipes` - Cooking and recipe content\n- `/games/adventure` - Adventure game content\n- `/art/painting` - Art and painting content\n\n## Technical Details\n\n- **Framework**: Vanilla TypeScript with Web APIs\n- **AI Models**: 5 different models via OpenRouter (randomly selected per request)\n- **Streaming**: Real-time content generation with HTTP streaming\n- **Hosting**: Val Town HTTP trigger\n- **Error Recovery**: Graceful fallback to error page\n- **Model Display**: Shows which AI model generated each page\n\nThe website demonstrates how multiple AI models can create diverse, dynamic web experiences with different personalities and approaches to the same content topics.",[192],"161aeb092f77931304397635dca7cf13be5144a4cce48dabcfa67d1ca09bfd30",{"_102":191,"_95":192,"_154":193,"_156":-5,"_157":136,"_158":194,"_160":161,"_104":195,"_99":196,"_163":176,"_165":197,"_166":22,"_167":-5,"_168":-7,"_98":323,"_291":324},[192],"9f8fa649bd0c3be0abdc419f98e518b1affda492d33e2469b715f523b4ed45b1",{"_98":211,"_287":326,"_288":334},{"_102":327,"_95":211,"_154":328,"_156":-5,"_157":139,"_158":141,"_160":161,"_104":329,"_99":330,"_163":215,"_165":331,"_166":22,"_167":-5,"_168":-7,"_98":332,"_291":333},"63162102-701a-11f0-bf62-0224a6c84d84","382f1212-7012-11f0-ab0e-0224a6c84d84",["D",1754191908224],28,"// Using OpenRouter with multiple models\nconst OPENROUTER_API_KEY = Deno.env.get(\"OPENROUTER_API_KEY\");\nconst OPENROUTER_BASE_URL = \"https://openrouter.ai/api/v1\";\n\n// Array of models to randomly choose from\nconst MODELS = [\n // \"qwen/qwen3-coder:free\",\n \"google/gemini-2.5-flash-lite\",\n // \"openrouter/horizon-beta\",\n // \"deepseek/deepseek-r1-0528-qwen3-8b\",\n \"sao10k/l3-lunaris-8b\",\n \"meta-llama/llama-4-scout\",\n \"mistralai/mixtral-8x7b-instruct\",\n // \"z-ai/glm-4.5-air:free\",\n // \"deepseek/deepseek-r1-0528-qwen3-8b:free\"\n];\n\n// Function to randomly select a model\nfunction getRandomModel(): string {\n return MODELS[Math.floor(Math.random() * MODELS.length)];\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n try {\n // Create a readable stream for the HTML content\n const stream = new ReadableStream({\n async start(controller) {\n try {\n await streamPageContent(path, controller);\n } catch (error) {\n console.error(\"Error generating content:\", error);\n // Send error page if streaming fails\n const errorHtml = generateErrorPage(path);\n controller.enqueue(new TextEncoder().encode(errorHtml));\n } finally {\n controller.close();\n }\n },\n });\n\n return new Response(stream, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-cache\", // Don't cache streaming responses\n \"Transfer-Encoding\": \"chunked\",\n },\n });\n } catch (error) {\n console.error(\"Error setting up stream:\", error);\n return new Response(generateErrorPage(path), {\n status: 500,\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n}\n\nasync function streamPageContent(path: string, controller: ReadableStreamDefaultController): Promise {\n if (!OPENROUTER_API_KEY) {\n throw new Error(\"OPENROUTER_API_KEY environment variable is not set\");\n }\n\n // Randomly select a model for this request\n const selectedModel = getRandomModel();\n console.log(`Using model: ${selectedModel} for path: ${path}`);\n\n // Send initial HTML structure immediately\n const initialHtml = `\n\n\n \n \n Loading - ${path}\n \n\n\n

AI Model: ${selectedModel}

Generating content for ${path}...

Using ${selectedModel}

\n`;\n\n controller.enqueue(new TextEncoder().encode(initialHtml));\n\n // Create a prompt that generates HTML content based on the path\n const prompt = `Generate HTML content for the path \"${path}\". \n\nRequirements:\n- Create relevant content based on the path\n- Include proper HTML structure for the BODY content only (no DOCTYPE, html, head tags)\n- Add inline CSS styles within style tags if needed. Add necessary global CSS styles and resets\n- Include navigation links to related pages (use realistic paths that would make sense) \n- Include some interactive elements if relevant\n- If something can possibly be a link, make it so\n- Everythinf in argentinian spanish.\n\nThe path \"${path}\" should inspire the theme and content of the page.\n\nReturn only the HTML body content, no explanations. Do not include DOCTYPE, html, head, or body tags.`;\n\n const response = await fetch(`${OPENROUTER_BASE_URL}/chat/completions`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${OPENROUTER_API_KEY}`,\n \"Content-Type\": \"application/json\",\n \"HTTP-Referer\": \"https://val.town\",\n \"X-Title\": \"AI Website Generator\",\n },\n body: JSON.stringify({\n model: selectedModel,\n messages: [\n {\n role: \"system\",\n content: \"You are a web developer creating HTML content. Generate engaging body content with inline CSS.\",\n },\n { role: \"user\", content: prompt },\n ],\n max_tokens: 10000,\n temperature: 1,\n provider: { sort: \"latency\", max_price: { completion: 1 } },\n stream: true, // Enable streaming\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`OpenRouter API error: ${response.status} - ${errorText}`);\n }\n\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error(\"No response body reader available\");\n }\n\n let buffer = \"\";\n let contentStarted = false;\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n const chunk = new TextDecoder().decode(value);\n buffer += chunk;\n\n // Process complete lines\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() || \"\"; // Keep incomplete line in buffer\n\n for (const line of lines) {\n if (line.startsWith(\"data: \")) {\n const data = line.slice(6);\n if (data === \"[DONE]\") continue;\n\n try {\n const parsed = JSON.parse(data);\n const content = parsed.choices?.[0]?.delta?.content;\n\n if (content) {\n if (!contentStarted) {\n // Hide loading spinner and show content\n const hideLoadingScript = `\n \n `;\n controller.enqueue(new TextEncoder().encode(hideLoadingScript));\n contentStarted = true;\n }\n\n // Stream the content chunk\n controller.enqueue(new TextEncoder().encode(content));\n }\n } catch (e) {\n // Skip invalid JSON lines\n continue;\n }\n }\n }\n }\n } finally {\n reader.releaseLock();\n }\n\n // Close the HTML structure\n const closingHtml = `\n

\n \n\n`;\n\n controller.enqueue(new TextEncoder().encode(closingHtml));\n}\n\nfunction generateErrorPage(path: string): string {\n return `\n\n\n \n \n Error - ${path}\n \n\n\n

🚧 Oops! Something went wrong

We couldn't generate content for ${path} right now.

This might be due to high demand or a temporary issue. Please try again in a moment!

\n \n

\n 🏠 Home\n ℹ️ About\n 🔍 Explore\n 🎲 Random\n

\n\n`;\n}",[211],"e188bbcb541f6332413f6709cb46caa6b83dc95309215b9b12ea883adbc1684d",{"_102":210,"_95":211,"_154":212,"_156":-5,"_157":136,"_158":135,"_160":161,"_104":213,"_99":214,"_163":215,"_165":216,"_166":22,"_167":-5,"_168":-7,"_98":335,"_291":336},[211],"d07411108a1d69b0878860a1ea819f43c4c82dc1f4b7a8a57fe475d1df86c307","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":341,"_264":342,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_266":267,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":259},["D",1754188099763],["D",1754191908224],"pull","actionData","errors"]

nulo

deliriona

Mergedeliriona/mainintodelirio/main

README.md+51-43

Hindex.ts+668-137

.cursorrules+290-0

.vscode

.vscode/extensions.json+5-0

copiona-analyzer.ts+116-0

scraper.ts+37-0