@xyo-network/dapp-template 7.2.1 → 7.3.0

package/src/components/host/XyOsHost.tsx

@@ -1,61 +0,0 @@
-import { Typography } from '@mui/material'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { usePromise } from '@xylabs/react-promise'
-import { Kernel } from '@xyo-network/kernel'
-import type { KernelExternal } from '@xyo-network/kernel-model'
-import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
-import { XyOsUiContextProvider } from '@xyo-network/os-react-runtime'
-import { EventBus, XyOs } from '@xyo-network/os-runtime'
-import { HDWallet } from '@xyo-network/wallet'
-import type { WalletInstance } from '@xyo-network/wallet-model'
-import React, { useMemo } from 'react'
-
-export interface XyOsHostProps {
-  children?: React.ReactNode
-  eventBus?: EventBus
-  kernel?: KernelExternal
-  locator?: ModuleFactoryLocator
-  wallet?: WalletInstance
-}
-
-export const XyOsHost: React.FC<XyOsHostProps> = ({
-  children, eventBus, kernel, locator, wallet,
-}) => {
-  const [walletToUse] = usePromise(async () => wallet ?? await HDWallet.random(), [wallet])
-  const eventBusToUse: EventBus = useMemo(() => eventBus ?? new EventBus(), [kernel])
-  const kernelToUse: KernelExternal = useMemo(() => kernel ?? new Kernel(), [kernel])
-  const locatorToUse = useMemo(() => locator ?? new ModuleFactoryLocator(), [locator])
-
-  const [os, error] = usePromise(async () => {
-    if (walletToUse && kernelToUse && eventBusToUse && locatorToUse) {
-      const os = new XyOs({
-        kernel: kernelToUse, eventBus: new EventBus(), locator: locatorToUse,
-      })
-      await os.boot(walletToUse, locatorToUse)
-      return os
-    }
-  }, [kernelToUse, walletToUse, locator, eventBusToUse, locatorToUse])
-
-  return os
-    ? <XyOsUiContextProvider value={os}>{children}</XyOsUiContextProvider>
-    : (
-        <FlexCol>
-          <Typography>
-            wallet:
-            {walletToUse ? 'ready' : 'loading'}
-          </Typography>
-          <Typography>
-            kernel:
-            {kernelToUse ? 'ready' : 'loading'}
-          </Typography>
-          <Typography>
-            os:
-            {os ? 'ready' : 'loading'}
-          </Typography>
-          <Typography>
-            os-error:
-            {error?.message}
-          </Typography>
-        </FlexCol>
-      )
-}

package/src/components/host/index.ts

@@ -1,4 +0,0 @@
-export * from './DappHost.tsx'
-export * from './Routable.tsx'
-export * from './Routes.tsx'
-export * from './XyOsHost.tsx'

package/src/components/index.ts

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

package/src/dapp.manifest.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/main/packages/manifest/src/compilations/dapp-package-manifest-schema.json",
-  "nodes": [
-    {
-      "config": {
-        "accountPath": "0'",
-        "name": "CustomDappNode",
-        "schema": "network.xyo.node.config"
-      },
-      "modules": {
-        "private": [],
-        "public": [
-          {
-            "config": {
-              "accountPath": "1'",
-              "name": "DappArchivist",
-              "schema": "network.xyo.archivist.config"
-            }
-          }
-        ]
-      }
-    }
-  ],
-  "schema": "network.xyo.manifest.package.dapp"
-}

package/src/dapp.stories.tsx

@@ -1,37 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { DappRegisteredSchema, DappRegisteredState } from '@xyo-network/os-model'
-import type { RegisteredReactDapp } from '@xyo-network/os-react-model'
-import React from 'react'
-
-import type { DappHostProps } from './components/index.ts'
-import { RoutableDapp } from './components/index.ts'
-import { CustomDappConfig } from './Payloads.ts'
-import { CustomDappUiParams } from './ReactDapp.ts'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: RoutableDapp,
-  parameters: { layout: 'fullscreen' },
-  title: 'dapps/customDapp',
-} as Meta<typeof RoutableDapp>
-
-const Template: StoryFn<typeof RoutableDapp> = (args: DappHostProps) => <RoutableDapp {...args} />
-
-const dapp: RegisteredReactDapp = {
-  config: {
-    ...CustomDappConfig,
-    state: DappRegisteredState.Registered,
-    schema: DappRegisteredSchema,
-    walletId: 'Accounts',
-  },
-  accessors: [],
-  params: CustomDappUiParams,
-  widgetConfigs: [],
-}
-
-const Default = Template.bind({})
-Default.args = { dapp }
-
-export { Default }
-
-export default StorybookEntry

package/src/helpers/index.ts

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

package/src/helpers/registration/index.ts

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

package/src/helpers/registration/useInitializeDappAdHoc.tsx

@@ -1,43 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { RegisteredReactDapp } from '@xyo-network/os-react-model'
-import {
-  useDappMenu, useManageDappInjectableParamsFromRoute, useManageDappPathFromRoute, useXyOsUiContext,
-} from '@xyo-network/os-react-runtime'
-import { DappInitializer } from '@xyo-network/os-runtime'
-
-const dappState = {
-  active: true, minimized: false, closed: false,
-}
-
-export const useInitializeDappAdHoc = (dapp: RegisteredReactDapp) => {
-  const xyOs = useXyOsUiContext()
-
-  const [installedDapp, nodeCreateError] = usePromise(async () => {
-    if (xyOs && dapp) {
-      const installer = new DappInitializer({
-        allowedNames: [dapp.config.name],
-        dapp,
-        xnsNetwork: undefined,
-        xnsNodeUrl: undefined,
-        xyOs,
-      })
-      return await installer.install()
-    }
-  }, [xyOs, dapp])
-
-  const { dappWallet, context } = installedDapp ?? {}
-
-  // support for routing
-  const routingError = useManageDappPathFromRoute(context, dapp.config.name)
-  const injectableErrors = useManageDappInjectableParamsFromRoute(context)
-
-  const dappMenu = useDappMenu(context, dapp.config.name)
-
-  return {
-    context,
-    dappMenu,
-    dappState,
-    dappWallet,
-    errors: [routingError, nodeCreateError, ...injectableErrors].filter(Boolean),
-  }
-}

package/src/icon/Icon.tsx

@@ -1,45 +0,0 @@
-/* eslint-disable @stylistic/max-len */
-export const CustomDappIconSvg = `
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
-    <path
-      fill="transparent"
-      d="M6.44,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"
-    />
-    <path
-      fill="transparent"
-      d="M18.01,27.91c-.55.55-.83,1.22-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83s-1.44.28-2,.83Z"
-    />
-    <path
-      fill="transparent"
-      d="M33.56,27.12c-.78,0-1.44.28-2,.83-.55.55-.83,1.21-.83,1.99s.28,1.44.83,2c.55.55,1.21.83,1.99.83s1.44-.28,2-.83c.55-.55.83-1.21.83-1.99s-.28-1.44-.83-2c-.55-.55-1.21-.83-1.99-.83Z"
-    />
-    <path
-      fill="currentColor"
-      d="M36.55,26.94c-.82-.82-1.82-1.23-3-1.23-.32,0-.63.04-.93.11-.3.07-.59.17-.87.31l-5.87-8.09c-.18.03-.36.05-.56.05h-1.13l6.42,8.83c-.39.4-.7.85-.93,1.36-.23.51-.35,1.06-.35,1.66,0,1.18.41,2.17,1.23,3s1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3-.41-2.17-1.23-3ZM35.55,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"
-    />
-    <path
-      fill="currentColor"
-      d="M19.29,25.73c-1,.16-1.84.64-2.52,1.42-.67.79-1.01,1.7-1.01,2.75,0,1.18.41,2.17,1.23,3,.82.82,1.82,1.23,3,1.23s2.17-.41,3-1.23c.82-.82,1.23-1.82,1.23-3,0-1.05-.34-1.97-1.01-2.74-.67-.78-1.51-1.25-2.52-1.43v-7.65h-1.41v7.65ZM22,27.91c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83Z"
-    />
-    <path
-      fill="currentColor"
-      d="M14.1,18l-5.89,8.08c-.28-.13-.56-.22-.86-.28-.29-.06-.6-.09-.91-.09-1.18,0-2.17.41-3,1.23-.82.82-1.23,1.82-1.23,3s.41,2.17,1.23,3,1.82,1.23,3,1.23,2.17-.41,3-1.23,1.23-1.82,1.23-3c0-.6-.12-1.15-.36-1.66s-.56-.96-.95-1.36l6.45-8.83h-1c-.25,0-.48-.03-.7-.08ZM8.44,31.93c-.55.55-1.22.83-2,.83s-1.44-.28-1.99-.83c-.55-.55-.83-1.22-.83-2s.28-1.44.83-1.99c.55-.55,1.22-.83,2-.83s1.44.28,1.99.83c.55.55.83,1.22.83,2s-.28,1.44-.83,1.99Z"
-    />
-    <path
-      fill="transparent"
-      d="M20,12.91c1.26,0,2.46.19,3.61.56,1.15.37,2.23.88,3.23,1.54V4.86c0-.44-.15-.82-.46-1.12s-.68-.46-1.12-.46h-10.52c-.44,0-.82.15-1.12.46s-.46.68-.46,1.12v10.15c1-.66,2.08-1.17,3.23-1.54s2.36-.56,3.61-.56ZM17.7,5.83c.63-.63,1.4-.95,2.3-.95s1.66.32,2.3.95.95,1.4.95,2.3-.32,1.66-.95,2.3-1.4.95-2.3.95-1.66-.32-2.3-.95-.95-1.4-.95-2.3.32-1.66.95-2.3Z"
-    />
-    <path
-      fill="transparent"
-      d="M20,10.32c.6,0,1.12-.21,1.55-.64.43-.43.65-.94.65-1.55s-.22-1.12-.65-1.55c-.43-.43-.95-.65-1.55-.65s-1.12.22-1.55.65-.64.95-.64,1.55.21,1.12.64,1.55.94.64,1.55.64Z"
-    />
-    <path
-      fill="currentColor"
-      d="M20,11.37c.9,0,1.66-.32,2.3-.95s.95-1.4.95-2.3-.32-1.66-.95-2.3-1.4-.95-2.3-.95-1.66.32-2.3.95-.95,1.4-.95,2.3.32,1.66.95,2.3,1.4.95,2.3.95ZM18.45,6.58c.43-.43.95-.65,1.55-.65s1.12.22,1.55.65c.43.43.65.95.65,1.55s-.22,1.12-.65,1.55c-.43.43-.95.64-1.55.64s-1.12-.21-1.55-.64-.64-.95-.64-1.55.21-1.12.64-1.55Z"
-    />
-    <path
-      fill="currentColor"
-      d="M27.21,2.9c-.5-.5-1.15-.75-1.95-.75h-10.52c-.8,0-1.45.25-1.95.75-.5.5-.75,1.15-.75,1.95v10.52c0,.8.25,1.45.75,1.95.35.35.77.56,1.25.67.22.05.45.08.7.08h10.52c.2,0,.38-.02.56-.05.55-.09,1.01-.33,1.39-.71.5-.5.75-1.15.75-1.95V4.86c0-.8-.25-1.45-.75-1.95ZM25.93,16.74c-.26.14-.55.22-.86.22h-10.15s-.08-.01-.12-.01c-.25-.02-.5-.08-.74-.2-.28-.14-.45-.35-.5-.63.99-.7,2.03-1.22,3.12-1.57s2.19-.52,3.31-.52,2.27.18,3.4.55c1.13.36,2.18.88,3.16,1.54-.15.27-.36.48-.63.63ZM26.84,15.01c-1-.66-2.08-1.17-3.23-1.54-1.15-.37-2.36-.56-3.61-.56s-2.46.19-3.61.56-2.23.88-3.23,1.54V4.86c0-.44.15-.82.46-1.12s.68-.46,1.12-.46h10.52c.44,0,.82.15,1.12.46s.46.68.46,1.12v10.15Z"
-    />
-  </svg>
-  `

package/src/icon/index.ts

@@ -1,2 +0,0 @@
-export * from './Icon.tsx'
-export { CustomDappIconSvg as default } from './Icon.tsx'

package/src/index.ts

@@ -1,6 +0,0 @@
-export * from './components/index.ts'
-export { default as accountsDappManifest } from './dapp.manifest.json' with { type: 'json' }
-export * from './helpers/index.ts'
-export * from './Params.ts'
-export * from './Payloads.ts'
-export * from './UiParams.ts'