@keboola/design 11.0.0 → 11.0.1

package/dist/DiffView-ppTIzh2h.js

@@ -0,0 +1,429 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { diffLines, diffWords } from "diff";
+//#region src/components/DiffView/DiffViewMark.tsx
+const variants$1 = cva([
+	"tw:p-0.5",
+	"tw:text-inherit",
+	"tw:inline-flex"
+], { variants: { diff: {
+	added: ["tw:bg-green-200", "tw:[[data-theme=dark]_&]:bg-green-500/40"],
+	removed: ["tw:bg-error-300", "tw:[[data-theme=dark]_&]:bg-error-500/40"]
+} } });
+const DiffViewMark = ({ diff, children, className, ...props }) => /* @__PURE__ */ jsx("mark", {
+	...props,
+	className: cn(variants$1({
+		diff,
+		className
+	})),
+	children
+});
+//#endregion
+//#region src/components/DiffView/DiffViewTd.tsx
+const variants = cva([
+	"tw:[&_pre]:p-0",
+	"tw:[&_pre]:m-0",
+	"tw:[&_pre]:border-none",
+	"tw:[&_pre]:rounded-none",
+	"tw:align-top",
+	"tw:[&_pre]:bg-transparent",
+	"tw:[&_pre]:text-inherit",
+	"tw:[&_pre]:px-2",
+	"tw:[&_pre]:!leading-7",
+	"tw:[&_pre]:text-sm",
+	"tw:[&_pre]:whitespace-pre-wrap"
+], {
+	defaultVariants: {
+		variant: "default",
+		diff: "default"
+	},
+	variants: {
+		variant: {
+			default: [],
+			gutter: [
+				"tw:w-14",
+				"tw:text-right",
+				"tw:whitespace-nowrap",
+				"tw:select-none"
+			],
+			code: []
+		},
+		diff: {
+			default: [],
+			added: [],
+			removed: []
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "gutter",
+			diff: "default",
+			className: ["tw:bg-muted", "tw:text-muted-foreground"]
+		},
+		{
+			variant: "gutter",
+			diff: "added",
+			className: ["tw:bg-green-200 tw:text-green-900", "tw:[[data-theme=dark]_&]:bg-green-500/25 tw:[[data-theme=dark]_&]:text-green-300"]
+		},
+		{
+			variant: "gutter",
+			diff: "removed",
+			className: ["tw:bg-error-200 tw:text-error-700", "tw:[[data-theme=dark]_&]:bg-error-500/25 tw:[[data-theme=dark]_&]:text-error-300"]
+		},
+		{
+			variant: "code",
+			diff: "default",
+			className: ["tw:bg-background", "tw:text-foreground"]
+		},
+		{
+			variant: "code",
+			diff: "added",
+			className: ["tw:bg-green-100 tw:text-foreground", "tw:[[data-theme=dark]_&]:bg-green-500/15"]
+		},
+		{
+			variant: "code",
+			diff: "removed",
+			className: ["tw:bg-error-100 tw:text-foreground", "tw:[[data-theme=dark]_&]:bg-error-500/15"]
+		}
+	]
+});
+const DiffViewTd = ({ diff, variant = "default", children, className, ...props }) => {
+	const needsCodeFormatting = variant === "code" || variant === "gutter";
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		className: cn(variants({
+			variant,
+			className,
+			diff
+		})),
+		children: needsCodeFormatting ? /* @__PURE__ */ jsx("pre", { children }) : children
+	});
+};
+//#endregion
+//#region src/components/DiffView/DiffViewTh.tsx
+const DiffViewTh = ({ variant = "default", children, className, ...props }) => /* @__PURE__ */ jsx("th", {
+	...props,
+	className: cn("tw:bg-background", "tw:py-3", "tw:border-b", "tw:border-border", { "tw:w-14": variant === "gutter" }, { "tw:last:pr-8": variant === "default" }, className),
+	children
+});
+//#endregion
+//#region src/components/DiffView/util.ts
+const DiffType = {
+	DEFAULT: "default",
+	ADDED: "added",
+	REMOVED: "removed"
+};
+const EXTRA_LINES = 3;
+const TAIL_BLOCK = Number.POSITIVE_INFINITY;
+const splitLines = (value) => {
+	if (value === "") return [];
+	return value.replace(/\n$/, "").split("\n");
+};
+const computeWordDiff = (oldValue, newValue) => {
+	const result = {
+		left: [],
+		right: []
+	};
+	diffWords(oldValue, newValue).forEach(({ added, removed, value }) => {
+		if (added) {
+			result.right.push({
+				type: DiffType.ADDED,
+				value,
+				lineNumber: 0
+			});
+			return;
+		}
+		if (removed) {
+			result.left.push({
+				type: DiffType.REMOVED,
+				value,
+				lineNumber: 0
+			});
+			return;
+		}
+		const unchanged = {
+			type: DiffType.DEFAULT,
+			value,
+			lineNumber: 0
+		};
+		result.right.push(unchanged);
+		result.left.push(unchanged);
+	});
+	return result;
+};
+const findPairedAddedLine = (diffArray, blockIndex, lineIndex) => {
+	const nextBlock = diffArray[blockIndex + 1];
+	if (!nextBlock?.added) return null;
+	return splitLines(nextBlock.value)[lineIndex] ?? null;
+};
+const buildUnchangedLine = (value, counters) => {
+	counters.left += 1;
+	counters.right += 1;
+	return {
+		left: {
+			type: DiffType.DEFAULT,
+			value,
+			lineNumber: counters.left
+		},
+		right: {
+			type: DiffType.DEFAULT,
+			value,
+			lineNumber: counters.right
+		}
+	};
+};
+const buildAddedLine = (value, counters) => {
+	counters.right += 1;
+	return {
+		left: {},
+		right: {
+			type: DiffType.ADDED,
+			value,
+			lineNumber: counters.right
+		}
+	};
+};
+const buildRemovedLine = (value, counters) => {
+	counters.left += 1;
+	return {
+		left: {
+			type: DiffType.REMOVED,
+			value: value || " ",
+			lineNumber: counters.left
+		},
+		right: {}
+	};
+};
+const buildModifiedLine = (leftValue, rightValue, counters) => {
+	counters.left += 1;
+	counters.right += 1;
+	if ((leftValue || " ") === rightValue) return {
+		line: {
+			left: {
+				type: DiffType.DEFAULT,
+				value: rightValue,
+				lineNumber: counters.left
+			},
+			right: {
+				type: DiffType.DEFAULT,
+				value: rightValue,
+				lineNumber: counters.right
+			}
+		},
+		isActualChange: false
+	};
+	const { left, right } = computeWordDiff(leftValue, rightValue);
+	return {
+		line: {
+			left: {
+				type: DiffType.REMOVED,
+				value: left,
+				lineNumber: counters.left
+			},
+			right: {
+				type: DiffType.ADDED,
+				value: right,
+				lineNumber: counters.right
+			}
+		},
+		isActualChange: true
+	};
+};
+const computeLineInformation = (oldString, newString, ignoreWhitespace) => {
+	const diffArray = diffLines(oldString.trimEnd(), newString.trimEnd(), { ignoreWhitespace });
+	const counters = {
+		left: 0,
+		right: 0,
+		global: 0
+	};
+	const lineInformation = [];
+	const diffLineSet = /* @__PURE__ */ new Set();
+	const consumedAddedLines = /* @__PURE__ */ new Set();
+	diffArray.forEach((block, blockIndex) => {
+		splitLines(block.value).forEach((value, lineIndex) => {
+			if (consumedAddedLines.has(`${blockIndex}-${lineIndex}`)) return;
+			if (block.removed) {
+				const paired = findPairedAddedLine(diffArray, blockIndex, lineIndex);
+				if (paired !== null) {
+					consumedAddedLines.add(`${blockIndex + 1}-${lineIndex}`);
+					const { line, isActualChange } = buildModifiedLine(value, paired, counters);
+					lineInformation.push(line);
+					if (isActualChange) diffLineSet.add(counters.global);
+				} else {
+					lineInformation.push(buildRemovedLine(value, counters));
+					diffLineSet.add(counters.global);
+				}
+			} else if (block.added) {
+				lineInformation.push(buildAddedLine(value, counters));
+				diffLineSet.add(counters.global);
+			} else lineInformation.push(buildUnchangedLine(value, counters));
+			counters.global += 1;
+		});
+	});
+	return {
+		lineInformation,
+		diffLines: [...diffLineSet].sort((a, b) => a - b)
+	};
+};
+const toSegments = (lineInformation, diffLineSet) => {
+	const segments = [];
+	let current = null;
+	lineInformation.forEach((line, index) => {
+		const isChange = diffLineSet.has(index);
+		if (current === null || current.kind === "change" !== isChange) {
+			current = isChange ? {
+				kind: "change",
+				lines: [line],
+				firstIndex: index
+			} : {
+				kind: "context",
+				lines: [line],
+				firstIndex: index
+			};
+			segments.push(current);
+		} else current.lines.push(line);
+	});
+	return segments;
+};
+const normalizeSide = (side) => {
+	const raw = Array.isArray(side.value) ? side.value : [{
+		value: side.value,
+		type: DiffType.DEFAULT,
+		lineNumber: 0
+	}];
+	return {
+		type: side.type,
+		lineNumber: side.lineNumber,
+		words: raw.filter((w) => typeof w.value === "string")
+	};
+};
+const renderLineRow = (line) => ({
+	kind: "line",
+	left: normalizeSide(line.left),
+	right: normalizeSide(line.right),
+	key: `${line.left.lineNumber}-${line.right.lineNumber}`
+});
+const renderContextSegment = (segment, nextChangeIndex, hasPrevChange, hasNextChange, expanded) => {
+	if (expanded.has(nextChangeIndex)) return segment.lines.map(renderLineRow);
+	const total = segment.lines.length;
+	const trail = hasPrevChange ? Math.min(EXTRA_LINES, total) : 0;
+	let lead = hasNextChange ? Math.min(EXTRA_LINES, total - trail) : 0;
+	let foldCount = total - trail - lead;
+	if (!hasNextChange && foldCount === 1) {
+		foldCount = 0;
+		lead = 1;
+	}
+	const rows = [];
+	if (trail > 0) rows.push(...segment.lines.slice(0, trail).map(renderLineRow));
+	if (foldCount > 0) rows.push({
+		kind: "fold",
+		blockStart: nextChangeIndex,
+		lineCount: foldCount,
+		key: hasNextChange ? `fold-${nextChangeIndex}` : `fold-tail-${segment.firstIndex + total - 1}`
+	});
+	if (lead > 0) rows.push(...segment.lines.slice(trail + foldCount).map(renderLineRow));
+	return rows;
+};
+const computeDiffRows = (lineInformation, diffLines, expandedBlocks) => {
+	const diffLineSet = new Set(diffLines);
+	const expanded = new Set(expandedBlocks);
+	const segments = toSegments(lineInformation, diffLineSet);
+	const rows = [];
+	let hasPrevChange = false;
+	segments.forEach((segment, i) => {
+		if (segment.kind === "change") {
+			rows.push(...segment.lines.map(renderLineRow));
+			hasPrevChange = true;
+			return;
+		}
+		const nextChange = segments.slice(i + 1).find((s) => s.kind === "change");
+		const nextStart = nextChange?.firstIndex ?? TAIL_BLOCK;
+		rows.push(...renderContextSegment(segment, nextStart, hasPrevChange, !!nextChange, expanded));
+	});
+	return rows;
+};
+//#endregion
+//#region src/components/DiffView/DiffView.tsx
+const DiffView = ({ leftTitle, leftTitleGutter, rightTitle, rightTitleGutter, oldValue, newValue, ignoreWhitespace, className }) => {
+	const [expandedBlocks, setExpandedBlocks] = useState([]);
+	const { lineInformation, diffLines } = computeLineInformation(oldValue, newValue, ignoreWhitespace);
+	const rows = computeDiffRows(lineInformation, diffLines, expandedBlocks);
+	const handleExpand = (blockNumber) => {
+		setExpandedBlocks((curr) => [...curr, blockNumber]);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("tailwindcss-preflight", "tw:bg-muted", "tw:text-foreground", "tw:border", "tw:border-border", "tw:rounded-2xl", "tw:overflow-auto", className),
+		children: /* @__PURE__ */ jsxs("table", {
+			className: "tw:w-full tw:table-fixed tw:bg-background",
+			children: [/* @__PURE__ */ jsx("thead", {
+				className: "tw:sticky tw:top-0 tw:z-10 tw:shadow-sm",
+				children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx(DiffViewTh, {
+						variant: "gutter",
+						children: leftTitleGutter
+					}),
+					/* @__PURE__ */ jsx(DiffViewTh, { children: leftTitle }),
+					/* @__PURE__ */ jsx(DiffViewTh, {
+						variant: "gutter",
+						children: rightTitleGutter
+					}),
+					/* @__PURE__ */ jsx(DiffViewTh, { children: rightTitle })
+				] })
+			}), /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
+				if (row.kind === "fold") return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(DiffViewTd, {
+					colSpan: 4,
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => handleExpand(row.blockStart),
+						className: cn("tw:w-full", "tw:text-center", "tw:bg-muted", "tw:text-foreground", "tw:hover:bg-accent", "tw:underline", "tw:p-2"),
+						children: [
+							"Expand ",
+							row.lineCount,
+							" lines ..."
+						]
+					})
+				}) }, row.key);
+				return /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx(DiffViewTd, {
+						variant: "gutter",
+						diff: row.left.type,
+						children: row.left.lineNumber
+					}),
+					/* @__PURE__ */ jsx(DiffViewTd, {
+						variant: "code",
+						diff: row.left.type,
+						children: row.left.words.map((val, index) => {
+							if (val.type === "default") return val.value;
+							return /* @__PURE__ */ jsx(DiffViewMark, {
+								diff: val.type,
+								children: val.value
+							}, `${val.value}-${val.type}-${index}`);
+						})
+					}),
+					/* @__PURE__ */ jsx(DiffViewTd, {
+						variant: "gutter",
+						diff: row.right.type,
+						children: row.right.lineNumber
+					}),
+					/* @__PURE__ */ jsx(DiffViewTd, {
+						variant: "code",
+						diff: row.right.type,
+						children: row.right.words.map((val, index) => {
+							if (val.type === "default") return val.value;
+							return /* @__PURE__ */ jsx(DiffViewMark, {
+								diff: val.type,
+								children: val.value
+							}, `${val.value}-${val.type}-${index}`);
+						})
+					})
+				] }, row.key);
+			}) })]
+		})
+	});
+};
+//#endregion
+export { DiffType, DiffView, computeDiffRows, computeLineInformation };
+
+//# sourceMappingURL=DiffView-ppTIzh2h.js.map

package/dist/DiffView-ppTIzh2h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffView-ppTIzh2h.js","names":["variants"],"sources":["../src/components/DiffView/DiffViewMark.tsx","../src/components/DiffView/DiffViewTd.tsx","../src/components/DiffView/DiffViewTh.tsx","../src/components/DiffView/util.ts","../src/components/DiffView/DiffView.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n// `text-inherit` overrides the UA `mark` colour so the word highlight takes the\n// cell's text colour. That only works if the fill flips with the scheme too —\n// the light pastels are opaque, so under dark they put near-white text on a\n// light slab. Dark mode tints the same hue at a stronger alpha than the line\n// fill behind it, keeping the word-level mark the more prominent of the two.\nconst variants = cva(['tw:p-0.5', 'tw:text-inherit', 'tw:inline-flex'], {\n  variants: {\n    diff: {\n      added: ['tw:bg-green-200', 'tw:[[data-theme=dark]_&]:bg-green-500/40'],\n      removed: ['tw:bg-error-300', 'tw:[[data-theme=dark]_&]:bg-error-500/40'],\n    },\n  },\n});\n\ntype Props = ComponentProps<'span'> & VariantProps<typeof variants>;\n\nexport const DiffViewMark = ({ diff, children, className, ...props }: Props) => (\n  <mark {...props} className={cn(variants({ diff, className }))}>\n    {children}\n  </mark>\n);\n","import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  [\n    // reset global styles\n    'tw:[&_pre]:p-0',\n    'tw:[&_pre]:m-0',\n    'tw:[&_pre]:border-none',\n    'tw:[&_pre]:rounded-none',\n\n    'tw:align-top',\n    // `bg-transparent`, not `bg-inherit`: the cell tints are translucent under\n    // the dark scheme, and an inherited `background-color` repaints the same\n    // rgba over the already-composited cell — doubling the tint.\n    'tw:[&_pre]:bg-transparent',\n    'tw:[&_pre]:text-inherit',\n    'tw:[&_pre]:px-2',\n    'tw:[&_pre]:!leading-7',\n    'tw:[&_pre]:text-sm',\n    'tw:[&_pre]:whitespace-pre-wrap',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n      diff: 'default',\n    },\n    variants: {\n      variant: {\n        default: [],\n        gutter: ['tw:w-14', 'tw:text-right', 'tw:whitespace-nowrap', 'tw:select-none'],\n        code: [],\n      },\n      diff: {\n        default: [],\n        added: [],\n        removed: [],\n      },\n    },\n    // Added/removed rows are meaning-encoding, so they keep the fixed green /\n    // error ramps rather than a brand-overridable status token. Both need an\n    // explicit light/dark pair: the light pastel washes (`-100`/`-200`) are\n    // opaque, so under the dark scheme they stranded the near-white\n    // `foreground` on a light slab. Dark mode tints the same hue at low alpha\n    // over the pane surface instead, and every cell pins its own text colour —\n    // inheriting it left the added/removed code cells invisible in dark mode.\n    compoundVariants: [\n      {\n        variant: 'gutter',\n        diff: 'default',\n        className: ['tw:bg-muted', 'tw:text-muted-foreground'],\n      },\n      {\n        variant: 'gutter',\n        diff: 'added',\n        className: [\n          // `green-900` (6.1:1 on `green-200`), not `green-600` — that was 2.3:1.\n          'tw:bg-green-200 tw:text-green-900',\n          'tw:[[data-theme=dark]_&]:bg-green-500/25 tw:[[data-theme=dark]_&]:text-green-300',\n        ],\n      },\n      {\n        variant: 'gutter',\n        diff: 'removed',\n        className: [\n          // `error-700` (5.4:1 on `error-200`), not `error-500` — that was 3.3:1.\n          'tw:bg-error-200 tw:text-error-700',\n          'tw:[[data-theme=dark]_&]:bg-error-500/25 tw:[[data-theme=dark]_&]:text-error-300',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'default',\n        className: ['tw:bg-background', 'tw:text-foreground'],\n      },\n      {\n        variant: 'code',\n        diff: 'added',\n        className: [\n          'tw:bg-green-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-green-500/15',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'removed',\n        className: [\n          'tw:bg-error-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-error-500/15',\n        ],\n      },\n    ],\n  },\n);\n\ntype Props = ComponentProps<'td'> & VariantProps<typeof variants>;\n\nexport const DiffViewTd = ({ diff, variant = 'default', children, className, ...props }: Props) => {\n  const needsCodeFormatting = variant === 'code' || variant === 'gutter';\n\n  return (\n    <td {...props} className={cn(variants({ variant, className, diff }))}>\n      {needsCodeFormatting ? <pre>{children}</pre> : children}\n    </td>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'th'> & {\n  variant?: 'default' | 'gutter';\n};\n\nexport const DiffViewTh = ({ variant = 'default', children, className, ...props }: Props) => (\n  <th\n    {...props}\n    className={cn(\n      'tw:bg-background',\n      'tw:py-3',\n      // explicit `border-border`: v4 changed the default border color from gray-200 to\n      // `currentColor`, so a bare `border-b` rendered a dark divider (the th's text colour)\n      // instead of the light-grey header rule.\n      'tw:border-b',\n      'tw:border-border',\n      { 'tw:w-14': variant === 'gutter' },\n      { 'tw:last:pr-8': variant === 'default' },\n      className,\n    )}\n  >\n    {children}\n  </th>\n);\n","import { diffLines, diffWords } from 'diff';\n\nexport const DiffType = {\n  DEFAULT: 'default',\n  ADDED: 'added',\n  REMOVED: 'removed',\n} as const;\n\ntype DiffTypeValue = (typeof DiffType)[keyof typeof DiffType];\n\nexport type DiffInformation = {\n  value: string | DiffInformation[];\n  lineNumber: number;\n  type: DiffTypeValue;\n};\n\nexport type LineInformation = {\n  left: DiffInformation;\n  right: DiffInformation;\n};\n\ntype ComputedLineInformation = {\n  lineInformation: LineInformation[];\n  diffLines: number[];\n};\n\ntype SidedDiffInformation = {\n  left: DiffInformation[];\n  right: DiffInformation[];\n};\n\nexport type WordInformation = {\n  value: string;\n  type: DiffTypeValue;\n  lineNumber: number;\n};\n\nexport type SideInformation = {\n  type: DiffTypeValue;\n  lineNumber: number;\n  words: WordInformation[];\n};\n\nexport type DiffRow =\n  | { kind: 'fold'; blockStart: number; lineCount: number; key: string }\n  | { kind: 'line'; left: SideInformation; right: SideInformation; key: string };\n\nconst EXTRA_LINES = 3;\n\n// Sentinel blockStart for the region after the last diff; keeps distance checks\n// inert and lets `expandedBlocks` key on a real value.\nconst TAIL_BLOCK = Number.POSITIVE_INFINITY;\n\ntype Counters = {\n  left: number;\n  right: number;\n  global: number;\n};\n\ntype DiffChunk = ReturnType<typeof diffLines>[number];\n\nconst splitLines = (value: string): string[] => {\n  if (value === '') return [];\n  return value.replace(/\\n$/, '').split('\\n');\n};\n\nconst computeWordDiff = (oldValue: string, newValue: string): SidedDiffInformation => {\n  const result: SidedDiffInformation = { left: [], right: [] };\n\n  diffWords(oldValue, newValue).forEach(({ added, removed, value }) => {\n    if (added) {\n      result.right.push({ type: DiffType.ADDED, value, lineNumber: 0 });\n      return;\n    }\n    if (removed) {\n      result.left.push({ type: DiffType.REMOVED, value, lineNumber: 0 });\n      return;\n    }\n    const unchanged: DiffInformation = { type: DiffType.DEFAULT, value, lineNumber: 0 };\n    result.right.push(unchanged);\n    result.left.push(unchanged);\n  });\n\n  return result;\n};\n\n// Look ahead one chunk in the diff array and return the paired added-line string,\n// or null if there isn't one at the same lineIndex position.\nconst findPairedAddedLine = (\n  diffArray: DiffChunk[],\n  blockIndex: number,\n  lineIndex: number,\n): string | null => {\n  const nextBlock = diffArray[blockIndex + 1];\n  if (!nextBlock?.added) return null;\n  return splitLines(nextBlock.value)[lineIndex] ?? null;\n};\n\nconst buildUnchangedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  counters.right += 1;\n  return {\n    left: { type: DiffType.DEFAULT, value, lineNumber: counters.left },\n    right: { type: DiffType.DEFAULT, value, lineNumber: counters.right },\n  };\n};\n\nconst buildAddedLine = (value: string, counters: Counters): LineInformation => {\n  counters.right += 1;\n  return {\n    left: {} as DiffInformation,\n    right: { type: DiffType.ADDED, value, lineNumber: counters.right },\n  };\n};\n\nconst buildRemovedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  return {\n    left: { type: DiffType.REMOVED, value: value || ' ', lineNumber: counters.left },\n    right: {} as DiffInformation,\n  };\n};\n\n// Removed + paired added → one modification row with word-level diff.\n// Returns `isActualChange: false` for the quirky case where the two sides\n// resolve to the same string; the caller then omits it from diffLines.\nconst buildModifiedLine = (\n  leftValue: string,\n  rightValue: string,\n  counters: Counters,\n): { line: LineInformation; isActualChange: boolean } => {\n  counters.left += 1;\n  counters.right += 1;\n  const displayLeft = leftValue || ' ';\n\n  if (displayLeft === rightValue) {\n    return {\n      line: {\n        left: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.left },\n        right: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.right },\n      },\n      isActualChange: false,\n    };\n  }\n\n  const { left, right } = computeWordDiff(leftValue, rightValue);\n  return {\n    line: {\n      left: { type: DiffType.REMOVED, value: left, lineNumber: counters.left },\n      right: { type: DiffType.ADDED, value: right, lineNumber: counters.right },\n    },\n    isActualChange: true,\n  };\n};\n\nexport const computeLineInformation = (\n  oldString: string,\n  newString: string,\n  ignoreWhitespace?: boolean,\n): ComputedLineInformation => {\n  const diffArray = diffLines(oldString.trimEnd(), newString.trimEnd(), { ignoreWhitespace });\n  const counters: Counters = { left: 0, right: 0, global: 0 };\n  const lineInformation: LineInformation[] = [];\n  const diffLineSet = new Set<number>();\n  const consumedAddedLines = new Set<string>();\n\n  diffArray.forEach((block, blockIndex) => {\n    splitLines(block.value).forEach((value, lineIndex) => {\n      if (consumedAddedLines.has(`${blockIndex}-${lineIndex}`)) return;\n\n      if (block.removed) {\n        const paired = findPairedAddedLine(diffArray, blockIndex, lineIndex);\n        if (paired !== null) {\n          consumedAddedLines.add(`${blockIndex + 1}-${lineIndex}`);\n          const { line, isActualChange } = buildModifiedLine(value, paired, counters);\n          lineInformation.push(line);\n          if (isActualChange) diffLineSet.add(counters.global);\n        } else {\n          lineInformation.push(buildRemovedLine(value, counters));\n          diffLineSet.add(counters.global);\n        }\n      } else if (block.added) {\n        lineInformation.push(buildAddedLine(value, counters));\n        diffLineSet.add(counters.global);\n      } else {\n        lineInformation.push(buildUnchangedLine(value, counters));\n      }\n\n      counters.global += 1;\n    });\n  });\n\n  return {\n    lineInformation,\n    diffLines: [...diffLineSet].sort((a, b) => a - b),\n  };\n};\n\ntype ContextSegment = { kind: 'context'; lines: LineInformation[]; firstIndex: number };\ntype ChangeSegment = { kind: 'change'; lines: LineInformation[]; firstIndex: number };\ntype Segment = ContextSegment | ChangeSegment;\n\nconst toSegments = (\n  lineInformation: LineInformation[],\n  diffLineSet: ReadonlySet<number>,\n): Segment[] => {\n  const segments: Segment[] = [];\n  let current: Segment | null = null;\n\n  lineInformation.forEach((line, index) => {\n    const isChange = diffLineSet.has(index);\n    if (current === null || (current.kind === 'change') !== isChange) {\n      current = isChange\n        ? { kind: 'change', lines: [line], firstIndex: index }\n        : { kind: 'context', lines: [line], firstIndex: index };\n      segments.push(current);\n    } else {\n      current.lines.push(line);\n    }\n  });\n\n  return segments;\n};\n\nconst normalizeSide = (side: DiffInformation): SideInformation => {\n  const raw = Array.isArray(side.value)\n    ? side.value\n    : [{ value: side.value, type: DiffType.DEFAULT, lineNumber: 0 }];\n\n  return {\n    type: side.type,\n    lineNumber: side.lineNumber,\n    words: raw.filter((w): w is WordInformation => typeof w.value === 'string'),\n  };\n};\n\nconst renderLineRow = (line: LineInformation): DiffRow => ({\n  kind: 'line',\n  left: normalizeSide(line.left),\n  right: normalizeSide(line.right),\n  key: `${line.left.lineNumber}-${line.right.lineNumber}`,\n});\n\nconst renderContextSegment = (\n  segment: ContextSegment,\n  nextChangeIndex: number,\n  hasPrevChange: boolean,\n  hasNextChange: boolean,\n  expanded: ReadonlySet<number>,\n): DiffRow[] => {\n  if (expanded.has(nextChangeIndex)) {\n    return segment.lines.map(renderLineRow);\n  }\n\n  const total = segment.lines.length;\n  const trail = hasPrevChange ? Math.min(EXTRA_LINES, total) : 0;\n  let lead = hasNextChange ? Math.min(EXTRA_LINES, total - trail) : 0;\n  let foldCount = total - trail - lead;\n\n  // Quirk from the original: a single trailing unchanged line is always rendered\n  // (no one-line fold at the tail). Absorb it into the lead slice.\n  if (!hasNextChange && foldCount === 1) {\n    foldCount = 0;\n    lead = 1;\n  }\n\n  const rows: DiffRow[] = [];\n  if (trail > 0) {\n    rows.push(...segment.lines.slice(0, trail).map(renderLineRow));\n  }\n  if (foldCount > 0) {\n    rows.push({\n      kind: 'fold',\n      blockStart: nextChangeIndex,\n      lineCount: foldCount,\n      key: hasNextChange\n        ? `fold-${nextChangeIndex}`\n        : `fold-tail-${segment.firstIndex + total - 1}`,\n    });\n  }\n  if (lead > 0) {\n    rows.push(...segment.lines.slice(trail + foldCount).map(renderLineRow));\n  }\n  return rows;\n};\n\nexport const computeDiffRows = (\n  lineInformation: LineInformation[],\n  diffLines: number[],\n  expandedBlocks: number[],\n): DiffRow[] => {\n  const diffLineSet = new Set(diffLines);\n  const expanded = new Set(expandedBlocks);\n  const segments = toSegments(lineInformation, diffLineSet);\n\n  const rows: DiffRow[] = [];\n  let hasPrevChange = false;\n\n  segments.forEach((segment, i) => {\n    if (segment.kind === 'change') {\n      rows.push(...segment.lines.map(renderLineRow));\n      hasPrevChange = true;\n      return;\n    }\n    const nextChange = segments.slice(i + 1).find((s) => s.kind === 'change');\n    const nextStart = nextChange?.firstIndex ?? TAIL_BLOCK;\n    rows.push(...renderContextSegment(segment, nextStart, hasPrevChange, !!nextChange, expanded));\n  });\n\n  return rows;\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { DiffViewMark } from './DiffViewMark';\nimport { DiffViewTd } from './DiffViewTd';\nimport { DiffViewTh } from './DiffViewTh';\nimport { computeDiffRows, computeLineInformation } from './util';\n\ntype Props = {\n  oldValue: string;\n  newValue: string;\n  ignoreWhitespace?: boolean;\n  className?: string;\n\n  leftTitleGutter?: ReactNode;\n  leftTitle: ReactNode;\n  rightTitle: ReactNode;\n  rightTitleGutter?: ReactNode;\n};\n\nexport const DiffView = ({\n  leftTitle,\n  leftTitleGutter,\n  rightTitle,\n  rightTitleGutter,\n  oldValue,\n  newValue,\n  ignoreWhitespace,\n  className,\n}: Props) => {\n  const [expandedBlocks, setExpandedBlocks] = useState<number[]>([]);\n  const { lineInformation, diffLines } = computeLineInformation(\n    oldValue,\n    newValue,\n    ignoreWhitespace,\n  );\n  const rows = computeDiffRows(lineInformation, diffLines, expandedBlocks);\n\n  const handleExpand = (blockNumber: number) => {\n    setExpandedBlocks((curr) => [...curr, blockNumber]);\n  };\n\n  return (\n    <div\n      className={cn(\n        'tailwindcss-preflight',\n        'tw:bg-muted',\n        // Pin the text colour rather than inheriting it: the diff is routinely\n        // portalled into a Modal, where an inherited colour comes from whatever\n        // sits above the portal root instead of this surface.\n        'tw:text-foreground',\n        // explicit `border-border` — v4's default border colour is `currentColor`, so a bare\n        // `border` drew a dark frame instead of the light-grey outline.\n        'tw:border',\n        'tw:border-border',\n        'tw:rounded-2xl',\n        'tw:overflow-auto',\n        className,\n      )}\n    >\n      <table className=\"tw:w-full tw:table-fixed tw:bg-background\">\n        {/* Not v4's `shadow-xs`: `tailwind-config`'s `boxShadow.sm` fallback still carries\n            the v3 value, and only `shadow-sm` reads `--shadow-sm` from a brand's\n            `theme.shadows` — `shadow-xs` has no token and would opt this header out. */}\n        <thead className=\"tw:sticky tw:top-0 tw:z-10 tw:shadow-sm\">\n          <tr>\n            <DiffViewTh variant=\"gutter\">{leftTitleGutter}</DiffViewTh>\n            <DiffViewTh>{leftTitle}</DiffViewTh>\n            <DiffViewTh variant=\"gutter\">{rightTitleGutter}</DiffViewTh>\n            <DiffViewTh>{rightTitle}</DiffViewTh>\n          </tr>\n        </thead>\n\n        <tbody>\n          {rows.map((row) => {\n            if (row.kind === 'fold')\n              return (\n                <tr key={row.key}>\n                  <DiffViewTd colSpan={4}>\n                    <button\n                      type=\"button\"\n                      onClick={() => handleExpand(row.blockStart)}\n                      className={cn(\n                        'tw:w-full',\n                        'tw:text-center',\n                        'tw:bg-muted',\n                        'tw:text-foreground',\n                        'tw:hover:bg-accent',\n                        'tw:underline',\n                        'tw:p-2',\n                      )}\n                    >\n                      Expand {row.lineCount} lines ...\n                    </button>\n                  </DiffViewTd>\n                </tr>\n              );\n\n            return (\n              <tr key={row.key}>\n                <DiffViewTd variant=\"gutter\" diff={row.left.type}>\n                  {row.left.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.left.type}>\n                  {row.left.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"gutter\" diff={row.right.type}>\n                  {row.right.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.right.type}>\n                  {row.right.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"mappings":"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"}