@xyo-network/react-archivist 2.26.36 → 2.26.39

package/dist/docs.json

@@ -10,7 +10,7 @@
 			"fileName": "index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/3b6a925/packages/archivist/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/413a933/packages/archivist/src/index.ts#L1"
 		}
 	]
 }

package/package.json

@@ -20,7 +20,7 @@
     "@xyo-network/api": "^2.22.15",
     "@xyo-network/archivist": "^2.22.15",
     "@xyo-network/payload": "^2.22.15",
-    "@xyo-network/react-shared": "^2.26.36",
+    "@xyo-network/react-shared": "^2.26.39",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tslib": "^2.4.0"
@@ -81,5 +81,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.36"
+  "version": "2.26.39"
 }

package/src/components/Details.stories.tsx

@@ -0,0 +1,38 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { forget } from '@xylabs/sdk-js'
+import { XyoMemoryArchivist } from '@xyo-network/archivist'
+
+import { appThemeDecorator } from '../../../../.storybook'
+import { ArchivistDetails } from './Details'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: ArchivistDetails,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'archivist/Details',
+} as ComponentMeta<typeof ArchivistDetails>
+
+const Template: ComponentStory<typeof ArchivistDetails> = (args) => <ArchivistDetails {...args}></ArchivistDetails>
+
+const archivist = new XyoMemoryArchivist()
+const initArchivist = async () => {
+  await archivist.insert?.([{ schema: 'network.xyo.test' }])
+}
+forget(initArchivist())
+
+const Default = Template.bind({})
+Default.args = {}
+Default.decorators = [appThemeDecorator]
+
+const WithData = Template.bind({})
+WithData.args = { archivist }
+WithData.decorators = [appThemeDecorator]
+
+export { Default, WithData }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Details.tsx

@@ -0,0 +1,51 @@
+import { ButtonGroup, Typography } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { XyoArchivist } from '@xyo-network/archivist'
+import { XyoPayload } from '@xyo-network/payload'
+import { useState } from 'react'
+
+import { useArchivist } from '../contexts'
+
+export interface ArchivistDetails extends FlexBoxProps {
+  archivist?: XyoArchivist
+}
+
+export const ArchivistDetails: React.FC<ArchivistDetails> = ({ archivist: archivistProp, ...props }) => {
+  const { archivist = archivistProp } = useArchivist()
+  const [payloads, setPayloads] = useState<XyoPayload[]>()
+  const [refresh, setRefresh] = useState(0)
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const payloads = await archivist?.all?.()
+      if (mounted()) {
+        setPayloads(payloads)
+      }
+    },
+    [archivist, refresh]
+  )
+
+  return (
+    <FlexCol {...props}>
+      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>
+      <ButtonGroup>
+        <ButtonEx disabled={archivist?.commit === undefined} onClick={() => archivist?.commit?.()}>
+          Commit
+        </ButtonEx>
+        <ButtonEx disabled={archivist?.clear === undefined} onClick={() => archivist?.clear?.()}>
+          Clear
+        </ButtonEx>
+        <ButtonEx
+          onClick={() => {
+            setRefresh(refresh + 1)
+          }}
+        >
+          Refresh
+        </ButtonEx>
+      </ButtonGroup>
+    </FlexCol>
+  )
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './Details'

package/src/contexts/Context.ts

@@ -0,0 +1,7 @@
+import { createContextEx } from '@xyo-network/react-shared'
+
+import { ArchivistState } from './State'
+
+const ArchivistContext = createContextEx<ArchivistState>()
+
+export { ArchivistContext }

package/src/contexts/Provider.tsx

@@ -0,0 +1,54 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { XyoRemoteArchivist, XyoRemoteArchivistConfig } from '@xyo-network/api'
+import { XyoArchivist, XyoArchivistConfig, XyoMemoryArchivist } from '@xyo-network/archivist'
+import { useState } from 'react'
+
+import { ArchivistContext } from './Context'
+import { useArchivist } from './use'
+
+export interface ArchivistProviderProps {
+  required?: boolean
+  archivist?: XyoArchivist
+}
+
+export const ArchivistProvider: React.FC<WithChildren<ArchivistProviderProps>> = ({ archivist: archivistProp, required = false, children }) => {
+  const [archivist, setArchivist] = useState<XyoArchivist | undefined>(archivistProp)
+
+  return (
+    <ArchivistContext.Provider
+      value={{
+        archivist,
+        provided: true,
+        setArchivist,
+      }}
+    >
+      {archivist ? children : required ? null : children}
+    </ArchivistContext.Provider>
+  )
+}
+
+export interface MemoryArchivistProviderProps {
+  required?: boolean
+  config?: XyoArchivistConfig
+}
+
+export const MemoryArchivistProvider: React.FC<WithChildren<MemoryArchivistProviderProps>> = ({ config = {}, children, ...props }) => {
+  const { archivist } = useArchivist()
+  config.parent = config.parent ?? archivist
+  return (
+    <ArchivistProvider archivist={new XyoMemoryArchivist(config)} {...props}>
+      {children}
+    </ArchivistProvider>
+  )
+}
+
+export interface ApiArchivistProviderProps {
+  required?: boolean
+  config?: XyoRemoteArchivistConfig
+}
+
+export const RemoteArchivistProvider: React.FC<WithChildren<ApiArchivistProviderProps>> = ({ config = {}, ...props }) => {
+  const { archivist } = useArchivist()
+  config.parent = config.parent ?? archivist
+  return <ArchivistProvider archivist={new XyoRemoteArchivist(config)} {...props} />
+}

package/src/contexts/State.ts

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

package/src/contexts/index.ts

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

package/src/contexts/use.ts

@@ -0,0 +1,7 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { ArchivistContext } from './Context'
+
+export const useArchivist = (required = false) => {
+  return useContextEx(ArchivistContext, 'Archivist', required)
+}

package/src/index.ts

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