@xyo-network/react-sentinel 7.5.8 → 7.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-sentinel",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,65 +36,167 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
   "dependencies": {
-    "@xylabs/react-async-effect": "~7.1.17",
-    "@xylabs/react-button": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xylabs/react-promise": "~7.1.17",
-    "@xylabs/react-shared": "~7.1.17",
-    "@xylabs/sdk-js": "~5.0.90",
-    "@xyo-network/account-model": "~5.3.17",
-    "@xyo-network/archivist-model": "~5.3.17",
-    "@xyo-network/boundwitness-model": "~5.3.17",
-    "@xyo-network/module-model": "~5.3.17",
-    "@xyo-network/payload-model": "~5.3.17",
-    "@xyo-network/react-module": "7.5.8",
-    "@xyo-network/react-node": "7.5.8",
-    "@xyo-network/react-payload-raw-info": "7.5.8",
-    "@xyo-network/react-witness": "7.5.8",
-    "@xyo-network/sentinel-memory": "~5.3.17",
-    "@xyo-network/sentinel-model": "~5.3.17",
-    "@xyo-network/witness-model": "~5.3.17"
+    "@xyo-network/react-node": "~7.5.11",
+    "@xyo-network/react-payload-raw-info": "~7.5.11",
+    "@xyo-network/react-module": "~7.5.11",
+    "@xyo-network/react-witness": "~7.5.11"
   },
   "devDependencies": {
-    "@emotion/react": "~11.14.0",
-    "@emotion/styled": "~11.14.1",
-    "@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",
+    "@mui/system": "^7.3.10",
+    "@mui/x-tree-view": "~8.27.2",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@scure/base": "~2.2.0",
+    "@scure/bip39": "~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",
-    "@xyo-network/account": "~5.3.17",
-    "@xyo-network/evm-call-witness": "~5.3.1",
-    "@xyo-network/manifest": "~5.3.17",
-    "@xyo-network/module-factory-locator": "~5.3.17",
-    "@xyo-network/wallet": "~5.3.17",
-    "ethers": "~6.16.0",
-    "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-crypto": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~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/account": "~5.5.1",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/archivist-model": "^5.5.5",
+    "@xyo-network/boundwitness-builder": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/boundwitness-wrapper": "~5.5.1",
+    "@xyo-network/config-payload-plugin": "~5.5.1",
+    "@xyo-network/diviner-abstract": "^5.5.5",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/evm-call-witness": "~5.4.9",
+    "@xyo-network/manifest": "~5.5.1",
+    "@xyo-network/manifest-model": "~5.5.1",
+    "@xyo-network/module-abstract": "^5.5.5",
+    "@xyo-network/module-factory-locator": "~5.5.5",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/node-memory": "~5.5.5",
+    "@xyo-network/node-model": "^5.5.5",
+    "@xyo-network/open-zeppelin-typechain": "^4.1.3",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/payload-wrapper": "~5.5.1",
+    "@xyo-network/query-payload-plugin": "~5.5.1",
+    "@xyo-network/sentinel-memory": "^5.5.5",
+    "@xyo-network/sentinel-model": "^5.5.5",
+    "@xyo-network/wallet": "~5.5.1",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "@xyo-network/witness-evm-abstract": "^5.5.5",
+    "@xyo-network/witness-model": "^5.5.5",
+    "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",
+    "lru-cache": "^11.3.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",
-    "ethers": "~6",
-    "react": "^19",
-    "react-dom": "^19",
-    "zod": "^4"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@mui/system": "^7.3.10",
+    "@mui/x-tree-view": "~8.27.2",
+    "@opentelemetry/api": "^1.9.1",
+    "@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-crypto": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-hooks": "~7.1.20",
+    "@xylabs/react-identicon": "~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/account": "~5.5.1",
+    "@xyo-network/account-model": "^5.5.1",
+    "@xyo-network/archivist-model": "^5.5.5",
+    "@xyo-network/boundwitness-builder": "^5.5.1",
+    "@xyo-network/boundwitness-model": "^5.5.1",
+    "@xyo-network/boundwitness-validator": "^5.5.1",
+    "@xyo-network/boundwitness-wrapper": "~5.5.1",
+    "@xyo-network/config-payload-plugin": "~5.5.1",
+    "@xyo-network/diviner-model": "^5.5.5",
+    "@xyo-network/manifest-model": "~5.5.1",
+    "@xyo-network/module-abstract": "^5.5.5",
+    "@xyo-network/module-model": "^5.5.5",
+    "@xyo-network/node-memory": "~5.5.5",
+    "@xyo-network/node-model": "^5.5.5",
+    "@xyo-network/payload-builder": "^5.5.1",
+    "@xyo-network/payload-model": "^5.5.1",
+    "@xyo-network/query-payload-plugin": "~5.5.1",
+    "@xyo-network/sentinel-memory": "^5.5.5",
+    "@xyo-network/sentinel-model": "^5.5.5",
+    "@xyo-network/wallet-model": "^5.5.1",
+    "@xyo-network/witness-model": "^5.5.5",
+    "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",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "lru-cache": "^11.3.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"
   },
   "peerDependenciesMeta": {
     "ethers": {
@@ -105,4 +207,4 @@
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

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

@@ -1,139 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { usePromise } from '@xylabs/react-promise'
-import type { EvmCallWitnessParams } from '@xyo-network/evm-call-witness'
-import {
-  EvmCallDiviner, EvmCallWitness, EvmCallWitnessConfigSchema,
-} from '@xyo-network/evm-call-witness'
-import type { PackageManifestPayload } from '@xyo-network/manifest'
-import { ManifestWrapper } from '@xyo-network/manifest'
-import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
-import { ModuleFactory } from '@xyo-network/module-model'
-import type { ReportEndEventArgs } from '@xyo-network/sentinel-model'
-import { asSentinelInstance } from '@xyo-network/sentinel-model'
-import { HDWallet } from '@xyo-network/wallet'
-import { InfuraProvider } from 'ethers'
-import React from 'react'
-
-import { SentinelCard } from './Card.tsx'
-import { NftSentinelManifest } from './manifest.ts'
-
-const loadFromManifest = async () => {
-  const mnemonic = 'later puppy sound rebuild rebuild noise ozone amazing hope broccoli crystal grief'
-  const wallet = await HDWallet.fromPhrase(mnemonic)
-  const provider = new InfuraProvider('homestead', process.env.STORYBOOK_INFURA_PROJECT_ID)
-
-  const locator = new ModuleFactoryLocator()
-  locator.register(EvmCallDiviner.factory())
-
-  locator.register(
-    new ModuleFactory(EvmCallWitness, { providers: () => [provider] } as Partial<EvmCallWitnessParams>),
-    { 'network.xyo.evm.interface': 'Erc721' },
-  )
-
-  locator.register(
-    new ModuleFactory(EvmCallWitness, { providers: () => [provider] } as Partial<EvmCallWitnessParams>),
-    { 'network.xyo.evm.interface': 'Erc721Enumerable' },
-  )
-
-  locator.register(
-    new ModuleFactory(EvmCallWitness, { providers: () => [provider] } as Partial<EvmCallWitnessParams>),
-    { 'network.xyo.evm.interface': 'Erc1155' },
-  )
-
-  const manifest = new ManifestWrapper(NftSentinelManifest as unknown as PackageManifestPayload, 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: EvmCallWitnessConfigSchema,
-    },
-  ]
-
-  return (
-    <FlexCol gap={2}>
-      <SentinelCard mod={sentinel} inPayloads={inPayloads} />
-    </FlexCol>
-  )
-}
-
-const NftSentinelCard = NftSentinelTemplate.bind({})
-
-const NftTokensSentinelTemplate: StoryFn<typeof SentinelCard> = () => {
-  const [node] = usePromise(async () => await loadFromManifest(), [])
-
-  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: EvmCallWitnessConfigSchema,
-        }))
-        await tokensSentinel?.report(calls)
-      })
-      return sentinel
-    }
-  }, [node, tokensSentinel])
-
-  const inPayloads = [
-    {
-      address: '0x562fC2927c77cB975680088566ADa1dC6cB8b5Ea', // Random ERC721
-      schema: EvmCallWitnessConfigSchema,
-    },
-  ]
-
-  return (
-    <FlexCol gap={2}>
-      <SentinelCard mod={contractSentinel} inPayloads={inPayloads} />
-      {/* tokens ? <JsonViewerEx value={tokens} /> : null */}
-    </FlexCol>
-  )
-}
-
-const NftTokensSentinelCard = NftTokensSentinelTemplate.bind({})
-
-export { NftSentinelCard, NftTokensSentinelCard }
-
-export default StorybookEntry

package/src/components/Card/Card.tsx

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

package/src/components/Card/CardActions.tsx

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

package/src/components/Card/CardContent.tsx

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

package/src/components/Card/CardHeader.tsx

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