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

package/app/composables/project_manager.ts

@@ -1,6 +1,6 @@
 import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_typed_schemas.js";
 import fileDownload from "js-file-download";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 import { type DataStyleSnapshot, useDataStyleStore } from "@ogw_front/stores/data_style";
 import { type NewDataItem, useDataStore } from "@ogw_front/stores/data";

package/app/composables/use_overlapping_picker.ts

@@ -1,5 +1,5 @@
 import { ref } from "vue";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 import { type DataItem, useDataStore } from "@ogw_front/stores/data";
 import { useDataStyleStore } from "@ogw_front/stores/data_style";
@@ -18,12 +18,6 @@ interface ProposedItem {
   geode_object_type: string | undefined;
 }
 
-interface PickedResponse {
-  array_ids: string[];
-  viewer_id: number | null;
-  picked_data?: PickedItem[];
-}
-
 interface ViewerIdResult {
   id: string | undefined;
   viewer_id: number | undefined;
@@ -48,43 +42,6 @@ interface UseOverlappingPickerReturn {
   get_viewer_id: (params: GetViewerIdParams) => Promise<ViewerIdResult>;
 }
 
-function isPickedItem(entry: unknown): entry is PickedItem {
-  return (
-    typeof entry === "object" &&
-    entry !== null &&
-    "id" in entry &&
-    typeof entry.id === "string" &&
-    (!("viewer_id" in entry) ||
-      entry.viewer_id === undefined ||
-      typeof entry.viewer_id === "number")
-  );
-}
-
-function isPickedItemArray(value: unknown): value is PickedItem[] {
-  return Array.isArray(value) && value.every((entry) => isPickedItem(entry));
-}
-
-function isPickedResponse(value: unknown): value is PickedResponse {
-  if (typeof value !== "object" || value === null) {
-    return false;
-  }
-  if (!("array_ids" in value) || !("viewer_id" in value)) {
-    return false;
-  }
-  const { array_ids, viewer_id } = value;
-  if (
-    !Array.isArray(array_ids) ||
-    !array_ids.every((entry) => typeof entry === "string") ||
-    (typeof viewer_id !== "number" && viewer_id !== null)
-  ) {
-    return false;
-  }
-  if ("picked_data" in value) {
-    return value.picked_data === undefined || isPickedItemArray(value.picked_data);
-  }
-  return true;
-}
-
 export function useOverlappingPicker(): UseOverlappingPickerReturn {
   const dataStore = useDataStore();
   const dataStyleStore = useDataStyleStore();
@@ -169,41 +126,15 @@ export function useOverlappingPicker(): UseOverlappingPickerReturn {
     const ids = viewableChecks.filter((id): id is string => Boolean(id));
 
     const result: ViewerIdResult = { id: undefined, viewer_id: undefined };
-    // A plain `let` reassigned only from inside the response_function closure
-    // Below loses its declared type for TS's control-flow narrowing once
-    // Control leaves the closure - wrapping it in an object sidesteps that.
-    const responseHolder: { pickedResponse: PickedResponse | undefined } = {
-      pickedResponse: undefined,
-    };
     const schema = viewer_schemas.opengeodeweb_viewer.viewer.picked_ids;
     const params = { x, y, ids };
-    await viewerStore.request(
-      {
-        schema,
-        params,
-      },
-      {
-        response_function: (response: unknown) => {
-          responseHolder.pickedResponse = isPickedResponse(response) ? response : undefined;
-        },
-      },
-    );
-    const { pickedResponse } = responseHolder;
+    const { array_ids, viewer_id } = await viewerStore.request({ schema, params });
 
-    if (!pickedResponse || pickedResponse.array_ids.length === 0) {
+    if (array_ids.length === 0) {
       return result;
     }
 
-    const { array_ids, viewer_id, picked_data } = pickedResponse;
-
-    const pickedList: PickedItem[] = [];
-    if (picked_data && picked_data.length > 0) {
-      pickedList.push(...picked_data);
-    } else {
-      for (const pickId of array_ids) {
-        pickedList.push({ id: pickId, viewer_id: viewer_id ?? undefined });
-      }
-    }
+    const pickedList: PickedItem[] = array_ids.map((pickId) => ({ id: pickId, viewer_id }));
 
     if (pickedList.length <= 1) {
       return { id: pickedList[0]?.id, viewer_id: pickedList[0]?.viewer_id };

package/app/composables/use_quick_colormap.ts

@@ -1,16 +1,6 @@
 import { consola } from "consola";
 import { useViewerStore } from "@ogw_front/stores/viewer";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-
-// Runtime guard for the unknown response of viewerStore.request(), used instead of an
-// `as` cast so the shape is actually verified (data_id, when present, must be a string).
-function isPickColormapResult(value: unknown): value is { data_id?: string } {
-  return (
-    typeof value === "object" &&
-    value !== null &&
-    (!("data_id" in value) || typeof value.data_id === "string")
-  );
-}
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 export function useQuickColormap(): {
   pickColormap: typeof pickColormap;
@@ -38,9 +28,9 @@ export function useQuickColormap(): {
     try {
       const schema = viewer_schemas.opengeodeweb_viewer.viewer.pick_colormap;
       const params = { x: offsetX, y: offsetY };
-      const result = await viewerStore.request({ schema, params });
-      if (isPickColormapResult(result) && result.data_id !== undefined && result.data_id !== "") {
-        quickColormap.data_id = result.data_id;
+      const { data_id } = await viewerStore.request({ schema, params });
+      if (data_id !== undefined && data_id !== "") {
+        quickColormap.data_id = data_id;
         quickColormap.x = clientX;
         quickColormap.y = clientY;
         quickColormap.show = true;

package/app/stores/back.ts

@@ -9,6 +9,7 @@ import { useInfraStore } from "@ogw_front/stores/infra";
 
 import type {
   JsonRpcSchema,
+  MicroserviceVersionSchema,
   ParamsOf,
   RequestHandlers,
   ResponseOf,
@@ -155,22 +156,15 @@ export const useBackStore = defineStore("back", {
       );
       return result;
     },
-    async get_version(schema: JsonRpcSchema | undefined) {
+    async get_version(schema: MicroserviceVersionSchema | undefined) {
       if (!schema) {
         return undefined;
       }
       const result = await this.request(
         { schema },
         {
-          response_function: (response: unknown) => {
-            if (
-              typeof response === "object" &&
-              response !== null &&
-              "microservice_version" in response &&
-              typeof response.microservice_version === "string"
-            ) {
-              this.version = response.microservice_version;
-            }
+          response_function: ({ microservice_version }) => {
+            this.version = microservice_version;
           },
         },
       );

package/app/stores/camera_manager.ts

@@ -6,7 +6,7 @@ import { useObservable } from "@vueuse/rxjs";
 import type { CameraOptions } from "@ogw_internal/stores/hybrid_viewer/vtk_types.js";
 import { database } from "@ogw_internal/database/database.js";
 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";
 
 interface CameraPositionRecord {
   id?: number;

package/app/stores/data.ts

@@ -3,7 +3,7 @@
 import { type Table, liveQuery } from "dexie";
 import type { Observable } from "rxjs";
 import { useObservable } from "@vueuse/rxjs";
-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 { type ModelComponentRecord, useDataMesh } from "./data_helpers/mesh.js";

package/app/stores/viewer.ts

@@ -5,7 +5,7 @@ import type { Vector3 } from "@kitware/vtk.js/types";
 import { connectImageStream } from "@kitware/vtk.js/Rendering/Misc/RemoteView";
 import { initWebSocketClient } from "@ogw_internal/utils/ws_client";
 import opengeodeweb_front_schemas from "@geode/opengeodeweb-front/opengeodeweb_front_typed_schemas.js";
-import opengeodeweb_viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" };
+import opengeodeweb_viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import {
@@ -18,7 +18,13 @@ import { useAppStore } from "@ogw_front/stores/app";
 import { useInfraStore } from "@ogw_front/stores/infra";
 import { viewer_call } from "@ogw_internal/utils/viewer_call";
 
-import type { JsonRpcSchema, RequestHandlers } from "@ogw_shared/utils/types.js";
+import type {
+  JsonRpcSchema,
+  MicroserviceVersionSchema,
+  ParamsOf,
+  RequestHandlers,
+  ResponseOf,
+} from "@ogw_shared/utils/types.js";
 // oxlint-disable-next-line import/max-dependencies -- all imports above are required by this store.
 import type { RpcClient } from "@ogw_shared/utils/call_raw.js";
 
@@ -70,18 +76,18 @@ export const useViewerStore = defineStore(
       picking_mode.value = value;
     }
     // oxlint-disable-next-line unicorn/consistent-function-scoping
-    async function request(
+    async function request<Schema extends JsonRpcSchema>(
       {
         schema,
-        params = {},
+        params,
         timeout = request_timeout,
       }: {
-        schema: JsonRpcSchema;
-        params?: Record<string, unknown>;
+        schema: Schema;
+        params?: ParamsOf<Schema>;
         timeout?: number;
       },
-      callbacks: RequestHandlers = {},
-    ): Promise<unknown> {
+      callbacks: RequestHandlers<ResponseOf<Schema>> = {},
+    ): Promise<ResponseOf<Schema>> {
       const microservice = {
         $id: "viewer",
         client: client.value,
@@ -93,26 +99,34 @@ export const useViewerStore = defineStore(
         microservice,
         {
           schema,
-          params,
+          params: params ?? {},
           timeout,
         },
         {
           ...callbacks,
           response_function: async (response: unknown) => {
             if (callbacks.response_function) {
-              await callbacks.response_function(response);
+              // The viewer validates its responses against the schema `response` it was generated from.
+              // oxlint-disable-next-line typescript/no-unsafe-type-assertion
+              await callbacks.response_function(response as ResponseOf<Schema>);
             }
           },
         },
       );
-      return result;
+      // oxlint-disable-next-line typescript/no-unsafe-type-assertion
+      return result as ResponseOf<Schema>;
     }
     async function pick_world_position(x: number, y: number): Promise<Vector3> {
       const schema = opengeodeweb_viewer_schemas.opengeodeweb_viewer.viewer.get_point_position;
-      const response = await request({ schema, params: { x: Math.round(x), y: Math.round(y) } });
-      // oxlint-disable-next-line no-unsafe-type-assertion -- response shape is defined by the get_point_position schema.
-      const position = response as { x: number; y: number; z: number };
-      return [position.x, position.y, position.z];
+      const {
+        x: world_x,
+        y: world_y,
+        z: world_z,
+      } = await request({
+        schema,
+        params: { x: Math.round(x), y: Math.round(y) },
+      });
+      return [world_x, world_y, world_z];
     }
     async function set_picked_point(x: number, y: number): Promise<void> {
       const [world_x, world_y, world_z] = await pick_world_position(x, y);
@@ -175,7 +189,9 @@ export const useViewerStore = defineStore(
     async function connect(): Promise<void> {
       await ws_connect();
     }
-    async function get_version(schema: JsonRpcSchema | undefined): Promise<unknown> {
+    async function get_version(
+      schema: MicroserviceVersionSchema | undefined,
+    ): Promise<{ microservice_version: string } | undefined> {
       if (!schema) {
         return undefined;
       }
@@ -184,9 +200,7 @@ export const useViewerStore = defineStore(
           schema,
         },
         {
-          response_function: (response: unknown) => {
-            // oxlint-disable-next-line no-unsafe-type-assertion -- response shape is defined by the version schema.
-            const { microservice_version } = response as { microservice_version: string };
+          response_function: ({ microservice_version }) => {
             version.value = microservice_version;
           },
         },

package/internal/stores/data_style/mesh/cells/cell.ts

@@ -1,6 +1,6 @@
-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";
@@ -14,7 +14,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -29,22 +29,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshCellsCellAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshCellsCellAttributeValid(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
   );
 }
 
@@ -59,7 +62,7 @@ function useMeshCellsCellAttributeStyle(): {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshCellsCellAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshCellsCellAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshCellsCellAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshCellsCellAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshCellsCellAttributeRange: (
@@ -68,8 +71,8 @@ function useMeshCellsCellAttributeStyle(): {
     maximum: number,
   ) => Promise<unknown>;
   setMeshCellsCellAttributeColorMap: (id: string, colorMap: string | undefined) => Promise<unknown>;
-  meshCellsCellAttributeNoDataColor: (id: string) => unknown;
-  setMeshCellsCellAttributeNoDataColor: (id: string, no_data_color: unknown) => Promise<unknown>;
+  meshCellsCellAttributeNoDataColor: (id: string) => RGBAColor;
+  setMeshCellsCellAttributeNoDataColor: (id: string, no_data_color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshCellsCommonStyle = useMeshCellsCommonStyle();
@@ -146,7 +149,7 @@ function useMeshCellsCellAttributeStyle(): {
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshCellsCellStyle(id, {
       name,
@@ -158,7 +161,7 @@ function useMeshCellsCellAttributeStyle(): {
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshCellsCellAttributeSchemas.attribute;
     const params = {
       id,
@@ -242,7 +245,7 @@ function useMeshCellsCellAttributeStyle(): {
     });
     return applyCellAttribute(id);
   }
-  function meshCellsCellAttributeNoDataColor(id: string): unknown {
+  function meshCellsCellAttributeNoDataColor(id: string): RGBAColor {
     const name = meshCellsCellAttributeName(id);
     const item = meshCellsCellAttributeItem(id);
     const storedConfig = meshCellsCellAttributeStoredConfig(id, name, item);
@@ -250,7 +253,7 @@ function useMeshCellsCellAttributeStyle(): {
   }
   async function setMeshCellsCellAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshCellsCellAttributeName(id);
     const item = meshCellsCellAttributeItem(id);

package/internal/stores/data_style/mesh/cells/color.ts

@@ -1,5 +1,6 @@
+import 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 { useMeshCellsCommonStyle } from "./common";
@@ -9,16 +10,17 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.cells.color;
 
 export function useMeshCellsColorStyle(): {
-  meshCellsColor: (id: string) => unknown;
-  setMeshCellsColor: (id: string, color: unknown) => Promise<unknown>;
+  meshCellsColor: (id: string) => RGBAColor | undefined;
+  setMeshCellsColor: (id: string, color: RGBAColor) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
-  function meshCellsColor(id: string): unknown {
-    return meshCellsCommonStyle.meshCellsColoring(id).constant;
+  function meshCellsColor(id: string): RGBAColor | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- coloring.constant shape is defined by the data style schema.
+    return meshCellsCommonStyle.meshCellsColoring(id).constant as RGBAColor | undefined;
   }
-  async function setMeshCellsColor(id: string, color: unknown): Promise<unknown> {
+  async function setMeshCellsColor(id: string, color: RGBAColor): Promise<unknown> {
     const params = { id, color };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/cells/index.ts

@@ -8,6 +8,7 @@ import { useMeshCellsColorStyle } from "./color";
 import { useMeshCellsCommonStyle } from "./common";
 import { useMeshCellsTexturesStyle } from "./textures";
 import { useMeshCellsVisibilityStyle } from "./visibility";
+import { whenDefined } from "@ogw_internal/stores/data_style/when_defined";
 
 // Local constants
 
@@ -58,14 +59,17 @@ async function setMeshCellsActiveColoring(
     coloring: { active: type },
   });
   if (type === "constant") {
-    const result = await deps.colorStyle.setMeshCellsColor(id, deps.colorStyle.meshCellsColor(id));
+    const result = await whenDefined(deps.colorStyle.meshCellsColor(id), async (value) => {
+      const applied = await deps.colorStyle.setMeshCellsColor(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "textures") {
-    const result = await deps.texturesStyle.setMeshCellsTextures(
-      id,
-      deps.texturesStyle.meshCellsTextures(id),
-    );
+    const result = await whenDefined(deps.texturesStyle.meshCellsTextures(id), async (value) => {
+      const applied = await deps.texturesStyle.setMeshCellsTextures(id, value);
+      return applied;
+    });
     return result;
   }
   if (type === "vertex") {
@@ -86,7 +90,10 @@ async function applyMeshCellsStyle(
   deps: MeshCellsActiveColoringDeps,
 ): Promise<unknown[]> {
   const result = await Promise.all([
-    visibilityStyle.setMeshCellsVisibility(id, visibilityStyle.meshCellsVisibility(id)),
+    whenDefined(visibilityStyle.meshCellsVisibility(id), async (value) => {
+      const applied = await visibilityStyle.setMeshCellsVisibility(id, value);
+      return applied;
+    }),
     setMeshCellsActiveColoring(id, activeColoringType, deps),
   ]);
   return result;

package/internal/stores/data_style/mesh/cells/textures.ts

@@ -1,5 +1,7 @@
 // Third party imports
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
+import viewer_schemas, {
+  type MeshApplyTexturesParams,
+} from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_typed_schemas.js";
 
 // Local imports
 import { useMeshCellsCommonStyle } from "./common";
@@ -9,16 +11,25 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 const schema = viewer_schemas.opengeodeweb_viewer.mesh.apply_textures;
 
 export function useMeshCellsTexturesStyle(): {
-  meshCellsTextures: (id: string) => unknown;
-  setMeshCellsTextures: (id: string, textures: unknown) => Promise<unknown>;
+  meshCellsTextures: (id: string) => MeshApplyTexturesParams["textures"] | undefined;
+  setMeshCellsTextures: (
+    id: string,
+    textures: MeshApplyTexturesParams["textures"],
+  ) => Promise<unknown>;
 } {
   const viewerStore = useViewerStore();
   const meshCellsCommonStyle = useMeshCellsCommonStyle();
 
-  function meshCellsTextures(id: string): unknown {
-    return meshCellsCommonStyle.meshCellsColoring(id).textures;
+  function meshCellsTextures(id: string): MeshApplyTexturesParams["textures"] | undefined {
+    // oxlint-disable-next-line no-unsafe-type-assertion -- textures shape is defined by the data style schema.
+    return meshCellsCommonStyle.meshCellsColoring(id).textures as
+      | MeshApplyTexturesParams["textures"]
+      | undefined;
   }
-  async function setMeshCellsTextures(id: string, textures: unknown): Promise<unknown> {
+  async function setMeshCellsTextures(
+    id: string,
+    textures: MeshApplyTexturesParams["textures"],
+  ): Promise<unknown> {
     const params = { id, textures };
     const result = await viewerStore.request(
       {

package/internal/stores/data_style/mesh/cells/vertex.ts

@@ -1,6 +1,6 @@
-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";
@@ -15,7 +15,7 @@ interface AttributeStoredConfig {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color: unknown;
+  no_data_color: RGBAColor;
 }
 
 interface AttributeState {
@@ -30,22 +30,25 @@ interface AttributeInput {
   minimum: number | undefined;
   maximum: number | undefined;
   colorMap: string | undefined;
-  no_data_color?: unknown;
+  no_data_color?: RGBAColor;
 }
 
-function isMeshCellsVertexAttributeValid({
-  name,
-  item,
-  minimum,
-  maximum,
-  colorMap,
-}: AttributeInput): boolean {
+interface ValidAttributeInput {
+  name: string;
+  item: number;
+  minimum: number;
+  maximum: number;
+  colorMap: string;
+  no_data_color?: RGBAColor;
+}
+
+function isMeshCellsVertexAttributeValid(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
   );
 }
 
@@ -59,7 +62,7 @@ interface UseMeshCellsVertexAttributeStyleReturn {
     name: string | undefined,
     item: number | undefined,
   ) => AttributeStoredConfig;
-  setMeshCellsVertexAttribute: (id: string, input: AttributeInput) => Promise<unknown>;
+  setMeshCellsVertexAttribute: (id: string, input: ValidAttributeInput) => Promise<unknown>;
   setMeshCellsVertexAttributeName: (id: string, name: string) => Promise<unknown>;
   setMeshCellsVertexAttributeItem: (id: string, item: number) => Promise<unknown>;
   setMeshCellsVertexAttributeRange: (
@@ -71,8 +74,11 @@ interface UseMeshCellsVertexAttributeStyleReturn {
     id: string,
     colorMap: string | undefined,
   ) => Promise<unknown>;
-  meshCellsVertexAttributeNoDataColor: (id: string) => unknown;
-  setMeshCellsVertexAttributeNoDataColor: (id: string, no_data_color: unknown) => Promise<unknown>;
+  meshCellsVertexAttributeNoDataColor: (id: string) => RGBAColor;
+  setMeshCellsVertexAttributeNoDataColor: (
+    id: string,
+    no_data_color: RGBAColor,
+  ) => Promise<unknown>;
 }
 
 // oxlint-disable-next-line max-lines-per-function
@@ -152,7 +158,7 @@ function useMeshCellsVertexAttributeStyle(): UseMeshCellsVertexAttributeStyleRet
       maximum,
       colorMap,
       no_data_color = DEFAULT_NO_DATA_COLOR,
-    }: AttributeInput,
+    }: ValidAttributeInput,
   ): Promise<unknown> {
     await mutateMeshCellsVertexStyle(id, {
       name,
@@ -164,7 +170,7 @@ function useMeshCellsVertexAttributeStyle(): UseMeshCellsVertexAttributeStyleRet
       colorMap,
       no_data_color,
     });
-    const points = getRGBPointsFromPreset(colorMap ?? "");
+    const points = [...getRGBPointsFromPreset(colorMap)];
     const schema = meshCellsVertexAttributeSchemas.attribute;
     const params = {
       id,
@@ -248,7 +254,7 @@ function useMeshCellsVertexAttributeStyle(): UseMeshCellsVertexAttributeStyleRet
     });
     return applyVertexAttribute(id);
   }
-  function meshCellsVertexAttributeNoDataColor(id: string): unknown {
+  function meshCellsVertexAttributeNoDataColor(id: string): RGBAColor {
     const name = meshCellsVertexAttributeName(id);
     const item = meshCellsVertexAttributeItem(id);
     const storedConfig = meshCellsVertexAttributeStoredConfig(id, name, item);
@@ -256,7 +262,7 @@ function useMeshCellsVertexAttributeStyle(): UseMeshCellsVertexAttributeStyleRet
   }
   async function setMeshCellsVertexAttributeNoDataColor(
     id: string,
-    no_data_color: unknown,
+    no_data_color: RGBAColor,
   ): Promise<unknown> {
     const name = meshCellsVertexAttributeName(id);
     const item = meshCellsVertexAttributeItem(id);