@gfazioli/mantine-json-tree 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CODE_OF_CONDUCT.md +1 -1
- package/README.md +35 -15
- package/package.json +1 -1
package/CODE_OF_CONDUCT.md
CHANGED
|
@@ -60,7 +60,7 @@ representative at an online or offline event.
|
|
|
60
60
|
|
|
61
61
|
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
|
62
62
|
reported to the community leaders responsible for enforcement at
|
|
63
|
-
|
|
63
|
+
giovambattista.fazioli@gmail.com.
|
|
64
64
|
All complaints will be reviewed and investigated promptly and fairly.
|
|
65
65
|
|
|
66
66
|
All community leaders are obligated to respect the privacy and security of the
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Mantine Json Tree Component
|
|
2
2
|
|
|
3
|
-
<img
|
|
3
|
+
<img alt="Mantine Json Tree" src="https://github.com/gfazioli/mantine-json-tree/blob/master/logo.png" />
|
|
4
4
|
|
|
5
5
|
<div align="center">
|
|
6
6
|
|
|
@@ -9,26 +9,23 @@
|
|
|
9
9
|
[](https://www.npmjs.com/package/@gfazioli/mantine-json-tree)
|
|
10
10
|
|
|
11
11
|
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
[<kbd> <br/> ❤️ If this component has been useful to you or your team, please consider becoming a sponsor <br/> </kbd>](https://github.com/sponsors/gfazioli?o=esc)
|
|
15
|
+
|
|
12
16
|
</div>
|
|
13
17
|
|
|
14
18
|
## Overview
|
|
15
19
|
|
|
16
20
|
This component is created on top of the [Mantine](https://mantine.dev/) library.
|
|
17
21
|
|
|
18
|
-
[
|
|
19
|
-
)](https://mantine.dev/)
|
|
20
|
-
|
|
21
|
-
An interactive JSON tree viewer component built with Mantine's Tree component. Features collapsible nodes, syntax highlighting with type-specific colors, copy-to-clipboard functionality, item count badges, configurable expansion depth, and smooth animations. Perfect for debugging API responses, exploring complex data structures, and developer tools.
|
|
22
|
+
[Mantine JsonTree](https://gfazioli.github.io/mantine-json-tree) provides a structured, interactive view of heterogeneous data—strings, numbers, booleans, nulls, objects, arrays, and even functions—organized as a collapsible tree. Developers can control initial expansion, show visual indent guides, and customize expand/collapse controls with arbitrary React nodes (e.g., emojis or styled icons) to match their design system. For function values, the component offers flexible rendering modes: show the function signature as text, hide functions entirely, or inspect them as objects when needed.
|
|
22
23
|
|
|
23
|
-
|
|
24
|
-
)](https://www.youtube.com/playlist?list=PL85tTROKkZrWyqCcmNCdWajpx05-cTal4)
|
|
25
|
-
[](https://gfazioli.github.io/mantine-json-tree/)
|
|
27
|
-
[](https://mantine-extensions.vercel.app/)
|
|
24
|
+
Wrapped with Mantine layout primitives like Paper, Stack, and SimpleGrid, JsonTree integrates cleanly into dashboards, developer tools, and documentation pages where readable, navigable data visualization is essential.
|
|
29
25
|
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
> [!note]
|
|
27
|
+
>
|
|
28
|
+
> → [Demo and Documentation](https://gfazioli.github.io/mantine-json-tree/) → [Youtube Video](https://www.youtube.com/playlist?list=PL85tTROKkZrWyqCcmNCdWajpx05-cTal4) → [More Mantine Components](https://mantine-extensions.vercel.app/)
|
|
32
29
|
|
|
33
30
|
## Installation
|
|
34
31
|
|
|
@@ -57,8 +54,31 @@ function Demo() {
|
|
|
57
54
|
}
|
|
58
55
|
```
|
|
59
56
|
|
|
57
|
+
## Sponsor
|
|
58
|
+
|
|
60
59
|
<div align="center">
|
|
61
|
-
|
|
62
|
-
[](https://www.star-history.com/#gfazioli/mantine-json-tree&Timeline)
|
|
63
60
|
|
|
61
|
+
[<kbd> <br/> ❤️ If this component has been useful to you or your team, please consider becoming a sponsor <br/> </kbd>](https://github.com/sponsors/gfazioli?o=esc)
|
|
62
|
+
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
Your support helps me:
|
|
66
|
+
|
|
67
|
+
- Keep the project actively maintained with timely bug fixes and security updates
|
|
68
|
+
- Add new features, improve performance, and refine the developer experience
|
|
69
|
+
- Expand test coverage and documentation for smoother adoption
|
|
70
|
+
- Ensure long‑term sustainability without relying on ad hoc free time
|
|
71
|
+
- Prioritize community requests and roadmap items that matter most
|
|
72
|
+
|
|
73
|
+
Open source thrives when those who benefit can give back—even a small monthly contribution makes a real difference. Sponsorships help cover maintenance time, infrastructure, and the countless invisible tasks that keep a project healthy.
|
|
74
|
+
|
|
75
|
+
Your help truly matters.
|
|
76
|
+
|
|
77
|
+
💚 [Become a sponsor](https://github.com/sponsors/gfazioli?o=esc) today and help me keep this project reliable, up‑to‑date, and growing for everyone.
|
|
78
|
+
|
|
79
|
+
---
|
|
64
80
|
https://github.com/user-attachments/assets/ce2b1ba2-51f7-43d5-8477-6d8fee103fa3
|
|
81
|
+
|
|
82
|
+
---
|
|
83
|
+
[](https://www.star-history.com/#gfazioli/mantine-json-tree&Timeline)
|
|
84
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gfazioli/mantine-json-tree",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5",
|
|
4
4
|
"description": "A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth.",
|
|
5
5
|
"homepage": "https://gfazioli.github.io/mantine-json-tree/",
|
|
6
6
|
"packageManager": "yarn@4.0.1",
|