@seedtactics/insight-client 16.4.0

package/dist/network/load-specific-month.js

@@ -0,0 +1,77 @@
+/* Copyright (c) 2021, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { addMonths, startOfMonth } from "date-fns";
+import { onLoadSpecificMonthJobs, onLoadSpecificMonthLog } from "../cell-status/loading.js";
+import { JobsBackend, LogBackend } from "./backend.js";
+import { atom, useSetAtom } from "jotai";
+const selectType = atom("Last30");
+const selectMonth = atom(startOfMonth(new Date()));
+export const selectedMonth = atom((get) => get(selectMonth), (get, set, m) => {
+    set(selectType, "SpecificMonth");
+    set(selectMonth, m);
+    if (get(loadedMonth) !== m && !get(loadingSpecificMonthRW)) {
+        loadMonth(m, set);
+    }
+});
+export const selectedAnalysisPeriod = atom((get) => {
+    const ty = get(selectType);
+    if (ty === "Last30") {
+        return { type: "Last30" };
+    }
+    else {
+        return { type: "SpecificMonth", month: get(selectMonth) };
+    }
+});
+const loadedMonth = atom(null);
+const loadingSpecificMonthRW = atom(false);
+export const loadingSpecificMonthData = loadingSpecificMonthRW;
+const errorLoadingSpecificMonthRW = atom(null);
+export const errorLoadingSpecificMonthData = errorLoadingSpecificMonthRW;
+function loadMonth(month, set) {
+    set(loadingSpecificMonthRW, true);
+    set(errorLoadingSpecificMonthRW, null);
+    const startOfNextMonth = addMonths(month, 1);
+    const jobsProm = JobsBackend.history(month, startOfNextMonth).then((j) => set(onLoadSpecificMonthJobs, j));
+    const logProm = LogBackend.get(month, startOfNextMonth).then((log) => set(onLoadSpecificMonthLog, log));
+    Promise.all([jobsProm, logProm])
+        .then(() => set(loadedMonth, month))
+        .catch((e) => set(errorLoadingSpecificMonthRW, e.message ?? "Error"))
+        .finally(() => set(loadingSpecificMonthRW, false));
+}
+export function useSetLast30() {
+    const setLast30 = useSetAtom(selectType);
+    return () => setLast30("Last30");
+}
+export function useSetSpecificMonthWithoutLoading() {
+    return useSetAtom(selectMonth);
+}

package/dist/network/server-settings.d.ts

@@ -0,0 +1,12 @@
+import { User } from "oidc-client-ts";
+import * as api from "./api.js";
+export interface FMSInfoAndUser extends Readonly<api.IFMSInfo> {
+    readonly user?: User;
+}
+export declare function requireLogin(fmsInfo: Readonly<api.IFMSInfo>): boolean;
+export declare function loadInfo(): Promise<FMSInfoAndUser>;
+export declare const fmsInformation: import("jotai").PrimitiveAtom<FMSInfoAndUser> & {
+    init: FMSInfoAndUser;
+};
+export declare function login(fmsInfo: FMSInfoAndUser): void;
+export declare function logout(): void;

package/dist/network/server-settings.js

@@ -0,0 +1,92 @@
+/* Copyright (c) 2020, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { UserManager } from "oidc-client-ts";
+import { FmsServerBackend, setOtherLogBackends, setUserToken } from "./backend.js";
+import { atom } from "jotai";
+let userManager;
+export function requireLogin(fmsInfo) {
+    if (!fmsInfo.openIDConnectClientId)
+        return false;
+    if (location.hostname === "localhost") {
+        return !!fmsInfo.localhostOpenIDConnectAuthority;
+    }
+    else {
+        return !!fmsInfo.openIDConnectAuthority;
+    }
+}
+export async function loadInfo() {
+    const fmsInfo = await FmsServerBackend.fMSInformation();
+    if (fmsInfo.additionalLogServers && fmsInfo.additionalLogServers.length > 0) {
+        setOtherLogBackends(fmsInfo.additionalLogServers);
+    }
+    let user = null;
+    if (requireLogin(fmsInfo)) {
+        userManager = new UserManager({
+            authority: (location.hostname === "localhost"
+                ? fmsInfo.localhostOpenIDConnectAuthority
+                : fmsInfo.openIDConnectAuthority) ?? "",
+            client_id: fmsInfo.openIDConnectClientId ?? "",
+            redirect_uri: window.location.protocol + "//" + window.location.host + "/",
+            post_logout_redirect_uri: window.location.protocol + "//" + window.location.host + "/",
+            automaticSilentRenew: true,
+            loadUserInfo: true,
+            scope: "openid profile",
+        });
+        user = await userManager.getUser();
+        if (!user) {
+            try {
+                user = await userManager.signinRedirectCallback();
+            }
+            catch {
+                user = null;
+            }
+            window.history.replaceState({}, "", "/");
+        }
+        if (user) {
+            setUserToken(user);
+            localStorage.setItem("current-operator", user.profile.name || user.profile.sub);
+        }
+    }
+    return { ...fmsInfo, user: user === null ? undefined : user };
+}
+export const fmsInformation = atom({ name: "FMS Insight", version: "" });
+export function login(fmsInfo) {
+    if (userManager && !fmsInfo.user) {
+        userManager.signinRedirect().catch((e) => console.log(e));
+    }
+}
+export function logout() {
+    if (userManager) {
+        userManager.signoutRedirect().catch((e) => console.log(e));
+    }
+}

package/dist/network/websocket.d.ts

@@ -0,0 +1,4 @@
+import { Atom } from "jotai";
+export declare const websocketReconnecting: Atom<boolean>;
+export declare const errorLoadingLast30: Atom<string | null>;
+export declare function WebsocketConnection(): null;

package/dist/network/websocket.js

@@ -0,0 +1,165 @@
+/* Copyright (c) 2021, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { ServerEvent } from "./api.js";
+import { JobsBackend, LogBackend } from "./backend.js";
+import { fmsInformation } from "./server-settings.js";
+import { useCallback, useEffect, useRef } from "react";
+import { lastEventCounter, onLoadCurrentSt, onLoadLast30Jobs, onLoadLast30Log, onServerEvent, } from "../cell-status/loading.js";
+import { addDays } from "date-fns";
+import { last30SchIds } from "../cell-status/scheduled-jobs.js";
+import { atom, useAtomValue, useSetAtom } from "jotai";
+const websocketReconnectingAtom = atom(false);
+export const websocketReconnecting = websocketReconnectingAtom;
+const errorLoadingLast30RW = atom(null);
+export const errorLoadingLast30 = errorLoadingLast30RW;
+function loadInitial(set) {
+    const now = new Date();
+    const thirtyDaysAgo = addDays(now, -30);
+    const curStProm = JobsBackend.currentStatus().then((st) => set(onLoadCurrentSt, st));
+    const jobsProm = JobsBackend.recent(thirtyDaysAgo, []).then((j) => set(onLoadLast30Jobs, j));
+    const logProm = LogBackend.get(thirtyDaysAgo, now).then((log) => set(onLoadLast30Log, log));
+    Promise.all([curStProm, jobsProm, logProm])
+        .catch((e) => set(errorLoadingLast30RW, e.message ?? "Error"))
+        .finally(() => set(websocketReconnectingAtom, false));
+}
+function loadMissed(lastCntr, schIds, set) {
+    const now = new Date();
+    const curStProm = JobsBackend.currentStatus().then((st) => set(onLoadCurrentSt, st));
+    const jobsProm = JobsBackend.recent(addDays(now, -30), schIds ? Array.from(schIds) : []).then((j) => set(onLoadLast30Jobs, j));
+    const logProm = LogBackend.recent(lastCntr, undefined).then((log) => set(onLoadLast30Log, log));
+    Promise.all([curStProm, jobsProm, logProm])
+        .catch((e) => set(errorLoadingLast30RW, e.message ?? "Error"))
+        .finally(() => set(websocketReconnectingAtom, false));
+}
+class ReconnectingWebsocket {
+    constructor(url) {
+        this.userCalledClose = false;
+        this.reconnectAttempts = 0;
+        this.url = url;
+        this.connect();
+    }
+    close() {
+        this.userCalledClose = true;
+        this.ws?.close();
+    }
+    connect() {
+        if (this.userCalledClose)
+            return;
+        this.ws = new WebSocket(this.url);
+        const localWs = this.ws;
+        const connectTimeout = setTimeout(() => {
+            localWs.close();
+        }, 2000);
+        localWs.onopen = () => {
+            clearTimeout(connectTimeout);
+            this.reconnectAttempts = 0;
+            this.onopen?.();
+        };
+        localWs.onclose = () => {
+            clearTimeout(connectTimeout);
+            this.ws = undefined;
+            if (this.userCalledClose) {
+                return;
+            }
+            this.onreconnecting?.();
+            const delay = Math.min(1000 * Math.pow(1.5, this.reconnectAttempts), 30000);
+            setTimeout(() => {
+                this.reconnectAttempts++;
+                this.connect();
+            }, delay);
+        };
+        localWs.onmessage = (evt) => {
+            this.onmessage?.(evt);
+        };
+        localWs.onerror = (evt) => {
+            console.error(evt);
+        };
+    }
+}
+const onOpenAtom = atom(null, (get, set) => {
+    const lastSeenCntr = get(lastEventCounter);
+    const schIds = get(last30SchIds);
+    set(websocketReconnectingAtom, true);
+    set(errorLoadingLast30RW, null);
+    if (lastSeenCntr !== null && lastSeenCntr !== undefined) {
+        loadMissed(lastSeenCntr, schIds, set);
+    }
+    else {
+        loadInitial(set);
+    }
+});
+const onMessageAtom = atom(null, (_, set, evt) => {
+    const serverEvt = ServerEvent.fromJS(JSON.parse(evt.data));
+    set(onServerEvent, { evt: serverEvt, now: new Date(), expire: true });
+});
+export function WebsocketConnection() {
+    const onOpen = useSetAtom(onOpenAtom);
+    const setReconnecting = useSetAtom(websocketReconnectingAtom);
+    const onReconnecting = useCallback(() => setReconnecting(true), [setReconnecting]);
+    const onMessage = useSetAtom(onMessageAtom);
+    const fmsInfoLoadable = useAtomValue(fmsInformation);
+    const websocketRef = useRef(null);
+    useEffect(() => {
+        if (websocketRef.current)
+            return;
+        const user = fmsInfoLoadable.user ?? null;
+        const loc = window.location;
+        let uri;
+        if (loc.protocol === "backup:") {
+            // viewing page in backup viewer, no websocket connection
+            return;
+        }
+        else if (loc.protocol === "https:") {
+            uri = "wss:";
+        }
+        else {
+            uri = "ws:";
+        }
+        uri += "//" + loc.host + "/api/v1/events";
+        if (user) {
+            uri += "?token=" + encodeURIComponent(user.access_token);
+        }
+        const websocket = new ReconnectingWebsocket(uri);
+        websocket.onopen = onOpen;
+        websocket.onreconnecting = onReconnecting;
+        websocket.onmessage = onMessage;
+        websocketRef.current = websocket;
+        return () => {
+            if (websocketRef.current) {
+                websocketRef.current.close();
+                websocketRef.current = null;
+            }
+        };
+    }, [fmsInfoLoadable, onMessage, onOpen, onReconnecting]);
+    return null;
+}

package/dist/renderer.d.ts

@@ -0,0 +1,8 @@
+import "highlight.js/styles/default.css";
+import "@fontsource/roboto/300.css";
+import "@fontsource/roboto/400.css";
+import "@fontsource/roboto/500.css";
+import "@fontsource/roboto/700.css";
+import { AppProps } from "./components/App.js";
+import { createStore } from "jotai";
+export declare function render(appProps: AppProps | null, elem: HTMLElement, store: ReturnType<typeof createStore>): void;

package/dist/renderer.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2021, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { CssBaseline } from "@mui/material";
+import "highlight.js/styles/default.css";
+import "@fontsource/roboto/300.css";
+import "@fontsource/roboto/400.css";
+import "@fontsource/roboto/500.css";
+import "@fontsource/roboto/700.css";
+import { green, brown } from "@mui/material/colors";
+import { ThemeProvider, createTheme } from "@mui/material/styles";
+import App from "./components/App.js";
+import { Provider } from "jotai";
+export function render(appProps, elem, store) {
+    const theme = createTheme({
+        palette: {
+            primary: green,
+            secondary: brown,
+        },
+    });
+    const root = createRoot(elem);
+    root.render(_jsxs(ThemeProvider, { theme: theme, children: [_jsx(CssBaseline, {}), _jsx(StrictMode, { children: _jsx(Provider, { store: store, children: _jsx(App, { ...appProps }) }) })] }));
+}

package/dist/seedtactics-logo.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare function SeedtacticLogo(): ReactNode;

package/dist/seedtactics-logo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SeedtacticLogo() {
+    return (_jsxs("svg", { width: "30px", height: "30px", viewBox: "0 0 170 170", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("defs", { children: [_jsx("path", { id: "t", d: "m307.5 125v77.5h-40c6.92-6.52 11.25-10.6 12.98-12.23 10.65-10.04 13.56-25.81 7.21-38.99-1.7-3.5-5.92-12.26-12.69-26.28z" }), _jsx("path", { id: "ag", d: "m273.88 120.52c-0.13 0.28-4.87 3.3-11.17 0.5-6.3-2.81-11.99-9.96-11.67-10.67 0.32-0.72 9.44-1.27 15.74 1.53 6.3 2.81 7.23 8.35 7.1 8.64z" }), _jsx("path", { id: "m", d: "m259 102.25c-0.13 0.29-4.2 3.61-9.02 1.46-4.81-2.14-8.75-8.51-8.43-9.23 0.31-0.71 7.69-2.05 12.5 0.1 4.82 2.14 5.07 7.39 4.95 7.67z" }), _jsx("path", { id: "x", d: "m282.79 114.2c-0.2 0.24-5.59 1.84-10.87-2.59-5.29-4.44-8.78-12.88-8.28-13.48 0.5-0.59 9.42 1.38 14.7 5.82 5.29 4.43 4.65 10.02 4.45 10.25z" }), _jsx("path", { id: "k", d: "m268.39 125.43c-0.12-0.28-4.33-3.54-9.45-1.26s-9.41 8.81-9.1 9.52c0.32 0.71 8.05 1.89 13.17-0.39s5.51-7.58 5.38-7.87z" }), _jsx("path", { id: "ae", d: "m243.83 111.58c0 0.31-2.61 5-8.43 5s-12.65-4.22-12.65-5 6.83-5 12.65-5 8.43 4.69 8.43 5z" }), _jsx("path", { id: "l", d: "m304.24 109.88c-0.31 0.04-5.38-2.38-6.34-9.21s2.09-15.44 2.86-15.55 6.08 7.33 7.04 14.16-3.25 10.55-3.56 10.6z" }), _jsx("path", { id: "u", d: "m306.79 80.57c-0.31 0.05-5.31-1.83-6.1-7.47-0.79-5.63 2.45-12.84 3.23-12.95 0.77-0.11 5.88 5.92 6.67 11.56s-3.49 8.82-3.8 8.86z" }), _jsx("path", { id: "a", d: "m306.13 58.04c-0.31 0.05-5.23-1.3-5.86-5.74-0.62-4.43 2.83-10.24 3.6-10.34 0.77-0.11 5.68 4.51 6.31 8.95 0.62 4.44-3.74 7.09-4.05 7.13z" }), _jsx("path", { id: "f", d: "m295.52 118.45c-0.29 0.13-6.1-1.39-9.5-9.02-3.39-7.64-3.53-18.31-2.82-18.63 0.72-0.32 8.56 6.93 11.96 14.56s0.64 12.97 0.36 13.09z" }), _jsx("path", { id: "b", d: "m272.35 90.11c-0.26 0.19-5.76 0.58-9.58-4.67-3.82-5.26-4.88-13.9-4.25-14.36s8.52 3.23 12.34 8.48 1.74 10.37 1.49 10.55z" }), _jsx("path", { id: "s", d: "m289.97 85.66c-0.28 0.13-5.97-0.97-9.17-7.84-3.21-6.87-3.15-16.73-2.44-17.06s8.3 5.96 11.5 12.83 0.4 11.94 0.11 12.07z" }), _jsx("path", { id: "n", d: "m270.16 65.57c-0.28 0.14-5.38 0.38-7.35-3.65-1.96-4.03-0.48-10.62 0.22-10.96s6.8 2.54 8.77 6.58c1.97 4.03-1.36 7.9-1.64 8.03z" }), _jsx("path", { id: "ah", d: "m250 80c-0.17 0.26-4.4 3.11-8.12 0.69s-5.79-8.79-5.37-9.45c0.43-0.65 7.1-1.35 10.82 1.06 3.72 2.42 2.84 7.44 2.67 7.7z" }), _jsx("path", { id: "y", d: "m236.47 96.58c-0.11 0.29-3.72 3.89-7.83 2.23-4.12-1.66-7.37-7.53-7.07-8.25 0.29-0.72 6.7-2.68 10.81-1.02 4.12 1.66 4.21 6.75 4.09 7.04z" }), _jsx("path", { id: "aa", d: "m290.52 56.48c-0.28 0.14-5.35 0.58-7.44-3.33-2.08-3.92-0.8-10.5-0.11-10.87s6.86 2.25 8.94 6.17c2.09 3.92-1.12 7.88-1.39 8.03z" }), _jsx("path", { id: "af", d: "m274.18 138.46c-0.16-0.26-5.28-2.6-11.13 1.06s-10.48 11.53-10.07 12.19 9.52-0.05 15.37-3.71 6-9.27 5.83-9.54z" }), _jsx("path", { id: "z", d: "m247.89 137.78c0.11 0.29-0.65 5.6-6.08 7.69-5.43 2.08-13.32 0.59-13.6-0.14s4.58-7.11 10.01-9.2c5.44-2.08 9.56 1.36 9.67 1.65z" }), _jsx("path", { id: "h", d: "m235.06 125.39c0.1 0.3-0.26 5.38-4.46 6.83-4.19 1.44-10.49-0.85-10.75-1.59-0.25-0.74 3.3-6.42 7.5-7.87 4.19-1.44 7.61 2.34 7.71 2.63z" }), _jsx("path", { id: "ab", d: "m317.14 85.63c0.28 0.13 5.97-0.98 9.17-7.85 3.21-6.87 3.14-16.72 2.44-17.05-0.71-0.33-8.3 5.95-11.5 12.82-3.21 6.87-0.4 11.94-0.11 12.08z" }), _jsx("path", { id: "ac", d: "m299.61 124.96v77.5h40c-6.93-6.52-11.25-10.6-12.99-12.23-10.64-10.03-13.56-25.81-7.2-38.99 1.69-3.5 5.92-12.26 12.69-26.28z" }), _jsx("path", { id: "c", d: "m348.11 102.22c0.13 0.28 4.2 3.6 9.01 1.46 4.82-2.15 8.76-8.52 8.44-9.23-0.32-0.72-7.69-2.05-12.5 0.09-4.82 2.14-5.08 7.39-4.95 7.68z" }), _jsx("path", { id: "p", d: "m324.32 114.17c0.2 0.24 5.59 1.83 10.87-2.6 5.29-4.43 8.78-12.87 8.28-13.47s-9.42 1.38-14.71 5.81c-5.28 4.43-4.64 10.02-4.44 10.26z" }), _jsx("path", { id: "o", d: "m338.71 125.4c0.13-0.29 4.34-3.55 9.46-1.27s9.41 8.81 9.09 9.52c-0.31 0.72-8.04 1.9-13.16-0.38s-5.51-7.59-5.39-7.87z" }), _jsx("path", { id: "j", d: "m363.28 111.54c0 0.32 2.61 5 8.43 5s12.65-4.21 12.65-5c0-0.78-6.83-5-12.65-5s-8.43 4.69-8.43 5z" }), _jsx("path", { id: "w", d: "m311.59 118.42c0.29 0.12 6.1-1.4 9.49-9.03 3.4-7.63 3.54-18.31 2.82-18.63-0.71-0.32-8.55 6.93-11.95 14.56s-0.64 12.97-0.36 13.1z" }), _jsx("path", { id: "i", d: "m334.76 90.08c0.25 0.18 5.76 0.57 9.58-4.68 3.81-5.25 4.88-13.9 4.25-14.36s-8.53 3.23-12.34 8.48c-3.82 5.26-1.74 10.37-1.49 10.56z" }), _jsx("path", { id: "r", d: "m333.23 120.48c0.12 0.29 4.86 3.31 11.17 0.5 6.3-2.81 11.98-9.96 11.67-10.67-0.32-0.71-9.44-1.27-15.74 1.53-6.3 2.81-7.23 8.35-7.1 8.64z" }), _jsx("path", { id: "ad", d: "m336.95 65.54c0.28 0.13 5.38 0.38 7.35-3.66 1.96-4.03 0.48-10.61-0.22-10.96-0.7-0.34-6.81 2.55-8.77 6.58-1.97 4.03 1.36 7.9 1.64 8.04z" }), _jsx("path", { id: "ai", d: "m357.11 79.96c0.17 0.27 4.39 3.11 8.12 0.69 3.72-2.41 5.79-8.79 5.36-9.44-0.42-0.66-7.09-1.36-10.81 1.06-3.72 2.41-2.84 7.43-2.67 7.69z" }), _jsx("path", { id: "d", d: "m370.63 96.55c0.12 0.29 3.73 3.89 7.84 2.22 4.11-1.66 7.37-7.52 7.07-8.25-0.29-0.72-6.7-2.68-10.82-1.02-4.11 1.66-4.2 6.76-4.09 7.05z" }), _jsx("path", { id: "q", d: "m316.59 56.44c0.28 0.15 5.35 0.59 7.43-3.33 2.09-3.92 0.81-10.5 0.12-10.87-0.69-0.36-6.86 2.26-8.95 6.17-2.08 3.92 1.12 7.88 1.4 8.03z" }), _jsx("path", { id: "v", d: "m332.93 138.42c0.16-0.26 5.28-2.59 11.13 1.06 5.85 3.66 10.48 11.53 10.07 12.19-0.42 0.66-9.52-0.05-15.37-3.71-5.85-3.65-6-9.27-5.83-9.54z" }), _jsx("path", { id: "g", d: "m359.22 137.74c-0.11 0.29 0.65 5.61 6.08 7.69 5.43 2.09 13.32 0.59 13.6-0.13 0.28-0.73-4.59-7.12-10.02-9.21-5.43-2.08-9.55 1.36-9.66 1.65z" }), _jsx("path", { id: "e", d: "m372.05 125.36c-0.1 0.29 0.26 5.37 4.45 6.82 4.2 1.44 10.5-0.85 10.75-1.59 0.26-0.74-3.29-6.42-7.49-7.87-4.2-1.44-7.61 2.34-7.71 2.64z" })] }), _jsx("g", { transform: "translate(-219.32 -33)", visibility: "inherit", children: _jsxs("g", { visibility: "inherit", children: [_jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#t" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#t" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ag" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#ag" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#m" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#m" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#x" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#x" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#k" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#k" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ae" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#ae" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#l" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#l" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#u" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#u" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#a" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#a" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#f" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#f" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#b" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#b" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#s" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#s" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#n" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#n" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ah" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#y" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#y" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#aa" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#aa" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#af" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#af" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#z" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#z" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#h" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#h" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ab" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#ab" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ac" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#ac" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#c" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#c" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#p" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#p" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#o" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#o" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#j" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#j" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#w" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#w" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#i" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#i" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#r" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#r" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ad" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#ad" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#ai" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#d" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#d" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#q" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#q" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#v" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#v" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#g" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#g" }), _jsx("use", { width: "100%", height: "100%", fill: "#DBA72E", href: "#e" }), _jsx("use", { width: "100%", height: "100%", fillOpacity: "0", stroke: "#DBA72E", href: "#e" })] }) })] }));
+}

package/dist/util/chart-colors.d.ts

@@ -0,0 +1 @@
+export declare function seriesColor(idx: number, count: number): string;

package/dist/util/chart-colors.js

@@ -0,0 +1,116 @@
+// https://personal.sron.nl/~pault/
+const paulTolQualitativeColors = [
+    ["4477aa"],
+    ["4477aa", "cc6677"],
+    ["4477aa", "ddcc77", "cc6677"],
+    ["4477aa", "117733", "ddcc77", "cc6677"],
+    ["332288", "88ccee", "117733", "ddcc77", "cc6677"],
+    ["332288", "88ccee", "117733", "ddcc77", "cc6677", "aa4499"],
+    ["332288", "88ccee", "44aa99", "117733", "ddcc77", "cc6677", "aa4499"],
+    ["332288", "88ccee", "44aa99", "117733", "999933", "ddcc77", "cc6677", "aa4499"],
+    ["332288", "88ccee", "44aa99", "117733", "999933", "ddcc77", "cc6677", "882255", "aa4499"],
+    ["332288", "88ccee", "44aa99", "117733", "999933", "ddcc77", "661100", "cc6677", "882255", "aa4499"],
+    [
+        "332288",
+        "6699cc",
+        "88ccee",
+        "44aa99",
+        "117733",
+        "999933",
+        "ddcc77",
+        "661100",
+        "cc6677",
+        "882255",
+        "aa4499",
+    ],
+    [
+        "332288",
+        "6699cc",
+        "88ccee",
+        "44aa99",
+        "117733",
+        "999933",
+        "ddcc77",
+        "661100",
+        "cc6677",
+        "aa4466",
+        "882255",
+        "aa4499",
+    ],
+];
+// https://github.com/google/palette.js/blob/master/palette.js
+const mpn65Colors = [
+    "ff0029",
+    "377eb8",
+    "66a61e",
+    "984ea3",
+    "00d2d5",
+    "ff7f00",
+    "af8d00",
+    "7f80cd",
+    "b3e900",
+    "c42e60",
+    "a65628",
+    "f781bf",
+    "8dd3c7",
+    "bebada",
+    "fb8072",
+    "80b1d3",
+    "fdb462",
+    "fccde5",
+    "bc80bd",
+    "ffed6f",
+    "c4eaff",
+    "cf8c00",
+    "1b9e77",
+    "d95f02",
+    "e7298a",
+    "e6ab02",
+    "a6761d",
+    "0097ff",
+    "00d067",
+    "000000",
+    "252525",
+    "525252",
+    "737373",
+    "969696",
+    "bdbdbd",
+    "f43600",
+    "4ba93b",
+    "5779bb",
+    "927acc",
+    "97ee3f",
+    "bf3947",
+    "9f5b00",
+    "f48758",
+    "8caed6",
+    "f2b94f",
+    "eff26e",
+    "e43872",
+    "d9b100",
+    "9d7a00",
+    "698cff",
+    "d9d9d9",
+    "00d27e",
+    "d06800",
+    "009f82",
+    "c49200",
+    "cbe8ff",
+    "fecddf",
+    "c27eb6",
+    "8cd2ce",
+    "c4b8d9",
+    "f883b0",
+    "a49100",
+    "f48800",
+    "27d0df",
+    "a04a9b",
+];
+export function seriesColor(idx, count) {
+    if (count <= paulTolQualitativeColors.length) {
+        return "#" + paulTolQualitativeColors[count - 1][idx];
+    }
+    else {
+        return "#" + mpn65Colors[idx % mpn65Colors.length];
+    }
+}

package/dist/util/chart-helpers.d.ts

@@ -0,0 +1,3 @@
+import { MouseEvent, TouchEvent } from "react";
+export declare function localPoint(evt: MouseEvent<Element> | TouchEvent<Element>): DOMPoint | null;
+export declare function measureSvgString(str: string, fontSize?: number): number | null;

package/dist/util/chart-helpers.js

@@ -0,0 +1,51 @@
+export function localPoint(evt) {
+    const node = evt.target;
+    if (!node)
+        return null;
+    if (!(node instanceof SVGElement))
+        return null;
+    const svg = node instanceof SVGSVGElement ? node : node.ownerSVGElement;
+    if (!svg)
+        return null;
+    const screenCTM = svg.getScreenCTM();
+    if (!screenCTM)
+        return null;
+    const point = svg.createSVGPoint();
+    if ("changedTouches" in evt) {
+        point.x = evt.changedTouches[0].clientX;
+        point.y = evt.changedTouches[0].clientY;
+    }
+    else {
+        point.x = evt.clientX;
+        point.y = evt.clientY;
+    }
+    return point.matrixTransform(screenCTM.inverse());
+}
+const measureTextId = "__bms_measure_text_element";
+export function measureSvgString(str, fontSize) {
+    try {
+        let txtElem = document.getElementById(measureTextId);
+        if (!txtElem) {
+            const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            svg.setAttribute("aria-hidden", "true");
+            svg.style.position = "absolute";
+            svg.style.top = "-100%";
+            svg.style.left = "-100%";
+            svg.style.width = "0";
+            svg.style.height = "0";
+            svg.style.opacity = "0";
+            txtElem = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            txtElem.setAttribute("id", measureTextId);
+            if (fontSize) {
+                txtElem.style.fontSize = fontSize.toString();
+            }
+            svg.appendChild(txtElem);
+            document.body.appendChild(svg);
+        }
+        txtElem.textContent = str;
+        return txtElem.getComputedTextLength();
+    }
+    catch {
+        return null;
+    }
+}

package/dist/util/parseISODuration.d.ts

@@ -0,0 +1,4 @@
+import { Duration } from "date-fns";
+export default function parseISODuration(argument: string): Duration | null;
+export declare function durationToSeconds(duration: string): number;
+export declare function durationToMinutes(duration: string): number;