@pierre/diffs 1.3.0-beta.9 → 1.3.0-rc.2

package/dist/react/CodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeView.d.ts","names":[],"sources":["../../src/react/CodeView.tsx"],"mappings":";;;;;;KA6CK,2BAAA,UACM,oBAAA,+BACA,oBAAoB;AAAA,UAErB,iBAAA;EACR,OAAA,GAAU,eAAA,CAAgB,WAAA;EAC1B,SAAA;EACA,KAAA,GAAQ,aAAA;EACR,YAAA,GAAe,GAAA,CAAI,cAAA;EACnB,iBAAA;EACA,aAAA,GAAgB,qBAAA;EAChB,qBAAA,EAAuB,SAAA,EAAW,qBAAA;EAClC,QAAA,EAAU,SAAA,UAAmB,MAAA,EAAQ,UAAA,CAAc,WAAA;EAR3C;;EAWR,oBAAA,KAAyB,SAAA;EAVC;;EAa1B,oBAAA,KAAyB,SAAA;EAVN;;;;;;EAiBnB,YAAA,EACE,OAAA,EAAS,2BAAA,CAA4B,WAAA,IACpC,eAAA,CAAgB,WAAA;EATM;EAWzB,gBAAA,EACE,IAAA,EAAM,YAAA,CAAa,WAAA,GACnB,IAAA,EAAM,YAAA,EACN,eAAA,GAAkB,kBAAA,CAAmB,WAAA;EAN5B;;;;;;;EAeX,kBAAA,EACE,IAAA,EAAM,YAAA,CAAa,WAAA,GACnB,IAAA,EAAM,YAAA,EACN,eAAA,GAAkB,kBAAA,CAAmB,WAAA;EAEvC,kBAAA,EAAoB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACtD,kBAAA,EAAoB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACtD,0BAAA,EAA4B,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EAC9D,oBAAA,EAAsB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACxD,gBAAA,EACE,UAAA,EAAY,cAAA,CAAe,WAAA,IAAe,kBAAA,CAAmB,WAAA,GAC7D,IAAA,EAAM,YAAA,CAAa,WAAA,IAClB,SAAA;EACH,mBAAA,EACE,cAAA,EAAgB,2BAAA,EAChB,IAAA,EAAM,YAAA,CAAa,WAAA,IAClB,SAAA;AAAA;AAAA,UAGY,uBAAA,sBAEP,iBAAA,CAAkB,WAAA;EAC1B,KAAA,WAAgB,YAAA,CAAa,WAAA;EAC7B,YAAA;AAAA;AAAA,UAGe,yBAAA,sBAEP,iBAAA,CAAkB,WAAA;EAG1B,YAAA,YAAwB,YAAA,CAAa,WAAA;EACrC,KAAA;AAAA;AAAA,KAGU,aAAA,4BACR,uBAAA,CAAwB,WAAA,IACxB,yBAAA,CAA0B,WAAA;AAAA,UAEb,cAAA;EACf,QAAA,CAAS,KAAA,WAAgB,YAAA,CAAa,WAAA;EACtC,OAAA,CAAQ,EAAA,WAAa,YAAA,CAAa,WAAA;EAClC,UAAA,CAAW,IAAA,EAAM,YAAA,CAAa,WAAA;EAC9B,YAAA,CAAa,KAAA,UAAe,KAAA;EAC5B,QAAA,CAAS,MAAA,EAAQ,oBAAA;EACjB,gBAAA,CAAiB,SAAA,EAAW,qBAAA;EAC5B,gBAAA,IAAoB,qBAAA;EACpB,kBAAA;EACA,SAAA,CAAU,EAAA,WAAa,eAAA,CAAgB,WAAA;EACvC,WAAA,IAAe,UAAA,CAAc,WAAA;AAAA;AAAA,KAG1B,iBAAA,6BACH,KAAA,EAAO,aAAA,CAAc,WAAA;EACnB,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,cAAA,CAAe,WAAA;AAAA,MAE9B,KAAA,CAAM,GAAA,CAAI,OAAA;AAAA,cAqcF,QAAA,EAAwC,iBAAiB"}
+{"version":3,"file":"CodeView.d.ts","names":[],"sources":["../../src/react/CodeView.tsx"],"mappings":";;;;;;;KA+CK,2BAAA,UACM,oBAAA,+BACA,oBAAoB;AAAA,KAEnB,oBAAA,4BAAgD,IAAA,CAC1D,eAAA,CAAgB,WAAA;AAAA,UAIR,iBAAA;EACR,OAAA,GAAU,oBAAA,CAAqB,WAAA;;;AArBf;;EA0BhB,aAAA,GAAgB,IAAA,CAAK,aAAA,CAAc,WAAA;EACnC,SAAA;EACA,KAAA,GAAQ,aAAA;EACR,YAAA,GAAe,GAAA,CAAI,cAAA;EACnB,iBAAA;EACA,aAAA,GAAgB,qBAAA;EAChB,qBAAA,EAAuB,SAAA,EAAW,qBAAA;EAClC,QAAA,EAAU,SAAA,UAAmB,MAAA,EAAQ,UAAA,CAAc,WAAA;EAlBO;;EAqB1D,oBAAA,KAAyB,SAAA;EArBM;;EAwB/B,oBAAA,KAAyB,SAAA;EAvBT;EAyBhB,gBAAA,EACE,IAAA,EAAM,YAAA,CAAa,WAAA,GACnB,IAAA,EAAM,YAAA,EACN,eAAA,GACI,cAAA,CAAe,WAAA,MACf,kBAAA,CAAmB,WAAA;EA9BE;AAE3B;;;;;;EAqCA,kBAAA,EACE,IAAA,EAAM,YAAA,CAAa,WAAA,GACnB,IAAA,EAAM,YAAA,EACN,eAAA,GACI,cAAA,CAAe,WAAA,MACf,kBAAA,CAAmB,WAAA;EAEzB,kBAAA,EAAoB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACtD,kBAAA,EAAoB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACtD,0BAAA,EAA4B,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EAC9D,oBAAA,EAAsB,IAAA,EAAM,YAAA,CAAa,WAAA,IAAe,SAAA;EACxD,gBAAA,EACE,UAAA,EAAY,cAAA,CAAe,WAAA,IAAe,kBAAA,CAAmB,WAAA,GAC7D,IAAA,EAAM,YAAA,CAAa,WAAA,IAClB,SAAA;EACH,mBAAA,EACE,cAAA,EAAgB,2BAAA,EAChB,IAAA,EAAM,YAAA,CAAa,WAAA,IAClB,SAAA;AAAA;AAAA,UAGY,uBAAA,sBAEP,iBAAA,CAAkB,WAAA;EAC1B,KAAA,WAAgB,YAAA,CAAa,WAAA;EAC7B,YAAA;AAAA;AAAA,UAGe,yBAAA,sBAEP,iBAAA,CAAkB,WAAA;EAG1B,YAAA,YAAwB,YAAA,CAAa,WAAA;EACrC,KAAA;AAAA;AAAA,KAGU,aAAA,4BACR,uBAAA,CAAwB,WAAA,IACxB,yBAAA,CAA0B,WAAA;AAAA,UAEb,cAAA;EACf,QAAA,CAAS,KAAA,WAAgB,YAAA,CAAa,WAAA;EACtC,OAAA,CAAQ,EAAA,WAAa,YAAA,CAAa,WAAA;EAClC,UAAA,CAAW,IAAA,EAAM,YAAA,CAAa,WAAA;EAC9B,YAAA,CAAa,KAAA,UAAe,KAAA;EAC5B,QAAA,CAAS,MAAA,EAAQ,oBAAA;EACjB,gBAAA,CAAiB,SAAA,EAAW,qBAAA;EAC5B,gBAAA,IAAoB,qBAAA;EACpB,kBAAA;EACA,SAAA,CAAU,EAAA,WAAa,WAAA,CAAY,WAAA;EACnC,WAAA,IAAe,UAAA,CAAc,WAAA;AAAA;AAAA,KAG1B,iBAAA,6BACH,KAAA,EAAO,aAAA,CAAc,WAAA;EACnB,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,cAAA,CAAe,WAAA;AAAA,MAE9B,KAAA,CAAM,GAAA,CAAI,OAAA;AAAA,cA0dF,QAAA,EAAwC,iBAAiB"}

package/dist/react/CodeView.js

@@ -2,15 +2,16 @@
 import { areManagedSnapshotsEqual } from "../utils/areManagedSnapshotsEqual.js";
 import { areOptionsEqual } from "../utils/areOptionsEqual.js";
 import { CodeView as CodeView$1 } from "../components/CodeView.js";
+import { useStableCallback } from "./utils/useStableCallback.js";
+import { useCreateEditor } from "./EditContext.js";
 import { renderDiffChildren } from "./utils/renderDiffChildren.js";
 import { renderFileChildren } from "./utils/renderFileChildren.js";
-import { useStableCallback } from "./utils/useStableCallback.js";
 import { WorkerPoolContext } from "./WorkerPoolContext.js";
 import { forwardRef, memo, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { createPortal, flushSync } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/CodeView.tsx
-const useIsometricEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
 function createDefaultCache(controlled) {
 	return {
 		instance: void 0,
@@ -22,8 +23,9 @@ function createDefaultCache(controlled) {
 	};
 }
 function CodeViewInner(props, ref) {
-	const { className, containerRef, createEditor, disableWorkerPool = false, initialItems, items: controlledItems, onItemEditChange, onItemEditComplete, onScroll, onSelectedLinesChange, options, renderAnnotation, renderCodeViewFooter, renderCodeViewHeader, renderCustomHeader, renderGutterUtility, renderHeaderFilenameSuffix, renderHeaderMetadata, renderHeaderPrefix, selectedLines, style } = props;
+	const { className, containerRef, disableWorkerPool = false, editorOptions, initialItems, items: controlledItems, onItemEditChange, onItemEditComplete, onScroll, onSelectedLinesChange, options, renderAnnotation, renderCodeViewFooter, renderCodeViewHeader, renderCustomHeader, renderGutterUtility, renderHeaderFilenameSuffix, renderHeaderMetadata, renderHeaderPrefix, selectedLines, style } = props;
 	const controlled = controlledItems !== void 0;
+	const contextCreateEditor = useCreateEditor();
 	const poolManager = useContext(WorkerPoolContext);
 	const cachedDataRef = useRef(createDefaultCache(controlled));
 	const hasCustomHeader = renderCustomHeader != null;
@@ -37,7 +39,15 @@ function CodeViewInner(props, ref) {
 		onSelectedLinesChange?.(selection);
 	});
 	const controlledSelection = selectedLines !== void 0;
-	const stableCreateEditor = useStableCallback((editorOptions) => createEditor?.(editorOptions));
+	const createEditor = useStableCallback((options) => {
+		if (contextCreateEditor == null) throw new Error("CodeView: EditContext is not attached");
+		const editor = contextCreateEditor({
+			...editorOptions,
+			...options
+		});
+		if (editor == null) throw new Error("CodeView: EditProvider.createEditor must return an editor instance");
+		return editor;
+	});
 	const emitItemEditChange = useStableCallback((item, file, lineAnnotations) => {
 		onItemEditChange?.(item, file, lineAnnotations);
 	});
@@ -52,24 +62,24 @@ function CodeViewInner(props, ref) {
 		hasCodeViewFooter,
 		onSelectedLinesChange: onSelectedLinesChange != null ? emitSelectedLinesChange : void 0,
 		controlledSelection,
-		createEditor: createEditor != null ? stableCreateEditor : void 0,
+		createEditor: contextCreateEditor != null ? createEditor : void 0,
 		onItemEditChange: onItemEditChange != null ? emitItemEditChange : void 0,
 		onItemEditComplete: onItemEditComplete != null ? emitItemEditComplete : void 0
 	}), [
-		options,
-		hasCustomHeader,
-		hasGutterRenderer,
-		hasCodeViewHeader,
-		hasCodeViewFooter,
-		onSelectedLinesChange,
-		emitSelectedLinesChange,
+		contextCreateEditor,
 		controlledSelection,
 		createEditor,
-		stableCreateEditor,
-		onItemEditChange,
 		emitItemEditChange,
+		emitItemEditComplete,
+		emitSelectedLinesChange,
+		hasCodeViewFooter,
+		hasCodeViewHeader,
+		hasCustomHeader,
+		hasGutterRenderer,
+		onItemEditChange,
 		onItemEditComplete,
-		emitItemEditComplete
+		onSelectedLinesChange,
+		options
 	]);
 	const [slotContentStore] = useState(() => createSlotContentStore());
 	const [, forceUpdate] = useState({});
@@ -108,10 +118,10 @@ function CodeViewInner(props, ref) {
 		hasCodeViewHeader,
 		hasCodeViewFooter
 	]);
-	useIsometricEffect(() => {
+	useIsomorphicLayoutEffect(() => {
 		return onScroll != null ? cachedDataRef.current.instance?.subscribeToScroll(onScroll) : void 0;
 	});
-	useIsometricEffect(() => {
+	useIsomorphicLayoutEffect(() => {
 		const { instance, controlled: prevControlled, items: prevItems, managedOptions: prevManagedOptions, slotCoordinator: prevSlotCoordinator } = cachedDataRef.current;
 		if (instance == null) return;
 		try {
@@ -283,20 +293,19 @@ function createSlotContentStore() {
 	};
 }
 function createManagedCodeViewOptions({ options, hasCustomHeader, hasGutterRenderer, hasCodeViewHeader, hasCodeViewFooter, onSelectedLinesChange, controlledSelection, createEditor, onItemEditChange, onItemEditComplete }) {
-	if (!hasCustomHeader && !hasGutterRenderer && !hasCodeViewHeader && !hasCodeViewFooter && onSelectedLinesChange == null && !controlledSelection && createEditor == null && onItemEditChange == null && onItemEditComplete == null) return options ?? {};
-	options = {
+	const managedOptions = {
 		...options,
 		controlledSelection,
-		onSelectedLinesChange
+		onSelectedLinesChange,
+		createEditor
 	};
-	if (createEditor != null) options.createEditor = createEditor;
-	if (onItemEditChange != null) options.onItemEditChange = onItemEditChange;
-	if (onItemEditComplete != null) options.onItemEditComplete = onItemEditComplete;
-	if (hasCustomHeader) options.renderCustomHeader = noopRender;
-	if (hasGutterRenderer) options.renderGutterUtility = noopRender;
-	if (hasCodeViewHeader) options.renderCodeViewHeader = noopRender;
-	if (hasCodeViewFooter) options.renderCodeViewFooter = noopRender;
-	return options;
+	if (onItemEditChange != null) managedOptions.onItemEditChange = onItemEditChange;
+	if (onItemEditComplete != null) managedOptions.onItemEditComplete = onItemEditComplete;
+	if (hasCustomHeader) managedOptions.renderCustomHeader = noopRender;
+	if (hasGutterRenderer) managedOptions.renderGutterUtility = noopRender;
+	if (hasCodeViewHeader) managedOptions.renderCodeViewHeader = noopRender;
+	if (hasCodeViewFooter) managedOptions.renderCodeViewFooter = noopRender;
+	return managedOptions;
 }
 const SlotPortals = memo(function SlotPortals({ managedContentStore, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, renderAnnotation, renderGutterUtility, renderCodeViewHeader, renderCodeViewFooter }) {
 	"use no memo";

package/dist/react/CodeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeView.js","names":["CodeViewClass"],"sources":["../../src/react/CodeView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type CSSProperties,\n  forwardRef,\n  memo,\n  type ReactNode,\n  type Ref,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { createPortal, flushSync } from 'react-dom';\n\nimport {\n  areOptionsEqual,\n  CodeView as CodeViewClass,\n  type CodeViewCoordinator,\n  type CodeViewCreateEditorOptions,\n  type CodeViewItem,\n  type CodeViewLineSelection,\n  type CodeViewOptions,\n  type CodeViewRenderedItem,\n  type CodeViewScrollTarget,\n  type CodeViewSlotSnapshot,\n  type DiffLineAnnotation,\n  type DiffsEditorHost,\n  type FileContents,\n  type GetHoveredLineResult,\n  type LineAnnotation,\n} from '../index';\nimport { areManagedSnapshotsEqual } from '../utils/areManagedSnapshotsEqual';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { useStableCallback } from './utils/useStableCallback';\nimport { WorkerPoolContext } from './WorkerPoolContext';\n\nconst useIsometricEffect =\n  typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ntype CodeViewGutterUtilityGetter =\n  | (() => GetHoveredLineResult<'file'> | undefined)\n  | (() => GetHoveredLineResult<'diff'> | undefined);\n\ninterface CodeViewBaseProps<LAnnotation> {\n  options?: CodeViewOptions<LAnnotation>;\n  className?: string;\n  style?: CSSProperties;\n  containerRef?: Ref<HTMLDivElement>;\n  disableWorkerPool?: boolean;\n  selectedLines?: CodeViewLineSelection | null;\n  onSelectedLinesChange?(selection: CodeViewLineSelection | null): void;\n  onScroll?(scrollTop: number, viewer: CodeViewClass<LAnnotation>): void;\n  /** Render a non-virtualized node at the very start of the scroll content,\n   * before the first item. Always rendered; scrolls with the content. */\n  renderCodeViewHeader?(): ReactNode;\n  /** Render a non-virtualized node at the very end of the scroll content, after\n   * the last item. Always rendered; scrolls with the content. */\n  renderCodeViewFooter?(): ReactNode;\n  /**\n   * Enables editing for items with `edit: true`. Pass the given options into\n   * the editor constructor — `new Editor(options)` from `@pierre/diffs/editor`\n   * — so document changes route to `onItemEditChange` and\n   * `onItemEditComplete`. CodeView owns the returned editor's lifecycle.\n   */\n  createEditor?(\n    options: CodeViewCreateEditorOptions<LAnnotation>\n  ): DiffsEditorHost<LAnnotation> | undefined;\n  /** Called with the owning item on every edited-document change. */\n  onItemEditChange?(\n    item: CodeViewItem<LAnnotation>,\n    file: FileContents,\n    lineAnnotations?: DiffLineAnnotation<LAnnotation>[]\n  ): void;\n  /**\n   * Called once with the final contents when an item's edit session ends\n   * (edit turned off, item removed or collapsed). Not called for sessions\n   * that produced no changes. Committing is user-space: make one combined\n   * item write carrying the new file/fileDiff (with a fresh `cacheKey`,\n   * since the contents changed) along with `edit: false`.\n   */\n  onItemEditComplete?(\n    item: CodeViewItem<LAnnotation>,\n    file: FileContents,\n    lineAnnotations?: DiffLineAnnotation<LAnnotation>[]\n  ): void;\n  renderCustomHeader?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderPrefix?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderFilenameSuffix?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderMetadata?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderAnnotation?(\n    annotation: LineAnnotation<LAnnotation> | DiffLineAnnotation<LAnnotation>,\n    item: CodeViewItem<LAnnotation>\n  ): ReactNode;\n  renderGutterUtility?(\n    getHoveredLine: CodeViewGutterUtilityGetter,\n    item: CodeViewItem<LAnnotation>\n  ): ReactNode;\n}\n\nexport interface ControlledCodeViewProps<\n  LAnnotation,\n> extends CodeViewBaseProps<LAnnotation> {\n  items: readonly CodeViewItem<LAnnotation>[];\n  initialItems?: never;\n}\n\nexport interface UncontrolledCodeViewProps<\n  LAnnotation,\n> extends CodeViewBaseProps<LAnnotation> {\n  // Seeds the imperative CodeView instance once. Later item changes should go\n  // through the ref API instead of being reconciled from React props.\n  initialItems?: readonly CodeViewItem<LAnnotation>[];\n  items?: never;\n}\n\nexport type CodeViewProps<LAnnotation = undefined> =\n  | ControlledCodeViewProps<LAnnotation>\n  | UncontrolledCodeViewProps<LAnnotation>;\n\nexport interface CodeViewHandle<LAnnotation> {\n  addItems(items: readonly CodeViewItem<LAnnotation>[]): void;\n  getItem(id: string): CodeViewItem<LAnnotation> | undefined;\n  updateItem(item: CodeViewItem<LAnnotation>): boolean;\n  updateItemId(oldId: string, newId: string): boolean;\n  scrollTo(target: CodeViewScrollTarget): void;\n  setSelectedLines(selection: CodeViewLineSelection | null): void;\n  getSelectedLines(): CodeViewLineSelection | null;\n  clearSelectedLines(): void;\n  getEditor(id: string): DiffsEditorHost<LAnnotation> | undefined;\n  getInstance(): CodeViewClass<LAnnotation> | undefined;\n}\n\ntype CodeViewComponent = <LAnnotation = undefined>(\n  props: CodeViewProps<LAnnotation> & {\n    ref?: React.Ref<CodeViewHandle<LAnnotation>>;\n  }\n) => React.JSX.Element;\n\ntype SlotPortalsComponent = <LAnnotation = undefined>(\n  props: SlotPortalsProps<LAnnotation>\n) => React.JSX.Element;\n\ninterface ManagedContentStore<LAnnotation> {\n  getSnapshot(): CodeViewSlotSnapshot<LAnnotation> | undefined;\n  publish(snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined): void;\n  subscribe(listener: () => void): () => void;\n}\n\ninterface CachedDataRef<LAnnotation> {\n  instance: CodeViewClass<LAnnotation> | undefined;\n  items: readonly CodeViewItem<LAnnotation>[] | undefined;\n  controlled: boolean;\n  managedOptions: CodeViewOptions<LAnnotation> | undefined;\n  disableFlushSync: boolean;\n  slotCoordinator: CodeViewCoordinator<LAnnotation> | undefined;\n}\n\nfunction createDefaultCache<LAnnotation>(\n  controlled: boolean\n): CachedDataRef<LAnnotation> {\n  return {\n    instance: undefined,\n    items: undefined,\n    controlled,\n    managedOptions: undefined,\n    disableFlushSync: false,\n    slotCoordinator: undefined,\n  };\n}\n\nfunction CodeViewInner<LAnnotation = undefined>(\n  props: CodeViewProps<LAnnotation>,\n  ref: React.ForwardedRef<CodeViewHandle<LAnnotation>>\n): React.JSX.Element {\n  const {\n    className,\n    containerRef,\n    createEditor,\n    disableWorkerPool = false,\n    initialItems,\n    items: controlledItems,\n    onItemEditChange,\n    onItemEditComplete,\n    onScroll,\n    onSelectedLinesChange,\n    options,\n    renderAnnotation,\n    renderCodeViewFooter,\n    renderCodeViewHeader,\n    renderCustomHeader,\n    renderGutterUtility,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderHeaderPrefix,\n    selectedLines,\n    style,\n  } = props;\n  const controlled = controlledItems !== undefined;\n  const poolManager = useContext(WorkerPoolContext);\n  const cachedDataRef = useRef<CachedDataRef<LAnnotation>>(\n    createDefaultCache<LAnnotation>(controlled)\n  );\n  const hasCustomHeader = renderCustomHeader != null;\n  const hasAnnotationRenderer = renderAnnotation != null;\n  const hasGutterRenderer = renderGutterUtility != null;\n  const hasHeaderRenderers =\n    hasCustomHeader ||\n    renderHeaderPrefix != null ||\n    renderHeaderFilenameSuffix != null ||\n    renderHeaderMetadata != null;\n  const hasRenderers =\n    hasHeaderRenderers || hasAnnotationRenderer || hasGutterRenderer;\n  const hasCodeViewHeader = renderCodeViewHeader != null;\n  const hasCodeViewFooter = renderCodeViewFooter != null;\n  const emitSelectedLinesChange = useStableCallback(\n    (selection: CodeViewLineSelection | null) => {\n      onSelectedLinesChange?.(selection);\n    }\n  );\n  const controlledSelection = selectedLines !== undefined;\n\n  // Stable identities for the editor callbacks so inline props don't churn\n  // managedOptions (a changed options object forces a full item re-render).\n  const stableCreateEditor = useStableCallback(\n    (editorOptions: CodeViewCreateEditorOptions<LAnnotation>) =>\n      createEditor?.(editorOptions)\n  );\n  const emitItemEditChange = useStableCallback(\n    (\n      item: CodeViewItem<LAnnotation>,\n      file: FileContents,\n      lineAnnotations?: DiffLineAnnotation<LAnnotation>[]\n    ) => {\n      onItemEditChange?.(item, file, lineAnnotations);\n    }\n  );\n  const emitItemEditComplete = useStableCallback(\n    (\n      item: CodeViewItem<LAnnotation>,\n      file: FileContents,\n      lineAnnotations?: DiffLineAnnotation<LAnnotation>[]\n    ) => {\n      onItemEditComplete?.(item, file, lineAnnotations);\n    }\n  );\n\n  const managedOptions = useMemo(\n    () =>\n      createManagedCodeViewOptions({\n        options,\n        hasCustomHeader,\n        hasGutterRenderer,\n        hasCodeViewHeader,\n        hasCodeViewFooter,\n        onSelectedLinesChange:\n          onSelectedLinesChange != null ? emitSelectedLinesChange : undefined,\n        controlledSelection,\n        createEditor: createEditor != null ? stableCreateEditor : undefined,\n        onItemEditChange:\n          onItemEditChange != null ? emitItemEditChange : undefined,\n        onItemEditComplete:\n          onItemEditComplete != null ? emitItemEditComplete : undefined,\n      }),\n    [\n      options,\n      hasCustomHeader,\n      hasGutterRenderer,\n      hasCodeViewHeader,\n      hasCodeViewFooter,\n      onSelectedLinesChange,\n      emitSelectedLinesChange,\n      controlledSelection,\n      createEditor,\n      stableCreateEditor,\n      onItemEditChange,\n      emitItemEditChange,\n      onItemEditComplete,\n      emitItemEditComplete,\n    ]\n  );\n\n  const [slotContentStore] = useState<ManagedContentStore<LAnnotation>>(() =>\n    createSlotContentStore()\n  );\n  const [, forceUpdate] = useState<unknown>({});\n\n  const nodeRef = useStableCallback((node: HTMLDivElement | null) => {\n    // If we have a pre-existing instance and there's no node or the node being\n    // passed in is NOT the same as before, then we need to clean up and\n    // garbage collect the old instance\n    if (\n      cachedDataRef.current.instance != null &&\n      (node == null ||\n        node !== cachedDataRef.current.instance.getContainerElement())\n    ) {\n      cachedDataRef.current.instance.cleanUp();\n      slotContentStore.publish(undefined);\n      cachedDataRef.current = createDefaultCache<LAnnotation>(controlled);\n    }\n\n    // If our node matches the existing node then we should not attempt to\n    // setup.  This is a case that should never be possible to hit, but just in\n    // case, lets make sure we don't re-setup an instance that is already setup\n    // properly\n    if (\n      node != null &&\n      node !== cachedDataRef.current.instance?.getContainerElement()\n    ) {\n      cachedDataRef.current.instance = new CodeViewClass<LAnnotation>(\n        managedOptions,\n        !disableWorkerPool ? poolManager : undefined,\n        true\n      );\n      cachedDataRef.current.instance.setup(node);\n    }\n\n    if (typeof containerRef === 'function') {\n      containerRef(node);\n    } else if (containerRef != null) {\n      containerRef.current = node;\n    }\n  });\n\n  const onSnapshotChange = useStableCallback(\n    (snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined) => {\n      if (cachedDataRef.current.disableFlushSync) {\n        slotContentStore.publish(snapshot);\n      } else {\n        flushSync(() => {\n          slotContentStore.publish(snapshot);\n        });\n      }\n    }\n  );\n\n  const slotCoordinator: CodeViewCoordinator<LAnnotation> | undefined =\n    useMemo(() => {\n      // A coordinator is needed whenever React portals anything — per-item\n      // slots and codeview header and footer\n      if (\n        !hasHeaderRenderers &&\n        !hasAnnotationRenderer &&\n        !hasGutterRenderer &&\n        !hasCodeViewHeader &&\n        !hasCodeViewFooter\n      ) {\n        return undefined;\n      } else {\n        return {\n          hasHeaderRenderers,\n          hasAnnotationRenderer,\n          hasGutterRenderer,\n          onSnapshotChange,\n        };\n      }\n    }, [\n      onSnapshotChange,\n      hasAnnotationRenderer,\n      hasGutterRenderer,\n      hasHeaderRenderers,\n      hasCodeViewHeader,\n      hasCodeViewFooter,\n    ]);\n\n  useIsometricEffect(() => {\n    return onScroll != null\n      ? cachedDataRef.current.instance?.subscribeToScroll(onScroll)\n      : undefined;\n  });\n\n  useIsometricEffect(() => {\n    const {\n      instance,\n      controlled: prevControlled,\n      items: prevItems,\n      managedOptions: prevManagedOptions,\n      slotCoordinator: prevSlotCoordinator,\n    } = cachedDataRef.current;\n    if (instance == null) {\n      return;\n    }\n\n    try {\n      cachedDataRef.current.disableFlushSync = true;\n      let shouldRender = false;\n\n      if (!areOptionsEqual(managedOptions, prevManagedOptions)) {\n        cachedDataRef.current.managedOptions = managedOptions;\n        instance.setOptions(managedOptions);\n        shouldRender = true;\n      }\n\n      if (prevControlled !== controlled) {\n        console.error(\n          'CodeView: cannot switch between controlled and uncontrolled modes. Remount with a new key instead.'\n        );\n        return;\n      }\n\n      if (controlled) {\n        if (controlledItems !== prevItems) {\n          if (areItemListsEqual(prevItems, controlledItems)) {\n            cachedDataRef.current.items = controlledItems;\n          } else if (isAppendOnlyItemUpdate(prevItems, controlledItems)) {\n            cachedDataRef.current.items = controlledItems;\n            instance.addItems(controlledItems.slice(prevItems.length));\n          } else {\n            cachedDataRef.current.items = controlledItems;\n            instance.setItems(controlledItems);\n            shouldRender = true;\n          }\n        }\n      }\n      // If uncontrolled, we should only ever set items once, and just depend\n      // on imperative instance changes going forward\n      else if (prevItems == null) {\n        const seedItems = initialItems ?? [];\n        cachedDataRef.current.items = seedItems;\n        if (seedItems.length > 0) {\n          instance.setItems(seedItems);\n          shouldRender = true;\n        }\n      }\n\n      if (selectedLines !== undefined) {\n        instance.setSelectedLines(selectedLines, { notify: false });\n      }\n\n      const slotPublish = instance.setSlotCoordinator(slotCoordinator);\n      let forceInlinePublish = false;\n      if (slotCoordinator !== prevSlotCoordinator) {\n        if (slotCoordinator == null || prevSlotCoordinator == null) {\n          forceInlinePublish = true;\n        }\n        cachedDataRef.current.slotCoordinator = slotCoordinator;\n      }\n\n      if (shouldRender || slotPublish) {\n        instance.render(true);\n      }\n\n      // FIXME(amadeus): This feels kinda bad and flakey with regards to how\n      // other things are working... it makes me think that we should\n      // re-architect the slotCoordinator a bit, and maybe DON'T make it an\n      // undefineable thing...\n      if (slotPublish && slotCoordinator == null) {\n        slotContentStore.publish(undefined);\n      }\n\n      if (forceInlinePublish) {\n        forceUpdate({});\n      }\n    } finally {\n      cachedDataRef.current.disableFlushSync = false;\n    }\n  });\n\n  // Setup the ref handler\n  useImperativeHandle(\n    ref,\n    (): CodeViewHandle<LAnnotation> => ({\n      addItems(items) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'addItems');\n        if (instance == null) {\n          console.error(\n            'CodeView.addItems: no valid instance to append items with',\n            items\n          );\n        } else {\n          instance.addItems(items);\n        }\n      },\n      getItem(id) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getItem: no valid instance exists', id);\n          return undefined;\n        } else {\n          return instance.getItem(id);\n        }\n      },\n      updateItem(item) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'updateItem');\n        if (instance == null) {\n          console.error(\n            'CodeView.updateItem: no valid instance to update item with',\n            item\n          );\n          return false;\n        }\n\n        return instance.updateItem(item);\n      },\n      updateItemId(oldId, newId) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'updateItemId');\n        if (instance == null) {\n          console.error(\n            'CodeView.updateItemId: no valid instance to update item id with',\n            oldId,\n            newId\n          );\n          return false;\n        }\n\n        return instance.updateItemId(oldId, newId);\n      },\n      scrollTo(target) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.scrollTo: no valid instance to scroll with',\n            target\n          );\n        } else {\n          instance.scrollTo(target);\n        }\n      },\n      setSelectedLines(selection) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.setSelectedLines: no valid instance to update selection with',\n            selection\n          );\n        } else {\n          instance.setSelectedLines(selection, { notify: false });\n          emitSelectedLinesChange(selection);\n        }\n      },\n      getSelectedLines() {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getSelectedLines: no valid instance exists');\n          return null;\n        } else {\n          return instance.getSelectedLines();\n        }\n      },\n      clearSelectedLines() {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.clearSelectedLines: no valid instance to update selection with'\n          );\n        } else {\n          instance.clearSelectedLines({ notify: false });\n          emitSelectedLinesChange(null);\n        }\n      },\n      getEditor(id) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getEditor: no valid instance exists', id);\n          return undefined;\n        }\n\n        return instance.getEditor(id);\n      },\n      getInstance() {\n        return cachedDataRef.current.instance;\n      },\n    }),\n    [emitSelectedLinesChange]\n  );\n\n  return (\n    <>\n      <div ref={nodeRef} className={className} style={style} />\n      {(hasRenderers || hasCodeViewHeader || hasCodeViewFooter) && (\n        <SlotPortals<LAnnotation>\n          managedContentStore={slotContentStore}\n          renderCustomHeader={renderCustomHeader}\n          renderHeaderPrefix={renderHeaderPrefix}\n          renderHeaderFilenameSuffix={renderHeaderFilenameSuffix}\n          renderHeaderMetadata={renderHeaderMetadata}\n          renderAnnotation={renderAnnotation}\n          renderGutterUtility={renderGutterUtility}\n          renderCodeViewHeader={renderCodeViewHeader}\n          renderCodeViewFooter={renderCodeViewFooter}\n        />\n      )}\n    </>\n  );\n}\n\n// React was a mistake\nexport const CodeView = forwardRef(CodeViewInner) as CodeViewComponent;\n\nfunction isAppendOnlyItemUpdate<LAnnotation>(\n  previousItems: readonly CodeViewItem<LAnnotation>[] | undefined,\n  nextItems: readonly CodeViewItem<LAnnotation>[]\n): previousItems is readonly CodeViewItem<LAnnotation>[] {\n  if (previousItems == null || nextItems.length <= previousItems.length) {\n    return false;\n  }\n\n  if (previousItems.length === 0) {\n    return true;\n  }\n\n  for (let index = 0; index < previousItems.length; index++) {\n    if (nextItems[index] !== previousItems[index]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction areItemListsEqual<LAnnotation>(\n  previousItems: readonly CodeViewItem<LAnnotation>[] | undefined,\n  nextItems: readonly CodeViewItem<LAnnotation>[]\n): boolean {\n  if (previousItems == null || previousItems.length !== nextItems.length) {\n    return false;\n  }\n\n  for (let index = 0; index < previousItems.length; index++) {\n    if (previousItems[index] !== nextItems[index]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction assertUncontrolledCodeViewAction(\n  controlled: boolean,\n  action: string\n): void {\n  if (!controlled) {\n    return;\n  }\n\n  throw new Error(\n    `CodeView.${action} cannot be used when CodeView is controlled. Use initialItems for imperative item updates.`\n  );\n}\n\nfunction createSlotContentStore<\n  LAnnotation,\n>(): ManagedContentStore<LAnnotation> {\n  let snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined;\n  const listeners = new Set<() => void>();\n\n  return {\n    getSnapshot() {\n      return snapshot;\n    },\n    publish(nextSnapshot) {\n      if (areManagedSnapshotsEqual(snapshot, nextSnapshot)) {\n        return;\n      }\n\n      snapshot = nextSnapshot;\n      for (const listener of listeners) {\n        listener();\n      }\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface CreateManagedCodeViewOptionsProps<LAnnotation> {\n  options: CodeViewOptions<LAnnotation> | undefined;\n  hasCustomHeader: boolean;\n  hasGutterRenderer: boolean;\n  hasCodeViewHeader: boolean;\n  hasCodeViewFooter: boolean;\n  onSelectedLinesChange?(selection: CodeViewLineSelection | null): void;\n  controlledSelection: boolean;\n  createEditor: CodeViewOptions<LAnnotation>['createEditor'];\n  onItemEditChange: CodeViewOptions<LAnnotation>['onItemEditChange'];\n  onItemEditComplete: CodeViewOptions<LAnnotation>['onItemEditComplete'];\n}\n\nfunction createManagedCodeViewOptions<LAnnotation>({\n  options,\n  hasCustomHeader,\n  hasGutterRenderer,\n  hasCodeViewHeader,\n  hasCodeViewFooter,\n  onSelectedLinesChange,\n  controlledSelection,\n  createEditor,\n  onItemEditChange,\n  onItemEditComplete,\n}: CreateManagedCodeViewOptionsProps<LAnnotation>):\n  | CodeViewOptions<LAnnotation>\n  | undefined {\n  if (\n    !hasCustomHeader &&\n    !hasGutterRenderer &&\n    !hasCodeViewHeader &&\n    !hasCodeViewFooter &&\n    onSelectedLinesChange == null &&\n    !controlledSelection &&\n    createEditor == null &&\n    onItemEditChange == null &&\n    onItemEditComplete == null\n  ) {\n    return options ?? {};\n  }\n  options = { ...options, controlledSelection, onSelectedLinesChange };\n\n  // Prop-level editor callbacks win over their options-object counterparts,\n  // but an absent prop must not clobber a value provided via `options`.\n  if (createEditor != null) {\n    options.createEditor = createEditor;\n  }\n  if (onItemEditChange != null) {\n    options.onItemEditChange = onItemEditChange;\n  }\n  if (onItemEditComplete != null) {\n    options.onItemEditComplete = onItemEditComplete;\n  }\n\n  // The imperative CodeView adapters use this callback's presence to\n  // switch file and diff headers into custom-slot mode. React portals\n  // provide the actual header content, so this placeholder\n  // intentionally returns nothing.\n  if (hasCustomHeader) {\n    options.renderCustomHeader = noopRender;\n  }\n\n  // The imperative CodeView adapters use this callback's presence to\n  // create the custom gutter utility slot. React portals provide the\n  // actual content, so this placeholder intentionally returns nothing.\n  if (hasGutterRenderer) {\n    options.renderGutterUtility = noopRender;\n  }\n\n  // The imperative CodeView adapters use these callbacks' presence to create the\n  // header/footer host elements. React portals the actual content into them (via\n  // the slot snapshot), so these placeholders intentionally return nothing.\n  if (hasCodeViewHeader) {\n    options.renderCodeViewHeader = noopRender;\n  }\n  if (hasCodeViewFooter) {\n    options.renderCodeViewFooter = noopRender;\n  }\n\n  return options;\n}\n\ninterface RenderCodeViewItemChildrenProps<LAnnotation> {\n  renderedItem: CodeViewRenderedItem<LAnnotation>;\n  renderCustomHeader: CodeViewBaseProps<LAnnotation>['renderCustomHeader'];\n  renderHeaderPrefix: CodeViewBaseProps<LAnnotation>['renderHeaderPrefix'];\n  renderHeaderFilenameSuffix: CodeViewBaseProps<LAnnotation>['renderHeaderFilenameSuffix'];\n  renderHeaderMetadata: CodeViewBaseProps<LAnnotation>['renderHeaderMetadata'];\n  renderAnnotation: CodeViewBaseProps<LAnnotation>['renderAnnotation'];\n  renderGutterUtility: CodeViewBaseProps<LAnnotation>['renderGutterUtility'];\n}\n\ninterface SlotPortalsProps<LAnnotation> {\n  managedContentStore: ManagedContentStore<LAnnotation>;\n  renderCustomHeader: CodeViewBaseProps<LAnnotation>['renderCustomHeader'];\n  renderHeaderPrefix: CodeViewBaseProps<LAnnotation>['renderHeaderPrefix'];\n  renderHeaderFilenameSuffix: CodeViewBaseProps<LAnnotation>['renderHeaderFilenameSuffix'];\n  renderHeaderMetadata: CodeViewBaseProps<LAnnotation>['renderHeaderMetadata'];\n  renderAnnotation: CodeViewBaseProps<LAnnotation>['renderAnnotation'];\n  renderGutterUtility: CodeViewBaseProps<LAnnotation>['renderGutterUtility'];\n  renderCodeViewHeader: CodeViewBaseProps<LAnnotation>['renderCodeViewHeader'];\n  renderCodeViewFooter: CodeViewBaseProps<LAnnotation>['renderCodeViewFooter'];\n}\n\nconst SlotPortals = memo(function SlotPortals<LAnnotation>({\n  managedContentStore,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderAnnotation,\n  renderGutterUtility,\n  renderCodeViewHeader,\n  renderCodeViewFooter,\n}: SlotPortalsProps<LAnnotation>) {\n  'use no memo';\n  const subscribe = useStableCallback((listener: () => void) =>\n    managedContentStore.subscribe(listener)\n  );\n  const getSnapshot = useStableCallback(() =>\n    managedContentStore.getSnapshot()\n  );\n  const snapshot = useSyncExternalStore<\n    CodeViewSlotSnapshot<LAnnotation> | undefined\n  >(subscribe, getSnapshot, getSnapshot);\n  let itemKeys = '';\n  for (const item of snapshot?.items ?? []) {\n    itemKeys += `${item.id}:${item.version}:${item.type}`;\n  }\n  // NOTE(amadeus): And just like that, the react compiler do be failing us\n  // lol... we need to pre-render everything for items, headers and footers to\n  // not trigger needless renders while scrolling\n  const renderedItems = useMemo(\n    () => {\n      return snapshot?.items?.map((renderedItem) =>\n        createPortal(\n          renderCodeViewItemChildren({\n            renderedItem,\n            renderCustomHeader,\n            renderHeaderPrefix,\n            renderHeaderFilenameSuffix,\n            renderHeaderMetadata,\n            renderAnnotation,\n            renderGutterUtility,\n          }),\n          renderedItem.element,\n          renderedItem.id\n        )\n      );\n    },\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [\n      renderCustomHeader,\n      renderHeaderPrefix,\n      renderHeaderFilenameSuffix,\n      renderHeaderMetadata,\n      renderAnnotation,\n      renderGutterUtility,\n      itemKeys,\n    ]\n  );\n  const renderedHeader = useMemo(() => {\n    return renderCodeViewHeader != null && snapshot?.header != null\n      ? createPortal(renderCodeViewHeader(), snapshot.header)\n      : null;\n  }, [renderCodeViewHeader, snapshot?.header]);\n  const renderedFooter = useMemo(() => {\n    return renderCodeViewFooter != null && snapshot?.footer != null\n      ? createPortal(renderCodeViewFooter(), snapshot.footer)\n      : null;\n  }, [renderCodeViewFooter, snapshot?.footer]);\n  return (\n    <>\n      {renderedItems}\n      {renderedHeader}\n      {renderedFooter}\n    </>\n  );\n}) as SlotPortalsComponent;\n\nfunction renderCodeViewItemChildren<LAnnotation>({\n  renderedItem,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderAnnotation,\n  renderGutterUtility,\n}: RenderCodeViewItemChildrenProps<LAnnotation>): ReactNode {\n  if (renderedItem.type === 'diff') {\n    const { item, instance } = renderedItem;\n    return renderDiffChildren({\n      fileDiff: item.fileDiff,\n      renderCustomHeader:\n        renderCustomHeader != null ? () => renderCustomHeader(item) : undefined,\n      renderHeaderPrefix:\n        renderHeaderPrefix != null ? () => renderHeaderPrefix(item) : undefined,\n      renderHeaderFilenameSuffix:\n        renderHeaderFilenameSuffix != null\n          ? () => renderHeaderFilenameSuffix(item)\n          : undefined,\n      renderHeaderMetadata:\n        renderHeaderMetadata != null\n          ? () => renderHeaderMetadata(item)\n          : undefined,\n      renderAnnotation:\n        renderAnnotation != null\n          ? (annotation) => renderAnnotation(annotation, item)\n          : undefined,\n      lineAnnotations: item.annotations,\n      renderGutterUtility:\n        renderGutterUtility != null\n          ? (getHoveredLine) => renderGutterUtility(getHoveredLine, item)\n          : undefined,\n      getHoveredLine: instance.getHoveredLine,\n    });\n  } else {\n    const { item, instance } = renderedItem;\n    return renderFileChildren({\n      file: item.file,\n      renderCustomHeader:\n        renderCustomHeader != null ? () => renderCustomHeader(item) : undefined,\n      renderHeaderPrefix:\n        renderHeaderPrefix != null ? () => renderHeaderPrefix(item) : undefined,\n      renderHeaderFilenameSuffix:\n        renderHeaderFilenameSuffix != null\n          ? () => renderHeaderFilenameSuffix(item)\n          : undefined,\n      renderHeaderMetadata:\n        renderHeaderMetadata != null\n          ? () => renderHeaderMetadata(item)\n          : undefined,\n      renderAnnotation:\n        renderAnnotation != null\n          ? (annotation) => renderAnnotation(annotation, item)\n          : undefined,\n      lineAnnotations: item.annotations,\n      renderGutterUtility:\n        renderGutterUtility != null\n          ? (getHoveredLine) => renderGutterUtility(getHoveredLine, item)\n          : undefined,\n      getHoveredLine: instance.getHoveredLine,\n    });\n  }\n}\n\nfunction noopRender() {\n  return undefined;\n}\n"],"mappings":"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"}
+{"version":3,"file":"CodeView.js","names":["CodeViewClass"],"sources":["../../src/react/CodeView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type CSSProperties,\n  forwardRef,\n  memo,\n  type ReactNode,\n  type Ref,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { createPortal, flushSync } from 'react-dom';\n\nimport type { EditorOptions } from '../edit';\nimport {\n  areOptionsEqual,\n  CodeView as CodeViewClass,\n  type CodeViewCoordinator,\n  type CodeViewCreateEditorOptions,\n  type CodeViewItem,\n  type CodeViewLineSelection,\n  type CodeViewOptions,\n  type CodeViewRenderedItem,\n  type CodeViewScrollTarget,\n  type CodeViewSlotSnapshot,\n  type DiffLineAnnotation,\n  type DiffsEditor,\n  type FileContents,\n  type GetHoveredLineResult,\n  type LineAnnotation,\n} from '../index';\nimport { areManagedSnapshotsEqual } from '../utils/areManagedSnapshotsEqual';\nimport { useCreateEditor } from './EditContext';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { useStableCallback } from './utils/useStableCallback';\nimport { WorkerPoolContext } from './WorkerPoolContext';\n\nconst useIsomorphicLayoutEffect =\n  typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ntype CodeViewGutterUtilityGetter =\n  | (() => GetHoveredLineResult<'file'> | undefined)\n  | (() => GetHoveredLineResult<'diff'> | undefined);\n\nexport type CodeViewReactOptions<LAnnotation = undefined> = Omit<\n  CodeViewOptions<LAnnotation>,\n  'controlledSelection' | 'createEditor' | 'onSelectedLinesChange'\n>;\n\ninterface CodeViewBaseProps<LAnnotation> {\n  options?: CodeViewReactOptions<LAnnotation>;\n  /**\n   * Creation-time options passed to the nearest EditProvider factory.\n   * CodeView supplies its item-specific change callback.\n   */\n  editorOptions?: Omit<EditorOptions<LAnnotation>, 'onChange'>;\n  className?: string;\n  style?: CSSProperties;\n  containerRef?: Ref<HTMLDivElement>;\n  disableWorkerPool?: boolean;\n  selectedLines?: CodeViewLineSelection | null;\n  onSelectedLinesChange?(selection: CodeViewLineSelection | null): void;\n  onScroll?(scrollTop: number, viewer: CodeViewClass<LAnnotation>): void;\n  /** Render a non-virtualized node at the very start of the scroll content,\n   * before the first item. Always rendered; scrolls with the content. */\n  renderCodeViewHeader?(): ReactNode;\n  /** Render a non-virtualized node at the very end of the scroll content, after\n   * the last item. Always rendered; scrolls with the content. */\n  renderCodeViewFooter?(): ReactNode;\n  /** Called with the owning item on every edited-document change. */\n  onItemEditChange?(\n    item: CodeViewItem<LAnnotation>,\n    file: FileContents,\n    lineAnnotations?:\n      | LineAnnotation<LAnnotation>[]\n      | DiffLineAnnotation<LAnnotation>[]\n  ): void;\n  /**\n   * Called once with the final contents when an item's edit session ends\n   * (edit turned off, item removed or collapsed). Not called for sessions\n   * that produced no changes. Committing is user-space: make one combined\n   * item write carrying the new file/fileDiff (with a fresh `cacheKey`,\n   * since the contents changed) along with `edit: false`.\n   */\n  onItemEditComplete?(\n    item: CodeViewItem<LAnnotation>,\n    file: FileContents,\n    lineAnnotations?:\n      | LineAnnotation<LAnnotation>[]\n      | DiffLineAnnotation<LAnnotation>[]\n  ): void;\n  renderCustomHeader?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderPrefix?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderFilenameSuffix?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderHeaderMetadata?(item: CodeViewItem<LAnnotation>): ReactNode;\n  renderAnnotation?(\n    annotation: LineAnnotation<LAnnotation> | DiffLineAnnotation<LAnnotation>,\n    item: CodeViewItem<LAnnotation>\n  ): ReactNode;\n  renderGutterUtility?(\n    getHoveredLine: CodeViewGutterUtilityGetter,\n    item: CodeViewItem<LAnnotation>\n  ): ReactNode;\n}\n\nexport interface ControlledCodeViewProps<\n  LAnnotation,\n> extends CodeViewBaseProps<LAnnotation> {\n  items: readonly CodeViewItem<LAnnotation>[];\n  initialItems?: never;\n}\n\nexport interface UncontrolledCodeViewProps<\n  LAnnotation,\n> extends CodeViewBaseProps<LAnnotation> {\n  // Seeds the imperative CodeView instance once. Later item changes should go\n  // through the ref API instead of being reconciled from React props.\n  initialItems?: readonly CodeViewItem<LAnnotation>[];\n  items?: never;\n}\n\nexport type CodeViewProps<LAnnotation = undefined> =\n  | ControlledCodeViewProps<LAnnotation>\n  | UncontrolledCodeViewProps<LAnnotation>;\n\nexport interface CodeViewHandle<LAnnotation> {\n  addItems(items: readonly CodeViewItem<LAnnotation>[]): void;\n  getItem(id: string): CodeViewItem<LAnnotation> | undefined;\n  updateItem(item: CodeViewItem<LAnnotation>): boolean;\n  updateItemId(oldId: string, newId: string): boolean;\n  scrollTo(target: CodeViewScrollTarget): void;\n  setSelectedLines(selection: CodeViewLineSelection | null): void;\n  getSelectedLines(): CodeViewLineSelection | null;\n  clearSelectedLines(): void;\n  getEditor(id: string): DiffsEditor<LAnnotation> | undefined;\n  getInstance(): CodeViewClass<LAnnotation> | undefined;\n}\n\ntype CodeViewComponent = <LAnnotation = undefined>(\n  props: CodeViewProps<LAnnotation> & {\n    ref?: React.Ref<CodeViewHandle<LAnnotation>>;\n  }\n) => React.JSX.Element;\n\ntype SlotPortalsComponent = <LAnnotation = undefined>(\n  props: SlotPortalsProps<LAnnotation>\n) => React.JSX.Element;\n\ninterface ManagedContentStore<LAnnotation> {\n  getSnapshot(): CodeViewSlotSnapshot<LAnnotation> | undefined;\n  publish(snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined): void;\n  subscribe(listener: () => void): () => void;\n}\n\ninterface CachedDataRef<LAnnotation> {\n  instance: CodeViewClass<LAnnotation> | undefined;\n  items: readonly CodeViewItem<LAnnotation>[] | undefined;\n  controlled: boolean;\n  managedOptions: CodeViewOptions<LAnnotation> | undefined;\n  disableFlushSync: boolean;\n  slotCoordinator: CodeViewCoordinator<LAnnotation> | undefined;\n}\n\nfunction createDefaultCache<LAnnotation>(\n  controlled: boolean\n): CachedDataRef<LAnnotation> {\n  return {\n    instance: undefined,\n    items: undefined,\n    controlled,\n    managedOptions: undefined,\n    disableFlushSync: false,\n    slotCoordinator: undefined,\n  };\n}\n\nfunction CodeViewInner<LAnnotation = undefined>(\n  props: CodeViewProps<LAnnotation>,\n  ref: React.ForwardedRef<CodeViewHandle<LAnnotation>>\n): React.JSX.Element {\n  const {\n    className,\n    containerRef,\n    disableWorkerPool = false,\n    editorOptions,\n    initialItems,\n    items: controlledItems,\n    onItemEditChange,\n    onItemEditComplete,\n    onScroll,\n    onSelectedLinesChange,\n    options,\n    renderAnnotation,\n    renderCodeViewFooter,\n    renderCodeViewHeader,\n    renderCustomHeader,\n    renderGutterUtility,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderHeaderPrefix,\n    selectedLines,\n    style,\n  } = props;\n  const controlled = controlledItems !== undefined;\n  const contextCreateEditor = useCreateEditor<LAnnotation>();\n  const poolManager = useContext(WorkerPoolContext);\n  const cachedDataRef = useRef<CachedDataRef<LAnnotation>>(\n    createDefaultCache<LAnnotation>(controlled)\n  );\n  const hasCustomHeader = renderCustomHeader != null;\n  const hasAnnotationRenderer = renderAnnotation != null;\n  const hasGutterRenderer = renderGutterUtility != null;\n  const hasHeaderRenderers =\n    hasCustomHeader ||\n    renderHeaderPrefix != null ||\n    renderHeaderFilenameSuffix != null ||\n    renderHeaderMetadata != null;\n  const hasRenderers =\n    hasHeaderRenderers || hasAnnotationRenderer || hasGutterRenderer;\n  const hasCodeViewHeader = renderCodeViewHeader != null;\n  const hasCodeViewFooter = renderCodeViewFooter != null;\n  const emitSelectedLinesChange = useStableCallback(\n    (selection: CodeViewLineSelection | null) => {\n      onSelectedLinesChange?.(selection);\n    }\n  );\n  const controlledSelection = selectedLines !== undefined;\n\n  // Keep the adapter stable so provider and editor-option changes affect the\n  // next item edit session without forcing CodeView to reconcile active editors.\n  const createEditor = useStableCallback(\n    (\n      options: CodeViewCreateEditorOptions<LAnnotation>\n    ): DiffsEditor<LAnnotation> => {\n      if (contextCreateEditor == null) {\n        throw new Error('CodeView: EditContext is not attached');\n      }\n\n      const editor = contextCreateEditor({\n        ...editorOptions,\n        ...options,\n      });\n      if (editor == null) {\n        throw new Error(\n          'CodeView: EditProvider.createEditor must return an editor instance'\n        );\n      }\n      return editor;\n    }\n  );\n  const emitItemEditChange = useStableCallback(\n    (\n      item: CodeViewItem<LAnnotation>,\n      file: FileContents,\n      lineAnnotations?:\n        | LineAnnotation<LAnnotation>[]\n        | DiffLineAnnotation<LAnnotation>[]\n    ) => {\n      onItemEditChange?.(item, file, lineAnnotations);\n    }\n  );\n  const emitItemEditComplete = useStableCallback(\n    (\n      item: CodeViewItem<LAnnotation>,\n      file: FileContents,\n      lineAnnotations?:\n        | LineAnnotation<LAnnotation>[]\n        | DiffLineAnnotation<LAnnotation>[]\n    ) => {\n      onItemEditComplete?.(item, file, lineAnnotations);\n    }\n  );\n\n  const managedOptions = useMemo(\n    () =>\n      createManagedCodeViewOptions({\n        options,\n        hasCustomHeader,\n        hasGutterRenderer,\n        hasCodeViewHeader,\n        hasCodeViewFooter,\n        onSelectedLinesChange:\n          onSelectedLinesChange != null ? emitSelectedLinesChange : undefined,\n        controlledSelection,\n        createEditor: contextCreateEditor != null ? createEditor : undefined,\n        onItemEditChange:\n          onItemEditChange != null ? emitItemEditChange : undefined,\n        onItemEditComplete:\n          onItemEditComplete != null ? emitItemEditComplete : undefined,\n      }),\n    [\n      contextCreateEditor,\n      controlledSelection,\n      createEditor,\n      emitItemEditChange,\n      emitItemEditComplete,\n      emitSelectedLinesChange,\n      hasCodeViewFooter,\n      hasCodeViewHeader,\n      hasCustomHeader,\n      hasGutterRenderer,\n      onItemEditChange,\n      onItemEditComplete,\n      onSelectedLinesChange,\n      options,\n    ]\n  );\n\n  const [slotContentStore] = useState<ManagedContentStore<LAnnotation>>(() =>\n    createSlotContentStore()\n  );\n  const [, forceUpdate] = useState<unknown>({});\n\n  const nodeRef = useStableCallback((node: HTMLDivElement | null) => {\n    // If we have a pre-existing instance and there's no node or the node being\n    // passed in is NOT the same as before, then we need to clean up and\n    // garbage collect the old instance\n    if (\n      cachedDataRef.current.instance != null &&\n      (node == null ||\n        node !== cachedDataRef.current.instance.getContainerElement())\n    ) {\n      cachedDataRef.current.instance.cleanUp();\n      slotContentStore.publish(undefined);\n      cachedDataRef.current = createDefaultCache<LAnnotation>(controlled);\n    }\n\n    // If our node matches the existing node then we should not attempt to\n    // setup.  This is a case that should never be possible to hit, but just in\n    // case, lets make sure we don't re-setup an instance that is already setup\n    // properly\n    if (\n      node != null &&\n      node !== cachedDataRef.current.instance?.getContainerElement()\n    ) {\n      cachedDataRef.current.instance = new CodeViewClass<LAnnotation>(\n        managedOptions,\n        !disableWorkerPool ? poolManager : undefined,\n        true\n      );\n      cachedDataRef.current.instance.setup(node);\n    }\n\n    if (typeof containerRef === 'function') {\n      containerRef(node);\n    } else if (containerRef != null) {\n      containerRef.current = node;\n    }\n  });\n\n  const onSnapshotChange = useStableCallback(\n    (snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined) => {\n      if (cachedDataRef.current.disableFlushSync) {\n        slotContentStore.publish(snapshot);\n      } else {\n        flushSync(() => {\n          slotContentStore.publish(snapshot);\n        });\n      }\n    }\n  );\n\n  const slotCoordinator: CodeViewCoordinator<LAnnotation> | undefined =\n    useMemo(() => {\n      // A coordinator is needed whenever React portals anything — per-item\n      // slots and codeview header and footer\n      if (\n        !hasHeaderRenderers &&\n        !hasAnnotationRenderer &&\n        !hasGutterRenderer &&\n        !hasCodeViewHeader &&\n        !hasCodeViewFooter\n      ) {\n        return undefined;\n      } else {\n        return {\n          hasHeaderRenderers,\n          hasAnnotationRenderer,\n          hasGutterRenderer,\n          onSnapshotChange,\n        };\n      }\n    }, [\n      onSnapshotChange,\n      hasAnnotationRenderer,\n      hasGutterRenderer,\n      hasHeaderRenderers,\n      hasCodeViewHeader,\n      hasCodeViewFooter,\n    ]);\n\n  useIsomorphicLayoutEffect(() => {\n    return onScroll != null\n      ? cachedDataRef.current.instance?.subscribeToScroll(onScroll)\n      : undefined;\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    const {\n      instance,\n      controlled: prevControlled,\n      items: prevItems,\n      managedOptions: prevManagedOptions,\n      slotCoordinator: prevSlotCoordinator,\n    } = cachedDataRef.current;\n    if (instance == null) {\n      return;\n    }\n\n    try {\n      cachedDataRef.current.disableFlushSync = true;\n      let shouldRender = false;\n\n      if (!areOptionsEqual(managedOptions, prevManagedOptions)) {\n        cachedDataRef.current.managedOptions = managedOptions;\n        instance.setOptions(managedOptions);\n        shouldRender = true;\n      }\n\n      if (prevControlled !== controlled) {\n        console.error(\n          'CodeView: cannot switch between controlled and uncontrolled modes. Remount with a new key instead.'\n        );\n        return;\n      }\n\n      if (controlled) {\n        if (controlledItems !== prevItems) {\n          if (areItemListsEqual(prevItems, controlledItems)) {\n            cachedDataRef.current.items = controlledItems;\n          } else if (isAppendOnlyItemUpdate(prevItems, controlledItems)) {\n            cachedDataRef.current.items = controlledItems;\n            instance.addItems(controlledItems.slice(prevItems.length));\n          } else {\n            cachedDataRef.current.items = controlledItems;\n            instance.setItems(controlledItems);\n            shouldRender = true;\n          }\n        }\n      }\n      // If uncontrolled, we should only ever set items once, and just depend\n      // on imperative instance changes going forward\n      else if (prevItems == null) {\n        const seedItems = initialItems ?? [];\n        cachedDataRef.current.items = seedItems;\n        if (seedItems.length > 0) {\n          instance.setItems(seedItems);\n          shouldRender = true;\n        }\n      }\n\n      if (selectedLines !== undefined) {\n        instance.setSelectedLines(selectedLines, { notify: false });\n      }\n\n      const slotPublish = instance.setSlotCoordinator(slotCoordinator);\n      let forceInlinePublish = false;\n      if (slotCoordinator !== prevSlotCoordinator) {\n        if (slotCoordinator == null || prevSlotCoordinator == null) {\n          forceInlinePublish = true;\n        }\n        cachedDataRef.current.slotCoordinator = slotCoordinator;\n      }\n\n      if (shouldRender || slotPublish) {\n        instance.render(true);\n      }\n\n      // FIXME(amadeus): This feels kinda bad and flakey with regards to how\n      // other things are working... it makes me think that we should\n      // re-architect the slotCoordinator a bit, and maybe DON'T make it an\n      // undefineable thing...\n      if (slotPublish && slotCoordinator == null) {\n        slotContentStore.publish(undefined);\n      }\n\n      if (forceInlinePublish) {\n        forceUpdate({});\n      }\n    } finally {\n      cachedDataRef.current.disableFlushSync = false;\n    }\n  });\n\n  // Setup the ref handler\n  useImperativeHandle(\n    ref,\n    (): CodeViewHandle<LAnnotation> => ({\n      addItems(items) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'addItems');\n        if (instance == null) {\n          console.error(\n            'CodeView.addItems: no valid instance to append items with',\n            items\n          );\n        } else {\n          instance.addItems(items);\n        }\n      },\n      getItem(id) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getItem: no valid instance exists', id);\n          return undefined;\n        } else {\n          return instance.getItem(id);\n        }\n      },\n      updateItem(item) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'updateItem');\n        if (instance == null) {\n          console.error(\n            'CodeView.updateItem: no valid instance to update item with',\n            item\n          );\n          return false;\n        }\n\n        return instance.updateItem(item);\n      },\n      updateItemId(oldId, newId) {\n        const { controlled, instance } = cachedDataRef.current;\n        assertUncontrolledCodeViewAction(controlled, 'updateItemId');\n        if (instance == null) {\n          console.error(\n            'CodeView.updateItemId: no valid instance to update item id with',\n            oldId,\n            newId\n          );\n          return false;\n        }\n\n        return instance.updateItemId(oldId, newId);\n      },\n      scrollTo(target) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.scrollTo: no valid instance to scroll with',\n            target\n          );\n        } else {\n          instance.scrollTo(target);\n        }\n      },\n      setSelectedLines(selection) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.setSelectedLines: no valid instance to update selection with',\n            selection\n          );\n        } else {\n          instance.setSelectedLines(selection, { notify: false });\n          emitSelectedLinesChange(selection);\n        }\n      },\n      getSelectedLines() {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getSelectedLines: no valid instance exists');\n          return null;\n        } else {\n          return instance.getSelectedLines();\n        }\n      },\n      clearSelectedLines() {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error(\n            'CodeView.clearSelectedLines: no valid instance to update selection with'\n          );\n        } else {\n          instance.clearSelectedLines({ notify: false });\n          emitSelectedLinesChange(null);\n        }\n      },\n      getEditor(id) {\n        const { instance } = cachedDataRef.current;\n        if (instance == null) {\n          console.error('CodeView.getEditor: no valid instance exists', id);\n          return undefined;\n        }\n\n        return instance.getEditor(id);\n      },\n      getInstance() {\n        return cachedDataRef.current.instance;\n      },\n    }),\n    [emitSelectedLinesChange]\n  );\n\n  return (\n    <>\n      <div ref={nodeRef} className={className} style={style} />\n      {(hasRenderers || hasCodeViewHeader || hasCodeViewFooter) && (\n        <SlotPortals<LAnnotation>\n          managedContentStore={slotContentStore}\n          renderCustomHeader={renderCustomHeader}\n          renderHeaderPrefix={renderHeaderPrefix}\n          renderHeaderFilenameSuffix={renderHeaderFilenameSuffix}\n          renderHeaderMetadata={renderHeaderMetadata}\n          renderAnnotation={renderAnnotation}\n          renderGutterUtility={renderGutterUtility}\n          renderCodeViewHeader={renderCodeViewHeader}\n          renderCodeViewFooter={renderCodeViewFooter}\n        />\n      )}\n    </>\n  );\n}\n\n// React was a mistake\nexport const CodeView = forwardRef(CodeViewInner) as CodeViewComponent;\n\nfunction isAppendOnlyItemUpdate<LAnnotation>(\n  previousItems: readonly CodeViewItem<LAnnotation>[] | undefined,\n  nextItems: readonly CodeViewItem<LAnnotation>[]\n): previousItems is readonly CodeViewItem<LAnnotation>[] {\n  if (previousItems == null || nextItems.length <= previousItems.length) {\n    return false;\n  }\n\n  if (previousItems.length === 0) {\n    return true;\n  }\n\n  for (let index = 0; index < previousItems.length; index++) {\n    if (nextItems[index] !== previousItems[index]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction areItemListsEqual<LAnnotation>(\n  previousItems: readonly CodeViewItem<LAnnotation>[] | undefined,\n  nextItems: readonly CodeViewItem<LAnnotation>[]\n): boolean {\n  if (previousItems == null || previousItems.length !== nextItems.length) {\n    return false;\n  }\n\n  for (let index = 0; index < previousItems.length; index++) {\n    if (previousItems[index] !== nextItems[index]) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nfunction assertUncontrolledCodeViewAction(\n  controlled: boolean,\n  action: string\n): void {\n  if (!controlled) {\n    return;\n  }\n\n  throw new Error(\n    `CodeView.${action} cannot be used when CodeView is controlled. Use initialItems for imperative item updates.`\n  );\n}\n\nfunction createSlotContentStore<\n  LAnnotation,\n>(): ManagedContentStore<LAnnotation> {\n  let snapshot: CodeViewSlotSnapshot<LAnnotation> | undefined;\n  const listeners = new Set<() => void>();\n\n  return {\n    getSnapshot() {\n      return snapshot;\n    },\n    publish(nextSnapshot) {\n      if (areManagedSnapshotsEqual(snapshot, nextSnapshot)) {\n        return;\n      }\n\n      snapshot = nextSnapshot;\n      for (const listener of listeners) {\n        listener();\n      }\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface CreateManagedCodeViewOptionsProps<LAnnotation> {\n  options: CodeViewReactOptions<LAnnotation> | undefined;\n  hasCustomHeader: boolean;\n  hasGutterRenderer: boolean;\n  hasCodeViewHeader: boolean;\n  hasCodeViewFooter: boolean;\n  onSelectedLinesChange?(selection: CodeViewLineSelection | null): void;\n  controlledSelection: boolean;\n  createEditor: CodeViewOptions<LAnnotation>['createEditor'];\n  onItemEditChange: CodeViewOptions<LAnnotation>['onItemEditChange'];\n  onItemEditComplete: CodeViewOptions<LAnnotation>['onItemEditComplete'];\n}\n\nfunction createManagedCodeViewOptions<LAnnotation>({\n  options,\n  hasCustomHeader,\n  hasGutterRenderer,\n  hasCodeViewHeader,\n  hasCodeViewFooter,\n  onSelectedLinesChange,\n  controlledSelection,\n  createEditor,\n  onItemEditChange,\n  onItemEditComplete,\n}: CreateManagedCodeViewOptionsProps<LAnnotation>): CodeViewOptions<LAnnotation> {\n  const managedOptions: CodeViewOptions<LAnnotation> = {\n    ...options,\n    controlledSelection,\n    onSelectedLinesChange,\n    createEditor,\n  };\n\n  // Prop-level editor callbacks win over their options-object counterparts,\n  // but an absent prop must not clobber a value provided via `options`.\n  if (onItemEditChange != null) {\n    managedOptions.onItemEditChange = onItemEditChange;\n  }\n  if (onItemEditComplete != null) {\n    managedOptions.onItemEditComplete = onItemEditComplete;\n  }\n\n  // The imperative CodeView adapters use this callback's presence to\n  // switch file and diff headers into custom-slot mode. React portals\n  // provide the actual header content, so this placeholder\n  // intentionally returns nothing.\n  if (hasCustomHeader) {\n    managedOptions.renderCustomHeader = noopRender;\n  }\n\n  // The imperative CodeView adapters use this callback's presence to\n  // create the custom gutter utility slot. React portals provide the\n  // actual content, so this placeholder intentionally returns nothing.\n  if (hasGutterRenderer) {\n    managedOptions.renderGutterUtility = noopRender;\n  }\n\n  // The imperative CodeView adapters use these callbacks' presence to create the\n  // header/footer host elements. React portals the actual content into them (via\n  // the slot snapshot), so these placeholders intentionally return nothing.\n  if (hasCodeViewHeader) {\n    managedOptions.renderCodeViewHeader = noopRender;\n  }\n  if (hasCodeViewFooter) {\n    managedOptions.renderCodeViewFooter = noopRender;\n  }\n\n  return managedOptions;\n}\n\ninterface RenderCodeViewItemChildrenProps<LAnnotation> {\n  renderedItem: CodeViewRenderedItem<LAnnotation>;\n  renderCustomHeader: CodeViewBaseProps<LAnnotation>['renderCustomHeader'];\n  renderHeaderPrefix: CodeViewBaseProps<LAnnotation>['renderHeaderPrefix'];\n  renderHeaderFilenameSuffix: CodeViewBaseProps<LAnnotation>['renderHeaderFilenameSuffix'];\n  renderHeaderMetadata: CodeViewBaseProps<LAnnotation>['renderHeaderMetadata'];\n  renderAnnotation: CodeViewBaseProps<LAnnotation>['renderAnnotation'];\n  renderGutterUtility: CodeViewBaseProps<LAnnotation>['renderGutterUtility'];\n}\n\ninterface SlotPortalsProps<LAnnotation> {\n  managedContentStore: ManagedContentStore<LAnnotation>;\n  renderCustomHeader: CodeViewBaseProps<LAnnotation>['renderCustomHeader'];\n  renderHeaderPrefix: CodeViewBaseProps<LAnnotation>['renderHeaderPrefix'];\n  renderHeaderFilenameSuffix: CodeViewBaseProps<LAnnotation>['renderHeaderFilenameSuffix'];\n  renderHeaderMetadata: CodeViewBaseProps<LAnnotation>['renderHeaderMetadata'];\n  renderAnnotation: CodeViewBaseProps<LAnnotation>['renderAnnotation'];\n  renderGutterUtility: CodeViewBaseProps<LAnnotation>['renderGutterUtility'];\n  renderCodeViewHeader: CodeViewBaseProps<LAnnotation>['renderCodeViewHeader'];\n  renderCodeViewFooter: CodeViewBaseProps<LAnnotation>['renderCodeViewFooter'];\n}\n\nconst SlotPortals = memo(function SlotPortals<LAnnotation>({\n  managedContentStore,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderAnnotation,\n  renderGutterUtility,\n  renderCodeViewHeader,\n  renderCodeViewFooter,\n}: SlotPortalsProps<LAnnotation>) {\n  'use no memo';\n  const subscribe = useStableCallback((listener: () => void) =>\n    managedContentStore.subscribe(listener)\n  );\n  const getSnapshot = useStableCallback(() =>\n    managedContentStore.getSnapshot()\n  );\n  const snapshot = useSyncExternalStore<\n    CodeViewSlotSnapshot<LAnnotation> | undefined\n  >(subscribe, getSnapshot, getSnapshot);\n  let itemKeys = '';\n  for (const item of snapshot?.items ?? []) {\n    itemKeys += `${item.id}:${item.version}:${item.type}`;\n  }\n  // NOTE(amadeus): And just like that, the react compiler do be failing us\n  // lol... we need to pre-render everything for items, headers and footers to\n  // not trigger needless renders while scrolling\n  const renderedItems = useMemo(\n    () => {\n      return snapshot?.items?.map((renderedItem) =>\n        createPortal(\n          renderCodeViewItemChildren({\n            renderedItem,\n            renderCustomHeader,\n            renderHeaderPrefix,\n            renderHeaderFilenameSuffix,\n            renderHeaderMetadata,\n            renderAnnotation,\n            renderGutterUtility,\n          }),\n          renderedItem.element,\n          renderedItem.id\n        )\n      );\n    },\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [\n      renderCustomHeader,\n      renderHeaderPrefix,\n      renderHeaderFilenameSuffix,\n      renderHeaderMetadata,\n      renderAnnotation,\n      renderGutterUtility,\n      itemKeys,\n    ]\n  );\n  const renderedHeader = useMemo(() => {\n    return renderCodeViewHeader != null && snapshot?.header != null\n      ? createPortal(renderCodeViewHeader(), snapshot.header)\n      : null;\n  }, [renderCodeViewHeader, snapshot?.header]);\n  const renderedFooter = useMemo(() => {\n    return renderCodeViewFooter != null && snapshot?.footer != null\n      ? createPortal(renderCodeViewFooter(), snapshot.footer)\n      : null;\n  }, [renderCodeViewFooter, snapshot?.footer]);\n  return (\n    <>\n      {renderedItems}\n      {renderedHeader}\n      {renderedFooter}\n    </>\n  );\n}) as SlotPortalsComponent;\n\nfunction renderCodeViewItemChildren<LAnnotation>({\n  renderedItem,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderAnnotation,\n  renderGutterUtility,\n}: RenderCodeViewItemChildrenProps<LAnnotation>): ReactNode {\n  if (renderedItem.type === 'diff') {\n    const { item, instance } = renderedItem;\n    return renderDiffChildren({\n      fileDiff: item.fileDiff,\n      renderCustomHeader:\n        renderCustomHeader != null ? () => renderCustomHeader(item) : undefined,\n      renderHeaderPrefix:\n        renderHeaderPrefix != null ? () => renderHeaderPrefix(item) : undefined,\n      renderHeaderFilenameSuffix:\n        renderHeaderFilenameSuffix != null\n          ? () => renderHeaderFilenameSuffix(item)\n          : undefined,\n      renderHeaderMetadata:\n        renderHeaderMetadata != null\n          ? () => renderHeaderMetadata(item)\n          : undefined,\n      renderAnnotation:\n        renderAnnotation != null\n          ? (annotation) => renderAnnotation(annotation, item)\n          : undefined,\n      lineAnnotations: item.annotations,\n      renderGutterUtility:\n        renderGutterUtility != null\n          ? (getHoveredLine) => renderGutterUtility(getHoveredLine, item)\n          : undefined,\n      getHoveredLine: instance.getHoveredLine,\n    });\n  } else {\n    const { item, instance } = renderedItem;\n    return renderFileChildren({\n      file: item.file,\n      renderCustomHeader:\n        renderCustomHeader != null ? () => renderCustomHeader(item) : undefined,\n      renderHeaderPrefix:\n        renderHeaderPrefix != null ? () => renderHeaderPrefix(item) : undefined,\n      renderHeaderFilenameSuffix:\n        renderHeaderFilenameSuffix != null\n          ? () => renderHeaderFilenameSuffix(item)\n          : undefined,\n      renderHeaderMetadata:\n        renderHeaderMetadata != null\n          ? () => renderHeaderMetadata(item)\n          : undefined,\n      renderAnnotation:\n        renderAnnotation != null\n          ? (annotation) => renderAnnotation(annotation, item)\n          : undefined,\n      lineAnnotations: item.annotations,\n      renderGutterUtility:\n        renderGutterUtility != null\n          ? (getHoveredLine) => renderGutterUtility(getHoveredLine, item)\n          : undefined,\n      getHoveredLine: instance.getHoveredLine,\n    });\n  }\n}\n\nfunction noopRender() {\n  return undefined;\n}\n"],"mappings":"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"}

package/dist/react/EditContext.d.ts

@@ -0,0 +1,20 @@
+import { DiffsEditor } from "../types.js";
+import { EditorOptions } from "../editor/editor.js";
+import { Context, PropsWithChildren } from "react";
+
+//#region src/react/EditContext.d.ts
+/** Creates an Editor. Components manage the instance lifecycle. */
+type CreateEditor<LAnnotation> = (options: EditorOptions<LAnnotation>) => DiffsEditor<LAnnotation>;
+interface EditProviderProps<LAnnotation> {
+  /** Combines shared defaults with the supplied per-surface options. */
+  createEditor: CreateEditor<LAnnotation>;
+}
+declare const EditContext: Context<CreateEditor<any> | undefined>;
+declare function EditProvider<LAnnotation>({
+  children,
+  createEditor
+}: PropsWithChildren<EditProviderProps<LAnnotation>>): React.JSX.Element;
+declare function useCreateEditor<LAnnotation>(): CreateEditor<LAnnotation> | undefined;
+//#endregion
+export { CreateEditor, EditContext, EditProvider, EditProviderProps, useCreateEditor };
+//# sourceMappingURL=EditContext.d.ts.map

package/dist/react/EditContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContext.d.ts","names":[],"sources":["../../src/react/EditContext.tsx"],"mappings":";;;;;;KAWY,YAAA,iBACV,OAAA,EAAS,aAAA,CAAc,WAAA,MACpB,WAAA,CAAY,WAAA;AAAA,UAEA,iBAAA;EAJL;EAMV,YAAA,EAAc,YAAY,CAAC,WAAA;AAAA;AAAA,cAGhB,WAAA,EAAa,OAAO,CAAC,YAAA;AAAA,iBAGlB,YAAA;EACd,QAAA;EACA;AAAA,GACC,iBAAA,CAAkB,iBAAA,CAAkB,WAAA,KAAgB,KAAA,CAAM,GAAA,CAAI,OAAA;AAAA,iBASjD,eAAA,iBACZ,YAAY,CAAC,WAAA"}

package/dist/react/EditContext.js

@@ -0,0 +1,20 @@
+"use client";
+import { useStableCallback } from "./utils/useStableCallback.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/EditContext.tsx
+const EditContext = createContext(void 0);
+function EditProvider({ children, createEditor }) {
+	const stableCreateEditor = useStableCallback(createEditor);
+	return /* @__PURE__ */ jsx(EditContext.Provider, {
+		value: stableCreateEditor,
+		children
+	});
+}
+function useCreateEditor() {
+	return useContext(EditContext);
+}
+//#endregion
+export { EditContext, EditProvider, useCreateEditor };
+
+//# sourceMappingURL=EditContext.js.map

package/dist/react/EditContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContext.js","names":[],"sources":["../../src/react/EditContext.tsx"],"sourcesContent":["// oxlint-disable typescript/no-explicit-any\n'use client';\n\nimport type { Context, PropsWithChildren } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { EditorOptions } from '../edit';\nimport type { DiffsEditor } from '../types';\nimport { useStableCallback } from './utils/useStableCallback';\n\n/** Creates an Editor. Components manage the instance lifecycle. */\nexport type CreateEditor<LAnnotation> = (\n  options: EditorOptions<LAnnotation>\n) => DiffsEditor<LAnnotation>;\n\nexport interface EditProviderProps<LAnnotation> {\n  /** Combines shared defaults with the supplied per-surface options. */\n  createEditor: CreateEditor<LAnnotation>;\n}\n\nexport const EditContext: Context<CreateEditor<any> | undefined> =\n  createContext<CreateEditor<any> | undefined>(undefined);\n\nexport function EditProvider<LAnnotation>({\n  children,\n  createEditor,\n}: PropsWithChildren<EditProviderProps<LAnnotation>>): React.JSX.Element {\n  const stableCreateEditor = useStableCallback(createEditor);\n  return (\n    <EditContext.Provider value={stableCreateEditor}>\n      {children}\n    </EditContext.Provider>\n  );\n}\n\nexport function useCreateEditor<LAnnotation>():\n  | CreateEditor<LAnnotation>\n  | undefined {\n  return useContext(EditContext);\n}\n"],"mappings":";;;;;AAoBA,MAAa,cACX,cAA6C,KAAA,CAAS;AAExD,SAAgB,aAA0B,EACxC,UACA,gBACuE;CACvE,MAAM,qBAAqB,kBAAkB,YAAY;CACzD,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;EAC1B;CACmB,CAAA;AAE1B;AAEA,SAAgB,kBAEF;CACZ,OAAO,WAAW,WAAW;AAC/B"}

package/dist/react/File.d.ts

@@ -7,6 +7,7 @@ declare function File<LAnnotation = undefined>({
   lineAnnotations,
   selectedLines,
   options,
+  editorOptions,
   metrics,
   className,
   style,
@@ -18,7 +19,7 @@ declare function File<LAnnotation = undefined>({
   prerenderedHTML,
   renderGutterUtility,
   disableWorkerPool,
-  contentEditable
+  edit
 }: FileProps<LAnnotation>): React.JSX.Element;
 //#endregion
 export { File, type FileOptions };

package/dist/react/File.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","names":[],"sources":["../../src/react/File.tsx"],"mappings":";;;;iBAWgB,IAAA;EACd,IAAA;EACA,eAAA;EACA,aAAA;EACA,OAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,SAAA,CAAU,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}
+{"version":3,"file":"File.d.ts","names":[],"sources":["../../src/react/File.tsx"],"mappings":";;;;iBAWgB,IAAA;EACd,IAAA;EACA,eAAA;EACA,aAAA;EACA,OAAA;EACA,aAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,SAAA,CAAU,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/react/File.js

@@ -5,10 +5,11 @@ import { templateRender } from "./utils/templateRender.js";
 import { useFileInstance } from "./utils/useFileInstance.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/File.tsx
-function File({ file, lineAnnotations, selectedLines, options, metrics, className, style, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, prerenderedHTML, renderGutterUtility, disableWorkerPool = false, contentEditable = false }) {
+function File({ file, lineAnnotations, selectedLines, options, editorOptions, metrics, className, style, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, prerenderedHTML, renderGutterUtility, disableWorkerPool = false, edit = false }) {
 	const { ref, getHoveredLine } = useFileInstance({
 		file,
 		options,
+		editorOptions,
 		metrics,
 		lineAnnotations,
 		selectedLines,
@@ -16,7 +17,7 @@ function File({ file, lineAnnotations, selectedLines, options, metrics, classNam
 		hasGutterRenderUtility: renderGutterUtility != null,
 		hasCustomHeader: renderCustomHeader != null,
 		disableWorkerPool,
-		contentEditable
+		edit
 	});
 	return /* @__PURE__ */ jsx(DIFFS_TAG_NAME, {
 		ref,

package/dist/react/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":["'use client';\n\nimport { type FileOptions } from '../components/File';\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileProps } from './types';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileInstance } from './utils/useFileInstance';\n\nexport type { FileOptions };\n\nexport function File<LAnnotation = undefined>({\n  file,\n  lineAnnotations,\n  selectedLines,\n  options,\n  metrics,\n  className,\n  style,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  prerenderedHTML,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  contentEditable = false,\n}: FileProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileInstance({\n    file,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    contentEditable,\n  });\n  const children = renderFileChildren({\n    file,\n    renderAnnotation,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderGutterUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,KAA8B,EAC5C,MACA,iBACA,eACA,SACA,SACA,WACA,OACA,kBACA,oBACA,oBACA,4BACA,sBACA,iBACA,qBACA,oBAAoB,OACpB,kBAAkB,SAC0B;CAC5C,MAAM,EAAE,KAAK,mBAAmB,gBAAgB;EAC9C;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}
+{"version":3,"file":"File.js","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":["'use client';\n\nimport { type FileOptions } from '../components/File';\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileProps } from './types';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileInstance } from './utils/useFileInstance';\n\nexport type { FileOptions };\n\nexport function File<LAnnotation = undefined>({\n  file,\n  lineAnnotations,\n  selectedLines,\n  options,\n  editorOptions,\n  metrics,\n  className,\n  style,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  prerenderedHTML,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  edit = false,\n}: FileProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileInstance({\n    file,\n    options,\n    editorOptions,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    edit,\n  });\n  const children = renderFileChildren({\n    file,\n    renderAnnotation,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderGutterUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,KAA8B,EAC5C,MACA,iBACA,eACA,SACA,eACA,SACA,WACA,OACA,kBACA,oBACA,oBACA,4BACA,sBACA,iBACA,qBACA,oBAAoB,OACpB,OAAO,SACqC;CAC5C,MAAM,EAAE,KAAK,mBAAmB,gBAAgB;EAC9C;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}

package/dist/react/FileDiff.d.ts

@@ -5,11 +5,11 @@ import { DiffBasePropsReact } from "./types.js";
 interface FileDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {
   fileDiff: FileDiffMetadata;
   disableWorkerPool?: boolean;
-  contentEditable?: boolean;
 }
 declare function FileDiff<LAnnotation = undefined>({
   fileDiff,
   options,
+  editorOptions,
   metrics,
   lineAnnotations,
   selectedLines,
@@ -23,7 +23,7 @@ declare function FileDiff<LAnnotation = undefined>({
   renderHeaderMetadata,
   renderGutterUtility,
   disableWorkerPool,
-  contentEditable
+  edit
 }: FileDiffProps<LAnnotation>): React.JSX.Element;
 //#endregion
 export { FileDiff, type FileDiffMetadata, FileDiffProps };

package/dist/react/FileDiff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDiff.d.ts","names":[],"sources":["../../src/react/FileDiff.tsx"],"mappings":";;;;UAWiB,aAAA,sBAEP,kBAAA,CAAmB,WAAA;EAC3B,QAAA,EAAU,gBAAA;EACV,iBAAA;EACA,eAAA;AAAA;AAAA,iBAGc,QAAA;EACd,QAAA;EACA,OAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,aAAA,CAAc,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}
+{"version":3,"file":"FileDiff.d.ts","names":[],"sources":["../../src/react/FileDiff.tsx"],"mappings":";;;;UAWiB,aAAA,sBAEP,kBAAA,CAAmB,WAAA;EAC3B,QAAA,EAAU,gBAAA;EACV,iBAAA;AAAA;AAAA,iBAGc,QAAA;EACd,QAAA;EACA,OAAA;EACA,aAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,aAAA,CAAc,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/react/FileDiff.js

@@ -5,10 +5,11 @@ import { templateRender } from "./utils/templateRender.js";
 import { useFileDiffInstance } from "./utils/useFileDiffInstance.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/FileDiff.tsx
-function FileDiff({ fileDiff, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, renderGutterUtility, disableWorkerPool = false, contentEditable = false }) {
+function FileDiff({ fileDiff, options, editorOptions, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, renderGutterUtility, disableWorkerPool = false, edit = false }) {
 	const { ref, getHoveredLine } = useFileDiffInstance({
 		fileDiff,
 		options,
+		editorOptions,
 		metrics,
 		lineAnnotations,
 		selectedLines,
@@ -16,7 +17,7 @@ function FileDiff({ fileDiff, options, metrics, lineAnnotations, selectedLines,
 		hasGutterRenderUtility: renderGutterUtility != null,
 		hasCustomHeader: renderCustomHeader != null,
 		disableWorkerPool,
-		contentEditable
+		edit
 	});
 	return /* @__PURE__ */ jsx(DIFFS_TAG_NAME, {
 		ref,

package/dist/react/FileDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDiff.js","names":[],"sources":["../../src/react/FileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileDiffMetadata };\n\nexport interface FileDiffProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n  disableWorkerPool?: boolean;\n  contentEditable?: boolean;\n}\n\nexport function FileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  contentEditable = false,\n}: FileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    contentEditable,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderAnnotation,\n    renderGutterUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,SAAkC,EAChD,UACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,oBACA,oBACA,4BACA,sBACA,qBACA,oBAAoB,OACpB,kBAAkB,SAC8B;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}
+{"version":3,"file":"FileDiff.js","names":[],"sources":["../../src/react/FileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileDiffMetadata };\n\nexport interface FileDiffProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n  disableWorkerPool?: boolean;\n}\n\nexport function FileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  editorOptions,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  edit = false,\n}: FileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    editorOptions,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    edit,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderAnnotation,\n    renderGutterUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,SAAkC,EAChD,UACA,SACA,eACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,oBACA,oBACA,4BACA,sBACA,qBACA,oBAAoB,OACpB,OAAO,SACyC;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}

package/dist/react/MultiFileDiff.d.ts

@@ -4,13 +4,13 @@ import { DiffBasePropsReact } from "./types.js";
 //#region src/react/MultiFileDiff.d.ts
 interface MultiFileDiffBaseProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {
   disableWorkerPool?: boolean;
-  contentEditable?: boolean;
 }
 type MultiFileDiffProps<LAnnotation> = MultiFileDiffBaseProps<LAnnotation> & DiffFileInput;
 declare function MultiFileDiff<LAnnotation = undefined>({
   oldFile,
   newFile,
   options,
+  editorOptions,
   metrics,
   lineAnnotations,
   selectedLines,
@@ -24,7 +24,7 @@ declare function MultiFileDiff<LAnnotation = undefined>({
   renderHeaderMetadata,
   renderGutterUtility,
   disableWorkerPool,
-  contentEditable
+  edit
 }: MultiFileDiffProps<LAnnotation>): React.JSX.Element;
 //#endregion
 export { type FileContents, MultiFileDiff, MultiFileDiffProps };

package/dist/react/MultiFileDiff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFileDiff.d.ts","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"mappings":";;;;UAcU,sBAAA,sBAEA,kBAAkB,CAAC,WAAA;EAC3B,iBAAA;EACA,eAAA;AAAA;AAAA,KAGU,kBAAA,gBACV,sBAAA,CAAuB,WAAA,IAAe,aAAA;AAAA,iBAExB,aAAA;EACd,OAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,kBAAA,CAAmB,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}
+{"version":3,"file":"MultiFileDiff.d.ts","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"mappings":";;;;UAcU,sBAAA,sBAEA,kBAAkB,CAAC,WAAA;EAC3B,iBAAA;AAAA;AAAA,KAGU,kBAAA,gBACV,sBAAA,CAAuB,WAAA,IAAe,aAAA;AAAA,iBAExB,aAAA;EACd,OAAA;EACA,OAAA;EACA,OAAA;EACA,aAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,kBAAA,CAAmB,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/react/MultiFileDiff.js

@@ -7,7 +7,7 @@ import { useFileDiffInstance } from "./utils/useFileDiffInstance.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/MultiFileDiff.tsx
-function MultiFileDiff({ oldFile, newFile, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, renderGutterUtility, disableWorkerPool = false, contentEditable = false }) {
+function MultiFileDiff({ oldFile, newFile, options, editorOptions, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderCustomHeader, renderHeaderPrefix, renderHeaderFilenameSuffix, renderHeaderMetadata, renderGutterUtility, disableWorkerPool = false, edit = false }) {
 	const fileDiff = useMemo(() => {
 		return parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);
 	}, [
@@ -18,6 +18,7 @@ function MultiFileDiff({ oldFile, newFile, options, metrics, lineAnnotations, se
 	const { ref, getHoveredLine } = useFileDiffInstance({
 		fileDiff,
 		options,
+		editorOptions,
 		metrics,
 		lineAnnotations,
 		selectedLines,
@@ -25,7 +26,7 @@ function MultiFileDiff({ oldFile, newFile, options, metrics, lineAnnotations, se
 		hasGutterRenderUtility: renderGutterUtility != null,
 		hasCustomHeader: renderCustomHeader != null,
 		disableWorkerPool,
-		contentEditable
+		edit
 	});
 	return /* @__PURE__ */ jsx(DIFFS_TAG_NAME, {
 		ref,

package/dist/react/MultiFileDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFileDiff.js","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { DiffFileInput, FileContents } from '../types';\nimport { parseDiffFromFile } from '../utils/parseDiffFromFile';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileContents };\n\ninterface MultiFileDiffBaseProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  disableWorkerPool?: boolean;\n  contentEditable?: boolean;\n}\n\nexport type MultiFileDiffProps<LAnnotation> =\n  MultiFileDiffBaseProps<LAnnotation> & DiffFileInput;\n\nexport function MultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  contentEditable = false,\n}: MultiFileDiffProps<LAnnotation>): React.JSX.Element {\n  const fileDiff = useMemo(() => {\n    return parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);\n  }, [oldFile, newFile, options?.parseDiffOptions]);\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    contentEditable,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderGutterUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,cAAuC,EACrD,SACA,SACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,oBACA,oBACA,4BACA,sBACA,qBACA,oBAAoB,OACpB,kBAAkB,SACmC;CACrD,MAAM,WAAW,cAAc;EAC7B,OAAO,kBAAkB,SAAS,SAAS,SAAS,gBAAgB;CACtE,GAAG;EAAC;EAAS;EAAS,SAAS;CAAgB,CAAC;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}
+{"version":3,"file":"MultiFileDiff.js","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { DiffFileInput, FileContents } from '../types';\nimport { parseDiffFromFile } from '../utils/parseDiffFromFile';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileContents };\n\ninterface MultiFileDiffBaseProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  disableWorkerPool?: boolean;\n}\n\nexport type MultiFileDiffProps<LAnnotation> =\n  MultiFileDiffBaseProps<LAnnotation> & DiffFileInput;\n\nexport function MultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  editorOptions,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderCustomHeader,\n  renderHeaderPrefix,\n  renderHeaderFilenameSuffix,\n  renderHeaderMetadata,\n  renderGutterUtility,\n  disableWorkerPool = false,\n  edit = false,\n}: MultiFileDiffProps<LAnnotation>): React.JSX.Element {\n  const fileDiff = useMemo(() => {\n    return parseDiffFromFile(oldFile, newFile, options?.parseDiffOptions);\n  }, [oldFile, newFile, options?.parseDiffOptions]);\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    editorOptions,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n    hasGutterRenderUtility: renderGutterUtility != null,\n    hasCustomHeader: renderCustomHeader != null,\n    disableWorkerPool,\n    edit,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderCustomHeader,\n    renderHeaderPrefix,\n    renderHeaderFilenameSuffix,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderGutterUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,cAAuC,EACrD,SACA,SACA,SACA,eACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,oBACA,oBACA,4BACA,sBACA,qBACA,oBAAoB,OACpB,OAAO,SAC8C;CACrD,MAAM,WAAW,cAAc;EAC7B,OAAO,kBAAkB,SAAS,SAAS,SAAS,gBAAgB;CACtE,GAAG;EAAC;EAAS;EAAS,SAAS;CAAgB,CAAC;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wBAAwB,uBAAuB;EAC/C,iBAAiB,sBAAsB;EACvC;EACA;CACF,CAAC;CAYD,OACE,oBAAC,gBAAD;EAAqB;EAAgB;EAAkB;YACpD,eAbY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG2B,GAAG,eAAe;CAC3B,CAAA;AAEpB"}

package/dist/react/PatchDiff.d.ts

@@ -4,11 +4,11 @@ import { DiffBasePropsReact } from "./types.js";
 interface PatchDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {
   patch: string;
   disableWorkerPool?: boolean;
-  contentEditable?: boolean;
 }
 declare function PatchDiff<LAnnotation = undefined>({
   patch,
   options,
+  editorOptions,
   metrics,
   lineAnnotations,
   selectedLines,
@@ -22,7 +22,7 @@ declare function PatchDiff<LAnnotation = undefined>({
   renderHeaderMetadata,
   renderGutterUtility,
   disableWorkerPool,
-  contentEditable
+  edit
 }: PatchDiffProps<LAnnotation>): React.JSX.Element;
 //#endregion
 export { PatchDiff, PatchDiffProps };

package/dist/react/PatchDiff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PatchDiff.d.ts","names":[],"sources":["../../src/react/PatchDiff.tsx"],"mappings":";;;UAYiB,cAAA,sBAEP,kBAAkB,CAAC,WAAA;EAC3B,KAAA;EACA,iBAAA;EACA,eAAA;AAAA;AAAA,iBAGc,SAAA;EACd,KAAA;EACA,OAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,cAAA,CAAe,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}
+{"version":3,"file":"PatchDiff.d.ts","names":[],"sources":["../../src/react/PatchDiff.tsx"],"mappings":";;;UAYiB,cAAA,sBAEP,kBAAkB,CAAC,WAAA;EAC3B,KAAA;EACA,iBAAA;AAAA;AAAA,iBAGc,SAAA;EACd,KAAA;EACA,OAAA;EACA,aAAA;EACA,OAAA;EACA,eAAA;EACA,aAAA;EACA,SAAA;EACA,KAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,0BAAA;EACA,oBAAA;EACA,mBAAA;EACA,iBAAA;EACA;AAAA,GACC,cAAA,CAAe,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,OAAA"}