@oneuptime/common 14.0.10 → 14.0.11

package/UI/Components/CodeEditor/MonacoLoader.ts

@@ -1,36 +0,0 @@
-import { loader } from "@monaco-editor/react";
-
-/**
- * Points Monaco at the copy of its runtime that ships with the app.
- *
- * @monaco-editor/loader otherwise fetches it from cdn.jsdelivr.net at runtime,
- * which never resolves on an air-gapped install and leaves every code editor
- * stuck on "Loading...". The path is baked in by the build, which is the only
- * place that knows where this service is mounted.
- *
- * The path has to be absolute. Monaco loads its language services in a worker
- * spun up from a blob: URL, and a blob worker has no base to resolve a
- * root-relative path against - it fetches "/dashboard/assets/monaco/vs/..." and
- * throws "Failed to parse URL". The editor still renders, so the only visible
- * symptom is that JSON/TypeScript validation and IntelliSense quietly stop
- * working. The CDN default never hit this because it was already absolute.
- *
- * The monaco-editor version in Common/package.json is pinned exactly, because
- * the loader resolves init() with whatever the AMD module `vs/editor/editor.main`
- * exports and that shape is not stable across releases - 0.53 and 0.54 nest the
- * API under `exports.m`, which leaves `monaco.editor` undefined and makes every
- * editor throw instead of mount. MonacoRuntime.test.ts guards the pin.
- */
-export default function configureMonacoLoader(): void {
-  const assetPath: string | undefined = process.env["MONACO_ASSET_PATH"];
-
-  if (!assetPath) {
-    return;
-  }
-
-  loader.config({
-    paths: {
-      vs: new URL(assetPath, window.location.origin).href,
-    },
-  });
-}

package/UI/Components/Telemetry/TelemetryRetentionConfigForm.tsx

@@ -1,319 +0,0 @@
-import React, {
-  FunctionComponent,
-  ReactElement,
-  useEffect,
-  useState,
-} from "react";
-import TelemetryRetentionConfig from "../../../Types/Telemetry/TelemetryRetentionConfig";
-import { SpanStatus } from "../../../Models/AnalyticsModels/Span";
-import LogSeverity from "../../../Types/Log/LogSeverity";
-import FieldLabelElement from "../Detail/FieldLabel";
-import Input, { InputType } from "../Input/Input";
-
-export interface ComponentProps {
-  onChange?: ((value: TelemetryRetentionConfig | null) => void) | undefined;
-  value?: TelemetryRetentionConfig | undefined;
-  initialValue?: TelemetryRetentionConfig | undefined;
-}
-
-const LOG_SEVERITIES: Array<LogSeverity> = [
-  LogSeverity.Fatal,
-  LogSeverity.Error,
-  LogSeverity.Warning,
-  LogSeverity.Information,
-  LogSeverity.Debug,
-  LogSeverity.Trace,
-  LogSeverity.Unspecified,
-];
-
-const SPAN_STATUSES: Array<{ status: SpanStatus; label: string }> = [
-  { status: SpanStatus.Error, label: "Error" },
-  { status: SpanStatus.Ok, label: "Ok" },
-  { status: SpanStatus.Unset, label: "Unset" },
-];
-
-const TelemetryRetentionConfigForm: FunctionComponent<ComponentProps> = (
-  props: ComponentProps,
-): ReactElement => {
-  const [config, setConfig] = useState<TelemetryRetentionConfig>(
-    props.value || props.initialValue || {},
-  );
-
-  useEffect(() => {
-    if (props.value) {
-      setConfig(props.value);
-    }
-  }, [props.value]);
-
-  const emit: (next: TelemetryRetentionConfig) => void = (
-    next: TelemetryRetentionConfig,
-  ): void => {
-    setConfig(next);
-    if (props.onChange) {
-      const isEmpty: boolean =
-        !next.logs && !next.traces && !next.metrics && !next.profiles;
-      props.onChange(isEmpty ? null : next);
-    }
-  };
-
-  /*
-   * Truncate FIRST, then judge. Checking positivity before truncating let
-   * anything in (0, 1) through - "0.9" is greater than zero, and
-   * Math.trunc(0.9) is 0, so the form emitted a retention of zero days and
-   * the next sweep would delete that pillar's telemetry outright. Whole days
-   * are the only unit this configuration has, so a value that is not at
-   * least one day is not a retention at all; it is an empty field.
-   */
-  const parsePositiveOrNull: (raw: string) => number | null = (
-    raw: string,
-  ): number | null => {
-    if (!raw || raw.trim() === "") {
-      return null;
-    }
-    const parsed: number = Number(raw);
-    if (!Number.isFinite(parsed)) {
-      return null;
-    }
-    const days: number = Math.trunc(parsed);
-    if (days <= 0) {
-      return null;
-    }
-    return days;
-  };
-
-  const setPillarDefault: (
-    pillar: keyof TelemetryRetentionConfig,
-    value: number | null,
-  ) => void = (
-    pillar: keyof TelemetryRetentionConfig,
-    value: number | null,
-  ): void => {
-    const next: TelemetryRetentionConfig = { ...config };
-    const existing: { default?: number | null } | undefined = next[pillar] as
-      | { default?: number | null }
-      | undefined;
-    const merged: Record<string, unknown> = {
-      ...(existing || {}),
-      default: value,
-    };
-    // If the only key is `default` and it's null, drop the pillar entirely.
-    const keys: Array<string> = Object.keys(merged).filter((k: string) => {
-      return (
-        (merged as Record<string, unknown>)[k] !== null &&
-        (merged as Record<string, unknown>)[k] !== undefined
-      );
-    });
-    if (keys.length === 0) {
-      delete next[pillar];
-    } else {
-      (next as Record<string, unknown>)[pillar] = merged;
-    }
-    emit(next);
-  };
-
-  const setLogSeverityValue: (
-    severity: LogSeverity,
-    value: number | null,
-  ) => void = (severity: LogSeverity, value: number | null): void => {
-    const next: TelemetryRetentionConfig = { ...config };
-    const logs: NonNullable<TelemetryRetentionConfig["logs"]> = {
-      ...(next.logs || {}),
-    };
-    const bySeverity: Partial<Record<LogSeverity, number | null>> = {
-      ...(logs.bySeverity || {}),
-    };
-    if (value === null) {
-      delete bySeverity[severity];
-    } else {
-      bySeverity[severity] = value;
-    }
-    if (Object.keys(bySeverity).length === 0) {
-      delete logs.bySeverity;
-    } else {
-      logs.bySeverity = bySeverity;
-    }
-    if (Object.keys(logs).length === 0) {
-      delete next.logs;
-    } else {
-      next.logs = logs;
-    }
-    emit(next);
-  };
-
-  const setSpanStatusValue: (
-    status: SpanStatus,
-    value: number | null,
-  ) => void = (status: SpanStatus, value: number | null): void => {
-    const next: TelemetryRetentionConfig = { ...config };
-    const traces: NonNullable<TelemetryRetentionConfig["traces"]> = {
-      ...(next.traces || {}),
-    };
-    const byStatus: Partial<Record<SpanStatus, number | null>> = {
-      ...(traces.byStatus || {}),
-    };
-    if (value === null) {
-      delete byStatus[status];
-    } else {
-      byStatus[status] = value;
-    }
-    if (Object.keys(byStatus).length === 0) {
-      delete traces.byStatus;
-    } else {
-      traces.byStatus = byStatus;
-    }
-    if (Object.keys(traces).length === 0) {
-      delete next.traces;
-    } else {
-      next.traces = traces;
-    }
-    emit(next);
-  };
-
-  const numberToString: (value: number | null | undefined) => string = (
-    value: number | null | undefined,
-  ): string => {
-    return typeof value === "number" && value > 0 ? String(value) : "";
-  };
-
-  const renderPillarDefault: (
-    pillar: keyof TelemetryRetentionConfig,
-    label: string,
-    description: string,
-  ) => ReactElement = (
-    pillar: keyof TelemetryRetentionConfig,
-    label: string,
-    description: string,
-  ): ReactElement => {
-    return (
-      <div className="mb-4">
-        <FieldLabelElement title={label} description={description} />
-        <Input
-          type={InputType.NUMBER}
-          placeholder="Use default retention"
-          value={numberToString(
-            (config[pillar] as { default?: number | null } | undefined)
-              ?.default,
-          )}
-          onChange={(raw: string) => {
-            setPillarDefault(pillar, parsePositiveOrNull(raw));
-          }}
-        />
-      </div>
-    );
-  };
-
-  return (
-    <div className="space-y-6">
-      <div className="rounded-md border border-gray-200 dark:border-slate-700 p-4">
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-slate-100 mb-1">
-          Logs
-        </h3>
-        <p className="text-xs text-gray-500 dark:text-slate-400 mb-3">
-          Retention in days for log records. Per-severity values take precedence
-          over the logs default; leave any field blank to fall back.
-        </p>
-        {renderPillarDefault(
-          "logs",
-          "Logs default (days)",
-          "Applies to every log record unless its severity has a specific override below.",
-        )}
-        <div className="border-t border-gray-100 dark:border-slate-800 pt-3 mt-2">
-          <p className="text-xs font-medium text-gray-700 dark:text-slate-300 mb-2">
-            Per-severity overrides
-          </p>
-          <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-            {LOG_SEVERITIES.map((severity: LogSeverity) => {
-              return (
-                <div key={severity}>
-                  <FieldLabelElement title={severity} />
-                  <Input
-                    type={InputType.NUMBER}
-                    placeholder="Use logs default"
-                    value={numberToString(config.logs?.bySeverity?.[severity])}
-                    onChange={(raw: string) => {
-                      setLogSeverityValue(severity, parsePositiveOrNull(raw));
-                    }}
-                  />
-                </div>
-              );
-            })}
-          </div>
-        </div>
-      </div>
-
-      <div className="rounded-md border border-gray-200 dark:border-slate-700 p-4">
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-slate-100 mb-1">
-          Traces
-        </h3>
-        <p className="text-xs text-gray-500 dark:text-slate-400 mb-3">
-          Retention in days for spans and the exceptions captured on them.
-          Per-status values take precedence over the traces default.
-        </p>
-        {renderPillarDefault(
-          "traces",
-          "Traces default (days)",
-          "Applies to every span unless its status has a specific override below.",
-        )}
-        <div className="border-t border-gray-100 dark:border-slate-800 pt-3 mt-2">
-          <p className="text-xs font-medium text-gray-700 dark:text-slate-300 mb-2">
-            Per-status overrides
-          </p>
-          <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
-            {SPAN_STATUSES.map(
-              (entry: { status: SpanStatus; label: string }) => {
-                return (
-                  <div key={entry.label}>
-                    <FieldLabelElement title={entry.label} />
-                    <Input
-                      type={InputType.NUMBER}
-                      placeholder="Use traces default"
-                      value={numberToString(
-                        config.traces?.byStatus?.[entry.status],
-                      )}
-                      onChange={(raw: string) => {
-                        setSpanStatusValue(
-                          entry.status,
-                          parsePositiveOrNull(raw),
-                        );
-                      }}
-                    />
-                  </div>
-                );
-              },
-            )}
-          </div>
-        </div>
-      </div>
-
-      <div className="rounded-md border border-gray-200 dark:border-slate-700 p-4">
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-slate-100 mb-1">
-          Metrics
-        </h3>
-        <p className="text-xs text-gray-500 dark:text-slate-400 mb-3">
-          Retention in days for metric data points.
-        </p>
-        {renderPillarDefault(
-          "metrics",
-          "Metrics default (days)",
-          "Applies to all metric points. Leave blank to use the default retention.",
-        )}
-      </div>
-
-      <div className="rounded-md border border-gray-200 dark:border-slate-700 p-4">
-        <h3 className="text-sm font-semibold text-gray-900 dark:text-slate-100 mb-1">
-          Profiles
-        </h3>
-        <p className="text-xs text-gray-500 dark:text-slate-400 mb-3">
-          Retention in days for profile samples.
-        </p>
-        {renderPillarDefault(
-          "profiles",
-          "Profiles default (days)",
-          "Applies to all profile samples. Leave blank to use the default retention.",
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default TelemetryRetentionConfigForm;

package/UI/Components/Telemetry/TelemetryRetentionConfigSummary.tsx

@@ -1,223 +0,0 @@
-import React, { FunctionComponent, ReactElement } from "react";
-import TelemetryRetentionConfig from "../../../Types/Telemetry/TelemetryRetentionConfig";
-import { SpanStatus } from "../../../Models/AnalyticsModels/Span";
-import LogSeverity from "../../../Types/Log/LogSeverity";
-
-export interface ComponentProps {
-  config?: TelemetryRetentionConfig | null | undefined;
-}
-
-const SPAN_STATUS_LABEL: Record<SpanStatus, string> = {
-  [SpanStatus.Unset]: "Unset",
-  [SpanStatus.Ok]: "Ok",
-  [SpanStatus.Error]: "Error",
-};
-
-const LOG_SEVERITY_ORDER: Array<LogSeverity> = [
-  LogSeverity.Fatal,
-  LogSeverity.Error,
-  LogSeverity.Warning,
-  LogSeverity.Information,
-  LogSeverity.Debug,
-  LogSeverity.Trace,
-  LogSeverity.Unspecified,
-];
-
-const SPAN_STATUS_ORDER: Array<SpanStatus> = [
-  SpanStatus.Error,
-  SpanStatus.Ok,
-  SpanStatus.Unset,
-];
-
-const formatDays: (days: number) => string = (days: number): string => {
-  return days === 1 ? "1 day" : `${days} days`;
-};
-
-const pickPositive: (value: number | null | undefined) => number | null = (
-  value: number | null | undefined,
-): number | null => {
-  return typeof value === "number" && value > 0 ? value : null;
-};
-
-interface PillarOverride {
-  label: string;
-  days: number;
-}
-
-interface PillarRender {
-  title: string;
-  hint: string;
-  defaultDays: number | null;
-  overrides: Array<PillarOverride>;
-}
-
-const PillarCard: FunctionComponent<{ pillar: PillarRender }> = (props: {
-  pillar: PillarRender;
-}): ReactElement => {
-  const { title, hint, defaultDays, overrides } = props.pillar;
-  const hasDefault: boolean = defaultDays !== null;
-  const hasOverrides: boolean = overrides.length > 0;
-  const isCustomized: boolean = hasDefault || hasOverrides;
-
-  return (
-    <div className="rounded-lg border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4">
-      <div className="flex items-start justify-between gap-3">
-        <div className="min-w-0">
-          <div className="flex items-center gap-2">
-            <h4 className="text-sm font-semibold text-gray-900 dark:text-slate-100">
-              {title}
-            </h4>
-            <span
-              className={
-                isCustomized
-                  ? "inline-flex items-center rounded-full bg-indigo-50 dark:bg-indigo-950/40 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-indigo-700 dark:text-indigo-300 border border-indigo-100 dark:border-indigo-900"
-                  : "inline-flex items-center rounded-full bg-gray-100 dark:bg-slate-800 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-gray-500 dark:text-slate-400 border border-gray-200 dark:border-slate-700"
-              }
-            >
-              {isCustomized ? "Custom" : "Default"}
-            </span>
-          </div>
-          <p className="mt-1 text-xs text-gray-500 dark:text-slate-400">
-            {hint}
-          </p>
-        </div>
-        <div className="text-right whitespace-nowrap shrink-0">
-          {hasDefault ? (
-            <>
-              <div className="text-lg font-semibold text-gray-900 dark:text-slate-100 leading-tight">
-                {defaultDays}{" "}
-                <span className="text-sm font-normal text-gray-500 dark:text-slate-400">
-                  {(defaultDays as number) === 1 ? "day" : "days"}
-                </span>
-              </div>
-              <div className="text-[10px] uppercase tracking-wide text-gray-400 dark:text-slate-500">
-                Default
-              </div>
-            </>
-          ) : (
-            <div className="text-xs italic text-gray-400 dark:text-slate-500">
-              Uses default
-              <br />
-              retention
-            </div>
-          )}
-        </div>
-      </div>
-      {hasOverrides ? (
-        <div className="mt-3 border-t border-gray-100 dark:border-slate-800 pt-3">
-          <p className="text-[10px] font-semibold uppercase tracking-wide text-gray-400 dark:text-slate-500 mb-2">
-            Specific overrides
-          </p>
-          <div className="flex flex-wrap gap-1.5">
-            {overrides.map((o: PillarOverride) => {
-              return (
-                <span
-                  key={o.label}
-                  className="inline-flex items-center gap-1.5 rounded-full border border-indigo-100 dark:border-indigo-900 bg-indigo-50 dark:bg-indigo-950/40 px-2.5 py-0.5 text-xs font-medium text-indigo-700 dark:text-indigo-300"
-                >
-                  <span>{o.label}</span>
-                  <span
-                    aria-hidden="true"
-                    className="text-indigo-300 dark:text-indigo-700"
-                  >
-                    ·
-                  </span>
-                  <span className="font-normal">{formatDays(o.days)}</span>
-                </span>
-              );
-            })}
-          </div>
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-const sortOverridesByDaysDesc: (
-  list: Array<PillarOverride>,
-) => Array<PillarOverride> = (
-  list: Array<PillarOverride>,
-): Array<PillarOverride> => {
-  return [...list].sort((a: PillarOverride, b: PillarOverride) => {
-    return b.days - a.days;
-  });
-};
-
-const TelemetryRetentionConfigSummary: FunctionComponent<ComponentProps> = (
-  props: ComponentProps,
-): ReactElement => {
-  const config: TelemetryRetentionConfig | null | undefined = props.config;
-
-  const logsOverrides: Array<PillarOverride> = LOG_SEVERITY_ORDER.flatMap(
-    (severity: LogSeverity): Array<PillarOverride> => {
-      const days: number | null = pickPositive(
-        config?.logs?.bySeverity?.[severity],
-      );
-      return days === null ? [] : [{ label: severity, days: days }];
-    },
-  );
-
-  const tracesOverrides: Array<PillarOverride> = SPAN_STATUS_ORDER.flatMap(
-    (status: SpanStatus): Array<PillarOverride> => {
-      const days: number | null = pickPositive(
-        config?.traces?.byStatus?.[status],
-      );
-      return days === null
-        ? []
-        : [{ label: SPAN_STATUS_LABEL[status], days: days }];
-    },
-  );
-
-  const pillars: Array<PillarRender> = [
-    {
-      title: "Logs",
-      hint: "Log records, with optional per-severity overrides.",
-      defaultDays: pickPositive(config?.logs?.default),
-      overrides: sortOverridesByDaysDesc(logsOverrides),
-    },
-    {
-      title: "Traces",
-      hint: "Spans and exceptions, with optional per-status overrides.",
-      defaultDays: pickPositive(config?.traces?.default),
-      overrides: sortOverridesByDaysDesc(tracesOverrides),
-    },
-    {
-      title: "Metrics",
-      hint: "Metric data points and aggregates.",
-      defaultDays: pickPositive(config?.metrics?.default),
-      overrides: [],
-    },
-    {
-      title: "Profiles",
-      hint: "Profile samples and stack traces.",
-      defaultDays: pickPositive(config?.profiles?.default),
-      overrides: [],
-    },
-  ];
-
-  const anyConfigured: boolean = pillars.some((p: PillarRender) => {
-    return p.defaultDays !== null || p.overrides.length > 0;
-  });
-
-  return (
-    <div className="space-y-3">
-      {!anyConfigured ? (
-        <div className="rounded-md border border-dashed border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-900/40 px-4 py-3">
-          <p className="text-sm font-medium text-gray-700 dark:text-slate-200">
-            No overrides set.
-          </p>
-          <p className="text-xs text-gray-500 dark:text-slate-400 mt-0.5">
-            Every telemetry type uses the default retention shown above.
-          </p>
-        </div>
-      ) : null}
-      <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-        {pillars.map((pillar: PillarRender) => {
-          return <PillarCard key={pillar.title} pillar={pillar} />;
-        })}
-      </div>
-    </div>
-  );
-};
-
-export default TelemetryRetentionConfigSummary;