@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/DiffViewer/DiffViewer.css

@@ -0,0 +1,219 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-DiffViewer-root-97573 {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    min-inline-size: 0;
+    font-family: var(--sti-font-text);
+    overflow: hidden;
+  }
+
+  .sti-DiffViewer-head-68319 {
+    align-items: center;
+    gap: var(--sti-space-2) var(--sti-space-3);
+    min-block-size: var(--sti-control-h-md);
+    padding: var(--sti-space-2) var(--sti-space-4);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-DiffViewer-title-7f63e {
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-medium);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: auto;
+    overflow: hidden;
+  }
+
+  .sti-DiffViewer-summary-fa9f1 {
+    gap: var(--sti-space-2);
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    flex: none;
+    margin-inline-start: auto;
+    display: inline-flex;
+  }
+
+  .sti-DiffViewer-added-55ed7 {
+    color: var(--sti-fg-success);
+  }
+
+  .sti-DiffViewer-removed-6e428 {
+    color: var(--sti-fg-danger);
+  }
+
+  .sti-DiffViewer-same-00eda {
+    padding: var(--sti-space-4);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+  }
+
+  .sti-DiffViewer-scroll-b5404 {
+    scrollbar-width: thin;
+    overflow-x: auto;
+  }
+
+  .sti-DiffViewer-table-2c862 {
+    border-collapse: collapse;
+    inline-size: 100%;
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-sm);
+    line-height: 1.7;
+  }
+
+  .sti-DiffViewer-root-97573[data-view="split"] .sti-DiffViewer-table-2c862 {
+    table-layout: fixed;
+    min-inline-size: 40rem;
+  }
+
+  .sti-DiffViewer-thead-0a653 {
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+  }
+
+  .sti-DiffViewer-columnTitle-3c099 {
+    padding: var(--sti-space-1) var(--sti-space-3);
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    text-align: start;
+  }
+
+  .sti-DiffViewer-row-1ec2f[data-op="add"], .sti-DiffViewer-cell-2c209[data-op="add"], .sti-DiffViewer-number-c74cb[data-op="add"] {
+    background: var(--sti-bg-success-subtle);
+  }
+
+  .sti-DiffViewer-row-1ec2f[data-op="remove"], .sti-DiffViewer-cell-2c209[data-op="remove"], .sti-DiffViewer-number-c74cb[data-op="remove"] {
+    background: var(--sti-bg-danger-subtle);
+  }
+
+  .sti-DiffViewer-cell-2c209[data-empty] {
+    background: var(--sti-bg-subtle);
+  }
+
+  .sti-DiffViewer-number-c74cb, .sti-DiffViewer-cell-2c209, .sti-DiffViewer-sign-c33f4 {
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-sm);
+  }
+
+  .sti-DiffViewer-numberHead-2da84 {
+    inline-size: 3.5rem;
+  }
+
+  .sti-DiffViewer-number-c74cb {
+    inline-size: 1%;
+    min-inline-size: 3ch;
+    padding-inline: var(--sti-space-2);
+    color: var(--sti-fg-muted);
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    vertical-align: top;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .sti-DiffViewer-root-97573[data-view="split"] .sti-DiffViewer-number-c74cb {
+    inline-size: 3.5rem;
+  }
+
+  .sti-DiffViewer-number-c74cb[data-split-start] {
+    border-inline-start: var(--sti-border-width) solid var(--sti-border-subtle);
+  }
+
+  .sti-DiffViewer-sign-c33f4, .sti-DiffViewer-inlineSign-72dd2 {
+    color: var(--sti-fg-muted);
+    font-weight: var(--sti-font-weight-semibold);
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .sti-DiffViewer-sign-c33f4 {
+    inline-size: 1%;
+    padding-inline: var(--sti-space-1);
+    text-align: center;
+    vertical-align: top;
+  }
+
+  .sti-DiffViewer-inlineSign-72dd2 {
+    margin-inline-end: var(--sti-space-2);
+  }
+
+  .sti-DiffViewer-row-1ec2f[data-op="add"] .sti-DiffViewer-sign-c33f4, .sti-DiffViewer-cell-2c209[data-op="add"] .sti-DiffViewer-inlineSign-72dd2 {
+    color: var(--sti-fg-success);
+  }
+
+  .sti-DiffViewer-row-1ec2f[data-op="remove"] .sti-DiffViewer-sign-c33f4, .sti-DiffViewer-cell-2c209[data-op="remove"] .sti-DiffViewer-inlineSign-72dd2 {
+    color: var(--sti-fg-danger);
+  }
+
+  .sti-DiffViewer-cell-2c209 {
+    padding-inline: var(--sti-space-2) var(--sti-space-4);
+    color: var(--sti-fg);
+    vertical-align: top;
+    white-space: pre;
+  }
+
+  .sti-DiffViewer-root-97573[data-wrap] .sti-DiffViewer-cell-2c209, .sti-DiffViewer-root-97573[data-view="split"] .sti-DiffViewer-cell-2c209 {
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+
+  .sti-DiffViewer-code-47e25 {
+    font: inherit;
+  }
+
+  .sti-DiffViewer-fold-e3628 {
+    border-block: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+    padding: 0;
+  }
+
+  .sti-DiffViewer-foldButton-9f8ad {
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--sti-control-h-sm);
+    padding-inline: var(--sti-space-4);
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-medium);
+    text-align: start;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    outline: none;
+    display: block;
+  }
+
+  @media (hover: hover) {
+    .sti-DiffViewer-foldButton-9f8ad[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+      color: var(--sti-fg);
+    }
+  }
+
+  .sti-DiffViewer-foldButton-9f8ad[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  @media (forced-colors: active) {
+    .sti-DiffViewer-root-97573, .sti-DiffViewer-head-68319 {
+      border-color: canvastext;
+    }
+
+    .sti-DiffViewer-row-1ec2f[data-op="add"] .sti-DiffViewer-sign-c33f4, .sti-DiffViewer-row-1ec2f[data-op="remove"] .sti-DiffViewer-sign-c33f4 {
+      color: canvastext;
+    }
+  }
+}

package/dist/components/DiffViewer/DiffViewer.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+export interface DiffViewerProps {
+  /** Önceki metin. */
+  oldText: string;
+  /** Sonraki metin. */
+  newText: string;
+  /** Görünüm: `unified` (tek sütun, varsayılan) ya da `split` (yan yana; dar kapta tablo yatay kayar). */
+  view?: "unified" | "split";
+  /** Başlık şeridindeki ad ("app.config.json"). */
+  title?: ReactNode;
+  /** Tablonun erişilebilir adı; verilmezse başlık (metinse) ya da "Fark". */
+  label?: string;
+  /** Sütun başlıkları; varsayılan "Önceki" ve "Sonraki". */
+  oldLabel?: string;
+  newLabel?: string;
+  /** Değişikliklerin çevresinde gösterilen değişmemiş satır sayısı; varsayılan 3. `Infinity`: hepsi. */
+  context?: number;
+  /** Uzun satırlar alta kırılır. */
+  wrap?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Fark görüntüleyici: iki metnin satır farkını tablo olarak gösterir. Eklenen satır yeşil zemin ve
+ * "+", silinen kırmızı zemin ve "−" (ekran okuyucuda "eklendi" / "silindi"); değişmemiş uzun bölümler
+ * katlanır ve açılabilir. Birleşik ve yan yana görünüm.
+ */
+export declare function DiffViewer({ oldText, newText, view, title, label, oldLabel, newLabel, context, wrap, className, id }: DiffViewerProps): import("react").JSX.Element;

package/dist/components/DiffViewer/DiffViewer.js

@@ -0,0 +1,217 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import DiffViewer_module_default from "./DiffViewer.module.js";
+import { chunkDiff, diffLines } from "./diff.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, useMemo, useState } from "react";
+import { Button } from "react-aria-components";
+// src/components/DiffViewer/DiffViewer.tsx
+/** Yan yana görünüm: eşit satır iki yanda; silinen ve eklenen bloklar satır satır eşlenir. */
+function toSplitRows(lines) {
+	const rows = [];
+	let i = 0;
+	while (i < lines.length) {
+		const line = lines[i];
+		if (line.op === "equal") {
+			rows.push({
+				key: `e${line.oldNumber}`,
+				left: line,
+				right: line
+			});
+			i++;
+			continue;
+		}
+		const removes = [];
+		const adds = [];
+		while (i < lines.length && lines[i]?.op === "remove") removes.push(lines[i++]);
+		while (i < lines.length && lines[i]?.op === "add") adds.push(lines[i++]);
+		const n = Math.max(removes.length, adds.length);
+		for (let k = 0; k < n; k++) {
+			const left = removes[k];
+			const right = adds[k];
+			rows.push({
+				key: `c${left?.oldNumber ?? "x"}-${right?.newNumber ?? "x"}`,
+				left,
+				right
+			});
+		}
+	}
+	return rows;
+}
+/**
+* Fark görüntüleyici: iki metnin satır farkını tablo olarak gösterir. Eklenen satır yeşil zemin ve
+* "+", silinen kırmızı zemin ve "−" (ekran okuyucuda "eklendi" / "silindi"); değişmemiş uzun bölümler
+* katlanır ve açılabilir. Birleşik ve yan yana görünüm.
+*/
+function DiffViewer({ oldText, newText, view = "unified", title, label, oldLabel, newLabel, context = 3, wrap = false, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const lines = useMemo(() => diffLines(oldText, newText), [oldText, newText]);
+	const chunks = useMemo(() => chunkDiff(lines, context), [lines, context]);
+	const [opened, setOpened] = useState(/* @__PURE__ */ new Set());
+	const added = lines.filter((l) => l.op === "add").length;
+	const removed = lines.filter((l) => l.op === "remove").length;
+	const name = label ?? (typeof title === "string" ? title : t.diffViewerLabel);
+	const before = oldLabel ?? t.diffViewerOld;
+	const after = newLabel ?? t.diffViewerNew;
+	const sign = (op) => op === "equal" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		children: op === "add" ? "+" : "−"
+	}), /* @__PURE__ */ jsx(VisuallyHidden, { children: op === "add" ? t.diffViewerAdded : t.diffViewerRemoved })] });
+	const code = (line) => line ? /* @__PURE__ */ jsx("code", {
+		className: DiffViewer_module_default.code,
+		children: line.text === "" ? "​" : line.text
+	}) : null;
+	const unifiedRow = (line) => /* @__PURE__ */ jsxs("tr", {
+		className: DiffViewer_module_default.row,
+		"data-op": line.op,
+		children: [
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.number,
+				children: line.oldNumber ?? ""
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.number,
+				children: line.newNumber ?? ""
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.sign,
+				children: sign(line.op)
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.cell,
+				children: code(line)
+			})
+		]
+	}, `${line.op}${line.oldNumber ?? ""}-${line.newNumber ?? ""}`);
+	const splitRow = (row) => /* @__PURE__ */ jsxs("tr", {
+		className: DiffViewer_module_default.row,
+		children: [
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.number,
+				"data-op": row.left?.op,
+				children: row.left?.oldNumber ?? ""
+			}),
+			/* @__PURE__ */ jsxs("td", {
+				className: DiffViewer_module_default.cell,
+				"data-op": row.left?.op,
+				"data-empty": !row.left || void 0,
+				children: [row.left && row.left.op !== "equal" ? /* @__PURE__ */ jsx("span", {
+					className: DiffViewer_module_default.inlineSign,
+					children: sign(row.left.op)
+				}) : null, code(row.left)]
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: DiffViewer_module_default.number,
+				"data-op": row.right?.op,
+				"data-split-start": "",
+				children: row.right?.newNumber ?? ""
+			}),
+			/* @__PURE__ */ jsxs("td", {
+				className: DiffViewer_module_default.cell,
+				"data-op": row.right?.op,
+				"data-empty": !row.right || void 0,
+				children: [row.right && row.right.op !== "equal" ? /* @__PURE__ */ jsx("span", {
+					className: DiffViewer_module_default.inlineSign,
+					children: sign(row.right.op)
+				}) : null, code(row.right)]
+			})
+		]
+	}, row.key);
+	const renderLines = (part) => view === "split" ? toSplitRows(part).map(splitRow) : part.map(unifiedRow);
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [DiffViewer_module_default.root, className].filter(Boolean).join(" "),
+		"data-view": view,
+		"data-wrap": wrap || void 0,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: DiffViewer_module_default.head,
+			children: [title !== void 0 ? /* @__PURE__ */ jsx("span", {
+				className: DiffViewer_module_default.title,
+				children: title
+			}) : null, /* @__PURE__ */ jsxs("span", {
+				className: DiffViewer_module_default.summary,
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: DiffViewer_module_default.added,
+						children: ["+", f.number(added)]
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: DiffViewer_module_default.removed,
+						children: ["−", f.number(removed)]
+					}),
+					/* @__PURE__ */ jsx(VisuallyHidden, { children: template(t.diffViewerSummary, {
+						added: f.number(added),
+						removed: f.number(removed)
+					}) })
+				]
+			})]
+		}), added === 0 && removed === 0 ? /* @__PURE__ */ jsx("p", {
+			className: DiffViewer_module_default.same,
+			children: t.diffViewerNoChanges
+		}) : /* @__PURE__ */ jsx("div", {
+			className: DiffViewer_module_default.scroll,
+			children: /* @__PURE__ */ jsxs("table", {
+				className: DiffViewer_module_default.table,
+				"aria-label": name,
+				dir: "ltr",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: DiffViewer_module_default.thead,
+					children: view === "split" ? /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: DiffViewer_module_default.numberHead,
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t.diffViewerLine })
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: DiffViewer_module_default.columnTitle,
+							children: before
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: DiffViewer_module_default.numberHead,
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t.diffViewerLine })
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							className: DiffViewer_module_default.columnTitle,
+							children: after
+						})
+					] }) : /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: before })
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: after })
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t.diffViewerChange })
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t.diffViewerContent })
+						})
+					] })
+				}), /* @__PURE__ */ jsx("tbody", { children: chunks.map((chunk, ci) => chunk.kind === "hidden" && !opened.has(chunk.id) ? /* @__PURE__ */ jsx("tr", {
+					className: DiffViewer_module_default.foldRow,
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan: 4,
+						className: DiffViewer_module_default.fold,
+						children: /* @__PURE__ */ jsx(Button, {
+							className: DiffViewer_module_default.foldButton,
+							onPress: () => setOpened(/* @__PURE__ */ new Set([...opened, chunk.id])),
+							children: template(t.diffViewerHidden, { count: f.number(chunk.lines.length) })
+						})
+					})
+				}, chunk.id) : /* @__PURE__ */ jsx(Fragment$1, { children: renderLines(chunk.lines) }, ci)) })]
+			})
+		})]
+	});
+}
+export { DiffViewer };

package/dist/components/DiffViewer/DiffViewer.module.js

@@ -0,0 +1,25 @@
+import './DiffViewer.css';
+// src/components/DiffViewer/DiffViewer.module.css
+var DiffViewer_module_default = {
+	"root": "sti-DiffViewer-root-97573",
+	"head": "sti-DiffViewer-head-68319",
+	"title": "sti-DiffViewer-title-7f63e",
+	"summary": "sti-DiffViewer-summary-fa9f1",
+	"added": "sti-DiffViewer-added-55ed7",
+	"removed": "sti-DiffViewer-removed-6e428",
+	"same": "sti-DiffViewer-same-00eda",
+	"scroll": "sti-DiffViewer-scroll-b5404",
+	"table": "sti-DiffViewer-table-2c862",
+	"thead": "sti-DiffViewer-thead-0a653",
+	"columnTitle": "sti-DiffViewer-columnTitle-3c099",
+	"row": "sti-DiffViewer-row-1ec2f",
+	"cell": "sti-DiffViewer-cell-2c209",
+	"number": "sti-DiffViewer-number-c74cb",
+	"sign": "sti-DiffViewer-sign-c33f4",
+	"numberHead": "sti-DiffViewer-numberHead-2da84",
+	"inlineSign": "sti-DiffViewer-inlineSign-72dd2",
+	"code": "sti-DiffViewer-code-47e25",
+	"fold": "sti-DiffViewer-fold-e3628",
+	"foldButton": "sti-DiffViewer-foldButton-9f8ad"
+};
+export { DiffViewer_module_default as default };

package/dist/components/DiffViewer/diff.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Satır farkı (saf işlev): en uzun ortak alt dizi (LCS) ile iki metnin satırlarını eşler. Sonuç,
+ * eşit / eklenen / silinen satırların sırasıdır; satır numaraları 1'den başlar. Çok büyük girdide
+ * (satır çarpımı `DIFF_LIMIT`'i aşınca) eşleme yapılmaz: bütün eski satırlar silinmiş, bütün yeni
+ * satırlar eklenmiş sayılır (doğru ama kaba sonuç; tarayıcı donmaz).
+ */
+export type DiffOp = "equal" | "add" | "remove";
+export interface DiffLine {
+  op: DiffOp;
+  text: string;
+  /** Eski metindeki satır numarası (eklenen satırda yok). */
+  oldNumber?: number;
+  /** Yeni metindeki satır numarası (silinen satırda yok). */
+  newNumber?: number;
+}
+export declare function diffLines(oldText: string, newText: string): DiffLine[];

package/dist/components/DiffViewer/diff.js

@@ -0,0 +1,139 @@
+// src/components/DiffViewer/diff.ts
+/** Satır sayılarının çarpımı için üst sınır (yaklaşık 16 MB bellek). */
+const DIFF_LIMIT = 4e6;
+const splitText = (text) => text === "" ? [] : text.replace(/\r\n?/g, "\n").split("\n");
+function diffLines(oldText, newText) {
+	const a = splitText(oldText);
+	const b = splitText(newText);
+	let start = 0;
+	while (start < a.length && start < b.length && a[start] === b[start]) start++;
+	let endA = a.length;
+	let endB = b.length;
+	while (endA > start && endB > start && a[endA - 1] === b[endB - 1]) {
+		endA--;
+		endB--;
+	}
+	const out = [];
+	for (let i = 0; i < start; i++) out.push({
+		op: "equal",
+		text: a[i],
+		oldNumber: i + 1,
+		newNumber: i + 1
+	});
+	const midA = a.slice(start, endA);
+	const midB = b.slice(start, endB);
+	const n = midA.length;
+	const m = midB.length;
+	if (n * m > 4e6) {
+		midA.forEach((text, i) => {
+			out.push({
+				op: "remove",
+				text,
+				oldNumber: start + i + 1
+			});
+		});
+		midB.forEach((text, j) => {
+			out.push({
+				op: "add",
+				text,
+				newNumber: start + j + 1
+			});
+		});
+	} else {
+		const lcs = Array.from({ length: n + 1 }, () => new Uint32Array(m + 1));
+		for (let i = n - 1; i >= 0; i--) {
+			const row = lcs[i];
+			const next = lcs[i + 1];
+			for (let j = m - 1; j >= 0; j--) row[j] = midA[i] === midB[j] ? next[j + 1] + 1 : Math.max(next[j], row[j + 1]);
+		}
+		let i = 0;
+		let j = 0;
+		while (i < n || j < m) if (i < n && j < m && midA[i] === midB[j]) {
+			out.push({
+				op: "equal",
+				text: midA[i],
+				oldNumber: start + i + 1,
+				newNumber: start + j + 1
+			});
+			i++;
+			j++;
+		} else if (j < m && (i >= n || (lcs[i]?.[j + 1] ?? 0) >= (lcs[i + 1]?.[j] ?? 0))) {
+			out.push({
+				op: "add",
+				text: midB[j],
+				newNumber: start + j + 1
+			});
+			j++;
+		} else {
+			out.push({
+				op: "remove",
+				text: midA[i],
+				oldNumber: start + i + 1
+			});
+			i++;
+		}
+		for (let k = 0; k < out.length; k++) {
+			if (out[k]?.op !== "add") continue;
+			let e = k;
+			while (e < out.length && out[e]?.op === "add") e++;
+			let r = e;
+			while (r < out.length && out[r]?.op === "remove") r++;
+			if (r > e) {
+				const adds = out.slice(k, e);
+				const removes = out.slice(e, r);
+				out.splice(k, r - k, ...removes, ...adds);
+				k = r - 1;
+			} else k = e - 1;
+		}
+	}
+	for (let k = endA; k < a.length; k++) out.push({
+		op: "equal",
+		text: a[k],
+		oldNumber: k + 1,
+		newNumber: k - endA + endB + 1
+	});
+	return out;
+}
+/**
+* Değişikliklerin çevresinde `context` kadar eşit satır bırakır; daha uzun eşit dizileri gizli
+* parçaya çevirir (açılabilir). `context` sonsuz ise hiçbir şey gizlenmez.
+*/
+function chunkDiff(lines, context) {
+	const chunks = [];
+	let buffer = [];
+	const flush = () => {
+		if (buffer.length) chunks.push({
+			kind: "lines",
+			lines: buffer
+		});
+		buffer = [];
+	};
+	let i = 0;
+	while (i < lines.length) {
+		if (lines[i]?.op !== "equal") {
+			buffer.push(lines[i]);
+			i++;
+			continue;
+		}
+		let e = i;
+		while (e < lines.length && lines[e]?.op === "equal") e++;
+		const run = lines.slice(i, e);
+		const before = i === 0 ? 0 : context;
+		const after = e === lines.length ? 0 : context;
+		if (Number.isFinite(context) && run.length > before + after + 1) {
+			buffer.push(...run.slice(0, before));
+			flush();
+			const hidden = run.slice(before, run.length - after);
+			chunks.push({
+				kind: "hidden",
+				id: `h${hidden[0]?.oldNumber ?? i}`,
+				lines: hidden
+			});
+			buffer.push(...run.slice(run.length - after));
+		} else buffer.push(...run);
+		i = e;
+	}
+	flush();
+	return chunks;
+}
+export { DIFF_LIMIT, chunkDiff, diffLines };

package/dist/components/DiffViewer/index.d.ts

@@ -0,0 +1,3 @@
+import { DiffViewer, DiffViewerProps } from "./DiffViewer.js";
+import { DiffLine, DiffOp, diffLines } from "./diff.js";
+export { type DiffLine, type DiffOp, DiffViewer, DiffViewerProps, diffLines };