virtual-react-json-diff 1.0.10 → 1.0.12

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

@@ -15,4 +15,5 @@ export type Config = {
     ignoreCaseForKey: boolean;
     recursiveEqual: boolean;
     preserveKeyOrder: DifferOptions["preserveKeyOrder"];
+    inlineDiffMode: "word" | "char";
 };

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

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

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

@@ -0,0 +1,9 @@
+import type { SearchState } from "../types";
+type Props = {
+    searchState: SearchState;
+    handleSearch: (term: string) => void;
+    navigateMatch: (direction: "next" | "prev") => void;
+    hideSearch?: boolean;
+};
+declare function SearchboxHolder({ searchState, handleSearch, navigateMatch, hideSearch }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default SearchboxHolder;

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

@@ -0,0 +1,25 @@
+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 ListDataType = {
+    leftDiff: DiffRowOrCollapsed[];
+    rightDiff: DiffRowOrCollapsed[];
+    onExpand: (segmentIndex: number) => void;
+    inlineDiffOptions?: InlineDiffOptions;
+};
+type VirtualDiffGridProps = {
+    leftDiff: DiffRowOrCollapsed[];
+    rightDiff: DiffRowOrCollapsed[];
+    outerRef: React.RefObject<Node | null>;
+    listRef: React.RefObject<List<ListDataType>>;
+    height: number;
+    inlineDiffOptions?: InlineDiffOptions;
+    className?: string;
+    setScrollTop: Dispatch<React.SetStateAction<number>>;
+    onExpand: (segmentIndex: number) => void;
+    overScanCount?: number;
+};
+declare const VirtualDiffGrid: React.FC<VirtualDiffGridProps>;
+export default VirtualDiffGrid;

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

@@ -0,0 +1,19 @@
+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/types/index.d.ts

@@ -41,6 +41,7 @@ export type VirtualizedDiffViewerProps = {
     className?: string;
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;
+    overScanCount?: number;
 };
 export type DiffMinimapProps = {
     leftDiff: DiffRowOrCollapsed[];

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

@@ -1,5 +1,8 @@
+import type { DiffRow } from "../types";
 export declare const DIFF_VIEWER_CLASS = "json-diff-viewer-theme-custom";
 export declare const DEFAULT_ROW_HEIGHT = 20;
+export declare const DEFAULT_HEIGHT = 380;
+export declare const DEFAULT_MINIMAP_WIDTH = 20;
 export declare function getRowHeightFromCSS(): number;
 export declare const COLLAPSED_ROW_HEIGHT = 20;
 export declare const SEARCH_DEBOUNCE_MS = 300;
@@ -7,3 +10,4 @@ export declare function isCollapsed(line: any): line is {
     type: "collapsed";
     segmentIndex: number;
 };
+export declare function equalEmptyLine(cell: DiffRow): "" | "empty-equal-cell";

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/get-inline-diff.d.ts

@@ -0,0 +1,6 @@
+import type { InlineDiffOptions, InlineDiffResult } from "json-diff-kit";
+declare function getInlineDiff(l: string, r: string, options: InlineDiffOptions): [
+    InlineDiffResult[],
+    InlineDiffResult[]
+];
+export default getInlineDiff;

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/get-inline-syntax-highlight.d.ts

@@ -0,0 +1,7 @@
+export type InlineHighlightResult = {
+    start: number;
+    end: number;
+    token: "plain" | "number" | "boolean" | "null" | "key" | "punctuation" | "string" | "invalid";
+};
+declare function syntaxHighlightLine(enabled: boolean, text: string, offset: number): InlineHighlightResult[];
+export default syntaxHighlightLine;

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/get-segments.d.ts

@@ -0,0 +1,5 @@
+import type { DiffResult } from "json-diff-kit";
+import type { HideUnchangedLinesOptions } from "json-diff-kit/typings/viewer";
+import type { HiddenUnchangedLinesInfo, SegmentItem } from "../../types";
+declare function getSegments(l: DiffResult[], r: DiffResult[], options: HideUnchangedLinesOptions, jsonsAreEqual: boolean): (SegmentItem | HiddenUnchangedLinesInfo)[];
+export default getSegments;

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

@@ -0,0 +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<{
+    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/json-diff/row-renderer.d.ts

@@ -0,0 +1,10 @@
+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;

package/dist/cjs/types/src/components/DiffViewer/utils/json-diff/segment-util.d.ts

@@ -0,0 +1,11 @@
+import type { InlineDiffResult } from "json-diff-kit";
+import type { SegmentItem } from "../../types";
+import type { InlineHighlightResult } from "./get-inline-syntax-highlight";
+export type InlineRenderInfo = InlineDiffResult & InlineHighlightResult;
+/**
+ * Merge two segments array into one, divide the segment if necessary.
+ */
+export declare function mergeSegments(tokens: InlineHighlightResult[], diffs: InlineDiffResult[]): InlineRenderInfo[];
+export declare function expandSegment(prev: SegmentItem[], index: number): SegmentItem[];
+export declare function hideAllSegments(prev: SegmentItem[]): SegmentItem[];
+export declare function hasExpandedSegments(segments: SegmentItem[]): boolean;

package/dist/index.d.ts

@@ -15,6 +15,7 @@ type VirtualizedDiffViewerProps = {
     className?: string;
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;
+    overScanCount?: number;
 };
 
 declare const VirtualizedDiffViewer: React.FC<VirtualizedDiffViewerProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtual-react-json-diff",
   "type": "module",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Fast, virtualized React component for visually comparing large JSON objects. Includes search, theming, and minimap.",
   "author": {
     "name": "Utku Akyüz"

package/dist/cjs/types/src/components/DiffViewer/Diff.stories.d.ts

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import type { DifferOptions } from "json-diff-kit";
-import { VirtualDiffViewer } from "../..";
-type StoryProps = React.ComponentProps<typeof VirtualDiffViewer> & {
-    detectCircular?: boolean;
-    maxDepth?: number;
-    showModifications?: boolean;
-    arrayDiffMethod?: DifferOptions["arrayDiffMethod"];
-    compareKey?: string;
-    ignoreCase?: boolean;
-    ignoreCaseForKey?: boolean;
-    recursiveEqual?: boolean;
-    preserveKeyOrder?: DifferOptions["preserveKeyOrder"];
-};
-declare const meta: Meta<StoryProps>;
-export default meta;
-type Story = StoryObj<StoryProps>;
-export declare const Primary: Story;

package/dist/cjs/types/src/components/DiffViewer/hooks/useDiffSegments.d.ts

@@ -1,8 +0,0 @@
-import type { DiffRowOrCollapsed, SegmentItem } from "../types";
-export declare function useDiffSegments(oldValue: any, newValue: any, differOptions?: any): {
-    leftView: DiffRowOrCollapsed[];
-    rightView: DiffRowOrCollapsed[];
-    segments: SegmentItem[];
-    expandSegment: (segmentIndex: number) => void;
-    hideAllSegments: () => void;
-};