virtual-react-json-diff 1.0.8 → 1.0.10

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/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,7 @@
 import type { DiffRowOrCollapsed } from "../types";
 type Props = {
-    canvasRef: React.RefObject<HTMLCanvasElement>;
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     height: number;
     miniMapWidth: number;
     leftDiff: DiffRowOrCollapsed[];
@@ -13,7 +14,7 @@ type Props = {
     ROW_HEIGHT: number;
     viewportHeight: number;
 };
-export declare function useMinimapDraw({ canvasRef, height, miniMapWidth, leftDiff, rightDiff, currentScrollTop, searchResults, currentMatchIndex, isDragging, totalLines, ROW_HEIGHT, viewportHeight, }: Props): {
+export declare function useMinimapDraw({ canvasRef, containerRef, height, miniMapWidth, leftDiff, rightDiff, currentScrollTop, searchResults, currentMatchIndex, isDragging, totalLines, ROW_HEIGHT, viewportHeight, }: Props): {
     drawScrollBox: (ctx: CanvasRenderingContext2D, color: string) => void;
     drawMinimap: () => void;
 };

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

@@ -37,6 +37,7 @@ export type VirtualizedDiffViewerProps = {
     rightTitle?: string;
     onSearchMatch?: (index: number) => void;
     differOptions?: DifferOptions;
+    showSingleMinimap?: boolean;
     className?: string;
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;

package/dist/index.d.ts

@@ -11,6 +11,7 @@ type VirtualizedDiffViewerProps = {
     rightTitle?: string;
     onSearchMatch?: (index: number) => void;
     differOptions?: DifferOptions;
+    showSingleMinimap?: boolean;
     className?: string;
     miniMapWidth?: number;
     inlineDiffOptions?: InlineDiffOptions;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtual-react-json-diff",
   "type": "module",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Fast, virtualized React component for visually comparing large JSON objects. Includes search, theming, and minimap.",
   "author": {
     "name": "Utku Akyüz"
@@ -37,12 +37,14 @@
   ],
   "scripts": {
     "build": "bun run rollup",
+    "watch": "bun run rollup --watch",
     "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",
+    "dev:watch": "concurrently \"npm run watch\" \"npm run demo:dev\""
   },
   "peerDependencies": {
     "react": ">=18.0.0"
@@ -60,16 +62,10 @@
     "@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",
+    "concurrently": "^8.2.2",
     "eslint": "^9.33.0",
     "eslint-plugin-format": "^1.0.1",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -82,7 +78,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"
   },