@huolala-tech/react-json-view - npm Package Compare versions

Comparing version 0.1.3 to 1.0.0

package.json

 {
   "name": "@huolala-tech/react-json-view",
-  "version": "0.1.3",
+  "version": "1.0.0",
   "description": "A react component for displaying JSON data",
@@ -34,4 +34,6 @@ "main": "dist/index.cjs",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite --mode doc",
+    "build:pkg": "vite build --mode pkg",
+    "prebuild:doc": "yarn run build:pkg",
+    "build:doc": "vite build --mode doc",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -46,2 +48,3 @@ "preview": "vite preview"
     "@vitejs/plugin-react": "^4.0.0",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.38.0",
@@ -51,4 +54,6 @@ "eslint-plugin-react-hooks": "^4.6.0",
     "less": "^4.1.3",
+    "postcss": "^8.4.24",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
+    "tailwindcss": "^3.3.2",
     "typescript": "^5.0.2",
@@ -55,0 +60,0 @@ "vite": "^4.3.2"

README.md

@@ -1,6 +0,6 @@
-Engligh | [中文](./README_ZH.md)
+Engligh | [中文](./README_CN.md)
 
 ## @huolala-tech/react-json-view
 
-`<ReactJsonView />` is a React component for displaying JSON data.
+`<ReactJsonView />` is a React component for displaying serializable data.
 
@@ -38,2 +38,3 @@ ## Install
         source={data}
+        darkMode={false}
         rootLabel="Response data"
@@ -63,2 +64,3 @@ keyCount={200}
   source={data}
+  darkMode={false}
   rootLabel=""
@@ -73,3 +75,4 @@ defaultExpand={false}
 | --------------- | ------------------ | ------------- | ------------------------------------------------------------ |
-| `source`        | `object`           | None          | Origin json data.                                            |
+| `source`        | `object`           | None          | Origin serializable data.                                    |
+| `darkMode`      | `boolean`          | `false`       | Indicate whether enable dark mode.                           |
 | `rootLabel`     | `React.ReactNode`  | `""`          | Root node's label.                                           |
@@ -76,0 +79,0 @@ | `defaultExpand` | `boolean / number` | `false`       | Whether expand property panel. Expand at a particular depth if you pass a integer value. |

types/index.d.ts

@@ -5,6 +5,11 @@ import React from 'react';
   /**
-   * origin json data.
+   * Origin serializable data.
    */
   source: string | object | null;
   /**
+   * Whether enable dark mode.
+   * @default false
+   */
+  darkMode?: boolean;
+  /**
    * root label.
@@ -11,0 +16,0 @@ * @default ""

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

120084

increased by1.96%

Lines of code

3121

increased by1.13%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

83

increased by3.75%

Worsened metrics

Dev dependency count

16

increased by23.08%

No dependency changes