@pierre/diffs 1.1.0-beta.6 → 1.1.0-beta.8

package/dist/managers/ResizeManager.js

@@ -1,20 +1,29 @@
 //#region src/managers/ResizeManager.ts
 var ResizeManager = class {
 	observedNodes = /* @__PURE__ */ new Map();
+	timeoutID;
+	queuedUpdates = /* @__PURE__ */ new Map();
 	cleanUp() {
 		this.resizeObserver?.disconnect();
 		this.observedNodes.clear();
+		if (this.timeoutID != null) clearTimeout(this.timeoutID);
 	}
 	resizeObserver;
-	setup(pre) {
-		this.cleanUp();
-		const annotationElements = pre.querySelectorAll("[data-line-annotation*=\",\"]");
+	setup(pre, disableAnnotations) {
 		this.resizeObserver ??= new ResizeObserver(this.handleResizeObserver);
 		const codeElements = pre.querySelectorAll("code");
+		const observedNodes = new Map(this.observedNodes);
+		this.observedNodes.clear();
 		for (const codeElement of codeElements) {
-			let numberElement = codeElement.querySelector("[data-column-number]");
+			let item = observedNodes.get(codeElement);
+			if (item != null) {
+				this.observedNodes.set(codeElement, item);
+				observedNodes.delete(codeElement);
+				continue;
+			}
+			let numberElement = codeElement.querySelector("[data-gutter]");
 			if (!(numberElement instanceof HTMLElement)) numberElement = null;
-			const item = {
+			item = {
 				type: "code",
 				codeElement,
 				numberElement,
@@ -28,53 +37,75 @@ var ResizeManager = class {
 				this.resizeObserver.observe(numberElement);
 			}
 		}
-		if (codeElements.length <= 1) return;
-		const elementMap = /* @__PURE__ */ new Map();
-		for (const element of annotationElements) {
-			if (!(element instanceof HTMLElement)) continue;
-			const { lineAnnotation = "" } = element.dataset;
-			if (!/^\d+,\d+$/.test(lineAnnotation)) {
-				console.error("DiffFileRenderer.setupResizeObserver: Invalid element or annotation", {
-					lineAnnotation,
-					element
-				});
-				continue;
+		if (codeElements.length > 1 && !disableAnnotations) {
+			const annotationElements = pre.querySelectorAll("[data-line-annotation*=\",\"]");
+			const elementMap = /* @__PURE__ */ new Map();
+			for (const element of annotationElements) {
+				if (!(element instanceof HTMLElement)) continue;
+				const { lineAnnotation = "" } = element.dataset;
+				if (!/^\d+,\d+$/.test(lineAnnotation)) {
+					console.error("DiffFileRenderer.setupResizeObserver: Invalid element or annotation", {
+						lineAnnotation,
+						element
+					});
+					continue;
+				}
+				let pairs = elementMap.get(lineAnnotation);
+				if (pairs == null) {
+					pairs = [];
+					elementMap.set(lineAnnotation, pairs);
+				}
+				pairs.push(element);
 			}
-			let pairs = elementMap.get(lineAnnotation);
-			if (pairs == null) {
-				pairs = [];
-				elementMap.set(lineAnnotation, pairs);
+			for (const [key, pair] of elementMap) {
+				if (pair.length !== 2) {
+					console.error("DiffFileRenderer.setupResizeObserver: Bad Pair", key, pair);
+					continue;
+				}
+				const [container1, container2] = pair;
+				const child1 = container1.firstElementChild;
+				const child2 = container2.firstElementChild;
+				if (!(container1 instanceof HTMLElement) || !(container2 instanceof HTMLElement) || !(child1 instanceof HTMLElement) || !(child2 instanceof HTMLElement)) continue;
+				let item = observedNodes.get(child1);
+				if (item != null) {
+					this.observedNodes.set(child1, item);
+					this.observedNodes.set(child2, item);
+					observedNodes.delete(child1);
+					observedNodes.delete(child2);
+					continue;
+				}
+				item = {
+					type: "annotations",
+					column1: {
+						container: container1,
+						child: child1,
+						childHeight: child1.getBoundingClientRect().height
+					},
+					column2: {
+						container: container2,
+						child: child2,
+						childHeight: child2.getBoundingClientRect().height
+					},
+					currentHeight: "auto"
+				};
+				const newHeight = Math.max(item.column1.childHeight, item.column2.childHeight);
+				this.applyNewHeight(item, newHeight);
+				this.observedNodes.set(child1, item);
+				this.observedNodes.set(child2, item);
+				this.resizeObserver.observe(child1);
+				this.resizeObserver.observe(child2);
 			}
-			pairs.push(element);
 		}
-		for (const [key, pair] of elementMap) {
-			if (pair.length !== 2) {
-				console.error("DiffFileRenderer.setupResizeObserver: Bad Pair", key, pair);
-				continue;
+		for (const element of observedNodes.keys()) {
+			if (element.isConnected) {
+				element.style.removeProperty("--diffs-column-content-width");
+				element.style.removeProperty("--diffs-column-number-width");
+				element.style.removeProperty("--diffs-column-width");
+				if (element.parentElement instanceof HTMLElement) element.parentElement.style.removeProperty("--diffs-annotation-min-height");
 			}
-			const [container1, container2] = pair;
-			const child1 = container1.firstElementChild;
-			const child2 = container2.firstElementChild;
-			if (!(container1 instanceof HTMLElement) || !(container2 instanceof HTMLElement) || !(child1 instanceof HTMLElement) || !(child2 instanceof HTMLElement)) continue;
-			const item = {
-				type: "annotations",
-				column1: {
-					container: container1,
-					child: child1,
-					childHeight: 0
-				},
-				column2: {
-					container: container2,
-					child: child2,
-					childHeight: 0
-				},
-				currentHeight: "auto"
-			};
-			this.observedNodes.set(child1, item);
-			this.observedNodes.set(child2, item);
-			this.resizeObserver.observe(child1);
-			this.resizeObserver.observe(child2);
+			this.resizeObserver.unobserve(element);
 		}
+		observedNodes.clear();
 	}
 	handleResizeObserver = (entries) => {
 		for (const entry of entries) {
@@ -103,28 +134,47 @@ var ResizeManager = class {
 				}
 				column.childHeight = specs.blockSize;
 				const newHeight = Math.max(item.column1.childHeight, item.column2.childHeight);
-				if (newHeight !== item.currentHeight) {
-					item.currentHeight = Math.max(newHeight, 0);
-					item.column1.container.style.setProperty("--diffs-annotation-min-height", `${item.currentHeight}px`);
-					item.column2.container.style.setProperty("--diffs-annotation-min-height", `${item.currentHeight}px`);
-				}
+				this.applyNewHeight(item, newHeight);
 			} else if (item.type === "code") {
-				if (target === item.codeElement) {
-					if (specs.inlineSize !== item.codeWidth) {
-						item.codeWidth = specs.inlineSize;
-						item.codeElement.style.setProperty("--diffs-column-content-width", `${Math.max(item.codeWidth - item.numberWidth, 0)}px`);
-						item.codeElement.style.setProperty("--diffs-column-width", `${item.codeWidth}px`);
-					}
-				} else if (target === item.numberElement) {
-					if (specs.inlineSize !== item.numberWidth) {
-						item.numberWidth = specs.inlineSize;
-						item.codeElement.style.setProperty("--diffs-column-number-width", `${item.numberWidth}px`);
-						if (item.codeWidth !== "auto") item.codeElement.style.setProperty("--diffs-column-content-width", `${Math.max(item.codeWidth - item.numberWidth, 0)}px`);
-					}
+				this.queuedUpdates.set(target, [item, specs]);
+				this.queueColumnUpdate();
+			}
+		}
+	};
+	queueColumnUpdate() {
+		if (this.timeoutID != null) clearTimeout(this.timeoutID);
+		this.timeoutID = setTimeout(this.handleColumnChange, 1e3 / 30);
+	}
+	handleColumnChange = () => {
+		this.timeoutID = void 0;
+		for (const [target, [item, specs]] of this.queuedUpdates) if (target === item.codeElement) {
+			const inlineSize = Math.max(Math.floor(specs.inlineSize), 0);
+			if (inlineSize !== item.codeWidth) {
+				item.codeWidth = inlineSize;
+				const targetWidth = Math.max(item.codeWidth - item.numberWidth, 0);
+				item.codeElement.style.setProperty("--diffs-column-content-width", `${targetWidth === 0 ? "auto" : `${targetWidth}px`}`);
+				item.codeElement.style.setProperty("--diffs-column-width", `${item.codeWidth === 0 ? "auto" : `${item.codeWidth}px`}`);
+			}
+		} else if (target === item.numberElement) {
+			const inlineSize = Math.max(Math.ceil(specs.inlineSize), 0);
+			if (inlineSize !== item.numberWidth) {
+				item.numberWidth = inlineSize;
+				item.codeElement.style.setProperty("--diffs-column-number-width", `${item.numberWidth === 0 ? "auto" : `${item.numberWidth}px`}`);
+				if (item.codeWidth !== "auto") {
+					const targetWidth = Math.max(item.codeWidth - item.numberWidth, 0);
+					item.codeElement.style.setProperty("--diffs-column-content-width", `${targetWidth === 0 ? "auto" : `${targetWidth}px`}`);
 				}
 			}
 		}
+		this.queuedUpdates.clear();
 	};
+	applyNewHeight(item, newHeight) {
+		if (newHeight !== item.currentHeight) {
+			item.currentHeight = Math.max(newHeight, 0);
+			item.column1.container.style.setProperty("--diffs-annotation-min-height", `${item.currentHeight}px`);
+			item.column2.container.style.setProperty("--diffs-annotation-min-height", `${item.currentHeight}px`);
+		}
+	}
 };
 
 //#endregion

package/dist/managers/ResizeManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeManager.js","names":["item: ObservedGridNodes","item: ObservedAnnotationNodes"],"sources":["../../src/managers/ResizeManager.ts"],"sourcesContent":["import type { ObservedAnnotationNodes, ObservedGridNodes } from '../types';\n\nexport class ResizeManager {\n  private observedNodes = new Map<\n    HTMLElement,\n    ObservedAnnotationNodes | ObservedGridNodes\n  >();\n\n  cleanUp(): void {\n    // Disconnect any existing observer\n    this.resizeObserver?.disconnect();\n    this.observedNodes.clear();\n  }\n\n  private resizeObserver: ResizeObserver | undefined;\n\n  setup(pre: HTMLPreElement): void {\n    this.cleanUp();\n\n    const annotationElements = pre.querySelectorAll(\n      '[data-line-annotation*=\",\"]'\n    );\n\n    this.resizeObserver ??= new ResizeObserver(this.handleResizeObserver);\n    const codeElements = pre.querySelectorAll('code');\n\n    for (const codeElement of codeElements) {\n      let numberElement = codeElement.querySelector('[data-column-number]');\n      if (!(numberElement instanceof HTMLElement)) {\n        numberElement = null;\n      }\n      const item: ObservedGridNodes = {\n        type: 'code',\n        codeElement,\n        numberElement,\n        codeWidth: 'auto',\n        numberWidth: 0,\n      };\n      this.observedNodes.set(codeElement, item);\n      this.resizeObserver.observe(codeElement);\n      if (numberElement != null) {\n        this.observedNodes.set(numberElement, item);\n        this.resizeObserver.observe(numberElement);\n      }\n    }\n\n    if (codeElements.length <= 1) {\n      return;\n    }\n\n    const elementMap = new Map<string, HTMLElement[]>();\n    for (const element of annotationElements) {\n      if (!(element instanceof HTMLElement)) {\n        continue;\n      }\n      const { lineAnnotation = '' } = element.dataset;\n      if (!/^\\d+,\\d+$/.test(lineAnnotation)) {\n        console.error(\n          'DiffFileRenderer.setupResizeObserver: Invalid element or annotation',\n          { lineAnnotation, element }\n        );\n        continue;\n      }\n      let pairs = elementMap.get(lineAnnotation);\n      if (pairs == null) {\n        pairs = [];\n        elementMap.set(lineAnnotation, pairs);\n      }\n      pairs.push(element);\n    }\n\n    for (const [key, pair] of elementMap) {\n      if (pair.length !== 2) {\n        console.error(\n          'DiffFileRenderer.setupResizeObserver: Bad Pair',\n          key,\n          pair\n        );\n        continue;\n      }\n      const [container1, container2] = pair;\n      const child1 = container1.firstElementChild;\n      const child2 = container2.firstElementChild;\n      if (\n        !(container1 instanceof HTMLElement) ||\n        !(container2 instanceof HTMLElement) ||\n        !(child1 instanceof HTMLElement) ||\n        !(child2 instanceof HTMLElement)\n      ) {\n        continue;\n      }\n      const item: ObservedAnnotationNodes = {\n        type: 'annotations',\n        column1: {\n          container: container1,\n          child: child1,\n          childHeight: 0,\n        },\n        column2: {\n          container: container2,\n          child: child2,\n          childHeight: 0,\n        },\n        currentHeight: 'auto',\n      };\n      this.observedNodes.set(child1, item);\n      this.observedNodes.set(child2, item);\n      this.resizeObserver.observe(child1);\n      this.resizeObserver.observe(child2);\n    }\n  }\n\n  private handleResizeObserver = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const { target, borderBoxSize } = entry;\n      if (!(target instanceof HTMLElement)) {\n        console.error(\n          'FileDiff.handleResizeObserver: Invalid element for ResizeObserver',\n          entry\n        );\n        continue;\n      }\n      const item = this.observedNodes.get(target);\n      if (item == null) {\n        console.error(\n          'FileDiff.handleResizeObserver: Not a valid observed node',\n          entry\n        );\n        continue;\n      }\n      const specs = borderBoxSize[0];\n      if (item.type === 'annotations') {\n        const column = (() => {\n          if (target === item.column1.child) {\n            return item.column1;\n          }\n          if (target === item.column2.child) {\n            return item.column2;\n          }\n          return undefined;\n        })();\n\n        if (column == null) {\n          console.error(\n            `FileDiff.handleResizeObserver: Couldn't find a column for`,\n            { item, target }\n          );\n          continue;\n        }\n\n        column.childHeight = specs.blockSize;\n        const newHeight = Math.max(\n          item.column1.childHeight,\n          item.column2.childHeight\n        );\n        if (newHeight !== item.currentHeight) {\n          item.currentHeight = Math.max(newHeight, 0);\n          item.column1.container.style.setProperty(\n            '--diffs-annotation-min-height',\n            `${item.currentHeight}px`\n          );\n          item.column2.container.style.setProperty(\n            '--diffs-annotation-min-height',\n            `${item.currentHeight}px`\n          );\n        }\n      } else if (item.type === 'code') {\n        if (target === item.codeElement) {\n          if (specs.inlineSize !== item.codeWidth) {\n            item.codeWidth = specs.inlineSize;\n            item.codeElement.style.setProperty(\n              '--diffs-column-content-width',\n              `${Math.max(item.codeWidth - item.numberWidth, 0)}px`\n            );\n            item.codeElement.style.setProperty(\n              '--diffs-column-width',\n              `${item.codeWidth}px`\n            );\n          }\n        } else if (target === item.numberElement) {\n          if (specs.inlineSize !== item.numberWidth) {\n            item.numberWidth = specs.inlineSize;\n            item.codeElement.style.setProperty(\n              '--diffs-column-number-width',\n              `${item.numberWidth}px`\n            );\n            // We probably need to update code width variable if\n            // `numberWidth` changed\n            if (item.codeWidth !== 'auto') {\n              item.codeElement.style.setProperty(\n                '--diffs-column-content-width',\n                `${Math.max(item.codeWidth - item.numberWidth, 0)}px`\n              );\n            }\n          }\n        }\n      }\n    }\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResizeManager.js","names":["item: ObservedGridNodes | ObservedAnnotationNodes | undefined"],"sources":["../../src/managers/ResizeManager.ts"],"sourcesContent":["import type { ObservedAnnotationNodes, ObservedGridNodes } from '../types';\n\nexport class ResizeManager {\n  private observedNodes = new Map<\n    HTMLElement,\n    ObservedAnnotationNodes | ObservedGridNodes\n  >();\n  private timeoutID: NodeJS.Timeout | undefined;\n  private queuedUpdates: Map<\n    HTMLElement,\n    [ObservedGridNodes, ResizeObserverSize]\n  > = new Map();\n\n  cleanUp(): void {\n    // Disconnect any existing observer\n    this.resizeObserver?.disconnect();\n    this.observedNodes.clear();\n    if (this.timeoutID != null) {\n      clearTimeout(this.timeoutID);\n    }\n  }\n\n  private resizeObserver: ResizeObserver | undefined;\n\n  setup(pre: HTMLPreElement, disableAnnotations: boolean): void {\n    this.resizeObserver ??= new ResizeObserver(this.handleResizeObserver);\n    const codeElements = pre.querySelectorAll('code');\n\n    const observedNodes = new Map(this.observedNodes);\n    this.observedNodes.clear();\n    for (const codeElement of codeElements) {\n      let item: ObservedGridNodes | ObservedAnnotationNodes | undefined =\n        observedNodes.get(codeElement);\n      if (item != null) {\n        this.observedNodes.set(codeElement, item);\n        observedNodes.delete(codeElement);\n        continue;\n      }\n      let numberElement = codeElement.querySelector('[data-gutter]');\n      if (!(numberElement instanceof HTMLElement)) {\n        numberElement = null;\n      }\n      item = {\n        type: 'code',\n        codeElement,\n        numberElement,\n        codeWidth: 'auto',\n        numberWidth: 0,\n      };\n      this.observedNodes.set(codeElement, item);\n      this.resizeObserver.observe(codeElement);\n      if (numberElement != null) {\n        this.observedNodes.set(numberElement, item);\n        this.resizeObserver.observe(numberElement);\n      }\n    }\n\n    if (codeElements.length > 1 && !disableAnnotations) {\n      const annotationElements = pre.querySelectorAll(\n        '[data-line-annotation*=\",\"]'\n      );\n\n      const elementMap = new Map<string, HTMLElement[]>();\n      for (const element of annotationElements) {\n        if (!(element instanceof HTMLElement)) {\n          continue;\n        }\n        const { lineAnnotation = '' } = element.dataset;\n        if (!/^\\d+,\\d+$/.test(lineAnnotation)) {\n          console.error(\n            'DiffFileRenderer.setupResizeObserver: Invalid element or annotation',\n            { lineAnnotation, element }\n          );\n          continue;\n        }\n        let pairs = elementMap.get(lineAnnotation);\n        if (pairs == null) {\n          pairs = [];\n          elementMap.set(lineAnnotation, pairs);\n        }\n        pairs.push(element);\n      }\n\n      for (const [key, pair] of elementMap) {\n        if (pair.length !== 2) {\n          console.error(\n            'DiffFileRenderer.setupResizeObserver: Bad Pair',\n            key,\n            pair\n          );\n          continue;\n        }\n        const [container1, container2] = pair;\n        const child1 = container1.firstElementChild;\n        const child2 = container2.firstElementChild;\n        if (\n          !(container1 instanceof HTMLElement) ||\n          !(container2 instanceof HTMLElement) ||\n          !(child1 instanceof HTMLElement) ||\n          !(child2 instanceof HTMLElement)\n        ) {\n          continue;\n        }\n\n        let item = observedNodes.get(child1);\n\n        if (item != null) {\n          this.observedNodes.set(child1, item);\n          this.observedNodes.set(child2, item);\n          observedNodes.delete(child1);\n          observedNodes.delete(child2);\n          continue;\n        }\n\n        item = {\n          type: 'annotations',\n          column1: {\n            container: container1,\n            child: child1,\n            childHeight: child1.getBoundingClientRect().height,\n          },\n          column2: {\n            container: container2,\n            child: child2,\n            childHeight: child2.getBoundingClientRect().height,\n          },\n          currentHeight: 'auto',\n        };\n\n        const newHeight = Math.max(\n          item.column1.childHeight,\n          item.column2.childHeight\n        );\n        this.applyNewHeight(item, newHeight);\n\n        this.observedNodes.set(child1, item);\n        this.observedNodes.set(child2, item);\n        this.resizeObserver.observe(child1);\n        this.resizeObserver.observe(child2);\n      }\n    }\n\n    for (const element of observedNodes.keys()) {\n      if (element.isConnected) {\n        element.style.removeProperty('--diffs-column-content-width');\n        element.style.removeProperty('--diffs-column-number-width');\n        element.style.removeProperty('--diffs-column-width');\n        if (element.parentElement instanceof HTMLElement) {\n          element.parentElement.style.removeProperty(\n            '--diffs-annotation-min-height'\n          );\n        }\n      }\n      this.resizeObserver.unobserve(element);\n    }\n    observedNodes.clear();\n  }\n\n  private handleResizeObserver = (entries: ResizeObserverEntry[]) => {\n    for (const entry of entries) {\n      const { target, borderBoxSize } = entry;\n      if (!(target instanceof HTMLElement)) {\n        console.error(\n          'FileDiff.handleResizeObserver: Invalid element for ResizeObserver',\n          entry\n        );\n        continue;\n      }\n      const item = this.observedNodes.get(target);\n      if (item == null) {\n        console.error(\n          'FileDiff.handleResizeObserver: Not a valid observed node',\n          entry\n        );\n        continue;\n      }\n      const specs = borderBoxSize[0];\n      if (item.type === 'annotations') {\n        const column = (() => {\n          if (target === item.column1.child) {\n            return item.column1;\n          }\n          if (target === item.column2.child) {\n            return item.column2;\n          }\n          return undefined;\n        })();\n\n        if (column == null) {\n          console.error(\n            `FileDiff.handleResizeObserver: Couldn't find a column for`,\n            { item, target }\n          );\n          continue;\n        }\n\n        column.childHeight = specs.blockSize;\n        const newHeight = Math.max(\n          item.column1.childHeight,\n          item.column2.childHeight\n        );\n        this.applyNewHeight(item, newHeight);\n      } else if (item.type === 'code') {\n        // We debounce code column updates to help with resize performance (mb)\n        this.queuedUpdates.set(target, [item, specs]);\n        this.queueColumnUpdate();\n      }\n    }\n  };\n\n  private queueColumnUpdate() {\n    if (this.timeoutID != null) {\n      clearTimeout(this.timeoutID);\n    }\n    // Attempt to debounce resize events to improve general performance... mb\n    this.timeoutID = setTimeout(this.handleColumnChange, 1000 / 30);\n  }\n\n  private handleColumnChange = () => {\n    this.timeoutID = undefined;\n    for (const [target, [item, specs]] of this.queuedUpdates) {\n      // FIXME(amadeus): This needs to be re-worked with display: contents,\n      // not sure setting to auto is a good assumption most of the time...\n      if (target === item.codeElement) {\n        const inlineSize = Math.max(Math.floor(specs.inlineSize), 0);\n        if (inlineSize !== item.codeWidth) {\n          item.codeWidth = inlineSize;\n          const targetWidth = Math.max(item.codeWidth - item.numberWidth, 0);\n          item.codeElement.style.setProperty(\n            '--diffs-column-content-width',\n            `${targetWidth === 0 ? 'auto' : `${targetWidth}px`}`\n          );\n          item.codeElement.style.setProperty(\n            '--diffs-column-width',\n            `${item.codeWidth === 0 ? 'auto' : `${item.codeWidth}px`}`\n          );\n        }\n      } else if (target === item.numberElement) {\n        const inlineSize = Math.max(Math.ceil(specs.inlineSize), 0);\n        if (inlineSize !== item.numberWidth) {\n          item.numberWidth = inlineSize;\n          item.codeElement.style.setProperty(\n            '--diffs-column-number-width',\n            `${item.numberWidth === 0 ? 'auto' : `${item.numberWidth}px`}`\n          );\n          // We probably need to update code width variable if\n          // `numberWidth` changed\n          if (item.codeWidth !== 'auto') {\n            const targetWidth = Math.max(item.codeWidth - item.numberWidth, 0);\n            item.codeElement.style.setProperty(\n              '--diffs-column-content-width',\n              `${targetWidth === 0 ? 'auto' : `${targetWidth}px`}`\n            );\n          }\n        }\n      }\n    }\n    this.queuedUpdates.clear();\n  };\n\n  private applyNewHeight(item: ObservedAnnotationNodes, newHeight: number) {\n    if (newHeight !== item.currentHeight) {\n      item.currentHeight = Math.max(newHeight, 0);\n      item.column1.container.style.setProperty(\n        '--diffs-annotation-min-height',\n        `${item.currentHeight}px`\n      );\n      item.column2.container.style.setProperty(\n        '--diffs-annotation-min-height',\n        `${item.currentHeight}px`\n      );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/managers/ScrollSyncManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollSyncManager.d.ts","names":[],"sources":["../../src/managers/ScrollSyncManager.ts"],"sourcesContent":[],"mappings":";cAAa,iBAAA;EAAb,oBAAa,EAAA,OAAA;EAGA,oBAAO,EAAA,OAAA;EACH,SAAA,EADJ,MAAA,CAAO,OACH;EACA,aAAA,EADA,WACA,GAAA,SAAA;EAsBR,aAAA,EAtBQ,WAsBR,GAAA,SAAA;EACW,QAAA,OAAA;EACA,OAAA,CAAA,CAAA,EAAA,IAAA;EAAA,KAAA,CAAA,GAAA,EAFX,cAEW,EAAA,aAAA,CAAA,EADA,WACA,EAAA,aAAA,CAAA,EAAA,WAAA,CAAA,EAAA,IAAA"}
+{"version":3,"file":"ScrollSyncManager.d.ts","names":["ScrollSyncManager","NodeJS","Timeout","HTMLElement","HTMLPreElement"],"sources":["../../src/managers/ScrollSyncManager.d.ts"],"sourcesContent":["export declare class ScrollSyncManager {\n    isDeletionsScrolling: boolean;\n    isAdditionsScrolling: boolean;\n    timeoutId: NodeJS.Timeout;\n    codeDeletions: HTMLElement | undefined;\n    codeAdditions: HTMLElement | undefined;\n    private enabled;\n    cleanUp(): void;\n    setup(pre: HTMLPreElement, codeDeletions?: HTMLElement, codeAdditions?: HTMLElement): void;\n    private handleDeletionsScroll;\n    private handleAdditionsScroll;\n}\n//# sourceMappingURL=ScrollSyncManager.d.ts.map"],"mappings":";cAAqBA,iBAAAA;EAAAA,oBAAiB,EAAA,OAAA;EAGvBC,oBAAOC,EAAAA,OAAAA;EACHC,SAAAA,EADJF,MAAAA,CAAOC,OACHC;EACAA,aAAAA,EADAA,WACAA,GAAAA,SAAAA;EAGJC,aAAAA,EAHID,WAGJC,GAAAA,SAAAA;EAAgCD,QAAAA,OAAAA;EAA6BA,OAAAA,CAAAA,CAAAA,EAAAA,IAAAA;EAAW,KAAA,CAAA,GAAA,EAAxEC,cAAwE,EAAA,aAAA,CAAA,EAAxCD,WAAwC,EAAA,aAAA,CAAA,EAAXA,WAAW,CAAA,EAAA,IAAA"}

package/dist/managers/UniversalRenderingManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UniversalRenderingManager.d.ts","names":[],"sources":["../../src/managers/UniversalRenderingManager.ts"],"sourcesContent":[],"mappings":";KAAK,QAAA;AAAA,iBAQW,WAAA,CARX,QAAA,EAQiC,QARjC,CAAA,EAAA,IAAA"}
+{"version":3,"file":"UniversalRenderingManager.d.ts","names":["Callback","queueRender"],"sources":["../../src/managers/UniversalRenderingManager.d.ts"],"sourcesContent":["type Callback = (time: number) => unknown;\nexport declare function queueRender(callback: Callback): void;\nexport {};\n//# sourceMappingURL=UniversalRenderingManager.d.ts.map"],"mappings":";KAAKA,QAAAA;AAAAA,iBACmBC,WAAAA,CADX,QAAA,EACiCD,QADjC,CAAA,EAAA,IAAA"}

package/dist/react/File.d.ts

@@ -7,6 +7,7 @@ declare function File<LAnnotation = undefined>({
   lineAnnotations,
   selectedLines,
   options,
+  metrics,
   className,
   style,
   renderAnnotation,

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

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":[],"mappings":";;;;iBAWgB;;;;;;;;;;;GAWb,UAAU,eAAe,KAAA,CAAM,GAAA,CAAI"}
+{"version":3,"file":"File.d.ts","names":["FileOptions","FileProps","File","LAnnotation","file","lineAnnotations","selectedLines","options","metrics","className","style","renderAnnotation","renderHeaderMetadata","prerenderedHTML","renderHoverUtility","React","JSX","Element"],"sources":["../../src/react/File.d.ts"],"sourcesContent":["import { type FileOptions } from '../components/File';\nimport type { FileProps } from './types';\nexport type { FileOptions };\nexport declare function File<LAnnotation = undefined>({ file, lineAnnotations, selectedLines, options, metrics, className, style, renderAnnotation, renderHeaderMetadata, prerenderedHTML, renderHoverUtility }: FileProps<LAnnotation>): React.JSX.Element;\n//# sourceMappingURL=File.d.ts.map"],"mappings":";;;;iBAGwBE;;;;;;;;;;;;GAAyLD,UAAUE,eAAeY,KAAAA,CAAMC,GAAAA,CAAIC"}

package/dist/react/File.js

@@ -8,10 +8,11 @@ import { useFileInstance } from "./utils/useFileInstance.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/react/File.tsx
-function File({ file, lineAnnotations, selectedLines, options, className, style, renderAnnotation, renderHeaderMetadata, prerenderedHTML, renderHoverUtility }) {
+function File({ file, lineAnnotations, selectedLines, options, metrics, className, style, renderAnnotation, renderHeaderMetadata, prerenderedHTML, renderHoverUtility }) {
 	const { ref, getHoveredLine } = useFileInstance({
 		file,
 		options,
+		metrics,
 		lineAnnotations,
 		selectedLines,
 		prerenderedHTML

package/dist/react/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":["'use client';\n\nimport { type FileOptions } from '../components/File';\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileProps } from './types';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileInstance } from './utils/useFileInstance';\n\nexport type { FileOptions };\n\nexport function File<LAnnotation = undefined>({\n  file,\n  lineAnnotations,\n  selectedLines,\n  options,\n  className,\n  style,\n  renderAnnotation,\n  renderHeaderMetadata,\n  prerenderedHTML,\n  renderHoverUtility,\n}: FileProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileInstance({\n    file,\n    options,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderFileChildren({\n    file,\n    renderAnnotation,\n    renderHeaderMetadata,\n    renderHoverUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,KAA8B,EAC5C,MACA,iBACA,eACA,SACA,WACA,OACA,kBACA,sBACA,iBACA,sBAC4C;CAC5C,MAAM,EAAE,KAAK,mBAAmB,gBAAgB;EAC9C;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}
+{"version":3,"file":"File.js","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":["'use client';\n\nimport { type FileOptions } from '../components/File';\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileProps } from './types';\nimport { renderFileChildren } from './utils/renderFileChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileInstance } from './utils/useFileInstance';\n\nexport type { FileOptions };\n\nexport function File<LAnnotation = undefined>({\n  file,\n  lineAnnotations,\n  selectedLines,\n  options,\n  metrics,\n  className,\n  style,\n  renderAnnotation,\n  renderHeaderMetadata,\n  prerenderedHTML,\n  renderHoverUtility,\n}: FileProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileInstance({\n    file,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderFileChildren({\n    file,\n    renderAnnotation,\n    renderHeaderMetadata,\n    renderHoverUtility,\n    lineAnnotations,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,KAA8B,EAC5C,MACA,iBACA,eACA,SACA,SACA,WACA,OACA,kBACA,sBACA,iBACA,sBAC4C;CAC5C,MAAM,EAAE,KAAK,mBAAmB,gBAAgB;EAC9C;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}

package/dist/react/FileDiff.d.ts

@@ -8,6 +8,7 @@ interface FileDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {
 declare function FileDiff<LAnnotation = undefined>({
   fileDiff,
   options,
+  metrics,
   lineAnnotations,
   selectedLines,
   className,

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

@@ -1 +1 @@
-{"version":3,"file":"FileDiff.d.ts","names":[],"sources":["../../src/react/FileDiff.tsx"],"sourcesContent":[],"mappings":";;;;UAWiB,mCACP,mBAAmB;EAD7B,QAAiB,EAEL,gBAFK;;AAEL,iBAGI,QAHJ,CAAA,cAAA,SAAA,CAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,eAAA;EAAA,aAAA;EAAA,SAAA;EAAA,KAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EAcT,aAdS,CAcK,WAdL,CAAA,CAAA,EAcoB,KAAA,CAAM,GAAA,CAAI,OAd9B"}
+{"version":3,"file":"FileDiff.d.ts","names":["FileDiffMetadata","DiffBasePropsReact","FileDiffProps","LAnnotation","FileDiff","fileDiff","options","metrics","lineAnnotations","selectedLines","className","style","prerenderedHTML","renderAnnotation","renderHeaderMetadata","renderHoverUtility","React","JSX","Element"],"sources":["../../src/react/FileDiff.d.ts"],"sourcesContent":["import type { FileDiffMetadata } from '../types';\nimport type { DiffBasePropsReact } from './types';\nexport type { FileDiffMetadata };\nexport interface FileDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {\n    fileDiff: FileDiffMetadata;\n}\nexport declare function FileDiff<LAnnotation = undefined>({ fileDiff, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }: FileDiffProps<LAnnotation>): React.JSX.Element;\n//# sourceMappingURL=FileDiff.d.ts.map"],"mappings":";;;;UAGiBE,mCAAmCD,mBAAmBE;EAAtDD,QAAAA,EACHF,gBADgBG;;AAChBH,iBAEUI,QAFVJ,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,QAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,eAAAA;EAAAA,aAAAA;EAAAA,SAAAA;EAAAA,KAAAA;EAAAA,eAAAA;EAAAA,gBAAAA;EAAAA,oBAAAA;EAAAA;AAAAA,CAAAA,EAE2ME,aAF3MF,CAEyNG,WAFzNH,CAAAA,CAAAA,EAEwOgB,KAAAA,CAAMC,GAAAA,CAAIC,OAFlPlB"}

package/dist/react/FileDiff.js

@@ -8,10 +8,11 @@ import { useFileDiffInstance } from "./utils/useFileDiffInstance.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/react/FileDiff.tsx
-function FileDiff({ fileDiff, options, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
+function FileDiff({ fileDiff, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
 	const { ref, getHoveredLine } = useFileDiffInstance({
 		fileDiff,
 		options,
+		metrics,
 		lineAnnotations,
 		selectedLines,
 		prerenderedHTML

package/dist/react/FileDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDiff.js","names":[],"sources":["../../src/react/FileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileDiffMetadata };\n\nexport interface FileDiffProps<LAnnotation>\n  extends DiffBasePropsReact<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n}\n\nexport function FileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: FileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,SAAkC,EAChD,UACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACgD;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}
+{"version":3,"file":"FileDiff.js","names":[],"sources":["../../src/react/FileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileDiffMetadata };\n\nexport interface FileDiffProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  fileDiff: FileDiffMetadata;\n}\n\nexport function FileDiff<LAnnotation = undefined>({\n  fileDiff,\n  options,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: FileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,SAAkC,EAChD,UACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACgD;CAChD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}

package/dist/react/MultiFileDiff.d.ts

@@ -10,6 +10,7 @@ declare function MultiFileDiff<LAnnotation = undefined>({
   oldFile,
   newFile,
   options,
+  metrics,
   lineAnnotations,
   selectedLines,
   className,

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

@@ -1 +1 @@
-{"version":3,"file":"MultiFileDiff.d.ts","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"sourcesContent":[],"mappings":";;;;UAWiB,wCACP,mBAAmB;EAD7B,OAAiB,EAEN,YAFM;EACY,OAAA,EAElB,YAFkB;;AAElB,iBAGK,aAHL,CAAA,cAAA,SAAA,CAAA,CAAA;EAAA,OAAA;EAAA,OAAA;EAAA,OAAA;EAAA,eAAA;EAAA,aAAA;EAAA,SAAA;EAAA,KAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EAeR,kBAfQ,CAeW,WAfX,CAAA,CAAA,EAe0B,KAAA,CAAM,GAAA,CAAI,OAfpC"}
+{"version":3,"file":"MultiFileDiff.d.ts","names":["FileContents","DiffBasePropsReact","MultiFileDiffProps","LAnnotation","MultiFileDiff","oldFile","newFile","options","metrics","lineAnnotations","selectedLines","className","style","prerenderedHTML","renderAnnotation","renderHeaderMetadata","renderHoverUtility","React","JSX","Element"],"sources":["../../src/react/MultiFileDiff.d.ts"],"sourcesContent":["import type { FileContents } from '../types';\nimport type { DiffBasePropsReact } from './types';\nexport type { FileContents };\nexport interface MultiFileDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {\n    oldFile: FileContents;\n    newFile: FileContents;\n}\nexport declare function MultiFileDiff<LAnnotation = undefined>({ oldFile, newFile, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }: MultiFileDiffProps<LAnnotation>): React.JSX.Element;\n//# sourceMappingURL=MultiFileDiff.d.ts.map"],"mappings":";;;;UAGiBE,wCAAwCD,mBAAmBE;EAA3DD,OAAAA,EACJF,YADsB;EAAyCG,OAAAA,EAE/DH,YAF+DG;;AAE/DH,iBAEWI,aAFXJ,CAAAA,cAAAA,SAAAA,CAAAA,CAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,OAAAA;EAAAA,eAAAA;EAAAA,aAAAA;EAAAA,SAAAA;EAAAA,KAAAA;EAAAA,eAAAA;EAAAA,gBAAAA;EAAAA,oBAAAA;EAAAA;AAAAA,CAAAA,EAEyNE,kBAFzNF,CAE4OG,WAF5OH,CAAAA,CAAAA,EAE2PiB,KAAAA,CAAMC,GAAAA,CAAIC,OAFrQnB"}

package/dist/react/MultiFileDiff.js

@@ -8,11 +8,12 @@ import { useFileDiffInstance } from "./utils/useFileDiffInstance.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/react/MultiFileDiff.tsx
-function MultiFileDiff({ oldFile, newFile, options, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
+function MultiFileDiff({ oldFile, newFile, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
 	const { ref, getHoveredLine } = useFileDiffInstance({
 		oldFile,
 		newFile,
 		options,
+		metrics,
 		lineAnnotations,
 		selectedLines,
 		prerenderedHTML

package/dist/react/MultiFileDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFileDiff.js","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileContents } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileContents };\n\nexport interface MultiFileDiffProps<LAnnotation>\n  extends DiffBasePropsReact<LAnnotation> {\n  oldFile: FileContents;\n  newFile: FileContents;\n}\n\nexport function MultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: MultiFileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    oldFile,\n    newFile,\n    options,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    deletionFile: oldFile,\n    additionFile: newFile,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,cAAuC,EACrD,SACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACqD;CACrD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAUF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAXY,mBAAmB;GAClC,cAAc;GACd,cAAc;GACd;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}
+{"version":3,"file":"MultiFileDiff.js","names":[],"sources":["../../src/react/MultiFileDiff.tsx"],"sourcesContent":["'use client';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileContents } from '../types';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport type { FileContents };\n\nexport interface MultiFileDiffProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  oldFile: FileContents;\n  newFile: FileContents;\n}\n\nexport function MultiFileDiff<LAnnotation = undefined>({\n  oldFile,\n  newFile,\n  options,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: MultiFileDiffProps<LAnnotation>): React.JSX.Element {\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    oldFile,\n    newFile,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    deletionFile: oldFile,\n    additionFile: newFile,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAgB,cAAuC,EACrD,SACA,SACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACqD;CACrD,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAUF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAXY,mBAAmB;GAClC,cAAc;GACd,cAAc;GACd;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B"}

package/dist/react/PatchDiff.d.ts

@@ -7,6 +7,7 @@ interface PatchDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {
 declare function PatchDiff<LAnnotation = undefined>({
   patch,
   options,
+  metrics,
   lineAnnotations,
   selectedLines,
   className,

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

@@ -1 +1 @@
-{"version":3,"file":"PatchDiff.d.ts","names":[],"sources":["../../src/react/PatchDiff.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,oCACP,mBAAmB;;AAD7B;AAKgB,iBAAA,SAAA,CAAA,cAAA,SAAA,CAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,eAAA;EAAA,aAAA;EAAA,SAAA;EAAA,KAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EAWb,cAXa,CAWE,WAXF,CAAA,CAAA,EAWiB,KAAA,CAAM,GAAA,CAAI,OAX3B"}
+{"version":3,"file":"PatchDiff.d.ts","names":["DiffBasePropsReact","PatchDiffProps","LAnnotation","PatchDiff","patch","options","metrics","lineAnnotations","selectedLines","className","style","prerenderedHTML","renderAnnotation","renderHeaderMetadata","renderHoverUtility","React","JSX","Element"],"sources":["../../src/react/PatchDiff.d.ts"],"sourcesContent":["import type { DiffBasePropsReact } from './types';\nexport interface PatchDiffProps<LAnnotation> extends DiffBasePropsReact<LAnnotation> {\n    patch: string;\n}\nexport declare function PatchDiff<LAnnotation = undefined>({ patch, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }: PatchDiffProps<LAnnotation>): React.JSX.Element;\n//# sourceMappingURL=PatchDiff.d.ts.map"],"mappings":";;;UACiBC,oCAAoCD,mBAAmBE;;AAAxE;AAGwBC,iBAAAA,SAASD,CAAAA,cAAA,SAAA,CAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,eAAA;EAAA,aAAA;EAAA,SAAA;EAAA,KAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EAAsLD,cAAtL,CAAqMC,WAArM,CAAA,CAAA,EAAoNa,KAAAA,CAAMC,GAAAA,CAAIC,OAA9N"}

package/dist/react/PatchDiff.js

@@ -6,15 +6,16 @@ import { getSingularPatch } from "../utils/getSingularPatch.js";
 import { templateRender } from "./utils/templateRender.js";
 import { renderDiffChildren } from "./utils/renderDiffChildren.js";
 import { useFileDiffInstance } from "./utils/useFileDiffInstance.js";
-import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/react/PatchDiff.tsx
-function PatchDiff({ patch, options, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
+function PatchDiff({ patch, options, metrics, lineAnnotations, selectedLines, className, style, prerenderedHTML, renderAnnotation, renderHeaderMetadata, renderHoverUtility }) {
 	const fileDiff = usePatch(patch);
 	const { ref, getHoveredLine } = useFileDiffInstance({
 		fileDiff,
 		options,
+		metrics,
 		lineAnnotations,
 		selectedLines,
 		prerenderedHTML

package/dist/react/PatchDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"PatchDiff.js","names":[],"sources":["../../src/react/PatchDiff.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport { getSingularPatch } from '../utils/getSingularPatch';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport interface PatchDiffProps<LAnnotation>\n  extends DiffBasePropsReact<LAnnotation> {\n  patch: string;\n}\n\nexport function PatchDiff<LAnnotation = undefined>({\n  patch,\n  options,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: PatchDiffProps<LAnnotation>): React.JSX.Element {\n  const fileDiff = usePatch(patch);\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n\nfunction usePatch(patch: string): FileDiffMetadata {\n  return useMemo<FileDiffMetadata>(() => getSingularPatch(patch), [patch]);\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,UAAmC,EACjD,OACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACiD;CACjD,MAAM,WAAW,SAAS,MAAM;CAChC,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B;;AAIrB,SAAS,SAAS,OAAiC;AACjD,QAAO,cAAgC,iBAAiB,MAAM,EAAE,CAAC,MAAM,CAAC"}
+{"version":3,"file":"PatchDiff.js","names":[],"sources":["../../src/react/PatchDiff.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { DIFFS_TAG_NAME } from '../constants';\nimport type { FileDiffMetadata } from '../types';\nimport { getSingularPatch } from '../utils/getSingularPatch';\nimport type { DiffBasePropsReact } from './types';\nimport { renderDiffChildren } from './utils/renderDiffChildren';\nimport { templateRender } from './utils/templateRender';\nimport { useFileDiffInstance } from './utils/useFileDiffInstance';\n\nexport interface PatchDiffProps<\n  LAnnotation,\n> extends DiffBasePropsReact<LAnnotation> {\n  patch: string;\n}\n\nexport function PatchDiff<LAnnotation = undefined>({\n  patch,\n  options,\n  metrics,\n  lineAnnotations,\n  selectedLines,\n  className,\n  style,\n  prerenderedHTML,\n  renderAnnotation,\n  renderHeaderMetadata,\n  renderHoverUtility,\n}: PatchDiffProps<LAnnotation>): React.JSX.Element {\n  const fileDiff = usePatch(patch);\n  const { ref, getHoveredLine } = useFileDiffInstance({\n    fileDiff,\n    options,\n    metrics,\n    lineAnnotations,\n    selectedLines,\n    prerenderedHTML,\n  });\n  const children = renderDiffChildren({\n    fileDiff,\n    renderHeaderMetadata,\n    renderAnnotation,\n    lineAnnotations,\n    renderHoverUtility,\n    getHoveredLine,\n  });\n  return (\n    <DIFFS_TAG_NAME ref={ref} className={className} style={style}>\n      {templateRender(children, prerenderedHTML)}\n    </DIFFS_TAG_NAME>\n  );\n}\n\nfunction usePatch(patch: string): FileDiffMetadata {\n  return useMemo<FileDiffMetadata>(() => getSingularPatch(patch), [patch]);\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,UAAmC,EACjD,OACA,SACA,SACA,iBACA,eACA,WACA,OACA,iBACA,kBACA,sBACA,sBACiD;CACjD,MAAM,WAAW,SAAS,MAAM;CAChC,MAAM,EAAE,KAAK,mBAAmB,oBAAoB;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AASF,QACE,oBAAC;EAAoB;EAAgB;EAAkB;YACpD,eAVY,mBAAmB;GAClC;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,EAG4B,gBAAgB;GAC3B;;AAIrB,SAAS,SAAS,OAAiC;AACjD,QAAO,cAAgC,iBAAiB,MAAM,EAAE,CAAC,MAAM,CAAC"}

package/dist/react/Virtualizer.d.ts

@@ -0,0 +1,25 @@
+import { Virtualizer as Virtualizer$1, VirtualizerConfig } from "../components/Virtualizer.js";
+import { CSSProperties, Context, ReactNode } from "react";
+
+//#region src/react/Virtualizer.d.ts
+declare const VirtualizerContext: Context<Virtualizer$1 | undefined>;
+interface VirtualizerProps {
+  children: ReactNode;
+  config?: Partial<VirtualizerConfig>;
+  className?: string;
+  style?: CSSProperties;
+  contentClassName?: string;
+  contentStyle?: CSSProperties;
+}
+declare function Virtualizer({
+  children,
+  config,
+  className,
+  style,
+  contentClassName,
+  contentStyle
+}: VirtualizerProps): React.JSX.Element;
+declare function useVirtualizer(): Virtualizer$1 | undefined;
+//#endregion
+export { Virtualizer, VirtualizerContext, useVirtualizer };
+//# sourceMappingURL=Virtualizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Virtualizer.d.ts","names":["Context","CSSProperties","ReactNode","Virtualizer","VirtualizerClass","VirtualizerConfig","VirtualizerContext","VirtualizerProps","Partial","children","config","className","style","contentClassName","contentStyle","React","JSX","Element","useVirtualizer"],"sources":["../../src/react/Virtualizer.d.ts"],"sourcesContent":["import { type Context, type CSSProperties, type ReactNode } from 'react';\nimport { Virtualizer as VirtualizerClass, type VirtualizerConfig } from '../components/Virtualizer';\nexport declare const VirtualizerContext: Context<VirtualizerClass | undefined>;\ninterface VirtualizerProps {\n    children: ReactNode;\n    config?: Partial<VirtualizerConfig>;\n    className?: string;\n    style?: CSSProperties;\n    contentClassName?: string;\n    contentStyle?: CSSProperties;\n}\nexport declare function Virtualizer({ children, config, className, style, contentClassName, contentStyle }: VirtualizerProps): React.JSX.Element;\nexport declare function useVirtualizer(): VirtualizerClass | undefined;\nexport {};\n//# sourceMappingURL=Virtualizer.d.ts.map"],"mappings":";;;;cAEqBM,oBAAoBN,QAAQI;UACvCG,gBAAAA;EADWD,QAAAA,EAEPJ,SAFOI;EACXC,MAAAA,CAAAA,EAEGC,OAFHD,CAEWF,iBAFK,CAAA;EACZH,SAAAA,CAAAA,EAAAA,MAAAA;EACOG,KAAAA,CAAAA,EAETJ,aAFSI;EAARG,gBAAAA,CAAAA,EAAAA,MAAAA;EAEDP,YAAAA,CAAAA,EAEOA,aAFPA;;AAEoB,iBAERE,WAAAA,CAFQ;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,gBAAA;EAAA;AAAA,CAAA,EAE4EI,gBAF5E,CAAA,EAE+FQ,KAAAA,CAAMC,GAAAA,CAAIC,OAFzG;AAERd,iBACAe,cAAAA,CAAAA,CADW,EACOd,aADP,GAAA,SAAA"}

package/dist/react/Virtualizer.js

@@ -0,0 +1,38 @@
+'use client';
+
+
+import { Virtualizer as Virtualizer$1 } from "../components/Virtualizer.js";
+import { createContext, useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react/Virtualizer.tsx
+const VirtualizerContext = createContext(void 0);
+function Virtualizer({ children, config, className, style, contentClassName, contentStyle }) {
+	const [instance] = useState(() => {
+		return typeof window !== "undefined" ? new Virtualizer$1(config) : void 0;
+	});
+	const ref = useCallback((node) => {
+		if (node != null) instance?.setup(node);
+		else instance?.cleanUp();
+	}, [instance]);
+	return /* @__PURE__ */ jsx(VirtualizerContext.Provider, {
+		value: instance,
+		children: /* @__PURE__ */ jsx("div", {
+			className,
+			style,
+			ref,
+			children: /* @__PURE__ */ jsx("div", {
+				className: contentClassName,
+				style: contentStyle,
+				children
+			})
+		})
+	});
+}
+function useVirtualizer() {
+	return useContext(VirtualizerContext);
+}
+
+//#endregion
+export { Virtualizer, VirtualizerContext, useVirtualizer };
+//# sourceMappingURL=Virtualizer.js.map

package/dist/react/Virtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtualizer.js","names":["VirtualizerContext: Context<VirtualizerClass | undefined>","VirtualizerClass"],"sources":["../../src/react/Virtualizer.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Context,\n  createContext,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\n\nimport {\n  Virtualizer as VirtualizerClass,\n  type VirtualizerConfig,\n} from '../components/Virtualizer';\n\nexport const VirtualizerContext: Context<VirtualizerClass | undefined> =\n  createContext<VirtualizerClass | undefined>(undefined);\n\ninterface VirtualizerProps {\n  children: ReactNode;\n  config?: Partial<VirtualizerConfig>;\n  className?: string;\n  style?: CSSProperties;\n  contentClassName?: string;\n  contentStyle?: CSSProperties;\n}\n\nexport function Virtualizer({\n  children,\n  config,\n  className,\n  style,\n  contentClassName,\n  contentStyle,\n}: VirtualizerProps): React.JSX.Element {\n  const [instance] = useState(() => {\n    return typeof window !== 'undefined'\n      ? new VirtualizerClass(config)\n      : undefined;\n  });\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      if (node != null) {\n        instance?.setup(node);\n      } else {\n        instance?.cleanUp();\n      }\n    },\n    [instance]\n  );\n  return (\n    <VirtualizerContext.Provider value={instance}>\n      <div className={className} style={style} ref={ref}>\n        <div className={contentClassName} style={contentStyle}>\n          {children}\n        </div>\n      </div>\n    </VirtualizerContext.Provider>\n  );\n}\n\nexport function useVirtualizer(): VirtualizerClass | undefined {\n  return useContext(VirtualizerContext);\n}\n"],"mappings":";;;;;;;;AAiBA,MAAaA,qBACX,cAA4C,OAAU;AAWxD,SAAgB,YAAY,EAC1B,UACA,QACA,WACA,OACA,kBACA,gBACsC;CACtC,MAAM,CAAC,YAAY,eAAe;AAChC,SAAO,OAAO,WAAW,cACrB,IAAIC,cAAiB,OAAO,GAC5B;GACJ;CACF,MAAM,MAAM,aACT,SAA6B;AAC5B,MAAI,QAAQ,KACV,WAAU,MAAM,KAAK;MAErB,WAAU,SAAS;IAGvB,CAAC,SAAS,CACX;AACD,QACE,oBAAC,mBAAmB;EAAS,OAAO;YAClC,oBAAC;GAAe;GAAkB;GAAY;aAC5C,oBAAC;IAAI,WAAW;IAAkB,OAAO;IACtC;KACG;IACF;GACsB;;AAIlC,SAAgB,iBAA+C;AAC7D,QAAO,WAAW,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"WorkerPoolContext.d.ts","names":["WorkerPoolContext: Context<WorkerPoolManager | undefined>"],"sources":["../../src/react/WorkerPoolContext.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAuBaA,mBAAmB,QAAQ;UAK9B,sBAAA,SAA+B;YAC7B;;AANCA,iBASG,yBAAA,CATwB;EAAA,QAAR;EAAA,WAAA;EAAA;AAAA,CAAA,EAa7B,sBAb6B,CAAA,EAaJ,KAAA,CAAM,GAAA,CAAI,OAbN;AAKtB,iBAwCM,aAAA,CAAA,CAxCN,EAwCuB,iBAxCQ,GAAA,SAAA"}
+{"version":3,"file":"WorkerPoolContext.d.ts","names":["Context","ReactNode","SetupWorkerPoolProps","WorkerInitializationRenderOptions","WorkerPoolManager","WorkerPoolOptions","WorkerPoolContext","WorkerPoolContextProps","WorkerPoolContextProvider","children","poolOptions","highlighterOptions","React","JSX","Element","useWorkerPool"],"sources":["../../src/react/WorkerPoolContext.d.ts"],"sourcesContent":["import { type Context, type ReactNode } from 'react';\nimport { type SetupWorkerPoolProps, type WorkerInitializationRenderOptions, type WorkerPoolManager, type WorkerPoolOptions } from '../worker';\nexport type { WorkerPoolOptions, WorkerInitializationRenderOptions };\nexport declare const WorkerPoolContext: Context<WorkerPoolManager | undefined>;\ninterface WorkerPoolContextProps extends SetupWorkerPoolProps {\n    children: ReactNode;\n}\nexport declare function WorkerPoolContextProvider({ children, poolOptions, highlighterOptions }: WorkerPoolContextProps): React.JSX.Element;\nexport declare function useWorkerPool(): WorkerPoolManager | undefined;\n//# sourceMappingURL=WorkerPoolContext.d.ts.map"],"mappings":";;;;;;;cAGqBM,mBAAmBN,QAAQI;UACtCG,sBAAAA,SAA+BL;YAC3BD;;AAFOK,iBAIGE,yBAAAA,CAJwBJ;EAAAA,QAARJ;EAAAA,WAAO;EAAA;AAAA,CAAA,EAIkDO,sBAJlD,CAAA,EAI2EK,KAAAA,CAAMC,GAAAA,CAAIC,OAJrF;AACrCP,iBAIcQ,aAAAA,CAAAA,CAJQ,EAISX,iBAJAF,GAAAA,SAAAA"}

package/dist/react/WorkerPoolContext.js

@@ -2,8 +2,8 @@
 
 
 import { getOrCreateWorkerPoolSingleton, terminateWorkerPoolSingleton } from "../worker/getOrCreateWorkerPoolSingleton.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useInsertionEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/react/WorkerPoolContext.tsx
 const WorkerPoolContext = createContext(void 0);

package/dist/react/WorkerPoolContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkerPoolContext.js","names":["WorkerPoolContext: Context<WorkerPoolManager | undefined>"],"sources":["../../src/react/WorkerPoolContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Context,\n  type ReactNode,\n  createContext,\n  useContext,\n  useEffect,\n  useInsertionEffect,\n  useState,\n} from 'react';\n\nimport {\n  type SetupWorkerPoolProps,\n  type WorkerInitializationRenderOptions,\n  type WorkerPoolManager,\n  type WorkerPoolOptions,\n  getOrCreateWorkerPoolSingleton,\n  terminateWorkerPoolSingleton,\n} from '../worker';\n\nexport type { WorkerPoolOptions, WorkerInitializationRenderOptions };\n\nexport const WorkerPoolContext: Context<WorkerPoolManager | undefined> =\n  createContext<WorkerPoolManager | undefined>(undefined);\n\nlet instanceCount = 0;\n\ninterface WorkerPoolContextProps extends SetupWorkerPoolProps {\n  children: ReactNode;\n}\n\nexport function WorkerPoolContextProvider({\n  children,\n  poolOptions,\n  highlighterOptions,\n}: WorkerPoolContextProps): React.JSX.Element {\n  const [poolManager] = useState(() => {\n    if (typeof window === 'undefined') {\n      return undefined;\n    }\n    return getOrCreateWorkerPoolSingleton({\n      poolOptions,\n      highlighterOptions,\n    });\n  });\n  // We use insertion effect for the instance counting to essentially debounce\n  // potentially conflicting mount/unmounts\n  useInsertionEffect(() => {\n    instanceCount++;\n    return () => {\n      instanceCount--;\n    };\n  }, []);\n  useEffect(() => {\n    return () => {\n      if (instanceCount === 0) {\n        terminateWorkerPoolSingleton();\n      }\n    };\n  }, []);\n  return (\n    <WorkerPoolContext.Provider value={poolManager}>\n      {children}\n    </WorkerPoolContext.Provider>\n  );\n}\n\nexport function useWorkerPool(): WorkerPoolManager | undefined {\n  return useContext(WorkerPoolContext);\n}\n"],"mappings":";;;;;;;;AAuBA,MAAaA,oBACX,cAA6C,OAAU;AAEzD,IAAI,gBAAgB;AAMpB,SAAgB,0BAA0B,EACxC,UACA,aACA,sBAC4C;CAC5C,MAAM,CAAC,eAAe,eAAe;AACnC,MAAI,OAAO,WAAW,YACpB;AAEF,SAAO,+BAA+B;GACpC;GACA;GACD,CAAC;GACF;AAGF,0BAAyB;AACvB;AACA,eAAa;AACX;;IAED,EAAE,CAAC;AACN,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,EACpB,+BAA8B;;IAGjC,EAAE,CAAC;AACN,QACE,oBAAC,kBAAkB;EAAS,OAAO;EAChC;GAC0B;;AAIjC,SAAgB,gBAA+C;AAC7D,QAAO,WAAW,kBAAkB"}
+{"version":3,"file":"WorkerPoolContext.js","names":["WorkerPoolContext: Context<WorkerPoolManager | undefined>"],"sources":["../../src/react/WorkerPoolContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Context,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useInsertionEffect,\n  useState,\n} from 'react';\n\nimport {\n  getOrCreateWorkerPoolSingleton,\n  type SetupWorkerPoolProps,\n  terminateWorkerPoolSingleton,\n  type WorkerInitializationRenderOptions,\n  type WorkerPoolManager,\n  type WorkerPoolOptions,\n} from '../worker';\n\nexport type { WorkerPoolOptions, WorkerInitializationRenderOptions };\n\nexport const WorkerPoolContext: Context<WorkerPoolManager | undefined> =\n  createContext<WorkerPoolManager | undefined>(undefined);\n\nlet instanceCount = 0;\n\ninterface WorkerPoolContextProps extends SetupWorkerPoolProps {\n  children: ReactNode;\n}\n\nexport function WorkerPoolContextProvider({\n  children,\n  poolOptions,\n  highlighterOptions,\n}: WorkerPoolContextProps): React.JSX.Element {\n  const [poolManager] = useState(() => {\n    if (typeof window === 'undefined') {\n      return undefined;\n    }\n    return getOrCreateWorkerPoolSingleton({\n      poolOptions,\n      highlighterOptions,\n    });\n  });\n  // We use insertion effect for the instance counting to essentially debounce\n  // potentially conflicting mount/unmounts\n  useInsertionEffect(() => {\n    instanceCount++;\n    return () => {\n      instanceCount--;\n    };\n  }, []);\n  useEffect(() => {\n    return () => {\n      if (instanceCount === 0) {\n        terminateWorkerPoolSingleton();\n      }\n    };\n  }, []);\n  return (\n    <WorkerPoolContext.Provider value={poolManager}>\n      {children}\n    </WorkerPoolContext.Provider>\n  );\n}\n\nexport function useWorkerPool(): WorkerPoolManager | undefined {\n  return useContext(WorkerPoolContext);\n}\n"],"mappings":";;;;;;;;AAuBA,MAAaA,oBACX,cAA6C,OAAU;AAEzD,IAAI,gBAAgB;AAMpB,SAAgB,0BAA0B,EACxC,UACA,aACA,sBAC4C;CAC5C,MAAM,CAAC,eAAe,eAAe;AACnC,MAAI,OAAO,WAAW,YACpB;AAEF,SAAO,+BAA+B;GACpC;GACA;GACD,CAAC;GACF;AAGF,0BAAyB;AACvB;AACA,eAAa;AACX;;IAED,EAAE,CAAC;AACN,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,EACpB,+BAA8B;;IAGjC,EAAE,CAAC;AACN,QACE,oBAAC,kBAAkB;EAAS,OAAO;EAChC;GAC0B;;AAIjC,SAAgB,gBAA+C;AAC7D,QAAO,WAAW,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","names":["HoverSlotStyles: CSSProperties"],"sources":["../../src/react/constants.ts"],"sourcesContent":[],"mappings":";;;cAEaA,iBAAiB"}
+{"version":3,"file":"constants.d.ts","names":["CSSProperties","HoverSlotStyles"],"sources":["../../src/react/constants.d.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nexport declare const HoverSlotStyles: CSSProperties;\n//# sourceMappingURL=constants.d.ts.map"],"mappings":";;;cACqBC,iBAAiBD"}