virtual-react-json-diff 1.0.14 → 1.0.16

package/dist/cjs/types/demo/src/App.d.ts

@@ -1,5 +1,5 @@
-import "./App.css";
 import "ace-builds/src-noconflict/mode-json";
 import "ace-builds/src-noconflict/theme-github_dark";
 import "ace-builds/src-noconflict/ext-language_tools";
+import "./App.css";
 export default function App(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/demo/src/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { DifferOptions } from "json-diff-kit";
+import type { CompareStrategy } from "virtual-react-json-diff";
 export type Config = {
     className: string;
     leftTitle: string;
@@ -6,6 +7,8 @@ export type Config = {
     miniMapWidth: number;
     hideSearch: boolean;
     height: number;
+    showLineCount: boolean;
+    showObjectCountStats: boolean;
     detectCircular: boolean;
     maxDepth: number;
     showModifications: boolean;
@@ -16,4 +19,7 @@ export type Config = {
     recursiveEqual: boolean;
     preserveKeyOrder: DifferOptions["preserveKeyOrder"];
     inlineDiffMode: "word" | "char";
+    ignorePaths: string;
+    ignoreKeys: string;
+    compareStrategy: CompareStrategy;
 };

package/dist/cjs/types/src/components/DiffViewer/components/LineCountDisplay.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { LineCountStats } from "../types";
+type LineCountDisplayProps = {
+    stats: LineCountStats;
+};
+export declare const LineCountDisplay: React.FC<LineCountDisplayProps>;
+export default LineCountDisplay;

package/dist/cjs/types/src/components/DiffViewer/components/ObjectCountDisplay.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ObjectCountStats } from "../types";
+type ObjectCountDisplayProps = {
+    stats: ObjectCountStats;
+};
+export declare const ObjectCountDisplay: React.FC<ObjectCountDisplayProps>;
+export default ObjectCountDisplay;

package/dist/cjs/types/src/components/DiffViewer/components/SearchboxHolder.d.ts

@@ -5,5 +5,5 @@ type Props = {
     navigateMatch: (direction: "next" | "prev") => void;
     hideSearch?: boolean;
 };
-declare function SearchboxHolder({ searchState, handleSearch, navigateMatch, hideSearch }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare const SearchboxHolder: React.FC<Props>;
 export default SearchboxHolder;

package/dist/cjs/types/src/components/DiffViewer/components/VirtualDiffGrid.d.ts

@@ -12,15 +12,15 @@ type ListDataType = {
 type VirtualDiffGridProps = {
     leftDiff: DiffRowOrCollapsed[];
     rightDiff: DiffRowOrCollapsed[];
-    listRef: React.RefObject<List<ListDataType>>;
+    listRef: React.RefObject<List<ListDataType> | null>;
     height: number;
     inlineDiffOptions?: InlineDiffOptions;
     className?: string;
     setScrollTop: Dispatch<React.SetStateAction<number>>;
     onExpand: (segmentIndex: number) => void;
     overScanCount?: number;
-    viewerRef?: React.RefObject<HTMLDivElement>;
-    listContainerRef?: React.RefObject<HTMLDivElement>;
+    viewerRef?: React.RefObject<HTMLDivElement | null>;
+    listContainerRef?: React.RefObject<HTMLDivElement | null>;
 };
 declare const VirtualDiffGrid: React.FC<VirtualDiffGridProps>;
 export default VirtualDiffGrid;

package/dist/cjs/types/src/components/DiffViewer/types/index.d.ts

@@ -1,4 +1,6 @@
 import type { Differ, DifferOptions, DiffResult, InlineDiffOptions } from "json-diff-kit";
+import type { CompareStrategy, DiffComparisonOptions } from "../utils/diffComparisonOptions";
+export type { CompareStrategy, DiffComparisonOptions };
 export type DiffRow = {
     originalIndex: number;
 } & DiffResult;
@@ -27,6 +29,18 @@ export type SearchState = {
     results: number[];
     currentIndex: number;
 };
+export type LineCountStats = {
+    added: number;
+    removed: number;
+    modified: number;
+    total: number;
+};
+export type ObjectCountStats = {
+    added: number;
+    removed: number;
+    modified: number;
+    total: number;
+};
 export type VirtualizedDiffViewerProps = {
     oldValue: object;
     newValue: object;
@@ -44,6 +58,9 @@ export type VirtualizedDiffViewerProps = {
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;
     overScanCount?: number;
+    showLineCount?: boolean;
+    showObjectCountStats?: boolean;
+    comparisonOptions?: DiffComparisonOptions;
 };
 export type DiffMinimapProps = {
     leftDiff: DiffRowOrCollapsed[];

package/dist/cjs/types/src/components/DiffViewer/utils/diffComparisonOptions.d.ts

@@ -0,0 +1,16 @@
+export type CompareStrategy = "strict" | "loose" | "type-aware";
+export type DiffComparisonOptions = {
+    ignorePaths?: string[];
+    ignoreKeys?: string[];
+    /**
+     * strict: default strict equality (===)
+     * loose: loose equality where reasonable
+     * type-aware: allows number/string equality like "1" === 1
+     */
+    compareStrategy?: CompareStrategy;
+};
+export declare function normalizeValue(value: any, strategy?: CompareStrategy): any;
+/**
+ * returning new object with ignored paths/keys removed and values normalized
+ */
+export declare function preprocessObjectForDiff(obj: any, options: DiffComparisonOptions): any;

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/row-renderer-grid.d.ts

@@ -1,10 +1,10 @@
 import type { InlineDiffOptions } from "json-diff-kit";
 import type { ListChildComponentProps } from "react-window";
 import type { DiffRowOrCollapsed } from "../../types";
-declare function RowRendererGrid({ index, style, data }: ListChildComponentProps<{
+declare const RowRendererGrid: React.FC<ListChildComponentProps<{
     leftDiff: DiffRowOrCollapsed[];
     rightDiff: DiffRowOrCollapsed[];
     onExpand: (segmentIndex: number) => void;
     inlineDiffOptions?: InlineDiffOptions;
-}>): import("react/jsx-runtime").JSX.Element;
+}>>;
 export default RowRendererGrid;

package/dist/cjs/types/src/components/DiffViewer/utils/lineCountUtils.d.ts

@@ -0,0 +1,3 @@
+import type { DiffResult } from "json-diff-kit";
+import type { LineCountStats } from "../types";
+export declare function calculateLineCountStats(diffData: [DiffResult[], DiffResult[]]): LineCountStats;

package/dist/cjs/types/src/components/DiffViewer/utils/objectCountUtils.d.ts

@@ -0,0 +1,5 @@
+import type { ObjectCountStats } from "../types";
+/**
+ * Calculates object count statistics for compare-key method
+ */
+export declare function calculateObjectCountStats(oldValue: any, newValue: any, compareKey: string): ObjectCountStats;

package/dist/cjs/types/src/components/SearchIcon.d.ts

@@ -1 +1 @@
-export declare function SearchIcon(): import("react/jsx-runtime").JSX.Element;
+export declare const SearchIcon: React.FC;

package/dist/cjs/types/src/index.d.ts

@@ -1,2 +1,4 @@
 export { default as VirtualDiffViewer } from "./components/DiffViewer";
+export type { CompareStrategy, DiffComparisonOptions, } from "./components/DiffViewer/types";
+export { calculateObjectCountStats } from "./components/DiffViewer/utils/objectCountUtils";
 export { Differ, type DiffResult } from "json-diff-kit";

package/dist/index.d.ts

@@ -2,6 +2,24 @@ import React from 'react';
 import { DiffResult, DifferOptions, Differ, InlineDiffOptions } from 'json-diff-kit';
 export { DiffResult, Differ } from 'json-diff-kit';
 
+type CompareStrategy = "strict" | "loose" | "type-aware";
+type DiffComparisonOptions = {
+    ignorePaths?: string[];
+    ignoreKeys?: string[];
+    /**
+     * strict: default strict equality (===)
+     * loose: loose equality where reasonable
+     * type-aware: allows number/string equality like "1" === 1
+     */
+    compareStrategy?: CompareStrategy;
+};
+
+type ObjectCountStats = {
+    added: number;
+    removed: number;
+    modified: number;
+    total: number;
+};
 type VirtualizedDiffViewerProps = {
     oldValue: object;
     newValue: object;
@@ -19,8 +37,16 @@ type VirtualizedDiffViewerProps = {
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;
     overScanCount?: number;
+    showLineCount?: boolean;
+    showObjectCountStats?: boolean;
+    comparisonOptions?: DiffComparisonOptions;
 };
 
 declare const VirtualizedDiffViewer: React.FC<VirtualizedDiffViewerProps>;
 
-export { VirtualizedDiffViewer as VirtualDiffViewer };
+/**
+ * Calculates object count statistics for compare-key method
+ */
+declare function calculateObjectCountStats(oldValue: any, newValue: any, compareKey: string): ObjectCountStats;
+
+export { CompareStrategy, DiffComparisonOptions, VirtualizedDiffViewer as VirtualDiffViewer, calculateObjectCountStats };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtual-react-json-diff",
   "type": "module",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Fast, virtualized React component for visually comparing large JSON objects. Includes search, theming, and minimap.",
   "author": {
     "name": "Utku Akyüz"
@@ -50,6 +50,7 @@
     "react": ">=18.0.0"
   },
   "dependencies": {
+    "fast-myers-diff": "^3.2.0",
     "json-diff-kit": "^1.0.32",
     "react-window": "^1.8.11"
   },
@@ -85,6 +86,7 @@
     "pre-commit": "pnpm lint-staged"
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx,vue,html,md,json,yaml,css,scss}": "eslint --fix"
+    "*.{js,jsx,ts,tsx,vue,html,json,yaml,css,scss}": "eslint --fix",
+    "*.md": "echo 'Skipping markdown files in lint-staged'"
   }
 }

package/dist/cjs/types/demo/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;

package/dist/cjs/types/src/components/DiffViewer/components/ViewerRow.d.ts

@@ -1,11 +0,0 @@
-import type { InlineDiffOptions } from "json-diff-kit";
-import type { ListChildComponentProps } from "react-window";
-import type { DiffRowOrCollapsed } from "../types";
-declare function ViewerRow({ index, style, data, }: ListChildComponentProps<{
-    leftDiff: DiffRowOrCollapsed[];
-    rightDiff: DiffRowOrCollapsed[];
-    onExpand: (segmentIndex: number) => void;
-    searchTerm?: string;
-    inlineDiffOptions?: InlineDiffOptions;
-}>): import("react/jsx-runtime").JSX.Element;
-export default ViewerRow;

package/dist/cjs/types/src/components/DiffViewer/components/VirtualDiffTable.d.ts

@@ -1,19 +0,0 @@
-import type { InlineDiffOptions } from "json-diff-kit";
-import type { Dispatch } from "react";
-import React from "react";
-import { VariableSizeList as List } from "react-window";
-import type { DiffRowOrCollapsed } from "../types";
-type VirtualDiffTableProps = {
-    leftDiff: DiffRowOrCollapsed[];
-    rightDiff: DiffRowOrCollapsed[];
-    outerRef: React.RefObject<Node | null>;
-    listRef: React.RefObject<List<any>>;
-    height: number;
-    inlineDiffOptions?: InlineDiffOptions;
-    className?: string;
-    style?: React.CSSProperties;
-    setScrollTop: Dispatch<React.SetStateAction<number>>;
-    onExpand: (segmentIndex: number) => void;
-};
-declare const VirtualDiffTable: React.FC<VirtualDiffTableProps>;
-export default VirtualDiffTable;

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/row-renderer.d.ts

@@ -1,10 +0,0 @@
-import type { InlineDiffOptions } from "json-diff-kit";
-import type { ListChildComponentProps } from "react-window";
-import type { DiffRowOrCollapsed } from "../../types";
-declare function RowRenderer({ index, style, data }: ListChildComponentProps<{
-    leftDiff: DiffRowOrCollapsed[];
-    rightDiff: DiffRowOrCollapsed[];
-    onExpand: (segmentIndex: number) => void;
-    inlineDiffOptions?: InlineDiffOptions;
-}>): import("react/jsx-runtime").JSX.Element;
-export default RowRenderer;