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

package/dist/worker/worker-portable.js

@@ -11680,16 +11680,24 @@ const DEFAULT_THEMES = {
 };
 const UNSAFE_CSS_ATTRIBUTE = "data-unsafe-css";
 const CORE_CSS_ATTRIBUTE = "data-core-css";
-const LINE_HUNK_COUNT = 10;
-const LINE_HEIGHT = 20;
-const DIFF_HEADER_HEIGHT = 44;
-const HUNK_SEPARATOR_HEIGHT = 32;
-const FILE_GAP = 8;
 const DEFAULT_COLLAPSED_CONTEXT_THRESHOLD = 1;
+const DEFAULT_VIRTUAL_FILE_METRICS = {
+	hunkLineCount: 50,
+	lineHeight: 20,
+	diffHeaderHeight: 44,
+	hunkSeparatorHeight: 32,
+	fileGap: 8
+};
 const DEFAULT_EXPANDED_REGION = Object.freeze({
 	fromStart: 0,
 	fromEnd: 0
 });
+const DEFAULT_RENDER_RANGE = {
+	startingLine: 0,
+	totalLines: Infinity,
+	bufferBefore: 0,
+	bufferAfter: 0
+};
 
 //#endregion
 //#region src/highlighter/languages/constants.ts
@@ -13857,12 +13865,36 @@ function findCodeElement(nodes) {
 	}
 	return undefined;
 }
-function createBufferElement(type, height) {
+function createGutterWrapper(children) {
+	return createHastElement({
+		tagName: "div",
+		properties: { "data-gutter": "" },
+		children
+	});
+}
+function createGutterItem(lineType, lineNumber, lineIndex) {
 	return createHastElement({
 		tagName: "div",
 		properties: {
-			"data-virtualized-buffer": type,
-			style: `height: ${height}px`
+			"data-line-type": lineType,
+			"data-column-number": lineNumber,
+			"data-line-index": lineIndex
+		},
+		children: lineNumber != null ? [createHastElement({
+			tagName: "span",
+			properties: { "data-line-number-content": "" },
+			children: [createTextNodeElement(`${lineNumber}`)]
+		})] : undefined
+	});
+}
+function createGutterGap(type, bufferType, size) {
+	return createHastElement({
+		tagName: "div",
+		properties: {
+			"data-gutter-buffer": bufferType,
+			"data-buffer-size": size,
+			"data-line-type": bufferType === "annotation" ? undefined : type,
+			style: bufferType === "annotation" ? `grid-row: span ${size};` : `grid-row: span ${size};min-height:calc(${size} * 1lh);`
 		}
 	});
 }
@@ -13880,33 +13912,15 @@ function processLine(node, line, state) {
 		});
 		throw new Error(errorMessage);
 	}
-	node.tagName = "span";
-	node.properties["data-column-content"] = "";
+	node.tagName = "div";
+	node.properties["data-line"] = lineInfo.lineNumber;
+	node.properties["data-alt-line"] = lineInfo.altLineNumber;
+	node.properties["data-line-type"] = lineInfo.type;
+	node.properties["data-line-index"] = lineInfo.lineIndex;
 	if (node.children.length === 0) {
 		node.children.push(createTextNodeElement("\n"));
 	}
-	const children = [createHastElement({
-		tagName: "span",
-		children: [createHastElement({
-			tagName: "span",
-			children: [{
-				type: "text",
-				value: `${lineInfo.lineNumber}`
-			}],
-			properties: { "data-line-number-content": "" }
-		})],
-		properties: { "data-column-number": "" }
-	}), node];
-	return createHastElement({
-		tagName: "div",
-		children,
-		properties: {
-			"data-line": lineInfo.lineNumber,
-			"data-alt-line": lineInfo.altLineNumber,
-			"data-line-type": lineInfo.type,
-			"data-line-index": lineInfo.lineIndex
-		}
-	});
+	return node;
 }
 
 //#endregion
@@ -14532,16 +14546,21 @@ function iterateOverDiff({ diff, diffStyle, startingLine = 0, totalLines = Infin
 						hunk,
 						collapsedBefore: 0,
 						collapsedAfter: 0,
-						unifiedDeletionLineIndex: unifiedLineIndex$1 + index,
-						unifiedAdditionLineIndex: unifiedLineIndex$1 + index,
-						splitLineIndex: splitLineIndex$1 + index,
-						deletionLineIndex: deletionLineIndex$1 + index,
-						additionLineIndex: additionLineIndex$1 + index,
-						deletionLineNumber: deletionLineNumber$1 + index,
-						additionLineNumber: additionLineNumber$1 + index,
 						type: "context-expanded",
-						noEOFCRAddition: false,
-						noEOFCRDeletion: false
+						deletionLine: {
+							lineNumber: deletionLineNumber$1 + index,
+							lineIndex: deletionLineIndex$1 + index,
+							noEOFCR: false,
+							unifiedLineIndex: unifiedLineIndex$1 + index,
+							splitLineIndex: splitLineIndex$1 + index
+						},
+						additionLine: {
+							unifiedLineIndex: unifiedLineIndex$1 + index,
+							splitLineIndex: splitLineIndex$1 + index,
+							lineIndex: additionLineIndex$1 + index,
+							lineNumber: additionLineNumber$1 + index,
+							noEOFCR: false
+						}
 					})) {
 						break hunkIterator;
 					}
@@ -14564,16 +14583,21 @@ function iterateOverDiff({ diff, diffStyle, startingLine = 0, totalLines = Infin
 						hunk,
 						collapsedBefore: getPendingCollapsed(),
 						collapsedAfter: 0,
-						unifiedDeletionLineIndex: unifiedLineIndex$1 + index,
-						unifiedAdditionLineIndex: unifiedLineIndex$1 + index,
-						splitLineIndex: splitLineIndex$1 + index,
-						deletionLineIndex: deletionLineIndex$1 + index,
-						additionLineIndex: additionLineIndex$1 + index,
-						deletionLineNumber: deletionLineNumber$1 + index,
-						additionLineNumber: additionLineNumber$1 + index,
 						type: "context-expanded",
-						noEOFCRAddition: false,
-						noEOFCRDeletion: false
+						deletionLine: {
+							lineNumber: deletionLineNumber$1 + index,
+							lineIndex: deletionLineIndex$1 + index,
+							noEOFCR: false,
+							unifiedLineIndex: unifiedLineIndex$1 + index,
+							splitLineIndex: splitLineIndex$1 + index
+						},
+						additionLine: {
+							unifiedLineIndex: unifiedLineIndex$1 + index,
+							splitLineIndex: splitLineIndex$1 + index,
+							lineIndex: additionLineIndex$1 + index,
+							lineNumber: additionLineNumber$1 + index,
+							noEOFCR: false
+						}
 					})) {
 						break hunkIterator;
 					}
@@ -14611,16 +14635,21 @@ function iterateOverDiff({ diff, diffStyle, startingLine = 0, totalLines = Infin
 								hunk,
 								collapsedBefore: getPendingCollapsed(),
 								collapsedAfter: getTrailingCollapsedAfter(unifiedRowIndex, splitRowIndex),
-								unifiedDeletionLineIndex: unifiedRowIndex,
-								unifiedAdditionLineIndex: unifiedRowIndex,
-								splitLineIndex: splitRowIndex,
-								deletionLineIndex: deletionLineIndex + index,
-								additionLineIndex: additionLineIndex + index,
-								deletionLineNumber: deletionLineNumber + index,
-								additionLineNumber: additionLineNumber + index,
 								type: "context",
-								noEOFCRAddition: isLastLine && hunk.noEOFCRAdditions,
-								noEOFCRDeletion: isLastLine && hunk.noEOFCRDeletions
+								deletionLine: {
+									lineNumber: deletionLineNumber + index,
+									lineIndex: deletionLineIndex + index,
+									noEOFCR: isLastLine && hunk.noEOFCRDeletions,
+									unifiedLineIndex: unifiedRowIndex,
+									splitLineIndex: splitRowIndex
+								},
+								additionLine: {
+									unifiedLineIndex: unifiedRowIndex,
+									splitLineIndex: splitRowIndex,
+									lineIndex: additionLineIndex + index,
+									lineNumber: additionLineNumber + index,
+									noEOFCR: isLastLine && hunk.noEOFCRAdditions
+								}
 							})) {
 								break hunkIterator;
 							}
@@ -14698,16 +14727,21 @@ function iterateOverDiff({ diff, diffStyle, startingLine = 0, totalLines = Infin
 						hunk: undefined,
 						collapsedBefore: 0,
 						collapsedAfter: isLastLine ? collapsedLines : 0,
-						unifiedDeletionLineIndex: unifiedLineIndex + index,
-						unifiedAdditionLineIndex: unifiedLineIndex + index,
-						splitLineIndex: splitLineIndex + index,
-						additionLineIndex: additionLineIndex + index,
-						deletionLineIndex: deletionLineIndex + index,
-						additionLineNumber: additionLineNumber + index,
-						deletionLineNumber: deletionLineNumber + index,
 						type: "context-expanded",
-						noEOFCRAddition: false,
-						noEOFCRDeletion: false
+						deletionLine: {
+							lineNumber: deletionLineNumber + index,
+							lineIndex: deletionLineIndex + index,
+							noEOFCR: false,
+							unifiedLineIndex: unifiedLineIndex + index,
+							splitLineIndex: splitLineIndex + index
+						},
+						additionLine: {
+							unifiedLineIndex: unifiedLineIndex + index,
+							splitLineIndex: splitLineIndex + index,
+							lineIndex: additionLineIndex + index,
+							lineNumber: additionLineNumber + index,
+							noEOFCR: false
+						}
 					})) {
 						break hunkIterator;
 					}
@@ -14812,39 +14846,61 @@ function getChangeIterationRanges(state, content, diffStyle) {
 	return merged;
 }
 function getChangeLineData({ hunkIndex, hunk, collapsedAfter, collapsedBefore, diffStyle, index, unifiedLineIndex, splitLineIndex, additionLineIndex, deletionLineIndex, additionLineNumber, deletionLineNumber, content, isLastContent, unifiedCount, splitCount }) {
-	if (diffStyle === "unified") {
+	const unifiedDeletionLineIndex = index < content.deletions ? unifiedLineIndex + index : undefined;
+	const unifiedAdditionLineIndex = diffStyle === "unified" ? index >= content.deletions ? unifiedLineIndex + index : undefined : index < content.additions ? unifiedLineIndex + content.deletions + index : undefined;
+	const resolvedSplitLineIndex = diffStyle === "unified" ? splitLineIndex + (index < content.deletions ? index : index - content.deletions) : splitLineIndex + index;
+	const deletionLineIndexValue = index < content.deletions ? deletionLineIndex + index : undefined;
+	const deletionLineNumberValue = index < content.deletions ? deletionLineNumber + index : undefined;
+	const additionLineIndexValue = diffStyle === "unified" ? index >= content.deletions ? additionLineIndex + (index - content.deletions) : undefined : index < content.additions ? additionLineIndex + index : undefined;
+	const additionLineNumberValue = diffStyle === "unified" ? index >= content.deletions ? additionLineNumber + (index - content.deletions) : undefined : index < content.additions ? additionLineNumber + index : undefined;
+	const noEOFCRDeletion = diffStyle === "unified" ? isLastContent && index === content.deletions - 1 && hunk.noEOFCRDeletions : isLastContent && index === splitCount - 1 && hunk.noEOFCRDeletions;
+	const noEOFCRAddition = diffStyle === "unified" ? isLastContent && index === unifiedCount - 1 && hunk.noEOFCRAdditions : isLastContent && index === splitCount - 1 && hunk.noEOFCRAdditions;
+	const deletionLine = deletionLineIndexValue != null && deletionLineNumberValue != null && unifiedDeletionLineIndex != null ? {
+		lineNumber: deletionLineNumberValue,
+		lineIndex: deletionLineIndexValue,
+		noEOFCR: noEOFCRDeletion,
+		unifiedLineIndex: unifiedDeletionLineIndex,
+		splitLineIndex: resolvedSplitLineIndex
+	} : undefined;
+	const additionLine = additionLineIndexValue != null && additionLineNumberValue != null && unifiedAdditionLineIndex != null ? {
+		unifiedLineIndex: unifiedAdditionLineIndex,
+		splitLineIndex: resolvedSplitLineIndex,
+		lineIndex: additionLineIndexValue,
+		lineNumber: additionLineNumberValue,
+		noEOFCR: noEOFCRAddition
+	} : undefined;
+	if (deletionLine == null && additionLine != null) {
+		return {
+			type: "change",
+			hunkIndex,
+			hunk,
+			collapsedAfter,
+			collapsedBefore,
+			deletionLine: undefined,
+			additionLine
+		};
+	} else if (deletionLine != null && additionLine == null) {
 		return {
 			type: "change",
 			hunkIndex,
 			hunk,
 			collapsedAfter,
 			collapsedBefore,
-			unifiedDeletionLineIndex: index < content.deletions ? unifiedLineIndex + index : undefined,
-			unifiedAdditionLineIndex: index >= content.deletions ? unifiedLineIndex + index : undefined,
-			splitLineIndex: splitLineIndex + (index < content.deletions ? index : index - content.deletions),
-			additionLineIndex: index >= content.deletions ? additionLineIndex + (index - content.deletions) : undefined,
-			additionLineNumber: index >= content.deletions ? additionLineNumber + (index - content.deletions) : undefined,
-			deletionLineIndex: index < content.deletions ? deletionLineIndex + index : undefined,
-			deletionLineNumber: index < content.deletions ? deletionLineNumber + index : undefined,
-			noEOFCRDeletion: isLastContent && index === content.deletions - 1 && hunk.noEOFCRDeletions,
-			noEOFCRAddition: isLastContent && index === unifiedCount - 1 && hunk.noEOFCRAdditions
+			deletionLine,
+			additionLine: undefined
 		};
 	}
+	if (deletionLine == null || additionLine == null) {
+		throw new Error("iterateOverDiff: missing change line data");
+	}
 	return {
 		type: "change",
 		hunkIndex,
 		hunk,
 		collapsedAfter,
 		collapsedBefore,
-		unifiedDeletionLineIndex: index < content.deletions ? unifiedLineIndex + index : undefined,
-		unifiedAdditionLineIndex: index < content.additions ? unifiedLineIndex + content.deletions + index : undefined,
-		splitLineIndex: splitLineIndex + index,
-		additionLineIndex: index < content.additions ? additionLineIndex + index : undefined,
-		additionLineNumber: index < content.additions ? additionLineNumber + index : undefined,
-		deletionLineIndex: index < content.deletions ? deletionLineIndex + index : undefined,
-		deletionLineNumber: index < content.deletions ? deletionLineNumber + index : undefined,
-		noEOFCRDeletion: isLastContent && index === splitCount - 1 && hunk.noEOFCRDeletions,
-		noEOFCRAddition: isLastContent && index === splitCount - 1 && hunk.noEOFCRAdditions
+		deletionLine,
+		additionLine
 	};
 }
 
@@ -14880,8 +14936,8 @@ function pushOrJoinSpan({ item, arr, enableJoin, isNeutral = false, isLastItem =
 
 //#endregion
 //#region src/utils/renderDiffWithHighlighter.ts
-const DEFAULT_PLAIN_TEXT_OPTIONS = { forcePlainText: false };
-function renderDiffWithHighlighter(diff, highlighter$1, options, { forcePlainText, startingLine, totalLines, expandedHunks, collapsedContextThreshold = DEFAULT_COLLAPSED_CONTEXT_THRESHOLD } = DEFAULT_PLAIN_TEXT_OPTIONS) {
+const DEFAULT_PLAIN_TEXT_OPTIONS$1 = { forcePlainText: false };
+function renderDiffWithHighlighter(diff, highlighter$1, options, { forcePlainText, startingLine, totalLines, expandedHunks, collapsedContextThreshold = DEFAULT_COLLAPSED_CONTEXT_THRESHOLD } = DEFAULT_PLAIN_TEXT_OPTIONS$1) {
 	if (forcePlainText) {
 		startingLine ??= 0;
 		totalLines ??= Infinity;
@@ -14937,12 +14993,13 @@ function renderDiffWithHighlighter(diff, highlighter$1, options, { forcePlainTex
 		totalLines,
 		expandedHunks: isWindowedHighlight ? expandedHunksForIteration : true,
 		collapsedContextThreshold,
-		callback: ({ hunkIndex, additionLineIndex, deletionLineIndex, additionLineNumber, deletionLineNumber, unifiedAdditionLineIndex, unifiedDeletionLineIndex, splitLineIndex, type }) => {
+		callback: ({ hunkIndex, additionLine, deletionLine, type }) => {
 			const bucket = getBucketForHunk(hunkIndex);
-			if (type === "change" && lineDiffType !== "none" && additionLineIndex != null && deletionLineIndex != null) {
+			const splitLineIndex = additionLine != null ? additionLine.splitLineIndex : deletionLine.splitLineIndex;
+			if (type === "change" && additionLine != null && deletionLine != null) {
 				computeLineDiffDecorations({
-					additionLine: diff.additionLines[additionLineIndex],
-					deletionLine: diff.deletionLines[deletionLineIndex],
+					additionLine: diff.additionLines[additionLine.lineIndex],
+					deletionLine: diff.deletionLines[deletionLine.lineIndex],
 					deletionLineIndex: bucket.deletionContent.length,
 					additionLineIndex: bucket.additionContent.length,
 					deletionDecorations: bucket.deletionDecorations,
@@ -14950,22 +15007,22 @@ function renderDiffWithHighlighter(diff, highlighter$1, options, { forcePlainTex
 					lineDiffType
 				});
 			}
-			if (deletionLineIndex != null && deletionLineNumber != null && unifiedDeletionLineIndex != null) {
-				appendContent(diff.deletionLines[deletionLineIndex], deletionLineIndex, bucket.deletionSegments, bucket.deletionContent);
+			if (deletionLine != null) {
+				appendContent(diff.deletionLines[deletionLine.lineIndex], deletionLine.lineIndex, bucket.deletionSegments, bucket.deletionContent);
 				bucket.deletionInfo.push({
 					type: type === "change" ? "change-deletion" : type,
-					lineNumber: deletionLineNumber,
-					altLineNumber: type === "change" ? undefined : additionLineNumber ?? undefined,
-					lineIndex: `${unifiedDeletionLineIndex},${splitLineIndex}`
+					lineNumber: deletionLine.lineNumber,
+					altLineNumber: type === "change" ? undefined : additionLine.lineNumber ?? undefined,
+					lineIndex: `${deletionLine.unifiedLineIndex},${splitLineIndex}`
 				});
 			}
-			if (additionLineIndex != null && additionLineNumber != null && unifiedAdditionLineIndex != null) {
-				appendContent(diff.additionLines[additionLineIndex], additionLineIndex, bucket.additionSegments, bucket.additionContent);
+			if (additionLine != null) {
+				appendContent(diff.additionLines[additionLine.lineIndex], additionLine.lineIndex, bucket.additionSegments, bucket.additionContent);
 				bucket.additionInfo.push({
 					type: type === "change" ? "change-addition" : type,
-					lineNumber: additionLineNumber,
-					altLineNumber: type === "change" ? undefined : deletionLineNumber ?? undefined,
-					lineIndex: `${unifiedAdditionLineIndex},${splitLineIndex}`
+					lineNumber: additionLine.lineNumber,
+					altLineNumber: type === "change" ? undefined : deletionLine.lineNumber ?? undefined,
+					lineIndex: `${additionLine.unifiedLineIndex},${splitLineIndex}`
 				});
 			}
 		}
@@ -15163,9 +15220,82 @@ function renderTwoFiles({ deletionFile, additionFile, deletionInfo, additionInfo
 	};
 }
 
+//#endregion
+//#region src/utils/iterateOverFile.ts
+/**
+* Iterates over lines in a file with optional windowing support.
+*
+* Similar to `iterateOverDiff` but simplified for linear file content.
+* Supports viewport windowing for virtualization scenarios.
+*
+* @param props - Configuration for iteration
+* @param props.lines - Pre-split array of lines (use splitFileContents() to create from string)
+* @param props.startingLine - Optional starting line index (0-based, default: 0)
+* @param props.totalLines - Optional max lines to iterate (default: Infinity)
+* @param props.callback - Callback invoked for each line in the window.
+*                         Return `true` to stop iteration early.
+*
+* @example
+* ```typescript
+* const lines = splitFileContents('line1\nline2\nline3');
+* iterateOverFile({
+*   lines,
+*   startingLine: 0,
+*   totalLines: 10,
+*   callback: ({ lineIndex, lineNumber, content, isLastLine }) => {
+*     console.log(`Line ${lineNumber}: ${content}`);
+*     if (content.includes('stop')) return true; // Stop iteration
+*   }
+* });
+* ```
+*/
+function iterateOverFile({ lines, startingLine = 0, totalLines = Infinity, callback }) {
+	const len = Math.min(startingLine + totalLines, lines.length);
+	const lastLineIndex = (() => {
+		const lastLine = lines.at(-1);
+		if (lastLine === "" || lastLine === "\n" || lastLine === "\r\n" || lastLine === "\r") {
+			return Math.max(0, lines.length - 2);
+		}
+		return lines.length - 1;
+	})();
+	for (let lineIndex = startingLine; lineIndex < len; lineIndex++) {
+		const isLastLine = lineIndex === lastLineIndex;
+		if (callback({
+			lineIndex,
+			lineNumber: lineIndex + 1,
+			content: lines[lineIndex],
+			isLastLine
+		}) === true || isLastLine) {
+			break;
+		}
+	}
+}
+
+//#endregion
+//#region src/utils/splitFileContents.ts
+/**
+* Splits file contents into lines using the same logic as diff parsing.
+* - Preserves trailing newlines on each line
+*
+* @param contents - The raw file contents string
+* @returns Array of lines with newlines preserved
+*/
+function splitFileContents(contents) {
+	return contents !== "" ? contents.split(SPLIT_WITH_NEWLINES) : [];
+}
+
 //#endregion
 //#region src/utils/renderFileWithHighlighter.ts
-function renderFileWithHighlighter(file, highlighter$1, { theme = DEFAULT_THEMES, tokenizeMaxLineLength }, forcePlainText = false) {
+const DEFAULT_PLAIN_TEXT_OPTIONS = { forcePlainText: false };
+function renderFileWithHighlighter(file, highlighter$1, { theme = DEFAULT_THEMES, tokenizeMaxLineLength }, { forcePlainText, startingLine, totalLines, lines } = DEFAULT_PLAIN_TEXT_OPTIONS) {
+	if (forcePlainText) {
+		startingLine ??= 0;
+		totalLines ??= Infinity;
+	} else {
+		startingLine = 0;
+		totalLines = Infinity;
+	}
+	const isWindowedHighlight = startingLine > 0 || totalLines < Infinity;
 	const { state, transformers } = createTransformerWithState();
 	const lang = forcePlainText ? "text" : file.lang ?? getFiletypeFromFileName(file.name);
 	const baseThemeType = (() => {
@@ -15180,8 +15310,8 @@ function renderFileWithHighlighter(file, highlighter$1, { theme = DEFAULT_THEMES
 	});
 	state.lineInfo = (shikiLineNumber) => ({
 		type: "context",
-		lineIndex: shikiLineNumber - 1,
-		lineNumber: shikiLineNumber
+		lineIndex: shikiLineNumber - 1 + startingLine,
+		lineNumber: shikiLineNumber + startingLine
 	});
 	const hastConfig = (() => {
 		if (typeof theme === "string") {
@@ -15203,12 +15333,29 @@ function renderFileWithHighlighter(file, highlighter$1, { theme = DEFAULT_THEMES
 			tokenizeMaxLineLength
 		};
 	})();
+	const highlightedLines = getLineNodes(highlighter$1.codeToHast(isWindowedHighlight ? extractWindowedFileContent(lines ?? splitFileContents(file.contents), startingLine, totalLines) : cleanLastNewline(file.contents), hastConfig));
+	const code = isWindowedHighlight ? new Array(startingLine) : highlightedLines;
+	if (isWindowedHighlight) {
+		code.push(...highlightedLines);
+	}
 	return {
-		code: getLineNodes(highlighter$1.codeToHast(cleanLastNewline(file.contents), hastConfig)),
+		code,
 		themeStyles,
 		baseThemeType
 	};
 }
+function extractWindowedFileContent(lines, startingLine, totalLines) {
+	let windowContent = "";
+	iterateOverFile({
+		lines,
+		startingLine,
+		totalLines,
+		callback({ content }) {
+			windowContent += content;
+		}
+	});
+	return windowContent;
+}
 
 //#endregion
 //#region src/worker/worker.ts