SVG Icon Upload Produces Base64 Encoding Instead of URL

[mrsaiz]

When I upload an icon in SVG format through the interface, and attempt to copy the URL generated for use in my code, I'm encountering an issue where the SVG icon is not being uploaded to the S3 bucket as expected. Instead, I'm provided with a lengthy base64-encoded data URI for the image, resulting in extremely long lines of code. This presents a challenge in maintaining clean and readable code.

Code Example (SVG Upload)

ImageSVG: "" {
  icon: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi1BcmNoaXRlY3R1cmUvMTYvQXJjaF9BbWF6b24tRUMyXzE2PC90aXRsZT4KICAgIDxnIGlkPSJJY29uLUFyY2hpdGVjdHVyZS8xNi9BcmNoX0FtYXpvbi1FQzJfMTYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29uLUFyY2hpdGVjdHVyZS1CRy8xNi9Db21wdXRlIiBmaWxsPSIjRUQ3MTAwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGQ9Ik0xNSw5IEwxNCw5IEwxMyw5IEwxMiw5IEwxMSw5IEwxMCw5IEwxMCwxMCBMMTAsMTEgTDEwLDEyIEwxMCwxMyBMMTAsMTQgTDExLDE0IEwxMiwxNCBMMTMsMTQgTDE0LDE0IEwxNSwxNCBMMTUsMTMgTDE1LDEyIEwxNSwxMSBMMTUsMTAgTDE1LDkgWiBNMTYsOSBMMTcsOSBMMTcsMTAgTDE2LDEwIEwxNiwxMSBMMTcsMTEgTDE3LDEyIEwxNiwxMiBMMTYsMTMgTDE3LDEzIEwxNywxNCBMMTYsMTQgTDE2LDE0LjMwOCBDMTYsMTQuNjg5IDE1LjY4OSwxNSAxNS4zMDgsMTUgTDE1LDE1IEwxNSwxNiBMMTQsMTYgTDE0LDE1IEwxMywxNSBMMTMsMTYgTDEyLDE2IEwxMiwxNSBMMTEsMTUgTDExLDE2IEwxMCwxNiBMMTAsMTUgTDkuNjkyLDE1IEM5LjMxMSwxNSA5LDE0LjY4OSA5LDE0LjMwOCBMOSwxNCBMOCwxNCBMOCwxMyBMOSwxMyBMOSwxMiBMOCwxMiBMOCwxMSBMOSwxMSBMOSwxMCBMOCwxMCBMOCw5IEw5LDkgTDksOC42OTIgQzksOC4zMTEgOS4zMTEsOCA5LjY5Miw4IEwxMCw4IEwxMCw3IEwxMSw3IEwxMSw4IEwxMiw4IEwxMiw3IEwxMyw3IEwxMyw4IEwxNCw4IEwxNCw3IEwxNSw3IEwxNSw4IEwxNS4zMDgsOCBDMTUuNjg5LDggMTYsOC4zMTEgMTYsOC42OTIgTDE2LDkgWiBNMTIsMTkgTDUsMTkgTDUsMTMgTDcsMTMgTDcsMTIgTDQuOCwxMiBDNC4zNTgsMTIgNCwxMi4zNDIgNCwxMi43NjIgTDQsMTkuMjE5IEM0LDE5LjY1IDQuMzUxLDIwIDQuNzgxLDIwIEwxMi4yLDIwIEMxMi42NDIsMjAgMTMsMTkuNjU4IDEzLDE5LjIzOCBMMTMsMTcgTDEyLDE3IEwxMiwxOSBaIE0yMCw0Ljc4MSBMMjAsMTIuMjE5IEMyMCwxMi42NSAxOS42NDksMTMgMTkuMjE5LDEzIEwxOCwxMyBMMTgsMTIgTDE5LDEyIEwxOSw1IEwxMiw1IEwxMiw2IEwxMSw2IEwxMSw0Ljc4MSBDMTEsNC4zNSAxMS4zNTEsNCAxMS43ODEsNCBMMTkuMjE5LDQgQzE5LjY0OSw0IDIwLDQuMzUgMjAsNC43ODEgTDIwLDQuNzgxIFoiIGlkPSJBbWF6b24tRUMyX0ljb25fMTZfU3F1aWQiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+"
  shape: image
}

Ideally, I would like SVG icons to be treated similarly to PNG icons, resulting in a direct URL to the image stored on the S3 server, like this:

ImagePNG: "" {
  icon: https://s3-us-west-1.amazonaws.com/terrastruct.uploaded-images/1**********4/laolsguksuweshwkgjpxcewvsjiasd.png
  shape: image
}

This not only enhances code clarity but also allows for more efficient management and updating of icons.

[alixander]

True. Will do.

Also related: #44