virtual-react-json-diff 1.0.8 → 1.0.9

package/README.md

@@ -4,7 +4,7 @@
 [![Downloads][download-badge]][npm-url]
 ![bundle size](https://badgen.net/bundlephobia/minzip/virtual-react-json-diff)
 
-👉 [Try it now](https://virtual-react-json-diff.netlify.app)
+👉 [Try it now](https://virtual-react-json-diff.netlify.app) (New Demo Page Available)
 
 A high-performance React component for visually comparing large JSON objects. Built on top of [json-diff-kit](https://www.npmjs.com/package/json-diff-kit), this viewer supports:
 

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "virtual-react-json-diff",
   "type": "module",
-  "version": "1.0.8",
+  "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"
   },