@webviz/well-log-viewer 0.0.1-alpha.1 → 0.0.1-alpha.3

package/src/utils/color-table.ts

@@ -1,153 +0,0 @@
-import { ColorTable } from "../components/ColorTableTypes";
-
-/*
-  Binary serach in array of elements [number, ...]
-  */
-function binarySearch(array: number[][], v: number) {
-    let lo = -1,
-        hi = array.length;
-    while (1 + lo < hi) {
-        const mi = lo + ((hi - lo) >> 1);
-        if (array[mi][0] > v) {
-            hi = mi;
-        } else {
-            lo = mi;
-        }
-    }
-    // v should be in the semiopen interval [array[lo][0], array[hi][0])
-    // i.e. array[lo][0] <= v < array[hi][0]
-    return hi;
-}
-
-/*
-  get HTML string in #xxxxxx format with color value given in the first 3 elements of array
-*/
-export function colorToString(
-    color: [number, number, number] | undefined, // [r,g,b]
-    cDefault: string
-): string {
-    if (!color) return cDefault;
-    const p =
-        0x1000000 | // force value to have 7 hex digits : 1rrggbb
-        (color[0] << 16) |
-        (color[1] << 8) |
-        color[2];
-    return "#" + p.toString(16).substr(1); // cut the first (additional) character and add leading '#' character
-}
-/*
-  get HTML string in #xxxxxx format with color value given in the [1],[2],[3] elements of array (skip the first element [0] containing stop value)
-*/
-export function color4ToString(
-    color: [number, number, number, number] // [stop, r,g,b]
-): string {
-    // see colorToString()
-    const p = 0x1000000 | (color[1] << 16) | (color[2] << 8) | color[3];
-    return "#" + p.toString(16).substr(1);
-}
-
-/*
-export function getExactColor(
-    colorTable: ColorTable,
-    v: number
-): [number, number, number] {
-    const cNaN: [number, number, number] = colorTable.colorNaN
-      ? colorTable.colorNaN
-      : [255, 255, 255]; // "white"
-
-    const colors = colorTable.colors;
-    const j = binarySearch(colors, v);
-
-    const cBelow = colorTable.colorBelow ? colorTable.colorBelow : cNaN;
-    if (j <= 0) {
-        return cBelow;
-    }
-
-    const cAbove = colorTable.colorAbove ? colorTable.colorAbove : cBelow;
-    if (j >= colors.length) {
-        return cAbove;
-    }
-}
-*/
-
-/*
-  get HTML string with interpolated color value in #xxxxxx format
-*/
-export function getInterpolatedColor(
-    colorTable: ColorTable,
-    v: number
-): [number, number, number] {
-    // TODO: Do not compute these 3 constants (cNaN, cBelow, cAbove) every time!
-
-    const cNaN: [number, number, number] = colorTable.colorNaN
-        ? colorTable.colorNaN
-        : [255, 255, 255]; // "white"
-    if (Number.isNaN(v)) {
-        return cNaN;
-    }
-
-    const colors = colorTable.colors;
-    const j = binarySearch(colors, v);
-
-    const cBelow = colorTable.colorBelow ? colorTable.colorBelow : cNaN;
-    if (j <= 0) {
-        return cBelow;
-    }
-
-    const cAbove = colorTable.colorAbove ? colorTable.colorAbove : cBelow;
-    if (j >= colors.length) {
-        return cAbove;
-    }
-
-    // linear interpolation on interval [colors[j-1][0], colors[j][0]]
-    const color0 = colors[j - 1];
-    const color = colors[j];
-
-    const f = (v - color0[0]) / (color[0] - color0[0]);
-
-    return [
-        color0[1] + f * (color[1] - color0[1]),
-        color0[2] + f * (color[2] - color0[2]),
-        color0[3] + f * (color[3] - color0[3]),
-    ];
-}
-
-/*
-  get HTML string with interpolated color value in #xxxxxx format
-*/
-export function getInterpolatedColorString(
-    colorTable: ColorTable,
-    v: number
-): string {
-    // TODO: Do not compute these 3 constants (cNaN, cBelow, cAbove) every time!
-    const cNaN = colorToString(colorTable.colorNaN, "#ffffff"); // "white"
-
-    if (Number.isNaN(v)) return cNaN;
-    const cBelow = colorToString(colorTable.colorBelow, cNaN);
-    const cAbove = colorToString(colorTable.colorAbove, cBelow);
-
-    const colors = colorTable.colors;
-    const j = binarySearch(colors, v);
-    let c: string;
-    if (j <= 0) c = cBelow;
-    else if (j >= colors.length) c = cAbove;
-    else {
-        // linear interpolation on interval [colors[j-1][0], colors[j][0]]
-        const color0 = colors[j - 1];
-        const color = colors[j];
-
-        const f = (v - color0[0]) / (color[0] - color0[0]);
-
-        const p = // see also color4ToString()
-            0x1000000 |
-            ((color0[1] + f * (color[1] - color0[1])) << 16) |
-            ((color0[2] + f * (color[2] - color0[2])) << 8) |
-            (color0[3] + f * (color[3] - color0[3]));
-        c = "#" + p.toString(16).substr(1);
-        if (c.length !== 7) {
-            console.error("wrong color table ");
-            console.log(c, p, p.toString(16), f, color, color0);
-            return cNaN;
-        }
-    }
-    return c;
-}

package/src/utils/deepcopy.ts

@@ -1,3 +0,0 @@
-export function deepCopy<T>(source: T): T {
-    return JSON.parse(JSON.stringify(source)) as T;
-}

package/src/utils/edit-track.tsx

@@ -1,40 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { Plot } from "@equinor/videx-wellog";
-import WellLogView from "../components/WellLogView";
-import { TrackMouseEvent } from "../components/WellLogView";
-import { SimpleMenu, editPlots } from "../components/LocalMenus";
-
-export function onTrackMouseEvent(
-    wellLogView: WellLogView,
-    ev: TrackMouseEvent
-): void {
-    const track = ev.track;
-    if (ev.type === "click") {
-        wellLogView.selectTrack(track, !wellLogView.isTrackSelected(track)); // toggle selection
-    } else if (ev.type === "dblclick") {
-        wellLogView.selectTrack(track, true);
-        if (ev.area === "title") {
-            wellLogView.editTrack(ev.element, ev.track);
-        } else {
-            const plot: Plot | null = ev.plot;
-            if (!plot) editPlots(ev.element, wellLogView, ev.track);
-            else wellLogView.editPlot(ev.element, ev.track, plot);
-        }
-    } else if (ev.type === "contextmenu") {
-        wellLogView.selectTrack(track, true);
-        const el: HTMLElement = document.createElement("div");
-        el.style.width = "10px";
-        el.style.height = "3px";
-        ev.element.appendChild(el);
-        ReactDOM.render(
-            <SimpleMenu
-                type={ev.area}
-                anchorEl={el}
-                wellLogView={wellLogView}
-                track={track}
-            />,
-            el
-        );
-    }
-}

package/src/utils/fill-info.ts

@@ -1,224 +0,0 @@
-import { Info, InfoOptions } from "../components/InfoTypes";
-
-import {
-    Track,
-    DualScaleTrack,
-    GraphTrack,
-    StackedTrack,
-} from "@equinor/videx-wellog";
-
-import { InterpolatedScaleHandler } from "@equinor/videx-wellog";
-import { DifferentialPlotLegendInfo } from "@equinor/videx-wellog/dist/plots/legend/interfaces";
-import { DifferentialPlotOptions } from "@equinor/videx-wellog/dist/plots/interfaces";
-import { LogViewer } from "@equinor/videx-wellog";
-
-import { ExtPlotOptions } from "./tracks";
-import { isScaleTrack } from "./tracks";
-import { getPlotType } from "./tracks";
-
-function getValueOnInterval(
-    x: number,
-    rowPrev: number[],
-    row: number[],
-    type: string
-): number {
-    if (rowPrev[0] == null) return Number.NaN;
-    if (type === "linestep") {
-        if (row[1] == null) return Number.NaN;
-        return row[1]; //!! not rowPrev[1] !!
-    }
-
-    const d = row[0] - rowPrev[0];
-    const f = x - rowPrev[0];
-    if (type === "dot") {
-        if (f < d * 0.5) {
-            if (rowPrev[1] == null) return Number.NaN;
-            return rowPrev[1];
-        }
-        if (row[1] == null) return Number.NaN;
-        return row[1];
-    }
-
-    // "line", "area", "gradientfill"
-    if (rowPrev[1] == null) return Number.NaN;
-    if (row[1] == null) return Number.NaN;
-    const mul = d ? (row[1] - rowPrev[1]) / d : 1.0;
-    return f * mul + rowPrev[1];
-}
-
-function getValue(x: number, data: [], type: string): number {
-    const v = Number.NaN;
-    if (Number.isFinite(x)) {
-        const n = data.length;
-        for (let i = 0; i < n; i++) {
-            const row = data[i];
-            //if (row[0] == null) continue;
-            //!! if (row[1] == null) continue;
-            if (x < row[0]) {
-                if (!i) break;
-                const rowPrev = data[i - 1];
-                return getValueOnInterval(x, rowPrev, row, type);
-            }
-        }
-    }
-    return v;
-}
-
-function addScaleTrackInfos(
-    infos: Info[],
-    x: number,
-    logController: LogViewer,
-    tracks: Track[]
-) {
-    const interpolator = (
-        logController.scaleHandler as InterpolatedScaleHandler
-    ).interpolator;
-    const x2 = interpolator && !isNaN(x) ? interpolator.reverse(x) : Number.NaN;
-    let iPlot = 0;
-    for (const _track of tracks) {
-        if (!isScaleTrack(_track)) continue;
-        const track = _track as DualScaleTrack;
-        const _x = track.options.mode /* DualScaleTrack and mode is slave */
-            ? x2
-            : x;
-        infos.push({
-            name: track.options.abbr,
-            units: track.options.units,
-            color: iPlot == 0 ? "black" : "grey", //??
-            value: _x,
-            type: "", // "scale"
-            trackId: track.id,
-        });
-        iPlot++;
-    }
-
-    // Add separator line
-    infos.push({
-        color: "", // dummy value
-        value: Number.NaN, // dummy value
-        type: "separator",
-        trackId: "separator",
-    });
-}
-
-export function fillInfos(
-    x: number,
-    logController: LogViewer,
-    iFrom: number,
-    iTo: number,
-    collapsedTrackIds: (string | number)[],
-    options?: InfoOptions
-): Info[] {
-    const infos: Info[] = [];
-    const tracks = logController.tracks;
-
-    // Scale tracks first
-    addScaleTrackInfos(infos, x, logController, tracks);
-
-    // another tracks
-    const allTracks = options?.allTracks;
-    const grouping = options?.grouping;
-
-    let iTrack = 0;
-    for (const _track of tracks) {
-        if (isScaleTrack(_track)) continue;
-        const visible = allTracks || (iFrom <= iTrack && iTrack < iTo);
-        iTrack++;
-        if (!visible) continue;
-        const collapsed =
-            collapsedTrackIds && collapsedTrackIds.indexOf(_track.id) >= 0;
-
-        const track = _track as GraphTrack;
-        if (grouping === "by_track" && track.plots && track.plots.length) {
-            infos.push({
-                name: track.options.label,
-                color: "", // dummy value
-                value: Number.NaN, // dummy value,
-                type: "track",
-                collapsed: collapsed,
-                trackId: track.id,
-                groupStart: "!",
-            });
-        }
-        if (!collapsed) {
-            if (_track instanceof StackedTrack) {
-                const trackStacked = _track as StackedTrack;
-                const d = trackStacked.data;
-                let discrete = "";
-                let value = Number.NaN; // dummy value
-                let color = "";
-                if (d) {
-                    // data is ready
-                    for (let i = 0; i < d.length; i++) {
-                        const p = d[i];
-                        if (p.from <= x && x <= p.to) {
-                            value = p.code; // additional attribute to AreaData
-                            discrete = p.name;
-                            color =
-                                "rgb(" +
-                                p.color.r +
-                                "," +
-                                p.color.g +
-                                "," +
-                                p.color.b +
-                                ")";
-                            break;
-                        }
-                    }
-                }
-                infos.push({
-                    name: trackStacked.options.abbr,
-                    units: "",
-                    color: color,
-                    value: value,
-                    discrete: discrete,
-                    type: "stacked", //??
-                    trackId: trackStacked.id,
-                });
-            } else {
-                for (const plot of track.plots) {
-                    const type = getPlotType(plot);
-                    let data = plot.data;
-                    if (type === "differential") data = plot.data[0]; // DifferentialPlot has 2 arrays of data pairs
-
-                    const options = plot.options as ExtPlotOptions;
-                    const optionsDifferential =
-                        plot.options as DifferentialPlotOptions; // DifferentialPlot - 2 series!
-                    const options1 = optionsDifferential.serie1;
-                    const options2 = optionsDifferential.serie2;
-
-                    const legend = options.legendInfo();
-                    const legendDifferential =
-                        legend as DifferentialPlotLegendInfo; // DifferentialPlot - 2 series!
-                    const legend1 = legendDifferential.serie1;
-                    const legend2 = legendDifferential.serie2;
-
-                    infos.push({
-                        name: legend1 ? legend1.label : legend.label,
-                        units: legend1 ? legend1.unit : legend.unit,
-                        color:
-                            (options1 ? options1.color : options.color) || "",
-                        value: getValue(x, data, type),
-                        type: type,
-                        trackId: track.id,
-                    });
-
-                    if (type === "differential") {
-                        data = plot.data[1];
-                        infos.push({
-                            name: legend2.label,
-                            units: legend2.unit,
-                            color:
-                                (options2 ? options2.color : options.color) ||
-                                "",
-                            value: getValue(x, data, type),
-                            type: type,
-                            trackId: "_" + track.id,
-                        });
-                    }
-                }
-            }
-        }
-    }
-    return infos;
-}

package/src/utils/gradientfill-plot-legend.ts

@@ -1,177 +0,0 @@
-import { LegendBounds } from "@equinor/videx-wellog/dist/utils/legend-helper";
-import { LegendInfo } from "@equinor/videx-wellog/dist/plots/legend/interfaces";
-import { GradientFillPlotOptions } from "./gradientfill-plot";
-import GradientFillPlot from "./gradientfill-plot";
-import { setAttrs } from "@equinor/videx-wellog";
-
-/* Missed exports from "@equinor/videx-wellog !!! */
-// eslint-disable-next-line
-declare type D3Selection = any; //import { D3Selection } from "@equinor/videx-wellog/dist/common/interfaces';
-import { renderBasicPlotLegend } from "./legend/common"; //import { renderBasicPlotLegend } from "@equinor/videx-wellog/dist/plots/legend/common';
-/* End of missed from "@equinor/videx-wellog */
-
-import { ColorTable } from "../components/ColorTableTypes";
-import { getInterpolatedColorString } from "./color-table";
-
-import { color4ToString } from "./color-table";
-let __idGradient = 0;
-function createGradient(
-    g: D3Selection,
-    colorTable: ColorTable,
-    rLogarithmic?: number
-): string {
-    const id = "grad" + ++__idGradient; // generate unique id
-    const lg = g
-        .append("defs")
-        .append("linearGradient")
-        .attr("id", id) //id of the gradient
-        .attr("x1", "0%")
-        .attr("x2", "100%") //since it's a horizontal linear gradient
-        .attr("y1", "0%")
-        .attr("y2", "0%");
-    const colors = colorTable.colors;
-    if (rLogarithmic !== undefined) {
-        const yDelta = Math.log(rLogarithmic); // log(max/min)
-        const d = rLogarithmic - 1;
-        const nIntervals = 25;
-        for (let i = 0; i <= nIntervals; i++) {
-            const fraction = i / nIntervals;
-            const y = 1 + fraction * d;
-            const v = Math.log(y) / yDelta;
-            const c = getInterpolatedColorString(colorTable, v);
-            lg.append("stop")
-                .attr("offset", fraction * 100.0 + "%")
-                .style("stop-color", c);
-        }
-    } else {
-        for (let i = 0; i < colors.length; i++) {
-            const color = colors[i];
-            const c = color4ToString(color);
-            lg.append("stop")
-                .attr("offset", color[0] * 100.0 + "%")
-                .style("stop-color", c);
-        }
-    }
-    return id;
-}
-
-/**
- * Renders area legend to a SVG group element according to bounds.
- */
-export default function renderGradientFillPlotLegend(
-    g: D3Selection,
-    bounds: LegendBounds,
-    legendInfo: LegendInfo,
-    plot: GradientFillPlot
-): void {
-    const options = plot.options as GradientFillPlotOptions;
-    const { top, left, width, height } = bounds;
-    const shadeH = height / 2;
-    const shadeY = top;
-    const fillOpacity = Math.min((options.fillOpacity || 0.0) + 0.25, 1);
-
-    if (options.inverseColor || options.inverseColorTable) {
-        const [min, max] = plot.scale.domain();
-        const minIsLeft = min <= max;
-        const centerX = left + width / 2;
-        const useMinAsBase =
-            options.useMinAsBase === undefined ? true : options.useMinAsBase;
-
-        const shadeW = Math.max(0, width - 2);
-
-        let fillNrm =
-            useMinAsBase && minIsLeft
-                ? plot.options.color
-                : options.inverseColor;
-
-        let fillInv =
-            useMinAsBase && minIsLeft
-                ? options.inverseColor
-                : plot.options.color;
-
-        /* Start GradientFill code */
-        let colorTable =
-            useMinAsBase && minIsLeft
-                ? options.colorTable
-                : options.inverseColorTable;
-        if (colorTable) {
-            const id = createGradient(
-                g,
-                colorTable,
-                options.scale === "linear" && options.colorScale === "log"
-                    ? max / min
-                    : undefined
-            );
-            fillNrm = "url(#" + id + ")";
-        }
-        colorTable =
-            useMinAsBase && minIsLeft
-                ? options.inverseColorTable
-                : options.colorTable;
-        if (colorTable) {
-            const id = createGradient(
-                g,
-                colorTable,
-                options.scale === "linear" &&
-                    (options.inverseColorScale || options.colorScale) === "log"
-                    ? max / min
-                    : undefined
-            );
-            fillInv = "url(#" + id + ")";
-        }
-        /* End GradientFill code */
-
-        setAttrs(g.append("rect"), {
-            x: left + 2,
-            y: shadeY,
-            width: shadeW / 2,
-            height: shadeH,
-            fill: fillNrm,
-            "fill-opacity": fillOpacity,
-        });
-
-        setAttrs(g.append("rect"), {
-            x: centerX,
-            y: shadeY,
-            width: shadeW / 2,
-            height: shadeH,
-            fill: fillInv,
-            "fill-opacity": fillOpacity,
-        });
-    } else {
-        let fillNrm = plot.options.color; // see area-plot-legend.ts! should be? plot.options.fill || plot.options.color;
-        /* Start GradientFill code */
-        const colorTable = options.colorTable;
-        if (colorTable) {
-            const [min, max] = plot.scale.domain();
-            const id = createGradient(
-                g,
-                colorTable,
-                options.scale === "linear" && options.colorScale === "log"
-                    ? max / min
-                    : undefined
-            );
-            fillNrm = "url(#" + id + ")";
-        }
-        /* End GradientFill code */
-
-        setAttrs(g.append("rect"), {
-            x: left + 2,
-            y: shadeY,
-            width: Math.max(0, width - 4),
-            height: shadeH,
-            fill: fillNrm,
-            "fill-opacity": fillOpacity,
-        });
-    }
-
-    renderBasicPlotLegend(
-        g,
-        bounds,
-        legendInfo.label ? legendInfo.label : "",
-        legendInfo.unit ? legendInfo.unit : "",
-        plot.scale.domain(),
-        plot.options.color ? plot.options.color : "",
-        true
-    );
-}