@xyo-network/react-debug 7.5.8 → 7.5.11

package/dist/browser/hooks/useDebugBoundWitness.d.ts

@@ -8,20 +8,20 @@ export declare const useDebugBoundWitness: (input?: string) => {
         } & {
             readonly __address: true;
         })[];
-        payload_hashes: import("@xylabs/hex").BrandedHash[];
+        payload_hashes: import("@xylabs/sdk-js").BrandedHash[];
         payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
-        previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
-        $signatures: (import("@xylabs/hex").BrandedHex | null)[];
+        previous_hashes: (import("@xylabs/sdk-js").BrandedHash | null)[];
+        $signatures: (import("@xylabs/sdk-js").BrandedHex | null)[];
         $destination?: (Lowercase<string> & {
             readonly __hex: true;
         } & {
             readonly __address: true;
         }) | undefined;
-        $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
+        $sourceQuery?: import("@xylabs/sdk-js").BrandedHash | undefined;
     } | undefined;
     errors: Error[];
     valid: boolean;
-    rootHash: import("@xylabs/hex").BrandedHash | undefined;
-    dataHash: import("@xylabs/hex").BrandedHash | undefined;
+    rootHash: import("@xylabs/sdk-js").BrandedHash | undefined;
+    dataHash: import("@xylabs/sdk-js").BrandedHash | undefined;
 };
 //# sourceMappingURL=useDebugBoundWitness.d.ts.map

package/dist/browser/hooks/useDebugPayload.d.ts

@@ -2,7 +2,7 @@ export declare const useDebugPayload: (input?: string) => {
     payload: import("@xyo-network/payload-model").Payload | undefined;
     errors: Error[];
     valid: boolean;
-    rootHash: import("@xylabs/hex").BrandedHash | undefined;
-    dataHash: import("@xylabs/hex").BrandedHash | undefined;
+    rootHash: import("@xylabs/sdk-js").BrandedHash | undefined;
+    dataHash: import("@xylabs/sdk-js").BrandedHash | undefined;
 };
 //# sourceMappingURL=useDebugPayload.d.ts.map

package/dist/browser/index.mjs

@@ -1,15 +1,16 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/BoundWitnessDebugger.tsx
-import { FormControl, Grid, TextField } from "@mui/material";
+import {
+  FormControl,
+  Grid,
+  TextField
+} from "@mui/material";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexCol } from "@xylabs/react-flexbox";
-import React3, { useState } from "react";
+import { useState } from "react";
 
 // src/hooks/useDebugBoundWitness.tsx
 import { usePayloadRootHash, useValidateBoundWitness } from "@xyo-network/react-shared";
-var useDebugBoundWitness = /* @__PURE__ */ __name((input) => {
+var useDebugBoundWitness = (input) => {
   const { payload: boundWitness, errors } = useValidateBoundWitness(input);
   const rootHash = usePayloadRootHash(boundWitness);
   const dataHash = usePayloadRootHash(boundWitness);
@@ -20,11 +21,11 @@ var useDebugBoundWitness = /* @__PURE__ */ __name((input) => {
     rootHash,
     dataHash
   };
-}, "useDebugBoundWitness");
+};
 
 // src/hooks/useDebugPayload.tsx
 import { usePayloadRootHash as usePayloadRootHash2, usePayloadValidate } from "@xyo-network/react-shared";
-var useDebugPayload = /* @__PURE__ */ __name((input) => {
+var useDebugPayload = (input) => {
   const { payload, errors } = usePayloadValidate(input);
   const rootHash = usePayloadRootHash2(payload);
   const dataHash = usePayloadRootHash2(payload);
@@ -35,124 +36,93 @@ var useDebugPayload = /* @__PURE__ */ __name((input) => {
     rootHash,
     dataHash
   };
-}, "useDebugPayload");
+};
 
 // src/components/shared/Chips.tsx
 import { CheckCircle } from "@mui/icons-material";
 import { Chip } from "@mui/material";
-import React from "react";
-var ValidationChips = /* @__PURE__ */ __name(({ dataHash, rootHash, valid }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, valid ? /* @__PURE__ */ React.createElement(Chip, {
-    avatar: /* @__PURE__ */ React.createElement(CheckCircle, {
-      color: "success"
-    }),
-    label: "Protocol Valid"
-  }) : null, rootHash ? /* @__PURE__ */ React.createElement(Chip, {
-    label: `Root Hash: ${rootHash}`,
-    title: rootHash
-  }) : null, dataHash ? /* @__PURE__ */ React.createElement(Chip, {
-    label: `Data Hash: ${dataHash}`,
-    title: dataHash
-  }) : null);
-}, "ValidationChips");
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ValidationChips = ({
+  dataHash,
+  rootHash,
+  valid
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    valid ? /* @__PURE__ */ jsx(Chip, { avatar: /* @__PURE__ */ jsx(CheckCircle, { color: "success" }), label: "Protocol Valid" }) : null,
+    rootHash ? /* @__PURE__ */ jsx(Chip, { label: `Root Hash: ${rootHash}`, title: rootHash }) : null,
+    dataHash ? /* @__PURE__ */ jsx(Chip, { label: `Data Hash: ${dataHash}`, title: dataHash }) : null
+  ] });
+};
 
 // src/components/shared/JsonPayloadLikeViewerEx.tsx
 import { Paper, useTheme } from "@mui/material";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import React2 from "react";
-var JsonPayloadLikeViewerEx = /* @__PURE__ */ __name(({ ...props }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var JsonPayloadLikeViewerEx = ({ ...props }) => {
   const theme = useTheme();
-  return props.value ? /* @__PURE__ */ React2.createElement(Paper, {
-    sx: {
-      width: "100%",
-      padding: theme.spacing(2)
-    }
-  }, /* @__PURE__ */ React2.createElement(JsonViewerEx, {
-    style: {
-      width: "100%"
-    },
-    ...props
-  })) : null;
-}, "JsonPayloadLikeViewerEx");
+  return props.value ? /* @__PURE__ */ jsx2(Paper, { sx: { width: "100%", padding: theme.spacing(2) }, children: /* @__PURE__ */ jsx2(JsonViewerEx, { style: { width: "100%" }, ...props }) }) : null;
+};
 
 // src/components/BoundWitnessDebugger.tsx
-var BoundWitnessDebugger = /* @__PURE__ */ __name(({ defaultBoundWitnessInput = "" }) => {
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BoundWitnessDebugger = ({ defaultBoundWitnessInput = "" }) => {
   const [input, setInput] = useState(defaultBoundWitnessInput);
-  const { boundWitness, errors, rootHash, dataHash, valid } = useDebugBoundWitness(input);
-  return /* @__PURE__ */ React3.createElement(Grid, {
-    container: true,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React3.createElement(Grid, {
-    size: {
-      xs: 12,
-      sm: 6
-    }
-  }, /* @__PURE__ */ React3.createElement(FlexCol, {
-    gap: 2,
-    width: "100%",
-    alignItems: "start"
-  }, /* @__PURE__ */ React3.createElement("h2", null, "BoundWitness Debugger"), /* @__PURE__ */ React3.createElement(FormControl, {
-    fullWidth: true
-  }, /* @__PURE__ */ React3.createElement(TextField, {
-    value: input,
-    multiline: true,
-    minRows: 10,
-    maxRows: Infinity,
-    name: "payload",
-    onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
-  })), /* @__PURE__ */ React3.createElement(JsonPayloadLikeViewerEx, {
-    value: boundWitness
-  }), errors.map((error) => /* @__PURE__ */ React3.createElement(ErrorRender, {
-    key: error?.message,
-    error
-  })), /* @__PURE__ */ React3.createElement(ValidationChips, {
-    valid,
+  const {
+    boundWitness,
+    errors,
     rootHash,
-    dataHash
-  }))));
-}, "BoundWitnessDebugger");
+    dataHash,
+    valid
+  } = useDebugBoundWitness(input);
+  return /* @__PURE__ */ jsx3(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx3(
+    Grid,
+    {
+      size: { xs: 12, sm: 6 },
+      children: /* @__PURE__ */ jsxs2(FlexCol, { gap: 2, width: "100%", alignItems: "start", children: [
+        /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
+        /* @__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) }) }),
+        /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
+        errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
+        /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
+      ] })
+    }
+  ) });
+};
 
 // src/components/PayloadDebugger.tsx
-import { FormControl as FormControl2, Grid as Grid2, TextField as TextField2 } from "@mui/material";
+import {
+  FormControl as FormControl2,
+  Grid as Grid2,
+  TextField as TextField2
+} from "@mui/material";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React4, { useState as useState2 } from "react";
+import { useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultPayload = '{ "schema": "network.xyo.test", "foo": true }';
-var PayloadDebugger = /* @__PURE__ */ __name(() => {
+var PayloadDebugger = () => {
   const [input, setInput] = useState2(defaultPayload);
-  const { payload, errors, rootHash, dataHash, valid } = useDebugPayload(input);
-  return /* @__PURE__ */ React4.createElement(Grid2, {
-    container: true,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React4.createElement(Grid2, {
-    size: {
-      xs: 12,
-      sm: 6
-    }
-  }, /* @__PURE__ */ React4.createElement(FlexCol2, {
-    gap: 2,
-    width: "100%",
-    alignItems: "start"
-  }, /* @__PURE__ */ React4.createElement("h2", null, "Payload Debugger"), /* @__PURE__ */ React4.createElement(FormControl2, {
-    fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField2, {
-    value: input,
-    multiline: true,
-    minRows: 10,
-    maxRows: Infinity,
-    name: "payload",
-    onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
-  })), /* @__PURE__ */ React4.createElement(JsonPayloadLikeViewerEx, {
-    value: payload
-  }), errors.map((error) => /* @__PURE__ */ React4.createElement(ErrorRender2, {
-    key: error?.message,
-    error
-  })), /* @__PURE__ */ React4.createElement(ValidationChips, {
-    valid,
+  const {
+    payload,
+    errors,
     rootHash,
-    dataHash
-  }))));
-}, "PayloadDebugger");
+    dataHash,
+    valid
+  } = useDebugPayload(input);
+  return /* @__PURE__ */ jsx4(Grid2, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx4(
+    Grid2,
+    {
+      size: { xs: 12, sm: 6 },
+      children: /* @__PURE__ */ jsxs3(FlexCol2, { gap: 2, width: "100%", alignItems: "start", children: [
+        /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
+        /* @__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) }) }),
+        /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
+        errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
+        /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
+      ] })
+    }
+  ) });
+};
 export {
   BoundWitnessDebugger,
   JsonPayloadLikeViewerEx,

package/dist/browser/index.mjs.map

@@ -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":["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"]}
+{"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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-debug",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,46 +36,115 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/react-error": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xyo-network/react-payload-raw-info": "7.5.8",
-    "@xyo-network/react-shared": "7.5.8"
+    "@xyo-network/react-payload-raw-info": "~7.5.11",
+    "@xyo-network/react-shared": "~7.5.11"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@bitauth/libauth": "~3.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@textea/json-viewer": "~4.0.1",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "storybook": "~10.3.3",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-error": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/threads": "~5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "debug": "~4.4.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "hash-wasm": "~4.12.0",
+    "js-cookie": "~3.0.5",
+    "observable-fns": "~0.6.1",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
+    "vite": "^8.0.10",
+    "wasm-feature-detect": "~1.8.0",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7",
-    "zod": "^4"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@textea/json-viewer": "~4.0.1",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-error": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-link": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/react-shared": "~7.1.20",
+    "@xylabs/react-theme": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/BoundWitnessDebugger.stories.tsx

@@ -1,26 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { BoundWitnessDebugger } from './BoundWitnessDebugger.tsx'
-
-// eslint-disable-next-line @stylistic/max-len
-const valid = '{"$sourceQuery":"4668b65854019e2be3477ef64821d3634902a89e49150c94c6e2a75bc2d6458d","addresses":["1895c94d879586fce342ff4507a1c8ecc0d94d74"],"payload_hashes":["8551826d8e11ba065ab547a8e66b534efdc276b1be6119041bbaf3d69bebb8c1","d57d4ab772e1bdc1648c38e2cea7716f197e8ef503d615611f5708ce0d5c579c","cbaa3932580411cde85fda22ed6b532613a73c4ba4833ce298f73cb4a667ab92","364d4d4e29633b31a0d6924ce697ef9ae799e156794671c6bf0821380ca462d5","669ee43ad1e0b512579d531201f96958bbeae7a514b9dc3830f6c6eef4037686","4415a6863ed8ffbc086af5bde278a69dbb0384c93e45b11b0264a563b6c206ac","17c4ac3c9e8f1666321b7abd58b76d114219b17a8fcd17eeb4a11270e100db69","f0c6a68a1ddbcc6c5109d139367f9e6e14b5c2ec7f5aafd8e408de647ee6338f","1df4a80913ed0e18471c0edbac30eeac2470a49b40fb9719a27757ca946463b7","60d7361a72fec37a1c4dfe0a559cb076acd43ed3924115ba83954d32ea93714c"],"payload_schemas":["network.xyo.module.manifest","network.xyo.diviner.schema.stats.config","network.xyo.config","network.xyo.address","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.module.description"],"previous_hashes":["a5d24d97867fd13251cae9bad7a7bd73d6bc8ab7490aac9612b75bad961e9bd9"],"schema":"network.xyo.boundwitness","$signatures":["af83f4d2e875648e511fc65f7d87c681a2b683bdf3085e4361dfccb90c56afd44ea56df398ded89c224519856ecf2973ea43999fc9723d43703af89b1d758b37"]}'
-// eslint-disable-next-line @stylistic/max-len
-const inValid = '{"$sourceQuery":"4668b65854019e2be3477ef64821d3634902a89e49150c94c6e2a75bc2d6458d","addresses":["1895c94d879586fce342ff4507a1c8ecc0d94d74"],"payload_hashes":["8551826d8e11ba065ab547a8e66b534efdc276b1be6119041bbaf3d69bebb8c1","d57d4ab772e1bdc1648c38e2cea7716f197e8ef503d615611f5708ce0d5c579c","cbaa3932580411cde85fda22ed6b532613a73c4ba4833ce298f73cb4a667ab92","364d4d4e29633b31a0d6924ce697ef9ae799e156794671c6bf0821380ca462d5","669ee43ad1e0b512579d531201f96958bbeae7a514b9dc3830f6c6eef4037686","4415a6863ed8ffbc086af5bde278a69dbb0384c93e45b11b0264a563b6c206ac","17c4ac3c9e8f1666321b7abd58b76d114219b17a8fcd17eeb4a11270e100db69","f0c6a68a1ddbcc6c5109d139367f9e6e14b5c2ec7f5aafd8e408de647ee6338f","1df4a80913ed0e18471c0edbac30eeac2470a49b40fb9719a27757ca946463b7","60d7361a72fec37a1c4dfe0a559cb076acd43ed3924115ba83954d32ea93714c"],"payload_schemas":["network.xyo.module.manifest","network.xyo.diviner.schema.stats.config","network.xyo.config","network.xyo.address","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.query","network.xyo.break.hash"],"previous_hashes":["a5d24d97867fd13251cae9bad7a7bd73d6bc8ab7490aac9612b75bad961e9bd9"],"schema":"network.xyo.boundwitness","$signatures":["af83f4d2e875648e511fc65f7d87c681a2b683bdf3085e4361dfccb90c56afd44ea56df398ded89c224519856ecf2973ea43999fc9723d43703af89b1d758b37"]}'
-
-export default { title: 'debug/BoundWitness', component: BoundWitnessDebugger } as Meta
-
-const Template: StoryFn<typeof BoundWitnessDebugger> = args => <BoundWitnessDebugger {...args} />
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithValid = Template.bind({})
-WithValid.args = { defaultBoundWitnessInput: valid }
-
-const WithInValid = Template.bind({})
-WithInValid.args = { defaultBoundWitnessInput: inValid }
-
-export {
-  Default, WithInValid, WithValid,
-}

package/src/components/BoundWitnessDebugger.tsx

@@ -1,40 +0,0 @@
-import {
-  FormControl, Grid,
-  TextField,
-} from '@mui/material'
-import { ErrorRender } from '@xylabs/react-error'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React, { useState } from 'react'
-
-import { useDebugBoundWitness } from '../hooks/index.ts'
-import { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'
-
-export interface BoundWitnessDebuggerProps {
-  defaultBoundWitnessInput?: string
-}
-
-export const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {
-  const [input, setInput] = useState<string>(defaultBoundWitnessInput)
-
-  const {
-    boundWitness, errors, rootHash, dataHash, valid,
-  } = useDebugBoundWitness(input)
-
-  return (
-    <Grid container justifyContent="center">
-      <Grid
-        size={{ xs: 12, sm: 6 }}
-      >
-        <FlexCol gap={2} width="100%" alignItems="start">
-          <h2>BoundWitness Debugger</h2>
-          <FormControl fullWidth>
-            <TextField value={input} multiline minRows={10} maxRows={Infinity} name="payload" onChange={e => setInput(e.target.value)} />
-          </FormControl>
-          <JsonPayloadLikeViewerEx value={boundWitness} />
-          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}
-          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />
-        </FlexCol>
-      </Grid>
-    </Grid>
-  )
-}

package/src/components/PayloadDebugger.stories.tsx

@@ -1,13 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { PayloadDebugger } from './PayloadDebugger.tsx'
-
-export default { title: 'debug/payload', component: PayloadDebugger } as Meta
-
-const Template: StoryFn<typeof PayloadDebugger> = args => <PayloadDebugger {...args} />
-
-const Default = Template.bind({})
-Default.args = {}
-
-export { Default }

package/src/components/PayloadDebugger.tsx

@@ -1,37 +0,0 @@
-import {
-  FormControl, Grid, TextField,
-} from '@mui/material'
-import { ErrorRender } from '@xylabs/react-error'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React, { useState } from 'react'
-
-import { useDebugPayload } from '../hooks/index.ts'
-import { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'
-
-const defaultPayload = '{ "schema": "network.xyo.test", "foo": true }'
-
-export const PayloadDebugger: React.FC = () => {
-  const [input, setInput] = useState<string>(defaultPayload)
-
-  const {
-    payload, errors, rootHash, dataHash, valid,
-  } = useDebugPayload(input)
-
-  return (
-    <Grid container justifyContent="center">
-      <Grid
-        size={{ xs: 12, sm: 6 }}
-      >
-        <FlexCol gap={2} width="100%" alignItems="start">
-          <h2>Payload Debugger</h2>
-          <FormControl fullWidth>
-            <TextField value={input} multiline minRows={10} maxRows={Infinity} name="payload" onChange={e => setInput(e.target.value)} />
-          </FormControl>
-          <JsonPayloadLikeViewerEx value={payload} />
-          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}
-          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />
-        </FlexCol>
-      </Grid>
-    </Grid>
-  )
-}

package/src/components/index.ts

@@ -1,3 +0,0 @@
-export * from './BoundWitnessDebugger.tsx'
-export * from './PayloadDebugger.tsx'
-export * from './shared/index.ts'

package/src/components/shared/Chips.tsx

@@ -1,20 +0,0 @@
-import { CheckCircle } from '@mui/icons-material'
-import { Chip, type ChipProps } from '@mui/material'
-import React from 'react'
-
-export interface ValidationChipsProps extends ChipProps {
-  dataHash?: string
-  rootHash?: string
-  valid?: boolean
-}
-export const ValidationChips: React.FC<ValidationChipsProps> = ({
-  dataHash, rootHash, valid,
-}) => {
-  return (
-    <>
-      {valid ? <Chip avatar={<CheckCircle color="success" />} label="Protocol Valid" /> : null}
-      {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}
-      {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}
-    </>
-  )
-}

package/src/components/shared/JsonPayloadLikeViewerEx.tsx

@@ -1,17 +0,0 @@
-import { Paper, useTheme } from '@mui/material'
-import { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'
-import React from 'react'
-
-export interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}
-
-export const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {
-  const theme = useTheme()
-
-  return props.value
-    ? (
-        <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>
-          <JsonViewerEx style={{ width: '100%' }} {...props} />
-        </Paper>
-      )
-    : null
-}

package/src/components/shared/index.ts

@@ -1,2 +0,0 @@
-export * from './Chips.tsx'
-export * from './JsonPayloadLikeViewerEx.tsx'

package/src/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from './useDebugBoundWitness.tsx'
-export * from './useDebugPayload.tsx'

package/src/hooks/useDebugBoundWitness.tsx

@@ -1,16 +0,0 @@
-import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'
-
-export const useDebugBoundWitness = (input?: string) => {
-  const { payload: boundWitness, errors } = useValidateBoundWitness(input)
-
-  const rootHash = usePayloadRootHash(boundWitness)
-  const dataHash = usePayloadRootHash(boundWitness)
-
-  return {
-    boundWitness,
-    errors: errors ?? [],
-    valid: errors ? errors.length === 0 : true,
-    rootHash,
-    dataHash,
-  }
-}

package/src/hooks/useDebugPayload.tsx

@@ -1,11 +0,0 @@
-import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'
-
-export const useDebugPayload = (input?: string) => {
-  const { payload, errors } = usePayloadValidate(input)
-  const rootHash = usePayloadRootHash(payload)
-  const dataHash = usePayloadRootHash(payload)
-
-  return {
-    payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,
-  }
-}

package/src/index.ts

@@ -1 +0,0 @@
-export * from './components/index.ts'