@xyo-network/react-debug 7.4.1 → 7.5.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.
- package/dist/browser/components/BoundWitnessDebugger.stories.d.ts +3 -3
- package/dist/browser/components/BoundWitnessDebugger.stories.d.ts.map +1 -1
- package/dist/browser/components/PayloadDebugger.stories.d.ts +1 -1
- package/dist/browser/components/PayloadDebugger.stories.d.ts.map +1 -1
- package/dist/browser/hooks/useDebugBoundWitness.d.ts +20 -10
- package/dist/browser/hooks/useDebugBoundWitness.d.ts.map +1 -1
- package/dist/browser/hooks/useDebugPayload.d.ts +2 -2
- package/dist/browser/index.mjs +106 -76
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +19 -19
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import("
|
|
5
|
-
declare const WithValid: import("
|
|
6
|
-
declare const WithInValid: import("
|
|
4
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
|
|
5
|
+
declare const WithValid: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
|
|
6
|
+
declare const WithInValid: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
|
|
7
7
|
export { Default, WithInValid, WithValid, };
|
|
8
8
|
//# sourceMappingURL=BoundWitnessDebugger.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoundWitnessDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAUyB,IAAI;AAAvF,wBAAuF;AAIvF,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"BoundWitnessDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAUyB,IAAI;AAAvF,wBAAuF;AAIvF,QAAA,MAAM,OAAO,6JAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,6JAAoB,CAAA;AAGnC,QAAA,MAAM,WAAW,6JAAoB,CAAA;AAGrC,OAAO,EACL,OAAO,EAAE,WAAW,EAAE,SAAS,GAChC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import("
|
|
4
|
+
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {}>;
|
|
5
5
|
export { Default };
|
|
6
6
|
//# sourceMappingURL=PayloadDebugger.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKe,IAAI;AAA7E,wBAA6E;AAI7E,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"PayloadDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKe,IAAI;AAA7E,wBAA6E;AAI7E,QAAA,MAAM,OAAO,iGAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,17 +1,27 @@
|
|
|
1
1
|
export declare const useDebugBoundWitness: (input?: string) => {
|
|
2
2
|
boundWitness: {
|
|
3
|
-
schema: "network.xyo.boundwitness"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
schema: "network.xyo.boundwitness" & {
|
|
4
|
+
readonly __schema: true;
|
|
5
|
+
};
|
|
6
|
+
addresses: (Lowercase<string> & {
|
|
7
|
+
readonly __hex: true;
|
|
8
|
+
} & {
|
|
9
|
+
readonly __address: true;
|
|
10
|
+
})[];
|
|
11
|
+
payload_hashes: import("@xylabs/hex").BrandedHash[];
|
|
12
|
+
payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
|
|
13
|
+
previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
|
|
14
|
+
$signatures: (import("@xylabs/hex").BrandedHex | null)[];
|
|
15
|
+
$destination?: (Lowercase<string> & {
|
|
16
|
+
readonly __hex: true;
|
|
17
|
+
} & {
|
|
18
|
+
readonly __address: true;
|
|
19
|
+
}) | undefined;
|
|
20
|
+
$sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
|
|
11
21
|
} | undefined;
|
|
12
22
|
errors: Error[];
|
|
13
23
|
valid: boolean;
|
|
14
|
-
rootHash: import("@xylabs/hex").
|
|
15
|
-
dataHash: import("@xylabs/hex").
|
|
24
|
+
rootHash: import("@xylabs/hex").BrandedHash | undefined;
|
|
25
|
+
dataHash: import("@xylabs/hex").BrandedHash | undefined;
|
|
16
26
|
};
|
|
17
27
|
//# sourceMappingURL=useDebugBoundWitness.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM
|
|
1
|
+
{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAalD,CAAA"}
|
|
@@ -2,7 +2,7 @@ export declare const useDebugPayload: (input?: string) => {
|
|
|
2
2
|
payload: import("@xyo-network/payload-model").Payload | undefined;
|
|
3
3
|
errors: Error[];
|
|
4
4
|
valid: boolean;
|
|
5
|
-
rootHash: import("@xylabs/hex").
|
|
6
|
-
dataHash: import("@xylabs/hex").
|
|
5
|
+
rootHash: import("@xylabs/hex").BrandedHash | undefined;
|
|
6
|
+
dataHash: import("@xylabs/hex").BrandedHash | undefined;
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=useDebugPayload.d.ts.map
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
1
4
|
// src/components/BoundWitnessDebugger.tsx
|
|
2
|
-
import {
|
|
3
|
-
FormControl,
|
|
4
|
-
Grid,
|
|
5
|
-
TextField
|
|
6
|
-
} from "@mui/material";
|
|
5
|
+
import { FormControl, Grid, TextField } from "@mui/material";
|
|
7
6
|
import { ErrorRender } from "@xylabs/react-error";
|
|
8
7
|
import { FlexCol } from "@xylabs/react-flexbox";
|
|
9
|
-
import { useState } from "react";
|
|
8
|
+
import React3, { useState } from "react";
|
|
10
9
|
|
|
11
10
|
// src/hooks/useDebugBoundWitness.tsx
|
|
12
11
|
import { usePayloadRootHash, useValidateBoundWitness } from "@xyo-network/react-shared";
|
|
13
|
-
var useDebugBoundWitness = (input) => {
|
|
12
|
+
var useDebugBoundWitness = /* @__PURE__ */ __name((input) => {
|
|
14
13
|
const { payload: boundWitness, errors } = useValidateBoundWitness(input);
|
|
15
14
|
const rootHash = usePayloadRootHash(boundWitness);
|
|
16
15
|
const dataHash = usePayloadRootHash(boundWitness);
|
|
@@ -21,11 +20,11 @@ var useDebugBoundWitness = (input) => {
|
|
|
21
20
|
rootHash,
|
|
22
21
|
dataHash
|
|
23
22
|
};
|
|
24
|
-
};
|
|
23
|
+
}, "useDebugBoundWitness");
|
|
25
24
|
|
|
26
25
|
// src/hooks/useDebugPayload.tsx
|
|
27
26
|
import { usePayloadRootHash as usePayloadRootHash2, usePayloadValidate } from "@xyo-network/react-shared";
|
|
28
|
-
var useDebugPayload = (input) => {
|
|
27
|
+
var useDebugPayload = /* @__PURE__ */ __name((input) => {
|
|
29
28
|
const { payload, errors } = usePayloadValidate(input);
|
|
30
29
|
const rootHash = usePayloadRootHash2(payload);
|
|
31
30
|
const dataHash = usePayloadRootHash2(payload);
|
|
@@ -36,93 +35,124 @@ var useDebugPayload = (input) => {
|
|
|
36
35
|
rootHash,
|
|
37
36
|
dataHash
|
|
38
37
|
};
|
|
39
|
-
};
|
|
38
|
+
}, "useDebugPayload");
|
|
40
39
|
|
|
41
40
|
// src/components/shared/Chips.tsx
|
|
42
41
|
import { CheckCircle } from "@mui/icons-material";
|
|
43
42
|
import { Chip } from "@mui/material";
|
|
44
|
-
import
|
|
45
|
-
var ValidationChips = ({
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
})
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
43
|
+
import React from "react";
|
|
44
|
+
var ValidationChips = /* @__PURE__ */ __name(({ dataHash, rootHash, valid }) => {
|
|
45
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, valid ? /* @__PURE__ */ React.createElement(Chip, {
|
|
46
|
+
avatar: /* @__PURE__ */ React.createElement(CheckCircle, {
|
|
47
|
+
color: "success"
|
|
48
|
+
}),
|
|
49
|
+
label: "Protocol Valid"
|
|
50
|
+
}) : null, rootHash ? /* @__PURE__ */ React.createElement(Chip, {
|
|
51
|
+
label: `Root Hash: ${rootHash}`,
|
|
52
|
+
title: rootHash
|
|
53
|
+
}) : null, dataHash ? /* @__PURE__ */ React.createElement(Chip, {
|
|
54
|
+
label: `Data Hash: ${dataHash}`,
|
|
55
|
+
title: dataHash
|
|
56
|
+
}) : null);
|
|
57
|
+
}, "ValidationChips");
|
|
56
58
|
|
|
57
59
|
// src/components/shared/JsonPayloadLikeViewerEx.tsx
|
|
58
60
|
import { Paper, useTheme } from "@mui/material";
|
|
59
61
|
import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
|
|
60
|
-
import
|
|
61
|
-
var JsonPayloadLikeViewerEx = ({ ...props }) => {
|
|
62
|
+
import React2 from "react";
|
|
63
|
+
var JsonPayloadLikeViewerEx = /* @__PURE__ */ __name(({ ...props }) => {
|
|
62
64
|
const theme = useTheme();
|
|
63
|
-
return props.value ? /* @__PURE__ */
|
|
64
|
-
|
|
65
|
+
return props.value ? /* @__PURE__ */ React2.createElement(Paper, {
|
|
66
|
+
sx: {
|
|
67
|
+
width: "100%",
|
|
68
|
+
padding: theme.spacing(2)
|
|
69
|
+
}
|
|
70
|
+
}, /* @__PURE__ */ React2.createElement(JsonViewerEx, {
|
|
71
|
+
style: {
|
|
72
|
+
width: "100%"
|
|
73
|
+
},
|
|
74
|
+
...props
|
|
75
|
+
})) : null;
|
|
76
|
+
}, "JsonPayloadLikeViewerEx");
|
|
65
77
|
|
|
66
78
|
// src/components/BoundWitnessDebugger.tsx
|
|
67
|
-
|
|
68
|
-
var BoundWitnessDebugger = ({ defaultBoundWitnessInput = "" }) => {
|
|
79
|
+
var BoundWitnessDebugger = /* @__PURE__ */ __name(({ defaultBoundWitnessInput = "" }) => {
|
|
69
80
|
const [input, setInput] = useState(defaultBoundWitnessInput);
|
|
70
|
-
const {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
Grid,
|
|
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
|
-
] })
|
|
81
|
+
const { boundWitness, errors, rootHash, dataHash, valid } = useDebugBoundWitness(input);
|
|
82
|
+
return /* @__PURE__ */ React3.createElement(Grid, {
|
|
83
|
+
container: true,
|
|
84
|
+
justifyContent: "center"
|
|
85
|
+
}, /* @__PURE__ */ React3.createElement(Grid, {
|
|
86
|
+
size: {
|
|
87
|
+
xs: 12,
|
|
88
|
+
sm: 6
|
|
88
89
|
}
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
}, /* @__PURE__ */ React3.createElement(FlexCol, {
|
|
91
|
+
gap: 2,
|
|
92
|
+
width: "100%",
|
|
93
|
+
alignItems: "start"
|
|
94
|
+
}, /* @__PURE__ */ React3.createElement("h2", null, "BoundWitness Debugger"), /* @__PURE__ */ React3.createElement(FormControl, {
|
|
95
|
+
fullWidth: true
|
|
96
|
+
}, /* @__PURE__ */ React3.createElement(TextField, {
|
|
97
|
+
value: input,
|
|
98
|
+
multiline: true,
|
|
99
|
+
minRows: 10,
|
|
100
|
+
maxRows: Infinity,
|
|
101
|
+
name: "payload",
|
|
102
|
+
onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
|
|
103
|
+
})), /* @__PURE__ */ React3.createElement(JsonPayloadLikeViewerEx, {
|
|
104
|
+
value: boundWitness
|
|
105
|
+
}), errors.map((error) => /* @__PURE__ */ React3.createElement(ErrorRender, {
|
|
106
|
+
key: error?.message,
|
|
107
|
+
error
|
|
108
|
+
})), /* @__PURE__ */ React3.createElement(ValidationChips, {
|
|
109
|
+
valid,
|
|
110
|
+
rootHash,
|
|
111
|
+
dataHash
|
|
112
|
+
}))));
|
|
113
|
+
}, "BoundWitnessDebugger");
|
|
91
114
|
|
|
92
115
|
// src/components/PayloadDebugger.tsx
|
|
93
|
-
import {
|
|
94
|
-
FormControl as FormControl2,
|
|
95
|
-
Grid as Grid2,
|
|
96
|
-
TextField as TextField2
|
|
97
|
-
} from "@mui/material";
|
|
116
|
+
import { FormControl as FormControl2, Grid as Grid2, TextField as TextField2 } from "@mui/material";
|
|
98
117
|
import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
|
|
99
118
|
import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
|
|
100
|
-
import { useState as useState2 } from "react";
|
|
101
|
-
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
119
|
+
import React4, { useState as useState2 } from "react";
|
|
102
120
|
var defaultPayload = '{ "schema": "network.xyo.test", "foo": true }';
|
|
103
|
-
var PayloadDebugger = () => {
|
|
121
|
+
var PayloadDebugger = /* @__PURE__ */ __name(() => {
|
|
104
122
|
const [input, setInput] = useState2(defaultPayload);
|
|
105
|
-
const {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
Grid2,
|
|
114
|
-
{
|
|
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
|
-
] })
|
|
123
|
+
const { payload, errors, rootHash, dataHash, valid } = useDebugPayload(input);
|
|
124
|
+
return /* @__PURE__ */ React4.createElement(Grid2, {
|
|
125
|
+
container: true,
|
|
126
|
+
justifyContent: "center"
|
|
127
|
+
}, /* @__PURE__ */ React4.createElement(Grid2, {
|
|
128
|
+
size: {
|
|
129
|
+
xs: 12,
|
|
130
|
+
sm: 6
|
|
123
131
|
}
|
|
124
|
-
|
|
125
|
-
|
|
132
|
+
}, /* @__PURE__ */ React4.createElement(FlexCol2, {
|
|
133
|
+
gap: 2,
|
|
134
|
+
width: "100%",
|
|
135
|
+
alignItems: "start"
|
|
136
|
+
}, /* @__PURE__ */ React4.createElement("h2", null, "Payload Debugger"), /* @__PURE__ */ React4.createElement(FormControl2, {
|
|
137
|
+
fullWidth: true
|
|
138
|
+
}, /* @__PURE__ */ React4.createElement(TextField2, {
|
|
139
|
+
value: input,
|
|
140
|
+
multiline: true,
|
|
141
|
+
minRows: 10,
|
|
142
|
+
maxRows: Infinity,
|
|
143
|
+
name: "payload",
|
|
144
|
+
onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
|
|
145
|
+
})), /* @__PURE__ */ React4.createElement(JsonPayloadLikeViewerEx, {
|
|
146
|
+
value: payload
|
|
147
|
+
}), errors.map((error) => /* @__PURE__ */ React4.createElement(ErrorRender2, {
|
|
148
|
+
key: error?.message,
|
|
149
|
+
error
|
|
150
|
+
})), /* @__PURE__ */ React4.createElement(ValidationChips, {
|
|
151
|
+
valid,
|
|
152
|
+
rootHash,
|
|
153
|
+
dataHash
|
|
154
|
+
}))));
|
|
155
|
+
}, "PayloadDebugger");
|
|
126
156
|
export {
|
|
127
157
|
BoundWitnessDebugger,
|
|
128
158
|
JsonPayloadLikeViewerEx,
|
|
@@ -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":"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","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 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":"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","names":["FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","usePayloadRootHash","useValidateBoundWitness","useDebugBoundWitness","input","payload","boundWitness","errors","useValidateBoundWitness","rootHash","usePayloadRootHash","dataHash","valid","length","usePayloadRootHash","usePayloadValidate","useDebugPayload","input","payload","errors","usePayloadValidate","rootHash","usePayloadRootHash","dataHash","valid","length","CheckCircle","Chip","React","ValidationChips","dataHash","rootHash","valid","Chip","avatar","CheckCircle","color","label","title","Paper","useTheme","JsonViewerEx","React","JsonPayloadLikeViewerEx","props","theme","useTheme","value","React","Paper","sx","width","padding","spacing","JsonViewerEx","style","BoundWitnessDebugger","defaultBoundWitnessInput","input","setInput","useState","boundWitness","errors","rootHash","dataHash","valid","useDebugBoundWitness","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips","FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","defaultPayload","PayloadDebugger","input","setInput","useState","payload","errors","rootHash","dataHash","valid","useDebugPayload","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-debug",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.5.0",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -43,26 +43,26 @@
|
|
|
43
43
|
"src"
|
|
44
44
|
],
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@xylabs/react-error": "~7.1.
|
|
47
|
-
"@xylabs/react-flexbox": "~7.1.
|
|
48
|
-
"@xyo-network/react-payload-raw-info": "
|
|
49
|
-
"@xyo-network/react-shared": "
|
|
46
|
+
"@xylabs/react-error": "~7.1.9",
|
|
47
|
+
"@xylabs/react-flexbox": "~7.1.9",
|
|
48
|
+
"@xyo-network/react-payload-raw-info": "7.5.0",
|
|
49
|
+
"@xyo-network/react-shared": "7.5.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@mui/icons-material": "~7.3.
|
|
53
|
-
"@mui/material": "~7.3.
|
|
54
|
-
"@storybook/react-vite": "~10.1
|
|
55
|
-
"@types/react": "^19.2.
|
|
56
|
-
"@xylabs/ts-scripts-yarn3": "~7.2
|
|
57
|
-
"@xylabs/tsconfig": "~7.2
|
|
58
|
-
"@xylabs/tsconfig-dom": "~7.2
|
|
59
|
-
"@xylabs/tsconfig-react": "~7.2
|
|
60
|
-
"react": "^19.2.
|
|
61
|
-
"react-dom": "^19.2.
|
|
62
|
-
"react-router-dom": "^7.
|
|
63
|
-
"storybook": "~10.1
|
|
52
|
+
"@mui/icons-material": "~7.3.7",
|
|
53
|
+
"@mui/material": "~7.3.7",
|
|
54
|
+
"@storybook/react-vite": "~10.2.1",
|
|
55
|
+
"@types/react": "^19.2.10",
|
|
56
|
+
"@xylabs/ts-scripts-yarn3": "~7.3.2",
|
|
57
|
+
"@xylabs/tsconfig": "~7.3.2",
|
|
58
|
+
"@xylabs/tsconfig-dom": "~7.3.2",
|
|
59
|
+
"@xylabs/tsconfig-react": "~7.3.2",
|
|
60
|
+
"react": "^19.2.4",
|
|
61
|
+
"react-dom": "^19.2.4",
|
|
62
|
+
"react-router-dom": "^7.13.0",
|
|
63
|
+
"storybook": "~10.2.1",
|
|
64
64
|
"typescript": "^5.9.3",
|
|
65
|
-
"vite": "~7.
|
|
65
|
+
"vite": "~7.3.1"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@mui/icons-material": ">=6 <8",
|
|
@@ -75,4 +75,4 @@
|
|
|
75
75
|
"access": "public"
|
|
76
76
|
},
|
|
77
77
|
"docs": "dist/docs.json"
|
|
78
|
-
}
|
|
78
|
+
}
|