@webviz/subsurface-viewer 0.0.1-alpha.1

package/src/utils/specExtractor.ts

@@ -0,0 +1,36 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { isEmpty } from "lodash";
+import { LayerProps } from "@deck.gl/core/typed";
+import {
+    ToggleTypeProps,
+    MenuTypeProps,
+    NumericTypeProps,
+    SliderTypeProps,
+} from "../redux/types";
+
+// return true if layer props are displayable as defined in ../redux/types.tsx
+export const getPropVisibility = (layer: Record<string, unknown>): boolean => {
+    if (layer == undefined) return false;
+
+    const prop_types = [
+        ...MenuTypeProps,
+        ...NumericTypeProps,
+        ...SliderTypeProps,
+        ...ToggleTypeProps,
+    ];
+    const visibility = prop_types.reduce(
+        (acc, current) => acc || current.id in layer,
+        false
+    );
+    return visibility;
+};
+
+// returns layer properties
+export const getLayerProps = (
+    layers: LayerProps<unknown>[],
+    layerId: string
+): Record<string, unknown> | null => {
+    if (!layers?.length) return null;
+    const layer_props = (layers as any[]).find((l) => l.id === layerId);
+    return isEmpty(layer_props) ? null : layer_props;
+};

package/src/viewports/index.js

@@ -0,0 +1 @@
+export { default as IntersectionViewport } from "./intersectionViewport";

package/src/viewports/intersectionViewport.ts

@@ -0,0 +1,137 @@
+import { Viewport } from "@deck.gl/core/typed";
+import { Matrix4, clamp } from "@math.gl/core";
+
+// The typings generated by danmarshall is for deckgl 8.1.3, typings for v8.8.3 is not available
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+// Displaying in 2d view XZ plane by configuring the view matrix
+const viewMatrix = new Matrix4().lookAt({
+    eye: [0, -1, 0],
+    up: [0, 0, 1],
+    center: [0, 0, 0],
+});
+
+export type Padding = {
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+};
+
+function getProjectionMatrix({
+    width,
+    height,
+    near,
+    far,
+    padding,
+}: {
+    width: number;
+    height: number;
+    near: number;
+    far: number;
+    padding: Padding | null;
+}) {
+    let left = -width / 2;
+    let right = width / 2;
+    let bottom = -height / 2;
+    let top = height / 2;
+    if (padding) {
+        const {
+            left: l = 0,
+            right: r = 0,
+            top: t = 0,
+            bottom: b = 0,
+        } = padding;
+        const offsetX = clamp((l + width - r) / 2, 0, width) - width / 2;
+        const offsetY = clamp((t + height - b) / 2, 0, height) - height / 2;
+        left -= offsetX;
+        right -= offsetX;
+        bottom += offsetY;
+        top += offsetY;
+    }
+
+    return new Matrix4().ortho({
+        left,
+        right,
+        bottom,
+        top,
+        near,
+        far,
+    });
+}
+
+export type IntersectionViewportOptions = {
+    /** Name of the viewport */
+    id?: string;
+    /** Left offset from the canvas edge, in pixels */
+    x?: number;
+    /** Top offset from the canvas edge, in pixels */
+    y?: number;
+    /** Viewport width in pixels */
+    width?: number;
+    /** Viewport height in pixels */
+    height?: number;
+    /** The world position at the center of the viewport. Default `[0, 0, 0]`. */
+    target?: [number, number, number] | [number, number];
+    /**  The zoom level of the viewport. `zoom: 0` maps one unit distance to one pixel on screen, and increasing `zoom` by `1` scales the same object to twice as large.
+     *   To apply independent zoom levels to the X and Y axes, supply an array `[zoomX, zoomY]`. Default `0`. */
+    zoom?: number | [number, number];
+    /** Padding around the viewport, in pixels. */
+    padding?: Padding | null;
+    /** Distance of near clipping plane. Default `0.1`. */
+    near?: number;
+    /** Distance of far clipping plane. Default `1000`. */
+    far?: number;
+    /** Whether to use top-left coordinates (`true`) or bottom-left coordinates (`false`). Default `true`. */
+    flipY?: boolean;
+};
+
+export default class IntersectionViewport extends Viewport {
+    constructor(props: IntersectionViewportOptions) {
+        const {
+            width,
+            height,
+            near = 0.1,
+            far = 1000,
+            zoom = 0,
+            target = [0, 0, 0],
+            padding = null,
+            flipY = true,
+        } = props;
+        const zoomX = Array.isArray(zoom) ? zoom[0] : zoom;
+        const zoomY = Array.isArray(zoom) ? zoom[1] : zoom;
+        const zoom_ = Math.min(zoomX, zoomY);
+        const scale = Math.pow(2, zoom_);
+
+        let distanceScales;
+        if (zoomX !== zoomY) {
+            const scaleX = Math.pow(2, zoomX);
+            const scaleY = Math.pow(2, zoomY);
+
+            distanceScales = {
+                unitsPerMeter: [scaleX / scale, 1, scaleY / scale],
+                metersPerUnit: [scale / scaleX, 1, scale / scaleY],
+            };
+        }
+
+        super({
+            ...props,
+            // in case viewState contains longitude/latitude values,
+            // make sure that the base Viewport class does not treat this as a geospatial viewport
+            longitude: undefined,
+            position: target,
+            viewMatrix: viewMatrix
+                .clone()
+                .scale([scale, scale, scale * (flipY ? -1 : 1)]),
+            projectionMatrix: getProjectionMatrix({
+                width: width || 1,
+                height: height || 1,
+                padding,
+                near,
+                far,
+            }),
+            zoom: zoom_,
+            distanceScales,
+        });
+    }
+}

package/src/views/index.js

@@ -0,0 +1 @@
+export { default as IntersectionView } from "./intersectionView";

package/src/views/intersectionView.ts

@@ -0,0 +1,38 @@
+import { View, OrthographicViewState } from "@deck.gl/core/typed";
+import IntersectionViewport from "../viewports/intersectionViewport";
+
+// IntersectionViewState and IntersectionViewProps may need to have its own implementation when defining pan and zoom controls
+export type IntersectionViewState = OrthographicViewState;
+
+type IntersectionViewProps = {
+    /** Distance of near clipping plane. Default `0.1`. */
+    near?: number;
+    /** Distance of far clipping plane. Default `1000`. */
+    far?: number;
+    /** Whether to use top-left coordinates (`true`) or bottom-left coordinates (`false`). Default `true`. */
+    flipY?: boolean;
+};
+
+export default class IntersectionView extends View<
+    IntersectionViewState,
+    IntersectionViewProps
+> {
+    static displayName = "IntersectionView";
+    constructor(props: IntersectionViewProps) {
+        super({
+            ...props,
+            controller: false,
+            viewState: {
+                target: [275, 0, -500],
+            },
+        });
+    }
+
+    get ViewportType(): typeof IntersectionViewport {
+        return IntersectionViewport;
+    }
+
+    get ControllerType(): never {
+        throw new Error("Method not implemented.");
+    }
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist"
+    },
+    "include": ["src/"]
+}