SVG Gallery

\n \n

Upload New SVG

\n \n

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

No SVGs found in the gallery. Upload one to get started!

' : ''}\n ${svgList.map(svg => `\n

\n $\"SVG$ \n

ID: ${svg.id}

Created: ${new Date(svg.created).toLocaleString()}

Size: ${Math.round(svg.size / 1024 * 100) / 100} KB

\n View\n \n \n

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

\n \n \n \n \n `;\n \n return new Response(html, {\n headers: { ...corsHeaders, \"Content-Type\": \"text/html\" }\n });\n } else {\n // JSON response for API\n return new Response(JSON.stringify(svgList, null, 2), {\n headers: { ...corsHeaders, \"Content-Type\": \"application/json\" }\n });\n }\n } catch (error) {\n await logRequest(`Error listing SVGs: ${error.message}`);\n return new Response(`Error listing SVGs: ${error.message}`, {\n status: 500, \n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n }\n \n // Store/Upload an SVG file\n if (req.method === \"POST\" && path.length === 0) {\n try {\n let svgContent: string;\n let filename: string;\n \n // Handle both form data and direct SVG content\n const contentType = req.headers.get(\"Content-Type\") || \"\";\n \n if (contentType.includes(\"multipart/form-data\")) {\n // Handle form data upload\n const formData = await req.formData();\n const svgFile = formData.get(\"svg\");\n \n if (!svgFile || !(svgFile instanceof File)) {\n return new Response(\"No SVG file provided\", { \n status: 400,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n \n filename = svgFile.name;\n svgContent = await svgFile.text();\n } else if (contentType.includes(\"application/json\")) {\n // Handle JSON with SVG content\n const data = await req.json();\n svgContent = data.svg;\n filename = data.filename || \"unnamed.svg\";\n \n if (!svgContent) {\n return new Response(\"No SVG content provided\", { \n status: 400,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n } else {\n // Direct SVG content\n svgContent = await req.text();\n filename = \"direct-upload.svg\";\n }\n \n // Basic validation\n if (!svgContent.includes(\"\")) {\n return new Response(\"Invalid SVG content\", { \n status: 400,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n \n // Generate a unique ID based on timestamp and random string\n const timestamp = Date.now();\n const randomString = Math.random().toString(36).substring(2, 10);\n const id = `${timestamp}-${randomString}`;\n \n // Store the SVG in blob storage\n await blob.set(`svg_${id}`, svgContent);\n await logRequest(`Stored SVG: ${id} (${filename})`);\n \n // Construct the public URL\n const svgUrl = `${url.protocol}//${url.host}/${id}`;\n \n return new Response(JSON.stringify({\n success: true,\n id,\n url: svgUrl,\n filename\n }), {\n status: 201,\n headers: { ...corsHeaders, \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n await logRequest(`Error storing SVG: ${error.message}`);\n return new Response(`Error storing SVG: ${error.message}`, {\n status: 500,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n }\n \n // Delete an SVG\n if (req.method === \"DELETE\" && path.length === 1) {\n const svgId = path[0];\n await logRequest(`DELETE SVG: ${svgId}`);\n \n try {\n await blob.delete(`svg_${svgId}`);\n \n return new Response(JSON.stringify({\n success: true,\n message: \"SVG deleted successfully\"\n }), {\n headers: { ...corsHeaders, \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n await logRequest(`Error deleting SVG ${svgId}: ${error.message}`);\n return new Response(`Error deleting SVG: ${error.message}`, {\n status: 500,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n }\n }\n \n // Default response for unhandled methods/routes\n return new Response(\"Invalid request. Supported methods: GET, POST, DELETE\", {\n status: 400,\n headers: { ...corsHeaders, \"Content-Type\": \"text/plain\" }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/pdf2vector_svg_store/code/main.tsx","extension","actionData","errors"]