fix(colorMap): Update response functions to set color map and range for mesh attributes

Author: MaxNumerique

app/components/Viewer/Options/AttributeSelector.vue

@@ -98,12 +98,6 @@ watch(
     }
   },
 );
-
-watch(name, (newName, oldName) => {
-  if (newName !== oldName) {
-    resetRange();
-  }
-});
 </script>
 
 <template>

internal/stores/data_style/mesh/cells/cell.js

@@ -51,7 +51,14 @@ export function useMeshCellsCellAttributeStyle() {
         params,
       },
       {
-        response_function: () => meshCellsCommonStyle.mutateMeshCellsCellStyle(id, { name }),
+        response_function: (response) => {
+          meshCellsCommonStyle.mutateMeshCellsCellStyle(id, { name });
+          setMeshCellsCellAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshCellsCellAttributeColorMap(id, "batlow");
+        },
       },
     );
   }

internal/stores/data_style/mesh/cells/vertex.js

@@ -57,19 +57,13 @@ export function useMeshCellsVertexAttributeStyle() {
     return viewerStore.request(
       { schema, params },
       {
-        response_function: () => {
-          const updates = { name };
-          const vertex = meshCellsVertexAttribute(id);
-          if (!(name in vertex.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return mutateMeshCellsVertexStyle(id, updates);
+        response_function: (response) => {
+          mutateMeshCellsVertexStyle(id, { name });
+          setMeshCellsVertexAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshCellsVertexAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/edges/edge.js

@@ -63,19 +63,13 @@ export function useMeshEdgesEdgeAttributeStyle() {
         params,
       },
       {
-        response_function: () => {
-          const updates = { name };
-          const edge = meshEdgesEdgeAttribute(id);
-          if (!(name in edge.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return mutateMeshEdgesEdgeStyle(id, updates);
+        response_function: (response) => {
+          mutateMeshEdgesEdgeStyle(id, { name });
+          setMeshEdgesEdgeAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshEdgesEdgeAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/edges/vertex.js

@@ -60,19 +60,13 @@ export function useMeshEdgesVertexAttributeStyle() {
     return viewerStore.request(
       { schema, params },
       {
-        response_function: () => {
-          const updates = { name };
-          const vertex = meshEdgesVertexAttribute(id);
-          if (!(name in vertex.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return mutateMeshEdgesVertexStyle(id, updates);
+        response_function: (response) => {
+          mutateMeshEdgesVertexStyle(id, { name });
+          setMeshEdgesVertexAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshEdgesVertexAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/points/vertex.js

@@ -86,19 +86,13 @@ function useMeshPointsVertexAttributeActions() {
     return viewerStore.request(
       { schema, params },
       {
-        response_function: () => {
-          const updates = { name };
-          const vertex = config.meshPointsVertexAttribute(id);
-          if (!(name in vertex.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return config.mutateMeshPointsVertexStyle(id, updates);
+        response_function: (response) => {
+          config.mutateMeshPointsVertexStyle(id, { name });
+          config.setMeshPointsVertexAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshPointsVertexAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/polygons/polygon.js

@@ -57,19 +57,13 @@ export function useMeshPolygonsPolygonAttributeStyle() {
     return viewerStore.request(
       { schema, params },
       {
-        response_function: () => {
-          const updates = { name };
-          const polygon = meshPolygonsPolygonAttribute(id);
-          if (!(name in polygon.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return mutateMeshPolygonsPolygonStyle(id, updates);
+        response_function: (response) => {
+          mutateMeshPolygonsPolygonStyle(id, { name });
+          setMeshPolygonsPolygonAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshPolygonsPolygonAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/polygons/vertex.js

@@ -57,19 +57,13 @@ export function useMeshPolygonsVertexAttributeStyle() {
     return viewerStore.request(
       { schema, params },
       {
-        response_function: () => {
-          const updates = { name };
-          const vertex = meshPolygonsVertexAttribute(id);
-          if (!(name in vertex.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return mutateMeshPolygonsVertexStyle(id, updates);
+        response_function: (response) => {
+          mutateMeshPolygonsVertexStyle(id, { name });
+          setMeshPolygonsVertexAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshPolygonsVertexAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/polyhedra/polyhedron.js

@@ -89,19 +89,13 @@ function useMeshPolyhedraPolyhedronAttributeActions() {
         params,
       },
       {
-        response_function: () => {
-          const updates = { name };
-          const polyhedron = config.meshPolyhedraPolyhedronAttribute(id);
-          if (!(name in polyhedron.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return config.mutateMeshPolyhedraPolyhedronStyle(id, updates);
+        response_function: (response) => {
+          config.mutateMeshPolyhedraPolyhedronStyle(id, { name });
+          config.setMeshPolyhedraPolyhedronAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshPolyhedraPolyhedronAttributeColorMap(id, "batlow");
         },
       },
     );

internal/stores/data_style/mesh/polyhedra/vertex.js

@@ -89,19 +89,13 @@ function useMeshPolyhedraVertexAttributeActions() {
         params,
       },
       {
-        response_function: () => {
-          const updates = { name };
-          const vertex = config.meshPolyhedraVertexAttribute(id);
-          if (!(name in vertex.storedConfigs)) {
-            updates.storedConfigs = {
-              [name]: {
-                minimum: undefined,
-                maximum: undefined,
-                colorMap: undefined,
-              },
-            };
-          }
-          return config.mutateMeshPolyhedraVertexStyle(id, updates);
+        response_function: (response) => {
+          config.mutateMeshPolyhedraVertexStyle(id, { name });
+          config.setMeshPolyhedraVertexAttributeStoredConfig(id, name, {
+            minimum: response.minimum,
+            maximum: response.maximum,
+          });
+          setMeshPolyhedraVertexAttributeColorMap(id, "batlow");
         },
       },
     );