gzip in data: uri

apps/jscad-web/package.json

@@ -26,6 +26,7 @@
     "@jscadui/worker": "*",
     "codemirror": "^6.0.1",
     "gl-matrix": "^3.4.0",
+    "fflate": "0.8.1",
     "three": "^0.147.0"
   },
   "devDependencies": {

apps/jscad-web/src/remote.js

@@ -1,3 +1,7 @@
+import * as fflate from 'fflate'
+
+const gzipPrefix = 'data:application/gzip;base64,'
+
 export const init = (compileFn, setError) => {
   const load = loadFromUrl(compileFn, setError)
   load() // on load
@@ -23,9 +27,15 @@ export const loadFromUrl = (compileFn, setError) => async () => {
 
 /**
  * Try to fetch a url directly, but if that fails (due to CORS)
- * then fallback to fetching via server proxy
+ * then fallback to fetching via server proxy.
  */
 const fetchUrl = async (url) => {
+  if(url.startsWith(gzipPrefix)){
+    const bytes = base64ToArrayBuffer(url.substring(gzipPrefix.length))
+    const dec = fflate.gunzipSync(new Uint8Array(bytes))
+    return new TextDecoder("utf-8").decode(dec)
+  }
+
   // Try to fetch url directly
   const res = await fetch(url).catch(() => {
     // Failed to fetch directly, try proxy
@@ -37,3 +47,12 @@ const fetchUrl = async (url) => {
     throw new Error(`failed to load script from url ${url}`)
   }
 }
+
+/**
+ * Converts a Base64 encoded string to an ArrayBuffer.
+ * @param {string} base64 - base64 encoded string
+ * @returns {ArrayBuffer} output ArrayBuffer
+ */
+const base64ToArrayBuffer = (base64) => {
+  return Uint8Array.from(atob(base64), c => c.charCodeAt(0)).buffer
+}