@webviz/subsurface-viewer 0.0.1-alpha.1

package/src/redux/actions.ts

@@ -0,0 +1,8 @@
+import { specSlice } from "./reducer";
+
+export const {
+    setSpec,
+    updateVisibleLayers,
+    updateDrawingMode,
+    updateLayerProp,
+} = specSlice.actions;

package/src/redux/reducer.ts

@@ -0,0 +1,43 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { combineReducers, createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { DrawMode } from "./types";
+
+export const specSlice = createSlice({
+    name: "spec",
+    initialState: {} as Record<string, unknown>,
+    reducers: {
+        setSpec: (_, action: PayloadAction<Record<string, unknown>>) =>
+            action.payload,
+        updateVisibleLayers: (
+            state,
+            action: PayloadAction<[string, boolean]>
+        ) => {
+            const layer = (state["layers"] as any[]).find(
+                (layer) => layer.id === action.payload[0]
+            );
+            if (layer) layer.visible = action.payload[1];
+        },
+        updateDrawingMode: (
+            state,
+            action: PayloadAction<[string, DrawMode]>
+        ) => {
+            const layer = (state["layers"] as any[]).find(
+                (layer) => layer.id === action.payload[0]
+            );
+            if (layer && layer["@@type"] === "DrawingLayer")
+                layer.mode = action.payload[1];
+        },
+        updateLayerProp: (
+            state,
+            action: PayloadAction<[string, string, boolean | string | number]>
+        ) => {
+            const layer = (state["layers"] as any[]).find(
+                (layer) => layer.id === action.payload[0]
+            );
+            if (layer) layer[action.payload[1]] = action.payload[2];
+        },
+    },
+});
+export const rootReducer = combineReducers({
+    spec: specSlice.reducer,
+});

package/src/redux/store.ts

@@ -0,0 +1,15 @@
+import { configureStore, EnhancedStore } from "@reduxjs/toolkit";
+import { rootReducer } from "./reducer";
+
+export type MapState = ReturnType<typeof rootReducer>;
+export const createStore: (
+    initialState: Record<string, unknown>
+) => EnhancedStore = (initialState: Record<string, unknown>) =>
+    configureStore({
+        reducer: rootReducer,
+        preloadedState: { spec: initialState },
+        middleware: (getDefaultMiddleware) =>
+            getDefaultMiddleware({
+                serializableCheck: false,
+            }),
+    });

package/src/redux/types.ts

@@ -0,0 +1,114 @@
+import { Icon } from "@equinor/eds-core-react";
+import {
+    map,
+    well,
+    brush,
+    fault,
+    pie_chart,
+    hill_shading,
+    surface_layer,
+} from "@equinor/eds-icons";
+
+// (this needs only be done once)
+Icon.add({
+    map,
+    well,
+    brush,
+    fault,
+    pie_chart,
+    hill_shading,
+    surface_layer,
+});
+
+export type DrawMode =
+    | "view"
+    | "modify"
+    | "drawPoint"
+    | "drawLineString"
+    | "drawPolygon";
+
+export const DrawModes = [
+    { id: "view", displayName: "View" },
+    { id: "modify", displayName: "Edit" },
+    { id: "drawPoint", displayName: "Create point" },
+    { id: "drawLineString", displayName: "Create polyline" },
+    { id: "drawPolygon", displayName: "Create polygon" },
+] as const;
+
+export type ToolPropType = {
+    id: string;
+    displayName: string;
+    dependentOnProp?: string;
+};
+
+export type NumberType = ToolPropType & {
+    min?: number;
+    max?: number;
+    step?: number;
+};
+
+export const SliderTypeProps: NumberType[] = [
+    {
+        id: "opacity",
+        displayName: "Opacity",
+        min: 0,
+        max: 100,
+        step: 1,
+    },
+];
+
+export const ToggleTypeProps: ToolPropType[] = [
+    {
+        id: "wellNameVisible",
+        displayName: "Well name",
+    },
+    {
+        id: "wellNameAtTop",
+        displayName: "Well name at top",
+    },
+    { id: "logCurves", displayName: "Log curves", dependentOnProp: "logData" },
+    {
+        id: "isReadoutDepth",
+        displayName: "Depth readout",
+    },
+];
+
+export const MenuTypeProps: ToolPropType[] = [
+    { id: "mode", displayName: "Draw mode" },
+];
+
+export const NumericTypeProps: NumberType[] = [
+    {
+        id: "lineWidthScale",
+        displayName: "Trajectory thickness scale",
+        step: 0.1,
+    },
+    { id: "logRadius", displayName: "Log radius", dependentOnProp: "logData" },
+    {
+        id: "pointRadiusScale",
+        displayName: "Well head radius scale",
+        step: 0.1,
+    },
+    {
+        id: "lineWidthMinPixels",
+        displayName: "Line thickness",
+    },
+    {
+        id: "wellNameSize",
+        displayName: "Well name size",
+    },
+];
+
+export const LayerIcons = {
+    ColormapLayer: "surface_layer",
+    Hillshading2DLayer: "hill_shading",
+    WellsLayer: "well",
+    Map3DLayer: "map",
+    PieChartLayer: "pie_chart",
+    FaultPolygonsLayer: "fault",
+    DrawingLayer: "brush",
+    AxesLayer: "brush",
+    NorthArrow3D: "brush",
+};
+
+export type LayerType = keyof typeof LayerIcons;