virtual-react-json-diff 1.0.2 → 1.0.4

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

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { VirtualDiffViewer } from "../..";
 import type { DifferOptions } from "json-diff-kit";
+import { VirtualDiffViewer } from "../..";
 type StoryProps = React.ComponentProps<typeof VirtualDiffViewer> & {
     detectCircular?: boolean;
     maxDepth?: number;

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

@@ -1,3 +1,3 @@
 import React from "react";
-import { DiffMinimapProps } from "../types";
+import type { DiffMinimapProps } from "../types";
 export declare const DiffMinimap: React.FC<DiffMinimapProps>;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { VirtualizedDiffViewerProps } from "../types";
+import type { VirtualizedDiffViewerProps } from "../types";
 import "../styles/JsonDiffCustomTheme.css";
 export declare const VirtualizedDiffViewer: React.FC<VirtualizedDiffViewerProps>;
 export default VirtualizedDiffViewer;

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

@@ -1,33 +1,33 @@
-import { DiffResult, DifferOptions } from "json-diff-kit";
-export interface DiffRow extends DiffResult {
+import type { DifferOptions, DiffResult } from "json-diff-kit";
+export type DiffRow = {
     originalIndex: number;
-}
+} & DiffResult;
 export type DiffRowOrCollapsed = DiffRow | CollapsedLine;
-export interface SegmentItem {
+export type SegmentItem = {
     start: number;
     end: number;
     isEqual: boolean;
     isExpanded?: boolean;
     originalStart?: number;
     originalEnd?: number;
-}
-export interface HiddenUnchangedLinesInfo extends SegmentItem {
+};
+export type HiddenUnchangedLinesInfo = {
     hasLinesBefore: boolean;
     hasLinesAfter: boolean;
-}
-export interface CollapsedLine {
+} & SegmentItem;
+export type CollapsedLine = {
     type: "collapsed";
     segmentIndex: number;
     originalIndex: number;
     level: number;
     text: string;
-}
-export interface SearchState {
+};
+export type SearchState = {
     term: string;
     results: number[];
     currentIndex: number;
-}
-export interface VirtualizedDiffViewerProps {
+};
+export type VirtualizedDiffViewerProps = {
     oldValue: object;
     newValue: object;
     height: number;
@@ -38,8 +38,9 @@ export interface VirtualizedDiffViewerProps {
     onSearchMatch?: (index: number) => void;
     differOptions?: DifferOptions;
     className?: string;
-}
-export interface DiffMinimapProps {
+    miniMapWidth?: number;
+};
+export type DiffMinimapProps = {
     leftDiff: DiffRowOrCollapsed[];
     rightDiff: DiffRowOrCollapsed[];
     height: number;
@@ -47,4 +48,5 @@ export interface DiffMinimapProps {
     currentScrollTop: number;
     searchResults?: number[];
     currentMatchIndex?: number;
-}
+    miniMapWidth?: number;
+};

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

@@ -1,3 +1,3 @@
-import { DiffRowOrCollapsed } from "../types";
-export declare const performSearch: (term: string, leftView: DiffRowOrCollapsed[]) => number[];
-export declare const highlightMatches: (term: string, className?: string) => void;
+import type { DiffRowOrCollapsed } from "../types";
+export declare function performSearch(term: string, leftView: DiffRowOrCollapsed[]): number[];
+export declare function highlightMatches(term: string, className?: string): void;

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

@@ -1,5 +1,5 @@
-import { DiffResult } from "json-diff-kit";
-import { SegmentItem, DiffRowOrCollapsed } from "../types";
+import type { DiffResult } from "json-diff-kit";
+import type { DiffRowOrCollapsed, SegmentItem } from "../types";
 export declare function preprocessDiffs(diff: DiffResult[], contextSize?: number, collapseThreshold?: number): DiffRowOrCollapsed[];
 export declare function generateSegments(diff: DiffResult[], contextSize?: number): SegmentItem[];
 export declare function buildViewFromSegments(segments: SegmentItem[], diff: DiffResult[], contextSize?: number): DiffRowOrCollapsed[];

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

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

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DifferOptions } from 'json-diff-kit';
 
-interface VirtualizedDiffViewerProps {
+type VirtualizedDiffViewerProps = {
     oldValue: object;
     newValue: object;
     height: number;
@@ -12,7 +12,8 @@ interface VirtualizedDiffViewerProps {
     onSearchMatch?: (index: number) => void;
     differOptions?: DifferOptions;
     className?: string;
-}
+    miniMapWidth?: number;
+};
 
 declare const VirtualizedDiffViewer: React.FC<VirtualizedDiffViewerProps>;
 

package/package.json

@@ -1,19 +1,13 @@
 {
   "name": "virtual-react-json-diff",
-  "version": "1.0.2",
-  "description": "A React UI component for visually comparing large JSON objects with virtual scrolling, search, and theming — built on top of json-diff-kit.",
-  "main": "dist/cjs/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "bun run rollup",
-    "prepublishOnly": "bun run build",
-    "rollup": "rollup -c --bundleConfigAsCjs",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+  "type": "module",
+  "version": "1.0.4",
+  "description": "Fast, virtualized React component for visually comparing large JSON objects. Includes search, theming, and minimap.",
+  "author": {
+    "name": "Utku Akyüz"
   },
+  "license": "MIT",
+  "homepage": "https://virtual-react-json-diff.netlify.app",
   "repository": {
     "type": "git",
     "url": "https://github.com/utkuakyuz/virtual-react-json-diff"
@@ -21,24 +15,45 @@
   "bugs": {
     "url": "https://github.com/utkuakyuz/virtual-react-json-diff/issues"
   },
-  "homepage": "https://virtual-react-json-diff.netlify.app",
-  "author": {
-    "name": "Utku Akyüz"
-  },
-  "license": "MIT",
-  "type": "module",
   "keywords": [
     "react",
     "json",
     "diff",
-    "json-diff",
-    "viewer",
-    "json-diff-kit",
-    "virtual-scroll",
-    "theme",
-    "search"
+    "json diff",
+    "json compare",
+    "diff viewer",
+    "react json diff",
+    "json visualizer",
+    "json viewer",
+    "virtual scroll",
+    "large json",
+    "compare json",
+    "react diff viewer"
+  ],
+  "main": "dist/cjs/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
   ],
+  "scripts": {
+    "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"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "dependencies": {
+    "json-diff-kit": "^1.0.32",
+    "react-window": "^1.8.11"
+  },
   "devDependencies": {
+    "@antfu/eslint-config": "^5.2.1",
+    "@eslint-react/eslint-plugin": "^1.52.6",
     "@fontsource/inter": "^5.1.1",
     "@rollup/plugin-commonjs": "^25.0.3",
     "@rollup/plugin-image": "^3.0.3",
@@ -55,22 +70,26 @@
     "@types/node": "^22.14.1",
     "@types/react": "^18.2.15",
     "@types/react-window": "^1.8.8",
+    "eslint": "^9.33.0",
+    "eslint-plugin-format": "^1.0.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "lint-staged": "^16.1.5",
     "postcss": "^8.5.1",
-    "prettier": "^2.5.1",
     "react": "^18.2.0",
     "rollup": "^3.26.3",
     "rollup-plugin-dts": "^5.3.0",
     "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"
   },
-  "peerDependencies": {
-    "react": "^18.0.0"
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
   },
-  "dependencies": {
-    "json-diff-kit": "^1.0.32",
-    "react-window": "^1.8.11"
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,vue,html,md,json,yaml,css,scss}": "eslint --fix"
   }
 }