@vitessce/vit-s 3.6.0 → 3.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"CallbackPublisher.d.ts","sourceRoot":"","sources":["../src/CallbackPublisher.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;GAWG;AACH,iDAPG;IAAwB,cAAc;IAEd,cAAc;IAEf,sBAAsB,EAArC,OAAO;CAEjB,QAkDA"}
+{"version":3,"file":"CallbackPublisher.d.ts","sourceRoot":"","sources":["../src/CallbackPublisher.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;GAWG;AACH,iDAPG;IAAwB,cAAc;IAEd,cAAc;IAEf,sBAAsB,EAArC,OAAO;CAEjB,QAmDA"}

package/dist-tsc/CallbackPublisher.js

@@ -34,6 +34,9 @@ export default function CallbackPublisher(props) {
     // to subscribe to view config changes.
     // Reference: https://github.com/react-spring/zustand#transient-updates-for-often-occuring-state-changes
     useEffect(() => viewConfigStoreApi.subscribe(
+    // The function to specify which part of the store
+    // we want to subscribe to.
+    state => state.viewConfig, 
     // The function to run on each publish.
     (viewConfig) => {
         if (validateOnConfigChange && viewConfig) {
@@ -42,10 +45,7 @@ export default function CallbackPublisher(props) {
         if (onConfigChange && viewConfig) {
             onConfigChange(viewConfig);
         }
-    }, 
-    // The function to specify which part of the store
-    // we want to subscribe to.
-    state => state.viewConfig), [onConfigChange, validateOnConfigChange, viewConfigStoreApi, pluginSpecificConfigSchema]);
+    }), [onConfigChange, validateOnConfigChange, viewConfigStoreApi, pluginSpecificConfigSchema]);
     // Emit updates to the warning message.
     useEffect(() => {
         if (onWarn && warning) {

package/dist-tsc/DebugWindow.d.ts

@@ -1,4 +1,4 @@
 export function DebugWindow({ debugErrors }: {
     debugErrors: any;
-}): import("react").JSX.Element;
+}): import(".pnpm/@types+react@19.1.6/node_modules/@types/react").JSX.Element;
 //# sourceMappingURL=DebugWindow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DebugWindow.d.ts","sourceRoot":"","sources":["../src/DebugWindow.js"],"names":[],"mappings":"AAIA;;gCA8BC"}
+{"version":3,"file":"DebugWindow.d.ts","sourceRoot":"","sources":["../src/DebugWindow.js"],"names":[],"mappings":"AAIA;;8EA8BC"}

package/dist-tsc/Warning.d.ts

@@ -1,2 +1,2 @@
-export function Warning(props: any): import("react").JSX.Element;
+export function Warning(props: any): import(".pnpm/@types+react@19.1.6/node_modules/@types/react").JSX.Element;
 //# sourceMappingURL=Warning.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../src/Warning.js"],"names":[],"mappings":"AAIA,iEAoBC"}
+{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../src/Warning.js"],"names":[],"mappings":"AAIA,+GAoBC"}

package/dist-tsc/state/hooks.d.ts

@@ -1,3 +1,11 @@
+export function ViewConfigProvider(props: any): JSX.Element;
+export function useViewConfigStoreApi(): any;
+export function useViewConfigStore(selector: any): any;
+export function useViewConfigStoreShallow(selector: any): any;
+export function AuxiliaryProvider(props: any): JSX.Element;
+export function useAuxiliaryStoreApi(): any;
+export function useAuxiliaryStore(selector: any): any;
+export function useAuxiliaryStoreShallow(selector: any): any;
 /**
  * Get the "computed" coordinationScopes after accounting for
  * meta-coordination.
@@ -291,24 +299,6 @@ export function useGridResize(): number;
  * function.
  */
 export function useEmitGridResize(): Function;
-export const ViewConfigProvider: ({ initialStore, createStore, children, }: {
-    initialStore?: import("zustand").UseBoundStore<object> | undefined;
-    createStore: () => import("zustand").UseBoundStore<object>;
-    children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<import("zustand").UseBoundStore<object> | undefined>>;
-export const useViewConfigStore: import("zustand/context").UseContextStore<object>;
-export const useViewConfigStoreApi: () => {
-    getState: import("zustand").GetState<object>;
-    setState: import("zustand").SetState<object>;
-    subscribe: import("zustand").Subscribe<object>;
-    destroy: import("zustand").Destroy;
-};
-export const AuxiliaryProvider: ({ initialStore, createStore, children, }: {
-    initialStore?: import("zustand").UseBoundStore<object> | undefined;
-    createStore: () => import("zustand").UseBoundStore<object>;
-    children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<import("zustand").UseBoundStore<object> | undefined>>;
-export const useAuxiliaryStore: import("zustand/context").UseContextStore<object>;
 export function createViewConfigStore(initialLoaders: any, initialConfig: any): Function;
 export function useComponentLayout(component: any, scopes: any, coordinationScopes: any): Object;
 export function createAuxiliaryStore(): Function;

package/dist-tsc/state/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/state/hooks.js"],"names":[],"mappings":"AAmCA;;;;;;GAMG;AACH,8CAJW,GAAC,mBAEC,MAAM,GAAC,SAAS,CA4B5B;AAED;;;;;;;GAOG;AACH,gDALW,GAAC,wBACD,GAAC,qBAEC,MAAM,GAAC,SAAS,CA0C5B;AAED;;;;;GAKG;AACH,6CAJW,MAAM,sBACN,GAAC,GACC,MAAM,GAAC,SAAS,CAI5B;AAED;;;;;;GAMG;AACH,+CALW,MAAM,mDACN,GAAC,wBACD,GAAC,GACC,MAAM,GAAC,SAAS,CAc5B;AAySD;;;;;;;;;GASG;AACH,mDALW,MAAM,EAAE,sBACR,MAAM,GAEJ,MAAM,CAclB;AAED;;;;;;;;;;;;;;;GAeG;AACH,4CATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAmCjB;AAED,yFAKC;AAED,gGAqBC;AAED,0IA4BC;AAED,iJAkEC;AAED,yFAmBC;AAED;;;;GAIG;AACH,mDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;;;;GAaG;AACH,mDAXW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,UAEN,MAAM,GAEJ,KAAK,CA2EjB;AAED;;;;;GAKG;AACH,0DAHW,MAAM,GACJ,MAAM,CAiBlB;AAED;;;;;;GAMG;AACH,4DAJW,MAAM,wBACN,MAAM,GACJ,MAAM,CAgBlB;AAED;;;;;;;GAOG;AACH,4DANW,MAAM,EAAE,iDACR,MAAM,eACN,MAAM,iBACN,MAAM,SAuEhB;AAGD;;;;;;;;;;;GAWG;AACH,wDATW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,GAEJ,KAAK,CAUjB;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,qDATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAgCjB;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAGD;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAoBhB;AAED;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAShB;AAED;;;;;GAKG;AACH,6BAHa,MAAM,EAAE,CAKpB;AAED;;;;;GAKG;AACH,+CAEC;AAED;;;;;GAKG;AACH,0EAEC;AAED;;;;;GAKG;AACH,uEAEC;AAED;;;;;GAKG;AACH,4CAEC;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,iCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,oEAIC;AAGD;;;;;GAKG;AACH,qCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,6DAOC;AAED;;;;GAIG;AACH,iCAFa,MAAM,CAIlB;AAED;;;;;GAKG;AACH,8CAEC;AApqCD;;;;aAPG,OAAO,kCAAkC,OAAO,sEAOO;AAC1D,mFAA0D;AAC1D;;;;;EAAgE;AAOhE;;;;mIAAwD;AACxD,kFAAwD;AAiIjD,yFA4LJ;AAOI,0FAFM,MAAM,CAOlB;AAcM,iDAUJ"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/state/hooks.js"],"names":[],"mappings":"AA8BA,4DAiBC;AAED,6CAMC;AACD,uDAOC;AAED,8DAEC;AAGD,2DAiBC;AAED,4CAMC;AACD,sDAOC;AAED,6DAEC;AAID;;;;;;GAMG;AACH,8CAJW,GAAC,mBAEC,MAAM,GAAC,SAAS,CA4B5B;AAED;;;;;;;GAOG;AACH,gDALW,GAAC,wBACD,GAAC,qBAEC,MAAM,GAAC,SAAS,CA0C5B;AAED;;;;;GAKG;AACH,6CAJW,MAAM,sBACN,GAAC,GACC,MAAM,GAAC,SAAS,CAI5B;AAED;;;;;;GAMG;AACH,+CALW,MAAM,mDACN,GAAC,wBACD,GAAC,GACC,MAAM,GAAC,SAAS,CAc5B;AAySD;;;;;;;;;GASG;AACH,mDALW,MAAM,EAAE,sBACR,MAAM,GAEJ,MAAM,CAclB;AAED;;;;;;;;;;;;;;;GAeG;AACH,4CATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAmCjB;AAED,yFAKC;AAED,gGAqBC;AAED,0IA4BC;AAED,iJAkEC;AAED,yFAmBC;AAED;;;;GAIG;AACH,mDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;;;;;;;;;;GAaG;AACH,mDAXW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,UAEN,MAAM,GAEJ,KAAK,CA2EjB;AAED;;;;;GAKG;AACH,0DAHW,MAAM,GACJ,MAAM,CAiBlB;AAED;;;;;;GAMG;AACH,4DAJW,MAAM,wBACN,MAAM,GACJ,MAAM,CAgBlB;AAED;;;;;;;GAOG;AACH,4DANW,MAAM,EAAE,iDACR,MAAM,eACN,MAAM,iBACN,MAAM,SAuEhB;AAGD;;;;;;;;;;;GAWG;AACH,wDATW,MAAM,EAAE,sBACR,MAAM,wBACN,MAAM,GAEJ,KAAK,CAUjB;AA6BD;;;;;;;;;;;;;;;GAeG;AACH,qDATW,MAAM,EAAE,sBACR,MAAM,GAEJ,KAAK,CAgCjB;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAGD;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAoBhB;AAED;;;;;;;;;;;;GAYG;AACH,2CARW,MAAM,WACN,MAAM,YACN,MAAM,0BACN,MAAM,OAShB;AAED;;;;;GAKG;AACH,6BAHa,MAAM,EAAE,CAKpB;AAED;;;;;GAKG;AACH,+CAEC;AAED;;;;;GAKG;AACH,0EAEC;AAED;;;;;GAKG;AACH,uEAEC;AAED;;;;;GAKG;AACH,4CAEC;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,iCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,oEAIC;AAGD;;;;;GAKG;AACH,qCAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,iDAEC;AAED;;;;;GAKG;AACH,8BAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,0CAEC;AAED;;;;;GAKG;AACH,iDAHa,MAAM,CAKlB;AAED;;;;;GAKG;AACH,6DAOC;AAED;;;;GAIG;AACH,iCAFa,MAAM,CAIlB;AAED;;;;;GAKG;AACH,8CAEC;AAzhCM,yFA4LH;AAOG,0FAFM,MAAM,CAOlB;AAcM,iDAUJ"}

package/dist-tsc/state/hooks.js

@@ -1,23 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable max-len */
 /* eslint-disable react-refresh/only-export-components */
-import { useRef, useCallback, useMemo } from 'react';
-import create from 'zustand';
-import createContext from 'zustand/context';
-import shallow from 'zustand/shallow';
+import React, { useCallback, useRef, useMemo, createContext, useContext, } from 'react';
+import { create, useStore } from 'zustand';
+import { useShallow } from 'zustand/shallow';
+import { subscribeWithSelector } from 'zustand/middleware';
 import { isMatch, cloneDeep } from 'lodash-es';
 import { CoordinationType } from '@vitessce/constants-internal';
 import { capitalize } from '@vitessce/utils';
 import { getCoordinationSpaceAndScopes } from '@vitessce/config';
 import { removeImageChannelInMetaCoordinationScopesHelper, addImageChannelInMetaCoordinationScopesHelper, } from './spatial-reducers.js';
-// Reference: https://github.com/pmndrs/zustand#react-context
-// Reference: https://github.com/pmndrs/zustand/blob/e47ea03/tests/context.test.tsx#L60
-const { Provider: ViewConfigProviderLocal, useStore: useViewConfigStoreLocal, useStoreApi: useViewConfigStoreApiLocal, } = createContext();
-export const ViewConfigProvider = ViewConfigProviderLocal;
-export const useViewConfigStore = useViewConfigStoreLocal;
-export const useViewConfigStoreApi = useViewConfigStoreApiLocal;
-const { Provider: AuxiliaryProviderLocal, useStore: useAuxiliaryStoreLocal, } = createContext();
-export const AuxiliaryProvider = AuxiliaryProviderLocal;
-export const useAuxiliaryStore = useAuxiliaryStoreLocal;
+// References for Zustand v3:
+// - https://github.com/pmndrs/zustand#react-context
+// - https://github.com/pmndrs/zustand/blob/e47ea03/tests/context.test.tsx#L60
+// References for Zustand v4:
+// - https://github.com/pmndrs/zustand/discussions/1180#discussioncomment-3354713
+// - https://zustand.docs.pmnd.rs/previous-versions/zustand-v3-create-context#migration
+const ViewConfigStoreContext = createContext(null);
+const AuxiliaryStoreContext = createContext(null);
+export function ViewConfigProvider(props) {
+    const { createStore, children, } = props;
+    // Reference: https://github.com/pmndrs/zustand/discussions/1180
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createStore();
+    }
+    return (_jsx(ViewConfigStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+export function useViewConfigStoreApi() {
+    const store = useContext(ViewConfigStoreContext);
+    if (!store) {
+        throw new Error('Missing StoreProvider');
+    }
+    return store;
+}
+export function useViewConfigStore(selector) {
+    const store = useViewConfigStoreApi();
+    if (!store) {
+        throw new Error('Missing StoreProvider');
+    }
+    const slice = useStore(store, selector);
+    return slice;
+}
+export function useViewConfigStoreShallow(selector) {
+    return useViewConfigStore(useShallow(selector));
+}
+/* Begin auxiliary store things */
+export function AuxiliaryProvider(props) {
+    const { createStore, children, } = props;
+    // Reference: https://github.com/pmndrs/zustand/discussions/1180
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createStore();
+    }
+    return (_jsx(AuxiliaryStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+export function useAuxiliaryStoreApi() {
+    const store = useContext(AuxiliaryStoreContext);
+    if (!store) {
+        throw new Error('Missing StoreProvider');
+    }
+    return store;
+}
+export function useAuxiliaryStore(selector) {
+    const store = useAuxiliaryStoreApi();
+    if (!store) {
+        throw new Error('Missing StoreProvider');
+    }
+    const slice = useStore(store, selector);
+    return slice;
+}
+export function useAuxiliaryStoreShallow(selector) {
+    return useAuxiliaryStore(useShallow(selector));
+}
+/* end auxiliary store things */
 /**
  * Get the "computed" coordinationScopes after accounting for
  * meta-coordination.
@@ -137,7 +193,7 @@ export function getParameterScopeBy(parameter, byType, typeScope, coordinationSc
  * - https://github.com/pmndrs/zustand#using-subscribe-with-selector
  * @returns {function} The useStore hook.
  */
-export const createViewConfigStore = (initialLoaders, initialConfig) => create(set => ({
+export const createViewConfigStore = (initialLoaders, initialConfig) => create()(subscribeWithSelector(set => ({
     // State:
     // The viewConfig is an object which must conform to the schema
     // found in src/schemas/config.schema.json.
@@ -309,13 +365,13 @@ export const createViewConfigStore = (initialLoaders, initialConfig) => create(s
             mostRecentConfigSource: 'internal',
         };
     }),
-}));
+})));
 /**
  * Hook for getting components' layout from the view config based on
  * matching all coordination scopes.
  * @returns {Object} The components' layout.
  */
-export const useComponentLayout = (component, scopes, coordinationScopes) => useViewConfigStore(state => state.viewConfig.layout.filter(l => l.component === component).filter(l => scopes.every(scope => l.coordinationScopes[scope]
+export const useComponentLayout = (component, scopes, coordinationScopes) => useViewConfigStoreShallow(state => state.viewConfig.layout.filter(l => l.component === component).filter(l => scopes.every(scope => l.coordinationScopes[scope]
     === coordinationScopes[scope])));
 /**
  * The useAuxiliaryStore hook is initialized via the zustand
@@ -405,7 +461,7 @@ const useGridSizeStore = create(set => ({
  * @returns {object} Object containing all coordination values.
  */
 export function useInitialCoordination(parameters, coordinationScopes) {
-    const values = useViewConfigStore((state) => {
+    const values = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.initialViewConfig;
         return Object.fromEntries(parameters.map((parameter) => {
             if (coordinationSpace && coordinationSpace[parameter]) {
@@ -414,7 +470,7 @@ export function useInitialCoordination(parameters, coordinationScopes) {
             }
             return [parameter, undefined];
         }));
-    }, shallow);
+    });
     return values;
 }
 /**
@@ -435,7 +491,7 @@ export function useInitialCoordination(parameters, coordinationScopes) {
  */
 export function useCoordination(parameters, coordinationScopes) {
     const setCoordinationValue = useViewConfigStore(state => state.setCoordinationValue);
-    const values = useViewConfigStore((state) => {
+    const values = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return Object.fromEntries(parameters.map((parameter) => {
             if (coordinationSpace) {
@@ -447,7 +503,7 @@ export function useCoordination(parameters, coordinationScopes) {
             }
             return [parameter, undefined];
         }));
-    }, shallow);
+    });
     const setters = useMemo(() => Object.fromEntries(parameters.map((parameter) => {
         const setterName = `set${capitalize(parameter)}`;
         const setterFunc = value => setCoordinationValue({
@@ -470,10 +526,10 @@ export function useMultiCoordinationScopesNonNull(parameter, coordinationScopes)
     const scopes = getParameterScope(parameter, coordinationScopes);
     // Return array of coordination scopes,
     // but filter out any whose value is null / falsey.
-    const parameterSpace = useViewConfigStore((state) => {
+    const parameterSpace = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return coordinationSpace?.[parameter];
-    }, shallow);
+    });
     const nonNullScopes = useMemo(() => {
         // Convert a single scope to an array of scopes to be consistent.
         const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
@@ -516,14 +572,14 @@ export function useMultiCoordinationScopesSecondary(parameter, byType, coordinat
 }
 export function useMultiCoordinationScopesSecondaryNonNull(parameter, byType, coordinationScopes, coordinationScopesBy) {
     const scopes = getParameterScope(byType, coordinationScopes);
-    const parameterSpace = useViewConfigStore((state) => {
+    const parameterSpace = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return coordinationSpace?.[parameter];
-    }, shallow);
-    const byTypeSpace = useViewConfigStore((state) => {
+    });
+    const byTypeSpace = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return coordinationSpace?.[byType];
-    }, shallow);
+    });
     return useMemo(() => {
         if (scopes && coordinationScopesBy?.[byType]?.[parameter]) {
             const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
@@ -580,7 +636,7 @@ export function useMultiCoordinationScopesSecondaryNonNull(parameter, byType, co
 export function useMultiCoordinationValues(parameter, coordinationScopes) {
     const scopes = getParameterScope(parameter, coordinationScopes);
     // Mapping from dataset coordination scope name to dataset uid
-    const vals = useViewConfigStore((state) => {
+    const vals = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         // Convert a single scope to an array of scopes to be consistent.
         const scopesArr = Array.isArray(scopes) ? scopes : [scopes];
@@ -592,7 +648,7 @@ export function useMultiCoordinationValues(parameter, coordinationScopes) {
             return [scope, undefined];
             // eslint-disable-next-line no-unused-vars
         }).filter(([k, v]) => v !== undefined));
-    }, shallow);
+    });
     return vals;
 }
 /**
@@ -619,10 +675,10 @@ export function useDatasetUids(coordinationScopes) {
  */
 export function useComplexCoordination(parameters, coordinationScopes, coordinationScopesBy, byType) {
     const setCoordinationValue = useViewConfigStore(state => state.setCoordinationValue);
-    const parameterSpaces = useViewConfigStore((state) => {
+    const parameterSpaces = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return parameters.map(parameter => coordinationSpace[parameter]);
-    }, shallow);
+    });
     const values = useMemo(() => {
         const typeScopes = getParameterScope(byType, coordinationScopes);
         if (typeScopes) {
@@ -683,10 +739,10 @@ export function useComplexCoordination(parameters, coordinationScopes, coordinat
  * @returns {object} The coordinationScopes after filling in with meta-coordinationScopes.
  */
 export function useCoordinationScopes(coordinationScopes) {
-    const metaSpace = useViewConfigStore((state) => {
+    const metaSpace = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return coordinationSpace?.[CoordinationType.META_COORDINATION_SCOPES];
-    }, shallow);
+    });
     const vals = useMemo(() => {
         const scopes = getScopes(coordinationScopes, metaSpace);
         // Prevent infinite loop, delete metaCoordinationScopes now that they are computed.
@@ -703,10 +759,10 @@ export function useCoordinationScopes(coordinationScopes) {
  * @returns {object} The coordinationScopesBy after filling in with meta-coordinationScopesBy.
  */
 export function useCoordinationScopesBy(coordinationScopes, coordinationScopesBy) {
-    const metaSpaceBy = useViewConfigStore((state) => {
+    const metaSpaceBy = useViewConfigStoreShallow((state) => {
         const { coordinationSpace } = state.viewConfig;
         return coordinationSpace?.[CoordinationType.META_COORDINATION_SCOPES_BY];
-    }, shallow);
+    });
     const vals = useMemo(() => {
         const scopesBy = getScopesBy(coordinationScopes, coordinationScopesBy, metaSpaceBy);
         return scopesBy;
@@ -846,7 +902,7 @@ export function useAuxiliaryCoordination(parameters, coordinationScopes) {
     const setCoordinationValue = useAuxiliaryStore(state => state.setCoordinationValue);
     const mappedCoordinationScopes = mapCoordinationScopes(coordinationScopes);
     const mappedParameters = mapParameters(parameters);
-    const values = useAuxiliaryStore((state) => {
+    const values = useAuxiliaryStoreShallow((state) => {
         const { auxiliaryStore } = state;
         return Object.fromEntries(mappedParameters.map((parameter) => {
             if (auxiliaryStore && auxiliaryStore[parameter]) {
@@ -855,7 +911,7 @@ export function useAuxiliaryCoordination(parameters, coordinationScopes) {
             }
             return [parameter, undefined];
         }));
-    }, shallow);
+    });
     const setters = useMemo(() => Object.fromEntries(mappedParameters.map((parameter) => {
         const setterName = `set${capitalize(parameter)}`;
         const setterFunc = value => setCoordinationValue({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/vit-s",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -16,7 +16,7 @@
     "dist-tsc"
   ],
   "dependencies": {
-    "@tanstack/react-query": "^4.29.12",
+    "@tanstack/react-query": "^5.80.2",
     "clsx": "^1.1.1",
     "d3-array": "^2.4.0",
     "fast-deep-equal": "^3.1.3",
@@ -25,18 +25,18 @@
     "lodash-es": "^4.17.21",
     "react-grid-layout-with-lodash": "^1.3.5",
     "uuid": "^9.0.0",
-    "zustand": "^3.5.10",
+    "zustand": "^5.0.4",
     "react-aria": "^3.28.0",
     "react-error-boundary": "^5.0.0",
-    "@vitessce/styles": "3.6.0",
-    "@vitessce/abstract": "3.6.0",
-    "@vitessce/constants-internal": "3.6.0",
-    "@vitessce/plugins": "3.6.0",
-    "@vitessce/schemas": "3.6.0",
-    "@vitessce/utils": "3.6.0",
-    "@vitessce/sets-utils": "3.6.0",
-    "@vitessce/config": "3.6.0",
-    "@vitessce/globals": "3.6.0"
+    "@vitessce/styles": "3.6.1",
+    "@vitessce/abstract": "3.6.1",
+    "@vitessce/constants-internal": "3.6.1",
+    "@vitessce/plugins": "3.6.1",
+    "@vitessce/schemas": "3.6.1",
+    "@vitessce/utils": "3.6.1",
+    "@vitessce/sets-utils": "3.6.1",
+    "@vitessce/config": "3.6.1",
+    "@vitessce/globals": "3.6.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -45,7 +45,7 @@
     "react-dom": "^18.0.0",
     "vite": "^6.3.5",
     "vitest": "^3.1.4",
-    "@vitessce/types": "3.6.0"
+    "@vitessce/types": "3.6.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"

package/src/CallbackPublisher.js

@@ -44,6 +44,9 @@ export default function CallbackPublisher(props) {
   // to subscribe to view config changes.
   // Reference: https://github.com/react-spring/zustand#transient-updates-for-often-occuring-state-changes
   useEffect(() => viewConfigStoreApi.subscribe(
+    // The function to specify which part of the store
+    // we want to subscribe to.
+    state => state.viewConfig,
     // The function to run on each publish.
     (viewConfig) => {
       if (validateOnConfigChange && viewConfig) {
@@ -53,9 +56,7 @@ export default function CallbackPublisher(props) {
         onConfigChange(viewConfig);
       }
     },
-    // The function to specify which part of the store
-    // we want to subscribe to.
-    state => state.viewConfig,
+    // TODO: here, should we specify the "shallow" equality function?
   ), [onConfigChange, validateOnConfigChange, viewConfigStoreApi, pluginSpecificConfigSchema]);
 
   // Emit updates to the warning message.