querysub 0.311.0 → 0.313.0

package/src/diagnostics/errorLogs/logFiltering.tsx

@@ -1,149 +0,0 @@
-import { URLParam, createURLSync } from "../../../src/library-components/URLParam";
-import preact from "preact"; import { qreact } from "../../../src/4-dom/qreact";
-import { Button } from "../../../src/library-components/Button";
-import { css } from "typesafecss";
-import { LogBlockInfo } from "../../../src/diagnostics/errorLogs/ErrorLogCore";
-import { cache } from "socket-function/src/caching";
-import { formatNumber } from "socket-function/src/formatting/format";
-import { TimelineInfo } from "./LogTimeSelector";
-import { getPathFromStr, getPathStr } from "../../../src/path";
-
-// NOTE: You visit the page to see errors, so that's what we mostly show.
-//     - We show all values inside the top UI AND the "last" UI
-//          - The "top" UI helps the user discover what they can see
-//          - The "last" UI results in being able to see if the warning fraction is increasing
-//              - Also, because of the minimum size, it SHOULD allow seeing if there are any fatals
-//                  or infos (the fraction will almost always be crushed by warnings though).
-//      - The rest of the UI is just based on showing when things happened, and then
-//          resolving recent issues.
-
-export const showFatalURL = new URLParam("showLogs", true);
-export const showErrorURL = new URLParam("showErrors", true);
-export const showWarningURL = new URLParam("showWarnings", false);
-export const showInfoURL = new URLParam("showInfos", false);
-
-export const showOldestLogsFirstURL = new URLParam("logOldestFirst", false);
-export const showLiveLogsURL = new URLParam("showLiveLogs", true);
-
-// getPathStr(ids)
-export const filterToClassesURL = new URLParam("filterToClasses", "");
-export const filterMachineIdsURL = new URLParam("filterMachineIds", "");
-export const filterThreadIdsURL = new URLParam("filterThreadIds", "");
-
-export function getPathArrayLax(str: string) {
-    if (!str) return [];
-    let array = getPathFromStr(str);
-    if (!array.length) return [str];
-    return array;
-}
-export function getLogFilterClasses() {
-    return getPathArrayLax(filterToClassesURL.value);
-}
-export function getLogFilterMachineIds() {
-    return getPathArrayLax(filterMachineIdsURL.value);
-}
-export function getLogFilterThreadIds() {
-    return getPathArrayLax(filterThreadIdsURL.value);
-}
-
-export const fatalColor = { h: -5, s: 75, l: 75 };
-export const errorColor = { h: 0, s: 50, l: 50 };
-export const warnColor = { h: 50, s: 50, l: 50 };
-export const infoColor = { h: 200, s: 50, l: 50 };
-
-export const countColors = {
-    fatal: fatalColor,
-    error: errorColor,
-    warn: warnColor,
-    info: infoColor,
-};
-
-export type Counts = {
-    total: number;
-    fatal: number;
-    error: number;
-    warn: number;
-    info: number;
-};
-export let countTypes = ["fatal", "error", "warn", "info"] as const;
-
-
-export class PickLogType extends qreact.Component<{
-    infos: TimelineInfo[] | undefined;
-}> {
-    render() {
-        let counts = countTypesCache(this.props.infos);
-        function renderShowButton(config: {
-            url: URLParam<boolean>;
-            title: string;
-            color: { h: number; s: number; l: number; };
-            count: number;
-        }) {
-            let { url, title, color, count } = config;
-            color = { ...color };
-            if (!url.value) {
-                color.s -= 30;
-            }
-            return (
-                <Button
-                    class={css
-                        .hsla(color.h, color.s, color.l, 1)
-                        .button
-                        .color("white")
-                        .border("1px solid hsl(0, 0%, 10%)")
-                        .boldStyle
-                        .pad2(30, 16)
-                        + (!url.value ? css.opacity(0.5) : "")
-                    }
-                    onClick={() => url.value = !url.value}
-                >
-                    {url.value ? "Hide " : "Show "} {formatNumber(count)} {title}s
-                </Button>
-            );
-        }
-        return (
-            <div class={css.hbox(2).center}>
-                {renderShowButton({
-                    url: showFatalURL,
-                    title: "Fatal",
-                    color: fatalColor,
-                    count: counts.fatalCount,
-                })}
-                {renderShowButton({
-                    url: showErrorURL,
-                    title: "Error",
-                    color: errorColor,
-                    count: counts.errorCount,
-                })}
-                {renderShowButton({
-                    url: showWarningURL,
-                    title: "Warning",
-                    color: warnColor,
-                    count: counts.warnCount,
-                })}
-                {renderShowButton({
-                    url: showInfoURL,
-                    title: "Info",
-                    color: infoColor,
-                    count: counts.infoCount,
-                })}
-            </div>
-        );
-    }
-}
-
-const countTypesCache = cache((infos: TimelineInfo[] | undefined) => {
-    let fatalCount = 0;
-    let errorCount = 0;
-    let warnCount = 0;
-    let infoCount = 0;
-    if (infos) {
-        for (let info of infos) {
-            fatalCount += info.fatalCount;
-            errorCount += info.errorCount;
-            warnCount += info.warnCount;
-            infoCount += info.infoCount;
-        }
-    }
-    return { fatalCount, errorCount, warnCount, infoCount };
-});