@xyo-network/dapp-template 4.2.3 → 4.2.5

package/src/components/host/index.ts

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

package/src/components/index.ts

@@ -1 +1 @@
-export * from './Dapp.tsx'
+export * from './host/index.ts'

package/src/dapp.stories.tsx

@@ -2,58 +2,20 @@ import type { Meta, StoryFn } from '@storybook/react'
 import { DappRegisteredSchema, DappRegisteredState } from '@xyo-network/os-model'
 import type { RegisteredReactDapp } from '@xyo-network/os-react-model'
 import React from 'react'
-import {
-  BrowserRouter, Route, Routes,
-} from 'react-router-dom'
 
-import type { DappHostProps } from './DappHost.tsx'
-import { DappHost } from './DappHost.tsx'
+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: DappHost,
+  component: RoutableDapp,
   parameters: { docs: { page: null } },
   title: 'dapps/customDapp',
-} as Meta<typeof DappHost>
+} as Meta<typeof RoutableDapp>
 
-const DappRoutes: React.FC<DappHostProps> = args => (
-  <Routes>
-    <Route
-      path="/"
-      element={(
-        <DappHost {...args} />
-      )}
-    />
-    <Route
-      path="/:dappName"
-      element={(
-        <DappHost {...args} />
-      )}
-    />
-    <Route
-      path="/:dappName/:path/*"
-      element={(
-        <DappHost {...args} />
-      )}
-    />
-    <Route
-      path="*"
-      element={(
-        <DappHost {...args} />
-      )}
-    />
-  </Routes>
-)
-
-const Template: StoryFn<typeof DappHost> = (args: DappHostProps) => {
-  return (
-    <BrowserRouter>
-      <DappRoutes {...args} />
-    </BrowserRouter>
-  )
-}
+const Template: StoryFn<typeof RoutableDapp> = (args: DappHostProps) => <RoutableDapp {...args} />
 
 const dapp: RegisteredReactDapp = {
   config: {

package/src/helpers/registration/index.ts

@@ -1,2 +1,2 @@
 export * from './DappInitializer.ts'
-export * from './useInstallDapp.tsx'
+export * from './useInitializeDappAdHoc.tsx'

package/src/helpers/registration/{useInstallDapp.tsx → useInitializeDappAdHoc.tsx}

@@ -6,7 +6,11 @@ import {
 
 import { DappInitializer } from './DappInitializer.ts'
 
-export const useInitializeDapp = (dapp: RegisteredReactDapp) => {
+const dappState = {
+  active: true, minimized: false, closed: false,
+}
+
+export const useInitializeDappAdHoc = (dapp: RegisteredReactDapp) => {
   const xyOs = useXyOsUiContext()
 
   const [installedDapp, nodeCreateError] = usePromise(async () => {
@@ -33,6 +37,7 @@ export const useInitializeDapp = (dapp: RegisteredReactDapp) => {
   return {
     context,
     dappMenu,
+    dappState,
     dappWallet,
     errors: [routingError, nodeCreateError, ...injectableErrors].filter(Boolean),
   }

package/src/index.ts

@@ -1,6 +1,6 @@
+export * from './components/host/XyOsHost.tsx'
+export * from './components/index.ts'
 export { default as accountsDappManifest } from './dapp.manifest.json'
-export * from './DappHost.tsx'
 export * from './Params.ts'
 export * from './Payloads.ts'
 export * from './UiParams.ts'
-export * from './XyOsHost.tsx'

package/dist/neutral/DappHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DappHost.d.ts","sourceRoot":"","sources":["../../src/DappHost.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGtE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgB5C,CAAA"}

package/dist/neutral/XyOsHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"XyOsHost.d.ts","sourceRoot":"","sources":["../../src/XyOsHost.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAE1E,OAAO,EAAE,QAAQ,EAAQ,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAA"}

package/dist/neutral/components/Dapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dapp.d.ts","sourceRoot":"","sources":["../../../src/components/Dapp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,eAAO,MAAM,yBAAyB,EAAE,eAAe,EAKtD,CAAA"}

package/dist/neutral/helpers/registration/useInstallDapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInstallDapp.d.ts","sourceRoot":"","sources":["../../../../src/helpers/registration/useInstallDapp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAOtE,eAAO,MAAM,iBAAiB,SAAU,mBAAmB;;;;;CA8B1D,CAAA"}

package/dist/neutral/window/Dapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dapp.d.ts","sourceRoot":"","sources":["../../../src/window/Dapp.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,+CAWtB,CAAA"}

package/dist/neutral/window/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Dapp.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/window/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/window/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/node/DappHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DappHost.d.ts","sourceRoot":"","sources":["../../src/DappHost.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGtE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgB5C,CAAA"}

package/dist/node/XyOsHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"XyOsHost.d.ts","sourceRoot":"","sources":["../../src/XyOsHost.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAE1E,OAAO,EAAE,QAAQ,EAAQ,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAA"}

package/dist/node/components/Dapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dapp.d.ts","sourceRoot":"","sources":["../../../src/components/Dapp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,eAAO,MAAM,yBAAyB,EAAE,eAAe,EAKtD,CAAA"}

package/dist/node/helpers/registration/useInstallDapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInstallDapp.d.ts","sourceRoot":"","sources":["../../../../src/helpers/registration/useInstallDapp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAOtE,eAAO,MAAM,iBAAiB,SAAU,mBAAmB;;;;;CA8B1D,CAAA"}

package/dist/node/window/Dapp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dapp.d.ts","sourceRoot":"","sources":["../../../src/window/Dapp.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,+CAWtB,CAAA"}

package/dist/node/window/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Dapp.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/window/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/window/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/src/DappHost.tsx

@@ -1,30 +0,0 @@
-import { FlexCol } from '@xylabs/react-flexbox'
-import type { RegisteredReactDapp } from '@xyo-network/os-react-model'
-import type { DappState } from '@xyo-network/os-react-runtime'
-import { DappRendered } from '@xyo-network/os-react-runtime'
-import React, { useMemo } from 'react'
-
-import { useInitializeDapp } from './helpers/index.ts'
-import { XyOsHost } from './XyOsHost.tsx'
-
-export interface DappHostProps {
-  dapp: RegisteredReactDapp
-}
-
-export const DappHost: React.FC<DappHostProps> = ({ dapp }) => {
-  const {
-    context, dappMenu, dappWallet, errors,
-  } = useInitializeDapp(dapp)
-
-  const dappState: DappState = useMemo(() => ({
-    active: true, minimized: false, closed: false,
-  }), [])
-
-  return (
-    <XyOsHost>
-      <FlexCol>
-        <DappRendered context={context} dapp={dapp} dappMenuProperties={dappMenu} dappState={dappState} dappWallet={dappWallet} errors={errors} />
-      </FlexCol>
-    </XyOsHost>
-  )
-}

package/src/window/index.ts

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