Updated url for options object (#424)

* Updated url for options object

* Add if statements and isAbsoluteUrl function

* Update if statement

---------

Co-authored-by: Mark Keller <[email protected]>

Author: tkakar

README.md

@@ -14,7 +14,7 @@ Python API and Jupyter widget facilitating interactive visualization of spatial
 
 To install with pip:
 
-    $ pip install vitessce[all]
+    $ pip install 'vitessce[all]'
 
 ## Getting started
 

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "vitessce"
-version = "3.5.7"
+version = "3.5.8"
 authors = [
   { name="Mark Keller", email="[email protected]" },
 ]

src/vitessce/widget.py

@@ -163,7 +163,12 @@ def get_uid_str(uid):
 const { createRoot } = await importWithMap("react-dom/client", importMap);
 
 const e = React.createElement;
+
+function isAbsoluteUrl(s) {
+    return s.startsWith('http://') || s.startsWith('https://');
+}
 const WORKSPACES_URL_KEYWORD = 'https://workspaces-pt';
+const OPTIONS_URL_KEYS = ['offsetsUrl', 'refSpecUrl'];
 const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
 // The jupyter server may be running through a proxy,
 // which means that the client needs to prepend the part of the URL before /proxy/8000 such as
@@ -196,13 +201,25 @@ def get_uid_str(uid):
         ...config,
         datasets: config.datasets.map(d => ({
             ...d,
-            files: d.files.map(f => ({
-                ...f,
-                url: (!(f.url.startsWith('http://') || f.url.startsWith('https://'))
-                    ? `${origin}${baseUrl}${f.url}`
-                    : f.url
-                ),
-            })),
+            files: d.files.map(f => {
+                const updatedFileDef = { ...f };
+                if (!isAbsoluteUrl(f.url)) {
+                    // Update the main file URL if necessary.
+                    updatedFileDef.url = `${origin}${baseUrl}${f.url}`;
+                }
+                if (f.options) {
+                    // Update any urls within the options object
+                    const updatedOptions = { ...f.options };
+                    OPTIONS_URL_KEYS.forEach(key => {
+                        const optionValue = updatedOptions[key];
+                        if (optionValue && !isAbsoluteUrl(optionValue)) {
+                            updatedOptions[key] = `${origin}${baseUrl}${optionValue}`;
+                        }
+                    });
+                    updatedFileDef.options = updatedOptions;
+                }
+                return updatedFileDef;
+            }),
         })),
     };
 }