SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n ${svgFiles.map(svg => `\n

\n \n $\"${svg.name}$ \n \n

\n ${svg.name}\n

\n `).join('')}\n

\n\n \n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n } catch (error) {\n console.error(\"Error generating gallery:\", error);\n \n // Fallback to static gallery if dynamic generation fails\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n $\"IdeaScore$ \n \n

\n IdeaScore Logo\n

\n \n

\n \n $\"Tabletop$ \n \n

\n Tabletop RPG Logos\n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n }\n}","deleted","label","children",[],[153],{"_107":171,"_100":172,"_154":173,"_155":-5,"_156":141,"_157":174,"_158":121,"_109":175,"_104":176,"_161":177,"_163":178,"_165":27,"_166":-5,"_167":179,"_103":180},"a1206826-09c3-11f0-969b-569c3dd06744","ideaScore-renderer.ts","5ce2a4ee-09c3-11f0-9b60-569c3dd06744",18,["D",1742939627493],1,"script","// IdeaScore Logo SVG Renderer\n// This val serves an SVG of the IdeaScore logo\n\nexport const handler = {\n async fetch(req: Request) {\n // IdeaScore logo SVG code - Using standard SVG attribute naming with dashes\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[],[172],{"_107":182,"_100":183,"_154":184,"_155":-5,"_156":141,"_157":185,"_158":121,"_109":186,"_104":176,"_161":187,"_163":188,"_165":27,"_166":-5,"_167":189,"_103":190},"a99fc76c-09c3-11f0-8488-569c3dd06744","ideaScore.svg","6542013e-09c3-11f0-948a-569c3dd06744",19,["D",1742939641749],"file","",[],[183],{"_107":192,"_100":193,"_154":194,"_155":-5,"_156":141,"_157":195,"_158":121,"_109":196,"_104":176,"_161":177,"_163":197,"_165":27,"_166":-5,"_167":198,"_103":199},"11cfcc16-09c3-11f0-b2f7-569c3dd06744","instagram-logo-renderer.ts","90031656-0996-11f0-9027-569c3dd06744",12,["D",1742939387050],"// Instagram Logo SVG Renderer\n// This val serves an SVG of the Instagram logo\n\nexport const handler = {\n async fetch(req: Request) {\n // Instagram logo SVG code with green gradient\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[],[193],{"_107":201,"_100":202,"_154":203,"_155":-5,"_156":141,"_157":204,"_158":121,"_109":205,"_104":206,"_161":187,"_163":207,"_165":27,"_166":-5,"_167":208,"_103":209},"30f862ba-09c3-11f0-a6db-569c3dd06744","instagram-logo.svg","826ec652-0996-11f0-b617-569c3dd06744",13,["D",1742939439322],3,"",[],[202],{"_107":211,"_100":212,"_154":213,"_155":-5,"_156":141,"_157":214,"_158":121,"_109":215,"_104":31,"_161":177,"_163":216,"_165":27,"_166":-5,"_167":217,"_103":218},"325ba4ae-09ba-11f0-b32a-569c3dd06744","svgRenderer.ts","325ba670-09ba-11f0-b32a-569c3dd06744",4,["D",1742935576183],"// SVG Renderer - Main library file\n// This file provides the core functionality for the SVG renderer\n\n/**\n * Renders an SVG string with proper headers\n * @param svgContent The SVG content to render\n * @returns A Response object with the SVG content and appropriate headers\n */\nexport async function svgRenderer(svgContent: string): Promise {\n // Validate the SVG content (basic check)\n if (!svgContent.includes('\n \n SVG Renderer\n `;\n }\n \n // Return the SVG as a response\n return createSvgResponse(svgContent);\n }\n};\n\n// Export the default fetch handler\nexport default handler.fetch;",[],[212],{"_107":220,"_100":221,"_154":222,"_155":-5,"_156":141,"_157":140,"_158":121,"_109":223,"_104":224,"_161":177,"_163":225,"_165":27,"_166":-5,"_167":226,"_103":227},"8dea6d90-09ca-11f0-924b-569c3dd06744","tabletopRPG-renderer.ts","d28dfd9c-09c3-11f0-8067-569c3dd06744",["D",1742942601739],2,"// Tabletop RPG Logo with D20 Pattern Renderer\n// This val serves the SVG with the D20 dice pattern background\n\nexport const handler = {\n async fetch(req: Request) {\n // Tabletop RPG logo SVG with d20 dice pattern background\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[],[221],{"_107":229,"_100":230,"_154":231,"_155":-5,"_156":141,"_157":232,"_158":121,"_109":233,"_104":224,"_161":187,"_163":234,"_165":27,"_166":-5,"_167":235,"_103":236},"7fa9a61a-09ca-11f0-b6f7-569c3dd06744","tabletopRPG.svg","d9581e00-09c3-11f0-bf03-569c3dd06744",26,["D",1742942577824],"",[],[230],"files",[151,170,181,191,200,210,219,228],"counts",{"_241":31,"_242":176,"_243":31,"_244":31},"pulls","branches","forks","envVars","contents",[247,250,253,256,259,262,265,268],{"_107":152,"_100":153,"_154":119,"_155":-5,"_156":141,"_157":123,"_158":121,"_109":248,"_104":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_103":249},["D",1742940108227],[153],{"_107":171,"_100":172,"_154":173,"_155":-5,"_156":141,"_157":174,"_158":121,"_109":251,"_104":176,"_161":177,"_163":178,"_165":27,"_166":-5,"_103":252},["D",1742939627493],[172],{"_107":182,"_100":183,"_154":184,"_155":-5,"_156":141,"_157":185,"_158":121,"_109":254,"_104":176,"_161":187,"_163":188,"_165":27,"_166":-5,"_103":255},["D",1742939641749],[183],{"_107":192,"_100":193,"_154":194,"_155":-5,"_156":141,"_157":195,"_158":121,"_109":257,"_104":176,"_161":177,"_163":197,"_165":27,"_166":-5,"_103":258},["D",1742939387050],[193],{"_107":201,"_100":202,"_154":203,"_155":-5,"_156":141,"_157":204,"_158":121,"_109":260,"_104":206,"_161":187,"_163":207,"_165":27,"_166":-5,"_103":261},["D",1742939439322],[202],{"_107":211,"_100":212,"_154":213,"_155":-5,"_156":141,"_157":214,"_158":121,"_109":263,"_104":31,"_161":177,"_163":216,"_165":27,"_166":-5,"_103":264},["D",1742935576183],[212],{"_107":220,"_100":221,"_154":222,"_155":-5,"_156":141,"_157":140,"_158":121,"_109":266,"_104":224,"_161":177,"_163":225,"_165":27,"_166":-5,"_103":267},["D",1742942601739],[221],{"_107":229,"_100":230,"_154":231,"_155":-5,"_156":141,"_157":232,"_158":121,"_109":269,"_104":224,"_161":187,"_163":234,"_165":27,"_166":-5,"_103":270},["D",1742942577824],[230],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_98":99,"_100":101,"_102":42,"_105":277,"_281":282,"_471":31,"_472":27},{"_107":108,"_100":101,"_109":278,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":123,"_124":31,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":279,"_138":280},["D",1742910195100],{"_98":99,"_136":137},{"_104":140,"_100":42,"_107":141,"_142":108,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":101,"_148":99},"history",[283,288,293,298,306,314,323,331,339,344,349,358,366,374,383,388,393,402,410,417,424,431,438,445,450,457,464],{"_154":222,"_104":140,"_109":284,"_156":141,"_237":285},["D",1742942601739],[286],{"_107":220,"_156":141,"_154":222,"_100":221,"_163":225,"_161":177,"_104":224,"_155":-5,"_109":284,"_157":140,"_166":-5,"_158":121,"_165":27,"_103":287},[221],{"_154":231,"_104":232,"_109":289,"_156":141,"_237":290},["D",1742942577824],[291],{"_107":229,"_156":141,"_154":231,"_100":230,"_163":234,"_161":187,"_104":224,"_155":-5,"_109":289,"_157":232,"_166":-5,"_158":121,"_165":27,"_103":292},[230],{"_154":119,"_104":123,"_109":294,"_156":141,"_237":295},["D",1742940108227],[296],{"_107":152,"_156":141,"_154":119,"_100":153,"_163":164,"_161":162,"_104":160,"_155":-5,"_109":294,"_157":123,"_166":-5,"_158":121,"_165":27,"_103":297},[153],{"_154":231,"_104":299,"_109":300,"_156":141,"_237":301},24,["D",1742940017110],[302],{"_107":303,"_156":141,"_154":231,"_100":230,"_163":304,"_161":187,"_104":176,"_155":-5,"_109":300,"_157":299,"_166":-5,"_158":27,"_165":27,"_103":305},"895baca4-09c4-11f0-930a-569c3dd06744","",[230],{"_154":222,"_104":307,"_109":308,"_156":141,"_237":309},23,["D",1742939989603],[310],{"_107":311,"_156":141,"_154":222,"_100":221,"_163":312,"_161":177,"_104":176,"_155":-5,"_109":308,"_157":307,"_166":-5,"_158":27,"_165":27,"_103":313},"78f67056-09c4-11f0-8228-569c3dd06744","// Tabletop RPG Logos SVG Renderer\n// This val serves SVGs of the Tabletop RPG logos\n\nexport const handler = {\n async fetch(req: Request) {\n // Tabletop RPG logos SVG code with proper attributes and d20 dice\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[221],{"_154":119,"_104":315,"_109":316,"_156":141,"_237":317},22,["D",1742939743571],[318],{"_107":319,"_156":141,"_154":119,"_100":153,"_163":320,"_161":162,"_104":321,"_155":-5,"_109":316,"_157":315,"_166":-5,"_158":27,"_165":27,"_103":322},"e6509254-09c3-11f0-9b0c-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // Add a timestamp for cache-busting\n const timestamp = Date.now();\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n // Handle different SVG requests\n if (svgName === \"instagram-logo\" || svgName === \"ideaScore\" || svgName === \"tabletopRPG\") {\n try {\n // Import the renderer module dynamically\n const module = await import(`./${svgName}-renderer.ts`);\n \n // Use the handler to get the SVG\n if (module.default) {\n return module.default(req);\n }\n \n if (module.handler && module.handler.fetch) {\n return module.handler.fetch(req);\n }\n \n throw new Error(`No valid handler found in ${svgName}-renderer.ts`);\n } catch (error) {\n console.error(`Error loading SVG renderer for ${svgName}:`, error);\n return new Response(`Error loading SVG renderer: ${error.message}`, { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n $\"IdeaScore$ \n \n

\n IdeaScore Logo\n

\n \n

\n \n $\"Tabletop$ \n \n

\n Tabletop RPG Logos\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n}",8,[153],{"_154":231,"_104":324,"_109":325,"_156":141,"_237":326},21,["D",1742939721813],[327],{"_107":328,"_156":141,"_154":231,"_100":230,"_163":329,"_161":187,"_104":31,"_155":-5,"_109":325,"_157":324,"_166":-5,"_158":27,"_165":27,"_103":330},"d9581d42-09c3-11f0-bf03-569c3dd06744","",[230],{"_154":222,"_104":332,"_109":333,"_156":141,"_237":334},20,["D",1742939710383],[335],{"_107":336,"_156":141,"_154":222,"_100":221,"_163":337,"_161":177,"_104":31,"_155":-5,"_109":333,"_157":332,"_166":-5,"_158":27,"_165":27,"_103":338},"d28dfcde-09c3-11f0-8067-569c3dd06744","// Tabletop RPG Logos SVG Renderer\n// This val serves SVGs of the Tabletop RPG logos\n\nexport const handler = {\n async fetch(req: Request) {\n // Tabletop RPG logos SVG code with proper attributes\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[221],{"_154":184,"_104":185,"_109":340,"_156":141,"_237":341},["D",1742939641749],[342],{"_107":182,"_156":141,"_154":184,"_100":183,"_163":188,"_161":187,"_104":176,"_155":-5,"_109":340,"_157":185,"_166":-5,"_158":121,"_165":27,"_103":343},[183],{"_154":173,"_104":174,"_109":345,"_156":141,"_237":346},["D",1742939627493],[347],{"_107":171,"_156":141,"_154":173,"_100":172,"_163":178,"_161":177,"_104":176,"_155":-5,"_109":345,"_157":174,"_166":-5,"_158":121,"_165":27,"_103":348},[172],{"_154":119,"_104":350,"_109":351,"_156":141,"_237":352},17,["D",1742939547495],[353],{"_107":354,"_156":141,"_154":119,"_100":153,"_163":355,"_161":162,"_104":356,"_155":-5,"_109":351,"_157":350,"_166":-5,"_158":27,"_165":27,"_103":357},"71720d0a-09c3-11f0-b9f2-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // Add a timestamp for cache-busting\n const timestamp = Date.now();\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n // Handle different SVG requests\n if (svgName === \"instagram-logo\" || svgName === \"ideaScore\") {\n try {\n // Import the renderer module dynamically\n const module = await import(`./${svgName}-renderer.ts`);\n \n // Use the handler to get the SVG\n if (module.default) {\n return module.default(req);\n }\n \n if (module.handler && module.handler.fetch) {\n return module.handler.fetch(req);\n }\n \n throw new Error(`No valid handler found in ${svgName}-renderer.ts`);\n } catch (error) {\n console.error(`Error loading SVG renderer for ${svgName}:`, error);\n return new Response(`Error loading SVG renderer: ${error.message}`, { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n $\"IdeaScore$ \n \n

\n IdeaScore Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n}",7,[153],{"_154":184,"_104":359,"_109":360,"_156":141,"_237":361},16,["D",1742939527052],[362],{"_107":363,"_156":141,"_154":184,"_100":183,"_163":364,"_161":187,"_104":31,"_155":-5,"_109":360,"_157":359,"_166":-5,"_158":27,"_165":27,"_103":365},"6542008a-09c3-11f0-948a-569c3dd06744","",[183],{"_154":173,"_104":367,"_109":368,"_156":141,"_237":369},15,["D",1742939513004],[370],{"_107":371,"_156":141,"_154":173,"_100":172,"_163":372,"_161":177,"_104":31,"_155":-5,"_109":368,"_157":367,"_166":-5,"_158":27,"_165":27,"_103":373},"5ce2a41c-09c3-11f0-9b60-569c3dd06744","// IdeaScore Logo SVG Renderer\n// This val serves an SVG of the IdeaScore logo\n\nexport const handler = {\n async fetch(req: Request) {\n // IdeaScore logo SVG code\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[172],{"_154":119,"_104":375,"_109":376,"_156":141,"_237":377},14,["D",1742939459322],[378],{"_107":379,"_156":141,"_154":119,"_100":153,"_163":380,"_161":162,"_104":381,"_155":-5,"_109":376,"_157":375,"_166":-5,"_158":27,"_165":27,"_103":382},"3ce39d24-09c3-11f0-92d2-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // Add a timestamp for cache-busting\n const timestamp = Date.now();\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n if (svgName === \"instagram-logo\") {\n try {\n // Read the SVG file directly\n const response = await fetch(`https://esm.town/v/dcm31/svgRenderer/instagram-logo.svg?v=${timestamp}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch SVG: ${response.status} ${response.statusText}`);\n }\n \n const svgContent = await response.text();\n \n // Return the SVG with strict no-cache headers\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error loading SVG file:\", error);\n return new Response(`Error loading SVG file: ${error.message}`, { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs (with cache-busting)\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-store, no-cache, must-revalidate, proxy-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n });\n}",6,[153],{"_154":203,"_104":204,"_109":384,"_156":141,"_237":385},["D",1742939439322],[386],{"_107":201,"_156":141,"_154":203,"_100":202,"_163":207,"_161":187,"_104":206,"_155":-5,"_109":384,"_157":204,"_166":-5,"_158":121,"_165":27,"_103":387},[202],{"_154":194,"_104":195,"_109":389,"_156":141,"_237":390},["D",1742939387050],[391],{"_107":192,"_156":141,"_154":194,"_100":193,"_163":197,"_161":177,"_104":176,"_155":-5,"_109":389,"_157":195,"_166":-5,"_158":121,"_165":27,"_103":392},[193],{"_154":119,"_104":394,"_109":395,"_156":141,"_237":396},11,["D",1742939333165],[397],{"_107":398,"_156":141,"_154":119,"_100":153,"_163":399,"_161":162,"_104":400,"_155":-5,"_109":395,"_157":394,"_166":-5,"_158":27,"_165":27,"_103":401},"f1b1df00-09c2-11f0-969b-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n if (svgName === \"instagram-logo\") {\n try {\n // Use the instagram-logo-renderer.ts handler which already exists\n const module = await import(\"./instagram-logo-renderer.ts\");\n \n // Use the handler to get the SVG\n if (module.default) {\n return module.default(req);\n }\n \n if (module.handler && module.handler.fetch) {\n return module.handler.fetch(req);\n }\n } catch (error) {\n console.error(\"Error loading SVG renderer:\", error);\n return new Response(\"Error loading SVG renderer\", { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",5,[153],{"_154":119,"_104":403,"_109":404,"_156":141,"_237":405},10,["D",1742936091579],[406],{"_107":407,"_156":141,"_154":119,"_100":153,"_163":408,"_161":162,"_104":214,"_155":-5,"_109":404,"_157":403,"_166":-5,"_158":27,"_165":27,"_103":409},"658eb04a-09bb-11f0-9aae-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n // For the instagram logo case, simply return the content of the SVG file directly\n if (svgName === \"instagram-logo\") {\n try {\n // Read the SVG file content directly using fetch\n const response = await fetch(new URL(\"./instagram-logo.svg\", import.meta.url));\n if (!response.ok) {\n throw new Error(`Failed to load SVG file: ${response.status} ${response.statusText}`);\n }\n \n const svgContent = await response.text();\n \n // Return the SVG with appropriate headers\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error loading SVG file:\", error);\n return new Response(\"Error loading SVG file\", { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[153],{"_154":203,"_104":160,"_109":411,"_156":141,"_237":412},["D",1742936007832],[413],{"_107":414,"_156":141,"_154":203,"_100":202,"_163":415,"_161":187,"_104":224,"_155":-5,"_109":411,"_157":160,"_166":-5,"_158":27,"_165":27,"_103":416},"33a3e8f2-09bb-11f0-bbbf-569c3dd06744","",[202],{"_154":119,"_104":321,"_109":418,"_156":141,"_237":419},["D",1742935978419],[420],{"_107":421,"_156":141,"_154":119,"_100":153,"_163":422,"_161":162,"_104":206,"_155":-5,"_109":418,"_157":321,"_166":-5,"_158":27,"_165":27,"_103":423},"221bf264-09bb-11f0-9dcf-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n // For simplicity, we're directly handling the instagram logo case\n if (svgName === \"instagram-logo\") {\n try {\n // Use Val Town's API to get the file content directly\n const response = await fetch(\"https://api.val.town/v1/projects/1a0cd106-097f-11f0-b084-569c3dd06744/files?path=instagram-logo.svg\");\n if (!response.ok) {\n throw new Error(`Failed to load SVG file: ${response.status} ${response.statusText}`);\n }\n \n const fileData = await response.json();\n const svgContent = fileData.content;\n \n // Return the SVG with appropriate headers\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error loading SVG file:\", error);\n return new Response(\"Error loading SVG file\", { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[153],{"_154":119,"_104":356,"_109":425,"_156":141,"_237":426},["D",1742935961983],[427],{"_107":428,"_156":141,"_154":119,"_100":153,"_163":429,"_161":162,"_104":224,"_155":-5,"_109":425,"_157":356,"_166":-5,"_158":27,"_165":27,"_103":430},"1850124c-09bb-11f0-be42-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n // For simplicity, we're directly handling the instagram logo case\n // In a more sophisticated version, we could dynamically scan for SVG files\n if (svgName === \"instagram-logo\") {\n try {\n // This is the actual approach - read file using fetch directly\n const fs = { readFile: (path: string) => fetch(`https://esm.town/v/dcm31/svgRenderer/${path}`).then(r => r.text()) };\n const svgContent = await fs.readFile(\"instagram-logo.svg\");\n \n // Return the SVG with appropriate headers\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error loading SVG file:\", error);\n return new Response(\"Error loading SVG file\", { status: 500 });\n }\n }\n \n // If the requested SVG is not found\n return new Response(\"SVG file not found\", { status: 404 });\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[153],{"_154":119,"_104":381,"_109":432,"_156":141,"_237":433},["D",1742935944293],[434],{"_107":435,"_156":141,"_154":119,"_100":153,"_163":436,"_161":162,"_104":176,"_155":-5,"_109":432,"_157":381,"_166":-5,"_158":27,"_165":27,"_103":437},"0dc4deb6-09bb-11f0-9b90-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash and try to load that specific SVG\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n try {\n // Attempt to read the SVG file directly\n const svgFilename = `${svgName}.svg`;\n \n // Use dynamic import to load the SVG file as a string\n const svgFile = await import(`./${svgFilename}`);\n const svgContent = svgFile.default;\n \n // Return the SVG with appropriate headers\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error loading SVG file:\", error);\n \n // Also try to check if it's a direct SVG file\n try {\n // Fallback to reading the SVG file as a raw file\n const response = await fetch(new URL(`./${svgName}.svg`, import.meta.url).href);\n if (response.ok) {\n const svgContent = await response.text();\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n } catch (fallbackError) {\n console.error(\"Fallback error:\", fallbackError);\n }\n \n return new Response(\"SVG file not found\", { status: 404 });\n }\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[153],{"_154":203,"_104":400,"_109":439,"_156":141,"_237":440},["D",1742935777006],[441],{"_107":442,"_156":141,"_154":203,"_100":202,"_163":443,"_161":187,"_104":176,"_155":-5,"_109":439,"_157":400,"_166":-5,"_158":27,"_165":27,"_103":444},"aa0f4708-09ba-11f0-9776-569c3dd06744","",[202],{"_154":213,"_104":214,"_109":446,"_156":141,"_237":447},["D",1742935576183],[448],{"_107":211,"_156":141,"_154":213,"_100":212,"_163":216,"_161":177,"_104":31,"_155":-5,"_109":446,"_157":214,"_166":-5,"_158":121,"_165":27,"_103":449},[212],{"_154":119,"_104":206,"_109":451,"_156":141,"_237":452},["D",1742935563771],[453],{"_107":454,"_156":141,"_154":119,"_100":153,"_163":455,"_161":162,"_104":31,"_155":-5,"_109":451,"_157":206,"_166":-5,"_158":27,"_165":27,"_103":456},"2af557f0-09ba-11f0-8012-569c3dd06744","// SVG Renderer HTTP Endpoint\n// This file serves as the main entrypoint for the SVG Renderer project\n\nexport default async function(req: Request) {\n // Parse URL to get any query parameters\n const url = new URL(req.url);\n const path = url.pathname;\n \n // If a specific SVG is requested in the path\n if (path !== \"/\" && path !== \"\") {\n // Remove leading slash and try to load that specific renderer\n const svgName = path.startsWith(\"/\") ? path.substring(1) : path;\n \n try {\n // Try to dynamically import the requested renderer\n // This assumes naming convention of [name]-renderer.ts\n const module = await import(`./${svgName}-renderer.ts`);\n \n // If it has a fetch function, use it\n if (typeof module.default === \"function\") {\n return module.default(req);\n }\n \n // If it has a handler with fetch, use that\n if (module.handler && typeof module.handler.fetch === \"function\") {\n return module.handler.fetch(req);\n }\n \n // Return error if no valid handler found\n return new Response(\"SVG renderer not found\", { status: 404 });\n } catch (error) {\n console.error(\"Error loading SVG renderer:\", error);\n return new Response(\"SVG renderer not found\", { status: 404 });\n }\n }\n \n // Show index page with links to available SVGs\n return new Response(`\n \n \n \n SVG Renderer\n \n \n \n \n \n

SVG Renderer

Welcome to the SVG Renderer project. Click on an SVG below to view it.

\n \n

\n \n $\"Instagram$ \n \n

\n Instagram Logo\n

\n \n

\n \n \n `, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[153],{"_154":194,"_104":224,"_109":458,"_156":141,"_237":459},["D",1742920271429],[460],{"_107":461,"_156":141,"_154":194,"_100":193,"_163":462,"_161":177,"_104":31,"_155":-5,"_109":458,"_157":224,"_166":-5,"_158":27,"_165":27,"_103":463},"900315a2-0996-11f0-9027-569c3dd06744","// Instagram Logo SVG Renderer\n// This val serves an SVG of the Instagram logo\n\nexport const handler = {\n async fetch(req: Request) {\n // Instagram logo SVG code\n const svg = ``;\n\n // Return the SVG with appropriate headers\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n }\n};\n\n// Export the fetch handler for Val Town\nexport default handler.fetch;",[193],{"_154":203,"_104":176,"_109":465,"_156":141,"_237":466},["D",1742920248644],[467],{"_107":468,"_156":141,"_154":203,"_100":202,"_163":469,"_161":187,"_104":31,"_155":-5,"_109":465,"_157":176,"_166":-5,"_158":27,"_165":27,"_103":470},"826ec580-0996-11f0-b617-569c3dd06744","",[202],"page","hasNext","routes/_app","actionData","errors"]

History