@xyo-network/react-sentinel 2.65.4 → 2.65.5

package/dist/node/index.js

@@ -1,3 +1,52 @@
+// src/components/Card/Card.tsx
+import { Card } from "@mui/material";
+import { usePromise } from "@xylabs/react-promise";
+import { useState } from "react";
+
+// src/components/Card/CardActions.tsx
+import { ButtonEx } from "@xylabs/react-button";
+import { ModuleCardActions } from "@xyo-network/react-module";
+import { jsx } from "react/jsx-runtime";
+var SentinelCardActions = ({ onReport, module, ...props }) => {
+  return /* @__PURE__ */ jsx(ModuleCardActions, { module, ...props, children: /* @__PURE__ */ jsx(ButtonEx, { onClick: () => onReport == null ? void 0 : onReport(module), size: "small", variant: "outlined", children: "Report" }) });
+};
+
+// src/components/Card/CardContent.tsx
+import { FlexGrowRow } from "@xylabs/react-flexbox";
+import { ModuleCardContent } from "@xyo-network/react-module";
+import JsonView from "react-json-view";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SentinelCardContent = ({ children, report, module, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleCardContent, { module, ...props, children: /* @__PURE__ */ jsxs(FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
+    report ? /* @__PURE__ */ jsx2(JsonView, { src: report }) : null,
+    children
+  ] }) });
+};
+
+// src/components/Card/CardHeader.tsx
+import { ModuleCardHeader } from "@xyo-network/react-module";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SentinelCardHeader = ({ title, module, ...props }) => {
+  return /* @__PURE__ */ jsx3(ModuleCardHeader, { module, title: title ?? (module == null ? void 0 : module.config.name) ?? "Sentinel", ...props });
+};
+
+// src/components/Card/Card.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var SentinelCard = ({ children, inPayloads, module, ...props }) => {
+  const [retry, setRetry] = useState(-1);
+  const [report] = usePromise(async () => {
+    if (retry >= 0) {
+      return await (module == null ? void 0 : module.report(inPayloads));
+    }
+  }, [module, retry, inPayloads]);
+  return /* @__PURE__ */ jsxs2(Card, { ...props, children: [
+    /* @__PURE__ */ jsx4(SentinelCardHeader, { module }),
+    /* @__PURE__ */ jsx4(SentinelCardContent, { module, report }),
+    children,
+    /* @__PURE__ */ jsx4(SentinelCardActions, { module, onReport: () => setRetry(retry + 1) })
+  ] });
+};
+
 // src/contexts/Context.ts
 import { createContextEx } from "@xyo-network/react-shared";
 var SentinelContext = createContextEx();
@@ -6,7 +55,7 @@ var SentinelContext = createContextEx();
 import { useAsyncEffect } from "@xylabs/react-async-effect";
 import { useWitnessesFromNode } from "@xyo-network/react-witness";
 import { MemorySentinel, SentinelConfigSchema } from "@xyo-network/sentinel";
-import { useEffect, useState } from "react";
+import { useEffect, useState as useState2 } from "react";
 
 // src/contexts/State.ts
 var SentinelReportStatus = /* @__PURE__ */ ((SentinelReportStatus2) => {
@@ -19,13 +68,13 @@ var SentinelReportStatus = /* @__PURE__ */ ((SentinelReportStatus2) => {
 })(SentinelReportStatus || {});
 
 // src/contexts/Provider.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var SentinelProvider = ({ account, archivist, children, filter, name, required = false }) => {
-  const [sentinel, setSentinel] = useState();
-  const [history, setHistory] = useState();
-  const [progress, setProgress] = useState({});
-  const [status, setStatus] = useState("idle" /* Idle */);
-  const [reportingErrors, setReportingErrors] = useState();
+  const [sentinel, setSentinel] = useState2();
+  const [history, setHistory] = useState2();
+  const [progress, setProgress] = useState2({});
+  const [status, setStatus] = useState2("idle" /* Idle */);
+  const [reportingErrors, setReportingErrors] = useState2();
   const [witnesses] = useWitnessesFromNode(filter);
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -107,7 +156,7 @@ var SentinelProvider = ({ account, archivist, children, filter, name, required =
   useEffect(() => {
     setHistory(sentinel == null ? void 0 : sentinel.history);
   }, [sentinel]);
-  return !required || sentinel ? /* @__PURE__ */ jsx(SentinelContext.Provider, { value: { history, progress, provided: true, reportingErrors, sentinel, status }, children }) : null;
+  return !required || sentinel ? /* @__PURE__ */ jsx5(SentinelContext.Provider, { value: { history, progress, provided: true, reportingErrors, sentinel, status }, children }) : null;
 };
 
 // src/contexts/use.ts
@@ -155,6 +204,9 @@ var useSentinelsFromNode = (filter, config) => {
   }
 };
 export {
+  SentinelCard,
+  SentinelCardContent,
+  SentinelCardHeader,
   SentinelContext,
   SentinelProvider,
   SentinelReportStatus,

package/dist/node/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/contexts/Context.ts","../../src/contexts/Provider.tsx","../../src/contexts/State.ts","../../src/contexts/use.ts","../../src/hooks/node/useSentinelFromNode.tsx","../../src/hooks/node/useSentinelsFromNode.tsx"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SentinelContextState } from './State'\n\nexport const SentinelContext = createContextEx<SentinelContextState>()\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { AccountInstance } from '@xyo-network/account-model'\nimport { BoundWitness } from '@xyo-network/boundwitness-model'\nimport { ModuleFilter } from '@xyo-network/module'\nimport { useWitnessesFromNode } from '@xyo-network/react-witness'\nimport { MemorySentinel, SentinelConfig, SentinelConfigSchema } from '@xyo-network/sentinel'\nimport { WitnessInstance } from '@xyo-network/witness'\nimport { useEffect, useState } from 'react'\n\nimport { SentinelContext } from './Context'\nimport { SentinelReportProgress, SentinelReportStatus } from './State'\n\nexport interface SentinelProviderProps {\n  /** Account used by the sentinel for signing */\n  account: AccountInstance\n  /** @deprecated - sentinel no longer uses archive but relies on an archivist */\n  archive?: string\n  archivist?: string\n  filter?: ModuleFilter\n  name?: string\n  required?: boolean\n  witnesses?: WitnessInstance[]\n}\n\nexport const SentinelProvider: React.FC<WithChildren<SentinelProviderProps>> = ({ account, archivist, children, filter, name, required = false }) => {\n  const [sentinel, setSentinel] = useState<MemorySentinel>()\n  const [history, setHistory] = useState<BoundWitness[]>()\n  const [progress, setProgress] = useState<SentinelReportProgress>({})\n  const [status, setStatus] = useState(SentinelReportStatus.Idle)\n  const [reportingErrors, setReportingErrors] = useState<Error[]>()\n  const [witnesses] = useWitnessesFromNode(filter)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const sentinel = await MemorySentinel.create({\n        account,\n        config: {\n          archivists: archivist ? [archivist] : undefined,\n          name,\n\n          schema: SentinelConfigSchema,\n          synchronous: true,\n          tasks: witnesses?.map((module) => ({ module: module.address })),\n        } as SentinelConfig,\n      })\n      const offCallbacks: (() => void)[] = []\n      offCallbacks.push(\n        sentinel.on('reportEnd', ({ module, outPayloads }) => {\n          if (mounted()) {\n            setProgress({\n              archivists: progress.archivists,\n              witnesses: progress.witnesses,\n            })\n            setStatus(outPayloads?.length ? SentinelReportStatus.Succeeded : SentinelReportStatus.Failed)\n            setReportingErrors([Error(`Witness failed [${module?.config?.name ?? module.address}]`)])\n          }\n        }),\n      )\n      offCallbacks.push(\n        sentinel.on('reportStart', () => {\n          if (mounted()) {\n            setProgress({ archivists: {}, witnesses: {} })\n            setStatus(SentinelReportStatus.Started)\n          }\n        }),\n      )\n      witnesses?.forEach((witness) => {\n        offCallbacks.push(\n          witness.on('observeEnd', ({ module, outPayloads }) => {\n            const witnesses = progress.witnesses ?? {}\n            witnesses[witness.address] = {\n              status: outPayloads?.length ? SentinelReportStatus.Succeeded : SentinelReportStatus.Failed,\n              witness: module,\n            }\n            if (mounted()) {\n              setProgress({\n                archivists: progress.archivists,\n                witnesses,\n              })\n            }\n          }),\n        )\n        offCallbacks.push(\n          witness.on('observeStart', ({ module }) => {\n            const witnesses = progress.witnesses ?? {}\n            witnesses[witness.address] = {\n              status: SentinelReportStatus.Started,\n              witness: module,\n            }\n            if (mounted()) {\n              setProgress({\n                archivists: progress.archivists,\n                witnesses,\n              })\n            }\n          }),\n        )\n      })\n      setSentinel(sentinel as MemorySentinel)\n      return () => {\n        //unsubscribe from events\n        offCallbacks.forEach((callback) => {\n          callback()\n        })\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [account, archivist, witnesses],\n  )\n\n  useEffect(() => {\n    setHistory(sentinel?.history as BoundWitness[])\n  }, [sentinel])\n\n  return !required || sentinel ? (\n    <SentinelContext.Provider value={{ history, progress, provided: true, reportingErrors, sentinel, status }}>{children}</SentinelContext.Provider>\n  ) : null\n}\n","import { ArchivistModule } from '@xyo-network/archivist'\nimport { BoundWitness } from '@xyo-network/boundwitness-model'\nimport { SentinelModule } from '@xyo-network/sentinel'\nimport { WitnessModule } from '@xyo-network/witness'\n\nexport enum SentinelReportStatus {\n  Idle = 'idle',\n  Queued = 'queued',\n  Started = 'started',\n  Succeeded = 'succeeded',\n  Failed = 'failed',\n}\n\nexport interface SentinelWitnessReportProgress {\n  status: SentinelReportStatus\n  witness: WitnessModule\n}\n\nexport interface SentinelArchivistApiReportProgress {\n  archivist: ArchivistModule\n  status: SentinelReportStatus\n}\n\nexport interface SentinelReportProgress {\n  archivists?: Record<string, SentinelArchivistApiReportProgress>\n  witnesses?: Record<string, SentinelWitnessReportProgress>\n}\n\nexport interface SentinelContextState {\n  history?: BoundWitness[]\n  progress?: SentinelReportProgress\n  reportingErrors?: Error[]\n  sentinel?: SentinelModule\n  status?: SentinelReportStatus\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SentinelContext } from './Context'\n\nexport const useSentinelContext = () => {\n  const { sentinel, history, progress, reportingErrors, status } = useContextEx(SentinelContext, 'Sentinel')\n  return { history, progress, reportingErrors, sentinel, status }\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asSentinelInstance, SentinelInstance } from '@xyo-network/sentinel'\n\nexport const useSentinelFromNode = (\n  nameOrAddressOrInstance?: string | SentinelInstance,\n  config?: ModuleFromNodeConfig,\n): [SentinelInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asSentinelInstance(module)\n  if (module && !instance) {\n    const error = Error(`Resolved module is not a SentinelInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isSentinelInstance, SentinelInstance } from '@xyo-network/sentinel'\n\nexport const useSentinelsFromNode = (\n  filter?: ModuleFilter,\n  config?: ModuleFromNodeConfig,\n): [SentinelInstance[] | null | undefined, Error | undefined] => {\n  const [modules, error] = useModulesFromNode(filter, config)\n  if (error) {\n    return [null, error]\n  }\n  if (modules) {\n    return [\n      modules.reduce<SentinelInstance[]>((prev, module) => {\n        if (isSentinelInstance(module)) {\n          prev.push(module)\n        }\n        return prev\n      }, []),\n      undefined,\n    ]\n  } else {\n    return [modules, error]\n  }\n}\n"],"mappings":"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","names":["SentinelReportStatus","sentinel","witnesses","error"]}
+{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/contexts/Context.ts","../../src/contexts/Provider.tsx","../../src/contexts/State.ts","../../src/contexts/use.ts","../../src/hooks/node/useSentinelFromNode.tsx","../../src/hooks/node/useSentinelsFromNode.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { SentinelInstance } from '@xyo-network/sentinel-model'\nimport { useState } from 'react'\n\nimport { SentinelCardActions } from './CardActions'\nimport { SentinelCardContent } from './CardContent'\nimport { SentinelCardHeader } from './CardHeader'\n\nexport type SentinelCardProps = CardProps &\n  ModuleRenderProps<SentinelInstance> & {\n    inPayloads?: Payload[]\n  }\n\nexport const SentinelCard: React.FC<SentinelCardProps> = ({ children, inPayloads, module, ...props }) => {\n  const [retry, setRetry] = useState(-1)\n  const [report] = usePromise(async () => {\n    if (retry >= 0) {\n      return await module?.report(inPayloads)\n    }\n  }, [module, retry, inPayloads])\n  return (\n    <Card {...props}>\n      <SentinelCardHeader module={module} />\n      <SentinelCardContent module={module} report={report} />\n      {children}\n      <SentinelCardActions module={module} onReport={() => setRetry(retry + 1)} />\n    </Card>\n  )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nexport type SentinelCardActionsProps = ModuleRenderProps<SentinelInstance> &\n  CardActionsProps & {\n    onReport?: (module?: SentinelInstance) => void\n  }\n\nexport const SentinelCardActions: React.FC<SentinelCardActionsProps> = ({ onReport, module, ...props }) => {\n  return (\n    <ModuleCardActions module={module} {...props}>\n      <ButtonEx onClick={() => onReport?.(module)} size={'small'} variant={'outlined'}>\n        Report\n      </ButtonEx>\n    </ModuleCardActions>\n  )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport { SentinelInstance } from '@xyo-network/sentinel-model'\nimport React from 'react'\nimport JsonView from 'react-json-view'\n\nexport type SentinelCardContentProps = ModuleRenderProps<SentinelInstance> &\n  CardContentProps & {\n    report?: Payload[]\n  }\n\nexport const SentinelCardContent: React.FC<SentinelCardContentProps> = ({ children, report, module, ...props }) => {\n  return (\n    <ModuleCardContent module={module} {...props}>\n      <FlexGrowRow flexWrap=\"wrap\" justifyContent=\"start\" gap={2}>\n        {report ? <JsonView src={report} /> : null}\n        {children}\n      </FlexGrowRow>\n    </ModuleCardContent>\n  )\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'\nimport { SentinelInstance } from '@xyo-network/sentinel-model'\n\nexport const SentinelCardHeader: React.FC<ModuleRenderProps<SentinelInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n  return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Sentinel'} {...props} />\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SentinelContextState } from './State'\n\nexport const SentinelContext = createContextEx<SentinelContextState>()\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { AccountInstance } from '@xyo-network/account-model'\nimport { BoundWitness } from '@xyo-network/boundwitness-model'\nimport { ModuleFilter } from '@xyo-network/module'\nimport { useWitnessesFromNode } from '@xyo-network/react-witness'\nimport { MemorySentinel, SentinelConfig, SentinelConfigSchema } from '@xyo-network/sentinel'\nimport { WitnessInstance } from '@xyo-network/witness'\nimport { useEffect, useState } from 'react'\n\nimport { SentinelContext } from './Context'\nimport { SentinelReportProgress, SentinelReportStatus } from './State'\n\nexport interface SentinelProviderProps {\n  /** Account used by the sentinel for signing */\n  account: AccountInstance\n  /** @deprecated - sentinel no longer uses archive but relies on an archivist */\n  archive?: string\n  archivist?: string\n  filter?: ModuleFilter\n  name?: string\n  required?: boolean\n  witnesses?: WitnessInstance[]\n}\n\nexport const SentinelProvider: React.FC<WithChildren<SentinelProviderProps>> = ({ account, archivist, children, filter, name, required = false }) => {\n  const [sentinel, setSentinel] = useState<MemorySentinel>()\n  const [history, setHistory] = useState<BoundWitness[]>()\n  const [progress, setProgress] = useState<SentinelReportProgress>({})\n  const [status, setStatus] = useState(SentinelReportStatus.Idle)\n  const [reportingErrors, setReportingErrors] = useState<Error[]>()\n  const [witnesses] = useWitnessesFromNode(filter)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const sentinel = await MemorySentinel.create({\n        account,\n        config: {\n          archivists: archivist ? [archivist] : undefined,\n          name,\n\n          schema: SentinelConfigSchema,\n          synchronous: true,\n          tasks: witnesses?.map((module) => ({ module: module.address })),\n        } as SentinelConfig,\n      })\n      const offCallbacks: (() => void)[] = []\n      offCallbacks.push(\n        sentinel.on('reportEnd', ({ module, outPayloads }) => {\n          if (mounted()) {\n            setProgress({\n              archivists: progress.archivists,\n              witnesses: progress.witnesses,\n            })\n            setStatus(outPayloads?.length ? SentinelReportStatus.Succeeded : SentinelReportStatus.Failed)\n            setReportingErrors([Error(`Witness failed [${module?.config?.name ?? module.address}]`)])\n          }\n        }),\n      )\n      offCallbacks.push(\n        sentinel.on('reportStart', () => {\n          if (mounted()) {\n            setProgress({ archivists: {}, witnesses: {} })\n            setStatus(SentinelReportStatus.Started)\n          }\n        }),\n      )\n      witnesses?.forEach((witness) => {\n        offCallbacks.push(\n          witness.on('observeEnd', ({ module, outPayloads }) => {\n            const witnesses = progress.witnesses ?? {}\n            witnesses[witness.address] = {\n              status: outPayloads?.length ? SentinelReportStatus.Succeeded : SentinelReportStatus.Failed,\n              witness: module,\n            }\n            if (mounted()) {\n              setProgress({\n                archivists: progress.archivists,\n                witnesses,\n              })\n            }\n          }),\n        )\n        offCallbacks.push(\n          witness.on('observeStart', ({ module }) => {\n            const witnesses = progress.witnesses ?? {}\n            witnesses[witness.address] = {\n              status: SentinelReportStatus.Started,\n              witness: module,\n            }\n            if (mounted()) {\n              setProgress({\n                archivists: progress.archivists,\n                witnesses,\n              })\n            }\n          }),\n        )\n      })\n      setSentinel(sentinel as MemorySentinel)\n      return () => {\n        //unsubscribe from events\n        offCallbacks.forEach((callback) => {\n          callback()\n        })\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [account, archivist, witnesses],\n  )\n\n  useEffect(() => {\n    setHistory(sentinel?.history as BoundWitness[])\n  }, [sentinel])\n\n  return !required || sentinel ? (\n    <SentinelContext.Provider value={{ history, progress, provided: true, reportingErrors, sentinel, status }}>{children}</SentinelContext.Provider>\n  ) : null\n}\n","import { ArchivistModule } from '@xyo-network/archivist'\nimport { BoundWitness } from '@xyo-network/boundwitness-model'\nimport { SentinelModule } from '@xyo-network/sentinel'\nimport { WitnessModule } from '@xyo-network/witness'\n\nexport enum SentinelReportStatus {\n  Idle = 'idle',\n  Queued = 'queued',\n  Started = 'started',\n  Succeeded = 'succeeded',\n  Failed = 'failed',\n}\n\nexport interface SentinelWitnessReportProgress {\n  status: SentinelReportStatus\n  witness: WitnessModule\n}\n\nexport interface SentinelArchivistApiReportProgress {\n  archivist: ArchivistModule\n  status: SentinelReportStatus\n}\n\nexport interface SentinelReportProgress {\n  archivists?: Record<string, SentinelArchivistApiReportProgress>\n  witnesses?: Record<string, SentinelWitnessReportProgress>\n}\n\nexport interface SentinelContextState {\n  history?: BoundWitness[]\n  progress?: SentinelReportProgress\n  reportingErrors?: Error[]\n  sentinel?: SentinelModule\n  status?: SentinelReportStatus\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SentinelContext } from './Context'\n\nexport const useSentinelContext = () => {\n  const { sentinel, history, progress, reportingErrors, status } = useContextEx(SentinelContext, 'Sentinel')\n  return { history, progress, reportingErrors, sentinel, status }\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asSentinelInstance, SentinelInstance } from '@xyo-network/sentinel'\n\nexport const useSentinelFromNode = (\n  nameOrAddressOrInstance?: string | SentinelInstance,\n  config?: ModuleFromNodeConfig,\n): [SentinelInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asSentinelInstance(module)\n  if (module && !instance) {\n    const error = Error(`Resolved module is not a SentinelInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isSentinelInstance, SentinelInstance } from '@xyo-network/sentinel'\n\nexport const useSentinelsFromNode = (\n  filter?: ModuleFilter,\n  config?: ModuleFromNodeConfig,\n): [SentinelInstance[] | null | undefined, Error | undefined] => {\n  const [modules, error] = useModulesFromNode(filter, config)\n  if (error) {\n    return [null, error]\n  }\n  if (modules) {\n    return [\n      modules.reduce<SentinelInstance[]>((prev, module) => {\n        if (isSentinelInstance(module)) {\n          prev.push(module)\n        }\n        return prev\n      }, []),\n      undefined,\n    ]\n  } else {\n    return [modules, error]\n  }\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsxs","useState","SentinelReportStatus","jsx","useState","sentinel","witnesses","error"]}

package/package.json

@@ -12,20 +12,23 @@
   "dependencies": {
     "@xylabs/react-async-effect": "^3.0.21",
     "@xylabs/react-shared": "^3.0.21",
-    "@xyo-network/account-model": "^2.77.7",
-    "@xyo-network/archivist": "^2.77.7",
-    "@xyo-network/boundwitness-model": "^2.77.7",
-    "@xyo-network/module": "^2.77.7",
-    "@xyo-network/module-model": "^2.77.7",
-    "@xyo-network/react-node": "~2.65.4",
-    "@xyo-network/react-shared": "~2.65.4",
-    "@xyo-network/react-witness": "~2.65.4",
-    "@xyo-network/sentinel": "^2.77.7",
-    "@xyo-network/witness": "^2.77.7"
+    "@xyo-network/account-model": "^2.77.19",
+    "@xyo-network/archivist": "^2.77.19",
+    "@xyo-network/boundwitness-model": "^2.77.19",
+    "@xyo-network/module": "^2.77.19",
+    "@xyo-network/module-model": "^2.77.19",
+    "@xyo-network/react-node": "~2.65.5",
+    "@xyo-network/react-shared": "~2.65.5",
+    "@xyo-network/react-witness": "~2.65.5",
+    "@xyo-network/sentinel": "^2.77.19",
+    "@xyo-network/witness": "^2.77.19"
   },
   "devDependencies": {
     "@xylabs/ts-scripts-yarn3": "^3.1.13",
     "@xylabs/tsconfig-react": "^3.1.13",
+    "@xyo-network/crypto-contract-function-read-plugin": "^2.77.19",
+    "@xyo-network/open-zeppelin-typechain": "^2.2.11",
+    "ethers": "^5.7.2",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -86,6 +89,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.65.4",
+  "version": "2.65.5",
   "type": "module"
 }

package/src/components/Card/Card.stories.tsx

@@ -0,0 +1,152 @@
+import { InfuraProvider } from '@ethersproject/providers'
+import { Meta, StoryFn } from '@storybook/react'
+import { FlexCol } from '@xylabs/react-flexbox'
+import { usePromise } from '@xylabs/react-promise'
+import { HDWallet } from '@xyo-network/account'
+import { CryptoContractFunctionCallSchema } from '@xyo-network/crypto-contract-function-read-payload-plugin'
+import { CryptoContractDiviner, CryptoContractFunctionReadWitness } from '@xyo-network/crypto-contract-function-read-plugin'
+import { ManifestPayload, ManifestWrapper } from '@xyo-network/manifest'
+import { ModuleFactory, ModuleFactoryLocator } from '@xyo-network/module-model'
+import { ERC721__factory, ERC721Enumerable__factory, ERC1155__factory } from '@xyo-network/open-zeppelin-typechain'
+import { Payload } from '@xyo-network/payload-model'
+import { asSentinelInstance, ReportEndEventArgs } from '@xyo-network/sentinel'
+import { useState } from 'react'
+import JsonView from 'react-json-view'
+
+import { SentinelCard } from './Card'
+import NftSentinelManifest from './NftSentinel.json'
+
+const loadFromManifest = async () => {
+  const mnemonic = 'later puppy sound rebuild rebuild noise ozone amazing hope broccoli crystal grief'
+  const wallet = await HDWallet.fromMnemonic(mnemonic)
+  const provider = new InfuraProvider('homestead', {
+    projectId: process.env.STORYBOOK_INFURA_PROJECT_ID,
+    projectSecret: process.env.STORYBOOK_INFURA_PROJECT_SECRET,
+  })
+
+  const locator = new ModuleFactoryLocator()
+  locator.register(CryptoContractDiviner)
+
+  locator.register(
+    new ModuleFactory(CryptoContractFunctionReadWitness, {
+      factory: (address: string) => ERC721__factory.connect(address, provider),
+    }),
+    { 'network.xyo.crypto.contract.interface': 'Erc721' },
+  )
+
+  locator.register(
+    new ModuleFactory(CryptoContractFunctionReadWitness, {
+      factory: (address: string) => ERC721Enumerable__factory.connect(address, provider),
+    }),
+    { 'network.xyo.crypto.contract.interface': 'Erc721Enumerable' },
+  )
+
+  locator.register(
+    new ModuleFactory(CryptoContractFunctionReadWitness, {
+      factory: (address: string) => ERC1155__factory.connect(address, provider),
+    }),
+    { 'network.xyo.crypto.contract.interface': 'Erc1155' },
+  )
+
+  const manifest = new ManifestWrapper(NftSentinelManifest as ManifestPayload, wallet, locator)
+  const node = await manifest.loadNodeFromIndex(0)
+  console.log(`node: ${(await node.resolve()).length}`)
+  return node
+}
+
+const StorybookEntry = {
+  component: SentinelCard,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'modules/sentinel/SentinelCard',
+} as Meta<typeof SentinelCard>
+
+const NftSentinelTemplate: StoryFn<typeof SentinelCard> = () => {
+  const [node] = usePromise(async () => await loadFromManifest(), [])
+  const [sentinel] = usePromise(async () => {
+    if (node) {
+      const sentinel = asSentinelInstance(await node.resolve('NftInfoSentinel'))
+      sentinel?.on('reportEnd', (args) => {
+        const { inPayloads, outPayloads } = args as ReportEndEventArgs
+        console.log(`inPayloads: ${inPayloads?.length}`)
+        console.log(`outPayloads: ${outPayloads?.length}`)
+      })
+      return sentinel
+    }
+  }, [node])
+
+  const inPayloads = [
+    {
+      address: '0x562fC2927c77cB975680088566ADa1dC6cB8b5Ea', //Random ERC721
+      schema: CryptoContractFunctionCallSchema,
+    },
+  ]
+
+  return (
+    <FlexCol gap={2}>
+      <SentinelCard module={sentinel} inPayloads={inPayloads} />
+    </FlexCol>
+  )
+}
+
+const NftSentinelCard = NftSentinelTemplate.bind({})
+
+const NftTokensSentinelTemplate: StoryFn<typeof SentinelCard> = () => {
+  const [node] = usePromise(async () => await loadFromManifest(), [])
+  const [tokens, setTokens] = useState<Payload[]>()
+
+  const [tokensSentinel] = usePromise(async () => {
+    if (node) {
+      const sentinel = asSentinelInstance(await node.resolve('NftTokenInfoSentinel'))
+      sentinel?.on('reportEnd', (args) => {
+        const { inPayloads, outPayloads } = args as ReportEndEventArgs
+        console.log(`tokensSentinelInPayloads: ${inPayloads?.length}`)
+        console.log(`tokensSentinelOutPayloads: ${outPayloads?.length}`)
+        console.log(`tokens: ${JSON.stringify(outPayloads, null, 2)}`)
+      })
+      return sentinel
+    }
+  }, [node])
+
+  const [contractSentinel] = usePromise(async () => {
+    if (node) {
+      const sentinel = asSentinelInstance(await node.resolve('NftInfoSentinel'))
+      sentinel?.on('reportEnd', async (args) => {
+        const { inPayloads, outPayloads } = args as ReportEndEventArgs
+        console.log(`inPayloads: ${inPayloads?.length}`)
+        console.log(`outPayloads: ${outPayloads?.length}`)
+        const calls = Array(1000).map((_, index) => ({
+          address: '0x562fC2927c77cB975680088566ADa1dC6cB8b5Ea', //Random ERC721
+          params: [index],
+          schema: CryptoContractFunctionCallSchema,
+        }))
+        await tokensSentinel?.report(calls)
+      })
+      return sentinel
+    }
+  }, [node, tokensSentinel])
+
+  const inPayloads = [
+    {
+      address: '0x562fC2927c77cB975680088566ADa1dC6cB8b5Ea', //Random ERC721
+      schema: CryptoContractFunctionCallSchema,
+    },
+  ]
+
+  return (
+    <FlexCol gap={2}>
+      <SentinelCard module={contractSentinel} inPayloads={inPayloads} />
+      {/*tokens ? <JsonView src={tokens} /> : null*/}
+    </FlexCol>
+  )
+}
+
+const NftTokensSentinelCard = NftTokensSentinelTemplate.bind({})
+
+export { NftSentinelCard, NftTokensSentinelCard }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Card/Card.tsx

@@ -0,0 +1,32 @@
+import { Card, CardProps } from '@mui/material'
+import { usePromise } from '@xylabs/react-promise'
+import { Payload } from '@xyo-network/payload-model'
+import { ModuleRenderProps } from '@xyo-network/react-module'
+import { SentinelInstance } from '@xyo-network/sentinel-model'
+import { useState } from 'react'
+
+import { SentinelCardActions } from './CardActions'
+import { SentinelCardContent } from './CardContent'
+import { SentinelCardHeader } from './CardHeader'
+
+export type SentinelCardProps = CardProps &
+  ModuleRenderProps<SentinelInstance> & {
+    inPayloads?: Payload[]
+  }
+
+export const SentinelCard: React.FC<SentinelCardProps> = ({ children, inPayloads, module, ...props }) => {
+  const [retry, setRetry] = useState(-1)
+  const [report] = usePromise(async () => {
+    if (retry >= 0) {
+      return await module?.report(inPayloads)
+    }
+  }, [module, retry, inPayloads])
+  return (
+    <Card {...props}>
+      <SentinelCardHeader module={module} />
+      <SentinelCardContent module={module} report={report} />
+      {children}
+      <SentinelCardActions module={module} onReport={() => setRetry(retry + 1)} />
+    </Card>
+  )
+}

package/src/components/Card/CardActions.tsx

@@ -0,0 +1,19 @@
+import { CardActionsProps } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'
+import { SentinelInstance } from '@xyo-network/sentinel'
+
+export type SentinelCardActionsProps = ModuleRenderProps<SentinelInstance> &
+  CardActionsProps & {
+    onReport?: (module?: SentinelInstance) => void
+  }
+
+export const SentinelCardActions: React.FC<SentinelCardActionsProps> = ({ onReport, module, ...props }) => {
+  return (
+    <ModuleCardActions module={module} {...props}>
+      <ButtonEx onClick={() => onReport?.(module)} size={'small'} variant={'outlined'}>
+        Report
+      </ButtonEx>
+    </ModuleCardActions>
+  )
+}

package/src/components/Card/CardContent.tsx

@@ -0,0 +1,23 @@
+import { CardContentProps } from '@mui/material'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
+import { Payload } from '@xyo-network/payload-model'
+import { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'
+import { SentinelInstance } from '@xyo-network/sentinel-model'
+import React from 'react'
+import JsonView from 'react-json-view'
+
+export type SentinelCardContentProps = ModuleRenderProps<SentinelInstance> &
+  CardContentProps & {
+    report?: Payload[]
+  }
+
+export const SentinelCardContent: React.FC<SentinelCardContentProps> = ({ children, report, module, ...props }) => {
+  return (
+    <ModuleCardContent module={module} {...props}>
+      <FlexGrowRow flexWrap="wrap" justifyContent="start" gap={2}>
+        {report ? <JsonView src={report} /> : null}
+        {children}
+      </FlexGrowRow>
+    </ModuleCardContent>
+  )
+}

package/src/components/Card/CardHeader.tsx

@@ -0,0 +1,7 @@
+import { CardHeaderProps } from '@mui/material'
+import { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'
+import { SentinelInstance } from '@xyo-network/sentinel-model'
+
+export const SentinelCardHeader: React.FC<ModuleRenderProps<SentinelInstance> & CardHeaderProps> = ({ title, module, ...props }) => {
+  return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Sentinel'} {...props} />
+}

package/src/components/Card/NftSentinel.json

@@ -0,0 +1,214 @@
+{
+  "$schema": "https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/a5a229a767e3998e13cce8160fd1c2b027317424/packages/manifest/src/schema.json",
+  "nodes": [
+    {
+      "config": {
+        "accountPath": "m/44'/60'/1'/0'/0'",
+        "name": "NftInfoNode",
+        "schema": "network.xyo.node.config"
+      },
+      "modules": {
+        "public": [
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/0'",
+              "call": {
+                "functionName": "name",
+                "params": []
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc721"
+              },
+              "language": "javascript",
+              "name": "Erc721NameWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/1'",
+              "call": {
+                "functionName": "symbol",
+                "params": []
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc721"
+              },
+              "language": "javascript",
+              "name": "Erc721SymbolWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/2'",
+              "call": {
+                "functionName": "totalSupply",
+                "params": []
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc721Enumerable"
+              },
+              "language": "javascript",
+              "name": "Erc721TotalSupplyWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/3'",
+              "call": {
+                "functionName": "tokenURI"
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc721"
+              },
+              "language": "javascript",
+              "name": "Erc721TokenURIWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/4'",
+              "call": {
+                "functionName": "ownerOf"
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc721"
+              },
+              "language": "javascript",
+              "name": "Erc721OwnerOfWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/1'/5'",
+              "call": {
+                "functionName": "uri",
+                "params": []
+              },
+              "labels": {
+                "network.xyo.crypto.contract.interface": "Erc1155"
+              },
+              "language": "javascript",
+              "name": "Erc1155UriWitness",
+              "schema": "network.xyo.crypto.contract.function.read.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/2'/0'",
+              "language": "javascript",
+              "name": "Erc721ContractInfoDiviner",
+              "schema": "network.xyo.crypto.contract.diviner.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/2'/1'",
+              "language": "javascript",
+              "name": "Erc1155ContractInfoDiviner",
+              "schema": "network.xyo.crypto.contract.diviner.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/2'/2'",
+              "language": "javascript",
+              "name": "Erc721TokenContractInfoDiviner",
+              "schema": "network.xyo.crypto.contract.diviner.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/2'/3'",
+              "language": "javascript",
+              "name": "Erc1155TokenContractInfoDiviner",
+              "schema": "network.xyo.crypto.contract.diviner.config"
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/3'/0'",
+              "language": "javascript",
+              "name": "NftInfoSentinel",
+              "schema": "network.xyo.sentinel.config",
+              "synchronous": "true",
+              "tasks": [
+                {
+                  "input": true,
+                  "module": "Erc721NameWitness"
+                },
+                {
+                  "input": true,
+                  "module": "Erc721SymbolWitness"
+                },
+                {
+                  "input": true,
+                  "module": "Erc721TotalSupplyWitness"
+                },
+                {
+                  "input": true,
+                  "module": "Erc1155UriWitness"
+                },
+                {
+                  "input": [
+                    "Erc721NameWitness",
+                    "Erc721SymbolWitness",
+                    "Erc721TotalSupplyWitness"
+                  ],
+                  "module": "Erc721ContractInfoDiviner"
+                },
+                {
+                  "input": [
+                    "Erc1155UriWitness"
+                  ],
+                  "module": "Erc1155ContractInfoDiviner"
+                }
+              ]
+            }
+          },
+          {
+            "config": {
+              "accountPath": "m/44'/60'/1'/3'/1'",
+              "language": "javascript",
+              "name": "NftTokenInfoSentinel",
+              "schema": "network.xyo.sentinel.config",
+              "synchronous": "true",
+              "tasks": [
+                {
+                  "input": true,
+                  "module": "Erc721TokenURIWitness"
+                },
+                {
+                  "input": true,
+                  "module": "Erc721OwnerOfWitness"
+                },
+                {
+                  "input": true,
+                  "module": "Erc1155UriWitness"
+                },
+                {
+                  "input": [
+                    "Erc721TokenURIWitness",
+                    "Erc721OwnerOfWitness"
+                  ],
+                  "module": "Erc721TokenContractInfoDiviner"
+                },
+                {
+                  "input": [
+                    "Erc1155UriWitness"
+                  ],
+                  "module": "Erc1155TokenContractInfoDiviner"
+                }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "schema": "network.xyo.manifest"
+}