@xyo-network/react-debug 7.6.2 → 8.0.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"BoundWitnessDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,MAAM,WAAW,yBAAyB;IACxC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAA"}
1
+ {"version":3,"file":"BoundWitnessDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,MAAM,WAAW,yBAAyB;IACxC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiCpE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"PayloadDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAwBnC,CAAA"}
1
+ {"version":3,"file":"PayloadDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAiCnC,CAAA"}
@@ -74,19 +74,36 @@ var BoundWitnessDebugger = ({ defaultBoundWitnessInput = "" }) => {
74
74
  dataHash,
75
75
  valid
76
76
  } = useDebugBoundWitness(input);
77
- return /* @__PURE__ */ jsx3(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx3(
77
+ return /* @__PURE__ */ jsx3(
78
78
  Grid,
79
79
  {
80
- size: { xs: 12, sm: 6 },
81
- children: /* @__PURE__ */ jsxs2(FlexCol, { gap: 2, width: "100%", alignItems: "start", children: [
82
- /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
83
- /* @__PURE__ */ jsx3(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx3(TextField, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
84
- /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
85
- errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
86
- /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
87
- ] })
80
+ container: true,
81
+ sx: { justifyContent: "center" },
82
+ children: /* @__PURE__ */ jsx3(
83
+ Grid,
84
+ {
85
+ size: { xs: 12, sm: 6 },
86
+ children: /* @__PURE__ */ jsxs2(
87
+ FlexCol,
88
+ {
89
+ sx: {
90
+ gap: 2,
91
+ width: "100%",
92
+ alignItems: "start"
93
+ },
94
+ children: [
95
+ /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
96
+ /* @__PURE__ */ jsx3(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx3(TextField, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
97
+ /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
98
+ errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
99
+ /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
100
+ ]
101
+ }
102
+ )
103
+ }
104
+ )
88
105
  }
89
- ) });
106
+ );
90
107
  };
91
108
 
92
109
  // src/components/PayloadDebugger.tsx
@@ -109,19 +126,36 @@ var PayloadDebugger = () => {
109
126
  dataHash,
110
127
  valid
111
128
  } = useDebugPayload(input);
112
- return /* @__PURE__ */ jsx4(Grid2, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx4(
129
+ return /* @__PURE__ */ jsx4(
113
130
  Grid2,
114
131
  {
115
- size: { xs: 12, sm: 6 },
116
- children: /* @__PURE__ */ jsxs3(FlexCol2, { gap: 2, width: "100%", alignItems: "start", children: [
117
- /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
118
- /* @__PURE__ */ jsx4(FormControl2, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField2, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
119
- /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
120
- errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
121
- /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
122
- ] })
132
+ container: true,
133
+ sx: { justifyContent: "center" },
134
+ children: /* @__PURE__ */ jsx4(
135
+ Grid2,
136
+ {
137
+ size: { xs: 12, sm: 6 },
138
+ children: /* @__PURE__ */ jsxs3(
139
+ FlexCol2,
140
+ {
141
+ sx: {
142
+ gap: 2,
143
+ width: "100%",
144
+ alignItems: "start"
145
+ },
146
+ children: [
147
+ /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
148
+ /* @__PURE__ */ jsx4(FormControl2, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField2, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
149
+ /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
150
+ errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
151
+ /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
152
+ ]
153
+ }
154
+ )
155
+ }
156
+ )
123
157
  }
124
- ) });
158
+ );
125
159
  };
126
160
  export {
127
161
  BoundWitnessDebugger,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n FormControl, Grid,\n TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n const {\n boundWitness, errors, rootHash, dataHash, valid,\n } = useDebugBoundWitness(input)\n\n return (\n <Grid container justifyContent=\"center\">\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n <h2>BoundWitness Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={boundWitness} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n const rootHash = usePayloadRootHash(boundWitness)\n const dataHash = usePayloadRootHash(boundWitness)\n\n return {\n boundWitness,\n errors: errors ?? [],\n valid: errors ? errors.length === 0 : true,\n rootHash,\n dataHash,\n }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n const { payload, errors } = usePayloadValidate(input)\n const rootHash = usePayloadRootHash(payload)\n const dataHash = usePayloadRootHash(payload)\n\n return {\n payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n dataHash?: string\n rootHash?: string\n valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n dataHash, rootHash, valid,\n}) => {\n return (\n <>\n {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n </>\n )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n const theme = useTheme()\n\n return props.value\n ? (\n <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n <JsonViewerEx style={{ width: '100%' }} {...props} />\n </Paper>\n )\n : null\n}\n","import {\n FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n const [input, setInput] = useState<string>(defaultPayload)\n\n const {\n payload, errors, rootHash, dataHash, valid,\n } = useDebugPayload(input)\n\n return (\n <Grid container justifyContent=\"center\">\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n <h2>Payload Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={payload} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EAAa;AAAA,EACb;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAgB,gBAAgB;;;ACNhC,SAAS,oBAAoB,+BAA+B;AAErD,IAAM,uBAAuB,CAAC,UAAmB;AACtD,QAAM,EAAE,SAAS,cAAc,OAAO,IAAI,wBAAwB,KAAK;AAEvE,QAAM,WAAW,mBAAmB,YAAY;AAChD,QAAM,WAAW,mBAAmB,YAAY;AAEhD,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,UAAU,CAAC;AAAA,IACnB,OAAO,SAAS,OAAO,WAAW,IAAI;AAAA,IACtC;AAAA,IACA;AAAA,EACF;AACF;;;ACfA,SAAS,sBAAAA,qBAAoB,0BAA0B;AAEhD,IAAM,kBAAkB,CAAC,UAAmB;AACjD,QAAM,EAAE,SAAS,OAAO,IAAI,mBAAmB,KAAK;AACpD,QAAM,WAAWA,oBAAmB,OAAO;AAC3C,QAAM,WAAWA,oBAAmB,OAAO;AAE3C,SAAO;AAAA,IACL;AAAA,IAAS,QAAQ,UAAU,CAAC;AAAA,IAAG,OAAO,SAAS,OAAO,WAAW,IAAI;AAAA,IAAM;AAAA,IAAU;AAAA,EACvF;AACF;;;ACVA,SAAS,mBAAmB;AAC5B,SAAS,YAA4B;AAYjC,mBACyB,KADzB;AAJG,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EAAU;AAAA,EAAU;AACtB,MAAM;AACJ,SACE,iCACG;AAAA,YAAQ,oBAAC,QAAK,QAAQ,oBAAC,eAAY,OAAM,WAAU,GAAI,OAAM,kBAAiB,IAAK;AAAA,IACnF,WAAW,oBAAC,QAAK,OAAO,cAAc,QAAQ,IAAI,OAAO,UAAU,IAAK;AAAA,IACxE,WAAW,oBAAC,QAAK,OAAO,cAAc,QAAQ,IAAI,OAAO,UAAU,IAAK;AAAA,KAC3E;AAEJ;;;ACnBA,SAAS,OAAO,gBAAgB;AAChC,SAAS,oBAA4C;AAW3C,gBAAAC,YAAA;AANH,IAAM,0BAAkE,CAAC,EAAE,GAAG,MAAM,MAAM;AAC/F,QAAM,QAAQ,SAAS;AAEvB,SAAO,MAAM,QAEP,gBAAAA,KAAC,SAAM,IAAI,EAAE,OAAO,QAAQ,SAAS,MAAM,QAAQ,CAAC,EAAE,GACpD,0BAAAA,KAAC,gBAAa,OAAO,EAAE,OAAO,OAAO,GAAI,GAAG,OAAO,GACrD,IAEF;AACN;;;AJWQ,SACE,OAAAC,MADF,QAAAC,aAAA;AAZD,IAAM,uBAA4D,CAAC,EAAE,2BAA2B,GAAG,MAAM;AAC9G,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,wBAAwB;AAEnE,QAAM;AAAA,IACJ;AAAA,IAAc;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,EAC5C,IAAI,qBAAqB,KAAK;AAE9B,SACE,gBAAAD,KAAC,QAAK,WAAS,MAAC,gBAAe,UAC7B,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE;AAAA,MAEtB,0BAAAC,MAAC,WAAQ,KAAK,GAAG,OAAM,QAAO,YAAW,SACvC;AAAA,wBAAAD,KAAC,QAAG,mCAAqB;AAAA,QACzB,gBAAAA,KAAC,eAAY,WAAS,MACpB,0BAAAA,KAAC,aAAU,OAAO,OAAO,WAAS,MAAC,SAAS,IAAI,SAAS,UAAU,MAAK,WAAU,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK,GAAG,GAC7H;AAAA,QACA,gBAAAA,KAAC,2BAAwB,OAAO,cAAc;AAAA,QAC7C,OAAO,IAAI,WAAS,gBAAAA,KAAC,eAAiC,SAAhB,OAAO,OAAuB,CAAE;AAAA,QACvE,gBAAAA,KAAC,mBAAgB,OAAc,UAAoB,UAAoB;AAAA,SACzE;AAAA;AAAA,EACF,GACF;AAEJ;;;AKvCA;AAAA,EACE,eAAAE;AAAA,EAAa,QAAAC;AAAA,EAAM,aAAAC;AAAA,OACd;AACP,SAAS,eAAAC,oBAAmB;AAC5B,SAAS,WAAAC,gBAAe;AACxB,SAAgB,YAAAC,iBAAgB;AAmBxB,SACE,OAAAC,MADF,QAAAC,aAAA;AAdR,IAAM,iBAAiB;AAEhB,IAAM,kBAA4B,MAAM;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAIC,UAAiB,cAAc;AAEzD,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,EACvC,IAAI,gBAAgB,KAAK;AAEzB,SACE,gBAAAF,KAACG,OAAA,EAAK,WAAS,MAAC,gBAAe,UAC7B,0BAAAH;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE;AAAA,MAEtB,0BAAAF,MAACG,UAAA,EAAQ,KAAK,GAAG,OAAM,QAAO,YAAW,SACvC;AAAA,wBAAAJ,KAAC,QAAG,8BAAgB;AAAA,QACpB,gBAAAA,KAACK,cAAA,EAAY,WAAS,MACpB,0BAAAL,KAACM,YAAA,EAAU,OAAO,OAAO,WAAS,MAAC,SAAS,IAAI,SAAS,UAAU,MAAK,WAAU,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK,GAAG,GAC7H;AAAA,QACA,gBAAAN,KAAC,2BAAwB,OAAO,SAAS;AAAA,QACxC,OAAO,IAAI,WAAS,gBAAAA,KAACO,cAAA,EAAiC,SAAhB,OAAO,OAAuB,CAAE;AAAA,QACvE,gBAAAP,KAAC,mBAAgB,OAAc,UAAoB,UAAoB;AAAA,SACzE;AAAA;AAAA,EACF,GACF;AAEJ;","names":["usePayloadRootHash","jsx","jsx","jsxs","FormControl","Grid","TextField","ErrorRender","FlexCol","useState","jsx","jsxs","useState","Grid","FlexCol","FormControl","TextField","ErrorRender"]}
1
+ {"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n FormControl, Grid,\n TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n const {\n boundWitness, errors, rootHash, dataHash, valid,\n } = useDebugBoundWitness(input)\n\n return (\n <Grid\n container\n sx={{ justifyContent: 'center' }}\n >\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol\n sx={{\n gap: 2,\n width: '100%',\n alignItems: 'start',\n }}\n >\n <h2>BoundWitness Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={boundWitness} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n const rootHash = usePayloadRootHash(boundWitness)\n const dataHash = usePayloadRootHash(boundWitness)\n\n return {\n boundWitness,\n errors: errors ?? [],\n valid: errors ? errors.length === 0 : true,\n rootHash,\n dataHash,\n }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n const { payload, errors } = usePayloadValidate(input)\n const rootHash = usePayloadRootHash(payload)\n const dataHash = usePayloadRootHash(payload)\n\n return {\n payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n dataHash?: string\n rootHash?: string\n valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n dataHash, rootHash, valid,\n}) => {\n return (\n <>\n {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n </>\n )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n const theme = useTheme()\n\n return props.value\n ? (\n <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n <JsonViewerEx style={{ width: '100%' }} {...props} />\n </Paper>\n )\n : null\n}\n","import {\n FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n const [input, setInput] = useState<string>(defaultPayload)\n\n const {\n payload, errors, rootHash, dataHash, valid,\n } = useDebugPayload(input)\n\n return (\n <Grid\n container\n sx={{ justifyContent: 'center' }}\n >\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol\n sx={{\n gap: 2,\n width: '100%',\n alignItems: 'start',\n }}\n >\n <h2>Payload Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={payload} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n"],"mappings":"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","names":["usePayloadRootHash","jsx","jsx","jsxs","FormControl","Grid","TextField","ErrorRender","FlexCol","useState","jsx","jsxs","useState","Grid","FlexCol","FormControl","TextField","ErrorRender"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-debug",
3
- "version": "7.6.2",
3
+ "version": "8.0.0",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,15 +41,15 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-payload-raw-info": "~7.6.2",
45
- "@xyo-network/react-shared": "~7.6.2"
44
+ "@xyo-network/react-payload-raw-info": "~8.0.0",
45
+ "@xyo-network/react-shared": "~8.0.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@bitauth/libauth": "~3.0.0",
49
49
  "@emotion/react": "^11.14.0",
50
50
  "@emotion/styled": "^11.14.1",
51
- "@mui/icons-material": "^7.3.10",
52
- "@mui/material": "^7.3.10",
51
+ "@mui/icons-material": "~9.0",
52
+ "@mui/material": "~9.0",
53
53
  "@opentelemetry/api": "^1.9.1",
54
54
  "@opentelemetry/sdk-trace-base": "^2.7.1",
55
55
  "@react-spring/web": "~10.0.3",
@@ -57,25 +57,25 @@
57
57
  "@storybook/react-vite": "~10.3.6",
58
58
  "@textea/json-viewer": "~4.0.1",
59
59
  "@types/react": "^19.2.14",
60
- "@xylabs/pixel": "~5.1.1",
61
- "@xylabs/react-button": "~7.2.3",
62
- "@xylabs/react-error": "~7.2.3",
63
- "@xylabs/react-flexbox": "~7.2.3",
64
- "@xylabs/react-hooks": "~7.2.3",
65
- "@xylabs/react-link": "~7.2.3",
66
- "@xylabs/react-promise": "~7.2.3",
67
- "@xylabs/react-shared": "~7.2.3",
68
- "@xylabs/react-theme": "~7.2.3",
69
- "@xylabs/sdk-js": "^5.1.1",
70
- "@xylabs/threads": "~5.1.1",
71
- "@xylabs/toolchain": "~7.13.7",
72
- "@xylabs/tsconfig": "^7.13.7",
73
- "@xylabs/tsconfig-dom": "^7.13.7",
74
- "@xylabs/tsconfig-react": "~7.13.7",
75
- "@xyo-network/boundwitness-model": "^5.6.2",
76
- "@xyo-network/boundwitness-validator": "^5.6.1",
77
- "@xyo-network/payload-builder": "^5.6.1",
78
- "@xyo-network/payload-model": "^5.6.2",
60
+ "@xylabs/pixel": "~5.1.2",
61
+ "@xylabs/react-button": "~8.0",
62
+ "@xylabs/react-error": "~8.0",
63
+ "@xylabs/react-flexbox": "~8.0",
64
+ "@xylabs/react-hooks": "~8.0",
65
+ "@xylabs/react-link": "~8.0",
66
+ "@xylabs/react-promise": "~8.0",
67
+ "@xylabs/react-shared": "~8.0",
68
+ "@xylabs/react-theme": "~8.0",
69
+ "@xylabs/sdk-js": "^5.1.2",
70
+ "@xylabs/threads": "~5.1.2",
71
+ "@xylabs/toolchain": "~7.13.22",
72
+ "@xylabs/tsconfig": "^7.13.22",
73
+ "@xylabs/tsconfig-dom": "^7.13.22",
74
+ "@xylabs/tsconfig-react": "~7.13.22",
75
+ "@xyo-network/boundwitness-model": "^5.6.3",
76
+ "@xyo-network/boundwitness-validator": "^5.6.2",
77
+ "@xyo-network/payload-builder": "^5.6.2",
78
+ "@xyo-network/payload-model": "^5.6.3",
79
79
  "async-mutex": "^0.5.0",
80
80
  "bn.js": "^5.2.3",
81
81
  "bowser": "^2.14.1",
@@ -91,66 +91,66 @@
91
91
  "observable-fns": "~0.6.1",
92
92
  "pako": "^2.1.0",
93
93
  "query-string": "~9.3.1",
94
- "react": "^19.2.5",
95
- "react-dom": "^19.2.5",
96
- "react-is": "^19.2.5",
94
+ "react": "^19.2.6",
95
+ "react-dom": "^19.2.6",
96
+ "react-is": "^19.2.6",
97
97
  "react-router-dom": "^7.15.0",
98
98
  "recharts": "~3.8.1",
99
99
  "spark-md5": "~3.0.2",
100
100
  "storybook": "^10.3.6",
101
101
  "typescript": "^5.9.3",
102
- "vite": "^8.0.10",
102
+ "vite": "^8.0.11",
103
103
  "wasm-feature-detect": "~1.8.0",
104
104
  "zod": "^4.4.3"
105
105
  },
106
106
  "peerDependencies": {
107
- "@bitauth/libauth": ">=3.0.0 <3.1",
108
- "@emotion/react": ">=11.14.0 <12",
109
- "@emotion/styled": ">=11.14.1 <12",
110
- "@mui/icons-material": ">=7.3.10 <8",
111
- "@mui/material": ">=7.3.10 <8",
112
- "@opentelemetry/api": ">=1.9.1 <2",
113
- "@opentelemetry/sdk-trace-base": ">=2.7.1 <3",
114
- "@react-spring/web": ">=10.0.3 <10.1",
115
- "@scure/base": ">=2.2.0 <2.3",
116
- "@textea/json-viewer": ">=4.0.1 <4.1",
117
- "@xylabs/pixel": ">=5.1.1 <5.2",
118
- "@xylabs/react-button": ">=7.2.3 <7.3",
119
- "@xylabs/react-error": ">=7.2.3 <7.3",
120
- "@xylabs/react-flexbox": ">=7.2.3 <7.3",
121
- "@xylabs/react-hooks": ">=7.2.3 <7.3",
122
- "@xylabs/react-link": ">=7.2.3 <7.3",
123
- "@xylabs/react-promise": ">=7.2.3 <7.3",
124
- "@xylabs/react-shared": ">=7.2.3 <7.3",
125
- "@xylabs/react-theme": ">=7.2.3 <7.3",
126
- "@xylabs/sdk-js": ">=5.1.1 <6",
127
- "@xylabs/threads": ">=5.1.1 <5.2",
128
- "@xyo-network/boundwitness-model": ">=5.6.2 <6",
129
- "@xyo-network/boundwitness-validator": ">=5.6.1 <6",
130
- "@xyo-network/payload-builder": ">=5.6.1 <6",
131
- "@xyo-network/payload-model": ">=5.6.2 <6",
132
- "async-mutex": ">=0.5.0 <1",
133
- "bn.js": ">=5.2.3 <6",
134
- "bowser": ">=2.14.1 <3",
135
- "buffer": ">=6.0.3 <7",
136
- "chalk": ">=5.6.2 <6",
137
- "debug": ">=4.4.3 <4.5",
138
- "ethers": ">=6.16.0 <7",
139
- "fast-deep-equal": ">=3.1.3 <3.2",
140
- "hash-wasm": ">=4.12.0 <4.13",
141
- "js-cookie": ">=3.0.5 <3.1",
142
- "mixpanel-browser": ">=2.78.0 <2.79",
143
- "observable-fns": ">=0.6.1 <0.7",
144
- "pako": ">=2.1.0 <3",
145
- "query-string": ">=9.3.1 <9.4",
146
- "react": ">=19.2.5 <20",
147
- "react-dom": ">=19.2.5 <20",
148
- "react-is": ">=19.2.5 <20",
149
- "react-router-dom": ">=7.15.0 <8",
150
- "recharts": ">=3.8.1 <3.9",
151
- "spark-md5": ">=3.0.2 <3.1",
152
- "wasm-feature-detect": ">=1.8.0 <1.9",
153
- "zod": ">=4.4.3 <5"
107
+ "@bitauth/libauth": "~3.0",
108
+ "@emotion/react": "^11.14",
109
+ "@emotion/styled": "^11.14",
110
+ "@mui/icons-material": "~9.0",
111
+ "@mui/material": "~9.0",
112
+ "@opentelemetry/api": "^1.9",
113
+ "@opentelemetry/sdk-trace-base": "^2.7",
114
+ "@react-spring/web": "~10.0",
115
+ "@scure/base": "~2.2",
116
+ "@textea/json-viewer": "~4.0",
117
+ "@xylabs/pixel": "~5.1",
118
+ "@xylabs/react-button": "~8.0",
119
+ "@xylabs/react-error": "~8.0",
120
+ "@xylabs/react-flexbox": "~8.0",
121
+ "@xylabs/react-hooks": "~8.0",
122
+ "@xylabs/react-link": "~8.0",
123
+ "@xylabs/react-promise": "~8.0",
124
+ "@xylabs/react-shared": "~8.0",
125
+ "@xylabs/react-theme": "~8.0",
126
+ "@xylabs/sdk-js": "^5.1",
127
+ "@xylabs/threads": "~5.1",
128
+ "@xyo-network/boundwitness-model": "^5.6",
129
+ "@xyo-network/boundwitness-validator": "^5.6",
130
+ "@xyo-network/payload-builder": "^5.6",
131
+ "@xyo-network/payload-model": "^5.6",
132
+ "async-mutex": "^0.5",
133
+ "bn.js": "^5.2",
134
+ "bowser": "^2.14",
135
+ "buffer": "^6.0",
136
+ "chalk": "^5.6",
137
+ "debug": "~4.4",
138
+ "ethers": "^6.16",
139
+ "fast-deep-equal": "~3.1",
140
+ "hash-wasm": "~4.12",
141
+ "js-cookie": "~3.0",
142
+ "mixpanel-browser": "~2.78",
143
+ "observable-fns": "~0.6",
144
+ "pako": "^2.1",
145
+ "query-string": "~9.3",
146
+ "react": "^19.2",
147
+ "react-dom": "^19.2",
148
+ "react-is": "^19.2",
149
+ "react-router-dom": "^7.15",
150
+ "recharts": "~3.8",
151
+ "spark-md5": "~3.0",
152
+ "wasm-feature-detect": "~1.8",
153
+ "zod": "^4.4"
154
154
  },
155
155
  "publishConfig": {
156
156
  "access": "public"