fumadocs-test-reports 0.1.0

package/dist/tunit/ui/trace-timeline.js

@@ -0,0 +1,81 @@
+import { Duration, StdoutPanel } from "../../ui/primitives.js";
+import { getLabels } from "./labels.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Accordion, Accordions } from "fumadocs-ui/components/accordion";
+//#region src/tunit/ui/trace-timeline.tsx
+function TUnitTraceTimeline({ spans, locale }) {
+	const labels = getLabels(locale);
+	const origin = Math.min(...spans.map((span) => span.startTimeMs));
+	const extent = Math.max(...spans.map((span) => span.startTimeMs + span.durationMs)) - origin || 1;
+	const byId = new Map(spans.map((span) => [`${span.traceId}:${span.spanId}`, span]));
+	function depth(span) {
+		const seen = /* @__PURE__ */ new Set();
+		let current = span;
+		let level = 0;
+		while (current?.parentSpanId && level < 8) {
+			const key = `${current.traceId}:${current.parentSpanId}`;
+			if (seen.has(key)) break;
+			seen.add(key);
+			current = byId.get(key);
+			if (current) level++;
+		}
+		return level;
+	}
+	return /* @__PURE__ */ jsx(Accordions, {
+		className: "ftr-traces",
+		children: spans.toSorted((a, b) => a.startTimeMs - b.startTimeMs).map((span) => /* @__PURE__ */ jsxs(Accordion, {
+			className: "ftr-span",
+			value: `${span.traceId}:${span.spanId}`,
+			title: /* @__PURE__ */ jsxs("span", {
+				className: "ftr-span-heading",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						style: { paddingInlineStart: `${depth(span) * 12}px` },
+						children: span.name
+					}),
+					/* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx(Duration, {
+						value: span.durationMs,
+						unknownLabel: labels.unknown
+					}) }),
+					/* @__PURE__ */ jsx("span", {
+						className: "ftr-track",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ jsx("span", { style: {
+							marginInlineStart: `${(span.startTimeMs - origin) / extent * 100}%`,
+							width: `${span.durationMs / extent * 100}%`
+						} })
+					})
+				]
+			}),
+			children: [
+				/* @__PURE__ */ jsxs("dl", {
+					className: "ftr-fields",
+					children: [
+						/* @__PURE__ */ jsx("dt", { children: "Trace ID" }),
+						/* @__PURE__ */ jsx("dd", { children: span.traceId }),
+						/* @__PURE__ */ jsx("dt", { children: "Span ID" }),
+						/* @__PURE__ */ jsx("dd", { children: span.spanId }),
+						span.parentSpanId && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Parent ID" }), /* @__PURE__ */ jsx("dd", { children: span.parentSpanId })] }),
+						span.source && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: labels.traceSource }), /* @__PURE__ */ jsx("dd", { children: span.source })] }),
+						span.kind && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Kind" }), /* @__PURE__ */ jsx("dd", { children: span.kind })] }),
+						span.status && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Status" }), /* @__PURE__ */ jsxs("dd", { children: [span.status, span.statusMessage ? `: ${span.statusMessage}` : ""] })] }),
+						span.tags?.map((tag, i) => /* @__PURE__ */ jsxs("div", {
+							className: "ftr-field",
+							children: [/* @__PURE__ */ jsx("dt", { children: tag.key }), /* @__PURE__ */ jsx("dd", { children: tag.value })]
+						}, i))
+					]
+				}),
+				!!span.events?.length && /* @__PURE__ */ jsx(StdoutPanel, {
+					content: JSON.stringify(span.events, null, 2),
+					title: "Events"
+				}),
+				!!span.links?.length && /* @__PURE__ */ jsx(StdoutPanel, {
+					content: JSON.stringify(span.links, null, 2),
+					title: "Links"
+				})
+			]
+		}, `${span.traceId}:${span.spanId}`))
+	});
+}
+//#endregion
+export { TUnitTraceTimeline };

package/dist/ui/index.d.ts

@@ -0,0 +1,2 @@
+import { BadgeTone, Duration, DurationProps, ErrorDetail, ErrorDetailProps, StatusBadge, StatusBadgeProps, StdoutPanel, StdoutPanelProps } from "./primitives.js";
+export { type BadgeTone, Duration, type DurationProps, ErrorDetail, type ErrorDetailProps, StatusBadge, type StatusBadgeProps, StdoutPanel, type StdoutPanelProps };

package/dist/ui/index.js

@@ -0,0 +1,2 @@
+import { Duration, ErrorDetail, StatusBadge, StdoutPanel } from "./primitives.js";
+export { Duration, ErrorDetail, StatusBadge, StdoutPanel };

package/dist/ui/primitives.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+//#region src/ui/primitives.d.ts
+/** Visual tone only; the presenter owns the meaning of the framework's status. */
+export type BadgeTone = 'success' | 'danger' | 'neutral' | 'info';
+export interface StatusBadgeProps {
+  status: string;
+  tone?: BadgeTone;
+  className?: string;
+}
+export declare function StatusBadge({ status, tone, className }: StatusBadgeProps): import("react").JSX.Element;
+export interface DurationProps {
+  /** Milliseconds. Missing or null means unknown; zero is a known zero. */
+  value?: number | null;
+  unknownLabel?: string;
+  className?: string;
+}
+export declare function Duration({ value, unknownLabel, className }: DurationProps): import("react").JSX.Element;
+export interface ErrorDetailProps {
+  message?: string | null;
+  type?: string | null;
+  stack?: string | null;
+  children?: ReactNode;
+}
+export declare function ErrorDetail({ message, type, stack, children }: ErrorDetailProps): import("react").JSX.Element;
+export interface StdoutPanelProps {
+  content?: string | null;
+  title?: string;
+  emptyLabel?: string;
+}
+/** Plain text only, suitable for stdout or stderr. */
+export declare function StdoutPanel({ content, title, emptyLabel }: StdoutPanelProps): import("react").JSX.Element;
+//#endregion

package/dist/ui/primitives.js

@@ -0,0 +1,48 @@
+import { Callout } from "fumadocs-ui/components/callout";
+import { CodeBlock, Pre } from "fumadocs-ui/components/codeblock";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/primitives.tsx
+function StatusBadge({ status, tone = "neutral", className = "" }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: `ftr-ui ftr-badge ftr-tone-${tone} ${className}`,
+		children: status
+	});
+}
+function Duration({ value, unknownLabel = "Unknown", className }) {
+	const text = value == null ? unknownLabel : value >= 1e3 ? `${(value / 1e3).toFixed(2)} s` : `${value.toFixed(1)} ms`;
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		children: text
+	});
+}
+function ErrorDetail({ message, type, stack, children }) {
+	return /* @__PURE__ */ jsxs(Callout, {
+		type: "error",
+		title: type ?? void 0,
+		className: "ftr-ui ftr-error-details",
+		children: [
+			message != null && /* @__PURE__ */ jsx("p", {
+				className: "ftr-error-message",
+				children: message
+			}),
+			stack != null && /* @__PURE__ */ jsx(StdoutPanel, { content: stack }),
+			children
+		]
+	});
+}
+/** Plain text only, suitable for stdout or stderr. */
+function StdoutPanel({ content, title, emptyLabel = "No output recorded." }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "ftr-ui ftr-output-panel",
+		children: content == null ? /* @__PURE__ */ jsx("p", {
+			className: "ftr-empty",
+			children: emptyLabel
+		}) : /* @__PURE__ */ jsx(CodeBlock, {
+			title,
+			className: "ftr-codeblock",
+			children: /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx("code", { children: content }) })
+		})
+	});
+}
+//#endregion
+export { Duration, ErrorDetail, StatusBadge, StdoutPanel };

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "fumadocs-test-reports",
+  "version": "0.1.0",
+  "description": "Test report adapters and React UI for Fumadocs",
+  "keywords": [
+    "fumadocs",
+    "react",
+    "test-report",
+    "tunit"
+  ],
+  "license": "MIT",
+  "files": [
+    "dist",
+    "css"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./css/**/*.css"
+  ],
+  "exports": {
+    "./tunit": "./dist/tunit/index.js",
+    "./tunit/ui": "./dist/tunit/ui/index.js",
+    "./ui": "./dist/ui/index.js",
+    "./css/*": "./css/*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "clean": "rimraf dist",
+    "dev": "tsdown --watch --clean false",
+    "prepack": "pnpm build",
+    "lint": "oxlint .",
+    "types:check": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/node": "26.6.4",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "fumadocs-core": "16.16.2",
+    "fumadocs-ui": "npm:@fumadocs/base-ui@16.16.2",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tsdown": "0.23.0"
+  },
+  "peerDependencies": {
+    "fumadocs-ui": "^16.16.2",
+    "react": "^19.2.0"
+  }
+}