mantine-json-view - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

./dist/index.umd.js

@@ -1,1 +0,1 @@
-(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.index={},o["react/jsx-runtime"],o["@mantine/core"],o.React))})(this,function(o,r,t,c){"use strict";const a=c.createContext({collapseComponent:void 0,clipboardComponent:void 0});function u({literal:n}){const{clipboardComponent:e}=c.useContext(a),s=c.useMemo(()=>{switch(n.type){case"null":return"null";case"undefined":return"undefined";case"string":return`"${n.value}"`;default:return n.value.toString()}},[n.type,n.value]);return r.jsxs(t.Flex,{sx:{alignItems:"center",gap:8},px:"xs",children:[r.jsxs(t.Text,{fz:"md",children:['"',n.key,'": ',s]}),e!==void 0&&r.jsx(e,{value:s})]})}function p({object:n}){const{collapseComponent:e}=c.useContext(a),[s,l]=c.useState(!1);return r.jsxs(t.Flex,{direction:s?"row":"column",children:[r.jsxs(t.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:s,setCollapsed:l}),r.jsxs(t.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(t.Text,{fz:"md",children:'"object": {'}),r.jsxs(t.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]})]})]}),!s&&r.jsx(t.Flex,{direction:"column",px:"xs",children:n.children.map((i,d)=>{switch(i.type){case"array":return r.jsx(f,{array:i},d);case"object":return r.jsx(p,{object:i},d);default:return r.jsx(u,{literal:i},d)}})}),r.jsx(t.Text,{fz:"md",children:"}"})]})}function f({array:n}){const{collapseComponent:e}=c.useContext(a),[s,l]=c.useState(!1);return r.jsxs(t.Flex,{direction:s?"row":"column",px:"xs",children:[r.jsxs(t.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:s,setCollapsed:l}),r.jsxs(t.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(t.Text,{fz:"md",children:'"array": ['}),r.jsxs(t.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]})]})]}),!s&&r.jsx(t.Flex,{direction:"column",px:"xs",children:n.children.map((i,d)=>{switch(i.type){case"array":return r.jsx(f,{array:i},d);case"object":return r.jsx(p,{object:i},d);default:return r.jsx(u,{literal:i},d)}})}),r.jsx(t.Text,{fz:"md",children:"]"})]})}function x(n){return typeof n=="object"&&!Array.isArray(n)&&n!==null}function b(n){try{const e=JSON.parse(n);if(Array.isArray(e))return y(e);if(x(e))return h(e);throw new Error("Invalid json")}catch{throw new Error("Error parsing json")}}function h(n){return{type:"object",children:Object.entries(n).map(([e,s])=>C(e,s))}}function y(n){return{type:"array",children:Object.entries(n).map(([e,s])=>C(e,s))}}function C(n,e){if(x(e))return h(e);if(Array.isArray(e))return y(e);if(typeof e=="boolean")return{type:"boolean",key:n,value:e};if(typeof e=="number")return{type:"number",key:n,value:e};if(typeof e=="string")return{type:"string",key:n,value:e};if(e===void 0)return{type:"undefined",key:n,value:e};if(e===null)return{type:"null",key:n,value:e};throw new Error(`Unable to parse value: ${e}`)}const m={parse:b};function g(n){return{ast:c.useMemo(()=>m.parse(n),[n]),json:n}}function j({collapseComponent:n,clipboardComponent:e,json:s}){const{ast:l}=g(s);return r.jsx(a.Provider,{value:{collapseComponent:n,clipboardComponent:e},children:r.jsx(t.Code,{block:!0,children:l.type==="object"?r.jsx(p,{object:l}):r.jsx(f,{array:l})})})}o.JsonView=j,o.useJsonParser=g,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.index={},o["react/jsx-runtime"],o["@mantine/core"],o.React))})(this,function(o,r,s,c){"use strict";const a=c.createContext({collapseComponent:void 0,clipboardComponent:void 0});function u({literal:n}){const{clipboardComponent:e}=c.useContext(a),t=c.useMemo(()=>{switch(n.type){case"null":return"null";case"undefined":return"undefined";case"string":return`"${n.value}"`;default:return n.value.toString()}},[n.type,n.value]);return r.jsxs(s.Flex,{sx:{alignItems:"center",gap:8},px:"xs",children:[r.jsxs(s.Text,{fz:"md",children:['"',n.key,'": ',t]}),e!==void 0&&r.jsx(e,{value:t})]})}function p({object:n}){const{collapseComponent:e}=c.useContext(a),[t,d]=c.useState(!1);return r.jsxs(s.Flex,{direction:t?"row":"column",children:[r.jsxs(s.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:t,setCollapsed:d}),r.jsxs(s.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(s.Text,{fz:"md",children:'"object": {'}),r.jsxs(s.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]}),t&&r.jsx(s.Text,{fz:"md",children:"}"})]})]}),!t&&r.jsx(s.Flex,{direction:"column",px:"xs",children:n.children.map((i,l)=>{switch(i.type){case"array":return r.jsx(f,{array:i},l);case"object":return r.jsx(p,{object:i},l);default:return r.jsx(u,{literal:i},l)}})}),!t&&r.jsx(s.Text,{fz:"md",children:"}"})]})}function f({array:n}){const{collapseComponent:e}=c.useContext(a),[t,d]=c.useState(!1);return r.jsxs(s.Flex,{direction:t?"row":"column",px:"xs",children:[r.jsxs(s.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:t,setCollapsed:d}),r.jsxs(s.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(s.Text,{fz:"md",children:'"array": ['}),r.jsxs(s.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]}),t&&r.jsx(s.Text,{fz:"md",children:"]"})]})]}),!t&&r.jsx(s.Flex,{direction:"column",px:"xs",children:n.children.map((i,l)=>{switch(i.type){case"array":return r.jsx(f,{array:i},l);case"object":return r.jsx(p,{object:i},l);default:return r.jsx(u,{literal:i},l)}})}),!t&&r.jsx(s.Text,{fz:"md",children:"]"})]})}function x(n){return typeof n=="object"&&!Array.isArray(n)&&n!==null}function T(n){try{const e=JSON.parse(n);if(Array.isArray(e))return y(e);if(x(e))return h(e);throw new Error("Invalid json")}catch{throw new Error("Error parsing json")}}function h(n){return{type:"object",children:Object.entries(n).map(([e,t])=>C(e,t))}}function y(n){return{type:"array",children:Object.entries(n).map(([e,t])=>C(e,t))}}function C(n,e){if(x(e))return h(e);if(Array.isArray(e))return y(e);if(typeof e=="boolean")return{type:"boolean",key:n,value:e};if(typeof e=="number")return{type:"number",key:n,value:e};if(typeof e=="string")return{type:"string",key:n,value:e};if(e===void 0)return{type:"undefined",key:n,value:e};if(e===null)return{type:"null",key:n,value:e};throw new Error(`Unable to parse value: ${e}`)}const b={parse:T};function g(n){return{ast:c.useMemo(()=>b.parse(n),[n]),json:n}}function m({collapseComponent:n,clipboardComponent:e,json:t}){const{ast:d}=g(t);return r.jsx(a.Provider,{value:{collapseComponent:n,clipboardComponent:e},children:r.jsx(s.Code,{block:!0,children:d.type==="object"?r.jsx(p,{object:d}):r.jsx(f,{array:d})})})}o.JsonView=m,o.useJsonParser=g,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

dist/index.es.js

 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { Flex as s, Text as l, Code as w } from "@mantine/core";
+import { Flex as i, Text as s, Code as w } from "@mantine/core";
 import { createContext as j, useContext as d, useMemo as f, useState as h } from "react";
@@ -22,3 +22,3 @@ const p = j({
   return /* @__PURE__ */ o(
-    s,
+    i,
     {
@@ -31,3 +31,3 @@ sx: {
       children: [
-        /* @__PURE__ */ o(l, { fz: "md", children: [
+        /* @__PURE__ */ o(s, { fz: "md", children: [
           '"',
@@ -44,5 +44,5 @@ r.key,
 function u({ object: r }) {
-  const { collapseComponent: e } = d(p), [t, i] = h(!1);
-  return /* @__PURE__ */ o(s, { direction: t ? "row" : "column", children: [
-    /* @__PURE__ */ o(s, { sx: { gap: 4, alignItems: "center" }, children: [
+  const { collapseComponent: e } = d(p), [t, l] = h(!1);
+  return /* @__PURE__ */ o(i, { direction: t ? "row" : "column", children: [
+    /* @__PURE__ */ o(i, { sx: { gap: 4, alignItems: "center" }, children: [
       e !== void 0 && /* @__PURE__ */ n(
@@ -52,15 +52,16 @@ e,
           collapsed: t,
-          setCollapsed: i
+          setCollapsed: l
         }
       ),
-      /* @__PURE__ */ o(s, { sx: { alignItems: "center" }, gap: "xs", children: [
-        /* @__PURE__ */ n(l, { fz: "md", children: '"object": {' }),
-        /* @__PURE__ */ o(l, { c: "dimmed", children: [
+      /* @__PURE__ */ o(i, { sx: { alignItems: "center" }, gap: "xs", children: [
+        /* @__PURE__ */ n(s, { fz: "md", children: '"object": {' }),
+        /* @__PURE__ */ o(s, { c: "dimmed", children: [
           r.children.length,
           " ",
           r.children.length !== 1 ? "items" : "item"
-        ] })
+        ] }),
+        t && /* @__PURE__ */ n(s, { fz: "md", children: "}" })
       ] })
     ] }),
-    !t && /* @__PURE__ */ n(s, { direction: "column", px: "xs", children: r.children.map((c, a) => {
+    !t && /* @__PURE__ */ n(i, { direction: "column", px: "xs", children: r.children.map((c, a) => {
       switch (c.type) {
@@ -75,9 +76,9 @@ case "array":
     }) }),
-    /* @__PURE__ */ n(l, { fz: "md", children: "}" })
+    !t && /* @__PURE__ */ n(s, { fz: "md", children: "}" })
   ] });
 }
 function m({ array: r }) {
-  const { collapseComponent: e } = d(p), [t, i] = h(!1);
-  return /* @__PURE__ */ o(s, { direction: t ? "row" : "column", px: "xs", children: [
-    /* @__PURE__ */ o(s, { sx: { gap: 4, alignItems: "center" }, children: [
+  const { collapseComponent: e } = d(p), [t, l] = h(!1);
+  return /* @__PURE__ */ o(i, { direction: t ? "row" : "column", px: "xs", children: [
+    /* @__PURE__ */ o(i, { sx: { gap: 4, alignItems: "center" }, children: [
       e !== void 0 && /* @__PURE__ */ n(
@@ -87,15 +88,16 @@ e,
           collapsed: t,
-          setCollapsed: i
+          setCollapsed: l
         }
       ),
-      /* @__PURE__ */ o(s, { sx: { alignItems: "center" }, gap: "xs", children: [
-        /* @__PURE__ */ n(l, { fz: "md", children: '"array": [' }),
-        /* @__PURE__ */ o(l, { c: "dimmed", children: [
+      /* @__PURE__ */ o(i, { sx: { alignItems: "center" }, gap: "xs", children: [
+        /* @__PURE__ */ n(s, { fz: "md", children: '"array": [' }),
+        /* @__PURE__ */ o(s, { c: "dimmed", children: [
           r.children.length,
           " ",
           r.children.length !== 1 ? "items" : "item"
-        ] })
+        ] }),
+        t && /* @__PURE__ */ n(s, { fz: "md", children: "]" })
       ] })
     ] }),
-    !t && /* @__PURE__ */ n(s, { direction: "column", px: "xs", children: r.children.map((c, a) => {
+    !t && /* @__PURE__ */ n(i, { direction: "column", px: "xs", children: r.children.map((c, a) => {
       switch (c.type) {
@@ -110,3 +112,3 @@ case "array":
     }) }),
-    /* @__PURE__ */ n(l, { fz: "md", children: "]" })
+    !t && /* @__PURE__ */ n(s, { fz: "md", children: "]" })
   ] });
@@ -185,3 +187,3 @@ }
 };
-function T(r) {
+function z(r) {
   return {
@@ -193,8 +195,8 @@ ast: f(() => J.parse(r), [r]),
 function E({ collapseComponent: r, clipboardComponent: e, json: t }) {
-  const { ast: i } = T(t);
-  return /* @__PURE__ */ n(p.Provider, { value: { collapseComponent: r, clipboardComponent: e }, children: /* @__PURE__ */ n(w, { block: !0, children: i.type === "object" ? /* @__PURE__ */ n(u, { object: i }) : /* @__PURE__ */ n(m, { array: i }) }) });
+  const { ast: l } = z(t);
+  return /* @__PURE__ */ n(p.Provider, { value: { collapseComponent: r, clipboardComponent: e }, children: /* @__PURE__ */ n(w, { block: !0, children: l.type === "object" ? /* @__PURE__ */ n(u, { object: l }) : /* @__PURE__ */ n(m, { array: l }) }) });
 }
 export {
   E as JsonView,
-  T as useJsonParser
+  z as useJsonParser
 };

dist/index.umd.js

@@ -1,1 +0,1 @@
-(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.index={},o["react/jsx-runtime"],o["@mantine/core"],o.React))})(this,function(o,r,t,c){"use strict";const a=c.createContext({collapseComponent:void 0,clipboardComponent:void 0});function u({literal:n}){const{clipboardComponent:e}=c.useContext(a),s=c.useMemo(()=>{switch(n.type){case"null":return"null";case"undefined":return"undefined";case"string":return`"${n.value}"`;default:return n.value.toString()}},[n.type,n.value]);return r.jsxs(t.Flex,{sx:{alignItems:"center",gap:8},px:"xs",children:[r.jsxs(t.Text,{fz:"md",children:['"',n.key,'": ',s]}),e!==void 0&&r.jsx(e,{value:s})]})}function p({object:n}){const{collapseComponent:e}=c.useContext(a),[s,l]=c.useState(!1);return r.jsxs(t.Flex,{direction:s?"row":"column",children:[r.jsxs(t.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:s,setCollapsed:l}),r.jsxs(t.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(t.Text,{fz:"md",children:'"object": {'}),r.jsxs(t.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]})]})]}),!s&&r.jsx(t.Flex,{direction:"column",px:"xs",children:n.children.map((i,d)=>{switch(i.type){case"array":return r.jsx(f,{array:i},d);case"object":return r.jsx(p,{object:i},d);default:return r.jsx(u,{literal:i},d)}})}),r.jsx(t.Text,{fz:"md",children:"}"})]})}function f({array:n}){const{collapseComponent:e}=c.useContext(a),[s,l]=c.useState(!1);return r.jsxs(t.Flex,{direction:s?"row":"column",px:"xs",children:[r.jsxs(t.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:s,setCollapsed:l}),r.jsxs(t.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(t.Text,{fz:"md",children:'"array": ['}),r.jsxs(t.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]})]})]}),!s&&r.jsx(t.Flex,{direction:"column",px:"xs",children:n.children.map((i,d)=>{switch(i.type){case"array":return r.jsx(f,{array:i},d);case"object":return r.jsx(p,{object:i},d);default:return r.jsx(u,{literal:i},d)}})}),r.jsx(t.Text,{fz:"md",children:"]"})]})}function x(n){return typeof n=="object"&&!Array.isArray(n)&&n!==null}function b(n){try{const e=JSON.parse(n);if(Array.isArray(e))return y(e);if(x(e))return h(e);throw new Error("Invalid json")}catch{throw new Error("Error parsing json")}}function h(n){return{type:"object",children:Object.entries(n).map(([e,s])=>C(e,s))}}function y(n){return{type:"array",children:Object.entries(n).map(([e,s])=>C(e,s))}}function C(n,e){if(x(e))return h(e);if(Array.isArray(e))return y(e);if(typeof e=="boolean")return{type:"boolean",key:n,value:e};if(typeof e=="number")return{type:"number",key:n,value:e};if(typeof e=="string")return{type:"string",key:n,value:e};if(e===void 0)return{type:"undefined",key:n,value:e};if(e===null)return{type:"null",key:n,value:e};throw new Error(`Unable to parse value: ${e}`)}const m={parse:b};function g(n){return{ast:c.useMemo(()=>m.parse(n),[n]),json:n}}function j({collapseComponent:n,clipboardComponent:e,json:s}){const{ast:l}=g(s);return r.jsx(a.Provider,{value:{collapseComponent:n,clipboardComponent:e},children:r.jsx(t.Code,{block:!0,children:l.type==="object"?r.jsx(p,{object:l}):r.jsx(f,{array:l})})})}o.JsonView=j,o.useJsonParser=g,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.index={},o["react/jsx-runtime"],o["@mantine/core"],o.React))})(this,function(o,r,s,c){"use strict";const a=c.createContext({collapseComponent:void 0,clipboardComponent:void 0});function u({literal:n}){const{clipboardComponent:e}=c.useContext(a),t=c.useMemo(()=>{switch(n.type){case"null":return"null";case"undefined":return"undefined";case"string":return`"${n.value}"`;default:return n.value.toString()}},[n.type,n.value]);return r.jsxs(s.Flex,{sx:{alignItems:"center",gap:8},px:"xs",children:[r.jsxs(s.Text,{fz:"md",children:['"',n.key,'": ',t]}),e!==void 0&&r.jsx(e,{value:t})]})}function p({object:n}){const{collapseComponent:e}=c.useContext(a),[t,d]=c.useState(!1);return r.jsxs(s.Flex,{direction:t?"row":"column",children:[r.jsxs(s.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:t,setCollapsed:d}),r.jsxs(s.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(s.Text,{fz:"md",children:'"object": {'}),r.jsxs(s.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]}),t&&r.jsx(s.Text,{fz:"md",children:"}"})]})]}),!t&&r.jsx(s.Flex,{direction:"column",px:"xs",children:n.children.map((i,l)=>{switch(i.type){case"array":return r.jsx(f,{array:i},l);case"object":return r.jsx(p,{object:i},l);default:return r.jsx(u,{literal:i},l)}})}),!t&&r.jsx(s.Text,{fz:"md",children:"}"})]})}function f({array:n}){const{collapseComponent:e}=c.useContext(a),[t,d]=c.useState(!1);return r.jsxs(s.Flex,{direction:t?"row":"column",px:"xs",children:[r.jsxs(s.Flex,{sx:{gap:4,alignItems:"center"},children:[e!==void 0&&r.jsx(e,{collapsed:t,setCollapsed:d}),r.jsxs(s.Flex,{sx:{alignItems:"center"},gap:"xs",children:[r.jsx(s.Text,{fz:"md",children:'"array": ['}),r.jsxs(s.Text,{c:"dimmed",children:[n.children.length," ",n.children.length!==1?"items":"item"]}),t&&r.jsx(s.Text,{fz:"md",children:"]"})]})]}),!t&&r.jsx(s.Flex,{direction:"column",px:"xs",children:n.children.map((i,l)=>{switch(i.type){case"array":return r.jsx(f,{array:i},l);case"object":return r.jsx(p,{object:i},l);default:return r.jsx(u,{literal:i},l)}})}),!t&&r.jsx(s.Text,{fz:"md",children:"]"})]})}function x(n){return typeof n=="object"&&!Array.isArray(n)&&n!==null}function T(n){try{const e=JSON.parse(n);if(Array.isArray(e))return y(e);if(x(e))return h(e);throw new Error("Invalid json")}catch{throw new Error("Error parsing json")}}function h(n){return{type:"object",children:Object.entries(n).map(([e,t])=>C(e,t))}}function y(n){return{type:"array",children:Object.entries(n).map(([e,t])=>C(e,t))}}function C(n,e){if(x(e))return h(e);if(Array.isArray(e))return y(e);if(typeof e=="boolean")return{type:"boolean",key:n,value:e};if(typeof e=="number")return{type:"number",key:n,value:e};if(typeof e=="string")return{type:"string",key:n,value:e};if(e===void 0)return{type:"undefined",key:n,value:e};if(e===null)return{type:"null",key:n,value:e};throw new Error(`Unable to parse value: ${e}`)}const b={parse:T};function g(n){return{ast:c.useMemo(()=>b.parse(n),[n]),json:n}}function m({collapseComponent:n,clipboardComponent:e,json:t}){const{ast:d}=g(t);return r.jsx(a.Provider,{value:{collapseComponent:n,clipboardComponent:e},children:r.jsx(s.Code,{block:!0,children:d.type==="object"?r.jsx(p,{object:d}):r.jsx(f,{array:d})})})}o.JsonView=m,o.useJsonParser=g,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "mantine-json-view",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "engines": {
@@ -5,0 +5,0 @@ "node": "18",

No alert changes

Improved metrics

Total package byte prevSize

17729

increased by1.81%

Lines of code

329

increased by0.61%

No dependency changes