@xyo-network/react-node 2.41.13 → 2.41.15

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.
Files changed (115) hide show
  1. package/dist/cjs/components/Node.d.ts.map +1 -1
  2. package/dist/cjs/components/Node.js +10 -2
  3. package/dist/cjs/components/Node.js.map +1 -1
  4. package/dist/cjs/components/NodeQueryDiviner.d.ts +3 -0
  5. package/dist/cjs/components/NodeQueryDiviner.d.ts.map +1 -0
  6. package/dist/cjs/components/NodeQueryDiviner.js +21 -0
  7. package/dist/cjs/components/NodeQueryDiviner.js.map +1 -0
  8. package/dist/cjs/contexts/Provider.d.ts +2 -2
  9. package/dist/cjs/contexts/Provider.d.ts.map +1 -1
  10. package/dist/cjs/contexts/Provider.js.map +1 -1
  11. package/dist/cjs/contexts/State.d.ts +3 -3
  12. package/dist/cjs/contexts/State.d.ts.map +1 -1
  13. package/dist/cjs/contexts/index.d.ts +2 -0
  14. package/dist/cjs/contexts/index.d.ts.map +1 -1
  15. package/dist/cjs/contexts/index.js +2 -0
  16. package/dist/cjs/contexts/index.js.map +1 -1
  17. package/dist/cjs/contexts/useAddNamedModules.d.ts +5 -0
  18. package/dist/cjs/contexts/useAddNamedModules.d.ts.map +1 -0
  19. package/dist/cjs/contexts/useAddNamedModules.js +66 -0
  20. package/dist/cjs/contexts/useAddNamedModules.js.map +1 -0
  21. package/dist/cjs/contexts/useArchivistModule.d.ts +2 -1
  22. package/dist/cjs/contexts/useArchivistModule.d.ts.map +1 -1
  23. package/dist/cjs/contexts/useArchivistModule.js +2 -2
  24. package/dist/cjs/contexts/useArchivistModule.js.map +1 -1
  25. package/dist/cjs/contexts/useDivinerModule.d.ts +3 -2
  26. package/dist/cjs/contexts/useDivinerModule.d.ts.map +1 -1
  27. package/dist/cjs/contexts/useDivinerModule.js +4 -4
  28. package/dist/cjs/contexts/useDivinerModule.js.map +1 -1
  29. package/dist/cjs/contexts/useDivinerModules.d.ts +1 -1
  30. package/dist/cjs/contexts/useDivinerModules.d.ts.map +1 -1
  31. package/dist/cjs/contexts/useDivinerModules.js +4 -3
  32. package/dist/cjs/contexts/useDivinerModules.js.map +1 -1
  33. package/dist/cjs/contexts/useModuleAddresses.d.ts +1 -1
  34. package/dist/cjs/contexts/useModuleAddresses.d.ts.map +1 -1
  35. package/dist/cjs/contexts/useModules.d.ts +1 -1
  36. package/dist/cjs/contexts/useModules.d.ts.map +1 -1
  37. package/dist/cjs/contexts/useModules.js.map +1 -1
  38. package/dist/cjs/contexts/useNode.d.ts +8 -2
  39. package/dist/cjs/contexts/useNode.d.ts.map +1 -1
  40. package/dist/cjs/contexts/useNode.js +1 -1
  41. package/dist/cjs/contexts/useNode.js.map +1 -1
  42. package/dist/cjs/contexts/useNodeQueryDiviner.d.ts +3 -0
  43. package/dist/cjs/contexts/useNodeQueryDiviner.d.ts.map +1 -0
  44. package/dist/cjs/contexts/useNodeQueryDiviner.js +33 -0
  45. package/dist/cjs/contexts/useNodeQueryDiviner.js.map +1 -0
  46. package/dist/cjs/contexts/useWitnessModule.d.ts +2 -1
  47. package/dist/cjs/contexts/useWitnessModule.d.ts.map +1 -1
  48. package/dist/cjs/contexts/useWitnessModule.js +2 -2
  49. package/dist/cjs/contexts/useWitnessModule.js.map +1 -1
  50. package/dist/docs.json +527 -582
  51. package/dist/esm/components/Node.d.ts.map +1 -1
  52. package/dist/esm/components/Node.js +9 -2
  53. package/dist/esm/components/Node.js.map +1 -1
  54. package/dist/esm/components/NodeQueryDiviner.d.ts +3 -0
  55. package/dist/esm/components/NodeQueryDiviner.d.ts.map +1 -0
  56. package/dist/esm/components/NodeQueryDiviner.js +17 -0
  57. package/dist/esm/components/NodeQueryDiviner.js.map +1 -0
  58. package/dist/esm/contexts/Provider.d.ts +2 -2
  59. package/dist/esm/contexts/Provider.d.ts.map +1 -1
  60. package/dist/esm/contexts/Provider.js.map +1 -1
  61. package/dist/esm/contexts/State.d.ts +3 -3
  62. package/dist/esm/contexts/State.d.ts.map +1 -1
  63. package/dist/esm/contexts/index.d.ts +2 -0
  64. package/dist/esm/contexts/index.d.ts.map +1 -1
  65. package/dist/esm/contexts/index.js +2 -0
  66. package/dist/esm/contexts/index.js.map +1 -1
  67. package/dist/esm/contexts/useAddNamedModules.d.ts +5 -0
  68. package/dist/esm/contexts/useAddNamedModules.d.ts.map +1 -0
  69. package/dist/esm/contexts/useAddNamedModules.js +61 -0
  70. package/dist/esm/contexts/useAddNamedModules.js.map +1 -0
  71. package/dist/esm/contexts/useArchivistModule.d.ts +2 -1
  72. package/dist/esm/contexts/useArchivistModule.d.ts.map +1 -1
  73. package/dist/esm/contexts/useArchivistModule.js +2 -2
  74. package/dist/esm/contexts/useArchivistModule.js.map +1 -1
  75. package/dist/esm/contexts/useDivinerModule.d.ts +3 -2
  76. package/dist/esm/contexts/useDivinerModule.d.ts.map +1 -1
  77. package/dist/esm/contexts/useDivinerModule.js +3 -3
  78. package/dist/esm/contexts/useDivinerModule.js.map +1 -1
  79. package/dist/esm/contexts/useDivinerModules.d.ts +1 -1
  80. package/dist/esm/contexts/useDivinerModules.d.ts.map +1 -1
  81. package/dist/esm/contexts/useDivinerModules.js +2 -1
  82. package/dist/esm/contexts/useDivinerModules.js.map +1 -1
  83. package/dist/esm/contexts/useModuleAddresses.d.ts +1 -1
  84. package/dist/esm/contexts/useModuleAddresses.d.ts.map +1 -1
  85. package/dist/esm/contexts/useModules.d.ts +1 -1
  86. package/dist/esm/contexts/useModules.d.ts.map +1 -1
  87. package/dist/esm/contexts/useModules.js.map +1 -1
  88. package/dist/esm/contexts/useNode.d.ts +8 -2
  89. package/dist/esm/contexts/useNode.d.ts.map +1 -1
  90. package/dist/esm/contexts/useNode.js +1 -1
  91. package/dist/esm/contexts/useNode.js.map +1 -1
  92. package/dist/esm/contexts/useNodeQueryDiviner.d.ts +3 -0
  93. package/dist/esm/contexts/useNodeQueryDiviner.d.ts.map +1 -0
  94. package/dist/esm/contexts/useNodeQueryDiviner.js +27 -0
  95. package/dist/esm/contexts/useNodeQueryDiviner.js.map +1 -0
  96. package/dist/esm/contexts/useWitnessModule.d.ts +2 -1
  97. package/dist/esm/contexts/useWitnessModule.d.ts.map +1 -1
  98. package/dist/esm/contexts/useWitnessModule.js +2 -2
  99. package/dist/esm/contexts/useWitnessModule.js.map +1 -1
  100. package/package.json +16 -13
  101. package/src/components/Node.stories.tsx +37 -0
  102. package/src/components/Node.tsx +13 -2
  103. package/src/components/NodeQueryDiviner.stories.tsx +31 -0
  104. package/src/components/NodeQueryDiviner.tsx +29 -0
  105. package/src/contexts/Provider.tsx +3 -3
  106. package/src/contexts/State.ts +3 -3
  107. package/src/contexts/index.ts +2 -0
  108. package/src/contexts/useAddNamedModules.tsx +72 -0
  109. package/src/contexts/useArchivistModule.ts +3 -2
  110. package/src/contexts/useDivinerModule.ts +4 -3
  111. package/src/contexts/useDivinerModules.ts +2 -1
  112. package/src/contexts/useModules.ts +2 -1
  113. package/src/contexts/useNode.ts +4 -4
  114. package/src/contexts/useNodeQueryDiviner.tsx +34 -0
  115. package/src/contexts/useWitnessModule.ts +3 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAO1C,CAAA"}
1
+ {"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAA"}
@@ -1,9 +1,16 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Typography } from '@mui/material';
3
2
  import { FlexCol } from '@xylabs/react-flexbox';
3
+ import { useAsyncEffect } from '@xylabs/react-shared';
4
+ import { useState } from 'react';
4
5
  import { useNode } from '../contexts';
5
6
  export const NodeBox = (props) => {
6
7
  const [node] = useNode();
7
- return (_jsx(FlexCol, { ...props, children: _jsx(Typography, { children: JSON.stringify(node?.description(), null, 2) }) }));
8
+ const [description, setDescription] = useState();
9
+ useAsyncEffect(
10
+ // eslint-disable-next-line react-hooks/exhaustive-deps
11
+ async () => {
12
+ setDescription(JSON.stringify(await node?.description(), null, 2));
13
+ }, [node]);
14
+ return (_jsx(FlexCol, { ...props, children: _jsx("pre", { children: description }) }));
8
15
  };
9
16
  //# sourceMappingURL=Node.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,KAAC,UAAU,cAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,GAAc,GAC/D,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IACxB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IACpE,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,wBAAM,WAAW,GAAO,GAChB,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const NodeQueryDiviner: React.FC;
3
+ //# sourceMappingURL=NodeQueryDiviner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NodeQueryDiviner.d.ts","sourceRoot":"","sources":["../../../src/components/NodeQueryDiviner.tsx"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAoBpC,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Button, TextField } from '@mui/material';
3
+ import { FlexCol } from '@xylabs/react-flexbox';
4
+ import { XyoPayloadBuilder } from '@xyo-network/payload-builder';
5
+ import { useState } from 'react';
6
+ import { useNodeQueryDiviner } from '../contexts';
7
+ export const NodeQueryDiviner = () => {
8
+ const [query, setQuery] = useState();
9
+ const [address, setAddress] = useState('');
10
+ const [result, error] = useNodeQueryDiviner('AddressHistoryDiviner', query);
11
+ const onClick = () => {
12
+ const query = new XyoPayloadBuilder({ schema: 'network.xyo.diviner.address.query' }).fields({ address }).build();
13
+ setQuery(query);
14
+ };
15
+ return (_jsxs(FlexCol, { rowGap: 2, children: [_jsx(TextField, { placeholder: "Address on localhost", onChange: (event) => setAddress(event.target.value) }), _jsx(Button, { disabled: !address, variant: 'contained', onClick: onClick, children: "divine" }), _jsx("code", { style: { overflowWrap: 'anywhere' }, children: JSON.stringify(result, null, 2) }), _jsx("code", { style: { overflowWrap: 'anywhere' }, children: JSON.stringify(error, null, 2) })] }));
16
+ };
17
+ //# sourceMappingURL=NodeQueryDiviner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NodeQueryDiviner.js","sourceRoot":"","sources":["../../../src/components/NodeQueryDiviner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAc,CAAA;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,mBAAmB,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAA;IAE3E,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,IAAI,iBAAiB,CAAC,EAAE,MAAM,EAAE,mCAAmC,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;QAChH,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,aAChB,KAAC,SAAS,IAAC,WAAW,EAAC,sBAAsB,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,EACrG,KAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,uBAEzD,EACT,eAAM,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,EACnF,eAAM,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,IAC1E,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { WithChildren } from '@xylabs/react-shared';
3
- import { AbstractNode } from '@xyo-network/node';
3
+ import { NodeModule } from '@xyo-network/node';
4
4
  export interface NodeProviderProps {
5
5
  required?: boolean;
6
- node?: AbstractNode;
6
+ node?: NodeModule;
7
7
  }
8
8
  /** @deprecated use NodeProviderProps instead */
9
9
  export type XyoNodeProviderProps = NodeProviderProps;
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,gDAAgD;AAChD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAA;AAEpD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAQlE,CAAA;AAED,2CAA2C;AAC3C,eAAO,MAAM,eAAe,qDAAe,CAAA"}
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAK9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,gDAAgD;AAChD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAA;AAEpD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAQlE,CAAA;AAED,2CAA2C;AAC3C,eAAO,MAAM,eAAe,qDAAe,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUvC,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAgB,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAG,QAAQ,GAAwB,CAAC,CAAC,CAAC,IAAI,CAAA;AACrI,CAAC,CAAA;AAED,2CAA2C;AAC3C,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAA"}
1
+ {"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUvC,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAc,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAG,QAAQ,GAAwB,CAAC,CAAC,CAAC,IAAI,CAAA;AACrI,CAAC,CAAA;AAED,2CAA2C;AAC3C,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAA"}
@@ -1,7 +1,7 @@
1
- import { AbstractNode } from '@xyo-network/node';
1
+ import { NodeModule } from '@xyo-network/node';
2
2
  import { Dispatch } from 'react';
3
3
  export interface NodeContextState {
4
- node?: AbstractNode;
5
- setNode?: Dispatch<AbstractNode>;
4
+ node?: NodeModule;
5
+ setNode?: Dispatch<NodeModule>;
6
6
  }
7
7
  //# sourceMappingURL=State.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CACjC"}
1
+ {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;CAC/B"}
@@ -3,6 +3,7 @@ export * from './MemoryProvider';
3
3
  export * from './NodeDrawerContext';
4
4
  export * from './Provider';
5
5
  export * from './State';
6
+ export * from './useAddNamedModules';
6
7
  export * from './useArchivistModule';
7
8
  export * from './useArchivistModules';
8
9
  export * from './useDivinerModule';
@@ -10,6 +11,7 @@ export * from './useDivinerModules';
10
11
  export * from './useModuleAddresses';
11
12
  export * from './useModules';
12
13
  export * from './useNode';
14
+ export * from './useNodeQueryDiviner';
13
15
  export * from './useWitnessModule';
14
16
  export * from './useWitnessModules';
15
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
@@ -3,6 +3,7 @@ export * from './MemoryProvider';
3
3
  export * from './NodeDrawerContext';
4
4
  export * from './Provider';
5
5
  export * from './State';
6
+ export * from './useAddNamedModules';
6
7
  export * from './useArchivistModule';
7
8
  export * from './useArchivistModules';
8
9
  export * from './useDivinerModule';
@@ -10,6 +11,7 @@ export * from './useDivinerModules';
10
11
  export * from './useModuleAddresses';
11
12
  export * from './useModules';
12
13
  export * from './useNode';
14
+ export * from './useNodeQueryDiviner';
13
15
  export * from './useWitnessModule';
14
16
  export * from './useWitnessModules';
15
17
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { ApiConfig } from '@xylabs/sdk-js';
2
+ type ModuleList = Record<string, symbol>;
3
+ export declare const useAddNamedModules: (moduleList?: ModuleList, apiConfig?: ApiConfig, reset?: boolean) => boolean;
4
+ export {};
5
+ //# sourceMappingURL=useAddNamedModules.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAddNamedModules.d.ts","sourceRoot":"","sources":["../../../src/contexts/useAddNamedModules.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAU1C,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AA2BxC,eAAO,MAAM,kBAAkB,gBAAiB,UAAU,cAAc,SAAS,6BAiChF,CAAA"}
@@ -0,0 +1,61 @@
1
+ import { useAsyncEffect } from '@xylabs/react-shared';
2
+ import { ArchivistWrapper } from '@xyo-network/archivist';
3
+ import { DivinerWrapper } from '@xyo-network/diviner-wrapper';
4
+ import { HttpProxyModule } from '@xyo-network/http-proxy-module';
5
+ import { AbstractModuleConfigSchema } from '@xyo-network/module';
6
+ import { MemoryNode } from '@xyo-network/node';
7
+ import { useState } from 'react';
8
+ import { useNode } from './useNode';
9
+ const addWrapper = (remoteModule) => {
10
+ let wrapper;
11
+ if (remoteModule.config.schema.includes('divine')) {
12
+ wrapper = new DivinerWrapper(remoteModule);
13
+ }
14
+ else if (remoteModule.config.schema.includes('archivist')) {
15
+ wrapper = new ArchivistWrapper(remoteModule);
16
+ }
17
+ return wrapper;
18
+ };
19
+ const addToNode = (remoteModule, name, memoryNode) => {
20
+ const wrapper = addWrapper(remoteModule);
21
+ memoryNode.register(wrapper ?? remoteModule);
22
+ memoryNode.attach(remoteModule.address, name);
23
+ console.log('attached:', name);
24
+ };
25
+ const resolveNode = async (node, reset) => {
26
+ let localNode = node;
27
+ if (reset) {
28
+ localNode = await MemoryNode.create();
29
+ }
30
+ return localNode;
31
+ };
32
+ export const useAddNamedModules = (moduleList, apiConfig, reset = false) => {
33
+ const [node, setNode] = useNode();
34
+ const [complete, setComplete] = useState(false);
35
+ useAsyncEffect(
36
+ // eslint-disable-next-line react-hooks/exhaustive-deps
37
+ async () => {
38
+ if (moduleList && apiConfig && node && !complete) {
39
+ const localNode = await resolveNode(node, reset);
40
+ await Promise.allSettled(Object.entries(moduleList).map(async ([_key, { description }]) => {
41
+ try {
42
+ const remoteModule = await HttpProxyModule.create({
43
+ apiConfig,
44
+ config: { schema: AbstractModuleConfigSchema },
45
+ name: description,
46
+ });
47
+ addToNode(remoteModule, description ?? 'unknown', localNode);
48
+ // using .assign instead of spread because we need to keep the prototype chain intact for root node / module methods
49
+ const newNode = Object.assign(Object.create(Object.getPrototypeOf(node)), node);
50
+ setNode?.(newNode);
51
+ setComplete(true);
52
+ }
53
+ catch (error) {
54
+ console.log(error);
55
+ }
56
+ }));
57
+ }
58
+ }, [apiConfig, complete, moduleList, node, reset, setNode]);
59
+ return complete;
60
+ };
61
+ //# sourceMappingURL=useAddNamedModules.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAddNamedModules.js","sourceRoot":"","sources":["../../../src/contexts/useAddNamedModules.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
1
  import { ArchivistWrapper } from '@xyo-network/archivist';
2
- export declare const useArchivistModule: (address?: string) => ArchivistWrapper | undefined;
2
+ import { ModuleFilter } from '@xyo-network/module';
3
+ export declare const useArchivistModule: (filter?: ModuleFilter) => ArchivistWrapper | undefined;
3
4
  //# sourceMappingURL=useArchivistModule.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useArchivistModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useArchivistModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,eAAO,MAAM,kBAAkB,aAAc,MAAM,iCAIlD,CAAA"}
1
+ {"version":3,"file":"useArchivistModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useArchivistModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIlD,eAAO,MAAM,kBAAkB,YAAa,YAAY,iCAIvD,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { ArchivistWrapper } from '@xyo-network/archivist';
2
2
  import { useModules } from './useModules';
3
- export const useArchivistModule = (address) => {
4
- const modules = useModules({ address: address ? [address] : undefined });
3
+ export const useArchivistModule = (filter) => {
4
+ const modules = useModules(filter);
5
5
  const foundModule = modules?.shift();
6
6
  return foundModule ? new ArchivistWrapper(foundModule) : undefined;
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useArchivistModule.js","sourceRoot":"","sources":["../../../src/contexts/useArchivistModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAA;IACxE,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACpE,CAAC,CAAA"}
1
+ {"version":3,"file":"useArchivistModule.js","sourceRoot":"","sources":["../../../src/contexts/useArchivistModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAE,EAAE;IAC1D,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;IAClC,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACpE,CAAC,CAAA"}
@@ -1,3 +1,4 @@
1
- import { DivinerWrapper } from '@xyo-network/diviner';
2
- export declare const useDivinerModule: (address?: string) => DivinerWrapper | undefined;
1
+ import { DivinerWrapper } from '@xyo-network/diviner-wrapper';
2
+ import { ModuleFilter } from '@xyo-network/module';
3
+ export declare const useDivinerModule: (filter?: ModuleFilter) => DivinerWrapper | undefined;
3
4
  //# sourceMappingURL=useDivinerModule.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDivinerModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useDivinerModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,eAAO,MAAM,gBAAgB,aAAc,MAAM,+BAIhD,CAAA"}
1
+ {"version":3,"file":"useDivinerModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useDivinerModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIlD,eAAO,MAAM,gBAAgB,YAAa,YAAY,+BAIrD,CAAA"}
@@ -1,7 +1,7 @@
1
- import { DivinerWrapper } from '@xyo-network/diviner';
1
+ import { DivinerWrapper } from '@xyo-network/diviner-wrapper';
2
2
  import { useModules } from './useModules';
3
- export const useDivinerModule = (address) => {
4
- const modules = useModules({ address: address ? [address] : undefined });
3
+ export const useDivinerModule = (filter) => {
4
+ const modules = useModules(filter);
5
5
  const foundModule = modules?.shift();
6
6
  return foundModule ? new DivinerWrapper(foundModule) : undefined;
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useDivinerModule.js","sourceRoot":"","sources":["../../../src/contexts/useDivinerModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAA;IACxE,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAClE,CAAC,CAAA"}
1
+ {"version":3,"file":"useDivinerModule.js","sourceRoot":"","sources":["../../../src/contexts/useDivinerModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAqB,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;IAClC,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAClE,CAAC,CAAA"}
@@ -1,3 +1,3 @@
1
- import { DivinerWrapper } from '@xyo-network/diviner';
1
+ import { DivinerWrapper } from '@xyo-network/diviner-wrapper';
2
2
  export declare const useDivinerModules: () => DivinerWrapper[] | undefined;
3
3
  //# sourceMappingURL=useDivinerModules.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDivinerModules.d.ts","sourceRoot":"","sources":["../../../src/contexts/useDivinerModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,sBAAsB,CAAA;AAIlF,eAAO,MAAM,iBAAiB,oCAG7B,CAAA"}
1
+ {"version":3,"file":"useDivinerModules.d.ts","sourceRoot":"","sources":["../../../src/contexts/useDivinerModules.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAI7D,eAAO,MAAM,iBAAiB,oCAG7B,CAAA"}
@@ -1,4 +1,5 @@
1
- import { DivinerWrapper, XyoDivinerDivineQuerySchema } from '@xyo-network/diviner';
1
+ import { XyoDivinerDivineQuerySchema } from '@xyo-network/diviner-model';
2
+ import { DivinerWrapper } from '@xyo-network/diviner-wrapper';
2
3
  import { useModules } from './useModules';
3
4
  export const useDivinerModules = () => {
4
5
  const modules = useModules({ query: [[XyoDivinerDivineQuerySchema]] });
@@ -1 +1 @@
1
- {"version":3,"file":"useDivinerModules.js","sourceRoot":"","sources":["../../../src/contexts/useDivinerModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAA;IACtE,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;AAC7D,CAAC,CAAA"}
1
+ {"version":3,"file":"useDivinerModules.js","sourceRoot":"","sources":["../../../src/contexts/useDivinerModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAA;IACtE,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;AAC7D,CAAC,CAAA"}
@@ -1,2 +1,2 @@
1
- export declare const useModuleAddresses: () => (string[] | undefined)[];
1
+ export declare const useModuleAddresses: () => (import("@xyo-network/promise").Promisable<string[], never> | undefined)[];
2
2
  //# sourceMappingURL=useModuleAddresses.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useModuleAddresses.d.ts","sourceRoot":"","sources":["../../../src/contexts/useModuleAddresses.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,gCAgB9B,CAAA"}
1
+ {"version":3,"file":"useModuleAddresses.d.ts","sourceRoot":"","sources":["../../../src/contexts/useModuleAddresses.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,kFAgB9B,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { Module, ModuleFilter } from '@xyo-network/module';
2
- export declare const useModules: (filter?: ModuleFilter) => Module<import("@xyo-network/payload").SchemaFields & import("@xyo-network/payload").PayloadFields & {
2
+ export declare const useModules: (filter?: ModuleFilter) => Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
3
3
  schema: string;
4
4
  }>[] | undefined;
5
5
  //# sourceMappingURL=useModules.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useModules.d.ts","sourceRoot":"","sources":["../../../src/contexts/useModules.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAK1D,eAAO,MAAM,UAAU,YAAa,YAAY;;gBAgB/C,CAAA"}
1
+ {"version":3,"file":"useModules.d.ts","sourceRoot":"","sources":["../../../src/contexts/useModules.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAM1D,eAAO,MAAM,UAAU,YAAa,YAAY;;gBAgB/C,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/contexts/useModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAqB,EAAE,EAAE;IAClD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAY,CAAA;IAElD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,OAAO,EAAE,EAAE;YACb,UAAU,CAAC,OAAO,CAAC,CAAA;SACpB;IACH,CAAC,EACD,CAAC,MAAM,EAAE,IAAI,CAAC,CACf,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
1
+ {"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/contexts/useModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAqB,EAAE,EAAE;IAClD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAgB,CAAA;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAY,CAAA;IAElD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,OAAO,EAAE,EAAE;YACb,UAAU,CAAC,OAAO,CAAC,CAAA;SACpB;IACH,CAAC,EACD,CAAC,MAAM,EAAE,IAAI,CAAC,CACf,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
@@ -1,4 +1,10 @@
1
- import { AbstractNode } from '@xyo-network/node';
1
+ import { NodeModule } from '@xyo-network/node';
2
2
  import { Dispatch } from 'react';
3
- export declare const useNode: () => [AbstractNode | undefined, Dispatch<AbstractNode> | undefined];
3
+ export declare const useNode: <T extends NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
4
+ schema: string;
5
+ }>> = NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
6
+ schema: string;
7
+ }>>>() => [T | undefined, Dispatch<NodeModule<import("@xyo-network/module-model").Module<import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
8
+ schema: string;
9
+ }>>> | undefined];
4
10
  //# sourceMappingURL=useNode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useNode.d.ts","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,eAAO,MAAM,OAAO,QAAO,CAAC,YAAY,GAAG,SAAS,EAAE,SAAS,YAAY,CAAC,GAAG,SAAS,CAIvF,CAAA"}
1
+ {"version":3,"file":"useNode.d.ts","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,eAAO,MAAM,OAAO;;;;;;iBAInB,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { useContextEx } from '@xyo-network/react-shared';
2
2
  import { NodeContext } from './Context';
3
3
  export const useNode = () => {
4
- const { node, setNode } = useContextEx(NodeContext, 'XyoNode');
4
+ const { node, setNode } = useContextEx(NodeContext, 'Node');
5
5
  return [node, setNode];
6
6
  };
7
7
  //# sourceMappingURL=useNode.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAmE,EAAE;IAC1F,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IAE9D,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AACxB,CAAC,CAAA"}
1
+ {"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAyF,EAAE;IAChH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAE3D,OAAO,CAAC,IAAS,EAAE,OAAO,CAAC,CAAA;AAC7B,CAAC,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { XyoPayload, XyoPayloads } from '@xyo-network/payload-model';
2
+ export declare const useNodeQueryDiviner: (moduleIdentifier?: string, query?: XyoPayload) => [XyoPayloads | undefined, Error | undefined];
3
+ //# sourceMappingURL=useNodeQueryDiviner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNodeQueryDiviner.d.ts","sourceRoot":"","sources":["../../../src/contexts/useNodeQueryDiviner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAKpE,eAAO,MAAM,mBAAmB,sBAAuB,MAAM,UAAU,UAAU,KAAG,CAAC,WAAW,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAyB9H,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { useAsyncEffect } from '@xylabs/react-shared';
2
+ import { useState } from 'react';
3
+ import { useNode } from './useNode';
4
+ export const useNodeQueryDiviner = (moduleIdentifier, query) => {
5
+ const [result, setResult] = useState();
6
+ const [error, setError] = useState();
7
+ const [node] = useNode();
8
+ useAsyncEffect(
9
+ // eslint-disable-next-line react-hooks/exhaustive-deps
10
+ async () => {
11
+ if (moduleIdentifier && query) {
12
+ try {
13
+ const diviner = (await node?.tryResolve({ name: [moduleIdentifier] }))?.[0];
14
+ const result = await diviner?.divine([query]);
15
+ setResult(result);
16
+ setError(undefined);
17
+ }
18
+ catch (e) {
19
+ console.error(e);
20
+ setResult(undefined);
21
+ setError(e);
22
+ }
23
+ }
24
+ }, [moduleIdentifier, node, query]);
25
+ return [result, error];
26
+ };
27
+ //# sourceMappingURL=useNodeQueryDiviner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useNodeQueryDiviner.js","sourceRoot":"","sources":["../../../src/contexts/useNodeQueryDiviner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,gBAAyB,EAAE,KAAkB,EAAgD,EAAE;IACjI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAe,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAc,CAAA;IAEpC,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,gBAAgB,IAAI,KAAK,EAAE;YAC7B,IAAI;gBACF,MAAM,OAAO,GAAG,CAAC,MAAM,IAAI,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAmB,CAAA;gBAC7F,MAAM,MAAM,GAAG,MAAM,OAAO,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC7C,SAAS,CAAC,MAAM,CAAC,CAAA;gBACjB,QAAQ,CAAC,SAAS,CAAC,CAAA;aACpB;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,SAAS,CAAC,SAAS,CAAC,CAAA;gBACpB,QAAQ,CAAC,CAAU,CAAC,CAAA;aACrB;SACF;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,CAChC,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA"}
@@ -1,3 +1,4 @@
1
+ import { ModuleFilter } from '@xyo-network/module';
1
2
  import { WitnessWrapper } from '@xyo-network/witness';
2
- export declare const useWitnessModule: (address?: string) => WitnessWrapper | undefined;
3
+ export declare const useWitnessModule: (filter?: ModuleFilter) => WitnessWrapper | undefined;
3
4
  //# sourceMappingURL=useWitnessModule.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useWitnessModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useWitnessModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,eAAO,MAAM,gBAAgB,aAAc,MAAM,+BAIhD,CAAA"}
1
+ {"version":3,"file":"useWitnessModule.d.ts","sourceRoot":"","sources":["../../../src/contexts/useWitnessModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAIrD,eAAO,MAAM,gBAAgB,YAAa,YAAY,+BAIrD,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { WitnessWrapper } from '@xyo-network/witness';
2
2
  import { useModules } from './useModules';
3
- export const useWitnessModule = (address) => {
4
- const modules = useModules({ address: address ? [address] : undefined });
3
+ export const useWitnessModule = (filter) => {
4
+ const modules = useModules(filter);
5
5
  const foundModule = modules?.shift();
6
6
  return foundModule ? new WitnessWrapper(foundModule) : undefined;
7
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useWitnessModule.js","sourceRoot":"","sources":["../../../src/contexts/useWitnessModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAA;IACxE,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAClE,CAAC,CAAA"}
1
+ {"version":3,"file":"useWitnessModule.js","sourceRoot":"","sources":["../../../src/contexts/useWitnessModule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAqB,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;IAClC,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,EAAE,CAAA;IACpC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAClE,CAAC,CAAA"}
package/package.json CHANGED
@@ -10,15 +10,23 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@mui/lab": "^5.0.0-alpha.112",
14
- "@xylabs/react-flexbox": "^2.15.5",
15
- "@xylabs/react-shared": "^2.15.5",
16
- "@xyo-network/react-shared": "^2.41.13",
17
- "lodash": "^4.17.21",
18
- "tslib": "^2.4.1"
13
+ "@mui/lab": "^5.0.0-alpha.113",
14
+ "@xylabs/react-flexbox": "^2.15.6",
15
+ "@xylabs/react-shared": "^2.15.6",
16
+ "@xyo-network/archivist": "^2.43.1",
17
+ "@xyo-network/diviner-model": "^2.43.1",
18
+ "@xyo-network/diviner-wrapper": "^2.43.1",
19
+ "@xyo-network/http-proxy-module": "^2.43.1",
20
+ "@xyo-network/module": "^2.43.1",
21
+ "@xyo-network/node": "^2.43.1",
22
+ "@xyo-network/payload-builder": "^2.43.1",
23
+ "@xyo-network/payload-model": "^2.43.1",
24
+ "@xyo-network/react-shared": "^2.41.15",
25
+ "@xyo-network/witness": "^2.43.1",
26
+ "lodash": "^4.17.21"
19
27
  },
20
28
  "devDependencies": {
21
- "@xylabs/ts-scripts-yarn3": "2.9.0"
29
+ "@xylabs/ts-scripts-yarn3": "2.11.16"
22
30
  },
23
31
  "peerDependencies": {
24
32
  "@mui/icons-material": "^5.10.3",
@@ -26,11 +34,6 @@
26
34
  "@mui/material": "^5.10.3",
27
35
  "@mui/styles": "^5.10.3",
28
36
  "@xylabs/sdk-js": "^2.6.7",
29
- "@xyo-network/archivist": "*",
30
- "@xyo-network/diviner": "*",
31
- "@xyo-network/module": "*",
32
- "@xyo-network/node": "*",
33
- "@xyo-network/witness": "*",
34
37
  "axios": "^1.2.1",
35
38
  "react": "^18.2.0",
36
39
  "react-dom": "^18.2.0",
@@ -79,5 +82,5 @@
79
82
  },
80
83
  "sideEffects": false,
81
84
  "types": "dist/esm/index.d.ts",
82
- "version": "2.41.13"
85
+ "version": "2.41.15"
83
86
  }
@@ -0,0 +1,37 @@
1
+ import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
2
+ import { NodeConfigSchema } from '@xyo-network/node'
3
+
4
+ import { MemoryNodeProvider, useAddNamedModules } from '../contexts'
5
+ import { NodeBox } from './Node'
6
+
7
+ const NodeBoxDecorator: DecoratorFn = (Story, args) => {
8
+ return (
9
+ <MemoryNodeProvider config={{ schema: NodeConfigSchema }}>
10
+ <Story {...args} />
11
+ </MemoryNodeProvider>
12
+ )
13
+ }
14
+
15
+ const AddModulesDecorator: DecoratorFn = (Story, args) => {
16
+ const list = { AddressHistoryDiviner: Symbol('AddressHistoryDiviner') }
17
+ useAddNamedModules(list, { apiDomain: 'http://localhost:8080' })
18
+ return <Story {...args} />
19
+ }
20
+
21
+ // eslint-disable-next-line import/no-default-export
22
+ export default {
23
+ component: NodeBox,
24
+ decorators: [NodeBoxDecorator],
25
+ title: 'node/NodeBox',
26
+ } as Meta
27
+
28
+ const Template: ComponentStory<typeof NodeBox> = (props) => <NodeBox {...props} />
29
+
30
+ const Default = Template.bind({})
31
+ Default.args = {}
32
+
33
+ const WithModules = Template.bind({})
34
+ WithModules.decorators = [AddModulesDecorator]
35
+ WithModules.argTypes = {}
36
+
37
+ export { Default, WithModules }
@@ -1,13 +1,24 @@
1
- import { Typography } from '@mui/material'
2
1
  import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
2
+ import { useAsyncEffect } from '@xylabs/react-shared'
3
+ import { useState } from 'react'
3
4
 
4
5
  import { useNode } from '../contexts'
5
6
 
6
7
  export const NodeBox: React.FC<FlexBoxProps> = (props) => {
7
8
  const [node] = useNode()
9
+ const [description, setDescription] = useState<string>()
10
+
11
+ useAsyncEffect(
12
+ // eslint-disable-next-line react-hooks/exhaustive-deps
13
+ async () => {
14
+ setDescription(JSON.stringify(await node?.description(), null, 2))
15
+ },
16
+ [node],
17
+ )
18
+
8
19
  return (
9
20
  <FlexCol {...props}>
10
- <Typography>{JSON.stringify(node?.description(), null, 2)}</Typography>
21
+ <pre>{description}</pre>
11
22
  </FlexCol>
12
23
  )
13
24
  }