@vitessce/vit-s 3.8.6 → 3.8.8

package/dist/index.js

@@ -32251,7 +32251,7 @@ const AUTO_INDEPENDENT_COORDINATION_TYPES = [
     CoordinationType$1.HIERARCHY_LEVELS
   ]
 });
-const version = "3.8.6";
+const version = "3.8.8";
 const META_VERSION = {
   version
 };
@@ -44290,7 +44290,7 @@ After: ${JSON.stringify(coordinationValuesWithDefaults)}`);
   }
   return coordinationValuesWithDefaults;
 }
-function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores) {
+function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores, queryClient) {
   const result = {};
   const dataSources = new InternMap([], JSON.stringify);
   const defaultCoordinationValues = Object.fromEntries(
@@ -44331,7 +44331,8 @@ function createLoaders(datasets, configDescription, fileTypes, coordinationTypes
           refSpecUrl: options == null ? void 0 : options.refSpecUrl,
           // Optionally, pass a Zarrita store to the data source,
           // if one was mapped to this URL.
-          store: stores == null ? void 0 : stores[url]
+          store: stores == null ? void 0 : stores[url],
+          queryClient
         }));
       }
       const loader = new LoaderClass(dataSources.get(dataSourceKey), file);
@@ -44970,11 +44971,12 @@ function VitessceGrid(props) {
     coordinationTypes,
     stores,
     pageMode,
-    children
+    children,
+    queryClient
   } = props;
   const [rowHeight, containerRef] = useRowHeight(config2, initialRowHeight, height2, margin, padding);
   const onResize = useEmitGridResize();
-  const [componentWidth] = useClosestVitessceContainerSize(containerRef, 0);
+  const [componentWidth] = useClosestVitessceContainerSize(containerRef);
   const { classes } = useVitessceContainerStyles();
   const { classes: titleClasses } = useTitleStyles();
   const altText = useMemo(() => getAltText(config2), [configKey]);
@@ -45001,7 +45003,8 @@ function VitessceGrid(props) {
         config2.description,
         fileTypes,
         coordinationTypes,
-        stores
+        stores,
+        queryClient
       );
       newConfig = config2;
     }
@@ -45469,7 +45472,8 @@ function VitS(props) {
         configOrWarning.description,
         fileTypes,
         coordinationTypes,
-        stores
+        stores,
+        queryClient
       );
       return createViewConfigStore(loaders, configOrWarning);
     }
@@ -45498,7 +45502,8 @@ function VitS(props) {
         height: height2,
         theme,
         isBounded,
-        stores
+        stores,
+        queryClient
       },
       children
     ), /* @__PURE__ */ React__default.createElement(
@@ -47612,7 +47617,20 @@ class FlatFileSystemStore {
     const buffer = await file.arrayBuffer();
     return new Uint8Array(buffer);
   }
-  // TODO: implement getRange
+  async getRange(key, range2) {
+    const file = this.files.find((f2) => `/${f2.relpath}` === key);
+    if (!file) return void 0;
+    const buffer = await file.arrayBuffer();
+    if ("suffixLength" in range2) {
+      const { suffixLength } = range2;
+      return new Uint8Array(buffer, buffer.byteLength - suffixLength, suffixLength);
+    }
+    if ("offset" in range2 && "length" in range2) {
+      const { offset: offset2, length: length2 } = range2;
+      return new Uint8Array(buffer, offset2, length2);
+    }
+    throw new Error("Invalid rangeQuery value.");
+  }
 }
 function createOnDrop(setters, isFileInput = false, isConfigInput = false) {
   return async (e2) => {

package/dist-tsc/VitS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VitS.d.ts","sourceRoot":"","sources":["../src/VitS.js"],"names":[],"mappings":"AAqCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,4BApCG;IAAsB,MAAM,EAApB,MAAM;IAGkB,SAAS,EAAjC,SAAS,GAAC,MAAM;IACF,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAEU,MAAM;IACN,cAAc;IAEd,cAAc;IAEf,cAAc,EAA7B,OAAO;IAIQ,sBAAsB,EAArC,OAAO;IAGY,GAAG,EAAtB,IAAI,GAAC,MAAM;IAGW,cAAc,EAApC,SAAS,GAAC,IAAI;IAEC,kBAAkB,EAAjC,OAAO;IAEM,SAAS,EAAtB,KAAK;IACQ,SAAS,EAAtB,KAAK;IACQ,cAAc,EAA3B,KAAK;IACQ,iBAAiB,EAA9B,KAAK;IACc,OAAO,EAA1B,IAAI,GAAC,MAAM;IACI,QAAQ,EAAvB,OAAO;IACQ,SAAS,EAAxB,OAAO;IACY,QAAQ,EAA3B,IAAI,GAAC,MAAM;CAErB,eAmQA"}
+{"version":3,"file":"VitS.d.ts","sourceRoot":"","sources":["../src/VitS.js"],"names":[],"mappings":"AAqCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,4BApCG;IAAsB,MAAM,EAApB,MAAM;IAGkB,SAAS,EAAjC,SAAS,GAAC,MAAM;IACF,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAEU,MAAM;IACN,cAAc;IAEd,cAAc;IAEf,cAAc,EAA7B,OAAO;IAIQ,sBAAsB,EAArC,OAAO;IAGY,GAAG,EAAtB,IAAI,GAAC,MAAM;IAGW,cAAc,EAApC,SAAS,GAAC,IAAI;IAEC,kBAAkB,EAAjC,OAAO;IAEM,SAAS,EAAtB,KAAK;IACQ,SAAS,EAAtB,KAAK;IACQ,cAAc,EAA3B,KAAK;IACQ,iBAAiB,EAA9B,KAAK;IACc,OAAO,EAA1B,IAAI,GAAC,MAAM;IACI,QAAQ,EAAvB,OAAO;IACQ,SAAS,EAAxB,OAAO;IACY,QAAQ,EAA3B,IAAI,GAAC,MAAM;CAErB,eA4PA"}

package/dist-tsc/VitS.js

@@ -55,14 +55,6 @@ import { AsyncFunctionsContext } from './contexts.js';
  */
 export function VitS(props) {
     const { config, stores, rowHeight, height, theme, onWarn, onConfigChange, onLoaderChange, validateConfig = true, validateOnConfigChange = false, isBounded = false, uid = null, styleContainer, remountOnUidChange = true, viewTypes: viewTypesProp, fileTypes: fileTypesProp, jointFileTypes: jointFileTypesProp, coordinationTypes: coordinationTypesProp, asyncFunctions: asyncFunctionsProp, warning, pageMode = false, children, debugMode = DEFAULT_DEBUG_MODE, logLevel = DEFAULT_LOG_LEVEL, } = props;
-    /*
-    const prefersDark = (
-      window.matchMedia
-      && window.matchMedia('(prefers-color-scheme: dark)').matches
-    );
-    const defaultTheme = prefersDark ? 'dark' : 'light';
-    const [theme, setTheme] = useState(themeProp ?? defaultTheme);
-    */
     // eslint-disable-next-line no-unused-vars
     const [debugErrors, setDebugErrors] = useState([]);
     const viewTypes = useMemo(() => (viewTypesProp || []), [viewTypesProp]);
@@ -184,7 +176,7 @@ export function VitS(props) {
     // Initialize the view config and loaders in the global state.
     const createViewConfigStoreClosure = useCallback(() => {
         if (success) {
-            const loaders = createLoaders(configOrWarning.datasets, configOrWarning.description, fileTypes, coordinationTypes, stores);
+            const loaders = createLoaders(configOrWarning.datasets, configOrWarning.description, fileTypes, coordinationTypes, stores, queryClient);
             return createViewConfigStore(loaders, configOrWarning);
         }
         // No config found, so clear the loaders.
@@ -197,5 +189,5 @@ export function VitS(props) {
     if (debugMode && debugErrors.length > 0) {
         return (_jsx(CacheProvider, { value: muiCache, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(DebugWindow, { debugErrors: debugErrors }) }) }));
     }
-    return success ? (_jsx(CacheProvider, { value: muiCache, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ViewConfigProvider, { createStore: createViewConfigStoreClosure, children: _jsx(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: _jsxs(AsyncFunctionsContext.Provider, { value: asyncFunctions, children: [_jsx(VitessceGrid, { pageMode: pageMode, success: success, configKey: configKey, viewTypes: viewTypes, fileTypes: fileTypes, coordinationTypes: coordinationTypes, config: configOrWarning, rowHeight: rowHeight, height: height, theme: theme, isBounded: isBounded, stores: stores, children: children }), _jsx(CallbackPublisher, { onWarn: onWarn, onConfigChange: onConfigChange, onLoaderChange: onLoaderChange, validateOnConfigChange: validateOnConfigChange, pluginSpecificConfigSchema: pluginSpecificConfigSchema })] }) }) }, (remountOnUidChange ? configKey : undefined)) }) }) })) : (_jsx(CacheProvider, { value: muiCache, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(Warning, { ...configOrWarning }) }) }));
+    return success ? (_jsx(CacheProvider, { value: muiCache, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ViewConfigProvider, { createStore: createViewConfigStoreClosure, children: _jsx(AuxiliaryProvider, { createStore: createAuxiliaryStore, children: _jsxs(AsyncFunctionsContext.Provider, { value: asyncFunctions, children: [_jsx(VitessceGrid, { pageMode: pageMode, success: success, configKey: configKey, viewTypes: viewTypes, fileTypes: fileTypes, coordinationTypes: coordinationTypes, config: configOrWarning, rowHeight: rowHeight, height: height, theme: theme, isBounded: isBounded, stores: stores, queryClient: queryClient, children: children }), _jsx(CallbackPublisher, { onWarn: onWarn, onConfigChange: onConfigChange, onLoaderChange: onLoaderChange, validateOnConfigChange: validateOnConfigChange, pluginSpecificConfigSchema: pluginSpecificConfigSchema })] }) }) }, (remountOnUidChange ? configKey : undefined)) }) }) })) : (_jsx(CacheProvider, { value: muiCache, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: _jsx(Warning, { ...configOrWarning }) }) }));
 }

package/dist-tsc/VitessceGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VitessceGrid.d.ts","sourceRoot":"","sources":["../src/VitessceGrid.js"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;GAYG;AACH,4CAVG;IAAsB,SAAS,EAAvB,MAAM;IACQ,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,MAAM,EAApB,MAAM;IACU,MAAM;IACE,SAAS,EAAjC,cAAc,EAAE;IACQ,SAAS,EAAjC,cAAc,EAAE;IACgB,iBAAiB,EAAjD,sBAAsB,EAAE;IACT,QAAQ,EAAvB,OAAO;CACjB,eAsGA"}
+{"version":3,"file":"VitessceGrid.d.ts","sourceRoot":"","sources":["../src/VitessceGrid.js"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;GAYG;AACH,4CAVG;IAAsB,SAAS,EAAvB,MAAM;IACQ,MAAM,EAApB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,MAAM,EAApB,MAAM;IACU,MAAM;IACE,SAAS,EAAjC,cAAc,EAAE;IACQ,SAAS,EAAjC,cAAc,EAAE;IACgB,iBAAiB,EAAjD,sBAAsB,EAAE;IACT,QAAQ,EAAvB,OAAO;CACjB,eAwGA"}

package/dist-tsc/VitessceGrid.js

@@ -25,10 +25,10 @@ const margin = 5;
  * @param {boolean} props.pageMode
  */
 export default function VitessceGrid(props) {
-    const { success, configKey, rowHeight: initialRowHeight, config, theme, height, isBounded, viewTypes, fileTypes, coordinationTypes, stores, pageMode, children, } = props;
+    const { success, configKey, rowHeight: initialRowHeight, config, theme, height, isBounded, viewTypes, fileTypes, coordinationTypes, stores, pageMode, children, queryClient, } = props;
     const [rowHeight, containerRef] = useRowHeight(config, initialRowHeight, height, margin, padding);
     const onResize = useEmitGridResize();
-    const [componentWidth] = useClosestVitessceContainerSize(containerRef, 0);
+    const [componentWidth] = useClosestVitessceContainerSize(containerRef);
     const { classes } = useVitessceContainerStyles();
     const { classes: titleClasses } = useTitleStyles();
     const altText = useMemo(() => getAltText(config), [configKey]);
@@ -55,7 +55,7 @@ export default function VitessceGrid(props) {
         let newLoaders = null;
         let newConfig = null;
         if (success) {
-            newLoaders = createLoaders(config.datasets, config.description, fileTypes, coordinationTypes, stores);
+            newLoaders = createLoaders(config.datasets, config.description, fileTypes, coordinationTypes, stores, queryClient);
             newConfig = config;
         }
         setViewConfig(newConfig);

package/dist-tsc/on-drop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"on-drop.d.ts","sourceRoot":"","sources":["../src/on-drop.js"],"names":[],"mappings":"AAoEA;;;;;;;;;;GAUG;AACH,sCARG;IAA0B,aAAa;IACb,SAAS;CACnC,gBAAQ,OAAO,kBAEP,OAAO,6BAyHjB"}
+{"version":3,"file":"on-drop.d.ts","sourceRoot":"","sources":["../src/on-drop.js"],"names":[],"mappings":"AAkFA;;;;;;;;;;GAUG;AACH,sCARG;IAA0B,aAAa;IACb,SAAS;CACnC,gBAAQ,OAAO,kBAEP,OAAO,6BAyHjB"}

package/dist-tsc/on-drop.js

@@ -14,6 +14,22 @@ class FlatFileSystemStore {
         const buffer = await file.arrayBuffer();
         return new Uint8Array(buffer);
     }
+    async getRange(key, range) {
+        // The list of files does not prefix its paths with slashes.
+        const file = this.files.find(f => `/${f.relpath}` === key);
+        if (!file)
+            return undefined;
+        const buffer = await file.arrayBuffer();
+        if ('suffixLength' in range) {
+            const { suffixLength } = range;
+            return new Uint8Array(buffer, buffer.byteLength - suffixLength, suffixLength);
+        }
+        if ('offset' in range && 'length' in range) {
+            const { offset, length } = range;
+            return new Uint8Array(buffer, offset, length);
+        }
+        throw new Error('Invalid rangeQuery value.');
+    }
 }
 /*
 // Get a file handle to a file in a directory.

package/dist-tsc/vitessce-grid-utils.d.ts

@@ -7,8 +7,9 @@ export function useRowHeight(config: any, initialRowHeight: any, height: any, ma
  * @param {PluginFileType[]} fileTypes
  * @param {PluginCoordinationType[]} coordinationTypes
  * @param {object} stores Optional mapping from URLs to Zarrita stores.
+ * @param {QueryClient} queryClient A react-query QueryClient instance.
  * @returns {object} Mapping from dataset ID to data type to loader
  * instance.
  */
-export function createLoaders(datasets: object[], configDescription: string, fileTypes: PluginFileType[], coordinationTypes: PluginCoordinationType[], stores: object): object;
+export function createLoaders(datasets: object[], configDescription: string, fileTypes: PluginFileType[], coordinationTypes: PluginCoordinationType[], stores: object, queryClient: QueryClient): object;
 //# sourceMappingURL=vitessce-grid-utils.d.ts.map

package/dist-tsc/vitessce-grid-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vitessce-grid-utils.d.ts","sourceRoot":"","sources":["../src/vitessce-grid-utils.js"],"names":[],"mappings":"AAyCA,gHA6CC;AA4BD;;;;;;;;;;GAUG;AACH,wCATW,MAAM,EAAE,qBACR,MAAM,aAEN,cAAc,EAAE,qBAChB,sBAAsB,EAAE,UACxB,MAAM,GACJ,MAAM,CAmElB"}
+{"version":3,"file":"vitessce-grid-utils.d.ts","sourceRoot":"","sources":["../src/vitessce-grid-utils.js"],"names":[],"mappings":"AAyCA,gHA6CC;AA4BD;;;;;;;;;;;GAWG;AACH,wCAVW,MAAM,EAAE,qBACR,MAAM,aAEN,cAAc,EAAE,qBAChB,sBAAsB,EAAE,UACxB,MAAM,eACN,WAAW,GACT,MAAM,CA2ElB"}

package/dist-tsc/vitessce-grid-utils.js

@@ -103,10 +103,11 @@ function withDefaults(coordinationValues, dataType, fileType, datasetUid, defaul
  * @param {PluginFileType[]} fileTypes
  * @param {PluginCoordinationType[]} coordinationTypes
  * @param {object} stores Optional mapping from URLs to Zarrita stores.
+ * @param {QueryClient} queryClient A react-query QueryClient instance.
  * @returns {object} Mapping from dataset ID to data type to loader
  * instance.
  */
-export function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores) {
+export function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores, queryClient) {
     const result = {};
     const dataSources = new InternMap([], JSON.stringify);
     const defaultCoordinationValues = Object.fromEntries(coordinationTypes.map(ct => ([ct.name, ct.defaultValue])));
@@ -142,6 +143,7 @@ export function createLoaders(datasets, configDescription, fileTypes, coordinati
                     // Optionally, pass a Zarrita store to the data source,
                     // if one was mapped to this URL.
                     store: stores?.[url],
+                    queryClient,
                 }));
             }
             const loader = new LoaderClass(dataSources.get(dataSourceKey), file);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/vit-s",
-  "version": "3.8.6",
+  "version": "3.8.8",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -30,16 +30,16 @@
     "react-error-boundary": "^5.0.0",
     "@placemarkio/flat-drop-files": "^1.0.2",
     "zarrita": "0.5.4",
-    "@vitessce/styles": "3.8.6",
-    "@vitessce/abstract": "3.8.6",
-    "@vitessce/error": "3.8.6",
-    "@vitessce/constants-internal": "3.8.6",
-    "@vitessce/plugins": "3.8.6",
-    "@vitessce/schemas": "3.8.6",
-    "@vitessce/sets-utils": "3.8.6",
-    "@vitessce/utils": "3.8.6",
-    "@vitessce/config": "3.8.6",
-    "@vitessce/globals": "3.8.6"
+    "@vitessce/styles": "3.8.8",
+    "@vitessce/abstract": "3.8.8",
+    "@vitessce/error": "3.8.8",
+    "@vitessce/constants-internal": "3.8.8",
+    "@vitessce/plugins": "3.8.8",
+    "@vitessce/schemas": "3.8.8",
+    "@vitessce/utils": "3.8.8",
+    "@vitessce/sets-utils": "3.8.8",
+    "@vitessce/config": "3.8.8",
+    "@vitessce/globals": "3.8.8"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -48,7 +48,7 @@
     "react-dom": "18.3.1",
     "vite": "^7.0.0",
     "vitest": "^3.1.4",
-    "@vitessce/types": "3.8.6"
+    "@vitessce/types": "3.8.8"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"

package/src/VitS.js

@@ -102,15 +102,6 @@ export function VitS(props) {
     logLevel = DEFAULT_LOG_LEVEL,
   } = props;
 
-  /*
-  const prefersDark = (
-    window.matchMedia
-    && window.matchMedia('(prefers-color-scheme: dark)').matches
-  );
-  const defaultTheme = prefersDark ? 'dark' : 'light';
-  const [theme, setTheme] = useState(themeProp ?? defaultTheme);
-  */
-
   // eslint-disable-next-line no-unused-vars
   const [debugErrors, setDebugErrors] = useState([]);
   const viewTypes = useMemo(() => (viewTypesProp || []), [viewTypesProp]);
@@ -266,6 +257,7 @@ export function VitS(props) {
         fileTypes,
         coordinationTypes,
         stores,
+        queryClient,
       );
       return createViewConfigStore(loaders, configOrWarning);
     }
@@ -309,6 +301,7 @@ export function VitS(props) {
                   theme={theme}
                   isBounded={isBounded}
                   stores={stores}
+                  queryClient={queryClient}
                 >
                   {children}
                 </VitessceGrid>

package/src/VitessceGrid.js

@@ -57,12 +57,13 @@ export default function VitessceGrid(props) {
     stores,
     pageMode,
     children,
+    queryClient,
   } = props;
 
   const [rowHeight, containerRef] = useRowHeight(config, initialRowHeight, height, margin, padding);
   const onResize = useEmitGridResize();
 
-  const [componentWidth] = useClosestVitessceContainerSize(containerRef, 0);
+  const [componentWidth] = useClosestVitessceContainerSize(containerRef);
 
   const { classes } = useVitessceContainerStyles();
   const { classes: titleClasses } = useTitleStyles();
@@ -101,6 +102,7 @@ export default function VitessceGrid(props) {
         fileTypes,
         coordinationTypes,
         stores,
+        queryClient,
       );
       newConfig = config;
     }

package/src/on-drop.js

@@ -17,7 +17,21 @@ class FlatFileSystemStore {
     return new Uint8Array(buffer);
   }
 
-  // TODO: implement getRange
+  async getRange(key, range) {
+    // The list of files does not prefix its paths with slashes.
+    const file = this.files.find(f => `/${f.relpath}` === key);
+    if (!file) return undefined;
+    const buffer = await file.arrayBuffer();
+    if ('suffixLength' in range) {
+      const { suffixLength } = range;
+      return new Uint8Array(buffer, buffer.byteLength - suffixLength, suffixLength);
+    }
+    if ('offset' in range && 'length' in range) {
+      const { offset, length } = range;
+      return new Uint8Array(buffer, offset, length);
+    }
+    throw new Error('Invalid rangeQuery value.');
+  }
 }
 
 /*

package/src/vitessce-grid-utils.js

@@ -120,10 +120,18 @@ function withDefaults(
  * @param {PluginFileType[]} fileTypes
  * @param {PluginCoordinationType[]} coordinationTypes
  * @param {object} stores Optional mapping from URLs to Zarrita stores.
+ * @param {QueryClient} queryClient A react-query QueryClient instance.
  * @returns {object} Mapping from dataset ID to data type to loader
  * instance.
  */
-export function createLoaders(datasets, configDescription, fileTypes, coordinationTypes, stores) {
+export function createLoaders(
+  datasets,
+  configDescription,
+  fileTypes,
+  coordinationTypes,
+  stores,
+  queryClient,
+) {
   const result = {};
   const dataSources = new InternMap([], JSON.stringify);
   const defaultCoordinationValues = Object.fromEntries(
@@ -173,6 +181,7 @@ export function createLoaders(datasets, configDescription, fileTypes, coordinati
           // Optionally, pass a Zarrita store to the data source,
           // if one was mapped to this URL.
           store: stores?.[url],
+          queryClient,
         }));
       }
       const loader = new LoaderClass(dataSources.get(dataSourceKey), file);