@geode/opengeodeweb-front 10.36.0 → 10.37.0-rc.1

package/internal/stores/data_style/model/lines/vertex.ts

@@ -1,7 +1,7 @@
 // oxlint-disable eslint/max-lines
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -16,7 +16,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -31,22 +31,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isModelLinesVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isModelLinesVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -67,7 +70,7 @@ interface UseModelLinesVertexAttributeReturn {
   setModelLinesVertexAttribute: (
     modelId: string,
     lineIds: string[],
-    input: AttributeInput,
+    input: ValidAttributeInput,
   ) => Promise<unknown>;
   setModelLinesVertexAttributeName: (
     modelId: string,
@@ -90,11 +93,11 @@ interface UseModelLinesVertexAttributeReturn {
     lineIds: string[],
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  modelLinesVertexAttributeNoDataColor: (modelId: string, lineId?: string) => unknown;
+  modelLinesVertexAttributeNoDataColor: (modelId: string, lineId?: string) => RGBAColor;
   setModelLinesVertexAttributeNoDataColor: (
     modelId: string,
     lineIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -213,7 +216,7 @@ function useModelLinesVertexAttribute(): UseModelLinesVertexAttributeReturn {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateModelLinesVertexStyle(modelId, lineIds, {
       name,
@@ -225,7 +228,7 @@ function useModelLinesVertexAttribute(): UseModelLinesVertexAttributeReturn {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const line_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, lineIds);
     const params = {
       id: modelId,
@@ -306,7 +309,7 @@ function useModelLinesVertexAttribute(): UseModelLinesVertexAttributeReturn {
     });
     return applyVertexAttribute(modelId, lineIds);
   }
-  function modelLinesVertexAttributeNoDataColor(modelId: string, lineId?: string): unknown {
+  function modelLinesVertexAttributeNoDataColor(modelId: string, lineId?: string): RGBAColor {
     const name = modelLinesVertexAttributeName(modelId, lineId);
     const item = modelLinesVertexAttributeItem(modelId, lineId);
     const storedConfig = modelLinesVertexAttributeStoredConfig(modelId, lineId, name, item);
@@ -315,7 +318,7 @@ function useModelLinesVertexAttribute(): UseModelLinesVertexAttributeReturn {
   async function setModelLinesVertexAttributeNoDataColor(
     modelId: string,
     lineIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = modelLinesVertexAttributeName(modelId, lineIds[0]);
     const item = modelLinesVertexAttributeItem(modelId, lineIds[0]);

package/internal/stores/data_style/model/lines/visibility.ts

@@ -1,6 +1,6 @@
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
 import { useModelLinesCommonStyle } from "./common";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.lines.visibility;
 
@@ -8,7 +8,7 @@ export function useModelLinesVisibility(): {
   setModelLinesVisibility: (
     modelId: string,
     lines_ids: string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ) => Promise<unknown>;
   modelLineVisibility: (id: string, line_id?: string) => unknown;
 } {
@@ -22,7 +22,7 @@ export function useModelLinesVisibility(): {
   async function setModelLinesVisibility(
     modelId: string,
     lines_ids: string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ): Promise<unknown> {
     const result = await modelCommonStyle.setModelTypeVisibility(
       modelId,

package/internal/stores/data_style/model/points/index.ts

@@ -2,6 +2,7 @@
 import { useModelPointsCommonStyle } from "./common";
 import { useModelPointsSizeStyle } from "./size";
 import { useModelPointsVisibilityStyle } from "./visibility";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 export function useModelPointsStyle(): {
   applyModelPointsStyle: (id: string) => Promise<unknown[]>;
@@ -15,13 +16,22 @@ export function useModelPointsStyle(): {
   async function applyModelPointsStyle(id: string): Promise<unknown[]> {
     const style = modelPointsCommonStyle.modelPointsStyle(id);
     const result = await Promise.all([
-      modelPointsVisibilityStyle.setModelPointsVisibility(
-        id,
+      whenDefined(
         // oxlint-disable-next-line no-unsafe-type-assertion -- points style values are dynamically typed at runtime.
         style.visibility as boolean | undefined,
+        async (visibility) => {
+          const applied = await modelPointsVisibilityStyle.setModelPointsVisibility(id, visibility);
+          return applied;
+        },
+      ),
+      whenDefined(
+        // oxlint-disable-next-line no-unsafe-type-assertion -- points style values are dynamically typed at runtime.
+        style.size as number | undefined,
+        async (size) => {
+          const applied = await modelPointsSizeStyle.setModelPointsSize(id, size);
+          return applied;
+        },
       ),
-      // oxlint-disable-next-line no-unsafe-type-assertion -- points style values are dynamically typed at runtime.
-      modelPointsSizeStyle.setModelPointsSize(id, style.size as number | undefined),
     ]);
     return result;
   }

package/internal/stores/data_style/model/points/size.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useModelPointsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.model.points.size;
 
 export function useModelPointsSizeStyle(): {
   modelPointsSize: (id: string) => number | undefined;
-  setModelPointsSize: (id: string, size: number | undefined) => Promise<unknown>;
+  setModelPointsSize: (id: string, size: number) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const modelPointsCommonStyle = useModelPointsCommonStyle();
@@ -20,7 +20,7 @@ export function useModelPointsSizeStyle(): {
     return modelPointsCommonStyle.modelPointsStyle(id).size as number | undefined;
   }
 
-  async function setModelPointsSize(id: string, size: number | undefined): Promise<unknown> {
+  async function setModelPointsSize(id: string, size: number): Promise<unknown> {
     const params = { id, size };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/model/points/visibility.ts

@@ -1,5 +1,5 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useModelPointsCommonStyle } from "./common";
@@ -10,7 +10,7 @@ const schema = viewer_schemas.opengeodeweb_viewer.model.points.visibility;
 
 export function useModelPointsVisibilityStyle(): {
   modelPointsVisibility: (id: string) => boolean | undefined;
-  setModelPointsVisibility: (id: string, visibility: boolean | undefined) => Promise<unknown>;
+  setModelPointsVisibility: (id: string, visibility: boolean) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const modelPointsCommonStyle = useModelPointsCommonStyle();
@@ -20,10 +20,7 @@ export function useModelPointsVisibilityStyle(): {
     return modelPointsCommonStyle.modelPointsStyle(id).visibility as boolean | undefined;
   }
 
-  async function setModelPointsVisibility(
-    id: string,
-    visibility: boolean | undefined,
-  ): Promise<unknown> {
+  async function setModelPointsVisibility(id: string, visibility: boolean): Promise<unknown> {
     const params = { id, visibility };
     const result = await viewerStore.request(
       { schema, params },

package/internal/stores/data_style/model/surfaces/color.ts

@@ -1,10 +1,11 @@
 import { isModelSurfacesPolygonAttributeValid, useModelSurfacesPolygonAttribute } from "./polygon";
 import { isModelSurfacesVertexAttributeValid, useModelSurfacesVertexAttribute } from "./vertex";
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 import type { StyleValues } from "@ogw_internal/stores/data_style/types.js";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
 import { useModelSurfacesCommonStyle } from "./common";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.surfaces.color;
 
@@ -12,12 +13,12 @@ export function useModelSurfacesColor(): {
   setModelSurfacesColor: (
     modelId: string,
     surfaces_ids: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring?: string,
     collectionId?: string,
   ) => Promise<unknown>;
   modelSurfaceColoring: (id: string, surface_id?: string) => StyleValues;
-  modelSurfaceColor: (id: string, surface_id?: string) => unknown;
+  modelSurfaceColor: (id: string, surface_id?: string) => RGBAColor | undefined;
   modelSurfaceActiveColoring: (id: string, surface_id?: string) => unknown;
   setModelSurfacesActiveColoring: (
     modelId: string,
@@ -37,14 +38,15 @@ export function useModelSurfacesColor(): {
     return modelSurfacesCommonStyle.modelSurfaceStyle(id, surface_id).coloring as StyleValues;
   }
 
-  function modelSurfaceColor(id: string, surface_id?: string): unknown {
-    return modelSurfaceColoring(id, surface_id).constant;
+  function modelSurfaceColor(id: string, surface_id?: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return modelSurfaceColoring(id, surface_id).constant as RGBAColor | undefined;
   }
 
   async function setModelSurfacesColor(
     modelId: string,
     surfaces_ids: string[],
-    color: unknown,
+    color: RGBAColor | undefined,
     activeColoring = "constant",
     collectionId?: string,
   ): Promise<unknown> {

package/internal/stores/data_style/model/surfaces/index.ts

@@ -1,21 +1,22 @@
 import { isModelSurfacesPolygonAttributeValid, useModelSurfacesPolygonAttribute } from "./polygon";
 import { isModelSurfacesVertexAttributeValid, useModelSurfacesVertexAttribute } from "./vertex";
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useModelSurfacesColor } from "./color";
 import { useModelSurfacesCommonStyle } from "./common";
 import { useModelSurfacesVisibility } from "./visibility";
 
 interface ColorGroup {
-  color: unknown;
+  color: RGBAColor | undefined;
   surfaces_ids: string[];
 }
 
 interface AttributeGroup {
-  name: string | undefined;
-  item: number | undefined;
-  minimum: number | undefined;
-  maximum: number | undefined;
-  colorMap: string | undefined;
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
   surfaces_ids: string[];
 }
 
@@ -127,14 +128,7 @@ export function useModelSurfacesStyle(): UseModelSurfacesStyleReturn {
             continue;
           }
           const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
-          vertexGroups[key] ??= {
-            name,
-            item,
-            minimum,
-            maximum,
-            colorMap,
-            surfaces_ids: [],
-          };
+          vertexGroups[key] ??= { ...attribute, surfaces_ids: [] };
           vertexGroups[key].surfaces_ids.push(surfaces_id);
         }
         coloringPromises.push(
@@ -177,14 +171,7 @@ export function useModelSurfacesStyle(): UseModelSurfacesStyleReturn {
             continue;
           }
           const key = `${name}_${item}_${colorMap}_${minimum}_${maximum}`;
-          polygonGroups[key] ??= {
-            name,
-            item,
-            minimum,
-            maximum,
-            colorMap,
-            surfaces_ids: [],
-          };
+          polygonGroups[key] ??= { ...attribute, surfaces_ids: [] };
           polygonGroups[key].surfaces_ids.push(surfaces_id);
         }
         coloringPromises.push(

package/internal/stores/data_style/model/surfaces/polygon.ts

@@ -1,7 +1,7 @@
 // oxlint-disable eslint/max-lines
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -17,7 +17,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -32,22 +32,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isModelSurfacesPolygonAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isModelSurfacesPolygonAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -71,7 +74,7 @@ interface UseModelSurfacesPolygonAttributeReturn {
   setModelSurfacesPolygonAttribute: (
     modelId: string,
     surfaceIds: string[],
-    input: AttributeInput,
+    input: ValidAttributeInput,
   ) => Promise<unknown>;
   setModelSurfacesPolygonAttributeName: (
     modelId: string,
@@ -94,11 +97,11 @@ interface UseModelSurfacesPolygonAttributeReturn {
     surfaceIds: string[],
     colorMap: string | undefined,
   ) => Promise<void>;
-  modelSurfacesPolygonAttributeNoDataColor: (modelId: string, surfaceId?: string) => unknown;
+  modelSurfacesPolygonAttributeNoDataColor: (modelId: string, surfaceId?: string) => RGBAColor;
   setModelSurfacesPolygonAttributeNoDataColor: (
     modelId: string,
     surfaceIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<void>;
 }
 
@@ -216,7 +219,7 @@ function useModelSurfacesPolygonAttribute(): UseModelSurfacesPolygonAttributeRet
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateModelSurfacesPolygonStyle(modelId, surfaceIds, { name, item });
     await setModelSurfacesPolygonAttributeStoredConfig(modelId, surfaceIds, name, item, {
@@ -225,7 +228,7 @@ function useModelSurfacesPolygonAttribute(): UseModelSurfacesPolygonAttributeRet
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, surfaceIds);
     const params = {
       id: modelId,
@@ -304,7 +307,10 @@ function useModelSurfacesPolygonAttribute(): UseModelSurfacesPolygonAttributeRet
     });
     await applyPolygonAttribute(modelId, surfaceIds);
   }
-  function modelSurfacesPolygonAttributeNoDataColor(modelId: string, surfaceId?: string): unknown {
+  function modelSurfacesPolygonAttributeNoDataColor(
+    modelId: string,
+    surfaceId?: string,
+  ): RGBAColor {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceId);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceId);
     const storedConfig = modelSurfacesPolygonAttributeStoredConfig(modelId, surfaceId, name, item);
@@ -313,7 +319,7 @@ function useModelSurfacesPolygonAttribute(): UseModelSurfacesPolygonAttributeRet
   async function setModelSurfacesPolygonAttributeNoDataColor(
     modelId: string,
     surfaceIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<void> {
     const name = modelSurfacesPolygonAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesPolygonAttributeItem(modelId, surfaceIds[0]);

package/internal/stores/data_style/model/surfaces/vertex.ts

@@ -1,7 +1,7 @@
 // oxlint-disable eslint/max-lines
-import { DEFAULT_NO_DATA_COLOR } from "@ogw_front/utils/default_styles/constants";
+import { DEFAULT_NO_DATA_COLOR, type RGBAColor } from "@ogw_front/utils/default_styles/constants";
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { getRGBPointsFromPreset } from "@ogw_front/utils/colormap";
@@ -17,7 +17,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -32,22 +32,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isModelSurfacesVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isModelSurfacesVertexAttributeValid(input: AttributeInput): input is ValidAttributeInput {
   return (
-    name !== undefined &&
-    item !== undefined &&
-    minimum !== undefined &&
-    maximum !== undefined &&
-    colorMap !== undefined
+    input.name !== undefined &&
+    input.item !== undefined &&
+    input.minimum !== undefined &&
+    input.maximum !== undefined &&
+    input.colorMap !== undefined
   );
 }
 
@@ -68,7 +71,7 @@ interface UseModelSurfacesVertexAttributeReturn {
   setModelSurfacesVertexAttribute: (
     modelId: string,
     surfaceIds: string[],
-    input: AttributeInput,
+    input: ValidAttributeInput,
   ) => Promise<unknown>;
   setModelSurfacesVertexAttributeName: (
     modelId: string,
@@ -91,11 +94,11 @@ interface UseModelSurfacesVertexAttributeReturn {
     surfaceIds: string[],
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  modelSurfacesVertexAttributeNoDataColor: (modelId: string, surfaceId?: string) => unknown;
+  modelSurfacesVertexAttributeNoDataColor: (modelId: string, surfaceId?: string) => RGBAColor;
   setModelSurfacesVertexAttributeNoDataColor: (
     modelId: string,
     surfaceIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ) => Promise<unknown>;
 }
 
@@ -213,7 +216,7 @@ function useModelSurfacesVertexAttribute(): UseModelSurfacesVertexAttributeRetur
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateModelSurfacesVertexStyle(modelId, surfaceIds, { name, item });
     await setModelSurfacesVertexAttributeStoredConfig(modelId, surfaceIds, name, item, {
@@ -222,7 +225,7 @@ function useModelSurfacesVertexAttribute(): UseModelSurfacesVertexAttributeRetur
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const surface_viewer_ids = await dataStore.getMeshComponentsViewerIds(modelId, surfaceIds);
     const params = {
       id: modelId,
@@ -307,7 +310,7 @@ function useModelSurfacesVertexAttribute(): UseModelSurfacesVertexAttributeRetur
     const result = await applyVertexAttribute(modelId, surfaceIds);
     return result;
   }
-  function modelSurfacesVertexAttributeNoDataColor(modelId: string, surfaceId?: string): unknown {
+  function modelSurfacesVertexAttributeNoDataColor(modelId: string, surfaceId?: string): RGBAColor {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceId);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceId);
     const storedConfig = modelSurfacesVertexAttributeStoredConfig(modelId, surfaceId, name, item);
@@ -316,7 +319,7 @@ function useModelSurfacesVertexAttribute(): UseModelSurfacesVertexAttributeRetur
   async function setModelSurfacesVertexAttributeNoDataColor(
     modelId: string,
     surfaceIds: string[],
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = modelSurfacesVertexAttributeName(modelId, surfaceIds[0]);
     const item = modelSurfacesVertexAttributeItem(modelId, surfaceIds[0]);

package/internal/stores/data_style/model/surfaces/visibility.ts

@@ -1,6 +1,6 @@
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
 import { useModelSurfacesCommonStyle } from "./common";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 const schema = viewer_schemas.opengeodeweb_viewer.model.surfaces.visibility;
 
@@ -8,7 +8,7 @@ export function useModelSurfacesVisibility(): {
   setModelSurfacesVisibility: (
     modelId: string,
     surfaces_ids: readonly string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ) => Promise<unknown>;
   modelSurfaceVisibility: (id: string, surface_id?: string) => unknown;
 } {
@@ -22,7 +22,7 @@ export function useModelSurfacesVisibility(): {
   async function setModelSurfacesVisibility(
     modelId: string,
     surfaces_ids: readonly string[],
-    visibility: boolean | undefined,
+    visibility: boolean,
   ): Promise<unknown> {
     const result = await modelCommonStyle.setModelTypeVisibility(
       modelId,

package/internal/stores/data_style/model/visibility.ts

@@ -5,7 +5,7 @@ import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 import { useModelCommonStyle } from "@ogw_internal/stores/data_style/model/common";
 import { useModelSelection } from "./selection";
 import { useViewerStore } from "@ogw_front/stores/viewer";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // The four per-component-type style composables (Surface/Line/Block/Corner) each expose a different, large set of methods (color, visibility, per-attribute-kind getters/setters...). This module only cares about looking a handful of them up dynamically by name, so a precise structural type for componentStyleFunctions isn't worth modelling here; `any` keeps the dynamic dispatch table honest about that.
 // oxlint-disable-next-line no-explicit-any

package/internal/stores/data_style/when_defined.ts

@@ -0,0 +1,13 @@
+// Style values read back from the database may be missing: skip the viewer request rather than send an invalid one.
+async function whenDefined<Value, Result>(
+  value: Value | undefined,
+  apply: (value: Value) => Promise<Result>,
+): Promise<Result | undefined> {
+  if (value === undefined) {
+    return undefined;
+  }
+  const result = await apply(value);
+  return result;
+}
+
+export { whenDefined };