@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/file-findings/AnnotatedCode.cjs

@@ -0,0 +1,243 @@
+const require_utils = require("../lib/utils.cjs");
+const require_ProblemActions = require("../data/diagnostics/ProblemActions.cjs");
+const require_stats = require("../data/lint/stats.cjs");
+const require_comment_context = require("../comments/comment-context.cjs");
+const require_CommentProvider = require("../comments/CommentProvider.cjs");
+const require_CommentSidePanel = require("../comments/CommentSidePanel.cjs");
+const require_MonacoEditor = require("../monaco/MonacoEditor.cjs");
+const require_findings_comments = require("./findings-comments.cjs");
+const require_monaco_language = require("./monaco-language.cjs");
+const require_findings_languages = require("./findings-languages.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/AnnotatedCode.tsx
+var MARKER_OWNER = "findings";
+var LINE_TINT = {
+	error: "bg-red-500 opacity-10",
+	warning: "bg-amber-500 opacity-10",
+	info: "bg-sky-500 opacity-10"
+};
+var GLYPH_BASE = "ml-1 mt-1 size-3 rounded-full";
+var GLYPH = {
+	error: `${GLYPH_BASE} bg-red-500`,
+	warning: `${GLYPH_BASE} bg-amber-500`,
+	info: `${GLYPH_BASE} bg-sky-500`
+};
+var CHIP_BASE = "ml-6 italic";
+var CHIP = {
+	error: `${CHIP_BASE} text-red-500`,
+	warning: `${CHIP_BASE} text-amber-500`,
+	info: `${CHIP_BASE} text-sky-500`
+};
+function markerSeverity(monaco, severity) {
+	const { MarkerSeverity } = monaco;
+	return {
+		error: MarkerSeverity.Error,
+		warning: MarkerSeverity.Warning,
+		info: MarkerSeverity.Info
+	}[severity];
+}
+function modelPath(workDir, file) {
+	return encodeURI(`file://${workDir ? workDir.startsWith("/") ? workDir : `/${workDir}` : ""}/${file}`);
+}
+/** The editor-model markers for `findings`: the finding's range when it has one, else the rest of its line. */
+function toMarkers(findings, model, monaco) {
+	return findings.map((finding) => {
+		const endLineNumber = finding.endLine ?? finding.line;
+		return {
+			severity: markerSeverity(monaco, finding.severity),
+			message: finding.message,
+			source: finding.source,
+			...finding.rule ? { code: finding.rule } : {},
+			startLineNumber: finding.line,
+			startColumn: finding.column ?? 1,
+			endLineNumber,
+			endColumn: finding.endColumn ?? model.getLineMaxColumn(endLineNumber)
+		};
+	});
+}
+/**
+* One chip per line that has findings: the worst finding's `rule · message`,
+* with `+N` for the line's other findings, injected after the line's text.
+*/
+function inlineChipDecorations(findings, model) {
+	const byLine = /* @__PURE__ */ new Map();
+	for (const finding of findings) byLine.set(finding.line, [...byLine.get(finding.line) ?? [], finding]);
+	return [...byLine].map(([line, onLine]) => {
+		const worst = onLine.reduce((a, b) => require_stats.severityRank(b.severity) > require_stats.severityRank(a.severity) ? b : a);
+		const label = worst.rule ? `${worst.rule} · ${worst.message}` : worst.message;
+		const column = model.getLineMaxColumn(line);
+		return {
+			range: {
+				startLineNumber: line,
+				startColumn: column,
+				endLineNumber: line,
+				endColumn: column
+			},
+			options: {
+				showIfCollapsed: true,
+				after: {
+					content: onLine.length > 1 ? `${label} +${onLine.length - 1}` : label,
+					inlineClassName: CHIP[worst.severity]
+				}
+			}
+		};
+	});
+}
+/** The first finding whose line range covers `line`. */
+function findingCovering(findings, line) {
+	return findings.find((f) => f.line <= line && line <= (f.endLine ?? f.line));
+}
+function CodeBody({ mounted, onMount, contentElement, path, workDir, source, findings, line, onLineChange, getFindingActions, onChange, inlineChips, className }) {
+	const ctx = require_comment_context.useCommentContext();
+	const { focusAnchor, commentMeta } = ctx;
+	const findingsById = (0, react.useMemo)(() => {
+		const comments = require_findings_comments.findingsToComments(findings);
+		return new Map(comments.map((comment, i) => [comment.id, findings[i]]));
+	}, [findings]);
+	(0, react.useEffect)(() => {
+		if (!mounted) return;
+		const { editor, monaco } = mounted;
+		const model = editor.getModel();
+		if (!model) return;
+		editor.updateOptions({ glyphMargin: true });
+		monaco.editor.setModelMarkers(model, MARKER_OWNER, toMarkers(findings, model, monaco));
+		const decorations = editor.createDecorationsCollection([...findings.map((finding) => ({
+			range: {
+				startLineNumber: finding.line,
+				startColumn: 1,
+				endLineNumber: finding.endLine ?? finding.line,
+				endColumn: 1
+			},
+			options: {
+				isWholeLine: true,
+				className: LINE_TINT[finding.severity],
+				glyphMarginClassName: GLYPH[finding.severity],
+				glyphMarginHoverMessage: { value: finding.message }
+			}
+		})), ...inlineChips ? inlineChipDecorations(findings, model) : []]);
+		return () => {
+			decorations.clear();
+			monaco.editor.setModelMarkers(model, MARKER_OWNER, []);
+		};
+	}, [
+		mounted,
+		findings,
+		inlineChips
+	]);
+	(0, react.useEffect)(() => {
+		if (!mounted) return;
+		const { editor } = mounted;
+		const subscription = editor.onMouseDown((event) => {
+			const clicked = event.target.position?.lineNumber;
+			const finding = clicked === void 0 ? void 0 : findingCovering(findings, clicked);
+			if (!finding) return;
+			focusAnchor(require_findings_comments.lineAnchor(finding.line));
+			onLineChange?.(finding.line);
+		});
+		return () => subscription.dispose();
+	}, [
+		mounted,
+		findings,
+		focusAnchor,
+		onLineChange
+	]);
+	(0, react.useEffect)(() => {
+		const element = contentElement.current;
+		if (!mounted || !element) return;
+		const notify = () => element.dispatchEvent(new Event("scroll"));
+		const subscription = mounted.editor.onDidScrollChange(notify);
+		notify();
+		return () => subscription.dispose();
+	}, [mounted, contentElement]);
+	(0, react.useLayoutEffect)(() => {
+		if (!mounted || line === void 0) return;
+		mounted.editor.revealLineInCenter(line);
+		if (commentMeta[require_findings_comments.lineAnchor(line)]) focusAnchor(require_findings_comments.lineAnchor(line));
+	}, [
+		mounted,
+		line,
+		focusAnchor
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("flex h-full min-h-0", className),
+		"data-annotated-code": "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: (element) => {
+				ctx.contentRef.current = element;
+				contentElement.current = element;
+			},
+			className: "min-w-0 flex-1 [&_[data-slot=monaco-editor]]:h-full [&_[data-slot=monaco-editor]]:rounded-none [&_[data-slot=monaco-editor]]:border-0",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MonacoEditor.MonacoEditor, {
+				...onChange ? { onChange } : { readOnly: true },
+				value: source,
+				language: require_monaco_language.findingsLanguageForPath(path),
+				path: modelPath(workDir, path),
+				height: "100%",
+				beforeMount: (monaco) => require_findings_languages.registerFindingsLanguages(monaco.languages),
+				onMount: (editor, monaco) => onMount({
+					editor,
+					monaco
+				})
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "shrink-0 overflow-y-auto border-l border-border px-density-3",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CommentSidePanel.CommentSidePanel, {
+				focusedAlignment: "anchor",
+				formatAnchorLabel: (anchor) => `line ${require_findings_comments.lineOfAnchor(anchor)}`,
+				renderRootDetails: (comment) => {
+					const finding = findingsById.get(comment.id);
+					return finding && getFindingActions ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProblemActions.ProblemActions, { items: getFindingActions(finding) }) : null;
+				}
+			})
+		})]
+	});
+}
+/**
+* A source file in a Monaco editor with its findings as markers, as gutter
+* dots and as read-only comment threads in a rail beside it. The editor is
+* read-only unless `onChange` is given. Needs a
+* `MonacoProvider` above it. The rail and the editor share one anchor scheme
+* (`line:<n>`): the rail asks the editor where a line is and tells it to
+* reveal one.
+*/
+function AnnotatedCode({ findings, ...props }) {
+	const [mounted, setMounted] = (0, react.useState)(null);
+	const contentElement = (0, react.useRef)(null);
+	const comments = (0, react.useMemo)(() => require_findings_comments.findingsToComments(findings), [findings]);
+	const getAnchorTop = (0, react.useCallback)((anchor) => {
+		const container = contentElement.current;
+		const model = mounted?.editor.getModel();
+		const dom = mounted?.editor.getDomNode();
+		if (!mounted || !container || !model || !dom) return null;
+		const line = require_findings_comments.lineOfAnchor(anchor);
+		if (line > model.getLineCount()) return null;
+		return dom.getBoundingClientRect().top - container.getBoundingClientRect().top + mounted.editor.getTopForLineNumber(line) - mounted.editor.getScrollTop();
+	}, [mounted]);
+	const onScrollToAnchor = (0, react.useCallback)((anchor, options) => {
+		if (!mounted) return false;
+		const { editor, monaco } = mounted;
+		const line = require_findings_comments.lineOfAnchor(anchor);
+		if (line > (editor.getModel()?.getLineCount() ?? 0)) return false;
+		editor.revealLineInCenter(line, options.behavior === "smooth" ? monaco.editor.ScrollType.Smooth : monaco.editor.ScrollType.Immediate);
+		return true;
+	}, [mounted]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CommentProvider.CommentProvider, {
+		comments,
+		config: require_findings_comments.FINDINGS_COMMENT_CONFIG,
+		resolveAnchor: require_findings_comments.lineRangeAnchorResolver,
+		getAnchorTop,
+		onScrollToAnchor,
+		initialRailMode: "all",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeBody, {
+			mounted,
+			onMount: setMounted,
+			contentElement,
+			findings,
+			...props
+		})
+	});
+}
+exports.AnnotatedCode = AnnotatedCode;
+
+//# sourceMappingURL=AnnotatedCode.cjs.map

package/dist/file-findings/AnnotatedCode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedCode.cjs","names":["severityRank","useCommentContext","useMemo","findingsToComments","lineAnchor","cn","MonacoEditor","findingsLanguageForPath","registerFindingsLanguages","CommentSidePanel","lineOfAnchor","ProblemActions","useState","useRef","useCallback","CommentProvider","FINDINGS_COMMENT_CONFIG","lineRangeAnchorResolver"],"sources":["../../src/file-findings/AnnotatedCode.tsx"],"sourcesContent":["import type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { ProblemActions } from \"../data/diagnostics/ProblemActions\";\nimport type { editor as MonacoEditorApi, IDisposable } from \"monaco-editor\";\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { CommentProvider } from \"../comments/CommentProvider\";\nimport { CommentSidePanel } from \"../comments/CommentSidePanel\";\nimport { useCommentContext } from \"../comments/comment-context\";\nimport type { CommentScrollOptions } from \"../comments/comment-context\";\nimport type { CommentAnchor } from \"../comments/comment-types\";\nimport { severityRank } from \"../data/lint/stats\";\nimport { cn } from \"../lib/utils\";\nimport type { Monaco } from \"../monaco\";\nimport { MonacoEditor } from \"../monaco/MonacoEditor\";\nimport {\n  FINDINGS_COMMENT_CONFIG,\n  findingsToComments,\n  lineAnchor,\n  lineOfAnchor,\n  lineRangeAnchorResolver,\n} from \"./findings-comments\";\nimport { registerFindingsLanguages } from \"./findings-languages\";\nimport { findingsLanguageForPath } from \"./monaco-language\";\nimport type { FileFinding, LintSeverity } from \"./types\";\n\nexport type AnnotatedCodeProps = {\n  /** Path of the file; picks the language and names the editor model. */\n  path: string;\n  workDir?: string | undefined;\n  source: string;\n  findings: readonly FileFinding[];\n  /** Line to reveal and, when a finding starts on it, to focus. Controlled by the host. */\n  line?: number | undefined;\n  /** Called with a finding's first line when the reader clicks a line it covers. */\n  onLineChange?: ((line: number) => void) | undefined;\n  /** Extra controls under each finding's thread, e.g. an ignore action. */\n  getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;\n  /** Makes the editor editable and receives every edit; without it the editor is read-only. */\n  onChange?: ((source: string) => void) | undefined;\n  /** Shows each line's worst finding as `rule · message` after the line's text. */\n  inlineChips?: boolean | undefined;\n  className?: string | undefined;\n};\n\ntype MountedEditor = { editor: MonacoEditorApi.IStandaloneCodeEditor; monaco: Monaco };\n\nconst MARKER_OWNER = \"findings\";\n\n// Tailwind utilities, so the library's own stylesheet scan emits them; Monaco\n// only applies the class names to its decoration elements. Monaco replaces\n// every character outside [a-zA-Z0-9_-] in a decoration class with a space,\n// so none of these may use `/`, `.`, `[` or `:` (no `bg-red-500/10`, `px-1.5`\n// or `ml-[5px]`). The tint is a text-free overlay, so `opacity-10` stands in\n// for an alpha background.\nconst LINE_TINT: Record<LintSeverity, string> = {\n  error: \"bg-red-500 opacity-10\",\n  warning: \"bg-amber-500 opacity-10\",\n  info: \"bg-sky-500 opacity-10\",\n};\nconst GLYPH_BASE = \"ml-1 mt-1 size-3 rounded-full\";\nconst GLYPH: Record<LintSeverity, string> = {\n  error: `${GLYPH_BASE} bg-red-500`,\n  warning: `${GLYPH_BASE} bg-amber-500`,\n  info: `${GLYPH_BASE} bg-sky-500`,\n};\nconst CHIP_BASE = \"ml-6 italic\";\nconst CHIP: Record<LintSeverity, string> = {\n  error: `${CHIP_BASE} text-red-500`,\n  warning: `${CHIP_BASE} text-amber-500`,\n  info: `${CHIP_BASE} text-sky-500`,\n};\n\nfunction markerSeverity(monaco: Monaco, severity: LintSeverity): number {\n  const { MarkerSeverity } = monaco;\n  return { error: MarkerSeverity.Error, warning: MarkerSeverity.Warning, info: MarkerSeverity.Info }[severity];\n}\n\nfunction modelPath(workDir: string | undefined, file: string): string {\n  return encodeURI(`file://${workDir ? (workDir.startsWith(\"/\") ? workDir : `/${workDir}`) : \"\"}/${file}`);\n}\n\n/** The editor-model markers for `findings`: the finding's range when it has one, else the rest of its line. */\nfunction toMarkers(\n  findings: readonly FileFinding[],\n  model: MonacoEditorApi.ITextModel,\n  monaco: Monaco,\n): MonacoEditorApi.IMarkerData[] {\n  return findings.map((finding) => {\n    const endLineNumber = finding.endLine ?? finding.line;\n    return {\n      severity: markerSeverity(monaco, finding.severity),\n      message: finding.message,\n      source: finding.source,\n      ...(finding.rule ? { code: finding.rule } : {}),\n      startLineNumber: finding.line,\n      startColumn: finding.column ?? 1,\n      endLineNumber,\n      endColumn: finding.endColumn ?? model.getLineMaxColumn(endLineNumber),\n    };\n  });\n}\n\n/**\n * One chip per line that has findings: the worst finding's `rule · message`,\n * with `+N` for the line's other findings, injected after the line's text.\n */\nfunction inlineChipDecorations(\n  findings: readonly FileFinding[],\n  model: Pick<MonacoEditorApi.ITextModel, \"getLineMaxColumn\">,\n): MonacoEditorApi.IModelDeltaDecoration[] {\n  const byLine = new Map<number, FileFinding[]>();\n  for (const finding of findings) byLine.set(finding.line, [...(byLine.get(finding.line) ?? []), finding]);\n  return [...byLine].map(([line, onLine]) => {\n    const worst = onLine.reduce((a, b) => (severityRank(b.severity) > severityRank(a.severity) ? b : a));\n    const label = worst.rule ? `${worst.rule} · ${worst.message}` : worst.message;\n    const column = model.getLineMaxColumn(line);\n    return {\n      range: { startLineNumber: line, startColumn: column, endLineNumber: line, endColumn: column },\n      options: {\n        // Monaco drops injected text on an empty range unless told to keep it.\n        showIfCollapsed: true,\n        after: {\n          content: onLine.length > 1 ? `${label} +${onLine.length - 1}` : label,\n          inlineClassName: CHIP[worst.severity],\n        },\n      },\n    };\n  });\n}\n\n/** The first finding whose line range covers `line`. */\nfunction findingCovering(findings: readonly FileFinding[], line: number): FileFinding | undefined {\n  return findings.find((f) => f.line <= line && line <= (f.endLine ?? f.line));\n}\n\nfunction CodeBody({\n  mounted,\n  onMount,\n  contentElement,\n  path,\n  workDir,\n  source,\n  findings,\n  line,\n  onLineChange,\n  getFindingActions,\n  onChange,\n  inlineChips,\n  className,\n}: AnnotatedCodeProps & {\n  mounted: MountedEditor | null;\n  onMount: (mounted: MountedEditor) => void;\n  contentElement: { current: HTMLDivElement | null };\n}) {\n  const ctx = useCommentContext();\n  const { focusAnchor, commentMeta } = ctx;\n\n  const findingsById = useMemo(() => {\n    const comments = findingsToComments(findings);\n    return new Map(comments.map((comment, i) => [comment.id, findings[i]!]));\n  }, [findings]);\n\n  // Markers and gutter decorations follow the findings.\n  useEffect(() => {\n    if (!mounted) return;\n    const { editor, monaco } = mounted;\n    const model = editor.getModel();\n    if (!model) return;\n    editor.updateOptions({ glyphMargin: true });\n    monaco.editor.setModelMarkers(model, MARKER_OWNER, toMarkers(findings, model, monaco));\n    const decorations = editor.createDecorationsCollection([\n      ...findings.map((finding) => ({\n        range: {\n          startLineNumber: finding.line,\n          startColumn: 1,\n          endLineNumber: finding.endLine ?? finding.line,\n          endColumn: 1,\n        },\n        options: {\n          isWholeLine: true,\n          className: LINE_TINT[finding.severity],\n          glyphMarginClassName: GLYPH[finding.severity],\n          glyphMarginHoverMessage: { value: finding.message },\n        },\n      })),\n      ...(inlineChips ? inlineChipDecorations(findings, model) : []),\n    ]);\n    return () => {\n      decorations.clear();\n      monaco.editor.setModelMarkers(model, MARKER_OWNER, []);\n    };\n  }, [mounted, findings, inlineChips]);\n\n  // Clicking a line a finding covers focuses its thread in the rail.\n  useEffect(() => {\n    if (!mounted) return;\n    const { editor } = mounted;\n    const subscription = editor.onMouseDown((event) => {\n      const clicked = event.target.position?.lineNumber;\n      const finding = clicked === undefined ? undefined : findingCovering(findings, clicked);\n      if (!finding) return;\n      focusAnchor(lineAnchor(finding.line));\n      onLineChange?.(finding.line);\n    });\n    return () => subscription.dispose();\n  }, [mounted, findings, focusAnchor, onLineChange]);\n\n  // The rail aligns to the editor's scroll position by listening for `scroll`\n  // on the content element, which an editor's internal scrolling never fires.\n  useEffect(() => {\n    const element = contentElement.current;\n    if (!mounted || !element) return;\n    const notify = () => element.dispatchEvent(new Event(\"scroll\"));\n    const subscription: IDisposable = mounted.editor.onDidScrollChange(notify);\n    notify();\n    return () => subscription.dispose();\n  }, [mounted, contentElement]);\n\n  useLayoutEffect(() => {\n    if (!mounted || line === undefined) return;\n    mounted.editor.revealLineInCenter(line);\n    if (commentMeta[lineAnchor(line)]) focusAnchor(lineAnchor(line));\n    // commentMeta changes identity with the comments; the reveal is per line.\n  }, [mounted, line, focusAnchor]);\n\n  return (\n    <div className={cn(\"flex h-full min-h-0\", className)} data-annotated-code=\"\">\n      <div\n        ref={(element) => {\n          ctx.contentRef.current = element;\n          contentElement.current = element;\n        }}\n        className=\"min-w-0 flex-1 [&_[data-slot=monaco-editor]]:h-full [&_[data-slot=monaco-editor]]:rounded-none [&_[data-slot=monaco-editor]]:border-0\"\n      >\n        <MonacoEditor\n          {...(onChange ? { onChange } : { readOnly: true })}\n          value={source}\n          language={findingsLanguageForPath(path)}\n          path={modelPath(workDir, path)}\n          height=\"100%\"\n          beforeMount={(monaco) => registerFindingsLanguages(monaco.languages)}\n          onMount={(editor, monaco) => onMount({ editor, monaco })}\n        />\n      </div>\n      <div className=\"shrink-0 overflow-y-auto border-l border-border px-density-3\">\n        <CommentSidePanel\n          focusedAlignment=\"anchor\"\n          formatAnchorLabel={(anchor) => `line ${lineOfAnchor(anchor)}`}\n          renderRootDetails={(comment) => {\n            const finding = findingsById.get(comment.id);\n            return finding && getFindingActions ? <ProblemActions items={getFindingActions(finding)} /> : null;\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\n/**\n * A source file in a Monaco editor with its findings as markers, as gutter\n * dots and as read-only comment threads in a rail beside it. The editor is\n * read-only unless `onChange` is given. Needs a\n * `MonacoProvider` above it. The rail and the editor share one anchor scheme\n * (`line:<n>`): the rail asks the editor where a line is and tells it to\n * reveal one.\n */\nexport function AnnotatedCode({ findings, ...props }: AnnotatedCodeProps) {\n  const [mounted, setMounted] = useState<MountedEditor | null>(null);\n  const contentElement = useRef<HTMLDivElement | null>(null);\n  const comments = useMemo(() => findingsToComments(findings), [findings]);\n\n  const getAnchorTop = useCallback(\n    (anchor: CommentAnchor): number | null => {\n      const container = contentElement.current;\n      const model = mounted?.editor.getModel();\n      const dom = mounted?.editor.getDomNode();\n      if (!mounted || !container || !model || !dom) return null;\n      const line = lineOfAnchor(anchor);\n      if (line > model.getLineCount()) return null;\n      const editorOffset = dom.getBoundingClientRect().top - container.getBoundingClientRect().top;\n      return editorOffset + mounted.editor.getTopForLineNumber(line) - mounted.editor.getScrollTop();\n    },\n    [mounted],\n  );\n\n  const onScrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions): boolean => {\n      if (!mounted) return false;\n      const { editor, monaco } = mounted;\n      const line = lineOfAnchor(anchor);\n      if (line > (editor.getModel()?.getLineCount() ?? 0)) return false;\n      editor.revealLineInCenter(\n        line,\n        options.behavior === \"smooth\" ? monaco.editor.ScrollType.Smooth : monaco.editor.ScrollType.Immediate,\n      );\n      return true;\n    },\n    [mounted],\n  );\n\n  return (\n    <CommentProvider\n      comments={comments}\n      config={FINDINGS_COMMENT_CONFIG}\n      resolveAnchor={lineRangeAnchorResolver}\n      getAnchorTop={getAnchorTop}\n      onScrollToAnchor={onScrollToAnchor}\n      initialRailMode=\"all\"\n    >\n      <CodeBody\n        mounted={mounted}\n        onMount={setMounted}\n        contentElement={contentElement}\n        findings={findings}\n        {...props}\n      />\n    </CommentProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA6CA,IAAM,eAAe;AAQrB,IAAM,YAA0C;CAC9C,OAAO;CACP,SAAS;CACT,MAAM;AACR;AACA,IAAM,aAAa;AACnB,IAAM,QAAsC;CAC1C,OAAO,GAAG,WAAW;CACrB,SAAS,GAAG,WAAW;CACvB,MAAM,GAAG,WAAW;AACtB;AACA,IAAM,YAAY;AAClB,IAAM,OAAqC;CACzC,OAAO,GAAG,UAAU;CACpB,SAAS,GAAG,UAAU;CACtB,MAAM,GAAG,UAAU;AACrB;AAEA,SAAS,eAAe,QAAgB,UAAgC;CACtE,MAAM,EAAE,mBAAmB;CAC3B,OAAO;EAAE,OAAO,eAAe;EAAO,SAAS,eAAe;EAAS,MAAM,eAAe;CAAK,EAAE;AACrG;AAEA,SAAS,UAAU,SAA6B,MAAsB;CACpE,OAAO,UAAU,UAAU,UAAW,QAAQ,WAAW,GAAG,IAAI,UAAU,IAAI,YAAa,GAAG,GAAG,MAAM;AACzG;;AAGA,SAAS,UACP,UACA,OACA,QAC+B;CAC/B,OAAO,SAAS,KAAK,YAAY;EAC/B,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;EACjD,OAAO;GACL,UAAU,eAAe,QAAQ,QAAQ,QAAQ;GACjD,SAAS,QAAQ;GACjB,QAAQ,QAAQ;GAChB,GAAI,QAAQ,OAAO,EAAE,MAAM,QAAQ,KAAK,IAAI,CAAC;GAC7C,iBAAiB,QAAQ;GACzB,aAAa,QAAQ,UAAU;GAC/B;GACA,WAAW,QAAQ,aAAa,MAAM,iBAAiB,aAAa;EACtE;CACF,CAAC;AACH;;;;;AAMA,SAAS,sBACP,UACA,OACyC;CACzC,MAAM,yBAAS,IAAI,IAA2B;CAC9C,KAAK,MAAM,WAAW,UAAU,OAAO,IAAI,QAAQ,MAAM,CAAC,GAAI,OAAO,IAAI,QAAQ,IAAI,KAAK,CAAC,GAAI,OAAO,CAAC;CACvG,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY;EACzC,MAAM,QAAQ,OAAO,QAAQ,GAAG,MAAOA,cAAAA,aAAa,EAAE,QAAQ,IAAIA,cAAAA,aAAa,EAAE,QAAQ,IAAI,IAAI,CAAE;EACnG,MAAM,QAAQ,MAAM,OAAO,GAAG,MAAM,KAAK,KAAK,MAAM,YAAY,MAAM;EACtE,MAAM,SAAS,MAAM,iBAAiB,IAAI;EAC1C,OAAO;GACL,OAAO;IAAE,iBAAiB;IAAM,aAAa;IAAQ,eAAe;IAAM,WAAW;GAAO;GAC5F,SAAS;IAEP,iBAAiB;IACjB,OAAO;KACL,SAAS,OAAO,SAAS,IAAI,GAAG,MAAM,IAAI,OAAO,SAAS,MAAM;KAChE,iBAAiB,KAAK,MAAM;IAC9B;GACF;EACF;CACF,CAAC;AACH;;AAGA,SAAS,gBAAgB,UAAkC,MAAuC;CAChG,OAAO,SAAS,MAAM,MAAM,EAAE,QAAQ,QAAQ,SAAS,EAAE,WAAW,EAAE,KAAK;AAC7E;AAEA,SAAS,SAAS,EAChB,SACA,SACA,gBACA,MACA,SACA,QACA,UACA,MACA,cACA,mBACA,UACA,aACA,aAKC;CACD,MAAM,MAAMC,wBAAAA,kBAAkB;CAC9B,MAAM,EAAE,aAAa,gBAAgB;CAErC,MAAM,gBAAA,GAAeC,MAAAA,QAAAA,OAAc;EACjC,MAAM,WAAWC,0BAAAA,mBAAmB,QAAQ;EAC5C,OAAO,IAAI,IAAI,SAAS,KAAK,SAAS,MAAM,CAAC,QAAQ,IAAI,SAAS,EAAG,CAAC,CAAC;CACzE,GAAG,CAAC,QAAQ,CAAC;CAGb,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,EAAE,QAAQ,WAAW;EAC3B,MAAM,QAAQ,OAAO,SAAS;EAC9B,IAAI,CAAC,OAAO;EACZ,OAAO,cAAc,EAAE,aAAa,KAAK,CAAC;EAC1C,OAAO,OAAO,gBAAgB,OAAO,cAAc,UAAU,UAAU,OAAO,MAAM,CAAC;EACrF,MAAM,cAAc,OAAO,4BAA4B,CACrD,GAAG,SAAS,KAAK,aAAa;GAC5B,OAAO;IACL,iBAAiB,QAAQ;IACzB,aAAa;IACb,eAAe,QAAQ,WAAW,QAAQ;IAC1C,WAAW;GACb;GACA,SAAS;IACP,aAAa;IACb,WAAW,UAAU,QAAQ;IAC7B,sBAAsB,MAAM,QAAQ;IACpC,yBAAyB,EAAE,OAAO,QAAQ,QAAQ;GACpD;EACF,EAAE,GACF,GAAI,cAAc,sBAAsB,UAAU,KAAK,IAAI,CAAC,CAC9D,CAAC;EACD,aAAa;GACX,YAAY,MAAM;GAClB,OAAO,OAAO,gBAAgB,OAAO,cAAc,CAAC,CAAC;EACvD;CACF,GAAG;EAAC;EAAS;EAAU;CAAW,CAAC;CAGnC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS;EACd,MAAM,EAAE,WAAW;EACnB,MAAM,eAAe,OAAO,aAAa,UAAU;GACjD,MAAM,UAAU,MAAM,OAAO,UAAU;GACvC,MAAM,UAAU,YAAY,KAAA,IAAY,KAAA,IAAY,gBAAgB,UAAU,OAAO;GACrF,IAAI,CAAC,SAAS;GACd,YAAYC,0BAAAA,WAAW,QAAQ,IAAI,CAAC;GACpC,eAAe,QAAQ,IAAI;EAC7B,CAAC;EACD,aAAa,aAAa,QAAQ;CACpC,GAAG;EAAC;EAAS;EAAU;EAAa;CAAY,CAAC;CAIjD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,UAAU,eAAe;EAC/B,IAAI,CAAC,WAAW,CAAC,SAAS;EAC1B,MAAM,eAAe,QAAQ,cAAc,IAAI,MAAM,QAAQ,CAAC;EAC9D,MAAM,eAA4B,QAAQ,OAAO,kBAAkB,MAAM;EACzE,OAAO;EACP,aAAa,aAAa,QAAQ;CACpC,GAAG,CAAC,SAAS,cAAc,CAAC;CAE5B,CAAA,GAAA,MAAA,gBAAA,OAAsB;EACpB,IAAI,CAAC,WAAW,SAAS,KAAA,GAAW;EACpC,QAAQ,OAAO,mBAAmB,IAAI;EACtC,IAAI,YAAYA,0BAAAA,WAAW,IAAI,IAAI,YAAYA,0BAAAA,WAAW,IAAI,CAAC;CAEjE,GAAG;EAAC;EAAS;EAAM;CAAW,CAAC;CAE/B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,uBAAuB,SAAS;EAAG,uBAAoB;EAA1E,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,MAAM,YAAY;IAChB,IAAI,WAAW,UAAU;IACzB,eAAe,UAAU;GAC3B;GACA,WAAU;GAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;IACE,GAAK,WAAW,EAAE,SAAS,IAAI,EAAE,UAAU,KAAK;IAChD,OAAO;IACP,UAAUC,wBAAAA,wBAAwB,IAAI;IACtC,MAAM,UAAU,SAAS,IAAI;IAC7B,QAAO;IACP,cAAc,WAAWC,2BAAAA,0BAA0B,OAAO,SAAS;IACnE,UAAU,QAAQ,WAAW,QAAQ;KAAE;KAAQ;IAAO,CAAC;GACxD,CAAA;EACE,CAAA,GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,kBAAiB;IACjB,oBAAoB,WAAW,QAAQC,0BAAAA,aAAa,MAAM;IAC1D,oBAAoB,YAAY;KAC9B,MAAM,UAAU,aAAa,IAAI,QAAQ,EAAE;KAC3C,OAAO,WAAW,oBAAoB,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD,EAAgB,OAAO,kBAAkB,OAAO,EAAI,CAAA,IAAI;IAChG;GACD,CAAA;EACE,CAAA,CACF;;AAET;;;;;;;;;AAUA,SAAgB,cAAc,EAAE,UAAU,GAAG,SAA6B;CACxE,MAAM,CAAC,SAAS,eAAA,GAAcC,MAAAA,SAAAA,CAA+B,IAAI;CACjE,MAAM,kBAAA,GAAiBC,MAAAA,OAAAA,CAA8B,IAAI;CACzD,MAAM,YAAA,GAAWX,MAAAA,QAAAA,OAAcC,0BAAAA,mBAAmB,QAAQ,GAAG,CAAC,QAAQ,CAAC;CAEvE,MAAM,gBAAA,GAAeW,MAAAA,YAAAA,EAClB,WAAyC;EACxC,MAAM,YAAY,eAAe;EACjC,MAAM,QAAQ,SAAS,OAAO,SAAS;EACvC,MAAM,MAAM,SAAS,OAAO,WAAW;EACvC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,OAAO;EACrD,MAAM,OAAOJ,0BAAAA,aAAa,MAAM;EAChC,IAAI,OAAO,MAAM,aAAa,GAAG,OAAO;EAExC,OADqB,IAAI,sBAAsB,CAAC,CAAC,MAAM,UAAU,sBAAsB,CAAC,CAAC,MACnE,QAAQ,OAAO,oBAAoB,IAAI,IAAI,QAAQ,OAAO,aAAa;CAC/F,GACA,CAAC,OAAO,CACV;CAEA,MAAM,oBAAA,GAAmBI,MAAAA,YAAAA,EACtB,QAAuB,YAA2C;EACjE,IAAI,CAAC,SAAS,OAAO;EACrB,MAAM,EAAE,QAAQ,WAAW;EAC3B,MAAM,OAAOJ,0BAAAA,aAAa,MAAM;EAChC,IAAI,QAAQ,OAAO,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,OAAO;EAC5D,OAAO,mBACL,MACA,QAAQ,aAAa,WAAW,OAAO,OAAO,WAAW,SAAS,OAAO,OAAO,WAAW,SAC7F;EACA,OAAO;CACT,GACA,CAAC,OAAO,CACV;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,iBAAD;EACY;EACV,QAAQC,0BAAAA;EACR,eAAeC,0BAAAA;EACD;EACI;EAClB,iBAAgB;EAEhB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACW;GACT,SAAS;GACO;GACN;GACV,GAAI;EACL,CAAA;CACc,CAAA;AAErB"}

package/dist/file-findings/AnnotatedCode.d.ts

@@ -0,0 +1,30 @@
+import { DropdownMenuItem } from '../overlay/DropdownMenu.js';
+import { FileFinding } from './types.js';
+export type AnnotatedCodeProps = {
+    /** Path of the file; picks the language and names the editor model. */
+    path: string;
+    workDir?: string | undefined;
+    source: string;
+    findings: readonly FileFinding[];
+    /** Line to reveal and, when a finding starts on it, to focus. Controlled by the host. */
+    line?: number | undefined;
+    /** Called with a finding's first line when the reader clicks a line it covers. */
+    onLineChange?: ((line: number) => void) | undefined;
+    /** Extra controls under each finding's thread, e.g. an ignore action. */
+    getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;
+    /** Makes the editor editable and receives every edit; without it the editor is read-only. */
+    onChange?: ((source: string) => void) | undefined;
+    /** Shows each line's worst finding as `rule · message` after the line's text. */
+    inlineChips?: boolean | undefined;
+    className?: string | undefined;
+};
+/**
+ * A source file in a Monaco editor with its findings as markers, as gutter
+ * dots and as read-only comment threads in a rail beside it. The editor is
+ * read-only unless `onChange` is given. Needs a
+ * `MonacoProvider` above it. The rail and the editor share one anchor scheme
+ * (`line:<n>`): the rail asks the editor where a line is and tells it to
+ * reveal one.
+ */
+export declare function AnnotatedCode({ findings, ...props }: AnnotatedCodeProps): import("react").JSX.Element;
+//# sourceMappingURL=AnnotatedCode.d.ts.map

package/dist/file-findings/AnnotatedCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedCode.d.ts","sourceRoot":"","sources":["../../src/file-findings/AnnotatedCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAsBhE,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,gBAAgB,EAAE,CAAC,GAAG,SAAS,CAAC;IAC/E,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClD,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAwNF;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAoDvE"}

package/dist/file-findings/AnnotatedCode.js

@@ -0,0 +1,243 @@
+import { cn } from "../lib/utils.js";
+import { ProblemActions } from "../data/diagnostics/ProblemActions.js";
+import { severityRank } from "../data/lint/stats.js";
+import { useCommentContext } from "../comments/comment-context.js";
+import { CommentProvider } from "../comments/CommentProvider.js";
+import { CommentSidePanel } from "../comments/CommentSidePanel.js";
+import { MonacoEditor } from "../monaco/MonacoEditor.js";
+import { FINDINGS_COMMENT_CONFIG, findingsToComments, lineAnchor, lineOfAnchor, lineRangeAnchorResolver } from "./findings-comments.js";
+import { findingsLanguageForPath } from "./monaco-language.js";
+import { registerFindingsLanguages } from "./findings-languages.js";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/file-findings/AnnotatedCode.tsx
+var MARKER_OWNER = "findings";
+var LINE_TINT = {
+	error: "bg-red-500 opacity-10",
+	warning: "bg-amber-500 opacity-10",
+	info: "bg-sky-500 opacity-10"
+};
+var GLYPH_BASE = "ml-1 mt-1 size-3 rounded-full";
+var GLYPH = {
+	error: `${GLYPH_BASE} bg-red-500`,
+	warning: `${GLYPH_BASE} bg-amber-500`,
+	info: `${GLYPH_BASE} bg-sky-500`
+};
+var CHIP_BASE = "ml-6 italic";
+var CHIP = {
+	error: `${CHIP_BASE} text-red-500`,
+	warning: `${CHIP_BASE} text-amber-500`,
+	info: `${CHIP_BASE} text-sky-500`
+};
+function markerSeverity(monaco, severity) {
+	const { MarkerSeverity } = monaco;
+	return {
+		error: MarkerSeverity.Error,
+		warning: MarkerSeverity.Warning,
+		info: MarkerSeverity.Info
+	}[severity];
+}
+function modelPath(workDir, file) {
+	return encodeURI(`file://${workDir ? workDir.startsWith("/") ? workDir : `/${workDir}` : ""}/${file}`);
+}
+/** The editor-model markers for `findings`: the finding's range when it has one, else the rest of its line. */
+function toMarkers(findings, model, monaco) {
+	return findings.map((finding) => {
+		const endLineNumber = finding.endLine ?? finding.line;
+		return {
+			severity: markerSeverity(monaco, finding.severity),
+			message: finding.message,
+			source: finding.source,
+			...finding.rule ? { code: finding.rule } : {},
+			startLineNumber: finding.line,
+			startColumn: finding.column ?? 1,
+			endLineNumber,
+			endColumn: finding.endColumn ?? model.getLineMaxColumn(endLineNumber)
+		};
+	});
+}
+/**
+* One chip per line that has findings: the worst finding's `rule · message`,
+* with `+N` for the line's other findings, injected after the line's text.
+*/
+function inlineChipDecorations(findings, model) {
+	const byLine = /* @__PURE__ */ new Map();
+	for (const finding of findings) byLine.set(finding.line, [...byLine.get(finding.line) ?? [], finding]);
+	return [...byLine].map(([line, onLine]) => {
+		const worst = onLine.reduce((a, b) => severityRank(b.severity) > severityRank(a.severity) ? b : a);
+		const label = worst.rule ? `${worst.rule} · ${worst.message}` : worst.message;
+		const column = model.getLineMaxColumn(line);
+		return {
+			range: {
+				startLineNumber: line,
+				startColumn: column,
+				endLineNumber: line,
+				endColumn: column
+			},
+			options: {
+				showIfCollapsed: true,
+				after: {
+					content: onLine.length > 1 ? `${label} +${onLine.length - 1}` : label,
+					inlineClassName: CHIP[worst.severity]
+				}
+			}
+		};
+	});
+}
+/** The first finding whose line range covers `line`. */
+function findingCovering(findings, line) {
+	return findings.find((f) => f.line <= line && line <= (f.endLine ?? f.line));
+}
+function CodeBody({ mounted, onMount, contentElement, path, workDir, source, findings, line, onLineChange, getFindingActions, onChange, inlineChips, className }) {
+	const ctx = useCommentContext();
+	const { focusAnchor, commentMeta } = ctx;
+	const findingsById = useMemo(() => {
+		const comments = findingsToComments(findings);
+		return new Map(comments.map((comment, i) => [comment.id, findings[i]]));
+	}, [findings]);
+	useEffect(() => {
+		if (!mounted) return;
+		const { editor, monaco } = mounted;
+		const model = editor.getModel();
+		if (!model) return;
+		editor.updateOptions({ glyphMargin: true });
+		monaco.editor.setModelMarkers(model, MARKER_OWNER, toMarkers(findings, model, monaco));
+		const decorations = editor.createDecorationsCollection([...findings.map((finding) => ({
+			range: {
+				startLineNumber: finding.line,
+				startColumn: 1,
+				endLineNumber: finding.endLine ?? finding.line,
+				endColumn: 1
+			},
+			options: {
+				isWholeLine: true,
+				className: LINE_TINT[finding.severity],
+				glyphMarginClassName: GLYPH[finding.severity],
+				glyphMarginHoverMessage: { value: finding.message }
+			}
+		})), ...inlineChips ? inlineChipDecorations(findings, model) : []]);
+		return () => {
+			decorations.clear();
+			monaco.editor.setModelMarkers(model, MARKER_OWNER, []);
+		};
+	}, [
+		mounted,
+		findings,
+		inlineChips
+	]);
+	useEffect(() => {
+		if (!mounted) return;
+		const { editor } = mounted;
+		const subscription = editor.onMouseDown((event) => {
+			const clicked = event.target.position?.lineNumber;
+			const finding = clicked === void 0 ? void 0 : findingCovering(findings, clicked);
+			if (!finding) return;
+			focusAnchor(lineAnchor(finding.line));
+			onLineChange?.(finding.line);
+		});
+		return () => subscription.dispose();
+	}, [
+		mounted,
+		findings,
+		focusAnchor,
+		onLineChange
+	]);
+	useEffect(() => {
+		const element = contentElement.current;
+		if (!mounted || !element) return;
+		const notify = () => element.dispatchEvent(new Event("scroll"));
+		const subscription = mounted.editor.onDidScrollChange(notify);
+		notify();
+		return () => subscription.dispose();
+	}, [mounted, contentElement]);
+	useLayoutEffect(() => {
+		if (!mounted || line === void 0) return;
+		mounted.editor.revealLineInCenter(line);
+		if (commentMeta[lineAnchor(line)]) focusAnchor(lineAnchor(line));
+	}, [
+		mounted,
+		line,
+		focusAnchor
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-full min-h-0", className),
+		"data-annotated-code": "",
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: (element) => {
+				ctx.contentRef.current = element;
+				contentElement.current = element;
+			},
+			className: "min-w-0 flex-1 [&_[data-slot=monaco-editor]]:h-full [&_[data-slot=monaco-editor]]:rounded-none [&_[data-slot=monaco-editor]]:border-0",
+			children: /* @__PURE__ */ jsx(MonacoEditor, {
+				...onChange ? { onChange } : { readOnly: true },
+				value: source,
+				language: findingsLanguageForPath(path),
+				path: modelPath(workDir, path),
+				height: "100%",
+				beforeMount: (monaco) => registerFindingsLanguages(monaco.languages),
+				onMount: (editor, monaco) => onMount({
+					editor,
+					monaco
+				})
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "shrink-0 overflow-y-auto border-l border-border px-density-3",
+			children: /* @__PURE__ */ jsx(CommentSidePanel, {
+				focusedAlignment: "anchor",
+				formatAnchorLabel: (anchor) => `line ${lineOfAnchor(anchor)}`,
+				renderRootDetails: (comment) => {
+					const finding = findingsById.get(comment.id);
+					return finding && getFindingActions ? /* @__PURE__ */ jsx(ProblemActions, { items: getFindingActions(finding) }) : null;
+				}
+			})
+		})]
+	});
+}
+/**
+* A source file in a Monaco editor with its findings as markers, as gutter
+* dots and as read-only comment threads in a rail beside it. The editor is
+* read-only unless `onChange` is given. Needs a
+* `MonacoProvider` above it. The rail and the editor share one anchor scheme
+* (`line:<n>`): the rail asks the editor where a line is and tells it to
+* reveal one.
+*/
+function AnnotatedCode({ findings, ...props }) {
+	const [mounted, setMounted] = useState(null);
+	const contentElement = useRef(null);
+	const comments = useMemo(() => findingsToComments(findings), [findings]);
+	const getAnchorTop = useCallback((anchor) => {
+		const container = contentElement.current;
+		const model = mounted?.editor.getModel();
+		const dom = mounted?.editor.getDomNode();
+		if (!mounted || !container || !model || !dom) return null;
+		const line = lineOfAnchor(anchor);
+		if (line > model.getLineCount()) return null;
+		return dom.getBoundingClientRect().top - container.getBoundingClientRect().top + mounted.editor.getTopForLineNumber(line) - mounted.editor.getScrollTop();
+	}, [mounted]);
+	const onScrollToAnchor = useCallback((anchor, options) => {
+		if (!mounted) return false;
+		const { editor, monaco } = mounted;
+		const line = lineOfAnchor(anchor);
+		if (line > (editor.getModel()?.getLineCount() ?? 0)) return false;
+		editor.revealLineInCenter(line, options.behavior === "smooth" ? monaco.editor.ScrollType.Smooth : monaco.editor.ScrollType.Immediate);
+		return true;
+	}, [mounted]);
+	return /* @__PURE__ */ jsx(CommentProvider, {
+		comments,
+		config: FINDINGS_COMMENT_CONFIG,
+		resolveAnchor: lineRangeAnchorResolver,
+		getAnchorTop,
+		onScrollToAnchor,
+		initialRailMode: "all",
+		children: /* @__PURE__ */ jsx(CodeBody, {
+			mounted,
+			onMount: setMounted,
+			contentElement,
+			findings,
+			...props
+		})
+	});
+}
+export { AnnotatedCode };
+
+//# sourceMappingURL=AnnotatedCode.js.map

package/dist/file-findings/AnnotatedCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedCode.js","names":[],"sources":["../../src/file-findings/AnnotatedCode.tsx"],"sourcesContent":["import type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { ProblemActions } from \"../data/diagnostics/ProblemActions\";\nimport type { editor as MonacoEditorApi, IDisposable } from \"monaco-editor\";\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { CommentProvider } from \"../comments/CommentProvider\";\nimport { CommentSidePanel } from \"../comments/CommentSidePanel\";\nimport { useCommentContext } from \"../comments/comment-context\";\nimport type { CommentScrollOptions } from \"../comments/comment-context\";\nimport type { CommentAnchor } from \"../comments/comment-types\";\nimport { severityRank } from \"../data/lint/stats\";\nimport { cn } from \"../lib/utils\";\nimport type { Monaco } from \"../monaco\";\nimport { MonacoEditor } from \"../monaco/MonacoEditor\";\nimport {\n  FINDINGS_COMMENT_CONFIG,\n  findingsToComments,\n  lineAnchor,\n  lineOfAnchor,\n  lineRangeAnchorResolver,\n} from \"./findings-comments\";\nimport { registerFindingsLanguages } from \"./findings-languages\";\nimport { findingsLanguageForPath } from \"./monaco-language\";\nimport type { FileFinding, LintSeverity } from \"./types\";\n\nexport type AnnotatedCodeProps = {\n  /** Path of the file; picks the language and names the editor model. */\n  path: string;\n  workDir?: string | undefined;\n  source: string;\n  findings: readonly FileFinding[];\n  /** Line to reveal and, when a finding starts on it, to focus. Controlled by the host. */\n  line?: number | undefined;\n  /** Called with a finding's first line when the reader clicks a line it covers. */\n  onLineChange?: ((line: number) => void) | undefined;\n  /** Extra controls under each finding's thread, e.g. an ignore action. */\n  getFindingActions?: ((finding: FileFinding) => DropdownMenuItem[]) | undefined;\n  /** Makes the editor editable and receives every edit; without it the editor is read-only. */\n  onChange?: ((source: string) => void) | undefined;\n  /** Shows each line's worst finding as `rule · message` after the line's text. */\n  inlineChips?: boolean | undefined;\n  className?: string | undefined;\n};\n\ntype MountedEditor = { editor: MonacoEditorApi.IStandaloneCodeEditor; monaco: Monaco };\n\nconst MARKER_OWNER = \"findings\";\n\n// Tailwind utilities, so the library's own stylesheet scan emits them; Monaco\n// only applies the class names to its decoration elements. Monaco replaces\n// every character outside [a-zA-Z0-9_-] in a decoration class with a space,\n// so none of these may use `/`, `.`, `[` or `:` (no `bg-red-500/10`, `px-1.5`\n// or `ml-[5px]`). The tint is a text-free overlay, so `opacity-10` stands in\n// for an alpha background.\nconst LINE_TINT: Record<LintSeverity, string> = {\n  error: \"bg-red-500 opacity-10\",\n  warning: \"bg-amber-500 opacity-10\",\n  info: \"bg-sky-500 opacity-10\",\n};\nconst GLYPH_BASE = \"ml-1 mt-1 size-3 rounded-full\";\nconst GLYPH: Record<LintSeverity, string> = {\n  error: `${GLYPH_BASE} bg-red-500`,\n  warning: `${GLYPH_BASE} bg-amber-500`,\n  info: `${GLYPH_BASE} bg-sky-500`,\n};\nconst CHIP_BASE = \"ml-6 italic\";\nconst CHIP: Record<LintSeverity, string> = {\n  error: `${CHIP_BASE} text-red-500`,\n  warning: `${CHIP_BASE} text-amber-500`,\n  info: `${CHIP_BASE} text-sky-500`,\n};\n\nfunction markerSeverity(monaco: Monaco, severity: LintSeverity): number {\n  const { MarkerSeverity } = monaco;\n  return { error: MarkerSeverity.Error, warning: MarkerSeverity.Warning, info: MarkerSeverity.Info }[severity];\n}\n\nfunction modelPath(workDir: string | undefined, file: string): string {\n  return encodeURI(`file://${workDir ? (workDir.startsWith(\"/\") ? workDir : `/${workDir}`) : \"\"}/${file}`);\n}\n\n/** The editor-model markers for `findings`: the finding's range when it has one, else the rest of its line. */\nfunction toMarkers(\n  findings: readonly FileFinding[],\n  model: MonacoEditorApi.ITextModel,\n  monaco: Monaco,\n): MonacoEditorApi.IMarkerData[] {\n  return findings.map((finding) => {\n    const endLineNumber = finding.endLine ?? finding.line;\n    return {\n      severity: markerSeverity(monaco, finding.severity),\n      message: finding.message,\n      source: finding.source,\n      ...(finding.rule ? { code: finding.rule } : {}),\n      startLineNumber: finding.line,\n      startColumn: finding.column ?? 1,\n      endLineNumber,\n      endColumn: finding.endColumn ?? model.getLineMaxColumn(endLineNumber),\n    };\n  });\n}\n\n/**\n * One chip per line that has findings: the worst finding's `rule · message`,\n * with `+N` for the line's other findings, injected after the line's text.\n */\nfunction inlineChipDecorations(\n  findings: readonly FileFinding[],\n  model: Pick<MonacoEditorApi.ITextModel, \"getLineMaxColumn\">,\n): MonacoEditorApi.IModelDeltaDecoration[] {\n  const byLine = new Map<number, FileFinding[]>();\n  for (const finding of findings) byLine.set(finding.line, [...(byLine.get(finding.line) ?? []), finding]);\n  return [...byLine].map(([line, onLine]) => {\n    const worst = onLine.reduce((a, b) => (severityRank(b.severity) > severityRank(a.severity) ? b : a));\n    const label = worst.rule ? `${worst.rule} · ${worst.message}` : worst.message;\n    const column = model.getLineMaxColumn(line);\n    return {\n      range: { startLineNumber: line, startColumn: column, endLineNumber: line, endColumn: column },\n      options: {\n        // Monaco drops injected text on an empty range unless told to keep it.\n        showIfCollapsed: true,\n        after: {\n          content: onLine.length > 1 ? `${label} +${onLine.length - 1}` : label,\n          inlineClassName: CHIP[worst.severity],\n        },\n      },\n    };\n  });\n}\n\n/** The first finding whose line range covers `line`. */\nfunction findingCovering(findings: readonly FileFinding[], line: number): FileFinding | undefined {\n  return findings.find((f) => f.line <= line && line <= (f.endLine ?? f.line));\n}\n\nfunction CodeBody({\n  mounted,\n  onMount,\n  contentElement,\n  path,\n  workDir,\n  source,\n  findings,\n  line,\n  onLineChange,\n  getFindingActions,\n  onChange,\n  inlineChips,\n  className,\n}: AnnotatedCodeProps & {\n  mounted: MountedEditor | null;\n  onMount: (mounted: MountedEditor) => void;\n  contentElement: { current: HTMLDivElement | null };\n}) {\n  const ctx = useCommentContext();\n  const { focusAnchor, commentMeta } = ctx;\n\n  const findingsById = useMemo(() => {\n    const comments = findingsToComments(findings);\n    return new Map(comments.map((comment, i) => [comment.id, findings[i]!]));\n  }, [findings]);\n\n  // Markers and gutter decorations follow the findings.\n  useEffect(() => {\n    if (!mounted) return;\n    const { editor, monaco } = mounted;\n    const model = editor.getModel();\n    if (!model) return;\n    editor.updateOptions({ glyphMargin: true });\n    monaco.editor.setModelMarkers(model, MARKER_OWNER, toMarkers(findings, model, monaco));\n    const decorations = editor.createDecorationsCollection([\n      ...findings.map((finding) => ({\n        range: {\n          startLineNumber: finding.line,\n          startColumn: 1,\n          endLineNumber: finding.endLine ?? finding.line,\n          endColumn: 1,\n        },\n        options: {\n          isWholeLine: true,\n          className: LINE_TINT[finding.severity],\n          glyphMarginClassName: GLYPH[finding.severity],\n          glyphMarginHoverMessage: { value: finding.message },\n        },\n      })),\n      ...(inlineChips ? inlineChipDecorations(findings, model) : []),\n    ]);\n    return () => {\n      decorations.clear();\n      monaco.editor.setModelMarkers(model, MARKER_OWNER, []);\n    };\n  }, [mounted, findings, inlineChips]);\n\n  // Clicking a line a finding covers focuses its thread in the rail.\n  useEffect(() => {\n    if (!mounted) return;\n    const { editor } = mounted;\n    const subscription = editor.onMouseDown((event) => {\n      const clicked = event.target.position?.lineNumber;\n      const finding = clicked === undefined ? undefined : findingCovering(findings, clicked);\n      if (!finding) return;\n      focusAnchor(lineAnchor(finding.line));\n      onLineChange?.(finding.line);\n    });\n    return () => subscription.dispose();\n  }, [mounted, findings, focusAnchor, onLineChange]);\n\n  // The rail aligns to the editor's scroll position by listening for `scroll`\n  // on the content element, which an editor's internal scrolling never fires.\n  useEffect(() => {\n    const element = contentElement.current;\n    if (!mounted || !element) return;\n    const notify = () => element.dispatchEvent(new Event(\"scroll\"));\n    const subscription: IDisposable = mounted.editor.onDidScrollChange(notify);\n    notify();\n    return () => subscription.dispose();\n  }, [mounted, contentElement]);\n\n  useLayoutEffect(() => {\n    if (!mounted || line === undefined) return;\n    mounted.editor.revealLineInCenter(line);\n    if (commentMeta[lineAnchor(line)]) focusAnchor(lineAnchor(line));\n    // commentMeta changes identity with the comments; the reveal is per line.\n  }, [mounted, line, focusAnchor]);\n\n  return (\n    <div className={cn(\"flex h-full min-h-0\", className)} data-annotated-code=\"\">\n      <div\n        ref={(element) => {\n          ctx.contentRef.current = element;\n          contentElement.current = element;\n        }}\n        className=\"min-w-0 flex-1 [&_[data-slot=monaco-editor]]:h-full [&_[data-slot=monaco-editor]]:rounded-none [&_[data-slot=monaco-editor]]:border-0\"\n      >\n        <MonacoEditor\n          {...(onChange ? { onChange } : { readOnly: true })}\n          value={source}\n          language={findingsLanguageForPath(path)}\n          path={modelPath(workDir, path)}\n          height=\"100%\"\n          beforeMount={(monaco) => registerFindingsLanguages(monaco.languages)}\n          onMount={(editor, monaco) => onMount({ editor, monaco })}\n        />\n      </div>\n      <div className=\"shrink-0 overflow-y-auto border-l border-border px-density-3\">\n        <CommentSidePanel\n          focusedAlignment=\"anchor\"\n          formatAnchorLabel={(anchor) => `line ${lineOfAnchor(anchor)}`}\n          renderRootDetails={(comment) => {\n            const finding = findingsById.get(comment.id);\n            return finding && getFindingActions ? <ProblemActions items={getFindingActions(finding)} /> : null;\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\n/**\n * A source file in a Monaco editor with its findings as markers, as gutter\n * dots and as read-only comment threads in a rail beside it. The editor is\n * read-only unless `onChange` is given. Needs a\n * `MonacoProvider` above it. The rail and the editor share one anchor scheme\n * (`line:<n>`): the rail asks the editor where a line is and tells it to\n * reveal one.\n */\nexport function AnnotatedCode({ findings, ...props }: AnnotatedCodeProps) {\n  const [mounted, setMounted] = useState<MountedEditor | null>(null);\n  const contentElement = useRef<HTMLDivElement | null>(null);\n  const comments = useMemo(() => findingsToComments(findings), [findings]);\n\n  const getAnchorTop = useCallback(\n    (anchor: CommentAnchor): number | null => {\n      const container = contentElement.current;\n      const model = mounted?.editor.getModel();\n      const dom = mounted?.editor.getDomNode();\n      if (!mounted || !container || !model || !dom) return null;\n      const line = lineOfAnchor(anchor);\n      if (line > model.getLineCount()) return null;\n      const editorOffset = dom.getBoundingClientRect().top - container.getBoundingClientRect().top;\n      return editorOffset + mounted.editor.getTopForLineNumber(line) - mounted.editor.getScrollTop();\n    },\n    [mounted],\n  );\n\n  const onScrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions): boolean => {\n      if (!mounted) return false;\n      const { editor, monaco } = mounted;\n      const line = lineOfAnchor(anchor);\n      if (line > (editor.getModel()?.getLineCount() ?? 0)) return false;\n      editor.revealLineInCenter(\n        line,\n        options.behavior === \"smooth\" ? monaco.editor.ScrollType.Smooth : monaco.editor.ScrollType.Immediate,\n      );\n      return true;\n    },\n    [mounted],\n  );\n\n  return (\n    <CommentProvider\n      comments={comments}\n      config={FINDINGS_COMMENT_CONFIG}\n      resolveAnchor={lineRangeAnchorResolver}\n      getAnchorTop={getAnchorTop}\n      onScrollToAnchor={onScrollToAnchor}\n      initialRailMode=\"all\"\n    >\n      <CodeBody\n        mounted={mounted}\n        onMount={setMounted}\n        contentElement={contentElement}\n        findings={findings}\n        {...props}\n      />\n    </CommentProvider>\n  );\n}\n"],"mappings":"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"}