Refactor 3DViewer to use layer framework

backend_py/primary/primary/services/vds_access/vds_access.py

@@ -94,8 +94,14 @@ async def get_inline_slice_async(self, line_no: int) -> Tuple[NDArray[np.float32
         response = await self._query_async(endpoint, slice_request)
 
         parts = self._extract_and_validate_body_parts_from_response(response)
-
-        metadata = VdsSliceMetadata(**json.loads(parts[0].content))
+        response_metadata = json.loads(parts[0].content)
+        metadata = VdsSliceMetadata(
+            format=response_metadata["format"],
+            shape=response_metadata["shape"],
+            x_axis=VdsAxis(**response_metadata["x"]),
+            y_axis=VdsAxis(**response_metadata["y"]),
+            geospatial=response_metadata["geospatial"],
+        )
         self._assert_valid_metadata_format_and_shape(metadata)
 
         byte_array = parts[1].content
@@ -254,7 +260,7 @@ async def get_flattened_fence_traces_array_and_metadata_async(
 
         # Convert every value of `hard_coded_fill_value` to np.nan
         flattened_fence_traces_float32_array[flattened_fence_traces_float32_array == hard_coded_fill_value] = np.nan
-
+        print("flattened fence data", flattened_fence_traces_float32_array, len(flattened_fence_traces_float32_array))
         return (flattened_fence_traces_float32_array, num_traces, num_samples_per_trace)
 
     def _extract_and_validate_body_parts_from_response(self, response: httpx.Response) -> Tuple[BodyPart, BodyPart]:

frontend/index.html

@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/webviz-logo.svg" />
         <link href="/src/main.css" rel="stylesheet" />
-        <link href="https://cdn.eds.equinor.com/font/equinor-font.css" rel="stylesheet" />
+        <link href="https://cdn.eds.equinor.com/font/equinor-font.css" rel="stylesheet" crossorigin="anonymous" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Webviz | FMU results visualization</title>
     </head>

frontend/package.json

@@ -23,6 +23,14 @@
         "vite-plugin-node-polyfills is only installed as a workaround for an import issue in the map module. See webviz-subsurface-components issue #2540 for details"
     ],
     "dependencies": {
+        "@deck.gl/aggregation-layers": "^9.0.33",
+        "@deck.gl/core": "^9.0.33",
+        "@deck.gl/extensions": "^9.0.33",
+        "@deck.gl/geo-layers": "^9.0.33",
+        "@deck.gl/json": "^9.0.33",
+        "@deck.gl/layers": "^9.0.33",
+        "@deck.gl/mesh-layers": "^9.0.33",
+        "@deck.gl/react": "^9.0.33",
         "@equinor/eds-core-react": "^0.45.1",
         "@equinor/esv-intersection": "^3.1.2",
         "@headlessui/react": "^1.7.8",
@@ -52,7 +60,8 @@
         "simplify-js": "^1.2.4",
         "uuid": "^9.0.0",
         "vite-plugin-node-polyfills": "^0.23.0",
-        "wonka": "^6.3.4"
+        "wonka": "^6.3.4",
+        "workerpool": "^9.2.0"
     },
     "devDependencies": {
         "@hey-api/openapi-ts": "^0.61.1",
@@ -67,6 +76,7 @@
         "@types/react-dom": "^18.2.7",
         "@types/react-plotly.js": "^2.6.0",
         "@types/uuid": "^9.0.0",
+        "@types/workerpool": "^6.4.7",
         "@vitejs/plugin-react": "^4.4.1",
         "@vitest/coverage-istanbul": "^3.0.7",
         "dependency-cruiser": "^14.0.0",
@@ -85,6 +95,7 @@
         "typescript-eslint": "^8.25.0",
         "vite": "^6.3.5",
         "vite-plugin-checker": "^0.9.0",
+        "vite-plugin-glsl": "^1.3.1",
         "vitest": "^3.0.7"
     }
 }