@xyo-network/os-react-runtime 7.2.0 → 7.3.0

package/src/modules/Dapp/modules/access-interface/components/Dialog.tsx

@@ -1,132 +0,0 @@
-import { ArrowForward } from '@mui/icons-material'
-import type { DialogProps } from '@mui/material'
-import {
-  Alert,
-  Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography,
-} from '@mui/material'
-import { ErrorRender } from '@xylabs/react-error'
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import type {
-  DappAccessRequest, RegisteredDappAccess, XyOsContext,
-} from '@xyo-network/os-model'
-import { RegisteredNames } from '@xyo-network/os-model'
-import { AccessNodeQueries } from '@xyo-network/os-runtime'
-import React, { useState } from 'react'
-
-export interface AccessDialogProps extends DialogProps {
-  accessRequest?: DappAccessRequest
-  dappNode?: XyOsContext | null
-  registeredDappAccess?: RegisteredDappAccess
-}
-
-export const DappAccessDialog: React.FC<AccessDialogProps> = ({
-  accessRequest, children, dappNode, registeredDappAccess, ...props
-}) => {
-  const [error, setError] = useState<Error>()
-  const [noPayloadsInserted, setNoPayloadsInserted] = useState(false)
-
-  const onClose = () => {
-    setNoPayloadsInserted(false)
-    props.onClose?.({}, 'escapeKeyDown')
-  }
-
-  const handleAllow = () => {
-    if (accessRequest && registeredDappAccess && dappNode) {
-      try {
-        switch (registeredDappAccess.name) {
-          case RegisteredNames: {
-            const accessNodeQueries = new AccessNodeQueries(dappNode, accessRequest, registeredDappAccess)
-            accessNodeQueries.run().then((payloads) => {
-              if (payloads.length === 0) {
-                setNoPayloadsInserted(true)
-              } else {
-                onClose()
-              }
-              return
-            }).catch((e) => {
-              setError(e as Error)
-            })
-          }
-          default: {
-            const message = `no helper for interface ${registeredDappAccess.name} found`
-            console.error(message)
-            setError(new Error(message))
-          }
-        }
-      } catch (e) {
-        console.error(e)
-        setError(e as Error)
-      }
-    } else {
-      setError(new Error('No registered dapp access or dappNode found'))
-    }
-  }
-
-  return (
-    <Dialog {...props}>
-      <DialogTitle>Message from XYO OS</DialogTitle>
-      <DialogContent
-        dividers
-        sx={{
-          display: 'flex', flexDirection: 'column', gap: 3,
-        }}
-      >
-        <ErrorRender error={error} scope="DappAccessDialog" />
-        <FlexCol gap={1}>
-          <Typography variant="subtitle2">dApp to dApp Access Request</Typography>
-          <FlexRow gap={1}>
-            <Typography fontSize={16}>
-              <strong>{accessRequest?.requestingDappId}</strong>
-&nbsp;
-            </Typography>
-            <ArrowForward />
-            <Typography fontSize={16}>
-              <strong>{registeredDappAccess?.registeringDappId}</strong>
-            </Typography>
-          </FlexRow>
-        </FlexCol>
-      </DialogContent>
-      <DialogContent
-        dividers
-        sx={{
-          display: 'flex', flexDirection: 'column', gap: 3,
-        }}
-      >
-        <FlexCol gap={1}>
-          <Typography>
-            <strong>{accessRequest?.requestingDappId}</strong>
-            {' '}
-            dApp would like to access your
-            <strong>{registeredDappAccess?.name}</strong>
-            {' '}
-            from
-            {' '}
-            <strong>{registeredDappAccess?.registeringDappId}</strong>
-            {' '}
-            dApp
-          </Typography>
-        </FlexCol>
-        {noPayloadsInserted
-          ? (
-              <Alert severity="warning">
-                {registeredDappAccess?.name}
-                {' '}
-                Access Request did not find payloads to insert
-              </Alert>
-            )
-          : null}
-      </DialogContent>
-      {children
-        ? <DialogContent dividers>{children}</DialogContent>
-        : null}
-      <DialogActions>
-        <Button variant="outlined" onClick={onClose}>
-          Cancel
-        </Button>
-        <Button variant="contained" onClick={handleAllow}>
-          Allow
-        </Button>
-      </DialogActions>
-    </Dialog>
-  )
-}

package/src/modules/Dapp/modules/access-interface/components/Flexbox.tsx

@@ -1,29 +0,0 @@
-import { ErrorRender } from '@xylabs/react-error'
-import type { XyOsContext } from '@xyo-network/os-model'
-import React from 'react'
-
-import { useDialogState } from '../hooks/index.ts'
-import { DappAccessDialog } from './Dialog.js'
-
-export interface DappAccessFlexboxProps {
-  context?: XyOsContext | null
-}
-
-export const DappAccessFlexbox: React.FC<DappAccessFlexboxProps> = ({ context }) => {
-  const {
-    accessRequests, allowAccessDialogError, openAccessDialog, registeredInterface, setOpenAccessDialog,
-  } = useDialogState(context)
-  return (
-    <DappAccessDialog
-      accessRequest={accessRequests?.[0]}
-      dappNode={context}
-      open={openAccessDialog}
-      onClose={() => setOpenAccessDialog(false)}
-      registeredDappAccess={registeredInterface}
-    >
-      {allowAccessDialogError
-        ? <ErrorRender error={allowAccessDialogError} scope="DappAccessFlexbox" />
-        : null}
-    </DappAccessDialog>
-  )
-}

package/src/modules/Dapp/modules/access-interface/components/index.ts

@@ -1,2 +0,0 @@
-export * from './Dialog.js'
-export * from './Flexbox.js'

package/src/modules/Dapp/modules/access-interface/hooks/index.ts

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

package/src/modules/Dapp/modules/access-interface/hooks/useDialogState.tsx

@@ -1,28 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { RegisteredDappAccess, XyOsContext } from '@xyo-network/os-model'
-import { isRegisteredDappAccess, RegisteredNames } from '@xyo-network/os-model'
-import { useState } from 'react'
-
-import { DappAccessRequestResourceHooks } from '../../../../access-requests/index.ts'
-import { useDappCaller } from '../../../useDappCaller.ts'
-
-export const useDialogState = (context?: XyOsContext | null) => {
-  const dappCaller = useDappCaller()
-  const { accessRequests } = DappAccessRequestResourceHooks.resourceViewsFromContext(context)
-  const [openAccessDialog, setOpenAccessDialog] = useState(false)
-  const [registeredInterface, setRegisteredInterface] = useState<RegisteredDappAccess>()
-
-  const [, allowAccessDialogError] = usePromise(async () => {
-    const accessRequest = accessRequests?.[0]
-    if (accessRequest && context && dappCaller) {
-      setOpenAccessDialog(true)
-      const payload = await dappCaller.getRegisteredDappAccessByName(RegisteredNames)
-
-      setRegisteredInterface(isRegisteredDappAccess(payload) ? payload : undefined)
-    }
-  }, [accessRequests, dappCaller, context])
-
-  return {
-    accessRequests, allowAccessDialogError, openAccessDialog, registeredInterface, setOpenAccessDialog,
-  }
-}

package/src/modules/Dapp/modules/access-interface/index.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts'
-export * from './hooks/index.ts'

package/src/modules/Dapp/modules/index.ts

@@ -1,2 +0,0 @@
-export * from './access-interface/index.ts'
-export * from './Window/index.ts'

package/src/modules/Dapp/useDappCaller.ts

@@ -1,16 +0,0 @@
-import type { XyOsContext } from '@xyo-network/os-model'
-import { DappCaller } from '@xyo-network/os-runtime'
-import { useMemo } from 'react'
-
-import { useXyOsUiContext } from '../XyOsUi/index.ts'
-
-export const useDappCaller = (context?: XyOsContext | null) => {
-  const xyOs = useXyOsUiContext()
-
-  return useMemo(() => {
-    const resolvedContext = context ?? xyOs
-    if (resolvedContext) {
-      return new DappCaller(resolvedContext)
-    }
-  }, [context, xyOs])
-}

package/src/modules/LoadingOsLogo/LoadingOsLogo.tsx

@@ -1,54 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol } from '@xylabs/react-flexbox'
-import React, { useState } from 'react'
-
-import { XyoOSIcon } from './img/index.ts'
-
-export type LoadingOsLogoProps = Omit<FlexBoxProps, 'children'> & {
-  busy?: boolean
-  spinsPerSecond?: number
-  widthInPixels?: number
-}
-
-export const LoadingOsLogo: React.FC<LoadingOsLogoProps> = ({
-  widthInPixels, busy, spinsPerSecond = 0.5, ...props
-}) => {
-  // preloading image to prevent shifting
-  const [imageLoaded, setImageLoaded] = useState(false)
-  if (!imageLoaded) {
-    const img = new Image()
-    img.addEventListener('load', () => setImageLoaded(true))
-    img.src = XyoOSIcon
-  }
-  return imageLoaded
-    ? (
-        <FlexCol
-          sx={{
-            '@keyframes fadeOut': {
-              '0%': { opacity: 1 },
-              '100%': { opacity: 0.1 },
-              '35%': { opacity: 1 },
-            },
-            'animation': busy ? 'fadeOut linear' : undefined,
-            'animationDuration': '1500ms',
-            'animationFillMode': 'both',
-          }}
-          {...props}
-        >
-          <FlexCol
-            sx={{
-              '@keyframes spin': {
-                '0%': { transform: 'rotate(360deg)' },
-                '100%': { transform: 'rotate(0deg)' },
-              },
-              'animation': busy ? `spin ${1 / spinsPerSecond}s linear infinite` : undefined,
-              'animationDirection': 'reverse',
-            }}
-            {...props}
-          >
-            <img src={XyoOSIcon} height={widthInPixels ?? 22} />
-          </FlexCol>
-        </FlexCol>
-      )
-    : null
-}

package/src/modules/LoadingOsLogo/img/index.ts

@@ -1 +0,0 @@
-export { default as XyoOSIcon } from './xyoOS-Icon.svg'

package/src/modules/LoadingOsLogo/img/xyoOS-Icon.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 900"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#a8a8a8;opacity:.21;}</style><linearGradient id="linear-gradient" x1="34.7" y1="450.98" x2="865.07" y2="450.98" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#579fd6"/><stop offset=".52" stop-color="#eb407a"/><stop offset="1" stop-color="#f27046"/></linearGradient></defs><path class="cls-2" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-1" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/src/modules/LoadingOsLogo/index.ts

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

package/src/modules/XyOsUi/contexts/XyOsUiContext.ts

@@ -1,10 +0,0 @@
-import type { XyOsUiContext as XyOsUiContextImport } from '@xyo-network/os-react-model'
-import { createContext, use } from 'react'
-
-export const XyOsUiContext = createContext<XyOsUiContextImport | undefined>(undefined)
-
-export const useXyOsUiContext = () => {
-  return use(XyOsUiContext)
-}
-
-export const XyOsUiContextProvider = XyOsUiContext.Provider

package/src/modules/XyOsUi/contexts/index.ts

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

package/src/modules/XyOsUi/index.ts

@@ -1,2 +0,0 @@
-export * from './contexts/index.ts'
-export * from './lib/index.ts'

package/src/modules/XyOsUi/lib/XyOsUi.ts

@@ -1,51 +0,0 @@
-import { forget } from '@xylabs/forget'
-import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
-import type { ModuleFactoryLocatorInstance } from '@xyo-network/module-model'
-import type { SplashScreenLoadingMessages, XyOsUiGlobal } from '@xyo-network/os-model'
-import type { ReactDappRegistrationResults, XyOsUiContext } from '@xyo-network/os-react-model'
-import type { XyOsMonitor, XyOsParams } from '@xyo-network/os-runtime'
-import { dappsReadyConnection, XyOs } from '@xyo-network/os-runtime'
-import type { WalletInstance } from '@xyo-network/wallet-model'
-
-import { XyOsBrowserMonitor } from '../../../helpers/index.ts'
-
-export class XyOsUi extends XyOs implements XyOsUiContext {
-  dappRegistrationResults: ReactDappRegistrationResults = { failed: [], succeeded: [] }
-
-  private dappsReadyConnection = dappsReadyConnection()
-
-  constructor(params: XyOsParams) {
-    super(params)
-
-    this.eventBus.addConnection(this.dappsReadyConnection)
-  }
-
-  static override get monitoring(): XyOsMonitor | undefined {
-    return new XyOsBrowserMonitor()
-  }
-
-  static get xyOsUiGlobal(): XyOsUiGlobal {
-    return XyOs.xyOsGlobal as XyOsUiGlobal
-  }
-
-  static hideSplash() {
-    this.xyOsUiGlobal.splashScreen.hideSplash()
-    this.xyOsUiGlobal.splashScreen.onComplete()
-    this.setSplashStatus('complete')
-  }
-
-  static setSplashStatus(status: SplashScreenLoadingMessages) {
-    const statusText = this.xyOsUiGlobal.splashScreen._LOADING_MESSAGES[status]
-    this.xyOsUiGlobal.splashScreen.setStatusText(statusText)
-  }
-
-  override async boot(wallet: WalletInstance, locator: ModuleFactoryLocatorInstance = new ModuleFactoryLocator()): Promise<this> {
-    await super.boot(wallet, locator)
-    const registerLazy = async () => {
-      this.dappRegistrationResults = (await this.dappRegistrationService.start()) as ReactDappRegistrationResults
-      await this.dappsReadyConnection.emit('dappsReady', {})
-    }
-    forget(registerLazy())
-    return this
-  }
-}

package/src/modules/XyOsUi/lib/index.ts

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

package/src/modules/access-requests/NameServiceRegistrationHooks.ts

@@ -1,36 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { XyOsContext } from '@xyo-network/os-model'
-import type { XnsRegistrationsViews } from '@xyo-network/os-runtime'
-import { XnsRegistrationsResource } from '@xyo-network/os-runtime'
-
-import {
-  ResourceHooks, useCleanUpResource, useSyncExternalPayloadStore,
-} from '../resource/index.ts'
-
-export const useBuildNameServiceRegistrationsResource = (context?: XyOsContext | null, pathPrefix?: string) => {
-  const result = usePromise(async () => {
-    if (context) {
-      const xnsRegistrationsResource = new XnsRegistrationsResource(context, pathPrefix)
-      await xnsRegistrationsResource.start()
-      return xnsRegistrationsResource
-    }
-  }, [context, pathPrefix])
-
-  useCleanUpResource(result[0])
-
-  return result
-}
-
-export const useBuildNameServiceRegistrationsResourceViews = (resource?: XnsRegistrationsResource) => {
-  const allRegistrations = useSyncExternalPayloadStore<XnsRegistrationsResource, XnsRegistrationsViews>('allRegistrations', resource)
-
-  return {
-    allRegistrations,
-    resource,
-  }
-}
-
-export const NameServiceRegistrationHooks = new ResourceHooks<XnsRegistrationsViews, XnsRegistrationsResource>(
-  useBuildNameServiceRegistrationsResource,
-  useBuildNameServiceRegistrationsResourceViews,
-)

package/src/modules/access-requests/index.ts

@@ -1,2 +0,0 @@
-export * from './NameServiceRegistrationHooks.ts'
-export * from './useBuildDappAccessRequestResource.ts'

package/src/modules/access-requests/useBuildDappAccessRequestResource.ts

@@ -1,38 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { XyOsContext } from '@xyo-network/os-model'
-import type { DappAccessRequestViews } from '@xyo-network/os-runtime'
-import { DappAccessRequestResource } from '@xyo-network/os-runtime'
-
-import {
-  ResourceHooks, useCleanUpResource, useSyncExternalPayloadStore,
-} from '../resource/index.ts'
-
-export const useBuildDappAccessRequestResource = (context?: XyOsContext | null) => {
-  const resource = usePromise(async () => {
-    if (context) {
-      const resource = new DappAccessRequestResource(context)
-      await resource.start()
-      return resource
-    }
-  }, [context])
-
-  useCleanUpResource(resource[0])
-
-  return resource
-}
-
-export const useDappAccessRequestResourceViews = (resource?: DappAccessRequestResource) => {
-  const accessRequests = useSyncExternalPayloadStore('accessRequests', resource)
-  const registeredInterfaces = useSyncExternalPayloadStore('registeredInterfaces', resource)
-
-  return {
-    accessRequests,
-    registeredInterfaces,
-    resource,
-  }
-}
-
-export const DappAccessRequestResourceHooks = new ResourceHooks<DappAccessRequestViews, DappAccessRequestResource>(
-  useBuildDappAccessRequestResource,
-  useDappAccessRequestResourceViews,
-)

package/src/modules/bios/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from './useBios.js'
-export * from './useKernel.js'

package/src/modules/bios/hooks/useBios.ts

@@ -1,25 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import { boot } from '@xyo-network/bios-browser'
-import type { BiosExternalInterface } from '@xyo-network/bios-model'
-import { useEffect } from 'react'
-
-let biosBoot: Promise<BiosExternalInterface>
-
-export const useBios = () => {
-  const [biosExternalInterface, biosError] = usePromise(async () => {
-    // If we've already booted the bios, await it's boot
-    if (biosBoot !== undefined) return await biosBoot
-    // Otherwise, boot the bios
-    biosBoot = boot()
-    // and await it's boot
-    return await biosBoot
-  }, [])
-
-  // Bring any async BIOS errors from usePromise back
-  // within react error boundaries
-  useEffect(() => {
-    if (biosError) throw biosError
-  }, [biosError])
-
-  return biosExternalInterface
-}

package/src/modules/bios/hooks/useKernel.ts

@@ -1,36 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import { Kernel } from '@xyo-network/kernel'
-import type { KernelBootParams, KernelExternal } from '@xyo-network/kernel-model'
-import type { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
-import { useEffect } from 'react'
-
-import { useBios } from './useBios.js'
-
-let kernelBoot: Promise<KernelExternal>
-
-export const useKernel = (locator: ModuleFactoryLocator, params: KernelBootParams) => {
-  const bios = useBios()
-  const [kernelExternalInterface, kernelError] = usePromise(async () => {
-    // If we've already booted the kernel, await it's boot
-    if (kernelBoot !== undefined) return await kernelBoot
-    if (bios) {
-      // Otherwise, boot the kernel
-      kernelBoot = (async function () {
-        const kernel = new Kernel()
-
-        await kernel.boot(bios, { locator, ...params })
-        return kernel
-      })()
-      // and await it's boot
-      return await kernelBoot
-    }
-  }, [bios])
-
-  // Bring any async BIOS errors from usePromise back
-  // within react error boundaries
-  useEffect(() => {
-    if (kernelError) throw kernelError
-  }, [kernelError])
-
-  return kernelExternalInterface
-}

package/src/modules/bios/index.ts

@@ -1 +0,0 @@
-export * from './hooks/index.ts'

package/src/modules/dapps/accounts/components/AccountCard.tsx

@@ -1,57 +0,0 @@
-import type { CardProps } from '@mui/material'
-import {
-  Card, CardContent, Divider, Typography,
-} from '@mui/material'
-import { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-interface AccountSectionProps {
-  component?: ReactNode
-  desc: string
-  title: string
-}
-
-interface AccountCardProps extends CardProps {
-  items: Array<AccountSectionProps>
-}
-
-export const AccountCard: React.FC<AccountCardProps> = ({ items, ...props }) => {
-  return (
-    <Card {...props}>
-      <CardContent>
-        <FlexGrowCol width="100%" gap={2}>
-          {items.map((item, index) => {
-            return (
-              <FlexGrowCol gap={2} key={index} width="100%" alignItems="stretch">
-                <FlexGrowRow
-                  sx={{
-                    alignItems: 'stretch',
-                    flexDirection: { md: 'row', xs: 'column' },
-                    justifyContent: 'space-between',
-                  }}
-                  gap={2}
-                >
-                  <FlexGrowCol
-                    alignItems="flex-start"
-                    width="100%"
-                    sx={{ maxWidth: { md: '40%', xs: '100%' } }}
-                  >
-                    <Typography variant="h5" gutterBottom>
-                      {item.title}
-                    </Typography>
-                    <Typography variant="body1" gutterBottom>
-                      {item.desc}
-                    </Typography>
-                  </FlexGrowCol>
-                  {item?.component}
-                </FlexGrowRow>
-                {items.length === 1 || index === items.length - 1 ? null : <Divider flexItem />}
-              </FlexGrowCol>
-            )
-          })}
-        </FlexGrowCol>
-      </CardContent>
-    </Card>
-  )
-}