@hot-updater/console 1.0.0-rc.2 → 1.0.0-rc.20

package/src/components/features/insights/InsightsBundleReports.tsx

@@ -1,51 +0,0 @@
-import type { InsightsBundleSelection } from "@hot-updater/server";
-import { useState } from "react";
-
-import { useInsightsEventsQuery } from "@/lib/insights-api";
-import { outcomeLabels } from "@/lib/insights-view";
-
-import { EventHistoryCard } from "./EventHistoryCard";
-
-export type InsightsReportSelection = {
-  readonly bundle: InsightsBundleSelection;
-  readonly sinceMs: number;
-  readonly beforeReceivedAtMs: number;
-};
-
-export function InsightsBundleReports({
-  selection,
-}: {
-  readonly selection: InsightsReportSelection;
-}) {
-  const [cursors, setCursors] = useState<readonly (string | undefined)[]>([
-    undefined,
-  ]);
-  const events = useInsightsEventsQuery(
-    { ...selection, cursor: cursors.at(-1), limit: 50 },
-    true,
-  );
-  return (
-    <EventHistoryCard
-      title={outcomeLabels[selection.bundle.outcome]}
-      error={events.error}
-      eventsLocation={{ eventsBefore: selection.beforeReceivedAtMs }}
-      history={events.data}
-      isFetching={events.isFetching}
-      isLoading={events.isLoading}
-      onNext={() => {
-        const cursor = events.data?.nextCursor;
-        if (cursor) setCursors((previous) => [...previous, cursor]);
-      }}
-      onPrevious={() => setCursors((previous) => previous.slice(0, -1))}
-      onRefresh={() => {
-        void events.refetch();
-      }}
-      pageNumber={cursors.length}
-    >
-      <p className="text-sm text-muted-foreground">
-        Reports for the selected bundle and the measured period. New reports
-        appear after refreshing the overview.
-      </p>
-    </EventHistoryCard>
-  );
-}

package/src/components/features/signing/BundleSigningPage.tsx

@@ -1,139 +0,0 @@
-import { AlertTriangle, CheckCircle2, Info, RefreshCw } from "lucide-react";
-
-import {
-  Alert,
-  AlertAction,
-  AlertDescription,
-  AlertTitle,
-} from "@/components/ui/alert";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-import { useBundleSigningInspectionQuery } from "@/lib/bundle-signing-api";
-import type { BundleSigningInspection } from "@/lib/bundle-signing-rpc";
-
-function InspectionLoading() {
-  return (
-    <div aria-label="Loading bundle signing" className="flex flex-col gap-6">
-      <Card>
-        <CardHeader>
-          <Skeleton className="h-4 w-36" />
-          <Skeleton className="h-3 w-4/5" />
-        </CardHeader>
-        <CardContent className="flex flex-col gap-4">
-          <Skeleton className="h-12 w-full" />
-          <Skeleton className="h-12 w-full" />
-        </CardContent>
-      </Card>
-      <Card>
-        <CardHeader>
-          <Skeleton className="h-4 w-28" />
-          <Skeleton className="h-3 w-3/5" />
-        </CardHeader>
-        <CardContent>
-          <Skeleton className="h-56 w-full" />
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
-
-function InspectionError({ refetch }: { readonly refetch: () => void }) {
-  return (
-    <Alert variant="destructive">
-      <AlertTriangle aria-hidden="true" />
-      <AlertTitle>Bundle signing couldn't be loaded</AlertTitle>
-      <AlertDescription>
-        Check the Console connection and try again.
-      </AlertDescription>
-      <AlertAction>
-        <Button onClick={refetch} size="xs" variant="outline">
-          <RefreshCw data-icon="inline-start" />
-          Retry
-        </Button>
-      </AlertAction>
-    </Alert>
-  );
-}
-
-function SigningStatusCard({
-  inspection,
-}: {
-  readonly inspection: BundleSigningInspection;
-}) {
-  const enabled = inspection.status === "enabled";
-  const status = enabled ? "Enabled" : "Disabled";
-
-  return (
-    <Card>
-      <CardHeader>
-        <div className="flex flex-wrap items-center justify-between gap-2">
-          <CardTitle className="text-sm font-medium">
-            <h2>Signing status</h2>
-          </CardTitle>
-          <Badge variant={enabled ? "default" : "outline"}>{status}</Badge>
-        </div>
-        <CardDescription>
-          {enabled
-            ? "Bundle signing is enabled in the current Hot Updater configuration."
-            : "Bundle signing is disabled in the current Hot Updater configuration."}
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="flex flex-col gap-5">
-        {inspection.status === "disabled" ? (
-          <Alert>
-            <Info aria-hidden="true" />
-            <AlertTitle>Configure signing outside the Console</AlertTitle>
-            <AlertDescription>
-              Use your signing provider or the Hot Updater CLI to configure a
-              key. The Console never creates or stores private keys.
-            </AlertDescription>
-          </Alert>
-        ) : (
-          <dl className="grid gap-4 sm:grid-cols-2">
-            <div className="flex min-w-0 flex-col gap-1">
-              <dt className="text-xs text-muted-foreground">Provider</dt>
-              <dd className="truncate text-sm font-medium">
-                {inspection.provider}
-              </dd>
-            </div>
-            <div className="flex min-w-0 flex-col gap-1">
-              <dt className="text-xs text-muted-foreground">Algorithm</dt>
-              <dd className="text-sm font-medium">{inspection.algorithm}</dd>
-            </div>
-          </dl>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
-
-export function BundleSigningPage() {
-  const inspection = useBundleSigningInspectionQuery();
-
-  if (inspection.isLoading) return <InspectionLoading />;
-  if (inspection.isError || !inspection.data) {
-    return <InspectionError refetch={() => void inspection.refetch()} />;
-  }
-
-  return (
-    <div className="flex flex-col gap-6">
-      <SigningStatusCard inspection={inspection.data} />
-      <Alert>
-        <CheckCircle2 aria-hidden="true" />
-        <AlertTitle>Read-only inspection</AlertTitle>
-        <AlertDescription>
-          Configure or rotate signing keys through the provider or Hot Updater
-          CLI. The Console never accesses signing credentials.
-        </AlertDescription>
-      </Alert>
-    </div>
-  );
-}

package/src/lib/bundle-signing-api.ts

@@ -1,14 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { getBundleSigningInspectionRpc } from "./bundle-signing-rpc";
-
-export const bundleSigningQueryKey = ["bundle-signing"] as const;
-
-export const getBundleSigningInspectionQueryOptions = () => ({
-  queryFn: () => getBundleSigningInspectionRpc(),
-  queryKey: bundleSigningQueryKey,
-  staleTime: 30_000,
-});
-
-export const useBundleSigningInspectionQuery = () =>
-  useQuery(getBundleSigningInspectionQueryOptions());

package/src/lib/bundle-signing-rpc.ts

@@ -1,16 +0,0 @@
-import { createServerFn } from "@tanstack/react-start";
-
-export type { BundleSigningInspection } from "./server/bundle-signing.server";
-
-export const getBundleSigningInspection = async () => {
-  const [{ prepareConfig }, { inspectBundleSigning }] = await Promise.all([
-    import("./server/config.server"),
-    import("./server/bundle-signing.server"),
-  ]);
-  const { config } = await prepareConfig();
-  return inspectBundleSigning(config.signing);
-};
-
-export const getBundleSigningInspectionRpc = createServerFn({
-  method: "GET",
-}).handler(getBundleSigningInspection);

package/src/lib/server/bundle-signing.server.ts

@@ -1,23 +0,0 @@
-import type { ConsoleSigningConfig } from "../../index";
-
-const DEFAULT_PROVIDER = "Configured provider";
-
-export type BundleSigningInspection =
-  | { readonly status: "disabled" }
-  | {
-      readonly status: "enabled";
-      readonly provider: string;
-      readonly algorithm: "RSA-SHA256";
-    };
-
-export const inspectBundleSigning = async (
-  signing: ConsoleSigningConfig | undefined,
-): Promise<BundleSigningInspection> => {
-  if (!signing?.enabled) return { status: "disabled" };
-
-  return {
-    algorithm: "RSA-SHA256",
-    provider: signing.provider ?? DEFAULT_PROVIDER,
-    status: "enabled",
-  };
-};

package/src/routes/signing.tsx

@@ -1,37 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { ShieldCheck } from "lucide-react";
-
-import { BundleSigningPage } from "@/components/features/signing/BundleSigningPage";
-import { Badge } from "@/components/ui/badge";
-import { SidebarTrigger } from "@/components/ui/sidebar";
-
-export const Route = createFileRoute("/signing")({
-  component: BundleSigningRoute,
-});
-
-function BundleSigningRoute() {
-  return (
-    <div className="flex h-svh min-h-0 flex-col">
-      <header className="sticky top-0 z-10 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1 border-b bg-background px-3 py-3 sm:min-h-12 sm:flex-nowrap sm:bg-card/70 sm:px-4 sm:backdrop-blur-sm">
-        <SidebarTrigger className="-ml-1" />
-        <div className="flex items-center gap-1.5">
-          <ShieldCheck
-            aria-hidden="true"
-            className="size-3.5 text-muted-foreground"
-          />
-          <h1 className="text-sm font-medium">Bundle signing</h1>
-        </div>
-        <Badge variant="outline">Read-only</Badge>
-        <p className="basis-full pl-9 text-xs text-muted-foreground sm:basis-auto sm:pl-0">
-          Inspect the public key used to verify signed updates.
-        </p>
-      </header>
-
-      <div className="min-h-0 min-w-0 flex-1 overflow-y-auto bg-muted/5 p-3 sm:p-6">
-        <div className="mx-auto w-full max-w-5xl">
-          <BundleSigningPage />
-        </div>
-      </div>
-    </div>
-  );
-}