@geode/opengeodeweb-front 10.6.2 → 10.6.3-rc.1

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

@@ -1,130 +1,119 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap"
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
 const meshPolyhedraVertexAttributeSchemas =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.vertex
+  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.attribute.vertex;
 
 export function useMeshPolyhedraVertexAttributeStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraVertexAttribute(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).vertex
+    return meshPolyhedraCommonStyle.meshPolyhedraColoring(id).vertex;
   }
 
   function meshPolyhedraVertexAttributeStoredConfig(id, name) {
-    const { storedConfigs } = meshPolyhedraVertexAttribute(id)
+    const { storedConfigs } = meshPolyhedraVertexAttribute(id);
     if (name in storedConfigs) {
-      return storedConfigs[name]
+      return storedConfigs[name];
     }
     return setMeshPolyhedraVertexAttributeStoredConfig(id, name, {
       minimum: undefined,
       maximum: undefined,
       colorMap: undefined,
-    })
+    });
   }
 
-  function setMeshPolyhedraVertexAttributeStoredConfig(
-    id,
-    name,
-    { minimum, maximum, colorMap },
-  ) {
-    const { storedConfigs } = meshPolyhedraVertexAttribute(id)
-    storedConfigs[name] = { minimum, maximum, colorMap }
-    return storedConfigs[name]
+  function setMeshPolyhedraVertexAttributeStoredConfig(id, name, { minimum, maximum, colorMap }) {
+    const { storedConfigs } = meshPolyhedraVertexAttribute(id);
+    storedConfigs[name] = { minimum, maximum, colorMap };
+    return storedConfigs[name];
   }
 
   function meshPolyhedraVertexAttributeName(id) {
-    console.log(
-      meshPolyhedraVertexAttributeName.name,
-      { id },
-      meshPolyhedraVertexAttribute(id),
-    )
-    return meshPolyhedraVertexAttribute(id).name
+    console.log(meshPolyhedraVertexAttributeName.name, { id }, meshPolyhedraVertexAttribute(id));
+    return meshPolyhedraVertexAttribute(id).name;
   }
   function setMeshPolyhedraVertexAttributeName(id, name) {
-    console.log(setMeshPolyhedraVertexAttributeName.name, { id, name })
+    console.log(setMeshPolyhedraVertexAttributeName.name, { id, name });
     return viewerStore.request(
       meshPolyhedraVertexAttributeSchemas.name,
       { id, name },
       {
         response_function: async () => {
-          meshPolyhedraVertexAttribute(id).name = name
-          const { minimum, maximum } = meshPolyhedraVertexAttributeStoredConfig(
-            id,
-            name,
-          )
-          await setMeshPolyhedraVertexAttributeRange(id, minimum, maximum)
+          meshPolyhedraVertexAttribute(id).name = name;
+          const { minimum, maximum } = meshPolyhedraVertexAttributeStoredConfig(id, name);
+          await setMeshPolyhedraVertexAttributeRange(id, minimum, maximum);
           console.log(
             setMeshPolyhedraVertexAttributeName.name,
             { id },
             meshPolyhedraVertexAttributeName(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   function meshPolyhedraVertexAttributeRange(id) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    const { minimum, maximum } = storedConfig
-    return [minimum, maximum]
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    const { minimum, maximum } = storedConfig;
+    return [minimum, maximum];
   }
   function setMeshPolyhedraVertexAttributeRange(id, minimum, maximum) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    storedConfig.minimum = minimum
-    storedConfig.maximum = maximum
-    return setMeshPolyhedraVertexAttributeColorMap(id, storedConfig.colorMap)
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    storedConfig.minimum = minimum;
+    storedConfig.maximum = maximum;
+    return setMeshPolyhedraVertexAttributeColorMap(id, storedConfig.colorMap);
   }
 
   function meshPolyhedraVertexAttributeColorMap(id) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
-    const { colorMap } = storedConfig
-    return colorMap
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
+    const { colorMap } = storedConfig;
+    return colorMap;
   }
   function setMeshPolyhedraVertexAttributeColorMap(id, colorMap) {
-    const name = meshPolyhedraVertexAttributeName(id)
-    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name)
+    const name = meshPolyhedraVertexAttributeName(id);
+    const storedConfig = meshPolyhedraVertexAttributeStoredConfig(id, name);
     if (
       storedConfig.minimum === undefined ||
       storedConfig.maximum === undefined ||
       colorMap === undefined
     ) {
-      storedConfig.colorMap = colorMap
-      return
+      storedConfig.colorMap = colorMap;
+      return;
     }
-    const points = getRGBPointsFromPreset(colorMap)
-    const { minimum, maximum } = storedConfig
+    const points = getRGBPointsFromPreset(colorMap);
+    const { minimum, maximum } = storedConfig;
 
     console.log(setMeshPolyhedraVertexAttributeColorMap.name, {
       id,
       minimum,
       maximum,
       colorMap,
-    })
+    });
     return viewerStore.request(
       meshPolyhedraVertexAttributeSchemas.color_map,
       { id, points, minimum, maximum },
       {
         response_function: () => {
-          storedConfig.colorMap = colorMap
+          storedConfig.colorMap = colorMap;
           console.log(
             setMeshPolyhedraVertexAttributeColorMap.name,
             { id },
             meshPolyhedraVertexAttributeColorMap(id),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
@@ -135,5 +124,5 @@ export function useMeshPolyhedraVertexAttributeStyle() {
     setMeshPolyhedraVertexAttributeName,
     setMeshPolyhedraVertexAttributeRange,
     setMeshPolyhedraVertexAttributeColorMap,
-  }
+  };
 }

package/internal/stores/data_style/mesh/polyhedra/visibility.js

@@ -1,20 +1,19 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useMeshPolyhedraCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useMeshPolyhedraCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const meshPolyhedraVisibilitySchema =
-  viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.visibility
+const meshPolyhedraVisibilitySchema = viewer_schemas.opengeodeweb_viewer.mesh.polyhedra.visibility;
 
 export function useMeshPolyhedraVisibilityStyle() {
-  const viewerStore = useViewerStore()
-  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle()
+  const viewerStore = useViewerStore();
+  const meshPolyhedraCommonStyle = useMeshPolyhedraCommonStyle();
 
   function meshPolyhedraVisibility(id) {
-    return meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility
+    return meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility;
   }
   function setMeshPolyhedraVisibility(id, visibility) {
     return viewerStore.request(
@@ -22,20 +21,15 @@ export function useMeshPolyhedraVisibilityStyle() {
       { id, visibility },
       {
         response_function: () => {
-          meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility =
-            visibility
-          console.log(
-            setMeshPolyhedraVisibility.name,
-            { id },
-            meshPolyhedraVisibility(id),
-          )
+          meshPolyhedraCommonStyle.meshPolyhedraStyle(id).visibility = visibility;
+          console.log(setMeshPolyhedraVisibility.name, { id }, meshPolyhedraVisibility(id));
         },
       },
-    )
+    );
   }
 
   return {
     meshPolyhedraVisibility,
     setMeshPolyhedraVisibility,
-  }
+  };
 }

package/internal/stores/data_style/model/blocks/color.js

@@ -1,39 +1,36 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks
+const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks;
 
 export function useModelBlocksColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
 
   function modelBlockColor(id, block_id) {
-    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).color
+    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).color;
   }
   function saveModelBlockColor(id, block_id, color) {
-    modelBlocksCommonStyle.modelBlockStyle(id, block_id).color = color
+    modelBlocksCommonStyle.modelBlockStyle(id, block_id).color = color;
   }
   async function setModelBlocksColor(id, block_ids, color) {
     if (!block_ids || block_ids.length === 0) {
-      return
+      return;
     }
-    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      block_ids,
-    )
+    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
     if (!blocks_viewer_ids || blocks_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelBlocksColor] No viewer IDs found, skipping color request",
-        { id, block_ids },
-      )
-      return
+      console.warn("[setModelBlocksColor] No viewer IDs found, skipping color request", {
+        id,
+        block_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_blocks_schemas.color,
@@ -41,21 +38,21 @@ export function useModelBlocksColorStyle() {
       {
         response_function: () => {
           for (const block_id of block_ids) {
-            saveModelBlockColor(id, block_id, color)
+            saveModelBlockColor(id, block_id, color);
           }
           console.log(
             setModelBlocksColor.name,
             { id },
             { block_ids },
             JSON.stringify(modelBlockColor(id, block_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelBlockColor,
     setModelBlocksColor,
-  }
+  };
 }

package/internal/stores/data_style/model/blocks/common.js

@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelBlocksCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelBlocksStyle(id) {
-    return dataStyleStateStore.getStyle(id).blocks
+    return dataStyleStateStore.getStyle(id).blocks;
   }
 
   function modelBlockStyle(id, block_id) {
     if (!modelBlocksStyle(id)[block_id]) {
-      modelBlocksStyle(id)[block_id] = {}
+      modelBlocksStyle(id)[block_id] = {};
     }
-    return modelBlocksStyle(id)[block_id]
+    return modelBlocksStyle(id)[block_id];
   }
 
   return {
     modelBlocksStyle,
     modelBlockStyle,
-  }
+  };
 }

package/internal/stores/data_style/model/blocks/index.js

@@ -1,30 +1,26 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksColorStyle } from "./color"
-import { useModelBlocksCommonStyle } from "./common"
-import { useModelBlocksVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksColorStyle } from "./color";
+import { useModelBlocksCommonStyle } from "./common";
+import { useModelBlocksVisibilityStyle } from "./visibility";
 
 async function setModelBlocksDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelBlocksStyle() {
-  const dataStore = useDataStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
-  const modelBlocksVisibilityStyle = useModelBlocksVisibilityStyle()
-  const modelBlocksColorStyle = useModelBlocksColorStyle()
+  const dataStore = useDataStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
+  const modelBlocksVisibilityStyle = useModelBlocksVisibilityStyle();
+  const modelBlocksColorStyle = useModelBlocksColorStyle();
 
   async function applyModelBlocksStyle(id) {
-    const style = modelBlocksCommonStyle.modelBlocksStyle(id)
-    const blocks_ids = await dataStore.getBlocksGeodeIds(id)
+    const style = modelBlocksCommonStyle.modelBlocksStyle(id);
+    const blocks_ids = await dataStore.getBlocksGeodeIds(id);
     return Promise.all([
-      modelBlocksVisibilityStyle.setModelBlocksVisibility(
-        id,
-        blocks_ids,
-        style.visibility,
-      ),
+      modelBlocksVisibilityStyle.setModelBlocksVisibility(id, blocks_ids, style.visibility),
       modelBlocksColorStyle.setModelBlocksColor(id, blocks_ids, style.color),
-    ])
+    ]);
   }
 
   return {
@@ -33,5 +29,5 @@ export function useModelBlocksStyle() {
     ...modelBlocksCommonStyle,
     ...modelBlocksVisibilityStyle,
     ...modelBlocksColorStyle,
-  }
+  };
 }

package/internal/stores/data_style/model/blocks/visibility.js

@@ -1,39 +1,36 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelBlocksCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelBlocksCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks
+const model_blocks_schemas = viewer_schemas.opengeodeweb_viewer.model.blocks;
 
 export function useModelBlocksVisibilityStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelBlocksCommonStyle = useModelBlocksCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelBlocksCommonStyle = useModelBlocksCommonStyle();
   function modelBlockVisibility(id, block_id) {
-    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility
+    return modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility;
   }
   function saveModelBlockVisibility(id, block_id, visibility) {
-    modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility = visibility
+    modelBlocksCommonStyle.modelBlockStyle(id, block_id).visibility = visibility;
   }
 
   async function setModelBlocksVisibility(id, block_ids, visibility) {
     if (!block_ids || block_ids.length === 0) {
-      return
+      return;
     }
-    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      block_ids,
-    )
+    const blocks_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, block_ids);
     if (!blocks_viewer_ids || blocks_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelBlocksVisibility] No viewer IDs found, skipping visibility request",
-        { id, block_ids },
-      )
-      return
+      console.warn("[setModelBlocksVisibility] No viewer IDs found, skipping visibility request", {
+        id,
+        block_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_blocks_schemas.visibility,
@@ -41,21 +38,21 @@ export function useModelBlocksVisibilityStyle() {
       {
         response_function: () => {
           for (const block_id of block_ids) {
-            saveModelBlockVisibility(id, block_id, visibility)
+            saveModelBlockVisibility(id, block_id, visibility);
           }
           console.log(
             setModelBlocksVisibility.name,
             { id },
             { block_ids },
             modelBlockVisibility(id, block_ids[0]),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelBlockVisibility,
     setModelBlocksVisibility,
-  }
+  };
 }

package/internal/stores/data_style/model/corners/color.js

@@ -1,38 +1,35 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelCornersCommonStyle } from "./common"
-import { useViewerStore } from "@ogw_front/stores/viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelCornersCommonStyle } from "./common";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
 // Local constants
-const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners
+const model_corners_schemas = viewer_schemas.opengeodeweb_viewer.model.corners;
 
 export function useModelCornersColorStyle() {
-  const dataStore = useDataStore()
-  const viewerStore = useViewerStore()
-  const modelCornersCommonStyle = useModelCornersCommonStyle()
+  const dataStore = useDataStore();
+  const viewerStore = useViewerStore();
+  const modelCornersCommonStyle = useModelCornersCommonStyle();
   function modelCornerColor(id, corner_id) {
-    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).color
+    return modelCornersCommonStyle.modelCornerStyle(id, corner_id).color;
   }
   function saveModelCornerColor(id, corner_id, color) {
-    modelCornersCommonStyle.modelCornerStyle(id, corner_id).color = color
+    modelCornersCommonStyle.modelCornerStyle(id, corner_id).color = color;
   }
   async function setModelCornersColor(id, corner_ids, color) {
     if (!corner_ids || corner_ids.length === 0) {
-      return
+      return;
     }
-    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(
-      id,
-      corner_ids,
-    )
+    const corner_viewer_ids = await dataStore.getMeshComponentsViewerIds(id, corner_ids);
     if (!corner_viewer_ids || corner_viewer_ids.length === 0) {
-      console.warn(
-        "[setModelCornersColor] No viewer IDs found, skipping color request",
-        { id, corner_ids },
-      )
-      return
+      console.warn("[setModelCornersColor] No viewer IDs found, skipping color request", {
+        id,
+        corner_ids,
+      });
+      return;
     }
     return viewerStore.request(
       model_corners_schemas.color,
@@ -40,21 +37,21 @@ export function useModelCornersColorStyle() {
       {
         response_function: () => {
           for (const corner_id of corner_ids) {
-            saveModelCornerColor(id, corner_id, color)
+            saveModelCornerColor(id, corner_id, color);
           }
           console.log(
             setModelCornersColor.name,
             { id },
             { corner_ids },
             JSON.stringify(modelCornerColor(id, corner_ids[0])),
-          )
+          );
         },
       },
-    )
+    );
   }
 
   return {
     modelCornerColor,
     setModelCornersColor,
-  }
+  };
 }

package/internal/stores/data_style/model/corners/common.js

@@ -1,21 +1,21 @@
-import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state";
 
 export function useModelCornersCommonStyle() {
-  const dataStyleStateStore = useDataStyleStateStore()
+  const dataStyleStateStore = useDataStyleStateStore();
 
   function modelCornersStyle(id) {
-    return dataStyleStateStore.getStyle(id).corners
+    return dataStyleStateStore.getStyle(id).corners;
   }
 
   function modelCornerStyle(id, corner_id) {
     if (!modelCornersStyle(id)[corner_id]) {
-      modelCornersStyle(id)[corner_id] = {}
+      modelCornersStyle(id)[corner_id] = {};
     }
-    return modelCornersStyle(id)[corner_id]
+    return modelCornersStyle(id)[corner_id];
   }
 
   return {
     modelCornersStyle,
     modelCornerStyle,
-  }
+  };
 }

package/internal/stores/data_style/model/corners/index.js

@@ -1,31 +1,27 @@
 // Local imports
-import { useDataStore } from "@ogw_front/stores/data"
-import { useModelCornersColorStyle } from "./color"
-import { useModelCornersCommonStyle } from "./common"
-import { useModelCornersVisibilityStyle } from "./visibility"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useModelCornersColorStyle } from "./color";
+import { useModelCornersCommonStyle } from "./common";
+import { useModelCornersVisibilityStyle } from "./visibility";
 
 async function setModelCornersDefaultStyle(_id) {
   // Placeholder for oxlint
 }
 
 export function useModelCornersStyle() {
-  const dataStore = useDataStore()
-  const modelCornersCommonStyle = useModelCornersCommonStyle()
-  const modelCornersVisibilityStyle = useModelCornersVisibilityStyle()
-  const modelCornersColorStyle = useModelCornersColorStyle()
+  const dataStore = useDataStore();
+  const modelCornersCommonStyle = useModelCornersCommonStyle();
+  const modelCornersVisibilityStyle = useModelCornersVisibilityStyle();
+  const modelCornersColorStyle = useModelCornersColorStyle();
 
   async function applyModelCornersStyle(id) {
-    const style = modelCornersCommonStyle.modelCornersStyle(id)
-    const corner_ids = await dataStore.getCornersGeodeIds(id)
-    console.log(applyModelCornersStyle.name, { id }, { corner_ids })
+    const style = modelCornersCommonStyle.modelCornersStyle(id);
+    const corner_ids = await dataStore.getCornersGeodeIds(id);
+    console.log(applyModelCornersStyle.name, { id }, { corner_ids });
     return Promise.all([
-      modelCornersVisibilityStyle.setModelCornersVisibility(
-        id,
-        corner_ids,
-        style.visibility,
-      ),
+      modelCornersVisibilityStyle.setModelCornersVisibility(id, corner_ids, style.visibility),
       modelCornersColorStyle.setModelCornersColor(id, corner_ids, style.color),
-    ])
+    ]);
   }
 
   return {
@@ -34,5 +30,5 @@ export function useModelCornersStyle() {
     ...modelCornersCommonStyle,
     ...modelCornersVisibilityStyle,
     ...modelCornersColorStyle,
-  }
+  };
 }