@xyo-network/react-archivist 2.44.1 → 2.45.0-rc.2

package/src/contexts/Provider/StorageArchivistProvider.stories.tsx

@@ -1,84 +0,0 @@
-/* eslint-disable deprecation/deprecation */
-/* eslint-disable import/no-deprecated */
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-import { ButtonEx } from '@xylabs/react-button'
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { ArchivistWrapper, StorageArchivistConfigSchema } from '@xyo-network/archivist'
-import { XyoPayload } from '@xyo-network/payload-model'
-import { useAppThemeDecorator } from '@xyo-network/react-storybook'
-import { useState } from 'react'
-
-import { useArchivist } from '../use'
-import { MemoryArchivistProvider } from './MemoryArchivistProvider'
-import { StorageArchivistProvider } from './StorageArchivistProvider'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: StorageArchivistProvider,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'archivist/StorageArchivistProvider',
-} as ComponentMeta<typeof StorageArchivistProvider>
-
-const RenderTest: React.FC = () => {
-  const archivist = useArchivist()
-  const [items, setItems] = useState<number>()
-  const [refresh, setRefresh] = useState(0)
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const wrapper = archivist ? new ArchivistWrapper(archivist) : undefined
-      const items = await wrapper?.all()
-      if (mounted()) {
-        setItems(items?.length)
-      }
-    },
-    [archivist, refresh],
-  )
-  return (
-    <FlexCol>
-      Archivist Count: {items}
-      <FlexRow>
-        <ButtonEx
-          onClick={async () => {
-            await archivist?.insert([{ schema: 'network.xyo.test', value: Math.floor(Math.random() * 9999999) } as XyoPayload])
-            setRefresh(refresh + 1)
-          }}
-        >
-          Insert
-        </ButtonEx>
-        <ButtonEx onClick={() => setRefresh(refresh + 1)}>Refresh</ButtonEx>
-        <ButtonEx
-          onClick={async () => {
-            await archivist?.clear?.()
-            setRefresh(refresh + 1)
-          }}
-        >
-          Clear
-        </ButtonEx>
-      </FlexRow>
-    </FlexCol>
-  )
-}
-
-const Template: ComponentStory<typeof StorageArchivistProvider> = (args) => (
-  <MemoryArchivistProvider>
-    <RenderTest />
-    <StorageArchivistProvider {...args}>
-      <RenderTest />
-    </StorageArchivistProvider>
-  </MemoryArchivistProvider>
-)
-
-const Default = Template.bind({})
-Default.args = { config: { schema: StorageArchivistConfigSchema } }
-Default.decorators = [useAppThemeDecorator]
-
-export { Default }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/contexts/Provider/StorageArchivistProvider.tsx

@@ -1,57 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { StorageArchivistConfig, XyoStorageArchivist } from '@xyo-network/archivist'
-import { MemoryNode } from '@xyo-network/node'
-import { ContextExProviderProps } from '@xyo-network/react-shared'
-import merge from 'lodash/merge'
-import { useState } from 'react'
-
-import { useArchivist } from '../use'
-// eslint-disable-next-line import/no-deprecated
-import { ArchivistProvider } from './Provider'
-
-/** @deprecated use hooks instead */
-export type StorageArchivistProviderProps = ContextExProviderProps<{
-  config: StorageArchivistConfig
-  node?: MemoryNode
-}>
-
-/** @deprecated use hooks instead */
-// eslint-disable-next-line deprecation/deprecation
-export const StorageArchivistProvider: React.FC<StorageArchivistProviderProps> = ({ config, node, ...props }) => {
-  const archivist = useArchivist()
-
-  const [activeArchivist, setActiveArchivist] = useState<XyoStorageArchivist>()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const activeArchivist = await new XyoStorageArchivist({
-        config: merge(
-          {},
-          config,
-          archivist
-            ? {
-                parents: {
-                  commit: [archivist.address],
-                  read: [archivist.address],
-                  write: [archivist.address],
-                },
-              }
-            : undefined,
-        ),
-      }).start()
-      await node?.register(activeArchivist).attach(activeArchivist.address)
-      if (mounted()) {
-        setActiveArchivist(activeArchivist)
-      }
-      return () => {
-        node?.detach(activeArchivist.address)
-        node?.unregister(activeArchivist)
-      }
-    },
-    [node, archivist, config],
-  )
-
-  // eslint-disable-next-line deprecation/deprecation
-  return <ArchivistProvider archivist={activeArchivist} {...props} />
-}

package/src/contexts/Provider/index.ts

@@ -1,4 +0,0 @@
-export * from './CookieArchivistProvider'
-export * from './MemoryArchivistProvider'
-export * from './Provider'
-export * from './StorageArchivistProvider'

package/src/contexts/State.ts

@@ -1,7 +0,0 @@
-import { ArchivistModule } from '@xyo-network/archivist'
-import { Dispatch } from 'react'
-
-export interface ArchivistState {
-  archivist?: ArchivistModule
-  setArchivist?: Dispatch<ArchivistModule>
-}

package/src/contexts/index.ts

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

package/src/contexts/story/ArchivistHooks.stories.tsx

@@ -1,42 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-
-import { useArchivistFind, useArchivistGet } from '../use'
-import { ArchivistPayloads } from './ArchivistPayloads.stories'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: ArchivistPayloads,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'archivist/Hooks',
-} as ComponentMeta<typeof ArchivistPayloads>
-
-const ArchivistGetPayloadsTemplate: ComponentStory<typeof ArchivistPayloads> = (args) => {
-  const [payloads, error, refresh] = useArchivistGet([
-    '3da33603417622f4cdad2becbca8c7889623d9045d0e8923e1702a99d2f3e47c',
-    '3da33603417622f4cdad2becbca8c7889623d9045d0e8923e1702a99d2f3e47d',
-  ])
-  return <ArchivistPayloads payloads={payloads} error={error} refresh={refresh} {...args}></ArchivistPayloads>
-}
-
-const ArchivistFindPayloadsTemplate: ComponentStory<typeof ArchivistPayloads> = (args) => {
-  const [payloads, error, refresh] = useArchivistFind({
-    limit: 5,
-    schema: 'network.xyo.payload',
-  })
-  return <ArchivistPayloads payloads={payloads} error={error} refresh={refresh} {...args}></ArchivistPayloads>
-}
-
-const Get = ArchivistGetPayloadsTemplate.bind({})
-Get.args = {}
-
-const Find = ArchivistFindPayloadsTemplate.bind({})
-Find.args = {}
-
-export { Find, Get }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/contexts/story/ArchivistPayloads.stories.tsx

@@ -1,31 +0,0 @@
-import { Button, Card, CardContent, CardHeader } from '@mui/material'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { XyoPayloads } from '@xyo-network/payload-model'
-
-export interface ArchivistPayloadsProps {
-  error?: Error
-  payloads?: XyoPayloads
-  refresh?: () => void
-}
-
-export const ArchivistPayloads: React.FC<ArchivistPayloadsProps> = ({ refresh, payloads, error }) => {
-  return (
-    <FlexCol rowGap={2}>
-      <Button variant="contained" onClick={() => refresh?.()}>
-        Refresh
-      </Button>
-      <Card>
-        <CardHeader title="Payloads" />
-        <CardContent>
-          <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-all' }}>{payloads ? JSON.stringify(payloads, null, 2) : null}</pre>
-        </CardContent>
-      </Card>
-      <Card>
-        <CardHeader title="Errors" />
-        <CardContent>
-          <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-all' }}>{error ? JSON.stringify(error, null, 2) : null}</pre>
-        </CardContent>
-      </Card>
-    </FlexCol>
-  )
-}

package/src/contexts/use/index.ts

@@ -1,6 +0,0 @@
-export * from './use'
-export * from './useArchivistAll'
-export * from './useArchivistClear'
-export * from './useArchivistFind'
-export * from './useArchivistGet'
-export * from './useArchivistInsert'

package/src/contexts/use/lib/index.ts

@@ -1 +0,0 @@
-export type RefreshCallback = () => void

package/src/contexts/use/use.tsx

@@ -1,6 +0,0 @@
-import { ArchivistGetQuerySchema, ArchivistModule } from '@xyo-network/archivist'
-import { useModule } from '@xyo-network/react-node'
-
-export const useArchivist = (nameOrAddress?: string) => {
-  return useModule<ArchivistModule>(nameOrAddress, [[ArchivistGetQuerySchema]])
-}

package/src/contexts/use/useArchivistClear.tsx

@@ -1,26 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { ArchivistWrapper } from '@xyo-network/archivist'
-
-import { useArchivistStates } from './useArchivistStates'
-
-export const useArchivistClear = () => {
-  const { archivist, error, payloads, setPayloads, refresh, setError, refreshCount } = useArchivistStates()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      try {
-        const wrapper = archivist ? new ArchivistWrapper(archivist) : undefined
-        await wrapper?.clear()
-        if (mounted()) {
-          setError(undefined)
-          setPayloads([])
-        }
-      } catch (ex) {
-        setError(ex as Error)
-      }
-    },
-    [archivist, refreshCount, setError, setPayloads],
-  )
-  return [payloads, error, refresh]
-}

package/src/contexts/use/useArchivistFind.tsx

@@ -1,32 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { PayloadFindFilter, XyoPayload } from '@xyo-network/payload-model'
-import { useDataState } from '@xyo-network/react-shared'
-
-import { RefreshCallback } from './lib'
-import { useArchivistStates } from './useArchivistStates'
-
-export const useArchivistFind = <TFilter extends PayloadFindFilter>(filter: TFilter): [XyoPayload[]?, Error?, RefreshCallback?] => {
-  const [savedFilter, setSavedFilter] = useDataState(filter)
-  const { archivist, error, payloads, setPayloads, refresh, setError, refreshCount } = useArchivistStates()
-
-  setSavedFilter(filter)
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      try {
-        if (archivist) {
-          const result = await archivist.find(savedFilter)
-          if (mounted()) {
-            setError(undefined)
-            setPayloads(result)
-          }
-        }
-      } catch (ex) {
-        setError(ex as Error)
-      }
-    },
-    [archivist, savedFilter, setError, setPayloads, refreshCount],
-  )
-  return [payloads, error, refresh]
-}

package/src/contexts/use/useArchivistInsert.tsx

@@ -1,35 +0,0 @@
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoPayload } from '@xyo-network/payload-model'
-
-import { useArchivistStates } from './useArchivistStates'
-
-export const useArchivistInsert = (payloads: XyoPayload[]) => {
-  const { archivist, error, payloads: resultPayloads, refresh, setError, setPayloads: setResultPayloads, refreshCount } = useArchivistStates()
-
-  const insertRefresh = () => {
-    setResultPayloads(undefined)
-    setError(undefined)
-  }
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      try {
-        if (archivist && payloads && !resultPayloads && !error) {
-          const result = await archivist.insert(payloads)
-          if (mounted()) {
-            setError(undefined)
-            setResultPayloads(result)
-          }
-        }
-      } catch (ex) {
-        if (mounted()) {
-          setResultPayloads(undefined)
-          setError(ex as Error)
-        }
-      }
-    },
-    [archivist, refresh, payloads, setError, setResultPayloads, resultPayloads, refreshCount, error],
-  )
-  return [resultPayloads, error, insertRefresh]
-}