@xyo-network/react-schema 2.81.9 → 2.82.0

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Property/SchemaProperty.tsx","../../src/components/SelectEx/SchemaSelectEx.tsx","../../src/contexts/Schema/Context.ts","../../src/contexts/Schema/Provider/Memory.tsx","../../src/hooks/useGetSchema.tsx","../../src/hooks/useSchemaDefinitions.tsx","../../src/hooks/useSchemaList.tsx","../../src/hooks/useSchemaStats.tsx","../../src/contexts/Schema/Provider/Route.tsx","../../src/contexts/Schema/use.ts"],"sourcesContent":["import { NewReleases as NewReleasesIcon, OpenInNew as OpenInNewIcon, Verified as VerifiedIcon } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { LinkEx } from '@xylabs/react-link'\nimport { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'\nimport { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'\nimport { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'\nimport React, { forwardRef, useState } from 'react'\n\nexport type SchemaPropertyProps = PropertyProps & {\n  showLinkNames?: boolean\n  showOpenNewWindowLink?: boolean\n  showStatusIcon?: boolean\n  value?: string\n}\n\nconst useResolveSchema = (schema?: string) => {\n  const [entry, setEntry] = useState<SchemaCacheEntry | null>()\n  useAsyncEffect(\n    async (mounted) => {\n      if (schema) {\n        const entry = await SchemaCache.instance.get(schema)\n        if (mounted()) {\n          setEntry(entry)\n        }\n      }\n    },\n    [schema],\n  )\n  return entry\n}\n\nexport const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(\n  ({ showLinkNames = true, showOpenNewWindowLink = true, showStatusIcon = true, titleProps, value, ...props }, forwardedRef) => {\n    const resolvedSchema = useResolveSchema(value)\n    const [buttonRef, buttonDispatch] = useEvent<HTMLButtonElement>()\n    const [divRef, divDispatch] = useEvent<HTMLDivElement>()\n\n    const onClick = (dispatch?: EventDispatch<EventNoun, 'click', string>, openNewWindow = false) => {\n      dispatch?.(\n        'schema',\n        'click',\n        JSON.stringify({\n          openNewWindow,\n          schema: value,\n        }),\n      )\n    }\n\n    return (\n      <Property ref={forwardedRef} title=\"Schema\" value={value} tip=\"Schema sent with the payload\" titleProps={titleProps} {...props}>\n        {value && showStatusIcon\n          ? resolvedSchema === null\n            ? (\n                <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n                  <NewReleasesIcon color=\"warning\" fontSize=\"inherit\" />\n                </IconButton>\n              )\n            : resolvedSchema === undefined\n              ? (\n                  <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch)}>\n                    <NewReleasesIcon color=\"disabled\" fontSize=\"inherit\" />\n                  </IconButton>\n                )\n              : (\n                  <IconButton rel=\"noopener noreferrer\" size=\"small\" target=\"_blank\" href={resolvedSchema?.huri?.href ?? ''}>\n                    <VerifiedIcon color=\"success\" fontSize=\"inherit\" />\n                  </IconButton>\n                )\n\n          : null}\n        {value\n          ? (\n              <>\n                {showLinkNames\n                  ? (\n                      <LinkEx display=\"block\" width=\"100%\" sx={{ cursor: 'pointer' }}>\n                        <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />\n                      </LinkEx>\n                    )\n                  : <PropertyValue ref={divRef} value={value} title=\"view schema\" onClick={() => onClick(divDispatch)} />}\n                {showOpenNewWindowLink\n                  ? (\n                      <IconButton ref={buttonRef} size=\"small\" onClick={() => onClick(buttonDispatch, true)}>\n                        <OpenInNewIcon fontSize=\"inherit\" />\n                      </IconButton>\n                    )\n                  : null}\n              </>\n            )\n          : null}\n      </Property>\n    )\n  },\n)\n\nSchemaProperty.displayName = 'SchemaProperty'\n","import { MenuItem, Typography } from '@mui/material'\nimport { SelectEx, SelectExProps } from '@xylabs/react-select'\nimport React from 'react'\n\nimport { useSchema } from '../../contexts/index.ts'\n\nexport type SchemaSelectExProps = SelectExProps<string>\n\nexport const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, variant = 'outlined', ...props }) => {\n  const { schema, setSchema, schemaList } = useSchema(false)\n\n  return (\n    <SelectEx\n      variant={variant}\n      size=\"small\"\n      value={schema ?? 'none'}\n      onChange={(event, child) => {\n        if (event.target.value !== schema) {\n          onChange?.(event, child)\n          setSchema?.(event.target.value)\n        }\n      }}\n      renderValue={(value) => {\n        return <Typography>{value === 'none' ? '- None -' : value}</Typography>\n      }}\n      {...props}\n    >\n      {schemaList?.map((schema, index) => {\n        return (\n          <MenuItem key={index} value={schema}>\n            {schema}\n          </MenuItem>\n        )\n      })}\n      <MenuItem key=\"none\" value=\"none\">\n        - None -\n      </MenuItem>\n    </SelectEx>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContextState } from './State.ts'\n\nexport const SchemaContext = createContextEx<SchemaContextState>()\n","import { compact } from '@xylabs/lodash'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useSchemaStats } from '../../../hooks/index.ts'\nimport { SchemaContext } from '../Context.ts'\nimport { SchemaProviderProps } from './Props.ts'\n\nexport const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList, ...props }) => {\n  const [schema, setSchema] = useState(defaultSchema)\n  const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)\n  const [fetchedSchemaStats] = useSchemaStats()\n\n  useEffect(() => {\n    if (fetchedSchemaStats) {\n      const schemaList = compact(fetchedSchemaStats.map(({ name }) => name))\n      setSchemaList(schemaList)\n    }\n  }, [fetchedSchemaStats])\n\n  const value = useMemo(() => ({ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }), [schema, schemaList, knownSchemaList])\n\n  return <SchemaContext.Provider value={value} {...props} />\n}\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { PayloadBuilder } from '@xyo-network/payload-builder'\nimport { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'\nimport { SchemaPayload } from '@xyo-network/schema-payload-plugin'\nimport { useState } from 'react'\n\n/**\n * Gets a Huri and schema payload from a schema string\n */\nconst useGetSchemaPayload = (schema?: string) => {\n  const [notFound, setNotFound] = useState(false)\n  const [xyoError, setError] = useState<ModuleError>()\n  const [schemaCacheEntry, setSchemaCacheEntry] = useState<SchemaCacheEntry | null | undefined>()\n  const [schemaLocal, setSchemaLocal] = useState<string>()\n\n  useAsyncEffect(\n    async (mounted) => {\n      const firstRequest = !notFound && !schemaCacheEntry && !xyoError\n      const schemaChanged = schema !== schemaLocal\n\n      if ((schema && firstRequest) || (schema && schemaChanged)) {\n        try {\n          const schemaCacheEntry = await SchemaCache.instance.get(schema)\n          if (mounted()) {\n            setSchemaCacheEntry(schemaCacheEntry)\n            setNotFound(schemaCacheEntry === null || schemaCacheEntry === undefined)\n          }\n        } catch (e) {\n          const error = e as Error\n          console.error(e)\n          if (mounted()) {\n            setError({ message: error.message, schema: ModuleErrorSchema, sources: [] })\n          }\n        }\n      }\n      if (schemaChanged) {\n        setSchemaLocal(schema)\n      }\n    },\n    [xyoError, notFound, schema, schemaLocal, schemaCacheEntry],\n  )\n\n  return {\n    notFound,\n    schemaHuri: schemaCacheEntry?.huri,\n    schemaPayload:\n      schemaCacheEntry ? new PayloadBuilder<SchemaPayload>(schemaCacheEntry?.payload).fields(schemaCacheEntry.payload).build() : schemaCacheEntry,\n    xyoError,\n  }\n}\n\nexport { useGetSchemaPayload }\n","import { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { SchemaCache } from '@xyo-network/schema-cache'\nimport { SchemaPayload } from '@xyo-network/schema-payload-plugin'\nimport { useState } from 'react'\n\nexport type SchemaList = { name: string }\n\nexport const useSchemaDefinitions = (schemaList?: SchemaList[]): SchemaPayload[] | undefined => {\n  const [schemaPayloads, setSchemaPayloads] = useState<SchemaPayload[]>()\n  useAsyncEffect(\n    async (mounted) => {\n      if (schemaList) {\n        const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => SchemaCache.instance.get(name)))\n        if (mounted()) {\n          setSchemaPayloads(\n            promiseResults\n              .map(result => (result.status === 'fulfilled' ? result.value?.payload : undefined))\n              .filter(item => item !== undefined && item !== null) as SchemaPayload[],\n          )\n        }\n      }\n    },\n    [schemaList],\n  )\n  return schemaPayloads\n}\n","import { Address } from '@xylabs/hex'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { SchemaListPayload, SchemaListQueryPayload, SchemaListQuerySchema } from '@xyo-network/diviner-schema-list-model'\nimport { WithMeta } from '@xyo-network/payload-model'\nimport { useWeakDivinerFromNode } from '@xyo-network/react-diviner'\nimport { useEffect, useMemo, useState } from 'react'\n\nexport const useSchemaList = (address?: Address, nameOrAddress = 'SchemaListDiviner'): [SchemaListPayload | null | undefined, Error | undefined] => {\n  const [schemaList, setSchemaList] = useState<SchemaListPayload | null>()\n  const [error, setError] = useState<Error>()\n  const [diviner, divinerError] = useWeakDivinerFromNode(nameOrAddress)\n\n  const query: SchemaListQueryPayload[] | undefined = useMemo(\n    () =>\n      address\n        ? [\n            {\n              address,\n              schema: SchemaListQuerySchema,\n            },\n          ]\n        : undefined,\n    [address],\n  )\n\n  useEffect(() => {\n    if (diviner === null) {\n      setSchemaList(null)\n      setError(undefined)\n    }\n  }, [diviner])\n\n  useAsyncEffect(\n    async (mounted) => {\n      const divinerInstance = diviner?.deref()\n      if (divinerInstance) {\n        try {\n          const response = (await divinerInstance.divine(query)) as WithMeta<SchemaListPayload>[]\n          if (mounted()) {\n            setSchemaList(response?.[0])\n            setError(undefined)\n          }\n        } catch (e) {\n          setError(e as Error)\n          setSchemaList(undefined)\n        }\n      }\n    },\n    [diviner, divinerError, query],\n  )\n  return [schemaList, error]\n}\n","import { Address } from '@xylabs/hex'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport {\n  SchemaStatsDivinerSchema,\n  SchemaStatsPayload,\n  SchemaStatsQueryPayload,\n  SchemaStatsQuerySchema,\n} from '@xyo-network/diviner-schema-stats-model'\nimport { TYPES } from '@xyo-network/node-core-types'\nimport { isPayloadOfSchemaTypeWithMeta, WithMeta, WithSources } from '@xyo-network/payload-model'\nimport { useWeakDivinerFromNode } from '@xyo-network/react-diviner'\nimport { Dispatch, SetStateAction, useMemo, useState } from 'react'\n\nexport const useSchemaStats = (\n  statsAddress?: Address,\n  nameOrAddress = TYPES.SchemaStatsDiviner,\n): [SchemaStatsPayload[] | undefined, Error | undefined, Dispatch<SetStateAction<number>>] => {\n  const [refresh, setRefresh] = useState(1)\n  const [diviner, divinerError] = useWeakDivinerFromNode(nameOrAddress)\n  const [error, setError] = useState<Error>()\n  const refreshHistory = () => setRefresh(previous => previous + 1)\n\n  const [schemaList, setSchemaList] = useState<WithSources<WithMeta<SchemaStatsPayload>>[]>()\n\n  const query: SchemaStatsQueryPayload = useMemo(\n    () => ({\n      address: statsAddress,\n      schema: SchemaStatsQuerySchema,\n    }),\n    [statsAddress],\n  )\n\n  useAsyncEffect(\n    async (mounted) => {\n      const instance = diviner?.deref()\n      if (instance) {\n        if (divinerError) {\n          if (mounted()) {\n            setError(divinerError)\n            setSchemaList(undefined)\n          }\n        } else {\n          try {\n            const schemas = (await instance.divine([query])).filter(isPayloadOfSchemaTypeWithMeta(SchemaStatsDivinerSchema)) as WithSources<\n              WithMeta<SchemaStatsPayload>\n            >[]\n            if (mounted()) {\n              setSchemaList(schemas)\n              setError(undefined)\n            }\n          } catch (ex) {\n            setError(ex as Error)\n            setSchemaList(undefined)\n          }\n        }\n      }\n    },\n    [diviner, refresh, divinerError, query],\n  )\n\n  return [schemaList, error, refreshHistory]\n}\n","import type { WithChildren } from '@xylabs/react-shared'\nimport React, { useCallback, useEffect, useMemo } from 'react'\nimport { useSearchParams } from 'react-router-dom'\n\nimport { SchemaContext } from '../Context.ts'\nimport { useSchema } from '../use.ts'\nimport { SchemaMemoryProvider } from './Memory.tsx'\nimport { SchemaProviderProps } from './Props.ts'\n\nconst SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {\n  const { schema, setSchema, schemaList } = useSchema()\n\n  const [params, setParams] = useSearchParams()\n\n  const routeSchema = params.get('schema')\n\n  // update the network stored in the route\n  const setSchemaParam = useCallback(\n    (schema?: string) => {\n      if (schema) {\n        params.set('schema', schema)\n        setParams(params, { replace: true })\n        setSchema?.(schema)\n      } else {\n        params.delete('network')\n      }\n    },\n    [params, setParams, setSchema],\n  )\n\n  // if the network is actively changed, update both memory and route\n  const setSchemaLocal = useCallback(\n    (schema: string) => {\n      setSchemaParam(schema)\n      setSchema?.(schema)\n    },\n    [setSchemaParam, setSchema],\n  )\n\n  // sync memory and route storage of network\n  useEffect(() => {\n    if (routeSchema !== schema) {\n      if (routeSchema === undefined && schema !== undefined) {\n        // if the route does not have a network selected, use what is in the memory context\n        setSchemaLocal(schema)\n      } else if (routeSchema) {\n        // if the route has a selection and it is different from memory, update memory\n        setSchema?.(routeSchema)\n      }\n    }\n  }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])\n\n  const value = useMemo(() => ({ provided: true, schema, schemaList, setSchema: setSchemaLocal }), [schema, schemaList, setSchemaLocal])\n\n  return <SchemaContext.Provider value={value}>{children}</SchemaContext.Provider>\n}\n\nexport const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {\n  return (\n    <SchemaMemoryProvider knownSchemaList={knownSchemaList} defaultSchema={defaultSchema}>\n      <SchemaRouteProviderInner {...props} />\n    </SchemaMemoryProvider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { SchemaContext } from './Context.ts'\nimport { SchemaContextState } from './State.ts'\n\nexport const useSchema = (required = false) => {\n  return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)\n}\n"],"mappings":"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","names":["NewReleases","NewReleasesIcon","OpenInNew","OpenInNewIcon","Verified","VerifiedIcon","IconButton","useAsyncEffect","LinkEx","useEvent","Property","PropertyValue","SchemaCache","React","forwardRef","useState","useResolveSchema","schema","entry","setEntry","useState","useAsyncEffect","mounted","SchemaCache","instance","get","SchemaProperty","forwardRef","showLinkNames","showOpenNewWindowLink","showStatusIcon","titleProps","value","props","forwardedRef","resolvedSchema","buttonRef","buttonDispatch","useEvent","divRef","divDispatch","onClick","dispatch","openNewWindow","JSON","stringify","Property","ref","title","tip","IconButton","size","NewReleasesIcon","color","fontSize","undefined","rel","target","href","huri","VerifiedIcon","LinkEx","display","width","sx","cursor","PropertyValue","OpenInNewIcon","displayName","MenuItem","Typography","SelectEx","React","createContextEx","SchemaContext","compact","React","useEffect","useMemo","useState","useAsyncEffect","PayloadBuilder","ModuleErrorSchema","SchemaCache","useState","useGetSchemaPayload","schema","notFound","setNotFound","useState","xyoError","setError","schemaCacheEntry","setSchemaCacheEntry","schemaLocal","setSchemaLocal","useAsyncEffect","mounted","firstRequest","schemaChanged","SchemaCache","instance","get","undefined","e","error","console","message","ModuleErrorSchema","sources","schemaHuri","huri","schemaPayload","PayloadBuilder","payload","fields","build","useAsyncEffect","SchemaCache","useState","useSchemaDefinitions","schemaList","schemaPayloads","setSchemaPayloads","useState","useAsyncEffect","mounted","promiseResults","Promise","allSettled","map","name","SchemaCache","instance","get","result","status","value","payload","undefined","filter","item","useAsyncEffect","SchemaListQuerySchema","useWeakDivinerFromNode","useEffect","useMemo","useState","useSchemaList","address","nameOrAddress","schemaList","setSchemaList","useState","error","setError","diviner","divinerError","useWeakDivinerFromNode","query","useMemo","schema","SchemaListQuerySchema","undefined","useEffect","useAsyncEffect","mounted","divinerInstance","deref","response","divine","e","useAsyncEffect","SchemaStatsDivinerSchema","SchemaStatsQuerySchema","TYPES","isPayloadOfSchemaTypeWithMeta","useWeakDivinerFromNode","useMemo","useState","useSchemaStats","statsAddress","nameOrAddress","TYPES","SchemaStatsDiviner","refresh","setRefresh","useState","diviner","divinerError","useWeakDivinerFromNode","error","setError","refreshHistory","previous","schemaList","setSchemaList","query","useMemo","address","schema","SchemaStatsQuerySchema","useAsyncEffect","mounted","instance","deref","undefined","schemas","divine","filter","isPayloadOfSchemaTypeWithMeta","SchemaStatsDivinerSchema","ex","SchemaMemoryProvider","defaultSchema","knownSchemaList","props","schema","setSchema","useState","schemaList","setSchemaList","fetchedSchemaStats","useSchemaStats","useEffect","compact","map","name","value","useMemo","provided","React","SchemaContext","Provider","React","useCallback","useEffect","useMemo","useSearchParams","useContextEx","useSchema","required","useContextEx","SchemaContext","SchemaRouteProviderInner","children","schema","setSchema","schemaList","useSchema","params","setParams","useSearchParams","routeSchema","get","setSchemaParam","useCallback","set","replace","delete","setSchemaLocal","useEffect","undefined","value","useMemo","provided","React","SchemaContext","Provider","SchemaRouteProvider","knownSchemaList","defaultSchema","props","SchemaMemoryProvider","SchemaSelectEx","onChange","variant","props","schema","setSchema","schemaList","useSchema","React","SelectEx","size","value","event","child","target","renderValue","Typography","map","index","MenuItem","key"]}

package/package.json

@@ -10,37 +10,37 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/hex": "^3.6.4",
-    "@xylabs/lodash": "^3.6.4",
-    "@xylabs/react-async-effect": "^3.4.1",
-    "@xylabs/react-link": "^3.4.1",
-    "@xylabs/react-select": "^3.4.1",
-    "@xylabs/react-shared": "^3.4.1",
-    "@xyo-network/diviner-schema-list-model": "^2.110.9",
-    "@xyo-network/diviner-schema-stats-model": "^2.110.9",
+    "@xylabs/hex": "^3.6.12",
+    "@xylabs/lodash": "^3.6.12",
+    "@xylabs/react-async-effect": "^3.4.2",
+    "@xylabs/react-link": "^3.4.2",
+    "@xylabs/react-select": "^3.4.2",
+    "@xylabs/react-shared": "^3.4.2",
+    "@xyo-network/diviner-schema-list-model": "^2.111.3",
+    "@xyo-network/diviner-schema-stats-model": "^2.111.3",
     "@xyo-network/node-core-types": "^2.89.1",
-    "@xyo-network/payload-builder": "^2.110.9",
-    "@xyo-network/payload-model": "^2.110.9",
-    "@xyo-network/react-diviner": "^2.81.9",
-    "@xyo-network/react-event": "^2.81.9",
-    "@xyo-network/react-property": "^2.81.9",
-    "@xyo-network/react-shared": "^2.81.9",
-    "@xyo-network/schema-cache": "^2.110.9",
-    "@xyo-network/schema-payload-plugin": "^2.110.9",
-    "react-router-dom": "^6.25.1"
+    "@xyo-network/payload-builder": "^2.111.3",
+    "@xyo-network/payload-model": "^2.111.3",
+    "@xyo-network/react-diviner": "^2.82.0",
+    "@xyo-network/react-event": "^2.82.0",
+    "@xyo-network/react-property": "^2.82.0",
+    "@xyo-network/react-shared": "^2.82.0",
+    "@xyo-network/schema-cache": "^2.111.3",
+    "@xyo-network/schema-payload-plugin": "^2.111.3",
+    "react-router-dom": "^6.26.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.20",
-    "@xylabs/react-flexbox": "^3.4.1",
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
-    "@xylabs/tsconfig-react": "^3.12.4",
-    "@xyo-network/bridge-http": "^2.110.9",
-    "@xyo-network/node-memory": "^2.110.9",
-    "@xyo-network/node-model": "^2.110.9",
-    "@xyo-network/react-node": "^2.81.9",
-    "@xyo-network/react-payload-raw-info": "^2.81.9",
-    "@xyo-network/react-storybook": "^2.81.9",
-    "@xyo-network/react-wallet": "^2.81.9",
+    "@storybook/react": "^8.2.7",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
+    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xyo-network/bridge-http": "^2.111.3",
+    "@xyo-network/node-memory": "^2.111.3",
+    "@xyo-network/node-model": "^2.111.3",
+    "@xyo-network/react-node": "^2.82.0",
+    "@xyo-network/react-payload-raw-info": "^2.82.0",
+    "@xyo-network/react-storybook": "^2.82.0",
+    "@xyo-network/react-wallet": "^2.82.0",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -59,7 +59,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -69,19 +69,19 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -103,6 +103,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.9",
+  "version": "2.82.0",
   "type": "module"
 }

package/src/components/Property/SchemaProperty.stories.tsx

@@ -1,7 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { useEvent } from '@xyo-network/react-event'
+import React from 'react'
 
-import { SchemaProperty, SchemaPropertyProps } from './SchemaProperty.js'
+import { SchemaProperty, SchemaPropertyProps } from './SchemaProperty.tsx'
 
 const StorybookEntry: Meta = {
   component: SchemaProperty,
@@ -38,5 +39,4 @@ WithUnverifiedValue.args = { value: 'network.xyo.blahblah' }
 
 export { Default, WithUnverifiedValue, WithVerifiedValue, WithVerifiedValuePaper }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/Property/SchemaProperty.tsx

@@ -5,7 +5,7 @@ import { LinkEx } from '@xylabs/react-link'
 import { EventDispatch, EventNoun, useEvent } from '@xyo-network/react-event'
 import { Property, PropertyProps, PropertyValue } from '@xyo-network/react-property'
 import { SchemaCache, SchemaCacheEntry } from '@xyo-network/schema-cache'
-import { forwardRef, useState } from 'react'
+import React, { forwardRef, useState } from 'react'
 
 export type SchemaPropertyProps = PropertyProps & {
   showLinkNames?: boolean
@@ -17,7 +17,6 @@ export type SchemaPropertyProps = PropertyProps & {
 const useResolveSchema = (schema?: string) => {
   const [entry, setEntry] = useState<SchemaCacheEntry | null>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (schema) {
         const entry = await SchemaCache.instance.get(schema)
@@ -50,34 +49,46 @@ export const SchemaProperty = forwardRef<HTMLDivElement, SchemaPropertyProps>(
 
     return (
       <Property ref={forwardedRef} title="Schema" value={value} tip="Schema sent with the payload" titleProps={titleProps} {...props}>
-        {value && showStatusIcon ?
-          resolvedSchema === null ?
-            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
-              <NewReleasesIcon color="warning" fontSize="inherit" />
-            </IconButton>
-          : resolvedSchema === undefined ?
-            <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
-              <NewReleasesIcon color="disabled" fontSize="inherit" />
-            </IconButton>
-          : <IconButton rel="noopener noreferrer" size="small" target="_blank" href={resolvedSchema?.huri?.href ?? ''}>
-              <VerifiedIcon color="success" fontSize="inherit" />
-            </IconButton>
+        {value && showStatusIcon
+          ? resolvedSchema === null
+            ? (
+                <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+                  <NewReleasesIcon color="warning" fontSize="inherit" />
+                </IconButton>
+              )
+            : resolvedSchema === undefined
+              ? (
+                  <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch)}>
+                    <NewReleasesIcon color="disabled" fontSize="inherit" />
+                  </IconButton>
+                )
+              : (
+                  <IconButton rel="noopener noreferrer" size="small" target="_blank" href={resolvedSchema?.huri?.href ?? ''}>
+                    <VerifiedIcon color="success" fontSize="inherit" />
+                  </IconButton>
+                )
 
-        : null}
-        {value ?
-          <>
-            {showLinkNames ?
-              <LinkEx display="block" width="100%" sx={{ cursor: 'pointer' }}>
-                <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
-              </LinkEx>
-            : <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />}
-            {showOpenNewWindowLink ?
-              <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch, true)}>
-                <OpenInNewIcon fontSize="inherit" />
-              </IconButton>
-            : null}
-          </>
-        : null}
+          : null}
+        {value
+          ? (
+              <>
+                {showLinkNames
+                  ? (
+                      <LinkEx display="block" width="100%" sx={{ cursor: 'pointer' }}>
+                        <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />
+                      </LinkEx>
+                    )
+                  : <PropertyValue ref={divRef} value={value} title="view schema" onClick={() => onClick(divDispatch)} />}
+                {showOpenNewWindowLink
+                  ? (
+                      <IconButton ref={buttonRef} size="small" onClick={() => onClick(buttonDispatch, true)}>
+                        <OpenInNewIcon fontSize="inherit" />
+                      </IconButton>
+                    )
+                  : null}
+              </>
+            )
+          : null}
       </Property>
     )
   },

package/src/components/Property/index.ts

@@ -1 +1 @@
-export * from './SchemaProperty.js'
+export * from './SchemaProperty.tsx'

package/src/components/SelectEx/SchemaSelectEx.tsx

@@ -1,7 +1,8 @@
 import { MenuItem, Typography } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
+import React from 'react'
 
-import { useSchema } from '../../contexts/index.js'
+import { useSchema } from '../../contexts/index.ts'
 
 export type SchemaSelectExProps = SelectExProps<string>
 

package/src/components/SelectEx/index.ts

@@ -1 +1 @@
-export * from './SchemaSelectEx.js'
+export * from './SchemaSelectEx.tsx'

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './Property/index.js'
-export * from './SelectEx/index.js'
+export * from './Property/index.ts'
+export * from './SelectEx/index.ts'

package/src/contexts/Schema/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { SchemaContextState } from './State.js'
+import { SchemaContextState } from './State.ts'
 
 export const SchemaContext = createContextEx<SchemaContextState>()

package/src/contexts/Schema/Provider/Memory.tsx

@@ -1,12 +1,12 @@
 import { compact } from '@xylabs/lodash'
 import { WithChildren } from '@xylabs/react-shared'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 
-import { useSchemaStats } from '../../../hooks/index.js'
-import { SchemaContext } from '../Context.js'
-import { SchemaProviderProps } from './Props.js'
+import { useSchemaStats } from '../../../hooks/index.ts'
+import { SchemaContext } from '../Context.ts'
+import { SchemaProviderProps } from './Props.ts'
 
-export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList, ...props }) => {
   const [schema, setSchema] = useState(defaultSchema)
   const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)
   const [fetchedSchemaStats] = useSchemaStats()
@@ -18,5 +18,7 @@ export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> =
     }
   }, [fetchedSchemaStats])
 
-  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />
+  const value = useMemo(() => ({ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }), [schema, schemaList, knownSchemaList])
+
+  return <SchemaContext.Provider value={value} {...props} />
 }

package/src/contexts/Schema/Provider/Route.tsx

@@ -1,11 +1,11 @@
 import type { WithChildren } from '@xylabs/react-shared'
-import { useCallback, useEffect } from 'react'
+import React, { useCallback, useEffect, useMemo } from 'react'
 import { useSearchParams } from 'react-router-dom'
 
-import { SchemaContext } from '../Context.js'
-import { useSchema } from '../use.js'
-import { SchemaMemoryProvider } from './Memory.js'
-import { SchemaProviderProps } from './Props.js'
+import { SchemaContext } from '../Context.ts'
+import { useSchema } from '../use.ts'
+import { SchemaMemoryProvider } from './Memory.tsx'
+import { SchemaProviderProps } from './Props.ts'
 
 const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
   const { schema, setSchema, schemaList } = useSchema()
@@ -14,7 +14,7 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
 
   const routeSchema = params.get('schema')
 
-  //update the network stored in the route
+  // update the network stored in the route
   const setSchemaParam = useCallback(
     (schema?: string) => {
       if (schema) {
@@ -28,7 +28,7 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
     [params, setParams, setSchema],
   )
 
-  //if the network is actively changed, update both memory and route
+  // if the network is actively changed, update both memory and route
   const setSchemaLocal = useCallback(
     (schema: string) => {
       setSchemaParam(schema)
@@ -37,20 +37,22 @@ const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
     [setSchemaParam, setSchema],
   )
 
-  //sync memory and route storage of network
+  // sync memory and route storage of network
   useEffect(() => {
     if (routeSchema !== schema) {
       if (routeSchema === undefined && schema !== undefined) {
-        //if the route does not have a network selected, use what is in the memory context
+        // if the route does not have a network selected, use what is in the memory context
         setSchemaLocal(schema)
       } else if (routeSchema) {
-        //if the route has a selection and it is different from memory, update memory
+        // if the route has a selection and it is different from memory, update memory
         setSchema?.(routeSchema)
       }
     }
   }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])
 
-  return <SchemaContext.Provider value={{ provided: true, schema, schemaList, setSchema: setSchemaLocal }}>{children}</SchemaContext.Provider>
+  const value = useMemo(() => ({ provided: true, schema, schemaList, setSchema: setSchemaLocal }), [schema, schemaList, setSchemaLocal])
+
+  return <SchemaContext.Provider value={value}>{children}</SchemaContext.Provider>
 }
 
 export const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {

package/src/contexts/Schema/Provider/index.ts

@@ -1,3 +1,3 @@
-export * from './Memory.js'
-export * from './Props.js'
-export * from './Route.js'
+export * from './Memory.tsx'
+export * from './Props.ts'
+export * from './Route.tsx'

package/src/contexts/Schema/index.ts

@@ -1,4 +1,4 @@
-export * from './Context.js'
-export * from './Provider/index.js'
-export * from './State.js'
-export * from './use.js'
+export * from './Context.ts'
+export * from './Provider/index.ts'
+export * from './State.ts'
+export * from './use.ts'

package/src/contexts/Schema/use.ts

@@ -1,7 +1,7 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { SchemaContext } from './Context.js'
-import { SchemaContextState } from './State.js'
+import { SchemaContext } from './Context.ts'
+import { SchemaContextState } from './State.ts'
 
 export const useSchema = (required = false) => {
   return useContextEx<SchemaContextState>(SchemaContext, 'Schema', required)

package/src/contexts/index.ts

@@ -1 +1 @@
-export * from './Schema/index.js'
+export * from './Schema/index.ts'

package/src/hooks/index.ts

@@ -1,4 +1,4 @@
-export * from './useGetSchema.js'
-export * from './useSchemaDefinitions.js'
-export * from './useSchemaList.js'
-export * from './useSchemaStats.js'
+export * from './useGetSchema.tsx'
+export * from './useSchemaDefinitions.tsx'
+export * from './useSchemaList.tsx'
+export * from './useSchemaStats.tsx'

package/src/hooks/stories/TestSchemaHooks.stories.tsx

@@ -10,11 +10,11 @@ import { NodeProvider } from '@xyo-network/react-node'
 import { DefaultSeedPhrase } from '@xyo-network/react-storybook'
 import { useWallet, WalletProvider } from '@xyo-network/react-wallet'
 import { SchemaCache } from '@xyo-network/schema-cache'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { useSchemaDefinitions } from '../useSchemaDefinitions.js'
-import { useSchemaList } from '../useSchemaList.js'
-import { useSchemaStats } from '../useSchemaStats.js'
+import { useSchemaDefinitions } from '../useSchemaDefinitions.tsx'
+import { useSchemaList } from '../useSchemaList.tsx'
+import { useSchemaStats } from '../useSchemaStats.tsx'
 
 const apiConfig = { apiDomain: 'https://api.archivist.xyo.network' }
 const nodeUrl = 'http://localhost:8080/node'
@@ -23,7 +23,6 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   const [node, setNode] = useState<MemoryNode>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
       const node = await MemoryNode.create({ config: { schema: NodeConfigSchema } })
       const bridge = await HttpBridge.create({ config: { nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } } })
@@ -45,7 +44,6 @@ const MemoryNodeDecorator: Decorator = (Story, args) => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default {
   decorators: [MemoryNodeDecorator],
   title: 'schema/Hooks',
@@ -57,29 +55,29 @@ const Template: StoryFn<React.FC> = () => {
   const [address, setAddress] = useState<Address>()
   const [schemaStats, schemaStatsError] = useSchemaStats(address)
   const [schemaList, schemaListError] = useSchemaList(address)
-  const mappedSchemaList = schemaList?.schemas?.map((name) => ({ name })) as { name: string }[]
+  const mappedSchemaList = schemaList?.schemas?.map(name => ({ name })) as { name: string }[]
   const schemaDefinitions = useSchemaDefinitions(mappedSchemaList)
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', rowGap: '16px' }}>
-      {schemaStatsError ?
-        <Alert severity={'error'}>{schemaStatsError.message ?? schemaListError?.message}</Alert>
-      : null}
+      {schemaStatsError
+        ? <Alert severity="error">{schemaStatsError.message ?? schemaListError?.message}</Alert>
+        : null}
       <FlexGrowRow columnGap={4}>
-        <TextField fullWidth size="small" value={address} label="Address" onChange={(event) => setAddressText(event.target.value as Address)} />
+        <TextField fullWidth size="small" value={address} label="Address" onChange={event => setAddressText(event.target.value as Address)} />
         <Button variant="contained" onClick={() => setAddress(addressText)} sx={{ whiteSpace: 'nowrap' }}>
           Get Stats
         </Button>
       </FlexGrowRow>
-      <Typography variant={'h2'}>Schema Stats</Typography>
+      <Typography variant="h2">Schema Stats</Typography>
       <code>
         <pre>{JSON.stringify(schemaStats, null, 2)}</pre>
       </code>
-      <Typography variant={'h2'}>Schema List</Typography>
+      <Typography variant="h2">Schema List</Typography>
       <code>
         <pre>{JSON.stringify(schemaList, null, 2)}</pre>
       </code>
-      <Typography variant={'h2'}>Schema Definitions</Typography>
+      <Typography variant="h2">Schema Definitions</Typography>
       <pre>
         <code>{JSON.stringify(schemaDefinitions, null, 2)}</code>
       </pre>

package/src/hooks/useGetSchema.stories.tsx

@@ -3,9 +3,9 @@ import { Meta, StoryFn } from '@storybook/react'
 import { FlexRow } from '@xylabs/react-flexbox'
 import { JsonViewerEx } from '@xyo-network/react-payload-raw-info'
 import { SchemaCache } from '@xyo-network/schema-cache'
-import { useEffect, useState } from 'react'
+import React, { useEffect, useState } from 'react'
 
-import { useGetSchemaPayload } from './useGetSchema.js'
+import { useGetSchemaPayload } from './useGetSchema.tsx'
 
 SchemaCache.instance.proxy = 'https://beta.api.archivist.xyo.network/domain'
 
@@ -37,7 +37,7 @@ const UseGetSchemaComponent: React.FC<{ schema: string }> = ({ schema }) => {
         ))}
       </Typography>
       <FormControl>
-        <TextField value={schemaFieldValue} label="Schema Name" onChange={(e) => setSchemaFieldValue(e.target.value)} />
+        <TextField value={schemaFieldValue} label="Schema Name" onChange={e => setSchemaFieldValue(e.target.value)} />
       </FormControl>
       <FlexRow my={3} justifyContent="start">
         <JsonViewerEx value={schemaPayload || {}} />
@@ -69,5 +69,4 @@ Domain.args = { schema: 'network.xyo.domain' }
 
 export { Default, Domain }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/hooks/useGetSchema.tsx

@@ -15,7 +15,6 @@ const useGetSchemaPayload = (schema?: string) => {
   const [schemaLocal, setSchemaLocal] = useState<string>()
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       const firstRequest = !notFound && !schemaCacheEntry && !xyoError
       const schemaChanged = schema !== schemaLocal

package/src/hooks/useSchemaDefinitions.tsx

@@ -8,15 +8,14 @@ export type SchemaList = { name: string }
 export const useSchemaDefinitions = (schemaList?: SchemaList[]): SchemaPayload[] | undefined => {
   const [schemaPayloads, setSchemaPayloads] = useState<SchemaPayload[]>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (schemaList) {
         const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => SchemaCache.instance.get(name)))
         if (mounted()) {
           setSchemaPayloads(
             promiseResults
-              .map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
-              .filter((item) => item !== undefined && item !== null) as SchemaPayload[],
+              .map(result => (result.status === 'fulfilled' ? result.value?.payload : undefined))
+              .filter(item => item !== undefined && item !== null) as SchemaPayload[],
           )
         }
       }

package/src/hooks/useSchemaList.tsx

@@ -12,14 +12,14 @@ export const useSchemaList = (address?: Address, nameOrAddress = 'SchemaListDivi
 
   const query: SchemaListQueryPayload[] | undefined = useMemo(
     () =>
-      address ?
-        [
-          {
-            address,
-            schema: SchemaListQuerySchema,
-          },
-        ]
-      : undefined,
+      address
+        ? [
+            {
+              address,
+              schema: SchemaListQuerySchema,
+            },
+          ]
+        : undefined,
     [address],
   )
 
@@ -31,7 +31,6 @@ export const useSchemaList = (address?: Address, nameOrAddress = 'SchemaListDivi
   }, [diviner])
 
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps, require-await
     async (mounted) => {
       const divinerInstance = diviner?.deref()
       if (divinerInstance) {