querysub 0.374.0 → 0.375.0

package/src/diagnostics/logs/errorNotifications/ErrorSuppressionUI.tsx

@@ -1,280 +0,0 @@
-import { SocketFunction } from "socket-function/SocketFunction";
-import { qreact } from "../../../4-dom/qreact";
-import { NOT_AN_ERROR_EXPIRE_TIME, RecentErrorsController, SuppressionEntry, SuppressionListController, getSuppressEntryChecker } from "./ErrorNotificationController";
-import { t } from "../../../2-proxy/schema2";
-import { css } from "../../../4-dom/css";
-import { InputLabel } from "../../../library-components/InputLabel";
-import { Button } from "../../../library-components/Button";
-import { Querysub } from "../../../4-querysub/QuerysubController";
-import { nextId, sort, timeInDay } from "socket-function/src/misc";
-import { formatNumber, formatVeryNiceDateTime } from "socket-function/src/formatting/format";
-import { formatDateJSX } from "../../../misc/formatJSX";
-import { LogDatum } from "../diskLogger";
-import { measureFnc } from "socket-function/src/profiling/measure";
-import { throttleRender } from "../../../functional/throttleRender";
-import { matchFilter } from "../../../misc";
-
-export class ErrorSuppressionUI extends qreact.Component<{
-    dataSeqNum: number;
-    suppressionCounts: Map<string, number>;
-    expiredSuppressionCounts: Map<string, number>;
-    datums: LogDatum[];
-    rerunFilters: () => void;
-}> {
-    state = t.state({
-        matchedInput: t.string(""),
-        renderLimit: t.number(10),
-        filter: t.string(""),
-    });
-
-    @measureFnc
-    private calculatePreviewMatchCount(pattern: string): number {
-        if (!pattern.trim()) return 0;
-
-        try {
-            let entry: SuppressionEntry = {
-                key: "preview",
-                match: pattern,
-                comment: "",
-                lastUpdateTime: Date.now(),
-                expiresAt: Date.now() + timeInDay,
-            };
-            let checker = getSuppressEntryChecker(entry);
-
-            let matchCount = 0;
-            for (let datum of this.props.datums.slice(0, 1000)) {
-                let datumStr = JSON.stringify(datum);
-                let buffer = Buffer.from(datumStr);
-                if (checker.fnc(buffer, 0, buffer.length)) {
-                    matchCount++;
-                }
-            }
-            return matchCount;
-        } catch (error) {
-            return 0;
-        }
-    }
-
-    public render() {
-        if (throttleRender({ key: "ErrorSuppressionUI", frameDelay: 30 })) return undefined;
-
-        this.props.dataSeqNum;
-        const controller = SuppressionListController(SocketFunction.browserNodeId());
-        let entries = (controller.getSuppressionList() || []);
-        sort(entries, x => -x.lastUpdateTime);
-        sort(entries, x => -(this.props.suppressionCounts.get(x.key) || 0));
-        sort(entries, x => -(this.props.expiredSuppressionCounts.get(x.key) || 0));
-
-        let totalCount = entries.length;
-        entries = entries.filter(x => matchFilter({ value: this.state.filter }, x.match));
-
-        const previewMatchCount = this.calculatePreviewMatchCount(this.state.matchedInput);
-
-        return <div className={css.vbox(16).pad2(16).fillWidth.bord2(0, 0, 50, 5).hsl(0, 0, 80)}>
-            <div className={css.fontSize(18)}>Error Suppression List ({formatNumber(entries.length)} / {formatNumber(totalCount)})</div>
-
-            <div className={css.hbox(8).fillWidth}>
-                <InputLabel
-                    label="Add Match"
-                    value={this.state.matchedInput}
-                    hot
-                    onChangeValue={(value) => this.state.matchedInput = value}
-                    onKeyDown={e => {
-                        if (e.key === "Enter") {
-                            let value = e.currentTarget.value;
-                            e.currentTarget.value = "";
-                            void Querysub.onCommitFinished(async () => {
-                                await controller.setSuppressionEntry.promise({
-                                    key: nextId(),
-                                    match: value,
-                                    comment: "",
-                                    lastUpdateTime: Date.now(),
-                                    expiresAt: Date.now() + timeInDay,
-                                });
-                                if (!e.shiftKey) {
-                                    Querysub.commit(() => {
-                                        this.props.rerunFilters();
-                                    });
-                                }
-                            });
-                        }
-                    }}
-                    fillWidth
-                    placeholder="* is supported as a wildcard (enter to submit and refresh, shift+enter to submit and do not refresh)"
-                />
-                {this.state.matchedInput.trim() && <span className={css.opacity(0.6).fontSize(12).flexShrink0}>
-                    matches {formatNumber(previewMatchCount)} (in top 1000)
-                </span>}
-
-                <Button
-                    onClick={() => {
-                        let value = this.state.matchedInput;
-                        this.state.matchedInput = "";
-                        void Querysub.onCommitFinished(async () => {
-                            await controller.setSuppressionEntry.promise({
-                                key: nextId(),
-                                match: value,
-                                comment: "",
-                                lastUpdateTime: Date.now(),
-                                expiresAt: Date.now() + timeInDay,
-                            });
-                            Querysub.commit(() => {
-                                this.props.rerunFilters();
-                            });
-                        });
-                    }}
-                    title="Fixed, or will fix within a day"
-                >
-                    Fixed
-                </Button>
-                <Button
-                    onClick={() => {
-                        let value = this.state.matchedInput;
-                        this.state.matchedInput = "";
-                        void Querysub.onCommitFinished(async () => {
-                            await controller.setSuppressionEntry.promise({
-                                key: nextId(),
-                                match: value,
-                                comment: "",
-                                lastUpdateTime: Date.now(),
-                                expiresAt: Date.now(),
-                            });
-                            Querysub.commit(() => {
-                                this.props.rerunFilters();
-                            });
-                        });
-                    }}
-                    title="Fixed immediately, any future errors even that happen right now will trigger again. "
-                >
-                    Fixed Now
-                </Button>
-                <Button onClick={() => {
-                    let value = this.state.matchedInput;
-                    this.state.matchedInput = "";
-                    void Querysub.onCommitFinished(async () => {
-                        await controller.setSuppressionEntry.promise({
-                            key: nextId(),
-                            match: value,
-                            comment: "",
-                            lastUpdateTime: Date.now(),
-                            expiresAt: NOT_AN_ERROR_EXPIRE_TIME,
-                        });
-                        Querysub.commit(() => {
-                            this.props.rerunFilters();
-                        });
-                    });
-                }}>
-                    Not a bug
-                </Button>
-            </div>
-
-
-            <InputLabel
-                label="Filter"
-                value={this.state.filter}
-                hot
-                onChangeValue={value => this.state.filter = value}
-                fillWidth
-            />
-
-
-            <div className={css.pad2(12).bord2(200, 40, 85).hsl(200, 40, 95).fillWidth}>
-                <strong>Note:</strong> Suppression time updates don't automatically rerun the search. Click Run to rerun the search.
-            </div>
-
-            <div className={css.vbox(8).fillWidth.overflowAuto.maxHeight("20vh")}>
-                {entries.slice(0, this.state.renderLimit).map((entry) => {
-                    const updateEntry = (changes: Partial<SuppressionEntry>) => {
-                        let newEntry = { ...entry, ...changes };
-                        void Querysub.onCommitFinished(async () => {
-                            await controller.setSuppressionEntry.promise(newEntry);
-                        });
-                    };
-                    let count = this.props.suppressionCounts.get(entry.key) || 0;
-                    let expiredCount = this.props.expiredSuppressionCounts.get(entry.key) || 0;
-                    return <div
-                        key={entry.match}
-                        className={
-                            css.hbox(8).pad2(12).bord2(0, 0, 10).fillWidth
-                            //+ (entry.expiresAt < Date.now() && expiredCount > 0 && css.opacity(0.5))
-                            + ((expiredCount === 0) && css.opacity(0.6))
-                            + (
-                                count > 0 && entry.expiresAt !== NOT_AN_ERROR_EXPIRE_TIME && css.hsla(0, 50, 50, 0.5)
-                                || css.hsla(0, 0, 0, 0.1)
-                            )
-                        }
-                    >
-                        <span className={css.width(100).hbox(2) + (expiredCount === 0 && count === 0 && css.opacity(0.8))}>
-                            ({formatNumber(count)})
-                            {
-                                expiredCount > 0 && <span className={css.hsl(0, 50, 50).pad2(4, 2).colorhsl(0, 50, 95)}>
-                                    + {formatNumber(expiredCount)} EXPIRED
-                                </span>
-                            }
-                        </span>
-                        <InputLabel
-                            label="Match Pattern"
-                            value={entry.match}
-                            onChangeValue={value => updateEntry({ match: value })}
-                            fillWidth={0.5}
-                        />
-                        <InputLabel
-                            label="Comment"
-                            value={entry.comment}
-                            onChangeValue={value => updateEntry({ comment: value })}
-                            fillWidth
-                        />
-
-                        <Button
-                            onClick={() => updateEntry({ expiresAt: Date.now() + timeInDay })}
-                            title="Fixed, or will fix within a day"
-                        >
-                            Fixed
-                        </Button>
-                        <Button onClick={() => updateEntry({ expiresAt: Date.now() + timeInDay * 7 })}
-                            title="Ignore for a week"
-                        >
-                            Ignore (for a week)
-                        </Button>
-                        <Button onClick={() => updateEntry({ expiresAt: NOT_AN_ERROR_EXPIRE_TIME })}>
-                            Not a bug
-                        </Button>
-                        <Button
-                            onClick={() => updateEntry({ expiresAt: Date.now() - timeInDay * 7 })}
-                            title="Unignore, so past errors show up again as errors"
-                        >
-                            Unignore
-                        </Button>
-                        <Button
-                            onClick={() => updateEntry({ expiresAt: Date.now() })}
-                            title="Set ignore time to now, so any future errors will receive notifications"
-                        >
-                            Ignore previous
-                        </Button>
-                        {entry.expiresAt === NOT_AN_ERROR_EXPIRE_TIME && <span>
-                            Not a bug
-                        </span>}
-                        {entry.expiresAt < Date.now() && <span>
-                            Expired {formatDateJSX(entry.expiresAt)}
-                        </span>}
-                        {entry.expiresAt > Date.now() && entry.expiresAt !== NOT_AN_ERROR_EXPIRE_TIME && <span>
-                            Expires {formatDateJSX(entry.expiresAt)}
-                        </span>}
-                        <span className={css.opacity(0.5)}>
-                            (Last Updated: {formatDateJSX(entry.lastUpdateTime)})
-                        </span>
-                        <Button
-                            onClick={() => controller.removeSuppressionEntry.promise(entry.key)}
-                            hue={120}
-                        >
-                            Remove
-                        </Button>
-                    </div>;
-                })}
-                {entries.length > this.state.renderLimit && <Button onClick={() => this.state.renderLimit *= 2}>
-                    Load More
-                </Button>}
-            </div>
-        </div>;
-    }
-}

package/src/diagnostics/logs/errorNotifications/ErrorWarning.tsx

@@ -1,254 +0,0 @@
-import { SocketFunction } from "socket-function/SocketFunction";
-import { qreact } from "../../../4-dom/qreact";
-import { css } from "../../../4-dom/css";
-import { isCurrentUserSuperUser, user_data } from "../../../user-implementation/userData";
-import { RecentErrorsController, SuppressionListController, watchRecentErrors, MAX_RECENT_ERRORS, NOT_AN_ERROR_EXPIRE_TIME, SuppressionEntry } from "./ErrorNotificationController";
-import { t } from "../../../2-proxy/schema2";
-import { InputLabel } from "../../../library-components/InputLabel";
-import { Button } from "../../../library-components/Button";
-import { ATag, Anchor, URLOverride } from "../../../library-components/ATag";
-import { managementPageURL, showingManagementURL } from "../../managementPages";
-import { errorNotifyToggleURL } from "../LogViewer2";
-import { Querysub } from "../../../4-querysub/QuerysubController";
-import { deepCloneJSON, nextId, timeInDay, timeInHour } from "socket-function/src/misc";
-import { formatNumber } from "socket-function/src/formatting/format";
-import { Icon } from "../../../library-components/icons";
-import { filterParam } from "../FastArchiveViewer";
-import { endTimeParam, startTimeParam } from "../TimeRangeSelector";
-import { formatDateJSX } from "../../../misc/formatJSX";
-import { atomic } from "../../../2-proxy/PathValueProxyWatcher";
-
-export function getErrorLogsLink(config?: {
-    startTime?: number;
-    endTime?: number;
-}): URLOverride[] {
-    let startTime = config?.startTime ?? Date.now() - timeInDay * 1;
-    let endTime = config?.endTime ?? Date.now() + timeInHour * 2;
-    return [
-        showingManagementURL.getOverride(true),
-        managementPageURL.getOverride("LogViewer2"),
-        errorNotifyToggleURL.getOverride(true),
-        filterParam.getOverride(""),
-
-        // NOTE: While loading a weeks worth of logs clientside is a bit slow. Scanning serverside is not nearly as bad, as it can be done over hours, but... we want the page to be snappy, loading in seconds, so... just use a day, and we might reduce it even further if needed...
-        startTimeParam.getOverride(startTime),
-        endTimeParam.getOverride(endTime),
-    ];
-}
-
-export class ErrorWarning extends qreact.Component {
-    state = t.state({
-        suppressionInput: t.string(""),
-        reloading: t.boolean(false),
-    });
-
-    public render() {
-        if (!isCurrentUserSuperUser()) return undefined;
-        watchRecentErrors();
-
-        let recentController = RecentErrorsController(SocketFunction.browserNodeId());
-        let suppressionController = SuppressionListController(SocketFunction.browserNodeId());
-
-        let recentErrors = recentController.getRecentErrors();
-
-        const refreshButton =
-            <Button
-                onClick={() => {
-                    this.state.reloading = true;
-                    void Querysub.onCommitFinished(async () => {
-                        try {
-                            await recentController.rescanAllErrorsNow.promise();
-                        } finally {
-                            Querysub.commit(() => {
-                                this.state.reloading = false;
-                            });
-                        }
-                    });
-                }}
-                flavor="noui"
-                className={
-                    css.button.hsla(0, 0, 50, 1).pad2(4, 1).borderRadius(2)
-                    + (this.state.reloading && css.animation("ErrorWarning-rotate 1s linear infinite"))
-                }
-            >
-                ⟳
-                <style>
-                    {
-                        `@keyframes ErrorWarning-rotate {
-                        from {
-                            transform: rotate(0deg);
-                        }
-                        to {
-                            transform: rotate(360deg);
-                        }
-                    }
-                    `}
-                </style>
-            </Button>;
-
-        let discordURLWarning: qreact.ComponentChildren = undefined;
-        if (!atomic(user_data().secure.notifyDiscordWebhookURL)) {
-            discordURLWarning = (
-                <Anchor
-                    target="_blank"
-                    title="Can't send application notifications to developers due to missing Discord hook URL. Click here and set it."
-                    values={[
-                        showingManagementURL.getOverride(true),
-                        managementPageURL.getOverride("SecurityPage"),
-                    ]}
-                >
-                    <Button hue={0}>
-                        ⚠️ Missing Discord Hook URL <span className={css.filter("invert(1)")}>📞</span>
-                    </Button>
-                </Anchor>
-            );
-        }
-
-        const logLink = getErrorLogsLink();
-
-        if (!recentErrors || recentErrors.length === 0) {
-            return (
-                <span className={css.hbox(8)}>
-                    <ATag target="_blank" values={logLink}>
-                        No Errors
-                    </ATag>
-                    {refreshButton}
-                    {discordURLWarning}
-                </span>
-            );
-        }
-
-        // Count unique files
-        let fileSet = new Set<string>();
-        for (let error of recentErrors) {
-            let file = String(error.__FILE__) || "";
-            if (file) {
-                fileSet.add(file);
-            }
-        }
-        let fileCount = fileSet.size;
-        let fileCountText = `${formatNumber(fileCount)} files matched`;
-        if (recentErrors.length >= MAX_RECENT_ERRORS) {
-            fileCountText = "> " + fileCountText;
-        }
-
-        const addSuppressionEntry = async (match: string, expiresAt: number) => {
-            await suppressionController.setSuppressionEntry.promise({
-                key: nextId(),
-                match: match,
-                comment: "",
-                lastUpdateTime: Date.now(),
-                expiresAt: expiresAt,
-            });
-        };
-
-        let suppressionList = suppressionController.getSuppressionList() || [];
-        let topExpired: SuppressionEntry | undefined = undefined;
-        if (recentErrors[0].__matchedOutdatedSuppressionKey) {
-            let key = recentErrors[0].__matchedOutdatedSuppressionKey;
-            topExpired = suppressionList.find(x => x.key === key);
-        }
-        function showSpecialCharacters(text: string) {
-            return text.replaceAll("\n", "\\n");
-        }
-
-        return (
-            <div className={css.vbox(8).fillWidth}>
-                <div className={css.hbox(8).wrap}>
-                    <div className={css}>
-                        ⚠️ {fileCountText} files with errors
-                    </div>
-
-                    <ATag target="_blank" values={logLink}>
-                        View Logs
-                    </ATag>
-                    {refreshButton}
-                    {discordURLWarning}
-                </div>
-
-                {topExpired &&
-                    <div className={css.hbox(8)}>
-                        <Button onClick={() => {
-                            let newObj = deepCloneJSON({
-                                ...topExpired!,
-                                expiresAt: Date.now() + timeInDay,
-                            });
-                            void Querysub.onCommitFinished(async () => {
-                                await suppressionController.setSuppressionEntry.promise(newObj);
-                            });
-                        }}>
-                            Ignore Again ({formatDateJSX(topExpired.expiresAt)})
-                        </Button>
-                        <div>
-                            Match Pattern =
-                        </div>
-                        <div className={css.hsl(200, 40, 40).pad2(4, 2).colorhsl(0, 0, 95)}>
-                            {showSpecialCharacters(topExpired.match)}
-                        </div>
-                    </div>
-                }
-                <div className={css.hbox(8).hsl(0, 50, 50).pad2(4, 2).colorhsl(0, 50, 95)}>
-                    ({formatDateJSX(recentErrors[0].time)}) {showSpecialCharacters(String(recentErrors[0].param0))} ({recentErrors[0].__NAME__})
-                </div>
-
-                <div className={css.hbox(8).fillWidth}>
-                    <InputLabel
-                        value={this.state.suppressionInput}
-                        noEnterKeyBlur
-                        onChangeValue={(value: string) => this.state.suppressionInput = value}
-                        onKeyDown={e => {
-                            if (e.key === "Enter") {
-                                let value = e.currentTarget.value;
-                                if (value.trim()) {
-                                    e.currentTarget.value = "";
-                                    void Querysub.onCommitFinished(async () => {
-                                        await addSuppressionEntry(value, Date.now() + timeInDay);
-                                        Querysub.commit(() => {
-                                            this.state.suppressionInput = "";
-                                        });
-                                    });
-                                }
-                            }
-                        }}
-                        placeholder="Quick suppress pattern (press enter to add)"
-                        fillWidth
-                    />
-
-
-                    <Button
-                        onClick={() => {
-                            let value = this.state.suppressionInput;
-                            if (value.trim()) {
-                                void Querysub.onCommitFinished(async () => {
-                                    await addSuppressionEntry(value, Date.now() + timeInDay);
-                                    Querysub.commit(() => {
-                                        this.state.suppressionInput = "";
-                                    });
-                                });
-                            }
-                        }}
-                        className={css.fontSize(12).pad2(4, 6)}
-                    >
-                        Fixed
-                    </Button>
-                    <Button
-                        onClick={() => {
-                            let value = this.state.suppressionInput;
-                            if (value.trim()) {
-                                void Querysub.onCommitFinished(async () => {
-                                    await addSuppressionEntry(value, NOT_AN_ERROR_EXPIRE_TIME);
-                                    Querysub.commit(() => {
-                                        this.state.suppressionInput = "";
-                                    });
-                                });
-                            }
-                        }}
-                        className={css.fontSize(12).pad2(4, 6)}
-                    >
-                        Not a bug
-                    </Button>
-                </div>
-            </div>
-        );
-    }
-}