@xyo-network/react-debug 7.6.3 → 8.0.1

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,
@@ -129,4 +163,4 @@ export {
129
163
  PayloadDebugger,
130
164
  ValidationChips
131
165
  };
132
- //# sourceMappingURL=index.mjs.map
166
+ //# sourceMappingURL=index.mjs.map
@@ -1 +1,7 @@
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
+ {
2
+ "version": 3,
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"],
4
+ "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"],
5
+ "mappings": "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",
6
+ "names": ["usePayloadRootHash", "jsx", "jsx", "jsxs", "FormControl", "Grid", "TextField", "ErrorRender", "FlexCol", "useState", "jsx", "jsxs", "useState", "Grid", "FlexCol", "FormControl", "TextField", "ErrorRender"]
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-debug",
3
- "version": "7.6.3",
3
+ "version": "8.0.1",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,37 +41,35 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-shared": "~7.6.3",
45
- "@xyo-network/react-payload-raw-info": "~7.6.3"
44
+ "@xyo-network/react-payload-raw-info": "~8.0.1",
45
+ "@xyo-network/react-shared": "~8.0.1"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@bitauth/libauth": "~3.0.0",
49
- "@emotion/react": "^11.14.0",
50
- "@emotion/styled": "^11.14.1",
51
- "@mui/icons-material": "^7.3.11",
52
- "@mui/material": "^7.3.11",
49
+ "@mui/icons-material": "^9.0.1",
50
+ "@mui/material": "^9.0.1",
53
51
  "@opentelemetry/api": "^1.9.1",
54
52
  "@opentelemetry/sdk-trace-base": "^2.7.1",
55
53
  "@react-spring/web": "~10.0.3",
56
54
  "@scure/base": "~2.2.0",
57
- "@storybook/react-vite": "~10.3.6",
58
- "@textea/json-viewer": "~4.0.1",
55
+ "@storybook/react-vite": "~10.4.0",
59
56
  "@types/react": "^19.2.14",
60
- "@xylabs/pixel": "~5.1.2",
61
- "@xylabs/react-button": "~7.2.4",
62
- "@xylabs/react-error": "~7.2.4",
63
- "@xylabs/react-flexbox": "~7.2.4",
64
- "@xylabs/react-hooks": "~7.2.4",
65
- "@xylabs/react-link": "~7.2.4",
66
- "@xylabs/react-promise": "~7.2.4",
67
- "@xylabs/react-shared": "~7.2.4",
68
- "@xylabs/react-theme": "~7.2.4",
69
- "@xylabs/sdk-js": "^5.1.2",
70
- "@xylabs/threads": "~5.1.2",
71
- "@xylabs/toolchain": "~7.13.15",
72
- "@xylabs/tsconfig": "^7.13.15",
73
- "@xylabs/tsconfig-dom": "^7.13.15",
74
- "@xylabs/tsconfig-react": "~7.13.15",
57
+ "@xylabs/pixel": "~5.1.3",
58
+ "@xylabs/react-button": "~8.0.3",
59
+ "@xylabs/react-error": "~8.0.3",
60
+ "@xylabs/react-flexbox": "~8.0.3",
61
+ "@xylabs/react-hooks": "~8.0.3",
62
+ "@xylabs/react-link": "~8.0.3",
63
+ "@xylabs/react-promise": "~8.0.3",
64
+ "@xylabs/react-shared": "~8.0.3",
65
+ "@xylabs/react-theme": "~8.0.3",
66
+ "@xylabs/sdk-js": "^5.1.3",
67
+ "@xylabs/sdk-react": "~8.0.3",
68
+ "@xylabs/threads": "~5.1.3",
69
+ "@xylabs/toolchain": "~8.0.6",
70
+ "@xylabs/tsconfig": "^8.0.6",
71
+ "@xylabs/tsconfig-dom": "^8.0.6",
72
+ "@xylabs/tsconfig-react": "~8.0.6",
75
73
  "@xyo-network/boundwitness-model": "^5.6.3",
76
74
  "@xyo-network/boundwitness-validator": "^5.6.2",
77
75
  "@xyo-network/payload-builder": "^5.6.2",
@@ -81,49 +79,53 @@
81
79
  "bowser": "^2.14.1",
82
80
  "buffer": "^6.0.3",
83
81
  "chalk": "^5.6.2",
82
+ "clsx": "~2.1.1",
84
83
  "debug": "~4.4.3",
85
- "eslint": "^10.3.0",
84
+ "eslint": "^10.4.0",
86
85
  "ethers": "^6.16.0",
87
86
  "fast-deep-equal": "~3.1.3",
88
87
  "hash-wasm": "~4.12.0",
89
- "js-cookie": "~3.0.5",
90
- "mixpanel-browser": "~2.78.0",
88
+ "js-cookie": "~3.0.6",
89
+ "lru-cache": "^11.3.6",
90
+ "md5": "~2.3.0",
91
+ "mixpanel-browser": "~2.79.0",
92
+ "numeral": "~2.0.6",
91
93
  "observable-fns": "~0.6.1",
92
94
  "pako": "^2.1.0",
93
95
  "query-string": "~9.3.1",
94
96
  "react": "^19.2.6",
95
97
  "react-dom": "^19.2.6",
96
98
  "react-is": "^19.2.6",
97
- "react-router-dom": "^7.15.0",
99
+ "react-router-dom": "^7.15.1",
98
100
  "recharts": "~3.8.1",
99
101
  "spark-md5": "~3.0.2",
100
- "storybook": "^10.3.6",
101
- "typescript": "^5.9.3",
102
- "vite": "^8.0.10",
102
+ "storybook": "^10.4.0",
103
+ "typescript": "^6.0.3",
104
+ "viem": "^2.49.3",
105
+ "vite": "^8.0.13",
103
106
  "wasm-feature-detect": "~1.8.0",
104
- "zod": "^4.4.3"
107
+ "zod": "^4.4.3",
108
+ "zustand": "~5.0.13"
105
109
  },
106
110
  "peerDependencies": {
107
111
  "@bitauth/libauth": "~3.0",
108
- "@emotion/react": "^11.14",
109
- "@emotion/styled": "^11.14",
110
- "@mui/icons-material": "^7.3",
111
- "@mui/material": "^7.3",
112
+ "@mui/icons-material": "^9.0",
113
+ "@mui/material": "^9.0",
112
114
  "@opentelemetry/api": "^1.9",
113
115
  "@opentelemetry/sdk-trace-base": "^2.7",
114
116
  "@react-spring/web": "~10.0",
115
117
  "@scure/base": "~2.2",
116
- "@textea/json-viewer": "~4.0",
117
118
  "@xylabs/pixel": "~5.1",
118
- "@xylabs/react-button": "~7.2",
119
- "@xylabs/react-error": "~7.2",
120
- "@xylabs/react-flexbox": "~7.2",
121
- "@xylabs/react-hooks": "~7.2",
122
- "@xylabs/react-link": "~7.2",
123
- "@xylabs/react-promise": "~7.2",
124
- "@xylabs/react-shared": "~7.2",
125
- "@xylabs/react-theme": "~7.2",
119
+ "@xylabs/react-button": "~8.0",
120
+ "@xylabs/react-error": "~8.0",
121
+ "@xylabs/react-flexbox": "~8.0",
122
+ "@xylabs/react-hooks": "~8.0",
123
+ "@xylabs/react-link": "~8.0",
124
+ "@xylabs/react-promise": "~8.0",
125
+ "@xylabs/react-shared": "~8.0",
126
+ "@xylabs/react-theme": "~8.0",
126
127
  "@xylabs/sdk-js": "^5.1",
128
+ "@xylabs/sdk-react": "~8.0",
127
129
  "@xylabs/threads": "~5.1",
128
130
  "@xyo-network/boundwitness-model": "^5.6",
129
131
  "@xyo-network/boundwitness-validator": "^5.6",
@@ -134,12 +136,16 @@
134
136
  "bowser": "^2.14",
135
137
  "buffer": "^6.0",
136
138
  "chalk": "^5.6",
139
+ "clsx": "~2.1",
137
140
  "debug": "~4.4",
138
141
  "ethers": "^6.16",
139
142
  "fast-deep-equal": "~3.1",
140
143
  "hash-wasm": "~4.12",
141
144
  "js-cookie": "~3.0",
142
- "mixpanel-browser": "~2.78",
145
+ "lru-cache": "^11.3",
146
+ "md5": "~2.3",
147
+ "mixpanel-browser": "~2.79",
148
+ "numeral": "~2.0",
143
149
  "observable-fns": "~0.6",
144
150
  "pako": "^2.1",
145
151
  "query-string": "~9.3",
@@ -149,8 +155,10 @@
149
155
  "react-router-dom": "^7.15",
150
156
  "recharts": "~3.8",
151
157
  "spark-md5": "~3.0",
158
+ "viem": "^2.48",
152
159
  "wasm-feature-detect": "~1.8",
153
- "zod": "^4.4"
160
+ "zod": "^4.4",
161
+ "zustand": "~5.0"
154
162
  },
155
163
  "publishConfig": {
156
164
  "access": "public"