virtual-react-json-diff 1.0.7 → 1.0.9

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

@@ -0,0 +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";
+export default function App(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/demo/src/components/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import "./Sidebar.css";
+import type { Config } from "../types";
+type Props = {
+    config: Config;
+    updateConfig: (key: keyof Config, value: Config[keyof Config]) => void;
+};
+declare function Sidebar(props: Props): import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+import type { DifferOptions } from "json-diff-kit";
+export type Config = {
+    className: string;
+    leftTitle: string;
+    rightTitle: string;
+    miniMapWidth: number;
+    hideSearch: boolean;
+    height: number;
+    detectCircular: boolean;
+    maxDepth: number;
+    showModifications: boolean;
+    arrayDiffMethod: DifferOptions["arrayDiffMethod"];
+    compareKey: string;
+    ignoreCase: boolean;
+    ignoreCaseForKey: boolean;
+    recursiveEqual: boolean;
+    preserveKeyOrder: DifferOptions["preserveKeyOrder"];
+};

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

@@ -1,3 +1,4 @@
+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<{
@@ -5,5 +6,6 @@ declare function ViewerRow({ index, style, data, }: ListChildComponentProps<{
     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/hooks/useDragScroll.d.ts

@@ -4,7 +4,7 @@ type UseDragScrollParams = {
     viewportHeight: number;
     ROW_HEIGHT: number;
     onScroll: (scrollTop: number) => void;
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
 };
 type UseDragScrollReturn = {
     handleMouseDown: (e: React.MouseEvent) => void;

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

@@ -1,6 +1,6 @@
 import type { DiffRowOrCollapsed } from "../types";
 type Props = {
-    canvasRef: React.RefObject<HTMLCanvasElement>;
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
     height: number;
     miniMapWidth: number;
     leftDiff: DiffRowOrCollapsed[];

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

@@ -1,4 +1,4 @@
-import type { DifferOptions, DiffResult } from "json-diff-kit";
+import type { DifferOptions, DiffResult, InlineDiffOptions } from "json-diff-kit";
 export type DiffRow = {
     originalIndex: number;
 } & DiffResult;
@@ -39,6 +39,7 @@ export type VirtualizedDiffViewerProps = {
     differOptions?: DifferOptions;
     className?: string;
     miniMapWidth?: number;
+    inlineDiffOptions?: InlineDiffOptions;
 };
 export type DiffMinimapProps = {
     leftDiff: DiffRowOrCollapsed[];

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DifferOptions } from 'json-diff-kit';
+import { DifferOptions, InlineDiffOptions } from 'json-diff-kit';
 
 type VirtualizedDiffViewerProps = {
     oldValue: object;
@@ -13,6 +13,7 @@ type VirtualizedDiffViewerProps = {
     differOptions?: DifferOptions;
     className?: string;
     miniMapWidth?: number;
+    inlineDiffOptions?: InlineDiffOptions;
 };
 
 declare const VirtualizedDiffViewer: React.FC<VirtualizedDiffViewerProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtual-react-json-diff",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Fast, virtualized React component for visually comparing large JSON objects. Includes search, theming, and minimap.",
   "author": {
     "name": "Utku Akyüz"
@@ -39,10 +39,10 @@
     "build": "bun run rollup",
     "prepublishOnly": "bun run build",
     "rollup": "rollup -c --bundleConfigAsCjs",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "lint": "eslint",
-    "lint:fix": "eslint --fix"
+    "lint:fix": "eslint --fix",
+    "demo:dev": "cd demo && npm run dev",
+    "demo:build": "cd demo && npm run build"
   },
   "peerDependencies": {
     "react": ">=18.0.0"
@@ -60,13 +60,6 @@
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-essentials": "8.6.0-alpha.0",
-    "@storybook/addon-interactions": "8.6.0-alpha.0",
-    "@storybook/addon-onboarding": "8.6.0-alpha.0",
-    "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/blocks": "8.6.0-alpha.0",
-    "@storybook/react": "8.6.0-alpha.0",
-    "@storybook/react-vite": "8.6.0-alpha.0",
     "@types/node": "^22.14.1",
     "@types/react": ">=18.0.0",
     "@types/react-window": "^1.8.8",
@@ -82,7 +75,6 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "simple-git-hooks": "^2.13.1",
-    "storybook": "8.6.0-alpha.0",
     "tslib": "^2.6.0",
     "typescript": "^5.1.6"
   },