@pierre/diffs 1.0.10 → 1.1.0-beta.10

package/dist/components/AdvancedVirtualizedFileDiff.d.ts

@@ -0,0 +1,40 @@
+import { FileDiffMetadata, RenderRange, RenderWindow, VirtualFileMetrics } from "../types.js";
+import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
+import "../worker/index.js";
+import { FileDiff, FileDiffOptions } from "./FileDiff.js";
+
+//#region src/components/AdvancedVirtualizedFileDiff.d.ts
+interface RenderProps {
+  fileContainer?: HTMLElement;
+  renderWindow: RenderWindow;
+}
+interface PositionProps {
+  unifiedTop: number;
+  splitTop: number;
+  fileDiff: FileDiffMetadata;
+}
+declare class AdvancedVirtualizedFileDiff<LAnnotation = undefined> extends FileDiff<LAnnotation> {
+  readonly __id: string;
+  unifiedTop: number;
+  splitTop: number;
+  unifiedHeight: number;
+  splitHeight: number;
+  private metrics;
+  fileDiff: FileDiffMetadata;
+  renderedRange: RenderRange | undefined;
+  constructor({
+    unifiedTop,
+    splitTop,
+    fileDiff
+  }: PositionProps, options?: FileDiffOptions<LAnnotation>, metrics?: Partial<VirtualFileMetrics>, workerManager?: WorkerPoolManager | undefined);
+  cleanUp(recycle?: boolean): void;
+  private computeSize;
+  virtualizedRender({
+    renderWindow,
+    fileContainer
+  }: RenderProps): void;
+  private computeRenderRangeFromWindow;
+}
+//#endregion
+export { AdvancedVirtualizedFileDiff, type FileDiffOptions };
+//# sourceMappingURL=AdvancedVirtualizedFileDiff.d.ts.map

package/dist/components/AdvancedVirtualizedFileDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedVirtualizedFileDiff.d.ts","names":["FileDiffMetadata","RenderRange","RenderWindow","VirtualFileMetrics","WorkerPoolManager","FileDiff","FileDiffOptions","RenderProps","HTMLElement","PositionProps","AdvancedVirtualizedFileDiff","LAnnotation","unifiedTop","splitTop","fileDiff","Partial","renderWindow","fileContainer"],"sources":["../../src/components/AdvancedVirtualizedFileDiff.d.ts"],"sourcesContent":["import type { FileDiffMetadata, RenderRange, RenderWindow, VirtualFileMetrics } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nimport { FileDiff, type FileDiffOptions } from './FileDiff';\nexport type { FileDiffOptions };\ninterface RenderProps {\n    fileContainer?: HTMLElement;\n    renderWindow: RenderWindow;\n}\ninterface PositionProps {\n    unifiedTop: number;\n    splitTop: number;\n    fileDiff: FileDiffMetadata;\n}\nexport declare class AdvancedVirtualizedFileDiff<LAnnotation = undefined> extends FileDiff<LAnnotation> {\n    readonly __id: string;\n    unifiedTop: number;\n    splitTop: number;\n    unifiedHeight: number;\n    splitHeight: number;\n    private metrics;\n    fileDiff: FileDiffMetadata;\n    renderedRange: RenderRange | undefined;\n    constructor({ unifiedTop, splitTop, fileDiff }: PositionProps, options?: FileDiffOptions<LAnnotation>, metrics?: Partial<VirtualFileMetrics>, workerManager?: WorkerPoolManager | undefined);\n    cleanUp(recycle?: boolean): void;\n    private computeSize;\n    virtualizedRender({ renderWindow, fileContainer }: RenderProps): void;\n    private computeRenderRangeFromWindow;\n}\n//# sourceMappingURL=AdvancedVirtualizedFileDiff.d.ts.map"],"mappings":";;;;;;UAIUO,WAAAA;kBACUC;EADVD,YAAAA,EAEQL,YADEM;AACU;AAO9B,UALUC,aAAAA,CAKWC;EAAsEC,UAAAA,EAAAA,MAAAA;EAO7EX,QAAAA,EAAAA,MAAAA;EACKC,QAAAA,EAVLD,gBAUKC;;AACWY,cATTH,2BASSG,CAAAA,cAAAA,SAAAA,CAAAA,SAToDR,QASpDQ,CAT6DF,WAS7DE,CAAAA,CAAAA;EAAUC,SAAAA,IAAAA,EAAAA,MAAAA;EAAYL,UAAAA,EAAAA,MAAAA;EAAyCE,QAAAA,EAAAA,MAAAA;EAAhBL,aAAAA,EAAAA,MAAAA;EAAgDH,WAAAA,EAAAA,MAAAA;EAARY,QAAAA,OAAAA;EAA6CX,QAAAA,EAFpJJ,gBAEoJI;EAG1IY,aAAAA,EAJLf,WAIKe,GAAAA,SAAAA;EAAcC,WAAAA,CAAAA;IAAAA,UAAAA;IAAAA,QAAAA;IAAAA;EAAAA,CAAAA,EAHcR,aAGdQ,EAAAA,OAAAA,CAAAA,EAHuCX,eAGvCW,CAHuDN,WAGvDM,CAAAA,EAAAA,OAAAA,CAAAA,EAH+EF,OAG/EE,CAHuFd,kBAGvFc,CAAAA,EAAAA,aAAAA,CAAAA,EAH4Hb,iBAG5Ha,GAAAA,SAAAA;EAAiBV,OAAAA,CAAAA,OAAAA,CAAAA,EAAAA,OAAAA,CAAAA,EAAAA,IAAAA;EAZ2BF,QAAAA,WAAAA;EAAQ,iBAAA,CAAA;IAAA,YAAA;IAAA;EAAA,CAAA,EAYnCE,WAZmC,CAAA,EAAA,IAAA"}

package/dist/components/AdvancedVirtualizedFileDiff.js

@@ -0,0 +1,145 @@
+import { DEFAULT_THEMES } from "../constants.js";
+import { areRenderRangesEqual } from "../utils/areRenderRangesEqual.js";
+import { FileDiff } from "./FileDiff.js";
+import { resolveVirtualFileMetrics } from "../utils/resolveVirtualFileMetrics.js";
+
+//#region src/components/AdvancedVirtualizedFileDiff.ts
+let instanceId = -1;
+var AdvancedVirtualizedFileDiff = class extends FileDiff {
+	__id = `virtualized-file-diff:${++instanceId}`;
+	unifiedTop;
+	splitTop;
+	unifiedHeight = 0;
+	splitHeight = 0;
+	metrics;
+	fileDiff;
+	renderedRange;
+	constructor({ unifiedTop, splitTop, fileDiff }, options = { theme: DEFAULT_THEMES }, metrics, workerManager) {
+		super(options, workerManager, true);
+		this.fileDiff = fileDiff;
+		this.unifiedTop = unifiedTop;
+		this.splitTop = splitTop;
+		const { hunkSeparators = "line-info" } = this.options;
+		this.metrics = resolveVirtualFileMetrics(typeof hunkSeparators === "function" ? "custom" : hunkSeparators, metrics);
+		this.computeSize();
+	}
+	cleanUp(recycle = false) {
+		super.cleanUp(recycle);
+		this.renderedRange = void 0;
+	}
+	computeSize() {
+		const { options: { disableFileHeader = false }, fileDiff, metrics: { diffHeaderHeight, fileGap, hunkSeparatorHeight, lineHeight } } = this;
+		if (!disableFileHeader) {
+			this.unifiedHeight += diffHeaderHeight;
+			this.splitHeight += diffHeaderHeight;
+		} else {
+			this.unifiedHeight += fileGap;
+			this.splitHeight += fileGap;
+		}
+		for (const hunk of fileDiff.hunks) {
+			this.unifiedHeight += hunk.unifiedLineCount * lineHeight;
+			this.splitHeight += hunk.splitLineCount * lineHeight;
+		}
+		const hunkCount = fileDiff.hunks.length;
+		const [firstHunk] = fileDiff.hunks;
+		if (firstHunk != null) {
+			let hunkSize = (hunkSeparatorHeight + fileGap * 2) * (hunkCount - 1);
+			if (firstHunk.additionStart > 1 || firstHunk.deletionStart > 1) hunkSize += hunkSeparatorHeight + fileGap;
+			this.unifiedHeight += hunkSize;
+			this.splitHeight += hunkSize;
+		}
+		if (hunkCount > 0) {
+			this.unifiedHeight += fileGap;
+			this.splitHeight += fileGap;
+		}
+	}
+	virtualizedRender({ renderWindow, fileContainer }) {
+		const { fileDiff } = this;
+		const renderRange = this.computeRenderRangeFromWindow(renderWindow);
+		if (this.fileContainer != null && areRenderRangesEqual(renderRange, this.renderedRange)) return;
+		this.renderedRange = renderRange;
+		fileContainer = this.getOrCreateFileContainer(fileContainer);
+		this.render({
+			fileDiff,
+			fileContainer,
+			renderRange
+		});
+	}
+	computeRenderRangeFromWindow({ top, bottom }) {
+		const { diffStyle = "split", disableFileHeader = false } = this.options;
+		const { diffHeaderHeight, fileGap, hunkLineCount, hunkSeparatorHeight, lineHeight } = this.metrics;
+		const { lineCount, fileTop, fileHeight } = getSpecs(this, diffStyle);
+		if (fileTop < top - fileHeight || fileTop > bottom) {
+			console.error("VirtulizedFileDiff.computeRenderRangeFromWindow: invalid render", this.fileDiff.name);
+			return {
+				startingLine: 0,
+				totalLines: 0,
+				bufferBefore: 0,
+				bufferAfter: 0
+			};
+		}
+		if (lineCount <= hunkLineCount) return {
+			startingLine: 0,
+			totalLines: Infinity,
+			bufferBefore: 0,
+			bufferAfter: 0
+		};
+		const headerRegion = disableFileHeader ? fileGap : diffHeaderHeight;
+		let absoluteLineTop = fileTop + headerRegion;
+		let currentLine = 0;
+		const hunkOffsets = [];
+		let startingLine;
+		let endingLine = 0;
+		for (const hunk of this.fileDiff.hunks) {
+			let hunkGap = 0;
+			if (hunk.additionStart > 1 || hunk.deletionStart > 1) {
+				hunkGap = hunkSeparatorHeight + fileGap;
+				if (hunk !== this.fileDiff.hunks[0]) hunkGap += fileGap;
+				absoluteLineTop += hunkGap;
+			}
+			const hunkLineCount$1 = diffStyle === "split" ? hunk.splitLineCount : hunk.unifiedLineCount;
+			for (let l = 0; l < hunkLineCount$1; l++) {
+				if (currentLine % hunkLineCount$1 === 0) hunkOffsets.push(absoluteLineTop - (fileTop + headerRegion + (l === 0 ? hunkGap : 0)));
+				if (startingLine == null && absoluteLineTop > top - lineHeight && absoluteLineTop < bottom) {
+					startingLine = currentLine;
+					endingLine = startingLine + 1;
+				} else if (startingLine != null && absoluteLineTop < bottom) endingLine++;
+				currentLine++;
+				absoluteLineTop += lineHeight;
+			}
+		}
+		if (startingLine == null) return {
+			startingLine: 0,
+			totalLines: 0,
+			bufferBefore: fileHeight - headerRegion,
+			bufferAfter: 0
+		};
+		startingLine = Math.floor(startingLine / hunkLineCount) * hunkLineCount;
+		const totalLines = Math.ceil((endingLine - startingLine) / hunkLineCount) * hunkLineCount;
+		const finalHunkBufferOffset = (startingLine + totalLines) / hunkLineCount;
+		const bufferBefore = hunkOffsets[startingLine / hunkLineCount] ?? 0;
+		const bufferAfter = finalHunkBufferOffset < hunkOffsets.length ? fileHeight - headerRegion - hunkOffsets[finalHunkBufferOffset] - fileGap : 0;
+		return {
+			startingLine,
+			totalLines,
+			bufferBefore,
+			bufferAfter
+		};
+	}
+};
+function getSpecs(instance, type = "split") {
+	if (type === "split") return {
+		lineCount: instance.fileDiff.splitLineCount,
+		fileTop: instance.splitTop,
+		fileHeight: instance.splitHeight
+	};
+	return {
+		lineCount: instance.fileDiff.unifiedLineCount,
+		fileTop: instance.unifiedTop,
+		fileHeight: instance.unifiedHeight
+	};
+}
+
+//#endregion
+export { AdvancedVirtualizedFileDiff };
+//# sourceMappingURL=AdvancedVirtualizedFileDiff.js.map

package/dist/components/AdvancedVirtualizedFileDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedVirtualizedFileDiff.js","names":["hunkOffsets: number[]","startingLine: number | undefined","hunkLineCount"],"sources":["../../src/components/AdvancedVirtualizedFileDiff.ts"],"sourcesContent":["import { DEFAULT_THEMES } from '../constants';\nimport type {\n  FileDiffMetadata,\n  RenderRange,\n  RenderWindow,\n  VirtualFileMetrics,\n} from '../types';\nimport { areRenderRangesEqual } from '../utils/areRenderRangesEqual';\nimport { resolveVirtualFileMetrics } from '../utils/resolveVirtualFileMetrics';\nimport type { WorkerPoolManager } from '../worker';\nimport { FileDiff, type FileDiffOptions } from './FileDiff';\n\nexport type { FileDiffOptions };\n\ninterface RenderProps {\n  fileContainer?: HTMLElement;\n  renderWindow: RenderWindow;\n}\n\ninterface PositionProps {\n  unifiedTop: number;\n  splitTop: number;\n  fileDiff: FileDiffMetadata;\n}\n\nlet instanceId = -1;\n\nexport class AdvancedVirtualizedFileDiff<\n  LAnnotation = undefined,\n> extends FileDiff<LAnnotation> {\n  override readonly __id: string = `virtualized-file-diff:${++instanceId}`;\n\n  public unifiedTop: number;\n  public splitTop: number;\n  public unifiedHeight: number = 0;\n  public splitHeight: number = 0;\n  private metrics: VirtualFileMetrics;\n\n  override fileDiff: FileDiffMetadata;\n  public renderedRange: RenderRange | undefined;\n\n  constructor(\n    { unifiedTop, splitTop, fileDiff }: PositionProps,\n    options: FileDiffOptions<LAnnotation> = { theme: DEFAULT_THEMES },\n    metrics?: Partial<VirtualFileMetrics>,\n    workerManager?: WorkerPoolManager | undefined\n  ) {\n    super(options, workerManager, true);\n    this.fileDiff = fileDiff;\n    this.unifiedTop = unifiedTop;\n    this.splitTop = splitTop;\n    const { hunkSeparators = 'line-info' } = this.options;\n    this.metrics = resolveVirtualFileMetrics(\n      typeof hunkSeparators === 'function' ? 'custom' : hunkSeparators,\n      metrics\n    );\n    this.computeSize();\n  }\n\n  override cleanUp(recycle = false): void {\n    super.cleanUp(recycle);\n    this.renderedRange = undefined;\n  }\n\n  private computeSize() {\n    const {\n      options: { disableFileHeader = false },\n      fileDiff,\n      metrics: { diffHeaderHeight, fileGap, hunkSeparatorHeight, lineHeight },\n    } = this;\n\n    // Add header height\n    if (!disableFileHeader) {\n      this.unifiedHeight += diffHeaderHeight;\n      this.splitHeight += diffHeaderHeight;\n    } else {\n      this.unifiedHeight += fileGap;\n      this.splitHeight += fileGap;\n    }\n\n    // NOTE(amadeus): I wonder if it's worth shortcutting this? It might help\n    // to measure these values though and see if it's at all an issue on the\n    // big bois\n    for (const hunk of fileDiff.hunks) {\n      this.unifiedHeight += hunk.unifiedLineCount * lineHeight;\n      this.splitHeight += hunk.splitLineCount * lineHeight;\n    }\n\n    // Add hunk separators height\n    const hunkCount = fileDiff.hunks.length;\n    const [firstHunk] = fileDiff.hunks;\n    if (firstHunk != null) {\n      let hunkSize = (hunkSeparatorHeight + fileGap * 2) * (hunkCount - 1);\n      if (firstHunk.additionStart > 1 || firstHunk.deletionStart > 1) {\n        hunkSize += hunkSeparatorHeight + fileGap;\n      }\n      this.unifiedHeight += hunkSize;\n      this.splitHeight += hunkSize;\n    }\n\n    // If there are hunks of code, then we gotta render some bottom padding\n    if (hunkCount > 0) {\n      this.unifiedHeight += fileGap;\n      this.splitHeight += fileGap;\n    }\n  }\n\n  virtualizedRender({ renderWindow, fileContainer }: RenderProps): void {\n    const { fileDiff } = this;\n    const renderRange = this.computeRenderRangeFromWindow(renderWindow);\n    if (\n      this.fileContainer != null &&\n      areRenderRangesEqual(renderRange, this.renderedRange)\n    ) {\n      return;\n    }\n    this.renderedRange = renderRange;\n    fileContainer = this.getOrCreateFileContainer(fileContainer);\n    this.render({ fileDiff, fileContainer, renderRange });\n  }\n\n  private computeRenderRangeFromWindow({\n    top,\n    bottom,\n  }: RenderWindow): RenderRange {\n    const { diffStyle = 'split', disableFileHeader = false } = this.options;\n    const {\n      diffHeaderHeight,\n      fileGap,\n      hunkLineCount,\n      hunkSeparatorHeight,\n      lineHeight,\n    } = this.metrics;\n    const { lineCount, fileTop, fileHeight } = getSpecs(this, diffStyle);\n\n    // We should never hit this theoretically, but if so, gtfo and yell loudly,\n    // so we can fix\n    if (fileTop < top - fileHeight || fileTop > bottom) {\n      console.error(\n        'VirtulizedFileDiff.computeRenderRangeFromWindow: invalid render',\n        this.fileDiff.name\n      );\n      return {\n        startingLine: 0,\n        totalLines: 0,\n        bufferBefore: 0,\n        bufferAfter: 0,\n      };\n    }\n\n    // Whole file is under HUNK_LINE_COUNT, just render it all\n    if (lineCount <= hunkLineCount) {\n      return {\n        startingLine: 0,\n        totalLines: Infinity,\n        bufferBefore: 0,\n        bufferAfter: 0,\n      };\n    }\n\n    const headerRegion = disableFileHeader ? fileGap : diffHeaderHeight;\n    let absoluteLineTop = fileTop + headerRegion;\n    let currentLine = 0;\n    const hunkOffsets: number[] = [];\n    let startingLine: number | undefined;\n    let endingLine = 0;\n    for (const hunk of this.fileDiff.hunks) {\n      let hunkGap = 0;\n      if (hunk.additionStart > 1 || hunk.deletionStart > 1) {\n        hunkGap = hunkSeparatorHeight + fileGap;\n        if (hunk !== this.fileDiff.hunks[0]) {\n          hunkGap += fileGap;\n        }\n        absoluteLineTop += hunkGap;\n      }\n      const hunkLineCount =\n        diffStyle === 'split' ? hunk.splitLineCount : hunk.unifiedLineCount;\n      for (let l = 0; l < hunkLineCount; l++) {\n        if (currentLine % hunkLineCount === 0) {\n          hunkOffsets.push(\n            absoluteLineTop - (fileTop + headerRegion + (l === 0 ? hunkGap : 0))\n          );\n        }\n        if (\n          startingLine == null &&\n          absoluteLineTop > top - lineHeight &&\n          absoluteLineTop < bottom\n        ) {\n          startingLine = currentLine;\n          endingLine = startingLine + 1;\n        } else if (startingLine != null && absoluteLineTop < bottom) {\n          endingLine++;\n        }\n        currentLine++;\n        absoluteLineTop += lineHeight;\n      }\n    }\n\n    if (startingLine == null) {\n      return {\n        startingLine: 0,\n        totalLines: 0,\n        bufferBefore: fileHeight - headerRegion,\n        bufferAfter: 0,\n      };\n    }\n\n    startingLine = Math.floor(startingLine / hunkLineCount) * hunkLineCount;\n    const totalLines =\n      Math.ceil((endingLine - startingLine) / hunkLineCount) * hunkLineCount;\n\n    const finalHunkBufferOffset = (startingLine + totalLines) / hunkLineCount;\n    const bufferBefore = hunkOffsets[startingLine / hunkLineCount] ?? 0;\n    const bufferAfter =\n      finalHunkBufferOffset < hunkOffsets.length\n        ? fileHeight -\n          headerRegion -\n          hunkOffsets[finalHunkBufferOffset] -\n          fileGap // this is to account for bottom padding of the code container\n        : 0;\n    return { startingLine, totalLines, bufferBefore, bufferAfter };\n  }\n}\n\nfunction getSpecs<LAnnotation>(\n  instance: AdvancedVirtualizedFileDiff<LAnnotation>,\n  type: 'split' | 'unified' = 'split'\n) {\n  if (type === 'split') {\n    return {\n      lineCount: instance.fileDiff.splitLineCount,\n      fileTop: instance.splitTop,\n      fileHeight: instance.splitHeight,\n    };\n  }\n  return {\n    lineCount: instance.fileDiff.unifiedLineCount,\n    fileTop: instance.unifiedTop,\n    fileHeight: instance.unifiedHeight,\n  };\n}\n"],"mappings":"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"}

package/dist/components/AdvancedVirtualizer.d.ts

@@ -0,0 +1,38 @@
+import { ParsedPatch, VirtualFileMetrics } from "../types.js";
+import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
+import "../worker/index.js";
+import { FileDiffOptions } from "./FileDiff.js";
+
+//#region src/components/AdvancedVirtualizer.d.ts
+declare class AdvancedVirtualizer<LAnnotations = undefined> {
+  private container;
+  private fileOptions;
+  private metrics;
+  private workerManager?;
+  static __STOP: boolean;
+  static __lastScrollPosition: number;
+  type: string;
+  private files;
+  private totalHeightUnified;
+  private totalHeightSplit;
+  private rendered;
+  private containerOffset;
+  private scrollTop;
+  private lastRenderedScrollY;
+  private height;
+  private scrollHeight;
+  private initialized;
+  private stickyContainer;
+  private stickyOffset;
+  constructor(container: HTMLElement, fileOptions?: FileDiffOptions<LAnnotations>, metrics?: VirtualFileMetrics, workerManager?: WorkerPoolManager | undefined);
+  reset(): void;
+  addFiles(parsedPatches: ParsedPatch[]): void;
+  render(): void;
+  _render: () => void;
+  private setupContainer;
+  handleScroll: () => void;
+  handleResize: () => void;
+}
+//#endregion
+export { AdvancedVirtualizer };
+//# sourceMappingURL=AdvancedVirtualizer.d.ts.map

package/dist/components/AdvancedVirtualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedVirtualizer.d.ts","names":["VirtualFileMetrics","ParsedPatch","WorkerPoolManager","FileDiffOptions","AdvancedVirtualizer","LAnnotations","HTMLElement"],"sources":["../../src/components/AdvancedVirtualizer.d.ts"],"sourcesContent":["import type { VirtualFileMetrics } from '../types';\nimport type { ParsedPatch } from '../types';\nimport type { WorkerPoolManager } from '../worker';\nimport type { FileDiffOptions } from './FileDiff';\nexport declare class AdvancedVirtualizer<LAnnotations = undefined> {\n    private container;\n    private fileOptions;\n    private metrics;\n    private workerManager?;\n    static __STOP: boolean;\n    static __lastScrollPosition: number;\n    type: string;\n    private files;\n    private totalHeightUnified;\n    private totalHeightSplit;\n    private rendered;\n    private containerOffset;\n    private scrollTop;\n    private lastRenderedScrollY;\n    private height;\n    private scrollHeight;\n    private initialized;\n    private stickyContainer;\n    private stickyOffset;\n    constructor(container: HTMLElement, fileOptions?: FileDiffOptions<LAnnotations>, metrics?: VirtualFileMetrics, workerManager?: WorkerPoolManager | undefined);\n    reset(): void;\n    addFiles(parsedPatches: ParsedPatch[]): void;\n    render(): void;\n    _render: () => void;\n    private setupContainer;\n    handleScroll: () => void;\n    handleResize: () => void;\n}\n//# sourceMappingURL=AdvancedVirtualizer.d.ts.map"],"mappings":";;;;;;cAIqBI;;EAAAA,QAAAA,WAAAA;EAoBME,QAAAA,OAAAA;EAA2CD,QAAAA,aAAAA;EAAhBF,OAAAA,MAAAA,EAAAA,OAAAA;EAAyCH,OAAAA,oBAAAA,EAAAA,MAAAA;EAAoCE,IAAAA,EAAAA,MAAAA;EAEvGD,QAAAA,KAAAA;EAAW,QAAA,kBAAA;;;;;;;;;;;yBAFZK,2BAA2BH,gBAAgBE,yBAAyBL,oCAAoCE;;0BAEvGD"}

package/dist/components/AdvancedVirtualizer.js

@@ -0,0 +1,201 @@
+import { DEFAULT_THEMES, DEFAULT_VIRTUAL_FILE_METRICS, DIFFS_TAG_NAME } from "../constants.js";
+import { queueRender } from "../managers/UniversalRenderingManager.js";
+import { createWindowFromScrollPosition } from "../utils/createWindowFromScrollPosition.js";
+import { AdvancedVirtualizedFileDiff } from "./AdvancedVirtualizedFileDiff.js";
+
+//#region src/components/AdvancedVirtualizer.ts
+const OVERSCROLL_SIZE = 500;
+var AdvancedVirtualizer = class AdvancedVirtualizer {
+	static __STOP = false;
+	static __lastScrollPosition = 0;
+	type = "advanced";
+	files = [];
+	totalHeightUnified = 0;
+	totalHeightSplit = 0;
+	rendered = /* @__PURE__ */ new Map();
+	containerOffset = 0;
+	scrollTop = 0;
+	lastRenderedScrollY = -1;
+	height = 0;
+	scrollHeight = 0;
+	initialized = false;
+	stickyContainer;
+	stickyOffset;
+	constructor(container, fileOptions = {
+		theme: DEFAULT_THEMES,
+		enableLineSelection: true,
+		disableVirtualizationBuffers: true,
+		diffStyle: "split"
+	}, metrics = DEFAULT_VIRTUAL_FILE_METRICS, workerManager) {
+		this.container = container;
+		this.fileOptions = fileOptions;
+		this.metrics = metrics;
+		this.workerManager = workerManager;
+		this.stickyOffset = document.createElement("div");
+		this.stickyOffset.style.contain = "layout size";
+		this.stickyContainer = document.createElement("div");
+		this.stickyContainer.style.contain = "strict";
+		this.stickyContainer.style.position = "sticky";
+		this.stickyContainer.style.width = "100%";
+		this.stickyContainer.style.contain = "strict";
+		this.stickyContainer.style.isolation = "isolate";
+		this.container.appendChild(this.stickyOffset);
+		this.container.appendChild(this.stickyContainer);
+		this.handleScroll();
+		this.handleResize();
+		this.containerOffset = this.container.getBoundingClientRect().top + this.scrollTop;
+		window.__INSTANCE = this;
+		window.__TOGGLE = () => {
+			if (AdvancedVirtualizer.__STOP) {
+				AdvancedVirtualizer.__STOP = false;
+				window.scrollTo({ top: AdvancedVirtualizer.__lastScrollPosition });
+				queueRender(this._render);
+			} else {
+				AdvancedVirtualizer.__lastScrollPosition = window.scrollY;
+				AdvancedVirtualizer.__STOP = true;
+			}
+		};
+	}
+	reset() {
+		this.files.length = 0;
+		this.totalHeightSplit = 0;
+		this.totalHeightUnified = 0;
+		for (const [, item] of Array.from(this.rendered)) cleanupRenderedItem(item);
+		this.rendered.clear();
+		this.stickyContainer.innerHTML = "";
+		this.stickyOffset.style.height = "";
+		this.initialized = false;
+		this.container.style.height = "";
+		this.scrollHeight = 0;
+		window.removeEventListener("scroll", this.handleScroll);
+		window.removeEventListener("resize", this.handleResize);
+	}
+	addFiles(parsedPatches) {
+		for (const patch of parsedPatches) for (const fileDiff of patch.files) {
+			const vFileDiff = new AdvancedVirtualizedFileDiff({
+				unifiedTop: this.totalHeightUnified,
+				splitTop: this.totalHeightSplit,
+				fileDiff
+			}, this.fileOptions, this.metrics, this.workerManager);
+			vFileDiff.cleanUp(true);
+			this.files.push(vFileDiff);
+			this.totalHeightUnified += vFileDiff.unifiedHeight + this.metrics.fileGap;
+			this.totalHeightSplit += vFileDiff.splitHeight + this.metrics.fileGap;
+		}
+	}
+	render() {
+		this.setupContainer();
+		queueRender(this._render);
+	}
+	_render = () => {
+		if (this.files.length === 0 || AdvancedVirtualizer.__STOP) return;
+		const { diffStyle = "split" } = this.fileOptions;
+		const { scrollTop, height, scrollHeight, containerOffset } = this;
+		const fitPerfectly = this.lastRenderedScrollY === -1 || Math.abs(scrollTop - this.lastRenderedScrollY) > height + OVERSCROLL_SIZE * 2;
+		const { top, bottom } = createWindowFromScrollPosition({
+			scrollTop,
+			height,
+			scrollHeight,
+			containerOffset,
+			fitPerfectly,
+			overscrollSize: OVERSCROLL_SIZE
+		});
+		this.lastRenderedScrollY = scrollTop;
+		for (const [renderedInstance, item] of Array.from(this.rendered)) if (!(getInstanceSpecs(renderedInstance, diffStyle).top > top - getInstanceSpecs(renderedInstance, diffStyle).height && getInstanceSpecs(renderedInstance, diffStyle).top <= bottom)) {
+			cleanupRenderedItem(item);
+			this.rendered.delete(renderedInstance);
+		}
+		let prevElement;
+		let firstInstance;
+		let lastInstance;
+		for (const instance of this.files) {
+			if (getInstanceSpecs(instance, diffStyle).top > bottom) break;
+			if (getInstanceSpecs(instance, diffStyle).top < top - getInstanceSpecs(instance, diffStyle).height) continue;
+			const rendered = this.rendered.get(instance);
+			if (rendered == null) {
+				const fileContainer = document.createElement(DIFFS_TAG_NAME);
+				if (prevElement == null) this.stickyContainer.prepend(fileContainer);
+				else if (prevElement.nextSibling !== fileContainer) prevElement.after(fileContainer);
+				instance.virtualizedSetup();
+				this.rendered.set(instance, {
+					element: fileContainer,
+					instance
+				});
+				instance.virtualizedRender({
+					fileContainer,
+					renderWindow: {
+						top,
+						bottom
+					}
+				});
+				prevElement = fileContainer;
+			} else {
+				prevElement = rendered.element;
+				rendered.instance.virtualizedRender({ renderWindow: {
+					top,
+					bottom
+				} });
+			}
+			firstInstance ??= instance;
+			lastInstance = instance;
+		}
+		if (firstInstance?.renderedRange != null && lastInstance?.renderedRange != null) {
+			const firstSpecs = getInstanceSpecs(firstInstance, diffStyle);
+			const lastSpecs = getInstanceSpecs(lastInstance, diffStyle);
+			const stickyTop = Math.max(Math.min(firstSpecs.top + firstInstance.renderedRange.bufferBefore), 0);
+			const lastBuffer = lastInstance.renderedRange.totalLines === 0 ? lastInstance.renderedRange.bufferBefore : lastInstance.renderedRange.bufferAfter;
+			const totalHeight = Math.max(0, lastSpecs.top + lastSpecs.height - lastBuffer) - stickyTop;
+			this.stickyOffset.style.height = `${stickyTop}px`;
+			this.stickyContainer.style.top = `${-totalHeight + height + this.metrics.fileGap}px`;
+			this.stickyContainer.style.bottom = `${-totalHeight + height}px`;
+			this.stickyContainer.style.height = `${totalHeight}px`;
+		}
+		if (fitPerfectly) queueRender(this._render);
+	};
+	setupContainer() {
+		const { diffStyle = "split" } = this.fileOptions;
+		this.container.style.height = `${diffStyle === "split" ? this.totalHeightSplit : this.totalHeightUnified}px`;
+		this.scrollHeight = document.documentElement.scrollHeight;
+		if (!this.initialized) {
+			window.addEventListener("scroll", this.handleScroll, { passive: true });
+			window.addEventListener("resize", this.handleResize);
+			this.initialized = true;
+		}
+	}
+	handleScroll = () => {
+		let { scrollY: scrollTop } = window;
+		scrollTop = Math.max(scrollTop, 0);
+		if (this.scrollTop === scrollTop) return;
+		this.scrollTop = scrollTop;
+		if (this.files.length === 0) return;
+		queueRender(this._render);
+	};
+	handleResize = () => {
+		const { innerHeight: height } = window;
+		const { scrollHeight } = document.documentElement;
+		if (this.height === height && this.scrollHeight === scrollHeight) return;
+		this.height = height;
+		this.scrollHeight = scrollHeight;
+		if (this.files.length > 0) queueRender(this._render);
+	};
+};
+function cleanupRenderedItem(item) {
+	item.instance.cleanUp(true);
+	item.element.parentNode?.removeChild(item.element);
+	item.element.innerHTML = "";
+	if (item.element.shadowRoot != null) item.element.shadowRoot.innerHTML = "";
+}
+function getInstanceSpecs(instance, diffStyle = "split") {
+	if (diffStyle === "split") return {
+		top: instance.splitTop,
+		height: instance.splitHeight
+	};
+	return {
+		top: instance.unifiedTop,
+		height: instance.unifiedHeight
+	};
+}
+
+//#endregion
+export { AdvancedVirtualizer };
+//# sourceMappingURL=AdvancedVirtualizer.js.map

package/dist/components/AdvancedVirtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedVirtualizer.js","names":["container: HTMLElement","fileOptions: FileDiffOptions<LAnnotations>","metrics: VirtualFileMetrics","workerManager?: WorkerPoolManager | undefined","prevElement: HTMLElement | undefined","firstInstance: AdvancedVirtualizedFileDiff<LAnnotations> | undefined","lastInstance: AdvancedVirtualizedFileDiff<LAnnotations> | undefined"],"sources":["../../src/components/AdvancedVirtualizer.ts"],"sourcesContent":["import {\n  DEFAULT_THEMES,\n  DEFAULT_VIRTUAL_FILE_METRICS,\n  DIFFS_TAG_NAME,\n} from '../constants';\nimport { queueRender } from '../managers/UniversalRenderingManager';\nimport type { VirtualFileMetrics } from '../types';\nimport type { ParsedPatch } from '../types';\nimport { createWindowFromScrollPosition } from '../utils/createWindowFromScrollPosition';\nimport type { WorkerPoolManager } from '../worker';\nimport { AdvancedVirtualizedFileDiff } from './AdvancedVirtualizedFileDiff';\nimport type { FileDiffOptions } from './FileDiff';\n\nconst ENABLE_RENDERING = true;\nconst OVERSCROLL_SIZE = 500;\n\ninterface RenderedItems<LAnnotations> {\n  instance: AdvancedVirtualizedFileDiff<LAnnotations>;\n  element: HTMLElement;\n}\n\nexport class AdvancedVirtualizer<LAnnotations = undefined> {\n  static __STOP = false;\n  static __lastScrollPosition = 0;\n\n  public type = 'advanced';\n  private files: AdvancedVirtualizedFileDiff<LAnnotations>[] = [];\n  private totalHeightUnified = 0;\n  private totalHeightSplit = 0;\n  private rendered: Map<\n    AdvancedVirtualizedFileDiff<LAnnotations>,\n    RenderedItems<LAnnotations>\n  > = new Map();\n\n  private containerOffset = 0;\n  private scrollTop: number = 0;\n  private lastRenderedScrollY = -1;\n  private height: number = 0;\n  private scrollHeight: number = 0;\n  private initialized = false;\n\n  private stickyContainer: HTMLElement;\n  private stickyOffset: HTMLElement;\n\n  constructor(\n    private container: HTMLElement,\n    private fileOptions: FileDiffOptions<LAnnotations> = {\n      theme: DEFAULT_THEMES,\n      // FIXME(amadeus): Fix selected lines crashing when scroll out of the window\n      enableLineSelection: true,\n      disableVirtualizationBuffers: true,\n      diffStyle: 'split',\n    },\n    private metrics: VirtualFileMetrics = DEFAULT_VIRTUAL_FILE_METRICS,\n    private workerManager?: WorkerPoolManager | undefined\n  ) {\n    this.stickyOffset = document.createElement('div');\n    this.stickyOffset.style.contain = 'layout size';\n    this.stickyContainer = document.createElement('div');\n    this.stickyContainer.style.contain = 'strict';\n    this.stickyContainer.style.position = 'sticky';\n    this.stickyContainer.style.width = '100%';\n    this.stickyContainer.style.contain = 'strict';\n    this.stickyContainer.style.isolation = 'isolate';\n    this.container.appendChild(this.stickyOffset);\n    this.container.appendChild(this.stickyContainer);\n    this.handleScroll();\n    this.handleResize();\n    this.containerOffset =\n      this.container.getBoundingClientRect().top + this.scrollTop;\n\n    // FIXME(amadeus): Remove me before release\n    window.__INSTANCE = this;\n    window.__TOGGLE = () => {\n      if (AdvancedVirtualizer.__STOP) {\n        AdvancedVirtualizer.__STOP = false;\n        window.scrollTo({ top: AdvancedVirtualizer.__lastScrollPosition });\n        queueRender(this._render);\n      } else {\n        AdvancedVirtualizer.__lastScrollPosition = window.scrollY;\n        AdvancedVirtualizer.__STOP = true;\n      }\n    };\n  }\n\n  reset(): void {\n    this.files.length = 0;\n    this.totalHeightSplit = 0;\n    this.totalHeightUnified = 0;\n    for (const [, item] of Array.from(this.rendered)) {\n      cleanupRenderedItem(item);\n    }\n    this.rendered.clear();\n    this.stickyContainer.innerHTML = '';\n    this.stickyOffset.style.height = '';\n    this.initialized = false;\n    this.container.style.height = '';\n    this.scrollHeight = 0;\n    window.removeEventListener('scroll', this.handleScroll);\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  addFiles(parsedPatches: ParsedPatch[]): void {\n    for (const patch of parsedPatches) {\n      for (const fileDiff of patch.files) {\n        const vFileDiff = new AdvancedVirtualizedFileDiff<LAnnotations>(\n          {\n            unifiedTop: this.totalHeightUnified,\n            splitTop: this.totalHeightSplit,\n            fileDiff,\n          },\n          this.fileOptions,\n          this.metrics,\n          this.workerManager\n        );\n\n        // NOTE(amadeus): I hate this, lol... probably should figure out a way\n        // to not immediately subscribe\n        vFileDiff.cleanUp(true);\n        this.files.push(vFileDiff);\n        this.totalHeightUnified +=\n          vFileDiff.unifiedHeight + this.metrics.fileGap;\n        this.totalHeightSplit += vFileDiff.splitHeight + this.metrics.fileGap;\n      }\n    }\n  }\n\n  render(): void {\n    this.setupContainer();\n    if (!ENABLE_RENDERING) return;\n    queueRender(this._render);\n  }\n\n  _render = (): void => {\n    if (this.files.length === 0 || AdvancedVirtualizer.__STOP) {\n      return;\n    }\n    const { diffStyle = 'split' } = this.fileOptions;\n    const { scrollTop, height, scrollHeight, containerOffset } = this;\n    const fitPerfectly =\n      this.lastRenderedScrollY === -1 ||\n      Math.abs(scrollTop - this.lastRenderedScrollY) >\n        height + OVERSCROLL_SIZE * 2;\n    const { top, bottom } = createWindowFromScrollPosition({\n      scrollTop,\n      height,\n      scrollHeight,\n      containerOffset,\n      fitPerfectly,\n      overscrollSize: OVERSCROLL_SIZE,\n    });\n    this.lastRenderedScrollY = scrollTop;\n    for (const [renderedInstance, item] of Array.from(this.rendered)) {\n      // If not visible, we should unmount it\n      if (\n        !(\n          getInstanceSpecs(renderedInstance, diffStyle).top >\n            top - getInstanceSpecs(renderedInstance, diffStyle).height &&\n          getInstanceSpecs(renderedInstance, diffStyle).top <= bottom\n        )\n      ) {\n        cleanupRenderedItem(item);\n        this.rendered.delete(renderedInstance);\n      }\n    }\n    let prevElement: HTMLElement | undefined;\n    let firstInstance: AdvancedVirtualizedFileDiff<LAnnotations> | undefined;\n    let lastInstance: AdvancedVirtualizedFileDiff<LAnnotations> | undefined;\n    for (const instance of this.files) {\n      // We can stop iterating when we get to elements after the window\n      if (getInstanceSpecs(instance, diffStyle).top > bottom) {\n        break;\n      }\n      if (\n        getInstanceSpecs(instance, diffStyle).top <\n        top - getInstanceSpecs(instance, diffStyle).height\n      ) {\n        continue;\n      }\n      const rendered = this.rendered.get(instance);\n      if (rendered == null) {\n        const fileContainer = document.createElement(DIFFS_TAG_NAME);\n        // NOTE(amadeus): We gotta append first to ensure file ordering is\n        // correct... but i guess maybe doesn't matter because we are positioning shit\n        if (prevElement == null) {\n          this.stickyContainer.prepend(fileContainer);\n        } else if (prevElement.nextSibling !== fileContainer) {\n          prevElement.after(fileContainer);\n        }\n        instance.virtualizedSetup();\n\n        this.rendered.set(instance, {\n          element: fileContainer,\n          instance: instance,\n        });\n        instance.virtualizedRender({\n          fileContainer,\n          renderWindow: { top, bottom },\n        });\n        prevElement = fileContainer;\n      } else {\n        prevElement = rendered.element;\n        rendered.instance.virtualizedRender({\n          renderWindow: { top, bottom },\n        });\n      }\n      firstInstance ??= instance;\n      lastInstance = instance;\n    }\n\n    if (\n      firstInstance?.renderedRange != null &&\n      lastInstance?.renderedRange != null\n    ) {\n      const firstSpecs = getInstanceSpecs(firstInstance, diffStyle);\n      const lastSpecs = getInstanceSpecs(lastInstance, diffStyle);\n      const stickyTop = Math.max(\n        Math.min(firstSpecs.top + firstInstance.renderedRange.bufferBefore),\n        0\n      );\n      const lastBuffer =\n        lastInstance.renderedRange.totalLines === 0\n          ? lastInstance.renderedRange.bufferBefore\n          : lastInstance.renderedRange.bufferAfter;\n      const stickyBottom = Math.max(\n        0,\n        lastSpecs.top + lastSpecs.height - lastBuffer\n      );\n      const totalHeight = stickyBottom - stickyTop;\n      this.stickyOffset.style.height = `${stickyTop}px`;\n      this.stickyContainer.style.top = `${-totalHeight + height + this.metrics.fileGap}px`;\n      this.stickyContainer.style.bottom = `${-totalHeight + height}px`;\n      this.stickyContainer.style.height = `${totalHeight}px`;\n    }\n\n    if (fitPerfectly) {\n      queueRender(this._render);\n    }\n  };\n\n  private setupContainer() {\n    const { diffStyle = 'split' } = this.fileOptions;\n    this.container.style.height = `${diffStyle === 'split' ? this.totalHeightSplit : this.totalHeightUnified}px`;\n    this.scrollHeight = document.documentElement.scrollHeight;\n    if (!this.initialized) {\n      window.addEventListener('scroll', this.handleScroll, { passive: true });\n      window.addEventListener('resize', this.handleResize);\n      this.initialized = true;\n    }\n  }\n\n  handleScroll = (): void => {\n    let { scrollY: scrollTop } = window;\n    scrollTop = Math.max(scrollTop, 0);\n    if (this.scrollTop === scrollTop) return;\n    this.scrollTop = scrollTop;\n    if (this.files.length === 0) return;\n    queueRender(this._render);\n  };\n\n  handleResize = (): void => {\n    const { innerHeight: height } = window;\n    const { scrollHeight } = document.documentElement;\n    if (this.height === height && this.scrollHeight === scrollHeight) {\n      return;\n    }\n    this.height = height;\n    this.scrollHeight = scrollHeight;\n    if (this.files.length > 0) {\n      queueRender(this._render);\n    }\n  };\n}\n\nfunction cleanupRenderedItem<LAnnotations>(item: RenderedItems<LAnnotations>) {\n  item.instance.cleanUp(true);\n  item.element.parentNode?.removeChild(item.element);\n  item.element.innerHTML = '';\n  if (item.element.shadowRoot != null) {\n    item.element.shadowRoot.innerHTML = '';\n  }\n}\n\nfunction getInstanceSpecs<LAnnotations>(\n  instance: AdvancedVirtualizedFileDiff<LAnnotations>,\n  diffStyle: 'split' | 'unified' = 'split'\n) {\n  if (diffStyle === 'split') {\n    return {\n      top: instance.splitTop,\n      height: instance.splitHeight,\n    };\n  }\n  return {\n    top: instance.unifiedTop,\n    height: instance.unifiedHeight,\n  };\n}\n"],"mappings":"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"}

package/dist/components/File.d.ts

@@ -1,8 +1,10 @@
-import { BaseCodeOptions, FileContents, LineAnnotation, RenderFileMetadata, ThemeTypes } from "../types.js";
-import { LineSelectionOptions, SelectedLineRange } from "../managers/LineSelectionManager.js";
-import { GetHoveredLineResult, MouseEventManagerBaseOptions } from "../managers/MouseEventManager.js";
+import { BaseCodeOptions, FileContents, LineAnnotation, PrePropertiesConfig, RenderFileMetadata, RenderRange, ThemeTypes } from "../types.js";
 import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
 import "../worker/index.js";
+import { LineSelectionManager, LineSelectionOptions, SelectedLineRange } from "../managers/LineSelectionManager.js";
+import { GetHoveredLineResult, MouseEventManager, MouseEventManagerBaseOptions } from "../managers/MouseEventManager.js";
+import { ResizeManager } from "../managers/ResizeManager.js";
+import { FileRenderer } from "../renderers/FileRenderer.js";
 
 //#region src/components/File.d.ts
 interface FileRenderProps<LAnnotation> {
@@ -11,69 +13,94 @@ interface FileRenderProps<LAnnotation> {
   containerWrapper?: HTMLElement;
   forceRender?: boolean;
   lineAnnotations?: LineAnnotation<LAnnotation>[];
+  renderRange?: RenderRange;
 }
-interface FileHyrdateProps<LAnnotation> extends Omit<FileRenderProps<LAnnotation>, "fileContainer"> {
+interface FileHyrdateProps<LAnnotation> extends Omit<FileRenderProps<LAnnotation>, 'fileContainer'> {
   fileContainer: HTMLElement;
   prerenderedHTML?: string;
 }
-interface FileOptions<LAnnotation> extends BaseCodeOptions, MouseEventManagerBaseOptions<"file">, LineSelectionOptions {
+interface FileOptions<LAnnotation> extends BaseCodeOptions, MouseEventManagerBaseOptions<'file'>, LineSelectionOptions {
   disableFileHeader?: boolean;
   renderCustomMetadata?: RenderFileMetadata;
   /**
-  * When true, errors during rendering are rethrown instead of being caught
-  * and displayed in the DOM. Useful for testing or when you want to handle
-  * errors yourself.
-  */
+   * When true, errors during rendering are rethrown instead of being caught
+   * and displayed in the DOM. Useful for testing or when you want to handle
+   * errors yourself.
+   */
   disableErrorHandling?: boolean;
   renderAnnotation?(annotation: LineAnnotation<LAnnotation>): HTMLElement | undefined;
-  renderHoverUtility?(getHoveredRow: () => GetHoveredLineResult<"file"> | undefined): HTMLElement | null;
+  renderHoverUtility?(getHoveredRow: () => GetHoveredLineResult<'file'> | undefined): HTMLElement | null;
+}
+interface AnnotationElementCache<LAnnotation> {
+  element: HTMLElement;
+  annotation: LineAnnotation<LAnnotation>;
 }
 declare class File<LAnnotation = undefined> {
   options: FileOptions<LAnnotation>;
   private workerManager?;
   private isContainerManaged;
   static LoadedCustomComponent: boolean;
-  readonly __id: number;
-  private fileContainer;
-  private spriteSVG;
-  private pre;
-  private code;
-  private unsafeCSSStyle;
-  private hoverContent;
-  private errorWrapper;
-  private headerElement;
-  private headerMetadata;
-  private fileRenderer;
-  private resizeManager;
-  private mouseEventManager;
-  private lineSelectionManager;
-  private annotationElements;
-  private lineAnnotations;
-  private file;
+  readonly __id: string;
+  protected fileContainer: HTMLElement | undefined;
+  protected spriteSVG: SVGElement | undefined;
+  protected pre: HTMLPreElement | undefined;
+  protected code: HTMLElement | undefined;
+  protected bufferBefore: HTMLElement | undefined;
+  protected bufferAfter: HTMLElement | undefined;
+  protected unsafeCSSStyle: HTMLStyleElement | undefined;
+  protected hoverContent: HTMLElement | undefined;
+  protected errorWrapper: HTMLElement | undefined;
+  protected placeHolder: HTMLElement | undefined;
+  protected lastRenderedHeaderHTML: string | undefined;
+  protected appliedPreAttributes: PrePropertiesConfig | undefined;
+  protected lastRowCount: number | undefined;
+  protected headerElement: HTMLElement | undefined;
+  protected headerMetadata: HTMLElement | undefined;
+  protected fileRenderer: FileRenderer<LAnnotation>;
+  protected resizeManager: ResizeManager;
+  protected mouseEventManager: MouseEventManager<'file'>;
+  protected lineSelectionManager: LineSelectionManager;
+  protected annotationCache: Map<string, AnnotationElementCache<LAnnotation>>;
+  protected lineAnnotations: LineAnnotation<LAnnotation>[];
+  protected file: FileContents | undefined;
+  protected renderRange: RenderRange | undefined;
   constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);
   private handleHighlightRender;
   rerender(): void;
   setOptions(options: FileOptions<LAnnotation> | undefined): void;
   private mergeOptions;
   setThemeType(themeType: ThemeTypes): void;
-  getHoveredLine: () => GetHoveredLineResult<"file"> | undefined;
+  getHoveredLine: () => {
+    lineNumber: number;
+  } | undefined;
   setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void;
   setSelectedLines(range: SelectedLineRange | null): void;
   cleanUp(): void;
   hydrate(props: FileHyrdateProps<LAnnotation>): void;
+  getOrCreateLineCache(file?: FileContents | undefined): string[];
   render({
     file,
     fileContainer,
     forceRender,
     containerWrapper,
-    lineAnnotations
-  }: FileRenderProps<LAnnotation>): void;
+    lineAnnotations,
+    renderRange
+  }: FileRenderProps<LAnnotation>): boolean;
+  private canPartiallyRender;
+  renderPlaceholder(height: number): boolean;
+  private cleanChildNodes;
   private renderAnnotations;
   private renderHoverUtility;
   private injectUnsafeCSS;
-  private applyHunksToDOM;
+  private applyFullRender;
+  private applyPartialRender;
+  private getColumns;
+  private trimDOMToOverlap;
+  private getDOMBoundaryIndices;
+  private getLineIndexFromDOMNode;
+  private applyBuffers;
   private applyHeaderToDOM;
-  private getOrCreateFileContainerNode;
+  protected getOrCreateFileContainerNode(fileContainer?: HTMLElement, parentNode?: HTMLElement): HTMLElement;
   private getOrCreatePreNode;
   private applyPreNodeAttributes;
   private applyErrorToDOM;