querysub 0.2.0

package/src/diagnostics/errorLogs/LogNotify.tsx

@@ -0,0 +1,101 @@
+import { getBrowserUrlNode } from "../../../src/-f-node-discovery/NodeDiscovery";
+import { LogViewerController, LogViewerSynced, downloadLogsOnceURL } from "./LogViewer";
+import { ErrorLogControllerBase, LogIssueNotify, watchLogIssueNotify } from "../../../src/diagnostics/errorLogs/ErrorLogController";
+import { doAtomicWrites, atomic } from "../../../src/2-proxy/PathValueProxyWatcher";
+import { ExternalRenderClass, qreact } from "../../../src/4-dom/qreact";
+import { Querysub } from "../../../src/4-querysub/Querysub";
+import { isClient } from "../../../src/config2";
+import { logErrors } from "../../../src/errors";
+import { lazy } from "socket-function/src/caching";
+import { SocketFunction } from "socket-function/SocketFunction";
+import { css } from "typesafecss";
+import { formatDate, formatTime } from "socket-function/src/formatting/format";
+import { errorMessage, warnMessage } from "../../../src/5-diagnostics/GenericFormat";
+import { Anchor } from "../../../src/library-components/ATag";
+import { renderIsManagementUser, showingManagementURL, managementPageURL, assertIsManagementUser } from "../managementPages";
+
+export class LogNotify extends qreact.Component<{
+    class?: string;
+}> {
+    public render() {
+        if (!renderIsManagementUser()) return undefined;
+        let issues = getLogIssues();
+        let top = issues?.oldestUnsuppressed || issues?.oldestUngrouped;
+        if (!top) return undefined;
+
+        return <Anchor
+            title={`At ${formatDate(top.time)}: ${top.message}`}
+            target="_blank"
+            class={
+                css.ellipsis
+                    .overflowHidden
+                + (issues?.oldestUngrouped ? errorMessage : warnMessage)
+                + this.props.class
+            }
+            values={[
+                { param: showingManagementURL, value: true },
+                { param: managementPageURL, value: "LogViewer" },
+                { param: downloadLogsOnceURL, value: true },
+            ]}
+        >
+            {/* TODO: Detect a stack format, separate the message from the stack, and display them differently. */}
+            ({formatTime(Date.now() - top.time)}) {stripANSI(top.message).replaceAll("\n", " \\n ")}
+        </Anchor>;
+    }
+}
+// `\x1b[38;2;${r};${g};${b}m${text}\x1b[0m` => text
+function stripANSI(text: string) {
+    return text.replace(/\x1b\[[0-9;]*m/g, "");
+}
+
+let logIssueNotifyState = lazy(() => Querysub.createLocalSchema<{
+    notify: LogIssueNotify | undefined;
+}>("logIssueNotify"));
+let watchers = new Set<ExternalRenderClass>();
+function onLogIssueNotify(notify: LogIssueNotify | undefined) {
+    Querysub.commit(() => {
+        doAtomicWrites(() => {
+            logIssueNotifyState()().notify = notify;
+        });
+    });
+}
+setImmediate(() => {
+    watchLogIssueNotify(onLogIssueNotify);
+});
+
+export function getLogIssues(): LogIssueNotify | undefined {
+    if (!isClient()) throw new Error(`getLogIssues must be called clientside`);
+    const currentComponent = qreact.getRenderingComponent();
+    if (!currentComponent) throw new Error(`getLogIssues must be called from a component`);
+
+    if (watchers.size === 0) {
+        logErrors(ErrorLogControllerNotify.nodes[getBrowserUrlNode()].watchLogs(
+            ErrorLogControllerNotify
+        ));
+    }
+    if (!watchers.has(currentComponent)) {
+        watchers.add(currentComponent);
+        qreact.watchUnmount(currentComponent, () => {
+            watchers.delete(currentComponent);
+            if (watchers.size === 0) {
+                logErrors(ErrorLogControllerNotify.nodes[getBrowserUrlNode()].unwatchLogs());
+            }
+        });
+    }
+
+    return atomic(logIssueNotifyState()().notify);
+}
+
+
+const ErrorLogControllerNotify = SocketFunction.register(
+    "ErrorLogControllerNotify-9030f46d-e80d-462a-b78e-549143fe288a",
+    new ErrorLogControllerBase(),
+    () => ({
+        watchLogs: {},
+        unwatchLogs: {},
+        logsIssueNotifyCallback: {},
+    }),
+    () => ({
+        hooks: [assertIsManagementUser],
+    }),
+);