@xyo-network/react-payload 2.26.33 → 2.26.36

package/src/hooks/useHuriHash.tsx

@@ -1,38 +0,0 @@
-import { Huri } from '@xyo-network/payload'
-import { useCallback } from 'react'
-
-import { FetchHuriHashOptions } from './lib'
-import { UseHuriOrHash } from './ResolvePayloadArgs'
-import { useLoadPayload } from './useLoadPayload'
-import { useResolveHuri } from './useResolveHuri'
-
-/**
- * Resolve a hash or a huri regardless of network
- */
-const useHuriHash = (huriOrHash?: string | Huri, huriUri?: string, options?: FetchHuriHashOptions): UseHuriOrHash => {
-  const hash = useCallback((huriOrHash?: string | Huri) => {
-    if (huriOrHash) {
-      if (typeof huriOrHash === 'string') {
-        return huriOrHash
-      }
-      if (huriOrHash instanceof Huri) {
-        return huriOrHash.hash
-      }
-    }
-  }, [])
-
-  const providedHash = hash(huriOrHash)
-
-  // Optimistically try to grab the has from the current network and archive
-  const [payload, notFound, apiError] = useLoadPayload(providedHash)
-
-  // if a huriUri was passed, we can safely override the notFound from the hash only query
-  const notFoundOverride = huriUri ? true : notFound
-
-  // If payload isn't found, fallback to the huriUri
-  const [huriPayload, huriPayloadNotFound, huriApiError, networkNotFound] = useResolveHuri(huriUri, notFoundOverride, options)
-
-  return [payload ?? huriPayload, huriPayloadNotFound, apiError ?? huriApiError, networkNotFound]
-}
-
-export { useHuriHash }

package/src/hooks/useLoadPayload.stories.tsx

@@ -1,69 +0,0 @@
-/* eslint-disable import/no-internal-modules */
-import { ComponentStory, Meta } from '@storybook/react'
-import { ButtonEx } from '@xylabs/react-button'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { ArchivistApiProvider, useArchivistApi } from '@xyo-network/react-archivist-api'
-import { lazy, Suspense, useState } from 'react'
-
-import { useLoadPayload } from './useLoadPayload'
-
-const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
-
-const apiDomain = 'https://beta.api.archivist.xyo.network'
-const hash = '5605fabad11b10bb5fb86b309ca0970894eda8f22362dda1a489817723bca992'
-
-const Wrapper: React.FC<{ hash?: string }> = ({ hash }) => (
-  <ArchivistApiProvider apiDomain={apiDomain}>
-    <UsePayloadComponent hash={hash} />
-  </ArchivistApiProvider>
-)
-
-const UsePayloadComponent: React.FC<{ hash?: string }> = ({ hash }) => {
-  const { api } = useArchivistApi()
-  const [trigger, setTrigger] = useState<string>()
-  const [payload, notFound] = useLoadPayload(trigger)
-
-  return (
-    <>
-      {api ? (
-        <>
-          <ButtonEx variant="contained" marginBottom={2} onClick={() => setTrigger(hash)}>
-            Fetch Payload
-          </ButtonEx>
-          <ButtonEx variant="contained" onClick={() => setTrigger('foo')}>
-            Fetch Not Found
-          </ButtonEx>
-        </>
-      ) : null}
-      <FlexCol my={3}>
-        <Suspense fallback={<FlexCol busy />}>
-          {notFound ? 'Not Found' : null}
-          <JsonView src={payload || {}} />
-        </Suspense>
-      </FlexCol>
-    </>
-  )
-}
-
-const StorybookEntry: Meta = {
-  argTypes: {},
-  component: UsePayloadComponent,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'payload/usePayload',
-}
-
-const Template: ComponentStory<typeof UsePayloadComponent> = (props) => {
-  return <Wrapper {...props} />
-}
-
-const Default = Template.bind({})
-Default.args = { hash }
-
-export { Default }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/hooks/useLoadPayload.tsx

@@ -1,60 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoApiError } from '@xyo-network/api'
-import { XyoPayload } from '@xyo-network/payload'
-import { useArchive } from '@xyo-network/react-archive'
-import { useArchivistApi } from '@xyo-network/react-archivist-api'
-import { useEffect, useState } from 'react'
-
-import { UsePayload } from './ResolvePayloadArgs'
-
-// I hate this name, would prefer loadPayload, but need use prefix to make it a 'hook'
-export const useLoadPayload = (hash?: string): UsePayload => {
-  const { api } = useArchivistApi()
-  const { archive } = useArchive()
-  const [localHash, setLocalHash] = useState<string>()
-  const [notFound, setNotFound] = useState<boolean>()
-  const [apiError, setApiError] = useState<XyoApiError>()
-  const [payload, setPayload] = useState<XyoPayload>()
-
-  const reset = () => {
-    setPayload(undefined)
-    setApiError(undefined)
-    setNotFound(undefined)
-  }
-
-  // allow for hash changes to retrigger the api call
-  useEffect(() => {
-    if (hash !== localHash) {
-      setLocalHash(hash)
-      reset()
-    }
-  }, [hash, localHash])
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      if (api && localHash && localHash.length > 0 && notFound === undefined) {
-        reset()
-        try {
-          const result = await api?.archive(archive).payload.hash(localHash).get()
-          if (mounted()) {
-            if (result?.length) {
-              setPayload(result[0])
-              setNotFound(false)
-            } else if (result?.length === 0) {
-              setNotFound(true)
-              setPayload(undefined)
-            }
-          }
-        } catch (e) {
-          reset()
-          setNotFound(false)
-          setApiError(e as XyoApiError)
-          console.error(e)
-        }
-      }
-    },
-    [hash, api, archive, payload, notFound, localHash]
-  )
-  return [payload, notFound, apiError]
-}

package/src/hooks/useResolveHuri.tsx

@@ -1,74 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoApiError } from '@xyo-network/api'
-import { Huri, XyoPayload } from '@xyo-network/payload'
-import { useNetwork } from '@xyo-network/react-network'
-import { useEffect, useState } from 'react'
-
-import { FetchHuriHashOptions, findHuriNetwork } from './lib'
-import { UseHuriOrHash } from './ResolvePayloadArgs'
-
-const useResolveHuri = (huriUri?: string, dependentNotFound?: boolean, options?: FetchHuriHashOptions): UseHuriOrHash => {
-  const { network, networks, setNetwork } = useNetwork()
-  const [huriPayload, setHuriPayload] = useState<XyoPayload>()
-  const [huriPayloadNotFound, setHuriPayloadNotFound] = useState<boolean>()
-  const [huriNetworkNotFound, setHuriNetworkNotFound] = useState<boolean>()
-  const [huriApiError, setHuriApiError] = useState<XyoApiError>()
-
-  const { changeActiveNetwork } = options ?? {}
-
-  const reset = () => {
-    setHuriPayload(undefined)
-    setHuriPayloadNotFound(undefined)
-    setHuriApiError(undefined)
-  }
-
-  useEffect(() => {
-    // Initially, sync local not found with dependent's status
-    setHuriPayloadNotFound(dependentNotFound)
-  }, [dependentNotFound])
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      // if dependent value is resolved, don't do anything, if not resolved, try to resolve huriUri
-      if (dependentNotFound && huriUri) {
-        reset()
-        const huriInstance = new Huri(huriUri)
-
-        const foundHuriNetwork = findHuriNetwork(huriInstance, networks)
-
-        if (foundHuriNetwork && mounted()) {
-          if (network !== foundHuriNetwork && changeActiveNetwork) {
-            setNetwork?.(foundHuriNetwork)
-            return
-          }
-
-          try {
-            const huriPayload = await huriInstance.fetch()
-            if (mounted()) {
-              if (huriPayload) {
-                setHuriPayload(huriPayload)
-                setHuriPayloadNotFound(false)
-              } else {
-                setHuriPayloadNotFound(true)
-              }
-            }
-          } catch (e) {
-            if (mounted()) {
-              setHuriPayloadNotFound(false)
-              setHuriPayload(undefined)
-              setHuriApiError(e as XyoApiError)
-            }
-          }
-        } else {
-          setHuriNetworkNotFound(true)
-        }
-      }
-    },
-    [huriUri, network, networks, dependentNotFound, setNetwork, changeActiveNetwork]
-  )
-
-  return [huriPayload, huriPayloadNotFound, huriApiError, huriNetworkNotFound]
-}
-
-export { useResolveHuri }

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components'
-export * from './contexts'
-export * from './hooks'

package/src/types/images.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.svg'
-declare module '*.gif'
-declare module '*.webp'