feat: include react-diff-viewer-continued in benchmark matrix

Author: Zhang-JiahangH

README.md

@@ -88,6 +88,7 @@ A runnable benchmark harness is included to compare:
 
 - `react-virtualized-diff` (this project)
 - `react-diff-viewer`
+- `react-diff-viewer-continued`
 - `react-diff-view`
 
 Metrics collected for each dataset size (`1k / 10k / 50k / 100k` lines):

apps/benchmark/package.json

@@ -16,7 +16,8 @@
     "react-diff-view": "^3.2.2",
     "react-diff-viewer": "^3.1.1",
     "react-dom": "^18.3.1",
-    "react-virtualized-diff": "workspace:*"
+    "react-virtualized-diff": "workspace:*",
+    "react-diff-viewer-continued": "^3.2.6"
   },
   "devDependencies": {
     "@types/react": "^18.3.12",

apps/benchmark/src/main.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import ReactDiffViewer from 'react-diff-viewer';
+import ReactDiffViewerContinued from 'react-diff-viewer-continued';
 import { Diff, Hunk, parseDiff } from 'react-diff-view';
 import 'react-diff-view/style/index.css';
 import { DiffViewer } from 'react-virtualized-diff';
 
-type LibraryName = 'virtualized-diff-viewer' | 'react-diff-viewer' | 'react-diff-view';
+type LibraryName = 'virtualized-diff-viewer' | 'react-diff-viewer' | 'react-diff-viewer-continued' | 'react-diff-view';
 
 type BenchmarkParams = {
   lib: LibraryName;
@@ -42,7 +43,7 @@ function parseParams(): BenchmarkParams {
   const height = Number(params.get('height') ?? defaultParams.height);
 
   const normalizedLib: LibraryName =
-    lib === 'react-diff-view' || lib === 'react-diff-viewer' || lib === 'virtualized-diff-viewer'
+    lib === 'react-diff-view' || lib === 'react-diff-viewer' || lib === 'react-diff-viewer-continued' || lib === 'virtualized-diff-viewer'
       ? lib
       : defaultParams.lib;
 
@@ -156,6 +157,15 @@ function App() {
         showDiffOnly={false}
       />
     );
+  } else if (params.lib === 'react-diff-viewer-continued') {
+    viewer = (
+      <ReactDiffViewerContinued
+        oldValue={payload.oldText}
+        newValue={payload.newText}
+        splitView
+        showDiffOnly={false}
+      />
+    );
   } else {
     const files = parseDiff(payload.unifiedDiff);
     const file = files[0];

scripts/run-benchmark.mjs

@@ -3,7 +3,7 @@ import { spawn, spawnSync } from 'node:child_process';
 import { mkdirSync, writeFileSync } from 'node:fs';
 import { resolve } from 'node:path';
 
-const libs = ['virtualized-diff-viewer', 'react-diff-viewer', 'react-diff-view'];
+const libs = ['virtualized-diff-viewer', 'react-diff-viewer', 'react-diff-viewer-continued', 'react-diff-view'];
 const sizes = [1000, 10000, 50000, 100000];
 const port = 4174;
 const baseUrl = `http://127.0.0.1:${port}`;