SVG Host

\n \n

Upload a new SVG

\n \n

Your SVGs

\n ${svgs.length === 0 ? '

No SVGs uploaded yet. Use the form above to add your first SVG.

' : ''}\n \n

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

\n \n

${svg.name.length > 20 ? svg.name.substring(0, 20) + '...' : svg.name}

Created: ${new Date(svg.createdAt).toLocaleDateString()}

\n View\n Raw SVG\n Delete\n

\n \n

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

\n \n

How to use:

Upload your SVG using the form above
Access your SVG directly at ${url.origin}/[id]?raw=true
Use this URL in your projects (e.g. as a logo source in Val Town projects)

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n \n // UPLOAD ENDPOINT\n if (path === '/upload' && method === 'POST') {\n const formData = await req.formData();\n const svgContent = formData.get('svg');\n const svgName = formData.get('name');\n \n if (!svgContent || !validateSvg(svgContent)) {\n return new Response(`\n \n \n \n \n \n Invalid SVG\n \n \n \n

Error

Invalid SVG content. Please make sure your content starts with <svg and ends with </svg>

Redirecting to home page...

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' },\n status: 400\n });\n }\n \n // Generate an ID for the new SVG\n const svgId = generateId();\n \n // Store the SVG content\n await blob.set(`svg_${svgId}`, svgContent);\n \n // Store metadata\n await blob.setJSON(`metadata_svg_${svgId}`, {\n name: svgName || 'Unnamed SVG',\n createdAt: new Date().toISOString()\n });\n \n // Redirect to the home page with a success message\n return new Response(`\n \n \n \n \n \n SVG Uploaded\n \n \n \n

Success!

Your SVG has been uploaded successfully.

Redirecting to home page...

\n \n

Your SVG is now available at:

${url.origin}/${svgId}?raw=true

You can use this link directly in your projects.

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n \n // VIEW SVG ENDPOINT (ID route)\n if (path.match(/^\\/[a-zA-Z0-9]+$/)) {\n const svgId = path.substring(1);\n const raw = url.searchParams.get('raw') === 'true';\n \n try {\n // Get SVG content\n const svgContent = await blob.get(`svg_${svgId}`);\n \n if (!svgContent) {\n return new Response('SVG not found', { status: 404 });\n }\n \n const svgText = await svgContent.text();\n \n // Get metadata\n let metadata = {};\n try {\n metadata = await blob.getJSON(`metadata_svg_${svgId}`);\n } catch (error) {\n // If metadata not found, continue with empty metadata\n console.error(`Metadata not found for ${svgId}:`, error);\n }\n \n if (raw) {\n // Return raw SVG content\n return new Response(svgText, {\n headers: {\n 'Content-Type': 'image/svg+xml',\n 'Cache-Control': 'no-cache'\n }\n });\n } else {\n // Return HTML page with the SVG embedded\n return new Response(`\n \n \n \n \n \n ${metadata?.name || 'SVG'} - SVG Host\n \n \n \n

${metadata?.name || 'SVG Preview'}

\n \n

\n Back to Home\n View Raw SVG\n

\n \n \n \n

\n ${svgText}\n

\n \n

SVG Code

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

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n } catch (error) {\n console.error(`Error retrieving SVG ${svgId}:`, error);\n return new Response('SVG not found', { status: 404 });\n }\n }\n \n // DELETE SVG ENDPOINT\n if (path.match(/^\\/[a-zA-Z0-9]+\\/delete$/)) {\n const svgId = path.substring(1).split('/')[0];\n \n try {\n // Check if SVG exists\n await blob.get(`svg_${svgId}`);\n \n // Delete the SVG and its metadata\n await blob.delete(`svg_${svgId}`);\n try {\n await blob.delete(`metadata_svg_${svgId}`);\n } catch (error) {\n // If metadata not found, just continue\n console.error(`Metadata deletion error for ${svgId}:`, error);\n }\n \n // Redirect to the home page with a success message\n return new Response(`\n \n \n \n \n \n SVG Deleted\n \n \n \n

Success

The SVG has been deleted successfully.

Redirecting to home page...

\n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n } catch (error) {\n console.error(`Error deleting SVG ${svgId}:`, error);\n return new Response('SVG not found', { status: 404 });\n }\n }\n \n // FALLBACK - 404 Page\n return new Response(`\n \n \n \n \n 404 - Not Found\n \n \n \n

404 - Not Found

The requested resource could not be found.

Go to home page

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