@sanurb/ringi 0.2.0 → 0.3.0

package/server/server/_reviewId-DAhmekJ2.mjs

@@ -0,0 +1,277 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { u as require_react } from "./_libs/@floating-ui/react-dom+[...].mjs";
+import { n as require_jsx_runtime } from "./_libs/@pierre/diffs+[...].mjs";
+import { Ct as tap, St as sync, Ut as some, dt as gen, pt as logError, wt as tapCause } from "./_libs/effect+[...].mjs";
+import { i as clientRuntime, t as ApiClient } from "./_ssr/client-runtime-BoPuAEoA.mjs";
+import { t as Route } from "./_reviewId-p9mhYVwa.mjs";
+import { t as cn } from "./_ssr/utils-BuOt9_LA.mjs";
+import { t as ActionBar } from "./_ssr/action-bar-C68xGnWW.mjs";
+import { i as FileTree, n as DiffView, r as ExportFeedbackModal, t as DiffSummary } from "./_ssr/file-tree-CQ5w2GHh.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_reviewId-DAhmekJ2.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function groupByFile(comments) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const comment of comments) {
+		const existing = groups.get(comment.filePath);
+		if (existing) existing.push(comment);
+		else groups.set(comment.filePath, [comment]);
+	}
+	return [...groups.entries()];
+}
+function SpeechBubbleIcon() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: "text-text-tertiary",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+	});
+}
+function EmptyState() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex flex-1 flex-col items-center justify-center px-4",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpeechBubbleIcon, {})
+	});
+}
+function CommentCard({ comment, index }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "ringi-comment-card flex flex-col gap-1 rounded border border-border-subtle bg-surface-elevated px-2.5 py-2 animate-in fade-in duration-100",
+		style: { animationDelay: `${index * 40}ms` },
+		children: [
+			comment.lineNumber != null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				className: "font-mono text-[10px] text-text-tertiary",
+				children: ["L", comment.lineNumber]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "whitespace-pre-wrap text-xs text-text-secondary",
+				children: comment.content
+			}),
+			comment.resolved && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[10px] text-status-success",
+				children: "Resolved"
+			})
+		]
+	});
+}
+function FileGroup({ filePath, comments }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1.5",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "truncate font-mono text-[10px] text-text-tertiary",
+			children: filePath
+		}), comments.map((comment, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommentCard, {
+			comment,
+			index
+		}, comment.id))]
+	});
+}
+function AnnotationsPanel({ comments, isOpen }) {
+	const groups = groupByFile(comments);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
+		"aria-hidden": !isOpen,
+		className: cn("ringi-annotations-panel flex w-64 shrink-0 flex-col overflow-hidden border-l border-border-default bg-surface-secondary transition-[transform,opacity] duration-200 [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]", isOpen ? "translate-x-0 opacity-100" : "pointer-events-none translate-x-full opacity-0"),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 border-b border-border-subtle px-3 py-2.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-[10px] font-medium uppercase tracking-widest text-text-tertiary",
+				children: "Annotations"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "rounded-full bg-surface-overlay px-1.5 text-[10px] text-text-secondary",
+				children: comments.length
+			})]
+		}), comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "flex flex-1 flex-col gap-3 overflow-y-auto p-3",
+			children: groups.map(([filePath, fileComments]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileGroup, {
+				filePath,
+				comments: fileComments
+			}, filePath))
+		})]
+	});
+}
+var updateStatus = (reviewId, status) => gen(function* updateReviewStatus() {
+	const { http } = yield* ApiClient;
+	return yield* http.reviews.update({
+		path: { id: reviewId },
+		payload: { status: some(status) }
+	});
+});
+var reviewDetailReducer = (state, action) => {
+	switch (action.type) {
+		case "SET_STATUS": return {
+			...state,
+			status: action.status
+		};
+		case "TOGGLE_DIFF_MODE": return {
+			...state,
+			diffMode: state.diffMode === "split" ? "unified" : "split"
+		};
+		case "TOGGLE_ANNOTATIONS": return {
+			...state,
+			annotationsOpen: !state.annotationsOpen
+		};
+		case "SET_EXPORT_OPEN": return {
+			...state,
+			exportOpen: action.open
+		};
+		case "SELECT_FILE": return {
+			...state,
+			selectedFile: action.path
+		};
+		case "TOGGLE_VIEWED": {
+			const next = new Set(state.viewedFiles);
+			if (next.has(action.filePath)) next.delete(action.filePath);
+			else next.add(action.filePath);
+			return {
+				...state,
+				viewedFiles: next
+			};
+		}
+		case "COMMENT_RESOLVED": return {
+			...state,
+			unresolvedCount: Math.max(0, state.unresolvedCount - 1)
+		};
+		case "COMMENT_UNRESOLVED": return {
+			...state,
+			unresolvedCount: state.unresolvedCount + 1
+		};
+		case "COMMENT_ADDED": return {
+			...state,
+			unresolvedCount: state.unresolvedCount + 1
+		};
+		case "COMMENT_DELETED": return {
+			...state,
+			unresolvedCount: action.wasResolved ? state.unresolvedCount : Math.max(0, state.unresolvedCount - 1)
+		};
+		default: return state;
+	}
+};
+var ReviewDetailPage = () => {
+	const data = Route.useLoaderData();
+	const diffFiles = (0, import_react.useMemo)(() => data.files.map((f) => ({
+		additions: f.additions,
+		deletions: f.deletions,
+		hunks: [],
+		newPath: f.filePath,
+		oldPath: f.oldPath ?? f.filePath,
+		status: f.status
+	})), [data.files]);
+	const [state, dispatch] = (0, import_react.useReducer)(reviewDetailReducer, {
+		annotationsOpen: true,
+		diffMode: "split",
+		exportOpen: false,
+		selectedFile: diffFiles[0]?.newPath ?? null,
+		status: data.status,
+		unresolvedCount: data.commentStats.unresolved,
+		viewedFiles: /* @__PURE__ */ new Set()
+	});
+	const selectedFileData = (0, import_react.useMemo)(() => diffFiles.find((f) => f.newPath === state.selectedFile) ?? null, [diffFiles, state.selectedFile]);
+	const handleSelectFile = (0, import_react.useCallback)((path) => {
+		dispatch({
+			path,
+			type: "SELECT_FILE"
+		});
+	}, []);
+	const handleToggleViewed = (0, import_react.useCallback)((filePath) => {
+		dispatch({
+			filePath,
+			type: "TOGGLE_VIEWED"
+		});
+	}, []);
+	const handleStatusChange = (0, import_react.useCallback)((newStatus) => {
+		clientRuntime.runFork(updateStatus(data.id, newStatus).pipe(tap(() => sync(() => dispatch({
+			status: newStatus,
+			type: "SET_STATUS"
+		}))), tapCause((cause) => logError("Failed to update review status", cause))));
+	}, [data.id]);
+	const toggleDiffMode = (0, import_react.useCallback)(() => {
+		dispatch({ type: "TOGGLE_DIFF_MODE" });
+	}, []);
+	const toggleAnnotations = (0, import_react.useCallback)(() => {
+		dispatch({ type: "TOGGLE_ANNOTATIONS" });
+	}, []);
+	const handleExport = (0, import_react.useCallback)(() => {
+		dispatch({
+			open: true,
+			type: "SET_EXPORT_OPEN"
+		});
+	}, []);
+	const handleExportOpenChange = (0, import_react.useCallback)((open) => {
+		dispatch({
+			open,
+			type: "SET_EXPORT_OPEN"
+		});
+	}, []);
+	const diffSummary = data.summary;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full flex-col",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionBar, {
+				repoName: data.repositoryPath.split("/").pop() ?? data.repositoryPath,
+				reviewId: data.id,
+				status: state.status,
+				onStatusChange: handleStatusChange,
+				sourceDescription: data.sourceRef ? `${data.sourceRef}${data.baseRef ? ` → ${data.baseRef}` : ""}` : `${data.sourceType.charAt(0).toUpperCase()}${data.sourceType.slice(1)} snapshot`,
+				diffMode: state.diffMode,
+				onToggleDiffMode: toggleDiffMode,
+				reviewedFileCount: state.viewedFiles.size,
+				totalFileCount: diffFiles.length,
+				unresolvedCount: state.unresolvedCount,
+				isAnnotationsOpen: state.annotationsOpen,
+				onToggleAnnotations: toggleAnnotations,
+				onExport: handleExport
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-0 flex-1",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileTree, {
+						files: diffFiles,
+						selectedFile: state.selectedFile,
+						onSelectFile: handleSelectFile,
+						reviewedFiles: state.viewedFiles,
+						onToggleViewed: handleToggleViewed
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex-1 overflow-y-auto bg-surface-primary p-4",
+						children: selectedFileData ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffSummary, { summary: diffSummary }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiffView, {
+								file: selectedFileData,
+								reviewId: data.id,
+								diffMode: state.diffMode,
+								comments: data.comments,
+								viewed: state.selectedFile ? state.viewedFiles.has(state.selectedFile) : false,
+								onToggleViewed: handleToggleViewed
+							})]
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "rounded-sm border border-border-default bg-surface-elevated p-8 text-center",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-sm text-text-tertiary",
+								children: "Select a file to view its diff."
+							})
+						})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnnotationsPanel, {
+						comments: data.comments,
+						selectedFile: state.selectedFile,
+						reviewId: data.id,
+						isOpen: state.annotationsOpen
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExportFeedbackModal, {
+				open: state.exportOpen,
+				onOpenChange: handleExportOpenChange,
+				comments: data.comments,
+				reviewId: data.id
+			})
+		]
+	});
+};
+//#endregion
+export { ReviewDetailPage as component };

package/server/server/_reviewId-p9mhYVwa.mjs

@@ -0,0 +1,18 @@
+import { c as createFileRoute, s as lazyRouteComponent } from "./_libs/@tanstack/react-router+[...].mjs";
+import { r as createServerFn } from "./_ssr/ssr.mjs";
+import { t as createSsrRpc } from "./_ssr/createSsrRpc-AwdiLXmF.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_reviewId-p9mhYVwa.js
+var $$splitErrorComponentImporter = () => import("./_reviewId-Com4yOlc.mjs");
+var $$splitComponentImporter = () => import("./_reviewId-DAhmekJ2.mjs");
+var loadReview = createServerFn({ method: "GET" }).inputValidator((d) => {
+	const obj = d;
+	if (typeof obj?.reviewId !== "string") throw new TypeError("reviewId required");
+	return { reviewId: obj.reviewId };
+}).handler(createSsrRpc("d17f62149492ac39d233ae8a98fd9e6f8cb42fca22b195a215054e1e2ad0ea53"));
+var Route = createFileRoute("/reviews/$reviewId")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),
+	loader: ({ params }) => loadReview({ data: { reviewId: params.reviewId } })
+});
+//#endregion
+export { Route as t };

package/server/server/_runtime.mjs

@@ -0,0 +1,35 @@
+import { createRequire } from "node:module";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+//#endregion
+export { __toESM as i, __exportAll as n, __require as r, __commonJSMin as t };