fix: Encode URL for cog_viewer and stac_viewer (#961)

* fix: Encode URL for cog_viewer and stac_viewer

* update changelog

---------

Co-authored-by: vincentsarago <[email protected]>

Author: guillemc23

CHANGES.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+* Encode URL for cog_viewer and stac_viewer (author @guillemc23, https://github.com/developmentseed/titiler/pull/961)
+
 * Remove all default values to the dependencies
     * `DatasetParams.unscale`: `False` -> `None` (default to `False` in rio-tiler)
     * `DatasetParams.resampling_method`: `nearest` -> `None` (default to `nearest` in rio-tiler)

src/titiler/extensions/titiler/extensions/templates/cog_viewer.html

@@ -894,7 +894,7 @@
 }
 
 document.getElementById('launch').addEventListener('click', () => {
-  scope.url = document.getElementById('cogeo').value
+  scope.url = encodeURIComponent(document.getElementById('cogeo').value)
   document.getElementById('selector').classList.toggle('none')
   addCogeo()
 })

src/titiler/extensions/titiler/extensions/templates/stac_viewer.html

@@ -1012,7 +1012,7 @@
 }
 
 document.getElementById('launch').addEventListener('click', () => {
-  scope.url = document.getElementById('stac').value
+  scope.url = encodeURIComponent(document.getElementById('stac').value)
   document.getElementById('selector').classList.toggle('none')
   document.getElementById('loader').classList.add('off')
   addStac()