@haklex/rich-diff 0.0.81 → 0.0.83

package/dist/index.mjs

@@ -1,9 +1,8 @@
-import { ColorSchemeProvider, getVariantClass } from "@haklex/rich-editor";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getVariantClass, ColorSchemeProvider } from "@haklex/rich-editor";
 import { RichRenderer } from "@haklex/rich-static-renderer";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/style.css.ts
 var root = "xcvddd0";
 var header = "xcvddd1";
 var headerCell = "xcvddd2";
@@ -15,479 +14,485 @@ var cellOld = "xcvddd7";
 var delete_ = "xcvddd8";
 var insert = "xcvddd9";
 var empty = "xcvddda";
-//#endregion
-//#region src/compute-diff.ts
-var CHAR_DIFF_MAX_MATRIX_CELLS = 5e4;
-var DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-caution) 22%, transparent); text-decoration: line-through;";
-var INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-tip) 22%, transparent);";
+const CHAR_DIFF_MAX_MATRIX_CELLS = 5e4;
+const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-caution) 22%, transparent); text-decoration: line-through;";
+const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-tip) 22%, transparent);";
 function getNodeTypeKey(node) {
-	const n = node;
-	if (n.type === "heading") return `heading:${n.tag}`;
-	if (n.type === "list") return `list:${n.listType}`;
-	return n.type || "unknown";
+  const n = node;
+  if (n.type === "heading") return `heading:${n.tag}`;
+  if (n.type === "list") return `list:${n.listType}`;
+  return n.type || "unknown";
 }
 function nodesEqual(a, b) {
-	return JSON.stringify(a) === JSON.stringify(b);
+  return JSON.stringify(a) === JSON.stringify(b);
 }
 function isTextNode(node) {
-	const n = node;
-	return n.type === "text" && typeof n.text === "string";
+  const n = node;
+  return n.type === "text" && typeof n.text === "string";
 }
 function getChildren(node) {
-	const n = node;
-	return Array.isArray(n.children) ? n.children : null;
+  const n = node;
+  return Array.isArray(n.children) ? n.children : null;
 }
 function appendStyle(baseStyle, extraStyle) {
-	const normalizedBase = typeof baseStyle === "string" ? baseStyle.trim() : "";
-	if (!normalizedBase) return extraStyle;
-	return `${normalizedBase}${normalizedBase.endsWith(";") ? "" : ";"} ${extraStyle}`;
+  const normalizedBase = typeof baseStyle === "string" ? baseStyle.trim() : "";
+  if (!normalizedBase) return extraStyle;
+  return `${normalizedBase}${normalizedBase.endsWith(";") ? "" : ";"} ${extraStyle}`;
 }
 function cloneTextNode(node, text, markKind) {
-	let { style } = node;
-	if (markKind === "delete") style = appendStyle(style, DELETE_MARK_STYLE);
-	else if (markKind === "insert") style = appendStyle(style, INSERT_MARK_STYLE);
-	return {
-		...node,
-		text,
-		style
-	};
+  let { style } = node;
+  if (markKind === "delete") {
+    style = appendStyle(style, DELETE_MARK_STYLE);
+  } else if (markKind === "insert") {
+    style = appendStyle(style, INSERT_MARK_STYLE);
+  }
+  const cloned = {
+    ...node,
+    text,
+    style
+  };
+  return cloned;
 }
 function cloneNodeWithChildren(node, children) {
-	return {
-		...node,
-		children
-	};
+  return {
+    ...node,
+    children
+  };
 }
 function decorateSubtree(node, kind) {
-	if (isTextNode(node)) return cloneTextNode(node, node.text, kind);
-	const children = getChildren(node);
-	if (!children) return node;
-	return cloneNodeWithChildren(node, children.map((child) => decorateSubtree(child, kind)));
+  if (isTextNode(node)) {
+    return cloneTextNode(node, node.text, kind);
+  }
+  const children = getChildren(node);
+  if (!children) return node;
+  return cloneNodeWithChildren(
+    node,
+    children.map((child) => decorateSubtree(child, kind))
+  );
 }
 function reverseText(value) {
-	return Array.from(value).reverse().join("");
+  return Array.from(value).reverse().join("");
 }
 function mergeTextOps(ops) {
-	const merged = [];
-	for (const op of ops) {
-		if (!op.text) continue;
-		const last = merged.at(-1);
-		if (last && last.kind === op.kind) last.text += op.text;
-		else merged.push({ ...op });
-	}
-	return merged;
+  const merged = [];
+  for (const op of ops) {
+    if (!op.text) continue;
+    const last = merged.at(-1);
+    if (last && last.kind === op.kind) {
+      last.text += op.text;
+    } else {
+      merged.push({ ...op });
+    }
+  }
+  return merged;
 }
 function diffMiddleChars(oldChars, newChars) {
-	const m = oldChars.length;
-	const n = newChars.length;
-	if (m === 0 && n === 0) return [];
-	if (m === 0) return [{
-		kind: "insert",
-		text: newChars.join("")
-	}];
-	if (n === 0) return [{
-		kind: "delete",
-		text: oldChars.join("")
-	}];
-	if (m * n > CHAR_DIFF_MAX_MATRIX_CELLS) return [{
-		kind: "delete",
-		text: oldChars.join("")
-	}, {
-		kind: "insert",
-		text: newChars.join("")
-	}];
-	const dp = Array.from({ length: m + 1 }, () => Array.from({ length: n + 1 }).fill(0));
-	for (let i = 1; i <= m; i++) for (let j = 1; j <= n; j++) if (oldChars[i - 1] === newChars[j - 1]) dp[i][j] = dp[i - 1][j - 1] + 1;
-	else dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
-	const reversedOps = [];
-	let i = m;
-	let j = n;
-	while (i > 0 && j > 0) {
-		if (oldChars[i - 1] === newChars[j - 1]) {
-			const last = reversedOps.at(-1);
-			if (last && last.kind === "equal") last.text += oldChars[i - 1];
-			else reversedOps.push({
-				kind: "equal",
-				text: oldChars[i - 1]
-			});
-			i--;
-			j--;
-			continue;
-		}
-		if (dp[i - 1][j] >= dp[i][j - 1]) {
-			const last = reversedOps.at(-1);
-			if (last && last.kind === "delete") last.text += oldChars[i - 1];
-			else reversedOps.push({
-				kind: "delete",
-				text: oldChars[i - 1]
-			});
-			i--;
-		} else {
-			const last = reversedOps.at(-1);
-			if (last && last.kind === "insert") last.text += newChars[j - 1];
-			else reversedOps.push({
-				kind: "insert",
-				text: newChars[j - 1]
-			});
-			j--;
-		}
-	}
-	while (i > 0) {
-		const last = reversedOps.at(-1);
-		if (last && last.kind === "delete") last.text += oldChars[i - 1];
-		else reversedOps.push({
-			kind: "delete",
-			text: oldChars[i - 1]
-		});
-		i--;
-	}
-	while (j > 0) {
-		const last = reversedOps.at(-1);
-		if (last && last.kind === "insert") last.text += newChars[j - 1];
-		else reversedOps.push({
-			kind: "insert",
-			text: newChars[j - 1]
-		});
-		j--;
-	}
-	return mergeTextOps(reversedOps.reverse().map((op) => ({
-		kind: op.kind,
-		text: reverseText(op.text)
-	})));
+  const m = oldChars.length;
+  const n = newChars.length;
+  if (m === 0 && n === 0) return [];
+  if (m === 0) return [{ kind: "insert", text: newChars.join("") }];
+  if (n === 0) return [{ kind: "delete", text: oldChars.join("") }];
+  if (m * n > CHAR_DIFF_MAX_MATRIX_CELLS) {
+    return [
+      { kind: "delete", text: oldChars.join("") },
+      { kind: "insert", text: newChars.join("") }
+    ];
+  }
+  const dp = Array.from(
+    { length: m + 1 },
+    () => Array.from({ length: n + 1 }).fill(0)
+  );
+  for (let i2 = 1; i2 <= m; i2++) {
+    for (let j2 = 1; j2 <= n; j2++) {
+      if (oldChars[i2 - 1] === newChars[j2 - 1]) {
+        dp[i2][j2] = dp[i2 - 1][j2 - 1] + 1;
+      } else {
+        dp[i2][j2] = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+      }
+    }
+  }
+  const reversedOps = [];
+  let i = m;
+  let j = n;
+  while (i > 0 && j > 0) {
+    if (oldChars[i - 1] === newChars[j - 1]) {
+      const last = reversedOps.at(-1);
+      if (last && last.kind === "equal") {
+        last.text += oldChars[i - 1];
+      } else {
+        reversedOps.push({ kind: "equal", text: oldChars[i - 1] });
+      }
+      i--;
+      j--;
+      continue;
+    }
+    if (dp[i - 1][j] >= dp[i][j - 1]) {
+      const last = reversedOps.at(-1);
+      if (last && last.kind === "delete") {
+        last.text += oldChars[i - 1];
+      } else {
+        reversedOps.push({ kind: "delete", text: oldChars[i - 1] });
+      }
+      i--;
+    } else {
+      const last = reversedOps.at(-1);
+      if (last && last.kind === "insert") {
+        last.text += newChars[j - 1];
+      } else {
+        reversedOps.push({ kind: "insert", text: newChars[j - 1] });
+      }
+      j--;
+    }
+  }
+  while (i > 0) {
+    const last = reversedOps.at(-1);
+    if (last && last.kind === "delete") {
+      last.text += oldChars[i - 1];
+    } else {
+      reversedOps.push({ kind: "delete", text: oldChars[i - 1] });
+    }
+    i--;
+  }
+  while (j > 0) {
+    const last = reversedOps.at(-1);
+    if (last && last.kind === "insert") {
+      last.text += newChars[j - 1];
+    } else {
+      reversedOps.push({ kind: "insert", text: newChars[j - 1] });
+    }
+    j--;
+  }
+  const forwardOps = reversedOps.reverse().map((op) => ({ kind: op.kind, text: reverseText(op.text) }));
+  return mergeTextOps(forwardOps);
 }
 function diffTextByChar(oldText, newText) {
-	const oldChars = Array.from(oldText);
-	const newChars = Array.from(newText);
-	let prefix = 0;
-	while (prefix < oldChars.length && prefix < newChars.length && oldChars[prefix] === newChars[prefix]) prefix++;
-	let oldSuffix = oldChars.length - 1;
-	let newSuffix = newChars.length - 1;
-	while (oldSuffix >= prefix && newSuffix >= prefix && oldChars[oldSuffix] === newChars[newSuffix]) {
-		oldSuffix--;
-		newSuffix--;
-	}
-	const ops = [];
-	if (prefix > 0) ops.push({
-		kind: "equal",
-		text: oldChars.slice(0, prefix).join("")
-	});
-	ops.push(...diffMiddleChars(oldChars.slice(prefix, oldSuffix + 1), newChars.slice(prefix, newSuffix + 1)));
-	if (oldSuffix < oldChars.length - 1) ops.push({
-		kind: "equal",
-		text: oldChars.slice(oldSuffix + 1).join("")
-	});
-	return mergeTextOps(ops);
+  const oldChars = Array.from(oldText);
+  const newChars = Array.from(newText);
+  let prefix = 0;
+  while (prefix < oldChars.length && prefix < newChars.length && oldChars[prefix] === newChars[prefix]) {
+    prefix++;
+  }
+  let oldSuffix = oldChars.length - 1;
+  let newSuffix = newChars.length - 1;
+  while (oldSuffix >= prefix && newSuffix >= prefix && oldChars[oldSuffix] === newChars[newSuffix]) {
+    oldSuffix--;
+    newSuffix--;
+  }
+  const ops = [];
+  if (prefix > 0) {
+    ops.push({
+      kind: "equal",
+      text: oldChars.slice(0, prefix).join("")
+    });
+  }
+  ops.push(
+    ...diffMiddleChars(
+      oldChars.slice(prefix, oldSuffix + 1),
+      newChars.slice(prefix, newSuffix + 1)
+    )
+  );
+  if (oldSuffix < oldChars.length - 1) {
+    ops.push({
+      kind: "equal",
+      text: oldChars.slice(oldSuffix + 1).join("")
+    });
+  }
+  return mergeTextOps(ops);
 }
 function splitTextNodeByCharDiff(oldNode, newNode) {
-	const ops = diffTextByChar(oldNode.text, newNode.text);
-	const oldNodes = [];
-	const newNodes = [];
-	let changed = false;
-	for (const op of ops) {
-		if (!op.text) continue;
-		if (op.kind === "equal") {
-			oldNodes.push(cloneTextNode(oldNode, op.text));
-			newNodes.push(cloneTextNode(newNode, op.text));
-			continue;
-		}
-		changed = true;
-		if (op.kind === "delete") {
-			oldNodes.push(cloneTextNode(oldNode, op.text, "delete"));
-			continue;
-		}
-		newNodes.push(cloneTextNode(newNode, op.text, "insert"));
-	}
-	return {
-		oldNodes: oldNodes.length > 0 ? oldNodes : [oldNode],
-		newNodes: newNodes.length > 0 ? newNodes : [newNode],
-		changed
-	};
+  const ops = diffTextByChar(oldNode.text, newNode.text);
+  const oldNodes = [];
+  const newNodes = [];
+  let changed = false;
+  for (const op of ops) {
+    if (!op.text) continue;
+    if (op.kind === "equal") {
+      oldNodes.push(cloneTextNode(oldNode, op.text));
+      newNodes.push(cloneTextNode(newNode, op.text));
+      continue;
+    }
+    changed = true;
+    if (op.kind === "delete") {
+      oldNodes.push(cloneTextNode(oldNode, op.text, "delete"));
+      continue;
+    }
+    newNodes.push(cloneTextNode(newNode, op.text, "insert"));
+  }
+  return {
+    oldNodes: oldNodes.length > 0 ? oldNodes : [oldNode],
+    newNodes: newNodes.length > 0 ? newNodes : [newNode],
+    changed
+  };
 }
-/**
-* LCS-based structural alignment.
-*
-* Scoring:
-*   exact match  → +2 (always align)
-*   type match   → +1 (prefer align over skip)
-*   type mismatch → not considered (never align different types)
-*/
 function alignNodes(oldNodes, newNodes) {
-	const m = oldNodes.length;
-	const n = newNodes.length;
-	const dp = Array.from({ length: m + 1 }, () => Array.from({ length: n + 1 }).fill(0));
-	for (let i = 1; i <= m; i++) for (let j = 1; j <= n; j++) {
-		const skip = Math.max(dp[i - 1][j], dp[i][j - 1]);
-		if (getNodeTypeKey(oldNodes[i - 1]) === getNodeTypeKey(newNodes[j - 1])) {
-			const score = nodesEqual(oldNodes[i - 1], newNodes[j - 1]) ? 2 : 1;
-			dp[i][j] = Math.max(skip, dp[i - 1][j - 1] + score);
-		} else dp[i][j] = skip;
-	}
-	const ops = [];
-	let i = m;
-	let j = n;
-	while (i > 0 && j > 0) {
-		if (getNodeTypeKey(oldNodes[i - 1]) === getNodeTypeKey(newNodes[j - 1])) {
-			const exact = nodesEqual(oldNodes[i - 1], newNodes[j - 1]);
-			const score = exact ? 2 : 1;
-			if (dp[i][j] === dp[i - 1][j - 1] + score) {
-				ops.push(exact ? {
-					kind: "equal",
-					node: oldNodes[i - 1]
-				} : {
-					kind: "modify",
-					oldNode: oldNodes[i - 1],
-					newNode: newNodes[j - 1]
-				});
-				i--;
-				j--;
-				continue;
-			}
-		}
-		if (dp[i - 1][j] >= dp[i][j - 1]) {
-			ops.push({
-				kind: "delete",
-				node: oldNodes[i - 1]
-			});
-			i--;
-		} else {
-			ops.push({
-				kind: "insert",
-				node: newNodes[j - 1]
-			});
-			j--;
-		}
-	}
-	while (i > 0) ops.push({
-		kind: "delete",
-		node: oldNodes[--i]
-	});
-	while (j > 0) ops.push({
-		kind: "insert",
-		node: newNodes[--j]
-	});
-	ops.reverse();
-	return ops;
+  const m = oldNodes.length;
+  const n = newNodes.length;
+  const dp = Array.from(
+    { length: m + 1 },
+    () => Array.from({ length: n + 1 }).fill(0)
+  );
+  for (let i2 = 1; i2 <= m; i2++) {
+    for (let j2 = 1; j2 <= n; j2++) {
+      const skip = Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
+      if (getNodeTypeKey(oldNodes[i2 - 1]) === getNodeTypeKey(newNodes[j2 - 1])) {
+        const score = nodesEqual(oldNodes[i2 - 1], newNodes[j2 - 1]) ? 2 : 1;
+        dp[i2][j2] = Math.max(skip, dp[i2 - 1][j2 - 1] + score);
+      } else {
+        dp[i2][j2] = skip;
+      }
+    }
+  }
+  const ops = [];
+  let i = m;
+  let j = n;
+  while (i > 0 && j > 0) {
+    const typeMatch = getNodeTypeKey(oldNodes[i - 1]) === getNodeTypeKey(newNodes[j - 1]);
+    if (typeMatch) {
+      const exact = nodesEqual(oldNodes[i - 1], newNodes[j - 1]);
+      const score = exact ? 2 : 1;
+      if (dp[i][j] === dp[i - 1][j - 1] + score) {
+        ops.push(
+          exact ? { kind: "equal", node: oldNodes[i - 1] } : {
+            kind: "modify",
+            oldNode: oldNodes[i - 1],
+            newNode: newNodes[j - 1]
+          }
+        );
+        i--;
+        j--;
+        continue;
+      }
+    }
+    if (dp[i - 1][j] >= dp[i][j - 1]) {
+      ops.push({ kind: "delete", node: oldNodes[i - 1] });
+      i--;
+    } else {
+      ops.push({ kind: "insert", node: newNodes[j - 1] });
+      j--;
+    }
+  }
+  while (i > 0) {
+    ops.push({ kind: "delete", node: oldNodes[--i] });
+  }
+  while (j > 0) {
+    ops.push({ kind: "insert", node: newNodes[--j] });
+  }
+  ops.reverse();
+  return ops;
 }
 function diffChildrenInline(oldChildren, newChildren) {
-	const ops = alignNodes(oldChildren, newChildren);
-	const nextOldChildren = [];
-	const nextNewChildren = [];
-	let changed = false;
-	for (const op of ops) switch (op.kind) {
-		case "equal":
-			nextOldChildren.push(op.node);
-			nextNewChildren.push(op.node);
-			break;
-		case "delete":
-			changed = true;
-			nextOldChildren.push(decorateSubtree(op.node, "delete"));
-			break;
-		case "insert":
-			changed = true;
-			nextNewChildren.push(decorateSubtree(op.node, "insert"));
-			break;
-		case "modify": {
-			changed = true;
-			if (isTextNode(op.oldNode) && isTextNode(op.newNode)) {
-				const textDiff = splitTextNodeByCharDiff(op.oldNode, op.newNode);
-				nextOldChildren.push(...textDiff.oldNodes);
-				nextNewChildren.push(...textDiff.newNodes);
-				break;
-			}
-			const nested = diffNodeInline(op.oldNode, op.newNode);
-			if (nested) {
-				nextOldChildren.push(nested.oldNode);
-				nextNewChildren.push(nested.newNode);
-			} else {
-				nextOldChildren.push(decorateSubtree(op.oldNode, "delete"));
-				nextNewChildren.push(decorateSubtree(op.newNode, "insert"));
-			}
-			break;
-		}
-	}
-	return {
-		oldChildren: nextOldChildren,
-		newChildren: nextNewChildren,
-		changed
-	};
+  const ops = alignNodes(oldChildren, newChildren);
+  const nextOldChildren = [];
+  const nextNewChildren = [];
+  let changed = false;
+  for (const op of ops) {
+    switch (op.kind) {
+      case "equal": {
+        nextOldChildren.push(op.node);
+        nextNewChildren.push(op.node);
+        break;
+      }
+      case "delete": {
+        changed = true;
+        nextOldChildren.push(decorateSubtree(op.node, "delete"));
+        break;
+      }
+      case "insert": {
+        changed = true;
+        nextNewChildren.push(decorateSubtree(op.node, "insert"));
+        break;
+      }
+      case "modify": {
+        changed = true;
+        if (isTextNode(op.oldNode) && isTextNode(op.newNode)) {
+          const textDiff = splitTextNodeByCharDiff(op.oldNode, op.newNode);
+          nextOldChildren.push(...textDiff.oldNodes);
+          nextNewChildren.push(...textDiff.newNodes);
+          break;
+        }
+        const nested = diffNodeInline(op.oldNode, op.newNode);
+        if (nested) {
+          nextOldChildren.push(nested.oldNode);
+          nextNewChildren.push(nested.newNode);
+        } else {
+          nextOldChildren.push(decorateSubtree(op.oldNode, "delete"));
+          nextNewChildren.push(decorateSubtree(op.newNode, "insert"));
+        }
+        break;
+      }
+    }
+  }
+  return {
+    oldChildren: nextOldChildren,
+    newChildren: nextNewChildren,
+    changed
+  };
 }
 function diffNodeInline(oldNode, newNode) {
-	if (getNodeTypeKey(oldNode) !== getNodeTypeKey(newNode)) return null;
-	if (nodesEqual(oldNode, newNode)) return {
-		oldNode,
-		newNode,
-		changed: false
-	};
-	const oldChildren = getChildren(oldNode);
-	const newChildren = getChildren(newNode);
-	if (!oldChildren || !newChildren) return null;
-	const childDiff = diffChildrenInline(oldChildren, newChildren);
-	if (!childDiff.changed) return {
-		oldNode,
-		newNode,
-		changed: false
-	};
-	return {
-		oldNode: cloneNodeWithChildren(oldNode, childDiff.oldChildren),
-		newNode: cloneNodeWithChildren(newNode, childDiff.newChildren),
-		changed: true
-	};
+  if (getNodeTypeKey(oldNode) !== getNodeTypeKey(newNode)) return null;
+  if (nodesEqual(oldNode, newNode)) {
+    return { oldNode, newNode, changed: false };
+  }
+  const oldChildren = getChildren(oldNode);
+  const newChildren = getChildren(newNode);
+  if (!oldChildren || !newChildren) return null;
+  const childDiff = diffChildrenInline(oldChildren, newChildren);
+  if (!childDiff.changed) {
+    return { oldNode, newNode, changed: false };
+  }
+  return {
+    oldNode: cloneNodeWithChildren(oldNode, childDiff.oldChildren),
+    newNode: cloneNodeWithChildren(newNode, childDiff.newChildren),
+    changed: true
+  };
 }
 function diffModifiedNode(oldNode, newNode) {
-	const nested = diffNodeInline(oldNode, newNode);
-	if (nested) return {
-		oldNode: nested.oldNode,
-		newNode: nested.newNode
-	};
-	return {
-		oldNode: decorateSubtree(oldNode, "delete"),
-		newNode: decorateSubtree(newNode, "insert")
-	};
+  const nested = diffNodeInline(oldNode, newNode);
+  if (nested) {
+    return { oldNode: nested.oldNode, newNode: nested.newNode };
+  }
+  return {
+    oldNode: decorateSubtree(oldNode, "delete"),
+    newNode: decorateSubtree(newNode, "insert")
+  };
 }
 function computeDiff(oldState, newState) {
-	const ops = alignNodes(oldState.root.children, newState.root.children);
-	const hunks = [];
-	for (const op of ops) switch (op.kind) {
-		case "equal": {
-			const last = hunks.at(-1);
-			if (last && last.type === "equal") last.nodes.push(op.node);
-			else hunks.push({
-				type: "equal",
-				nodes: [op.node]
-			});
-			break;
-		}
-		case "modify":
-			{
-				const inline = diffModifiedNode(op.oldNode, op.newNode);
-				hunks.push({
-					type: "delete",
-					nodes: [inline.oldNode]
-				}, {
-					type: "insert",
-					nodes: [inline.newNode]
-				});
-			}
-			break;
-		case "delete":
-			hunks.push({
-				type: "delete",
-				nodes: [decorateSubtree(op.node, "delete")]
-			});
-			break;
-		case "insert":
-			hunks.push({
-				type: "insert",
-				nodes: [decorateSubtree(op.node, "insert")]
-			});
-			break;
-	}
-	return hunks;
+  const ops = alignNodes(oldState.root.children, newState.root.children);
+  const hunks = [];
+  for (const op of ops) {
+    switch (op.kind) {
+      case "equal": {
+        const last = hunks.at(-1);
+        if (last && last.type === "equal") {
+          last.nodes.push(op.node);
+        } else {
+          hunks.push({ type: "equal", nodes: [op.node] });
+        }
+        break;
+      }
+      case "modify": {
+        {
+          const inline = diffModifiedNode(op.oldNode, op.newNode);
+          hunks.push(
+            { type: "delete", nodes: [inline.oldNode] },
+            { type: "insert", nodes: [inline.newNode] }
+          );
+        }
+        break;
+      }
+      case "delete": {
+        hunks.push({
+          type: "delete",
+          nodes: [decorateSubtree(op.node, "delete")]
+        });
+        break;
+      }
+      case "insert": {
+        hunks.push({
+          type: "insert",
+          nodes: [decorateSubtree(op.node, "insert")]
+        });
+        break;
+      }
+    }
+  }
+  return hunks;
 }
-//#endregion
-//#region src/RichDiff.tsx
 function buildRows(hunks) {
-	const rows = [];
-	let i = 0;
-	while (i < hunks.length) {
-		const hunk = hunks[i];
-		if (hunk.type === "equal") {
-			rows.push({
-				left: hunk,
-				right: hunk
-			});
-			i++;
-		} else {
-			const deletes = [];
-			const inserts = [];
-			while (i < hunks.length && hunks[i].type !== "equal") {
-				if (hunks[i].type === "delete") deletes.push(hunks[i]);
-				else inserts.push(hunks[i]);
-				i++;
-			}
-			const maxLen = Math.max(deletes.length, inserts.length);
-			for (let k = 0; k < maxLen; k++) rows.push({
-				left: k < deletes.length ? deletes[k] : null,
-				right: k < inserts.length ? inserts[k] : null
-			});
-		}
-	}
-	return rows;
+  const rows = [];
+  let i = 0;
+  while (i < hunks.length) {
+    const hunk = hunks[i];
+    if (hunk.type === "equal") {
+      rows.push({ left: hunk, right: hunk });
+      i++;
+    } else {
+      const deletes = [];
+      const inserts = [];
+      while (i < hunks.length && hunks[i].type !== "equal") {
+        if (hunks[i].type === "delete") deletes.push(hunks[i]);
+        else inserts.push(hunks[i]);
+        i++;
+      }
+      const maxLen = Math.max(deletes.length, inserts.length);
+      for (let k = 0; k < maxLen; k++) {
+        rows.push({
+          left: k < deletes.length ? deletes[k] : null,
+          right: k < inserts.length ? inserts[k] : null
+        });
+      }
+    }
+  }
+  return rows;
 }
 function wrapDoc(nodes) {
-	return { root: {
-		children: nodes,
-		direction: "ltr",
-		format: "",
-		indent: 0,
-		type: "root",
-		version: 1
-	} };
+  return {
+    root: {
+      children: nodes,
+      direction: "ltr",
+      format: "",
+      indent: 0,
+      type: "root",
+      version: 1
+    }
+  };
 }
-function HunkRenderer({ hunk, variant, theme, rendererConfig, extraNodes }) {
-	return /* @__PURE__ */ jsx(RichRenderer, {
-		extraNodes,
-		rendererConfig,
-		theme,
-		value: useMemo(() => wrapDoc(hunk.nodes), [hunk.nodes]),
-		variant
-	});
+function HunkRenderer({
+  hunk,
+  variant,
+  theme,
+  rendererConfig,
+  extraNodes
+}) {
+  const doc = useMemo(() => wrapDoc(hunk.nodes), [hunk.nodes]);
+  return /* @__PURE__ */ jsx(
+    RichRenderer,
+    {
+      extraNodes,
+      rendererConfig,
+      theme,
+      value: doc,
+      variant
+    }
+  );
 }
-function RichDiff({ oldValue, newValue, variant = "article", theme = "light", rendererConfig, extraNodes, className }) {
-	const hunks = useMemo(() => computeDiff(oldValue, newValue), [oldValue, newValue]);
-	const rows = useMemo(() => buildRows(hunks), [hunks]);
-	const rendererProps = {
-		variant,
-		theme,
-		rendererConfig,
-		extraNodes
-	};
-	const variantClass = getVariantClass(variant);
-	return /* @__PURE__ */ jsx(PortalThemeProvider, {
-		className: variantClass,
-		theme,
-		children: /* @__PURE__ */ jsx(ColorSchemeProvider, {
-			colorScheme: theme,
-			children: /* @__PURE__ */ jsx("div", {
-				className: variantClass,
-				style: {
-					width: "100%",
-					maxWidth: "100%"
-				},
-				children: /* @__PURE__ */ jsxs("div", {
-					className: `${root} ${className ?? ""}`.trim(),
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: header,
-						children: [/* @__PURE__ */ jsx("div", {
-							className: `${headerCell} ${headerOld}`,
-							children: "Old"
-						}), /* @__PURE__ */ jsx("div", {
-							className: headerCell,
-							children: "New"
-						})]
-					}), /* @__PURE__ */ jsx("div", {
-						className: body,
-						children: rows.map((row$1, i) => /* @__PURE__ */ jsxs("div", {
-							className: row,
-							children: [/* @__PURE__ */ jsx("div", {
-								className: `${cell} ${cellOld} ${row$1.left ? row$1.left.type === "delete" ? delete_ : "" : empty}`.trim(),
-								children: row$1.left && /* @__PURE__ */ jsx(HunkRenderer, {
-									hunk: row$1.left,
-									...rendererProps
-								})
-							}), /* @__PURE__ */ jsx("div", {
-								className: `${cell} ${row$1.right ? row$1.right.type === "insert" ? insert : "" : empty}`.trim(),
-								children: row$1.right && /* @__PURE__ */ jsx(HunkRenderer, {
-									hunk: row$1.right,
-									...rendererProps
-								})
-							})]
-						}, i))
-					})]
-				})
-			})
-		})
-	});
+function RichDiff({
+  oldValue,
+  newValue,
+  variant = "article",
+  theme = "light",
+  rendererConfig,
+  extraNodes,
+  className
+}) {
+  const hunks = useMemo(() => computeDiff(oldValue, newValue), [oldValue, newValue]);
+  const rows = useMemo(() => buildRows(hunks), [hunks]);
+  const rendererProps = { variant, theme, rendererConfig, extraNodes };
+  const variantClass = getVariantClass(variant);
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx("div", { className: variantClass, style: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsxs("div", { className: `${root} ${className ?? ""}`.trim(), children: [
+    /* @__PURE__ */ jsxs("div", { className: header, children: [
+      /* @__PURE__ */ jsx("div", { className: `${headerCell} ${headerOld}`, children: "Old" }),
+      /* @__PURE__ */ jsx("div", { className: headerCell, children: "New" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: body, children: rows.map((row$1, i) => /* @__PURE__ */ jsxs("div", { className: row, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${cell} ${cellOld} ${row$1.left ? row$1.left.type === "delete" ? delete_ : "" : empty}`.trim(),
+          children: row$1.left && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row$1.left, ...rendererProps })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${cell} ${row$1.right ? row$1.right.type === "insert" ? insert : "" : empty}`.trim(),
+          children: row$1.right && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row$1.right, ...rendererProps })
+        }
+      )
+    ] }, i)) })
+  ] }) }) }) });
 }
-//#endregion
-export { RichDiff, computeDiff };
+export {
+  RichDiff,
+  computeDiff
+};

package/dist/rich-diff.css

@@ -1,2 +1 @@
-:root{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.pvevj00{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.pvevj01{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.pvevj02{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#a1a1aa;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark .pvevj00,[data-theme=dark] .pvevj00,.dark.pvevj00,[data-theme=dark].pvevj00,.dark .pvevj01,[data-theme=dark] .pvevj01,.dark.pvevj01,[data-theme=dark].pvevj01,.dark .pvevj02,[data-theme=dark] .pvevj02,.dark.pvevj02,[data-theme=dark].pvevj02{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.xcvddd0{border:1px solid var(--rc-border);border-radius:6px;font-size:14px;overflow:hidden}.xcvddd1{border-bottom:1px solid var(--rc-border);background:var(--rc-bg-secondary);grid-template-columns:1fr 1fr;display:grid}.xcvddd2{text-transform:uppercase;letter-spacing:.05em;color:var(--rc-text-secondary);padding:8px 16px;font-size:12px;font-weight:600}.xcvddd3{border-right:1px solid var(--rc-border)}.xcvddd4{flex-direction:column;display:flex}.xcvddd5{border-bottom:1px solid var(--rc-border);grid-template-columns:1fr 1fr;display:grid}.xcvddd5:last-child{border-bottom:none}.xcvddd6{min-height:32px;padding:4px 12px;overflow:hidden}.xcvddd7{border-right:1px solid var(--rc-border)}.xcvddd8{background-color:color-mix(in srgb, var(--rc-alert-caution) 15%, transparent)}.xcvddd9{background-color:color-mix(in srgb, var(--rc-alert-tip) 15%, transparent)}.xcvddda{background-color:var(--rc-bg-secondary)}.xcvddd8 .rich-content__body{opacity:.85}
-/*$vite$:1*/
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.pvevj00{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.pvevj01{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.pvevj02{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark .pvevj00,[data-theme=dark] .pvevj00,.dark.pvevj00,[data-theme=dark].pvevj00,.dark .pvevj01,[data-theme=dark] .pvevj01,.dark.pvevj01,[data-theme=dark].pvevj01,.dark .pvevj02,[data-theme=dark] .pvevj02,.dark.pvevj02,[data-theme=dark].pvevj02{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}.xcvddd0{border:1px solid var(--rc-border);border-radius:6px;overflow:hidden;font-size:14px}.xcvddd1{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rc-border);background:var(--rc-bg-secondary)}.xcvddd2{padding:8px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--rc-text-secondary)}.xcvddd3{border-right:1px solid var(--rc-border)}.xcvddd4{display:flex;flex-direction:column}.xcvddd5{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rc-border)}.xcvddd5:last-child{border-bottom:none}.xcvddd6{padding:4px 12px;min-height:32px;overflow:hidden}.xcvddd7{border-right:1px solid var(--rc-border)}.xcvddd8{background-color:color-mix(in srgb,var(--rc-alert-caution) 15%,transparent)}.xcvddd9{background-color:color-mix(in srgb,var(--rc-alert-tip) 15%,transparent)}.xcvddda{background-color:var(--rc-bg-secondary)}.xcvddd8 .rich-content__body{opacity:.85}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-diff",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "Rich diff editor",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
     "dist"
   ],
   "dependencies": {
-    "@haklex/rich-editor": "0.0.81",
-    "@haklex/rich-static-renderer": "0.0.81",
-    "@haklex/rich-style-token": "0.0.81"
+    "@haklex/rich-editor": "0.0.83",
+    "@haklex/rich-style-token": "0.0.83",
+    "@haklex/rich-static-renderer": "0.0.83"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",