@pierre/diffs 1.0.0-beta.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"MouseEventManager.d.ts","names":["mode: TMode","options: MouseEventManagerOptions<TMode>"],"sources":["../../src/managers/MouseEventManager.ts"],"sourcesContent":[],"mappings":";;;KAOY,QAAA;KAEA,qBAAA;AAFA,UAIK,gBAAA,SAAyB,kBAJ9B,CAAA;EAEZ,KAAY,EAGH,YAHG;AAEZ;AAIiB,UAAA,qBAAA,SAA8B,kBAAA,CAAA;EAI/C,KAAiB,EAHR,UAGQ;AAIjB;AAQK,UAZY,oBAAA,SAA6B,sBAYzC,CAAA;EAA8B,KAAA,EAX1B,YAW0B;;AAC/B,UATa,yBAAA,SAAkC,sBAS/C,CAAA;EACA,KAAA,EATK,UASL;;AAAA,KAFC,eAIA,CAAA,cAJ8B,qBAI9B,CAAA,GAJuD,KAIvD,SAAA,MAAA,GAHD,gBAGC,GAFD,oBAEC;KAAA,yBAAwC,CAAA,cAAA,qBAAA,CAAA,GAC3C,KAD2C,SAAA,MAAA,GACpB,qBADoB,GACI,yBADJ;AAC3C,KAYU,oBAZV,CAAA,cAY6C,qBAZ7C,CAAA,GAaA,KAbA,SAAA,MAAA,GAAA;EAAuB,UAAA,EAAA,MAAA;CAAwB,GAAA;EAAA,UAAA,EAAA,MAAA;EAYjD,IAAY,EAGsB,cAHtB;CAAmC;AAC7C,UAmCe,4BAnCf,CAAA,cAoCc,qBApCd,CAAA,CAAA;EAEgC,kBAAA,CAAA,EAAA,OAAA;EAAA,WAAA,EAAA,KAAA,EAqCZ,eArCY,CAqCI,KArCJ,CAAA,CAAA,EAAA,OAAA;EAiClC,iBAAiB,EAAA,KAAA,EAKW,eALX,CAK2B,KAL3B,CAAA,CAAA,EAAA,OAAA;EACD,WAAA,EAAA,KAAA,EAKM,yBALN,CAKgC,KALhC,CAAA,CAAA,EAAA,OAAA;EAGsB,WAAA,EAAA,KAAA,EAGhB,yBAHgB,CAGU,KAHV,CAAA,CAAA,EAAA,OAAA;EAAhB,kBAAA,CAAA,EAIC,QAJD;;AACM,UAMX,wBANW,CAAA,cAM4B,qBAN5B,CAAA,SAOlB,4BAPkB,CAOW,KAPX,CAAA,CAAA;EACoB,YAAA,EAAA,SAAA,EAAA,MAAA,EAAA,SAAA,EAOF,mBAPE,CAAA,EAAA,OAAA;;AACA,cASnC,iBATmC,CAAA,cASH,qBATG,CAAA,CAAA;EAA1B,QAAA,IAAA;EACC,QAAA,OAAA;EAAA,QAAA,WAAA;EAGvB,QAAiB,GAAA;EAAuC,QAAA,SAAA;EACjB,WAAA,CAAA,IAAA,EAUrB,KAVqB,EAAA,OAAA,EAWlB,wBAXkB,CAWO,KAXP,CAAA;EACO,UAAA,CAAA,OAAA,EAaxB,wBAbwB,CAaC,KAbD,CAAA,CAAA,EAAA,IAAA;EADpC,OAAA,CAAA,CAAA,EAAA,IAAA;EAAA,KAAA,CAAA,GAAA,EA2BG,cA3BH,CAAA,EAAA,IAAA;EAIV,cAAa,EAAA,GAAA,GAgGU,oBAhGV,CAgG+B,KAhG/B,CAAA,GAAA,SAAA;EAAgC,gBAAA,EAAA,CAAA,KAAA,EAiHhB,UAjHgB,EAAA,GAAA,IAAA;EAM3B,eAAA,EAAA,CAAA,KAAA,EAqHU,UArHV,EAAA,GAAA,IAAA;EAC4B,gBAAA,EAAA,CAAA,KAAA,EA8HjB,UA9HiB,EAAA,GAAA,IAAA;EAAzB,QAAA,gBAAA;EAG0B,QAAA,WAAA;;AAalC,iBAsWG,sBAtWH,CAAA,cAsWwC,qBAtWxC,CAAA,CAAA;EAAA,WAAA;EAAA,iBAAA;EAAA,WAAA;EAAA,WAAA;EAAA,kBAAA;EAAA;AAAA,CAAA,EA8WR,4BA9WQ,CA8WqB,KA9WrB,CAAA,EAAA,YAAA,CAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,EA+WmC,mBA/WnC,EAAA,GAAA,OAAA,CAAA,EAgXV,wBAhXU,CAgXe,KAhXf,CAAA"}

package/dist/managers/MouseEventManager.js

@@ -0,0 +1,244 @@
+//#region src/managers/MouseEventManager.ts
+function isLineEventData(data, mode) {
+	if (data == null) return false;
+	if (mode === "file") return data.type === "line";
+	else return data.type === "diff-line";
+}
+function isExpandoEventData(data) {
+	return data?.type === "line-info";
+}
+var MouseEventManager = class {
+	hoveredLine;
+	pre;
+	hoverSlot;
+	constructor(mode, options) {
+		this.mode = mode;
+		this.options = options;
+	}
+	setOptions(options) {
+		this.options = options;
+	}
+	cleanUp() {
+		this.pre?.removeEventListener("click", this.handleMouseClick);
+		this.pre?.removeEventListener("mousemove", this.handleMouseMove);
+		this.pre?.removeEventListener("mouseout", this.handleMouseLeave);
+		delete this.pre?.dataset.interactiveLines;
+		delete this.pre?.dataset.interactiveLineNumbers;
+		this.pre = void 0;
+	}
+	setup(pre) {
+		const { __debugMouseEvents, onLineClick, onLineNumberClick, onLineEnter, onLineLeave, onHunkExpand, enableHoverUtility = false } = this.options;
+		this.cleanUp();
+		this.pre = pre;
+		if (enableHoverUtility && this.hoverSlot == null) {
+			this.hoverSlot = document.createElement("div");
+			this.hoverSlot.dataset.hoverSlot = "";
+			const slotElement = document.createElement("slot");
+			slotElement.name = "hover-slot";
+			this.hoverSlot.appendChild(slotElement);
+		} else if (!enableHoverUtility && this.hoverSlot != null) {
+			this.hoverSlot.parentNode?.removeChild(this.hoverSlot);
+			this.hoverSlot = void 0;
+		}
+		if (onLineClick != null || onLineNumberClick != null || onHunkExpand != null) {
+			pre.addEventListener("click", this.handleMouseClick);
+			if (onLineClick != null) pre.dataset.interactiveLines = "";
+			else if (onLineNumberClick != null) pre.dataset.interactiveLineNumbers = "";
+			debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.attachEventListeners: Attaching click events for:", (() => {
+				const reasons = [];
+				if (__debugMouseEvents === "both" || __debugMouseEvents === "click") {
+					if (onLineClick != null) reasons.push("onLineClick");
+					if (onLineNumberClick != null) reasons.push("onLineNumberClick");
+					if (onHunkExpand != null) reasons.push("expandable hunk separators");
+				}
+				return reasons;
+			})());
+		}
+		if (onLineEnter != null || onLineLeave != null || enableHoverUtility) {
+			pre.addEventListener("mousemove", this.handleMouseMove);
+			debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.attachEventListeners: Attaching mouse move event");
+			pre.addEventListener("mouseleave", this.handleMouseLeave);
+			debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.attachEventListeners: Attaching mouse leave event");
+		}
+	}
+	getHoveredLine = () => {
+		if (this.hoveredLine != null) {
+			if (this.mode === "diff" && this.hoveredLine.type === "diff-line") return {
+				lineNumber: this.hoveredLine.lineNumber,
+				side: this.hoveredLine.annotationSide
+			};
+			if (this.mode === "file" && this.hoveredLine.type === "line") return { lineNumber: this.hoveredLine.lineNumber };
+		}
+	};
+	handleMouseClick = (event) => {
+		debugLogIfEnabled(this.options.__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseClick:", event);
+		this.handleMouseEvent({
+			eventType: "click",
+			event
+		});
+	};
+	handleMouseMove = (event) => {
+		debugLogIfEnabled(this.options.__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseMove:", event);
+		this.handleMouseEvent({
+			eventType: "move",
+			event
+		});
+	};
+	handleMouseLeave = (event) => {
+		const { __debugMouseEvents } = this.options;
+		debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseLeave: no event");
+		if (this.hoveredLine == null) {
+			debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseLeave: returned early, no .hoveredLine");
+			return;
+		}
+		this.hoverSlot?.parentElement?.removeChild(this.hoverSlot);
+		this.options.onLineLeave?.({
+			...this.hoveredLine,
+			event
+		});
+		this.hoveredLine = void 0;
+	};
+	handleMouseEvent({ eventType, event }) {
+		const { __debugMouseEvents } = this.options;
+		const composedPath = event.composedPath();
+		debugLogIfEnabled(__debugMouseEvents, eventType, "FileDiff.DEBUG.handleMouseEvent:", {
+			eventType,
+			composedPath
+		});
+		const data = this.getLineData(composedPath);
+		debugLogIfEnabled(__debugMouseEvents, eventType, "FileDiff.DEBUG.handleMouseEvent: getLineData result:", data);
+		const { onLineClick, onLineNumberClick, onLineEnter, onLineLeave, onHunkExpand } = this.options;
+		switch (eventType) {
+			case "move":
+				if (isLineEventData(data, this.mode) && this.hoveredLine?.lineElement === data.lineElement) {
+					debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseEvent: switch, 'move', returned early because same line");
+					break;
+				}
+				if (this.hoveredLine != null) {
+					debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseEvent: switch, 'move', clearing an existing hovered line and firing onLineLeave");
+					this.hoverSlot?.parentElement?.removeChild(this.hoverSlot);
+					onLineLeave?.({
+						...this.hoveredLine,
+						event
+					});
+					this.hoveredLine = void 0;
+				}
+				if (isLineEventData(data, this.mode)) {
+					debugLogIfEnabled(__debugMouseEvents, "move", "FileDiff.DEBUG.handleMouseEvent: switch, 'move', setting up a new hoveredLine and firing onLineEnter");
+					this.hoveredLine = data;
+					if (this.hoverSlot != null) data.numberElement?.appendChild(this.hoverSlot);
+					onLineEnter?.({
+						...this.hoveredLine,
+						event
+					});
+				}
+				break;
+			case "click":
+				debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseEvent: switch, 'click', with data:", data);
+				if (data == null) break;
+				if (isExpandoEventData(data) && onHunkExpand != null) {
+					debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseEvent: switch, 'click', expanding a hunk");
+					onHunkExpand(data.hunkIndex, data.direction);
+					break;
+				}
+				if (isLineEventData(data, this.mode)) if (onLineNumberClick != null && data.numberColumn) {
+					debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseEvent: switch, 'click', firing 'onLineNumberClick'");
+					onLineNumberClick({
+						...data,
+						event
+					});
+				} else if (onLineClick != null) {
+					debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseEvent: switch, 'click', firing 'onLineClick'");
+					onLineClick({
+						...data,
+						event
+					});
+				} else debugLogIfEnabled(__debugMouseEvents, "click", "FileDiff.DEBUG.handleMouseEvent: switch, 'click', fell through, no event to fire");
+				break;
+		}
+	}
+	getLineData(path) {
+		let numberColumn = false;
+		const lineElement = path.find((element) => {
+			if (!(element instanceof HTMLElement)) return false;
+			numberColumn = numberColumn || "columnNumber" in element.dataset;
+			return "line" in element.dataset || "expandIndex" in element.dataset;
+		});
+		if (!(lineElement instanceof HTMLElement)) return void 0;
+		if (lineElement.dataset.expandIndex != null) {
+			const hunkIndex = parseInt(lineElement.dataset.expandIndex);
+			if (isNaN(hunkIndex)) return;
+			let direction;
+			for (const element of path) {
+				if (element === lineElement) break;
+				if (element instanceof HTMLElement) {
+					direction = direction ?? ("expandUp" in element.dataset ? "up" : void 0) ?? ("expandDown" in element.dataset ? "down" : void 0) ?? ("expandBoth" in element.dataset ? "both" : void 0);
+					if (direction != null) break;
+				}
+			}
+			return direction != null ? {
+				type: "line-info",
+				hunkIndex,
+				direction
+			} : void 0;
+		}
+		const lineNumber = parseInt(lineElement.dataset.line ?? "");
+		if (isNaN(lineNumber)) return;
+		const lineType = lineElement.dataset.lineType;
+		if (lineType !== "context" && lineType !== "context-expanded" && lineType !== "change-deletion" && lineType !== "change-addition") return;
+		const numberElement = (() => {
+			const numberElement$1 = lineElement.children[0];
+			return numberElement$1 instanceof HTMLElement && numberElement$1.dataset.columnNumber != null ? numberElement$1 : void 0;
+		})();
+		if (this.mode === "file") return {
+			type: "line",
+			lineElement,
+			lineNumber,
+			numberElement,
+			numberColumn
+		};
+		return {
+			type: "diff-line",
+			annotationSide: (() => {
+				if (lineType === "change-deletion") return "deletions";
+				if (lineType === "change-addition") return "additions";
+				const parent = lineElement.closest("[data-code]");
+				if (!(parent instanceof HTMLElement)) return "additions";
+				return "deletions" in parent.dataset ? "deletions" : "additions";
+			})(),
+			lineType,
+			lineElement,
+			numberElement,
+			lineNumber,
+			numberColumn
+		};
+	}
+};
+function debugLogIfEnabled(debugLogType = "none", logIfType, ...args) {
+	switch (debugLogType) {
+		case "none": return;
+		case "both": break;
+		case "click":
+			if (logIfType !== "click") return;
+			break;
+		case "move":
+			if (logIfType !== "move") return;
+			break;
+	}
+	console.log(...args);
+}
+function pluckMouseEventOptions({ onLineClick, onLineNumberClick, onLineEnter, onLineLeave, enableHoverUtility, __debugMouseEvents }, onHunkExpand) {
+	return {
+		onLineClick,
+		onLineNumberClick,
+		onLineEnter,
+		onLineLeave,
+		enableHoverUtility,
+		__debugMouseEvents,
+		onHunkExpand
+	};
+}
+
+//#endregion
+export { MouseEventManager, pluckMouseEventOptions };
+//# sourceMappingURL=MouseEventManager.js.map

package/dist/managers/MouseEventManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MouseEventManager.js","names":["mode: TMode","options: MouseEventManagerOptions<TMode>","reasons: string[]","direction: ExpansionDirections | undefined","numberElement"],"sources":["../../src/managers/MouseEventManager.ts"],"sourcesContent":["import type {\n  AnnotationSide,\n  DiffLineEventBaseProps,\n  ExpansionDirections,\n  LineEventBaseProps,\n} from '../types';\n\nexport type LogTypes = 'click' | 'move' | 'both' | 'none';\n\nexport type MouseEventManagerMode = 'file' | 'diff';\n\nexport interface OnLineClickProps extends LineEventBaseProps {\n  event: PointerEvent;\n}\n\nexport interface OnLineEnterLeaveProps extends LineEventBaseProps {\n  event: MouseEvent;\n}\n\nexport interface OnDiffLineClickProps extends DiffLineEventBaseProps {\n  event: PointerEvent;\n}\n\nexport interface OnDiffLineEnterLeaveProps extends DiffLineEventBaseProps {\n  event: MouseEvent;\n}\n\ntype HandleMouseEventProps =\n  | { eventType: 'click'; event: MouseEvent }\n  | { eventType: 'move'; event: MouseEvent };\n\ntype EventClickProps<TMode extends MouseEventManagerMode> = TMode extends 'file'\n  ? OnLineClickProps\n  : OnDiffLineClickProps;\n\ntype MouseEventEnterLeaveProps<TMode extends MouseEventManagerMode> =\n  TMode extends 'file' ? OnLineEnterLeaveProps : OnDiffLineEnterLeaveProps;\n\ntype EventBaseProps<TMode extends MouseEventManagerMode> = TMode extends 'file'\n  ? LineEventBaseProps\n  : DiffLineEventBaseProps;\n\ninterface ExpandoEventProps {\n  type: 'line-info';\n  hunkIndex: number;\n  direction: ExpansionDirections;\n}\n\nexport type GetHoveredLineResult<TMode extends MouseEventManagerMode> =\n  TMode extends 'file'\n    ? { lineNumber: number }\n    : { lineNumber: number; side: AnnotationSide };\n\ntype GetLineDataResult<TMode extends MouseEventManagerMode> =\n  TMode extends 'file'\n    ? LineEventBaseProps | ExpandoEventProps | undefined\n    : DiffLineEventBaseProps | ExpandoEventProps | undefined;\n\ntype LineEventData<TMode extends MouseEventManagerMode> = TMode extends 'file'\n  ? LineEventBaseProps\n  : DiffLineEventBaseProps;\n\nfunction isLineEventData<TMode extends MouseEventManagerMode>(\n  data: GetLineDataResult<TMode>,\n  mode: TMode\n): data is LineEventData<TMode> {\n  if (data == null) return false;\n  if (mode === 'file') {\n    return data.type === 'line';\n  } else {\n    return data.type === 'diff-line';\n  }\n}\n\nfunction isExpandoEventData(\n  data:\n    | LineEventBaseProps\n    | DiffLineEventBaseProps\n    | ExpandoEventProps\n    | undefined\n): data is ExpandoEventProps {\n  return data?.type === 'line-info';\n}\n\nexport interface MouseEventManagerBaseOptions<\n  TMode extends MouseEventManagerMode,\n> {\n  enableHoverUtility?: boolean;\n  onLineClick?(props: EventClickProps<TMode>): unknown;\n  onLineNumberClick?(props: EventClickProps<TMode>): unknown;\n  onLineEnter?(props: MouseEventEnterLeaveProps<TMode>): unknown;\n  onLineLeave?(props: MouseEventEnterLeaveProps<TMode>): unknown;\n  __debugMouseEvents?: LogTypes;\n}\n\nexport interface MouseEventManagerOptions<TMode extends MouseEventManagerMode>\n  extends MouseEventManagerBaseOptions<TMode> {\n  onHunkExpand?(hunkIndex: number, direction: ExpansionDirections): unknown;\n}\n\nexport class MouseEventManager<TMode extends MouseEventManagerMode> {\n  private hoveredLine: EventBaseProps<TMode> | undefined;\n  private pre: HTMLPreElement | undefined;\n  private hoverSlot: HTMLDivElement | undefined;\n\n  constructor(\n    private mode: TMode,\n    private options: MouseEventManagerOptions<TMode>\n  ) {}\n\n  setOptions(options: MouseEventManagerOptions<TMode>): void {\n    this.options = options;\n  }\n\n  cleanUp(): void {\n    this.pre?.removeEventListener('click', this.handleMouseClick);\n    this.pre?.removeEventListener('mousemove', this.handleMouseMove);\n    this.pre?.removeEventListener('mouseout', this.handleMouseLeave);\n    delete this.pre?.dataset.interactiveLines;\n    delete this.pre?.dataset.interactiveLineNumbers;\n    this.pre = undefined;\n  }\n\n  setup(pre: HTMLPreElement): void {\n    const {\n      __debugMouseEvents,\n      onLineClick,\n      onLineNumberClick,\n      onLineEnter,\n      onLineLeave,\n      onHunkExpand,\n      enableHoverUtility = false,\n    } = this.options;\n\n    this.cleanUp();\n    this.pre = pre;\n\n    if (enableHoverUtility && this.hoverSlot == null) {\n      this.hoverSlot = document.createElement('div');\n      this.hoverSlot.dataset.hoverSlot = '';\n      const slotElement = document.createElement('slot');\n      slotElement.name = 'hover-slot';\n      this.hoverSlot.appendChild(slotElement);\n    } else if (!enableHoverUtility && this.hoverSlot != null) {\n      this.hoverSlot.parentNode?.removeChild(this.hoverSlot);\n      this.hoverSlot = undefined;\n    }\n\n    if (\n      onLineClick != null ||\n      onLineNumberClick != null ||\n      onHunkExpand != null\n    ) {\n      pre.addEventListener('click', this.handleMouseClick);\n      if (onLineClick != null) {\n        pre.dataset.interactiveLines = '';\n      } else if (onLineNumberClick != null) {\n        pre.dataset.interactiveLineNumbers = '';\n      }\n      debugLogIfEnabled(\n        __debugMouseEvents,\n        'click',\n        'FileDiff.DEBUG.attachEventListeners: Attaching click events for:',\n        (() => {\n          const reasons: string[] = [];\n          if (__debugMouseEvents === 'both' || __debugMouseEvents === 'click') {\n            if (onLineClick != null) {\n              reasons.push('onLineClick');\n            }\n            if (onLineNumberClick != null) {\n              reasons.push('onLineNumberClick');\n            }\n            if (onHunkExpand != null) {\n              reasons.push('expandable hunk separators');\n            }\n          }\n          return reasons;\n        })()\n      );\n    }\n    if (onLineEnter != null || onLineLeave != null || enableHoverUtility) {\n      pre.addEventListener('mousemove', this.handleMouseMove);\n      debugLogIfEnabled(\n        __debugMouseEvents,\n        'move',\n        'FileDiff.DEBUG.attachEventListeners: Attaching mouse move event'\n      );\n      pre.addEventListener('mouseleave', this.handleMouseLeave);\n      debugLogIfEnabled(\n        __debugMouseEvents,\n        'move',\n        'FileDiff.DEBUG.attachEventListeners: Attaching mouse leave event'\n      );\n    }\n  }\n\n  getHoveredLine = (): GetHoveredLineResult<TMode> | undefined => {\n    if (this.hoveredLine != null) {\n      if (this.mode === 'diff' && this.hoveredLine.type === 'diff-line') {\n        return {\n          lineNumber: this.hoveredLine.lineNumber,\n          side: this.hoveredLine.annotationSide,\n        } as GetHoveredLineResult<TMode>;\n      }\n      if (this.mode === 'file' && this.hoveredLine.type === 'line') {\n        return {\n          lineNumber: this.hoveredLine.lineNumber,\n        } as GetHoveredLineResult<TMode>;\n      }\n    }\n    return undefined;\n  };\n\n  handleMouseClick = (event: MouseEvent): void => {\n    debugLogIfEnabled(\n      this.options.__debugMouseEvents,\n      'click',\n      'FileDiff.DEBUG.handleMouseClick:',\n      event\n    );\n    this.handleMouseEvent({ eventType: 'click', event });\n  };\n\n  handleMouseMove = (event: MouseEvent): void => {\n    debugLogIfEnabled(\n      this.options.__debugMouseEvents,\n      'move',\n      'FileDiff.DEBUG.handleMouseMove:',\n      event\n    );\n    this.handleMouseEvent({ eventType: 'move', event });\n  };\n\n  handleMouseLeave = (event: MouseEvent): void => {\n    const { __debugMouseEvents } = this.options;\n    debugLogIfEnabled(\n      __debugMouseEvents,\n      'move',\n      'FileDiff.DEBUG.handleMouseLeave: no event'\n    );\n    if (this.hoveredLine == null) {\n      debugLogIfEnabled(\n        __debugMouseEvents,\n        'move',\n        'FileDiff.DEBUG.handleMouseLeave: returned early, no .hoveredLine'\n      );\n      return;\n    }\n    this.hoverSlot?.parentElement?.removeChild(this.hoverSlot);\n    this.options.onLineLeave?.({\n      ...this.hoveredLine,\n      event,\n    } as MouseEventEnterLeaveProps<TMode>);\n    this.hoveredLine = undefined;\n  };\n\n  private handleMouseEvent({ eventType, event }: HandleMouseEventProps) {\n    const { __debugMouseEvents } = this.options;\n    const composedPath = event.composedPath();\n    debugLogIfEnabled(\n      __debugMouseEvents,\n      eventType,\n      'FileDiff.DEBUG.handleMouseEvent:',\n      { eventType, composedPath }\n    );\n    const data = this.getLineData(composedPath);\n    debugLogIfEnabled(\n      __debugMouseEvents,\n      eventType,\n      'FileDiff.DEBUG.handleMouseEvent: getLineData result:',\n      data\n    );\n    const {\n      onLineClick,\n      onLineNumberClick,\n      onLineEnter,\n      onLineLeave,\n      onHunkExpand,\n    } = this.options;\n    switch (eventType) {\n      case 'move': {\n        if (\n          isLineEventData(data, this.mode) &&\n          this.hoveredLine?.lineElement === data.lineElement\n        ) {\n          debugLogIfEnabled(\n            __debugMouseEvents,\n            'move',\n            \"FileDiff.DEBUG.handleMouseEvent: switch, 'move', returned early because same line\"\n          );\n          break;\n        }\n        if (this.hoveredLine != null) {\n          debugLogIfEnabled(\n            __debugMouseEvents,\n            'move',\n            \"FileDiff.DEBUG.handleMouseEvent: switch, 'move', clearing an existing hovered line and firing onLineLeave\"\n          );\n          this.hoverSlot?.parentElement?.removeChild(this.hoverSlot);\n          onLineLeave?.({\n            ...this.hoveredLine,\n            event,\n          } as MouseEventEnterLeaveProps<TMode>);\n          this.hoveredLine = undefined;\n        }\n        if (isLineEventData(data, this.mode)) {\n          debugLogIfEnabled(\n            __debugMouseEvents,\n            'move',\n            \"FileDiff.DEBUG.handleMouseEvent: switch, 'move', setting up a new hoveredLine and firing onLineEnter\"\n          );\n          this.hoveredLine = data;\n          if (this.hoverSlot != null) {\n            data.numberElement?.appendChild(this.hoverSlot);\n          }\n          onLineEnter?.({\n            ...this.hoveredLine,\n            event,\n          } as MouseEventEnterLeaveProps<TMode>);\n        }\n        break;\n      }\n      case 'click':\n        debugLogIfEnabled(\n          __debugMouseEvents,\n          'click',\n          \"FileDiff.DEBUG.handleMouseEvent: switch, 'click', with data:\",\n          data\n        );\n        if (data == null) break;\n        if (isExpandoEventData(data) && onHunkExpand != null) {\n          debugLogIfEnabled(\n            __debugMouseEvents,\n            'click',\n            \"FileDiff.DEBUG.handleMouseEvent: switch, 'click', expanding a hunk\"\n          );\n          onHunkExpand(data.hunkIndex, data.direction);\n          break;\n        }\n        if (isLineEventData(data, this.mode)) {\n          if (onLineNumberClick != null && data.numberColumn) {\n            debugLogIfEnabled(\n              __debugMouseEvents,\n              'click',\n              \"FileDiff.DEBUG.handleMouseEvent: switch, 'click', firing 'onLineNumberClick'\"\n            );\n            onLineNumberClick({ ...data, event } as EventClickProps<TMode>);\n          } else if (onLineClick != null) {\n            debugLogIfEnabled(\n              __debugMouseEvents,\n              'click',\n              \"FileDiff.DEBUG.handleMouseEvent: switch, 'click', firing 'onLineClick'\"\n            );\n            onLineClick({ ...data, event } as EventClickProps<TMode>);\n          } else {\n            debugLogIfEnabled(\n              __debugMouseEvents,\n              'click',\n              \"FileDiff.DEBUG.handleMouseEvent: switch, 'click', fell through, no event to fire\"\n            );\n          }\n        }\n        break;\n    }\n  }\n\n  private getLineData(\n    path: (EventTarget | undefined)[]\n  ): GetLineDataResult<TMode> {\n    let numberColumn = false;\n    const lineElement = path.find((element) => {\n      if (!(element instanceof HTMLElement)) {\n        return false;\n      }\n      numberColumn = numberColumn || 'columnNumber' in element.dataset;\n      return 'line' in element.dataset || 'expandIndex' in element.dataset;\n    });\n    if (!(lineElement instanceof HTMLElement)) return undefined;\n    if (lineElement.dataset.expandIndex != null) {\n      const hunkIndex = parseInt(lineElement.dataset.expandIndex);\n      if (isNaN(hunkIndex)) {\n        return undefined;\n      }\n      let direction: ExpansionDirections | undefined;\n      for (const element of path) {\n        if (element === lineElement) break;\n        if (element instanceof HTMLElement) {\n          direction =\n            direction ??\n            ('expandUp' in element.dataset ? 'up' : undefined) ??\n            ('expandDown' in element.dataset ? 'down' : undefined) ??\n            ('expandBoth' in element.dataset ? 'both' : undefined);\n          if (direction != null) {\n            break;\n          }\n        }\n      }\n      return direction != null\n        ? { type: 'line-info', hunkIndex, direction }\n        : undefined;\n    }\n    const lineNumber = parseInt(lineElement.dataset.line ?? '');\n    if (isNaN(lineNumber)) return;\n    const lineType = lineElement.dataset.lineType;\n    if (\n      lineType !== 'context' &&\n      lineType !== 'context-expanded' &&\n      lineType !== 'change-deletion' &&\n      lineType !== 'change-addition'\n    ) {\n      return undefined;\n    }\n\n    const numberElement = (() => {\n      const numberElement = lineElement.children[0];\n      return numberElement instanceof HTMLElement &&\n        numberElement.dataset.columnNumber != null\n        ? numberElement\n        : undefined;\n    })();\n\n    if (this.mode === 'file') {\n      return {\n        type: 'line',\n        lineElement,\n        lineNumber,\n        numberElement,\n        numberColumn,\n      } as GetLineDataResult<TMode>;\n    }\n\n    const annotationSide: AnnotationSide = (() => {\n      if (lineType === 'change-deletion') {\n        return 'deletions';\n      }\n      if (lineType === 'change-addition') {\n        return 'additions';\n      }\n      const parent = lineElement.closest('[data-code]');\n      if (!(parent instanceof HTMLElement)) {\n        return 'additions';\n      }\n      return 'deletions' in parent.dataset ? 'deletions' : 'additions';\n    })();\n\n    return {\n      type: 'diff-line',\n      annotationSide,\n      lineType,\n      lineElement,\n      numberElement,\n      lineNumber,\n      numberColumn,\n    } as GetLineDataResult<TMode>;\n  }\n}\n\nfunction debugLogIfEnabled(\n  debugLogType: LogTypes | undefined = 'none',\n  logIfType: 'move' | 'click',\n  ...args: unknown[]\n) {\n  switch (debugLogType) {\n    case 'none':\n      return;\n    case 'both':\n      break;\n    case 'click':\n      if (logIfType !== 'click') {\n        return;\n      }\n      break;\n    case 'move':\n      if (logIfType !== 'move') {\n        return;\n      }\n      break;\n  }\n  console.log(...args);\n}\n\nexport function pluckMouseEventOptions<TMode extends MouseEventManagerMode>(\n  {\n    onLineClick,\n    onLineNumberClick,\n    onLineEnter,\n    onLineLeave,\n    enableHoverUtility,\n    __debugMouseEvents,\n  }: MouseEventManagerBaseOptions<TMode>,\n  onHunkExpand?: (hunkIndex: number, direction: ExpansionDirections) => unknown\n): MouseEventManagerOptions<TMode> {\n  return {\n    onLineClick,\n    onLineNumberClick,\n    onLineEnter,\n    onLineLeave,\n    enableHoverUtility,\n    __debugMouseEvents,\n    onHunkExpand,\n  };\n}\n"],"mappings":"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"}

package/dist/managers/ResizeManager.d.ts

@@ -0,0 +1,11 @@
+//#region src/managers/ResizeManager.d.ts
+declare class ResizeManager {
+  private observedNodes;
+  cleanUp(): void;
+  private resizeObserver;
+  setup(pre: HTMLPreElement): void;
+  private handleResizeObserver;
+}
+//#endregion
+export { ResizeManager };
+//# sourceMappingURL=ResizeManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeManager.d.ts","names":[],"sources":["../../src/managers/ResizeManager.ts"],"sourcesContent":[],"mappings":";cAEa,aAAA;EAAb,QAAa,aAAA;;;aAcA"}

package/dist/managers/ResizeManager.js

@@ -0,0 +1,132 @@
+//#region src/managers/ResizeManager.ts
+var ResizeManager = class {
+	observedNodes = /* @__PURE__ */ new Map();
+	cleanUp() {
+		this.resizeObserver?.disconnect();
+		this.observedNodes.clear();
+	}
+	resizeObserver;
+	setup(pre) {
+		this.cleanUp();
+		const annotationElements = pre.querySelectorAll("[data-line-annotation*=\",\"]");
+		this.resizeObserver ??= new ResizeObserver(this.handleResizeObserver);
+		const codeElements = pre.querySelectorAll("code");
+		for (const codeElement of codeElements) {
+			let numberElement = codeElement.querySelector("[data-column-number]");
+			if (!(numberElement instanceof HTMLElement)) numberElement = null;
+			const item = {
+				type: "code",
+				codeElement,
+				numberElement,
+				codeWidth: "auto",
+				numberWidth: 0
+			};
+			this.observedNodes.set(codeElement, item);
+			this.resizeObserver.observe(codeElement);
+			if (numberElement != null) {
+				this.observedNodes.set(numberElement, item);
+				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;
+			}
+			let pairs = elementMap.get(lineAnnotation);
+			if (pairs == null) {
+				pairs = [];
+				elementMap.set(lineAnnotation, pairs);
+			}
+			pairs.push(element);
+		}
+		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;
+			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);
+		}
+	}
+	handleResizeObserver = (entries) => {
+		for (const entry of entries) {
+			const { target, borderBoxSize } = entry;
+			if (!(target instanceof HTMLElement)) {
+				console.error("FileDiff.handleResizeObserver: Invalid element for ResizeObserver", entry);
+				continue;
+			}
+			const item = this.observedNodes.get(target);
+			if (item == null) {
+				console.error("FileDiff.handleResizeObserver: Not a valid observed node", entry);
+				continue;
+			}
+			const specs = borderBoxSize[0];
+			if (item.type === "annotations") {
+				const column = (() => {
+					if (target === item.column1.child) return item.column1;
+					if (target === item.column2.child) return item.column2;
+				})();
+				if (column == null) {
+					console.error(`FileDiff.handleResizeObserver: Couldn't find a column for`, {
+						item,
+						target
+					});
+					continue;
+				}
+				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`);
+				}
+			} 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`);
+					}
+				}
+			}
+		}
+	};
+};
+
+//#endregion
+export { ResizeManager };
+//# sourceMappingURL=ResizeManager.js.map

package/dist/managers/ResizeManager.js.map

@@ -0,0 +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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"}

package/dist/managers/ScrollSyncManager.d.ts

@@ -0,0 +1,15 @@
+//#region src/managers/ScrollSyncManager.d.ts
+declare class ScrollSyncManager {
+  isDeletionsScrolling: boolean;
+  isAdditionsScrolling: boolean;
+  timeoutId: NodeJS.Timeout;
+  codeDeletions: HTMLElement | undefined;
+  codeAdditions: HTMLElement | undefined;
+  cleanUp(): void;
+  setup(pre: HTMLPreElement, codeDeletions?: HTMLElement, codeAdditions?: HTMLElement): void;
+  private handleDeletionsScroll;
+  private handleAdditionsScroll;
+}
+//#endregion
+export { ScrollSyncManager };
+//# sourceMappingURL=ScrollSyncManager.d.ts.map

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

@@ -0,0 +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;EAiBR,aAAA,EAjBQ,WAiBR,GAAA,SAAA;EACW,OAAA,CAAA,CAAA,EAAA,IAAA;EACA,KAAA,CAAA,GAAA,EAFX,cAEW,EAAA,aAAA,CAAA,EADA,WACA,EAAA,aAAA,CAAA,EAAA,WAAA,CAAA,EAAA,IAAA;EAAA,QAAA,qBAAA"}

package/dist/managers/ScrollSyncManager.js

@@ -0,0 +1,54 @@
+//#region src/managers/ScrollSyncManager.ts
+var ScrollSyncManager = class {
+	isDeletionsScrolling = false;
+	isAdditionsScrolling = false;
+	timeoutId = -1;
+	codeDeletions;
+	codeAdditions;
+	cleanUp() {
+		this.codeDeletions?.removeEventListener("scroll", this.handleDeletionsScroll);
+		this.codeAdditions?.removeEventListener("scroll", this.handleAdditionsScroll);
+		clearTimeout(this.timeoutId);
+		this.codeDeletions = void 0;
+		this.codeAdditions = void 0;
+	}
+	setup(pre, codeDeletions, codeAdditions) {
+		if (codeDeletions == null || codeAdditions == null) for (const element of pre.children ?? []) {
+			if (!(element instanceof HTMLElement)) continue;
+			if ("deletions" in element.dataset) codeDeletions = element;
+			else if ("additions" in element.dataset) codeAdditions = element;
+		}
+		if (codeAdditions == null || codeDeletions == null) {
+			this.cleanUp();
+			return;
+		}
+		this.codeDeletions?.removeEventListener("scroll", this.handleDeletionsScroll);
+		this.codeAdditions?.removeEventListener("scroll", this.handleAdditionsScroll);
+		this.codeDeletions = codeDeletions;
+		this.codeAdditions = codeAdditions;
+		codeDeletions.addEventListener("scroll", this.handleDeletionsScroll, { passive: true });
+		codeAdditions.addEventListener("scroll", this.handleAdditionsScroll, { passive: true });
+	}
+	handleDeletionsScroll = () => {
+		if (this.isAdditionsScrolling) return;
+		this.isDeletionsScrolling = true;
+		clearTimeout(this.timeoutId);
+		this.timeoutId = setTimeout(() => {
+			this.isDeletionsScrolling = false;
+		}, 300);
+		this.codeAdditions?.scrollTo({ left: this.codeDeletions?.scrollLeft });
+	};
+	handleAdditionsScroll = () => {
+		if (this.isDeletionsScrolling) return;
+		this.isAdditionsScrolling = true;
+		clearTimeout(this.timeoutId);
+		this.timeoutId = setTimeout(() => {
+			this.isAdditionsScrolling = false;
+		}, 300);
+		this.codeDeletions?.scrollTo({ left: this.codeAdditions?.scrollLeft });
+	};
+};
+
+//#endregion
+export { ScrollSyncManager };
+//# sourceMappingURL=ScrollSyncManager.js.map

package/dist/managers/ScrollSyncManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollSyncManager.js","names":[],"sources":["../../src/managers/ScrollSyncManager.ts"],"sourcesContent":["export class ScrollSyncManager {\n  isDeletionsScrolling: boolean = false;\n  isAdditionsScrolling: boolean = false;\n  timeoutId: NodeJS.Timeout = -1 as unknown as NodeJS.Timeout;\n  codeDeletions: HTMLElement | undefined;\n  codeAdditions: HTMLElement | undefined;\n\n  cleanUp(): void {\n    this.codeDeletions?.removeEventListener(\n      'scroll',\n      this.handleDeletionsScroll\n    );\n    this.codeAdditions?.removeEventListener(\n      'scroll',\n      this.handleAdditionsScroll\n    );\n    clearTimeout(this.timeoutId);\n    this.codeDeletions = undefined;\n    this.codeAdditions = undefined;\n  }\n\n  setup(\n    pre: HTMLPreElement,\n    codeDeletions?: HTMLElement,\n    codeAdditions?: HTMLElement\n  ): void {\n    // If no code elements were provided, lets try to find them in\n    // the pre element\n    if (codeDeletions == null || codeAdditions == null) {\n      for (const element of pre.children ?? []) {\n        if (!(element instanceof HTMLElement)) {\n          continue;\n        }\n        if ('deletions' in element.dataset) {\n          codeDeletions = element;\n        } else if ('additions' in element.dataset) {\n          codeAdditions = element;\n        }\n      }\n    }\n    if (codeAdditions == null || codeDeletions == null) {\n      this.cleanUp();\n      return;\n    }\n    this.codeDeletions?.removeEventListener(\n      'scroll',\n      this.handleDeletionsScroll\n    );\n    this.codeAdditions?.removeEventListener(\n      'scroll',\n      this.handleAdditionsScroll\n    );\n    this.codeDeletions = codeDeletions;\n    this.codeAdditions = codeAdditions;\n    codeDeletions.addEventListener('scroll', this.handleDeletionsScroll, {\n      passive: true,\n    });\n    codeAdditions.addEventListener('scroll', this.handleAdditionsScroll, {\n      passive: true,\n    });\n  }\n\n  private handleDeletionsScroll = () => {\n    if (this.isAdditionsScrolling) {\n      return;\n    }\n    this.isDeletionsScrolling = true;\n    clearTimeout(this.timeoutId);\n    this.timeoutId = setTimeout(() => {\n      this.isDeletionsScrolling = false;\n    }, 300);\n    this.codeAdditions?.scrollTo({\n      left: this.codeDeletions?.scrollLeft,\n    });\n  };\n\n  private handleAdditionsScroll = () => {\n    if (this.isDeletionsScrolling) {\n      return;\n    }\n    this.isAdditionsScrolling = true;\n    clearTimeout(this.timeoutId);\n    this.timeoutId = setTimeout(() => {\n      this.isAdditionsScrolling = false;\n    }, 300);\n    this.codeDeletions?.scrollTo({\n      left: this.codeAdditions?.scrollLeft,\n    });\n  };\n}\n"],"mappings":";AAAA,IAAa,oBAAb,MAA+B;CAC7B,uBAAgC;CAChC,uBAAgC;CAChC,YAA4B;CAC5B;CACA;CAEA,UAAgB;AACd,OAAK,eAAe,oBAClB,UACA,KAAK,sBACN;AACD,OAAK,eAAe,oBAClB,UACA,KAAK,sBACN;AACD,eAAa,KAAK,UAAU;AAC5B,OAAK,gBAAgB;AACrB,OAAK,gBAAgB;;CAGvB,MACE,KACA,eACA,eACM;AAGN,MAAI,iBAAiB,QAAQ,iBAAiB,KAC5C,MAAK,MAAM,WAAW,IAAI,YAAY,EAAE,EAAE;AACxC,OAAI,EAAE,mBAAmB,aACvB;AAEF,OAAI,eAAe,QAAQ,QACzB,iBAAgB;YACP,eAAe,QAAQ,QAChC,iBAAgB;;AAItB,MAAI,iBAAiB,QAAQ,iBAAiB,MAAM;AAClD,QAAK,SAAS;AACd;;AAEF,OAAK,eAAe,oBAClB,UACA,KAAK,sBACN;AACD,OAAK,eAAe,oBAClB,UACA,KAAK,sBACN;AACD,OAAK,gBAAgB;AACrB,OAAK,gBAAgB;AACrB,gBAAc,iBAAiB,UAAU,KAAK,uBAAuB,EACnE,SAAS,MACV,CAAC;AACF,gBAAc,iBAAiB,UAAU,KAAK,uBAAuB,EACnE,SAAS,MACV,CAAC;;CAGJ,AAAQ,8BAA8B;AACpC,MAAI,KAAK,qBACP;AAEF,OAAK,uBAAuB;AAC5B,eAAa,KAAK,UAAU;AAC5B,OAAK,YAAY,iBAAiB;AAChC,QAAK,uBAAuB;KAC3B,IAAI;AACP,OAAK,eAAe,SAAS,EAC3B,MAAM,KAAK,eAAe,YAC3B,CAAC;;CAGJ,AAAQ,8BAA8B;AACpC,MAAI,KAAK,qBACP;AAEF,OAAK,uBAAuB;AAC5B,eAAa,KAAK,UAAU;AAC5B,OAAK,YAAY,iBAAiB;AAChC,QAAK,uBAAuB;KAC3B,IAAI;AACP,OAAK,eAAe,SAAS,EAC3B,MAAM,KAAK,eAAe,YAC3B,CAAC"}

package/dist/managers/UniversalRenderingManager.d.ts

@@ -0,0 +1,6 @@
+//#region src/managers/UniversalRenderingManager.d.ts
+type Callback = (time: number) => unknown;
+declare function queueRender(callback: Callback): void;
+//#endregion
+export { queueRender };
+//# sourceMappingURL=UniversalRenderingManager.d.ts.map

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

@@ -0,0 +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"}

package/dist/managers/UniversalRenderingManager.js

@@ -0,0 +1,32 @@
+//#region src/managers/UniversalRenderingManager.ts
+const queuedCallbacks = /* @__PURE__ */ new Set();
+let callbacks = /* @__PURE__ */ new Set();
+let frameId = null;
+let isRendering = false;
+function queueRender(callback) {
+	if (isRendering) {
+		queuedCallbacks.add(callback);
+		return;
+	}
+	callbacks.add(callback);
+	frameId ??= requestAnimationFrame(render);
+}
+function render(time) {
+	isRendering = true;
+	for (const callback of callbacks) try {
+		callback(time);
+	} catch (error) {
+		console.error(error);
+	}
+	callbacks.clear();
+	if (queuedCallbacks.size > 0) {
+		callbacks = new Set(queuedCallbacks);
+		queuedCallbacks.clear();
+		frameId = requestAnimationFrame(render);
+	} else frameId = null;
+	isRendering = false;
+}
+
+//#endregion
+export { queueRender };
+//# sourceMappingURL=UniversalRenderingManager.js.map

package/dist/managers/UniversalRenderingManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniversalRenderingManager.js","names":["frameId: null | number"],"sources":["../../src/managers/UniversalRenderingManager.ts"],"sourcesContent":["type Callback = (time: number) => unknown;\n\nconst queuedCallbacks = new Set<Callback>();\nlet callbacks = new Set<Callback>();\nlet frameId: null | number = null;\nlet isRendering = false;\n\n// TODO(amadeus): Figure out a proper name for this module...\nexport function queueRender(callback: Callback): void {\n  if (isRendering) {\n    queuedCallbacks.add(callback);\n    return;\n  }\n  callbacks.add(callback);\n  frameId ??= requestAnimationFrame(render);\n}\n\nfunction render(time: number): void {\n  isRendering = true;\n  for (const callback of callbacks) {\n    try {\n      callback(time);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n  callbacks.clear();\n  if (queuedCallbacks.size > 0) {\n    callbacks = new Set(queuedCallbacks);\n    queuedCallbacks.clear();\n    frameId = requestAnimationFrame(render);\n  } else {\n    frameId = null;\n  }\n  isRendering = false;\n}\n"],"mappings":";AAEA,MAAM,kCAAkB,IAAI,KAAe;AAC3C,IAAI,4BAAY,IAAI,KAAe;AACnC,IAAIA,UAAyB;AAC7B,IAAI,cAAc;AAGlB,SAAgB,YAAY,UAA0B;AACpD,KAAI,aAAa;AACf,kBAAgB,IAAI,SAAS;AAC7B;;AAEF,WAAU,IAAI,SAAS;AACvB,aAAY,sBAAsB,OAAO;;AAG3C,SAAS,OAAO,MAAoB;AAClC,eAAc;AACd,MAAK,MAAM,YAAY,UACrB,KAAI;AACF,WAAS,KAAK;UACP,OAAO;AACd,UAAQ,MAAM,MAAM;;AAGxB,WAAU,OAAO;AACjB,KAAI,gBAAgB,OAAO,GAAG;AAC5B,cAAY,IAAI,IAAI,gBAAgB;AACpC,kBAAgB,OAAO;AACvB,YAAU,sBAAsB,OAAO;OAEvC,WAAU;AAEZ,eAAc"}

package/dist/react/File.d.ts

@@ -0,0 +1,19 @@
+import { FileOptions } from "../components/File.js";
+import { FileProps } from "./types.js";
+
+//#region src/react/File.d.ts
+declare function File<LAnnotation = undefined>({
+  file,
+  lineAnnotations,
+  selectedLines,
+  options,
+  className,
+  style,
+  renderAnnotation,
+  renderHeaderMetadata,
+  prerenderedHTML,
+  renderHoverUtility
+}: FileProps<LAnnotation>): React.JSX.Element;
+//#endregion
+export { File, type FileOptions };
+//# sourceMappingURL=File.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"File.d.ts","names":[],"sources":["../../src/react/File.tsx"],"sourcesContent":[],"mappings":";;;;iBAWgB;;;;;;;;;;;GAWb,UAAU,eAAe,KAAA,CAAM,GAAA,CAAI"}