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.environment-variables",{"_98":99,"_100":101,"_105":277,"_244":281},{"_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},[],"routes/_app","actionData","errors"]

Environment variables