react18-json-view
Advanced tools
react18-json-view - npm Package Compare versions
Comparing version 0.2.7-canary.4 to 0.2.7
| { | ||
| "name": "react18-json-view", | ||
| "version": "0.2.7-canary.4", | ||
| "version": "0.2.7", | ||
| "type": "module", | ||
@@ -5,0 +5,0 @@ "description": "JSON viewer for react18", |
@@ -49,9 +49,9 @@ # [React18 JSON View](https://jv.yysuni.com/) | ||
| | `src` | `JSON Object` | None | This property contains your input JSON | | ||
| | `className`(canary) | `string` | None | The CSS class name(s) to apply to the component. | | ||
| | `style`(canary) | `JSON Object` | None | An object containing custom style rules to apply to the component. | | ||
| | `className` | `string` | None | The CSS class name(s) to apply to the component. | | ||
| | `style` | `JSON Object` | None | An object containing custom style rules to apply to the component. | | ||
| | `dark` | `boolean` | `false` | Keep in dark mode (Don't forget to import `dark.css`) | | ||
| | `theme` | `default` \| `a11y` \| `github` \| `vscode` \| `atom`\|`winter-is-coming` | `'default'` | Color theme | | ||
| | `enableClipboard` | `boolean` | `true` | Whether enable clipboard feature. | | ||
| | `matchesURL`(canary) | `boolean` | `true` | Show the link icon if value is string and matches URL regex pattern. | | ||
| | `urlRegExp`(canary) | `RegExp` | `/^(((ht\|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/` | URL RegExp pattern. | | ||
| | `matchesURL` | `boolean` | `true` | Show the link icon if value is string and matches URL regex pattern. | | ||
| | `urlRegExp` | `RegExp` | `/^(((ht\|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/` | URL RegExp pattern. | | ||
| | `displaySize` | `boolean` \| `integer` \| 'collapsed' \| 'expanded' | `false` | Whether display the size of `Object`, `Array`. | | ||
@@ -67,3 +67,3 @@ | `collapseStringsAfterLength` | `integer` | `99` | When an integer value is assigned, strings longer than that length will be truncated and indicated by an ellipsis. To expand or collapse the string content, simply click on the string value. | | ||
| | `customizeNode` | `ReactElement`\|`ReactComponent`\|`Options` | - | Highly customize every node. | | ||
| | `customizeCopy`(canary) | `(node: any) => any` | internal stringify | Customize copy behavior, only the returned non-empty string will be written to clipboard. | | ||
| | `customizeCopy` | `(node: any) => any` | internal stringify | Customize copy behavior, only the returned non-empty string will be written to clipboard. | | ||
@@ -171,5 +171,5 @@ ### Collapsed function | ||
| - [ ] custom `stringify` | ||
| - [x] slpit large array | ||
| - [x] split large array | ||
| * tree? |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
382554