react-diff-viewer-continued 4.1.3 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 4.2.0 (2026-03-10)
+
+### Features
+
+- export computeStyles and add missing style override properties
+
+### Bug Fixes
+
+- add .js extensions to relative imports for Node.js ESM compatibility
+
 ## 4.1.3 (2026-02-07)
 
 ### Bug Fixes

package/lib/cjs/src/compute-hidden-blocks.d.ts

@@ -1,4 +1,4 @@
-import { type LineInformation } from "./compute-lines";
+import { type LineInformation } from "./compute-lines.js";
 export interface Block {
     index: number;
     startLine: number;

package/lib/cjs/src/compute-lines.js

@@ -503,7 +503,7 @@ const computeLineInformation = (oldString, newString, disableWordDiff = false, l
  * @returns Promise<ComputedLineInformation> - Resolves with line-by-line diff data from the worker.
  */
 // Import the bundled worker code (generated by scripts/build-worker.js)
-import { WORKER_CODE } from './workerBundle';
+import { WORKER_CODE } from './workerBundle.js';
 // Cached Blob URL for the worker - created once and reused
 let workerBlobUrl = null;
 let workerAvailable = null;

package/lib/cjs/src/computeWorker.js

@@ -1,4 +1,4 @@
-import { computeLineInformation } from "./compute-lines";
+import { computeLineInformation } from "./compute-lines.js";
 /**
  * This sets up a message handler inside the Web Worker.
  * When the main thread sends a message to this worker (via postMessage), this function is triggered.

package/lib/cjs/src/index.d.ts

@@ -248,4 +248,5 @@ declare class DiffViewer extends React.Component<ReactDiffViewerProps, ReactDiff
 }
 export default DiffViewer;
 export { DiffMethod };
-export type { ReactDiffViewerStylesOverride };
+export { default as computeStyles } from "./styles.js";
+export type { ReactDiffViewerStylesOverride, ReactDiffViewerStyles };

package/lib/cjs/src/index.js

@@ -1004,3 +1004,4 @@ DiffViewer.defaultProps = {
 DiffViewer.ESTIMATED_ROW_HEIGHT = 19;
 export default DiffViewer;
 export { DiffMethod };
+export { default as computeStyles } from "./styles.js";

package/lib/cjs/src/styles.d.ts

@@ -76,12 +76,14 @@ export interface ReactDiffViewerStylesOverride {
     highlightedGutter?: Interpolation;
     contentText?: Interpolation;
     gutter?: Interpolation;
+    lineContent?: Interpolation;
     line?: Interpolation;
     wordDiff?: Interpolation;
     wordAdded?: Interpolation;
     wordRemoved?: Interpolation;
     codeFoldGutter?: Interpolation;
     codeFoldExpandButton?: Interpolation;
+    summary?: Interpolation;
     codeFoldContentContainer?: Interpolation;
     codeFold?: Interpolation;
     emptyLine?: Interpolation;

package/lib/esm/src/compute-lines.js

@@ -503,7 +503,7 @@ const computeLineInformation = (oldString, newString, disableWordDiff = false, l
  * @returns Promise<ComputedLineInformation> - Resolves with line-by-line diff data from the worker.
  */
 // Import the bundled worker code (generated by scripts/build-worker.js)
-import { WORKER_CODE } from './workerBundle';
+import { WORKER_CODE } from './workerBundle.js';
 // Cached Blob URL for the worker - created once and reused
 let workerBlobUrl = null;
 let workerAvailable = null;

package/lib/esm/src/computeWorker.js

@@ -1,4 +1,4 @@
-import { computeLineInformation } from "./compute-lines";
+import { computeLineInformation } from "./compute-lines.js";
 /**
  * This sets up a message handler inside the Web Worker.
  * When the main thread sends a message to this worker (via postMessage), this function is triggered.

package/lib/esm/src/index.js

@@ -1003,3 +1003,4 @@ class DiffViewer extends React.Component {
 }
 export default DiffViewer;
 export { DiffMethod };
+export { default as computeStyles } from "./styles.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-diff-viewer-continued",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "private": false,
   "description": "Continuation of a simple and beautiful text diff viewer component made with diff and React",
   "keywords": [

package/scripts/build-worker.js

@@ -18,7 +18,7 @@ const srcDir = path.join(__dirname, '..', 'src');
 const stubWorkerBundlePlugin = {
   name: 'stub-worker-bundle',
   setup(build) {
-    build.onResolve({ filter: /\.\/workerBundle$/ }, () => ({
+    build.onResolve({ filter: /\.\/workerBundle(\.js)?$/ }, () => ({
       path: 'workerBundle-stub',
       namespace: 'stub',
     }));