@pierre/diffs 1.0.7 → 1.1.0-beta.1

package/dist/components/File.d.ts

@@ -27,7 +27,7 @@ declare class File<LAnnotation = undefined> {
   private workerManager?;
   private isContainerManaged;
   static LoadedCustomComponent: boolean;
-  readonly __id: number;
+  readonly __id: string;
   private fileContainer;
   private spriteSVG;
   private pre;
@@ -35,13 +35,15 @@ declare class File<LAnnotation = undefined> {
   private unsafeCSSStyle;
   private hoverContent;
   private errorWrapper;
+  private lastRenderedHeaderHTML;
+  private appliedPreAttributes;
   private headerElement;
   private headerMetadata;
   private fileRenderer;
   private resizeManager;
   private mouseEventManager;
   private lineSelectionManager;
-  private annotationElements;
+  private annotationCache;
   private lineAnnotations;
   private file;
   constructor(options?: FileOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);

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

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","names":["options: FileOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined"],"sources":["../../src/components/File.ts"],"sourcesContent":[],"mappings":";;;;;;;UA2CiB;QACT;kBACU;EAFlB,gBAAiB,CAAA,EAGI,WAHJ;EACT,WAAA,CAAA,EAAA,OAAA;EACU,eAAA,CAAA,EAGE,cAHF,CAGiB,WAHjB,CAAA,EAAA;;AAGiB,UAGlB,gBAHkB,CAAA,WAAA,CAAA,SAIzB,IAJyB,CAIpB,eAJoB,CAIJ,WAJI,CAAA,EAAA,eAAA,CAAA,CAAA;EAAf,aAAA,EAKH,WALG;EAAA,eAAA,CAAA,EAAA,MAAA;AAGpB;AAC+B,UAKd,WALc,CAAA,WAAA,CAAA,SAMrB,eANqB,EAO3B,4BAP2B,CAAA,MAAA,CAAA,EAQ3B,oBAR2B,CAAA;EAAhB,iBAAA,CAAA,EAAA,OAAA;EACE,oBAAA,CAAA,EASQ,kBATR;EADP,gBAAA,EAAA,UAAA,EAYM,cAZN,CAYqB,WAZrB,CAAA,CAAA,EAaL,WAbK,GAAA,SAAA;EAAA,kBAAA,EAAA,aAAA,EAAA,GAAA,GAee,oBAff,CAAA,MAAA,CAAA,GAAA,SAAA,CAAA,EAgBL,WAhBK,GAAA,IAAA;AAKV;AAKyB,cAWZ,IAXY,CAAA,cAAA,SAAA,CAAA,CAAA;EAEM,OAAA,EAmCX,WAnCW,CAmCC,WAnCD,CAAA;EAAf,QAAA,aAAA;EACX,QAAA,kBAAA;EAEoB,OAAA,qBAAA,EAAA,OAAA;EACpB,SAAA,IAAA,EAAA,MAAA;EAVK,QAAA,aAAA;EACN,QAAA,SAAA;EACA,QAAA,GAAA;EAAA,QAAA,IAAA;EAaJ,QAAa,cAAA;EA0BmB,QAAA,YAAA;EAAZ,QAAA,YAAA;EAAY,QAAA,aAAA;EAAZ,QAAA,cAAA;EACQ,QAAA,YAAA;EA4BM,QAAA,aAAA;EAAZ,QAAA,iBAAA;EAWI,QAAA,oBAAA;EA8BH,QAAA,kBAAA;EAI8B,QAAA,eAAA;EAAf,QAAA,IAAA;EAIZ,WAAA,CAAA,OAAA,CAAA,EA9EN,WA8EM,CA9EM,WA8EN,CAAA,EAAA,aAAA,CAAA,EA7EE,iBA6EF,GAAA,SAAA,EAAA,kBAAA,CAAA,EAAA,OAAA;EA6BQ,QAAA,qBAAA;EAAjB,QAAA,CAAA,CAAA,EAAA,IAAA;EAsDb,UAAA,CAAA,OAAA,EApIkB,WAoIlB,CApI8B,WAoI9B,CAAA,GAAA,SAAA,CAAA,EAAA,IAAA;EACA,QAAA,YAAA;EACA,YAAA,CAAA,SAAA,EA3HsB,UA2HtB,CAAA,EAAA,IAAA;EACA,cAAA,EAAA,GAAA,GA9FmB,oBA8FnB,CAAA,MAAA,CAAA,GAAA,SAAA;EACA,kBAAA,CAAA,eAAA,EA3FkC,cA2FlC,CA3FiD,WA2FjD,CAAA,EAAA,CAAA,EAAA,IAAA;EACiB,gBAAA,CAAA,KAAA,EAxFK,iBAwFL,GAAA,IAAA,CAAA,EAAA,IAAA;EAAhB,OAAA,CAAA,CAAA,EAAA,IAAA;EAAA,OAAA,CAAA,KAAA,EA3DY,gBA2DZ,CA3D6B,WA2D7B,CAAA,CAAA,EAAA,IAAA;;;;;;;KAAA,gBAAgB"}
+{"version":3,"file":"File.d.ts","names":["options: FileOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined"],"sources":["../../src/components/File.ts"],"sourcesContent":[],"mappings":";;;;;;;UA8CiB;QACT;kBACU;EAFlB,gBAAiB,CAAA,EAGI,WAHJ;EACT,WAAA,CAAA,EAAA,OAAA;EACU,eAAA,CAAA,EAGE,cAHF,CAGiB,WAHjB,CAAA,EAAA;;AAGiB,UAGlB,gBAHkB,CAAA,WAAA,CAAA,SAIzB,IAJyB,CAIpB,eAJoB,CAIJ,WAJI,CAAA,EAAA,eAAA,CAAA,CAAA;EAAf,aAAA,EAKH,WALG;EAAA,eAAA,CAAA,EAAA,MAAA;AAGpB;AAC+B,UAKd,WALc,CAAA,WAAA,CAAA,SAMrB,eANqB,EAO3B,4BAP2B,CAAA,MAAA,CAAA,EAQ3B,oBAR2B,CAAA;EAAhB,iBAAA,CAAA,EAAA,OAAA;EACE,oBAAA,CAAA,EASQ,kBATR;EADP,gBAAA,EAAA,UAAA,EAYM,cAZN,CAYqB,WAZrB,CAAA,CAAA,EAaL,WAbK,GAAA,SAAA;EAAA,kBAAA,EAAA,aAAA,EAAA,GAAA,GAee,oBAff,CAAA,MAAA,CAAA,GAAA,SAAA,CAAA,EAgBL,WAhBK,GAAA,IAAA;AAKV;AAKyB,cAgBZ,IAhBY,CAAA,cAAA,SAAA,CAAA,CAAA;EAEM,OAAA,EA4CX,WA5CW,CA4CC,WA5CD,CAAA;EAAf,QAAA,aAAA;EACX,QAAA,kBAAA;EAEoB,OAAA,qBAAA,EAAA,OAAA;EACpB,SAAA,IAAA,EAAA,MAAA;EAVK,QAAA,aAAA;EACN,QAAA,SAAA;EACA,QAAA,GAAA;EAAA,QAAA,IAAA;EAkBJ,QAAa,cAAA;EA8BmB,QAAA,YAAA;EAAZ,QAAA,YAAA;EAAY,QAAA,sBAAA;EAAZ,QAAA,oBAAA;EACQ,QAAA,aAAA;EA4BM,QAAA,cAAA;EAAZ,QAAA,YAAA;EAWI,QAAA,aAAA;EA8BH,QAAA,iBAAA;EAI8B,QAAA,oBAAA;EAAf,QAAA,eAAA;EAIZ,QAAA,eAAA;EA+BQ,QAAA,IAAA;EAAjB,WAAA,CAAA,OAAA,CAAA,EA7GG,WA6GH,CA7Ge,WA6Gf,CAAA,EAAA,aAAA,CAAA,EA5GW,iBA4GX,GAAA,SAAA,EAAA,kBAAA,CAAA,EAAA,OAAA;EAwDb,QAAA,qBAAA;EACA,QAAA,CAAA,CAAA,EAAA,IAAA;EACA,UAAA,CAAA,OAAA,EA1IkB,WA0IlB,CA1I8B,WA0I9B,CAAA,GAAA,SAAA,CAAA,EAAA,IAAA;EACA,QAAA,YAAA;EACA,YAAA,CAAA,SAAA,EAjIsB,UAiItB,CAAA,EAAA,IAAA;EACiB,cAAA,EAAA,GAAA,GApGE,oBAoGF,CAAA,MAAA,CAAA,GAAA,SAAA;EAAhB,kBAAA,CAAA,eAAA,EAhGiC,cAgGjC,CAhGgD,WAgGhD,CAAA,EAAA,CAAA,EAAA,IAAA;EAAA,gBAAA,CAAA,KAAA,EA5FqB,iBA4FrB,GAAA,IAAA,CAAA,EAAA,IAAA;;iBA7DY,iBAAiB;;;;;;;KA6D7B,gBAAgB"}

package/dist/components/File.js

@@ -6,11 +6,13 @@ import { getLineAnnotationName } from "../utils/getLineAnnotationName.js";
 import { FileRenderer } from "../renderers/FileRenderer.js";
 import { SVGSpriteSheet } from "../sprite.js";
 import { areFilesEqual } from "../utils/areFilesEqual.js";
+import { areLineAnnotationsEqual } from "../utils/areLineAnnotationsEqual.js";
+import { arePrePropertiesEqual } from "../utils/arePrePropertiesEqual.js";
 import { createAnnotationWrapperNode } from "../utils/createAnnotationWrapperNode.js";
-import { createCodeNode } from "../utils/createCodeNode.js";
 import { createHoverContentNode } from "../utils/createHoverContentNode.js";
 import { createUnsafeCSSStyleNode } from "../utils/createUnsafeCSSStyleNode.js";
 import { wrapUnsafeCSS } from "../utils/cssWrappers.js";
+import { getOrCreateCodeNode } from "../utils/getOrCreateCodeNode.js";
 import { prerenderHTMLIfNecessary } from "../utils/prerenderHTMLIfNecessary.js";
 import { setPreNodeProperties } from "../utils/setWrapperNodeProps.js";
 import { DiffsContainerLoaded } from "./web-components.js";
@@ -20,7 +22,7 @@ import { toHtml } from "hast-util-to-html";
 let instanceId = -1;
 var File = class {
 	static LoadedCustomComponent = DiffsContainerLoaded;
-	__id = ++instanceId;
+	__id = `file:${++instanceId}`;
 	fileContainer;
 	spriteSVG;
 	pre;
@@ -28,13 +30,15 @@ var File = class {
 	unsafeCSSStyle;
 	hoverContent;
 	errorWrapper;
+	lastRenderedHeaderHTML;
+	appliedPreAttributes;
 	headerElement;
 	headerMetadata;
 	fileRenderer;
 	resizeManager;
 	mouseEventManager;
 	lineSelectionManager;
-	annotationElements = [];
+	annotationCache = /* @__PURE__ */ new Map();
 	lineAnnotations = [];
 	file;
 	constructor(options = { theme: DEFAULT_THEMES }, workerManager, isContainerManaged = false) {
@@ -106,7 +110,9 @@ var File = class {
 		if (this.fileContainer?.shadowRoot != null) this.fileContainer.shadowRoot.innerHTML = "";
 		this.fileContainer = void 0;
 		this.pre = void 0;
+		this.appliedPreAttributes = void 0;
 		this.headerElement = void 0;
+		this.lastRenderedHeaderHTML = void 0;
 		this.errorWrapper = void 0;
 		this.unsafeCSSStyle = void 0;
 	}
@@ -121,6 +127,7 @@ var File = class {
 			if (!(element instanceof HTMLElement)) continue;
 			if (element instanceof HTMLPreElement) {
 				this.pre = element;
+				this.appliedPreAttributes = void 0;
 				continue;
 			}
 			if (element instanceof HTMLStyleElement && element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)) {
@@ -129,6 +136,7 @@ var File = class {
 			}
 			if ("diffsHeader" in element.dataset) {
 				this.headerElement = element;
+				this.lastRenderedHeaderHTML = void 0;
 				continue;
 			}
 		}
@@ -160,6 +168,7 @@ var File = class {
 			if (this.headerElement != null) {
 				this.headerElement.parentNode?.removeChild(this.headerElement);
 				this.headerElement = void 0;
+				this.lastRenderedHeaderHTML = void 0;
 			}
 		}
 		fileContainer = this.getOrCreateFileContainerNode(fileContainer, containerWrapper);
@@ -175,33 +184,55 @@ var File = class {
 			this.renderAnnotations();
 			this.renderHoverUtility();
 		} catch (error) {
-			if (error instanceof Error) this.applyErrorToDOM(error, fileContainer);
+			if (error instanceof Error) {
+				console.error(error);
+				this.applyErrorToDOM(error, fileContainer);
+			}
 		}
 	}
 	renderAnnotations() {
-		if (this.isContainerManaged || this.fileContainer == null) return;
-		for (const element of this.annotationElements) element.parentNode?.removeChild(element);
-		this.annotationElements.length = 0;
+		if (this.isContainerManaged || this.fileContainer == null) {
+			for (const { element } of this.annotationCache.values()) element.parentNode?.removeChild(element);
+			this.annotationCache.clear();
+			return;
+		}
+		const staleAnnotations = new Map(this.annotationCache);
 		const { renderAnnotation } = this.options;
-		if (renderAnnotation != null && this.lineAnnotations.length > 0) for (const annotation of this.lineAnnotations) {
-			const content = renderAnnotation(annotation);
-			if (content == null) continue;
-			const el = createAnnotationWrapperNode(getLineAnnotationName(annotation));
-			el.appendChild(content);
-			this.annotationElements.push(el);
-			this.fileContainer.appendChild(el);
+		if (renderAnnotation != null && this.lineAnnotations.length > 0) for (const [index, annotation] of this.lineAnnotations.entries()) {
+			const id = `${index}-${getLineAnnotationName(annotation)}`;
+			let cache = this.annotationCache.get(id);
+			if (cache == null || !areLineAnnotationsEqual(annotation, cache.annotation)) {
+				cache?.element.parentElement?.removeChild(cache.element);
+				const content = renderAnnotation(annotation);
+				if (content == null) continue;
+				cache = {
+					element: createAnnotationWrapperNode(getLineAnnotationName(annotation)),
+					annotation
+				};
+				cache.element.appendChild(content);
+				this.fileContainer.appendChild(cache.element);
+				this.annotationCache.set(id, cache);
+			}
+			staleAnnotations.delete(id);
+		}
+		for (const [id, { element }] of staleAnnotations.entries()) {
+			this.annotationCache.delete(id);
+			element.parentNode?.removeChild(element);
 		}
 	}
 	renderHoverUtility() {
 		const { renderHoverUtility } = this.options;
 		if (this.fileContainer == null || renderHoverUtility == null) return;
-		if (this.hoverContent == null) {
-			this.hoverContent = createHoverContentNode();
-			this.fileContainer.appendChild(this.hoverContent);
-		}
 		const element = renderHoverUtility(this.mouseEventManager.getHoveredLine);
-		this.hoverContent.innerHTML = "";
-		if (element != null) this.hoverContent.appendChild(element);
+		if (element != null && this.hoverContent != null) return;
+		else if (element == null) {
+			this.hoverContent?.parentNode?.removeChild(this.hoverContent);
+			this.hoverContent = void 0;
+			return;
+		}
+		this.hoverContent = createHoverContentNode();
+		this.hoverContent.appendChild(element);
+		this.fileContainer.appendChild(this.hoverContent);
 	}
 	injectUnsafeCSS() {
 		if (this.fileContainer?.shadowRoot == null) return;
@@ -222,10 +253,9 @@ var File = class {
 	applyHunksToDOM(result, pre) {
 		this.cleanupErrorWrapper();
 		this.applyPreNodeAttributes(pre, result);
-		pre.innerHTML = "";
-		this.code = createCodeNode();
+		this.code = getOrCreateCodeNode({ code: this.code });
 		this.code.innerHTML = this.fileRenderer.renderPartialHTML(result.codeAST);
-		pre.appendChild(this.code);
+		pre.replaceChildren(this.code);
 		this.injectUnsafeCSS();
 		this.mouseEventManager.setup(pre);
 		this.lineSelectionManager.setup(pre);
@@ -237,13 +267,17 @@ var File = class {
 		const { file } = this;
 		if (file == null) return;
 		this.cleanupErrorWrapper();
-		const tempDiv = document.createElement("div");
-		tempDiv.innerHTML = toHtml(headerAST);
-		const newHeader = tempDiv.firstElementChild;
-		if (!(newHeader instanceof HTMLElement)) return;
-		if (this.headerElement != null) container.shadowRoot?.replaceChild(newHeader, this.headerElement);
-		else container.shadowRoot?.prepend(newHeader);
-		this.headerElement = newHeader;
+		const headerHTML = toHtml(headerAST);
+		if (headerHTML !== this.lastRenderedHeaderHTML) {
+			const tempDiv = document.createElement("div");
+			tempDiv.innerHTML = headerHTML;
+			const newHeader = tempDiv.firstElementChild;
+			if (!(newHeader instanceof HTMLElement)) return;
+			if (this.headerElement != null) container.shadowRoot?.replaceChild(newHeader, this.headerElement);
+			else container.shadowRoot?.prepend(newHeader);
+			this.headerElement = newHeader;
+			this.lastRenderedHeaderHTML = headerHTML;
+		}
 		if (this.isContainerManaged) return;
 		const { renderCustomMetadata } = this.options;
 		if (this.headerMetadata != null) this.headerMetadata.parentNode?.removeChild(this.headerMetadata);
@@ -257,7 +291,12 @@ var File = class {
 		}
 	}
 	getOrCreateFileContainerNode(fileContainer, parentNode) {
+		const previousContainer = this.fileContainer;
 		this.fileContainer = fileContainer ?? this.fileContainer ?? document.createElement(DIFFS_TAG_NAME);
+		if (previousContainer != null && previousContainer !== this.fileContainer) {
+			this.lastRenderedHeaderHTML = void 0;
+			this.headerElement = void 0;
+		}
 		if (parentNode != null && this.fileContainer.parentNode !== parentNode) parentNode.appendChild(this.fileContainer);
 		if (this.spriteSVG == null) {
 			const fragment = document.createElement("div");
@@ -274,13 +313,16 @@ var File = class {
 		if (this.pre == null) {
 			this.pre = document.createElement("pre");
 			container.shadowRoot?.appendChild(this.pre);
-		} else if (this.pre.parentNode !== container) container.shadowRoot?.appendChild(this.pre);
+			this.appliedPreAttributes = void 0;
+		} else if (this.pre.parentNode !== container) {
+			container.shadowRoot?.appendChild(this.pre);
+			this.appliedPreAttributes = void 0;
+		}
 		return this.pre;
 	}
 	applyPreNodeAttributes(pre, { totalLines, themeStyles, baseThemeType }) {
 		const { overflow = "scroll", themeType = "system", disableLineNumbers = false } = this.options;
-		setPreNodeProperties({
-			pre,
+		const preProperties = {
 			split: false,
 			themeStyles,
 			overflow,
@@ -289,7 +331,10 @@ var File = class {
 			diffIndicators: "none",
 			disableBackground: true,
 			totalLines
-		});
+		};
+		if (arePrePropertiesEqual(preProperties, this.appliedPreAttributes)) return;
+		setPreNodeProperties(pre, preProperties);
+		this.appliedPreAttributes = preProperties;
 	}
 	applyErrorToDOM(error, container) {
 		this.cleanupErrorWrapper();
@@ -297,6 +342,7 @@ var File = class {
 		pre.innerHTML = "";
 		pre.parentNode?.removeChild(pre);
 		this.pre = void 0;
+		this.appliedPreAttributes = void 0;
 		const shadowRoot = container.shadowRoot ?? container.attachShadow({ mode: "open" });
 		this.errorWrapper ??= document.createElement("div");
 		this.errorWrapper.dataset.errorWrapper = "";

package/dist/components/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["options: FileOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined","error: unknown"],"sources":["../../src/components/File.ts"],"sourcesContent":["import type { Element as HASTElement } from 'hast';\nimport { toHtml } from 'hast-util-to-html';\n\nimport {\n  DEFAULT_THEMES,\n  DIFFS_TAG_NAME,\n  HEADER_METADATA_SLOT_ID,\n  UNSAFE_CSS_ATTRIBUTE,\n} from '../constants';\nimport {\n  LineSelectionManager,\n  type LineSelectionOptions,\n  type SelectedLineRange,\n  pluckLineSelectionOptions,\n} from '../managers/LineSelectionManager';\nimport {\n  type GetHoveredLineResult,\n  MouseEventManager,\n  type MouseEventManagerBaseOptions,\n  pluckMouseEventOptions,\n} from '../managers/MouseEventManager';\nimport { ResizeManager } from '../managers/ResizeManager';\nimport { type FileRenderResult, FileRenderer } from '../renderers/FileRenderer';\nimport { SVGSpriteSheet } from '../sprite';\nimport type {\n  BaseCodeOptions,\n  FileContents,\n  LineAnnotation,\n  RenderFileMetadata,\n  ThemeTypes,\n} from '../types';\nimport { areFilesEqual } from '../utils/areFilesEqual';\nimport { createAnnotationWrapperNode } from '../utils/createAnnotationWrapperNode';\nimport { createCodeNode } from '../utils/createCodeNode';\nimport { createHoverContentNode } from '../utils/createHoverContentNode';\nimport { createUnsafeCSSStyleNode } from '../utils/createUnsafeCSSStyleNode';\nimport { wrapUnsafeCSS } from '../utils/cssWrappers';\nimport { getLineAnnotationName } from '../utils/getLineAnnotationName';\nimport { prerenderHTMLIfNecessary } from '../utils/prerenderHTMLIfNecessary';\nimport { setPreNodeProperties } from '../utils/setWrapperNodeProps';\nimport type { WorkerPoolManager } from '../worker';\nimport { DiffsContainerLoaded } from './web-components';\n\nexport interface FileRenderProps<LAnnotation> {\n  file: FileContents;\n  fileContainer?: HTMLElement;\n  containerWrapper?: HTMLElement;\n  forceRender?: boolean;\n  lineAnnotations?: LineAnnotation<LAnnotation>[];\n}\n\nexport interface FileHyrdateProps<LAnnotation>\n  extends Omit<FileRenderProps<LAnnotation>, 'fileContainer'> {\n  fileContainer: HTMLElement;\n  prerenderedHTML?: string;\n}\n\nexport interface FileOptions<LAnnotation>\n  extends BaseCodeOptions,\n    MouseEventManagerBaseOptions<'file'>,\n    LineSelectionOptions {\n  disableFileHeader?: boolean;\n  renderCustomMetadata?: RenderFileMetadata;\n  renderAnnotation?(\n    annotation: LineAnnotation<LAnnotation>\n  ): HTMLElement | undefined;\n  renderHoverUtility?(\n    getHoveredRow: () => GetHoveredLineResult<'file'> | undefined\n  ): HTMLElement | null;\n}\n\nlet instanceId = -1;\n\nexport class File<LAnnotation = undefined> {\n  static LoadedCustomComponent: boolean = DiffsContainerLoaded;\n\n  readonly __id: number = ++instanceId;\n  private fileContainer: HTMLElement | undefined;\n  private spriteSVG: SVGElement | undefined;\n  private pre: HTMLPreElement | undefined;\n  private code: HTMLElement | undefined;\n  private unsafeCSSStyle: HTMLStyleElement | undefined;\n  private hoverContent: HTMLElement | undefined;\n  private errorWrapper: HTMLElement | undefined;\n\n  private headerElement: HTMLElement | undefined;\n  private headerMetadata: HTMLElement | undefined;\n\n  private fileRenderer: FileRenderer<LAnnotation>;\n  private resizeManager: ResizeManager;\n  private mouseEventManager: MouseEventManager<'file'>;\n  private lineSelectionManager: LineSelectionManager;\n\n  private annotationElements: HTMLElement[] = [];\n  private lineAnnotations: LineAnnotation<LAnnotation>[] = [];\n\n  private file: FileContents | undefined;\n\n  constructor(\n    public options: FileOptions<LAnnotation> = { theme: DEFAULT_THEMES },\n    private workerManager?: WorkerPoolManager | undefined,\n    private isContainerManaged = false\n  ) {\n    this.fileRenderer = new FileRenderer<LAnnotation>(\n      options,\n      this.handleHighlightRender,\n      this.workerManager\n    );\n    this.resizeManager = new ResizeManager();\n    this.mouseEventManager = new MouseEventManager(\n      'file',\n      pluckMouseEventOptions(options)\n    );\n    this.lineSelectionManager = new LineSelectionManager(\n      pluckLineSelectionOptions(options)\n    );\n    this.workerManager?.subscribeToThemeChanges(this);\n  }\n\n  private handleHighlightRender = (): void => {\n    this.rerender();\n  };\n\n  rerender(): void {\n    if (this.file == null) return;\n    this.render({ file: this.file, forceRender: true });\n  }\n\n  setOptions(options: FileOptions<LAnnotation> | undefined): void {\n    if (options == null) return;\n    this.options = options;\n    this.mouseEventManager.setOptions(pluckMouseEventOptions(options));\n    this.lineSelectionManager.setOptions(pluckLineSelectionOptions(options));\n  }\n\n  private mergeOptions(options: Partial<FileOptions<LAnnotation>>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  setThemeType(themeType: ThemeTypes): void {\n    const currentThemeType = this.options.themeType ?? 'system';\n    if (currentThemeType === themeType) {\n      return;\n    }\n    this.mergeOptions({ themeType });\n    this.fileRenderer.setThemeType(themeType);\n\n    if (this.headerElement != null) {\n      if (themeType === 'system') {\n        delete this.headerElement.dataset.themeType;\n      } else {\n        this.headerElement.dataset.themeType = themeType;\n      }\n    }\n\n    // Update pre element theme mode\n    if (this.pre != null) {\n      switch (themeType) {\n        case 'system':\n          delete this.pre.dataset.themeType;\n          break;\n        case 'light':\n        case 'dark':\n          this.pre.dataset.themeType = themeType;\n          break;\n      }\n    }\n  }\n\n  getHoveredLine = (): GetHoveredLineResult<'file'> | undefined => {\n    return this.mouseEventManager.getHoveredLine();\n  };\n\n  setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void {\n    this.lineAnnotations = lineAnnotations;\n  }\n\n  setSelectedLines(range: SelectedLineRange | null): void {\n    this.lineSelectionManager.setSelection(range);\n  }\n\n  cleanUp(): void {\n    this.fileRenderer.cleanUp();\n    this.resizeManager.cleanUp();\n    this.mouseEventManager.cleanUp();\n    this.lineSelectionManager.cleanUp();\n    this.workerManager?.unsubscribeToThemeChanges(this);\n    this.workerManager = undefined;\n\n    // Clean up the data\n    this.file = undefined;\n\n    // Clean up the elements\n    if (!this.isContainerManaged) {\n      this.fileContainer?.parentNode?.removeChild(this.fileContainer);\n    }\n    if (this.fileContainer?.shadowRoot != null) {\n      this.fileContainer.shadowRoot.innerHTML = '';\n    }\n    this.fileContainer = undefined;\n    this.pre = undefined;\n    this.headerElement = undefined;\n    this.errorWrapper = undefined;\n    this.unsafeCSSStyle = undefined;\n  }\n\n  hydrate(props: FileHyrdateProps<LAnnotation>): void {\n    const { fileContainer, prerenderedHTML } = props;\n    prerenderHTMLIfNecessary(fileContainer, prerenderedHTML);\n    for (const element of Array.from(\n      fileContainer.shadowRoot?.children ?? []\n    )) {\n      if (element instanceof SVGElement) {\n        this.spriteSVG = element;\n        continue;\n      }\n      if (!(element instanceof HTMLElement)) {\n        continue;\n      }\n      if (element instanceof HTMLPreElement) {\n        this.pre = element;\n        continue;\n      }\n      if (\n        element instanceof HTMLStyleElement &&\n        element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)\n      ) {\n        this.unsafeCSSStyle = element;\n        continue;\n      }\n      if ('diffsHeader' in element.dataset) {\n        this.headerElement = element;\n        continue;\n      }\n    }\n    // If we have no pre tag, then we should render\n    if (this.pre == null) {\n      this.render(props);\n    }\n    // Otherwise orchestrate our setup\n    else {\n      const { file, lineAnnotations } = props;\n      this.fileContainer = fileContainer;\n      delete this.pre.dataset.dehydrated;\n\n      this.lineAnnotations = lineAnnotations ?? this.lineAnnotations;\n      this.file = file;\n      this.fileRenderer.hydrate(file);\n      this.renderAnnotations();\n      this.renderHoverUtility();\n      this.injectUnsafeCSS();\n      this.mouseEventManager.setup(this.pre);\n      this.lineSelectionManager.setup(this.pre);\n      if ((this.options.overflow ?? 'scroll') === 'scroll') {\n        this.resizeManager.setup(this.pre);\n      }\n    }\n  }\n\n  render({\n    file,\n    fileContainer,\n    forceRender = false,\n    containerWrapper,\n    lineAnnotations,\n  }: FileRenderProps<LAnnotation>): void {\n    const annotationsChanged =\n      lineAnnotations != null &&\n      (lineAnnotations.length > 0 || this.lineAnnotations.length > 0)\n        ? lineAnnotations !== this.lineAnnotations\n        : false;\n    if (!forceRender && areFilesEqual(this.file, file) && !annotationsChanged) {\n      return;\n    }\n\n    this.file = file;\n    this.fileRenderer.setOptions(this.options);\n    if (lineAnnotations != null) {\n      this.setLineAnnotations(lineAnnotations);\n    }\n    this.fileRenderer.setLineAnnotations(this.lineAnnotations);\n\n    const { disableFileHeader = false } = this.options;\n    if (disableFileHeader) {\n      // Remove existing header from DOM\n      if (this.headerElement != null) {\n        this.headerElement.parentNode?.removeChild(this.headerElement);\n        this.headerElement = undefined;\n      }\n    }\n\n    fileContainer = this.getOrCreateFileContainerNode(\n      fileContainer,\n      containerWrapper\n    );\n\n    try {\n      const fileResult = this.fileRenderer.renderFile(file);\n      if (fileResult == null) {\n        if (this.workerManager != null && !this.workerManager.isInitialized()) {\n          void this.workerManager.initialize().then(() => this.rerender());\n        }\n        return;\n      }\n      if (fileResult.headerAST != null) {\n        this.applyHeaderToDOM(fileResult.headerAST, fileContainer);\n      }\n      const pre = this.getOrCreatePreNode(fileContainer);\n      this.applyHunksToDOM(fileResult, pre);\n      this.renderAnnotations();\n      this.renderHoverUtility();\n    } catch (error: unknown) {\n      if (error instanceof Error) {\n        this.applyErrorToDOM(error, fileContainer);\n      }\n    }\n  }\n\n  private renderAnnotations(): void {\n    if (this.isContainerManaged || this.fileContainer == null) {\n      return;\n    }\n    // Handle annotation elements\n    for (const element of this.annotationElements) {\n      element.parentNode?.removeChild(element);\n    }\n    this.annotationElements.length = 0;\n\n    const { renderAnnotation } = this.options;\n    if (renderAnnotation != null && this.lineAnnotations.length > 0) {\n      for (const annotation of this.lineAnnotations) {\n        const content = renderAnnotation(annotation);\n        if (content == null) continue;\n        const el = createAnnotationWrapperNode(\n          getLineAnnotationName(annotation)\n        );\n        el.appendChild(content);\n        this.annotationElements.push(el);\n        this.fileContainer.appendChild(el);\n      }\n    }\n  }\n\n  private renderHoverUtility() {\n    const { renderHoverUtility } = this.options;\n    if (this.fileContainer == null || renderHoverUtility == null) return;\n    if (this.hoverContent == null) {\n      this.hoverContent = createHoverContentNode();\n      this.fileContainer.appendChild(this.hoverContent);\n    }\n    const element = renderHoverUtility(this.mouseEventManager.getHoveredLine);\n    this.hoverContent.innerHTML = '';\n    if (element != null) {\n      this.hoverContent.appendChild(element);\n    }\n  }\n\n  private injectUnsafeCSS(): void {\n    if (this.fileContainer?.shadowRoot == null) {\n      return;\n    }\n    const { unsafeCSS } = this.options;\n\n    if (unsafeCSS == null || unsafeCSS === '') {\n      if (this.unsafeCSSStyle != null) {\n        this.unsafeCSSStyle.parentNode?.removeChild(this.unsafeCSSStyle);\n        this.unsafeCSSStyle = undefined;\n      }\n      return;\n    }\n\n    // Create or update the style element\n    if (this.unsafeCSSStyle == null) {\n      this.unsafeCSSStyle = createUnsafeCSSStyleNode();\n      this.fileContainer.shadowRoot.appendChild(this.unsafeCSSStyle);\n    }\n    // Wrap in @layer unsafe to match SSR behavior\n    this.unsafeCSSStyle.innerText = wrapUnsafeCSS(unsafeCSS);\n  }\n\n  private applyHunksToDOM(result: FileRenderResult, pre: HTMLPreElement): void {\n    this.cleanupErrorWrapper();\n    this.applyPreNodeAttributes(pre, result);\n    pre.innerHTML = '';\n    // Create code elements and insert HTML content\n    this.code = createCodeNode();\n    this.code.innerHTML = this.fileRenderer.renderPartialHTML(result.codeAST);\n    pre.appendChild(this.code);\n    this.injectUnsafeCSS();\n    this.mouseEventManager.setup(pre);\n    this.lineSelectionManager.setup(pre);\n    this.lineSelectionManager.setDirty();\n    if ((this.options.overflow ?? 'scroll') === 'scroll') {\n      this.resizeManager.setup(pre);\n    } else {\n      this.resizeManager.cleanUp();\n    }\n  }\n\n  private applyHeaderToDOM(\n    headerAST: HASTElement,\n    container: HTMLElement\n  ): void {\n    const { file } = this;\n    if (file == null) return;\n    this.cleanupErrorWrapper();\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = toHtml(headerAST);\n    const newHeader = tempDiv.firstElementChild;\n    if (!(newHeader instanceof HTMLElement)) {\n      return;\n    }\n    if (this.headerElement != null) {\n      container.shadowRoot?.replaceChild(newHeader, this.headerElement);\n    } else {\n      container.shadowRoot?.prepend(newHeader);\n    }\n    this.headerElement = newHeader;\n\n    if (this.isContainerManaged) return;\n\n    const { renderCustomMetadata } = this.options;\n    if (this.headerMetadata != null) {\n      this.headerMetadata.parentNode?.removeChild(this.headerMetadata);\n    }\n    const content = renderCustomMetadata?.(file) ?? undefined;\n    if (content != null) {\n      this.headerMetadata = document.createElement('div');\n      this.headerMetadata.slot = HEADER_METADATA_SLOT_ID;\n      if (content instanceof Element) {\n        this.headerMetadata.appendChild(content);\n      } else {\n        this.headerMetadata.innerText = `${content}`;\n      }\n      container.appendChild(this.headerMetadata);\n    }\n  }\n\n  private getOrCreateFileContainerNode(\n    fileContainer?: HTMLElement,\n    parentNode?: HTMLElement\n  ): HTMLElement {\n    this.fileContainer =\n      fileContainer ??\n      this.fileContainer ??\n      document.createElement(DIFFS_TAG_NAME);\n    if (parentNode != null && this.fileContainer.parentNode !== parentNode) {\n      parentNode.appendChild(this.fileContainer);\n    }\n    if (this.spriteSVG == null) {\n      const fragment = document.createElement('div');\n      fragment.innerHTML = SVGSpriteSheet;\n      const firstChild = fragment.firstChild;\n      if (firstChild instanceof SVGElement) {\n        this.spriteSVG = firstChild;\n        this.fileContainer.shadowRoot?.appendChild(this.spriteSVG);\n      }\n    }\n    return this.fileContainer;\n  }\n\n  private getOrCreatePreNode(container: HTMLElement): HTMLPreElement {\n    // If we haven't created a pre element yet, lets go ahead and do that\n    if (this.pre == null) {\n      this.pre = document.createElement('pre');\n      container.shadowRoot?.appendChild(this.pre);\n    }\n    // If we have a new parent container for the pre element, lets go ahead and\n    // move it into the new container\n    else if (this.pre.parentNode !== container) {\n      container.shadowRoot?.appendChild(this.pre);\n    }\n    return this.pre;\n  }\n\n  private applyPreNodeAttributes(\n    pre: HTMLPreElement,\n    { totalLines, themeStyles, baseThemeType }: FileRenderResult\n  ): void {\n    const {\n      overflow = 'scroll',\n      themeType = 'system',\n      disableLineNumbers = false,\n    } = this.options;\n    setPreNodeProperties({\n      pre,\n      split: false,\n      themeStyles,\n      overflow,\n      disableLineNumbers,\n      themeType: baseThemeType ?? themeType,\n      diffIndicators: 'none',\n      disableBackground: true,\n      totalLines,\n    });\n  }\n\n  private applyErrorToDOM(error: Error, container: HTMLElement) {\n    this.cleanupErrorWrapper();\n    const pre = this.getOrCreatePreNode(container);\n    pre.innerHTML = '';\n    pre.parentNode?.removeChild(pre);\n    this.pre = undefined;\n    const shadowRoot =\n      container.shadowRoot ?? container.attachShadow({ mode: 'open' });\n    this.errorWrapper ??= document.createElement('div');\n    this.errorWrapper.dataset.errorWrapper = '';\n    this.errorWrapper.innerHTML = '';\n    shadowRoot.appendChild(this.errorWrapper);\n    const errorMessage = document.createElement('div');\n    errorMessage.dataset.errorMessage = '';\n    errorMessage.innerText = error.message;\n    this.errorWrapper.appendChild(errorMessage);\n    const errorStack = document.createElement('pre');\n    errorStack.dataset.errorStack = '';\n    errorStack.innerText = error.stack ?? 'No Error Stack';\n    this.errorWrapper.appendChild(errorStack);\n  }\n\n  private cleanupErrorWrapper() {\n    this.errorWrapper?.parentNode?.removeChild(this.errorWrapper);\n    this.errorWrapper = undefined;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"File.js","names":["options: FileOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined","error: unknown","preProperties: PrePropertiesConfig"],"sources":["../../src/components/File.ts"],"sourcesContent":["import type { Element as HASTElement } from 'hast';\nimport { toHtml } from 'hast-util-to-html';\n\nimport {\n  DEFAULT_THEMES,\n  DIFFS_TAG_NAME,\n  HEADER_METADATA_SLOT_ID,\n  UNSAFE_CSS_ATTRIBUTE,\n} from '../constants';\nimport {\n  LineSelectionManager,\n  type LineSelectionOptions,\n  type SelectedLineRange,\n  pluckLineSelectionOptions,\n} from '../managers/LineSelectionManager';\nimport {\n  type GetHoveredLineResult,\n  MouseEventManager,\n  type MouseEventManagerBaseOptions,\n  pluckMouseEventOptions,\n} from '../managers/MouseEventManager';\nimport { ResizeManager } from '../managers/ResizeManager';\nimport { type FileRenderResult, FileRenderer } from '../renderers/FileRenderer';\nimport { SVGSpriteSheet } from '../sprite';\nimport type {\n  BaseCodeOptions,\n  FileContents,\n  LineAnnotation,\n  PrePropertiesConfig,\n  RenderFileMetadata,\n  ThemeTypes,\n} from '../types';\nimport { areFilesEqual } from '../utils/areFilesEqual';\nimport { areLineAnnotationsEqual } from '../utils/areLineAnnotationsEqual';\nimport { arePrePropertiesEqual } from '../utils/arePrePropertiesEqual';\nimport { createAnnotationWrapperNode } from '../utils/createAnnotationWrapperNode';\nimport { createHoverContentNode } from '../utils/createHoverContentNode';\nimport { createUnsafeCSSStyleNode } from '../utils/createUnsafeCSSStyleNode';\nimport { wrapUnsafeCSS } from '../utils/cssWrappers';\nimport { getLineAnnotationName } from '../utils/getLineAnnotationName';\nimport { getOrCreateCodeNode } from '../utils/getOrCreateCodeNode';\nimport { prerenderHTMLIfNecessary } from '../utils/prerenderHTMLIfNecessary';\nimport { setPreNodeProperties } from '../utils/setWrapperNodeProps';\nimport type { WorkerPoolManager } from '../worker';\nimport { DiffsContainerLoaded } from './web-components';\n\nexport interface FileRenderProps<LAnnotation> {\n  file: FileContents;\n  fileContainer?: HTMLElement;\n  containerWrapper?: HTMLElement;\n  forceRender?: boolean;\n  lineAnnotations?: LineAnnotation<LAnnotation>[];\n}\n\nexport interface FileHyrdateProps<LAnnotation>\n  extends Omit<FileRenderProps<LAnnotation>, 'fileContainer'> {\n  fileContainer: HTMLElement;\n  prerenderedHTML?: string;\n}\n\nexport interface FileOptions<LAnnotation>\n  extends BaseCodeOptions,\n    MouseEventManagerBaseOptions<'file'>,\n    LineSelectionOptions {\n  disableFileHeader?: boolean;\n  renderCustomMetadata?: RenderFileMetadata;\n  renderAnnotation?(\n    annotation: LineAnnotation<LAnnotation>\n  ): HTMLElement | undefined;\n  renderHoverUtility?(\n    getHoveredRow: () => GetHoveredLineResult<'file'> | undefined\n  ): HTMLElement | null;\n}\n\ninterface AnnotationElementCache<LAnnotation> {\n  element: HTMLElement;\n  annotation: LineAnnotation<LAnnotation>;\n}\n\nlet instanceId = -1;\n\nexport class File<LAnnotation = undefined> {\n  static LoadedCustomComponent: boolean = DiffsContainerLoaded;\n\n  readonly __id: string = `file:${++instanceId}`;\n\n  private fileContainer: HTMLElement | undefined;\n  private spriteSVG: SVGElement | undefined;\n  private pre: HTMLPreElement | undefined;\n  private code: HTMLElement | undefined;\n  private unsafeCSSStyle: HTMLStyleElement | undefined;\n  private hoverContent: HTMLElement | undefined;\n  private errorWrapper: HTMLElement | undefined;\n  private lastRenderedHeaderHTML: string | undefined;\n  private appliedPreAttributes: PrePropertiesConfig | undefined;\n\n  private headerElement: HTMLElement | undefined;\n  private headerMetadata: HTMLElement | undefined;\n\n  private fileRenderer: FileRenderer<LAnnotation>;\n  private resizeManager: ResizeManager;\n  private mouseEventManager: MouseEventManager<'file'>;\n  private lineSelectionManager: LineSelectionManager;\n\n  private annotationCache: Map<string, AnnotationElementCache<LAnnotation>> =\n    new Map();\n  private lineAnnotations: LineAnnotation<LAnnotation>[] = [];\n\n  private file: FileContents | undefined;\n\n  constructor(\n    public options: FileOptions<LAnnotation> = { theme: DEFAULT_THEMES },\n    private workerManager?: WorkerPoolManager | undefined,\n    private isContainerManaged = false\n  ) {\n    this.fileRenderer = new FileRenderer<LAnnotation>(\n      options,\n      this.handleHighlightRender,\n      this.workerManager\n    );\n    this.resizeManager = new ResizeManager();\n    this.mouseEventManager = new MouseEventManager(\n      'file',\n      pluckMouseEventOptions(options)\n    );\n    this.lineSelectionManager = new LineSelectionManager(\n      pluckLineSelectionOptions(options)\n    );\n    this.workerManager?.subscribeToThemeChanges(this);\n  }\n\n  private handleHighlightRender = (): void => {\n    this.rerender();\n  };\n\n  rerender(): void {\n    if (this.file == null) return;\n    this.render({ file: this.file, forceRender: true });\n  }\n\n  setOptions(options: FileOptions<LAnnotation> | undefined): void {\n    if (options == null) return;\n    this.options = options;\n    this.mouseEventManager.setOptions(pluckMouseEventOptions(options));\n    this.lineSelectionManager.setOptions(pluckLineSelectionOptions(options));\n  }\n\n  private mergeOptions(options: Partial<FileOptions<LAnnotation>>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  setThemeType(themeType: ThemeTypes): void {\n    const currentThemeType = this.options.themeType ?? 'system';\n    if (currentThemeType === themeType) {\n      return;\n    }\n    this.mergeOptions({ themeType });\n    this.fileRenderer.setThemeType(themeType);\n\n    if (this.headerElement != null) {\n      if (themeType === 'system') {\n        delete this.headerElement.dataset.themeType;\n      } else {\n        this.headerElement.dataset.themeType = themeType;\n      }\n    }\n\n    // Update pre element theme mode\n    if (this.pre != null) {\n      switch (themeType) {\n        case 'system':\n          delete this.pre.dataset.themeType;\n          break;\n        case 'light':\n        case 'dark':\n          this.pre.dataset.themeType = themeType;\n          break;\n      }\n    }\n  }\n\n  getHoveredLine = (): GetHoveredLineResult<'file'> | undefined => {\n    return this.mouseEventManager.getHoveredLine();\n  };\n\n  setLineAnnotations(lineAnnotations: LineAnnotation<LAnnotation>[]): void {\n    this.lineAnnotations = lineAnnotations;\n  }\n\n  setSelectedLines(range: SelectedLineRange | null): void {\n    this.lineSelectionManager.setSelection(range);\n  }\n\n  cleanUp(): void {\n    this.fileRenderer.cleanUp();\n    this.resizeManager.cleanUp();\n    this.mouseEventManager.cleanUp();\n    this.lineSelectionManager.cleanUp();\n    this.workerManager?.unsubscribeToThemeChanges(this);\n    this.workerManager = undefined;\n\n    // Clean up the data\n    this.file = undefined;\n\n    // Clean up the elements\n    if (!this.isContainerManaged) {\n      this.fileContainer?.parentNode?.removeChild(this.fileContainer);\n    }\n    if (this.fileContainer?.shadowRoot != null) {\n      this.fileContainer.shadowRoot.innerHTML = '';\n    }\n    this.fileContainer = undefined;\n    this.pre = undefined;\n    this.appliedPreAttributes = undefined;\n    this.headerElement = undefined;\n    this.lastRenderedHeaderHTML = undefined;\n    this.errorWrapper = undefined;\n    this.unsafeCSSStyle = undefined;\n  }\n\n  hydrate(props: FileHyrdateProps<LAnnotation>): void {\n    const { fileContainer, prerenderedHTML } = props;\n    prerenderHTMLIfNecessary(fileContainer, prerenderedHTML);\n    for (const element of Array.from(\n      fileContainer.shadowRoot?.children ?? []\n    )) {\n      if (element instanceof SVGElement) {\n        this.spriteSVG = element;\n        continue;\n      }\n      if (!(element instanceof HTMLElement)) {\n        continue;\n      }\n      if (element instanceof HTMLPreElement) {\n        this.pre = element;\n        this.appliedPreAttributes = undefined;\n        continue;\n      }\n      if (\n        element instanceof HTMLStyleElement &&\n        element.hasAttribute(UNSAFE_CSS_ATTRIBUTE)\n      ) {\n        this.unsafeCSSStyle = element;\n        continue;\n      }\n      if ('diffsHeader' in element.dataset) {\n        this.headerElement = element;\n        this.lastRenderedHeaderHTML = undefined;\n        continue;\n      }\n    }\n    // If we have no pre tag, then we should render\n    if (this.pre == null) {\n      this.render(props);\n    }\n    // Otherwise orchestrate our setup\n    else {\n      const { file, lineAnnotations } = props;\n      this.fileContainer = fileContainer;\n      delete this.pre.dataset.dehydrated;\n\n      this.lineAnnotations = lineAnnotations ?? this.lineAnnotations;\n      this.file = file;\n      this.fileRenderer.hydrate(file);\n      this.renderAnnotations();\n      this.renderHoverUtility();\n      this.injectUnsafeCSS();\n      this.mouseEventManager.setup(this.pre);\n      this.lineSelectionManager.setup(this.pre);\n      if ((this.options.overflow ?? 'scroll') === 'scroll') {\n        this.resizeManager.setup(this.pre);\n      }\n    }\n  }\n\n  render({\n    file,\n    fileContainer,\n    forceRender = false,\n    containerWrapper,\n    lineAnnotations,\n  }: FileRenderProps<LAnnotation>): void {\n    const annotationsChanged =\n      lineAnnotations != null &&\n      (lineAnnotations.length > 0 || this.lineAnnotations.length > 0)\n        ? lineAnnotations !== this.lineAnnotations\n        : false;\n    if (!forceRender && areFilesEqual(this.file, file) && !annotationsChanged) {\n      return;\n    }\n\n    this.file = file;\n    this.fileRenderer.setOptions(this.options);\n    if (lineAnnotations != null) {\n      this.setLineAnnotations(lineAnnotations);\n    }\n    this.fileRenderer.setLineAnnotations(this.lineAnnotations);\n\n    const { disableFileHeader = false } = this.options;\n    if (disableFileHeader) {\n      // Remove existing header from DOM\n      if (this.headerElement != null) {\n        this.headerElement.parentNode?.removeChild(this.headerElement);\n        this.headerElement = undefined;\n        this.lastRenderedHeaderHTML = undefined;\n      }\n    }\n\n    fileContainer = this.getOrCreateFileContainerNode(\n      fileContainer,\n      containerWrapper\n    );\n\n    try {\n      const fileResult = this.fileRenderer.renderFile(file);\n      if (fileResult == null) {\n        if (this.workerManager != null && !this.workerManager.isInitialized()) {\n          void this.workerManager.initialize().then(() => this.rerender());\n        }\n        return;\n      }\n      if (fileResult.headerAST != null) {\n        this.applyHeaderToDOM(fileResult.headerAST, fileContainer);\n      }\n      const pre = this.getOrCreatePreNode(fileContainer);\n      this.applyHunksToDOM(fileResult, pre);\n      this.renderAnnotations();\n      this.renderHoverUtility();\n    } catch (error: unknown) {\n      if (error instanceof Error) {\n        console.error(error);\n        this.applyErrorToDOM(error, fileContainer);\n      }\n    }\n  }\n\n  private renderAnnotations(): void {\n    if (this.isContainerManaged || this.fileContainer == null) {\n      for (const { element } of this.annotationCache.values()) {\n        element.parentNode?.removeChild(element);\n      }\n      this.annotationCache.clear();\n      return;\n    }\n    const staleAnnotations = new Map(this.annotationCache);\n    const { renderAnnotation } = this.options;\n    if (renderAnnotation != null && this.lineAnnotations.length > 0) {\n      for (const [index, annotation] of this.lineAnnotations.entries()) {\n        const id = `${index}-${getLineAnnotationName(annotation)}`;\n        let cache = this.annotationCache.get(id);\n        if (\n          cache == null ||\n          !areLineAnnotationsEqual(annotation, cache.annotation)\n        ) {\n          cache?.element.parentElement?.removeChild(cache.element);\n          const content = renderAnnotation(annotation);\n          // If we can't render anything, then we should not render anything\n          // and clear the annotation cache if necessary.\n          if (content == null) {\n            continue;\n          }\n          cache = {\n            element: createAnnotationWrapperNode(\n              getLineAnnotationName(annotation)\n            ),\n            annotation,\n          };\n          cache.element.appendChild(content);\n          this.fileContainer.appendChild(cache.element);\n          this.annotationCache.set(id, cache);\n        }\n        staleAnnotations.delete(id);\n      }\n    }\n    for (const [id, { element }] of staleAnnotations.entries()) {\n      this.annotationCache.delete(id);\n      element.parentNode?.removeChild(element);\n    }\n  }\n\n  private renderHoverUtility() {\n    const { renderHoverUtility } = this.options;\n    if (this.fileContainer == null || renderHoverUtility == null) {\n      return;\n    }\n    const element = renderHoverUtility(this.mouseEventManager.getHoveredLine);\n    if (element != null && this.hoverContent != null) {\n      return;\n    } else if (element == null) {\n      this.hoverContent?.parentNode?.removeChild(this.hoverContent);\n      this.hoverContent = undefined;\n      return;\n    }\n    this.hoverContent = createHoverContentNode();\n    this.hoverContent.appendChild(element);\n    this.fileContainer.appendChild(this.hoverContent);\n  }\n\n  private injectUnsafeCSS(): void {\n    if (this.fileContainer?.shadowRoot == null) {\n      return;\n    }\n    const { unsafeCSS } = this.options;\n\n    if (unsafeCSS == null || unsafeCSS === '') {\n      if (this.unsafeCSSStyle != null) {\n        this.unsafeCSSStyle.parentNode?.removeChild(this.unsafeCSSStyle);\n        this.unsafeCSSStyle = undefined;\n      }\n      return;\n    }\n\n    // Create or update the style element\n    if (this.unsafeCSSStyle == null) {\n      this.unsafeCSSStyle = createUnsafeCSSStyleNode();\n      this.fileContainer.shadowRoot.appendChild(this.unsafeCSSStyle);\n    }\n    // Wrap in @layer unsafe to match SSR behavior\n    this.unsafeCSSStyle.innerText = wrapUnsafeCSS(unsafeCSS);\n  }\n\n  private applyHunksToDOM(result: FileRenderResult, pre: HTMLPreElement): void {\n    this.cleanupErrorWrapper();\n    this.applyPreNodeAttributes(pre, result);\n    // Create code elements and insert HTML content\n    this.code = getOrCreateCodeNode({ code: this.code });\n    this.code.innerHTML = this.fileRenderer.renderPartialHTML(result.codeAST);\n    pre.replaceChildren(this.code);\n    this.injectUnsafeCSS();\n    this.mouseEventManager.setup(pre);\n    this.lineSelectionManager.setup(pre);\n    this.lineSelectionManager.setDirty();\n    if ((this.options.overflow ?? 'scroll') === 'scroll') {\n      this.resizeManager.setup(pre);\n    } else {\n      this.resizeManager.cleanUp();\n    }\n  }\n\n  private applyHeaderToDOM(\n    headerAST: HASTElement,\n    container: HTMLElement\n  ): void {\n    const { file } = this;\n    if (file == null) return;\n    this.cleanupErrorWrapper();\n    const headerHTML = toHtml(headerAST);\n    if (headerHTML !== this.lastRenderedHeaderHTML) {\n      const tempDiv = document.createElement('div');\n      tempDiv.innerHTML = headerHTML;\n      const newHeader = tempDiv.firstElementChild;\n      if (!(newHeader instanceof HTMLElement)) {\n        return;\n      }\n      if (this.headerElement != null) {\n        container.shadowRoot?.replaceChild(newHeader, this.headerElement);\n      } else {\n        container.shadowRoot?.prepend(newHeader);\n      }\n      this.headerElement = newHeader;\n      this.lastRenderedHeaderHTML = headerHTML;\n    }\n\n    if (this.isContainerManaged) return;\n\n    const { renderCustomMetadata } = this.options;\n    if (this.headerMetadata != null) {\n      this.headerMetadata.parentNode?.removeChild(this.headerMetadata);\n    }\n    const content = renderCustomMetadata?.(file) ?? undefined;\n    if (content != null) {\n      this.headerMetadata = document.createElement('div');\n      this.headerMetadata.slot = HEADER_METADATA_SLOT_ID;\n      if (content instanceof Element) {\n        this.headerMetadata.appendChild(content);\n      } else {\n        this.headerMetadata.innerText = `${content}`;\n      }\n      container.appendChild(this.headerMetadata);\n    }\n  }\n\n  private getOrCreateFileContainerNode(\n    fileContainer?: HTMLElement,\n    parentNode?: HTMLElement\n  ): HTMLElement {\n    const previousContainer = this.fileContainer;\n    this.fileContainer =\n      fileContainer ??\n      this.fileContainer ??\n      document.createElement(DIFFS_TAG_NAME);\n    if (previousContainer != null && previousContainer !== this.fileContainer) {\n      this.lastRenderedHeaderHTML = undefined;\n      this.headerElement = undefined;\n    }\n    if (parentNode != null && this.fileContainer.parentNode !== parentNode) {\n      parentNode.appendChild(this.fileContainer);\n    }\n    if (this.spriteSVG == null) {\n      const fragment = document.createElement('div');\n      fragment.innerHTML = SVGSpriteSheet;\n      const firstChild = fragment.firstChild;\n      if (firstChild instanceof SVGElement) {\n        this.spriteSVG = firstChild;\n        this.fileContainer.shadowRoot?.appendChild(this.spriteSVG);\n      }\n    }\n    return this.fileContainer;\n  }\n\n  private getOrCreatePreNode(container: HTMLElement): HTMLPreElement {\n    // If we haven't created a pre element yet, lets go ahead and do that\n    if (this.pre == null) {\n      this.pre = document.createElement('pre');\n      container.shadowRoot?.appendChild(this.pre);\n      this.appliedPreAttributes = undefined;\n    }\n    // If we have a new parent container for the pre element, lets go ahead and\n    // move it into the new container\n    else if (this.pre.parentNode !== container) {\n      container.shadowRoot?.appendChild(this.pre);\n      this.appliedPreAttributes = undefined;\n    }\n    return this.pre;\n  }\n\n  private applyPreNodeAttributes(\n    pre: HTMLPreElement,\n    { totalLines, themeStyles, baseThemeType }: FileRenderResult\n  ): void {\n    const {\n      overflow = 'scroll',\n      themeType = 'system',\n      disableLineNumbers = false,\n    } = this.options;\n    const preProperties: PrePropertiesConfig = {\n      split: false,\n      themeStyles,\n      overflow,\n      disableLineNumbers,\n      themeType: baseThemeType ?? themeType,\n      diffIndicators: 'none',\n      disableBackground: true,\n      totalLines,\n    };\n    if (arePrePropertiesEqual(preProperties, this.appliedPreAttributes)) {\n      return;\n    }\n    setPreNodeProperties(pre, preProperties);\n    this.appliedPreAttributes = preProperties;\n  }\n\n  private applyErrorToDOM(error: Error, container: HTMLElement) {\n    this.cleanupErrorWrapper();\n    const pre = this.getOrCreatePreNode(container);\n    pre.innerHTML = '';\n    pre.parentNode?.removeChild(pre);\n    this.pre = undefined;\n    this.appliedPreAttributes = undefined;\n    const shadowRoot =\n      container.shadowRoot ?? container.attachShadow({ mode: 'open' });\n    this.errorWrapper ??= document.createElement('div');\n    this.errorWrapper.dataset.errorWrapper = '';\n    this.errorWrapper.innerHTML = '';\n    shadowRoot.appendChild(this.errorWrapper);\n    const errorMessage = document.createElement('div');\n    errorMessage.dataset.errorMessage = '';\n    errorMessage.innerText = error.message;\n    this.errorWrapper.appendChild(errorMessage);\n    const errorStack = document.createElement('pre');\n    errorStack.dataset.errorStack = '';\n    errorStack.innerText = error.stack ?? 'No Error Stack';\n    this.errorWrapper.appendChild(errorStack);\n  }\n\n  private cleanupErrorWrapper() {\n    this.errorWrapper?.parentNode?.removeChild(this.errorWrapper);\n    this.errorWrapper = undefined;\n  }\n}\n"],"mappings":"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"}

package/dist/components/FileDiff.d.ts

@@ -1,8 +1,11 @@
-import { BaseDiffOptions, DiffLineAnnotation, ExpansionDirections, FileContents, FileDiffMetadata, HunkData, HunkSeparators, RenderHeaderMetadataCallback, ThemeTypes } from "../types.js";
-import { LineSelectionOptions, SelectedLineRange } from "../managers/LineSelectionManager.js";
-import { GetHoveredLineResult, MouseEventManagerBaseOptions } from "../managers/MouseEventManager.js";
+import { BaseDiffOptions, DiffLineAnnotation, ExpansionDirections, FileContents, FileDiffMetadata, HunkData, HunkSeparators, PrePropertiesConfig, RenderHeaderMetadataCallback, RenderRange, ThemeTypes } from "../types.js";
+import { LineSelectionManager, LineSelectionOptions, SelectedLineRange } from "../managers/LineSelectionManager.js";
+import { GetHoveredLineResult, MouseEventManager, MouseEventManagerBaseOptions } from "../managers/MouseEventManager.js";
 import { WorkerPoolManager } from "../worker/WorkerPoolManager.js";
 import "../worker/index.js";
+import { ResizeManager } from "../managers/ResizeManager.js";
+import { ScrollSyncManager } from "../managers/ScrollSyncManager.js";
+import { DiffHunksRenderer } from "../renderers/DiffHunksRenderer.js";
 
 //#region src/components/FileDiff.d.ts
 interface FileDiffRenderProps<LAnnotation> {
@@ -13,6 +16,7 @@ interface FileDiffRenderProps<LAnnotation> {
   fileContainer?: HTMLElement;
   containerWrapper?: HTMLElement;
   lineAnnotations?: DiffLineAnnotation<LAnnotation>[];
+  renderRange?: RenderRange;
 }
 interface FileDiffHydrationProps<LAnnotation> extends Omit<FileDiffRenderProps<LAnnotation>, "fileContainer"> {
   fileContainer: HTMLElement;
@@ -25,31 +29,46 @@ interface FileDiffOptions<LAnnotation> extends Omit<BaseDiffOptions, "hunkSepara
   renderAnnotation?(annotation: DiffLineAnnotation<LAnnotation>): HTMLElement | undefined;
   renderHoverUtility?(getHoveredRow: () => GetHoveredLineResult<"diff"> | undefined): HTMLElement | null;
 }
+interface AnnotationElementCache<LAnnotation> {
+  element: HTMLElement;
+  annotation: DiffLineAnnotation<LAnnotation>;
+}
+interface CustomHunkElementCache {
+  element: HTMLElement;
+  hunkData: HunkData;
+}
 declare class FileDiff<LAnnotation = undefined> {
   options: FileDiffOptions<LAnnotation>;
-  private workerManager?;
-  private isContainerManaged;
+  protected workerManager?: WorkerPoolManager | undefined;
+  protected isContainerManaged: boolean;
   static LoadedCustomComponent: boolean;
-  readonly __id: number;
-  private fileContainer;
-  private spriteSVG;
-  private pre;
-  private unsafeCSSStyle;
-  private hoverContent;
-  private headerElement;
-  private headerMetadata;
-  private customHunkElements;
-  private errorWrapper;
-  private hunksRenderer;
-  private resizeManager;
-  private scrollSyncManager;
-  private mouseEventManager;
-  private lineSelectionManager;
-  private annotationElements;
-  private lineAnnotations;
-  private oldFile;
-  private newFile;
-  private fileDiff;
+  readonly __id: string;
+  protected fileContainer: HTMLElement | undefined;
+  protected spriteSVG: SVGElement | undefined;
+  protected pre: HTMLPreElement | undefined;
+  protected codeUnified: HTMLElement | undefined;
+  protected codeDeletions: HTMLElement | undefined;
+  protected codeAdditions: HTMLElement | undefined;
+  protected unsafeCSSStyle: HTMLStyleElement | undefined;
+  protected hoverContent: HTMLElement | undefined;
+  protected headerElement: HTMLElement | undefined;
+  protected headerMetadata: HTMLElement | undefined;
+  protected separatorCache: Map<string, CustomHunkElementCache>;
+  protected errorWrapper: HTMLElement | undefined;
+  protected hunksRenderer: DiffHunksRenderer<LAnnotation>;
+  protected resizeManager: ResizeManager;
+  protected scrollSyncManager: ScrollSyncManager;
+  protected mouseEventManager: MouseEventManager<"diff">;
+  protected lineSelectionManager: LineSelectionManager;
+  protected annotationCache: Map<string, AnnotationElementCache<LAnnotation>>;
+  protected lineAnnotations: DiffLineAnnotation<LAnnotation>[];
+  protected deletionFile: FileContents | undefined;
+  protected additionFile: FileContents | undefined;
+  protected fileDiff: FileDiffMetadata | undefined;
+  protected renderRange: RenderRange | undefined;
+  protected appliedPreAttributes: PrePropertiesConfig | undefined;
+  protected lastRenderedHeaderHTML: string | undefined;
+  protected enabled: boolean;
   constructor(options?: FileDiffOptions<LAnnotation>, workerManager?: WorkerPoolManager | undefined, isContainerManaged?: boolean);
   private handleHighlightRender;
   setOptions(options: FileDiffOptions<LAnnotation> | undefined): void;
@@ -58,7 +77,8 @@ declare class FileDiff<LAnnotation = undefined> {
   getHoveredLine: () => GetHoveredLineResult<"diff"> | undefined;
   setLineAnnotations(lineAnnotations: DiffLineAnnotation<LAnnotation>[]): void;
   setSelectedLines(range: SelectedLineRange | null): void;
-  cleanUp(): void;
+  cleanUp(recycle?: boolean): void;
+  virtualizedSetup(): void;
   hydrate(props: FileDiffHydrationProps<LAnnotation>): void;
   rerender(): void;
   handleExpandHunk: (hunkIndex: number, direction: ExpansionDirections) => void;
@@ -70,14 +90,16 @@ declare class FileDiff<LAnnotation = undefined> {
     forceRender,
     lineAnnotations,
     fileContainer,
-    containerWrapper
+    containerWrapper,
+    renderRange
   }: FileDiffRenderProps<LAnnotation>): void;
   private renderSeparators;
   private renderAnnotations;
   private renderHoverUtility;
-  private getOrCreateFileContainer;
+  getOrCreateFileContainer(fileContainer?: HTMLElement, parentNode?: HTMLElement): HTMLElement;
   getFileContainer(): HTMLElement | undefined;
   private getOrCreatePreNode;
+  private syncCodeNodesFromPre;
   private applyHeaderToDOM;
   private injectUnsafeCSS;
   private applyHunksToDOM;

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

@@ -1 +1 @@
-{"version":3,"file":"FileDiff.d.ts","names":["options: FileDiffOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined"],"sources":["../../src/components/FileDiff.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"FileDiff.d.ts","names":["options: FileDiffOptions<LAnnotation>","workerManager?: WorkerPoolManager | undefined"],"sources":["../../src/components/FileDiff.ts"],"sourcesContent":[],"mappings":"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"}