@xyo-network/dapp-template 3.2.0

package/dist/node/UiParams.d.ts

@@ -0,0 +1,4 @@
+import type { UnregisteredReactDapp } from '@xyo-network/os-react-model';
+export declare const CustomDappUiParams: UnregisteredReactDapp['params'];
+export { CustomDappUiParams as default };
+//# sourceMappingURL=UiParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiParams.d.ts","sourceRoot":"","sources":["../../src/UiParams.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAKxE,eAAO,MAAM,kBAAkB,EAAE,qBAAqB,CAAC,QAAQ,CAG9D,CAAA;AAED,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,CAAA"}

package/dist/node/XyOsHost.d.ts

@@ -0,0 +1,14 @@
+import { type WalletInstance } from '@xyo-network/account';
+import type { KernelExternal } from '@xyo-network/kernel-model';
+import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator';
+import { EventBus } from '@xyo-network/os-runtime';
+import type React from 'react';
+export interface XyOsHostProps {
+    children?: React.ReactNode;
+    eventBus?: EventBus;
+    kernel?: KernelExternal;
+    locator?: ModuleFactoryLocator;
+    wallet?: WalletInstance;
+}
+export declare const XyOsHost: React.FC<XyOsHostProps>;
+//# sourceMappingURL=XyOsHost.d.ts.map

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

@@ -0,0 +1 @@
+{"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,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,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

@@ -0,0 +1,3 @@
+import type { PathToComponent } from '@xyo-network/os-react-runtime';
+export declare const CustomDappPathToComponent: PathToComponent[];
+//# sourceMappingURL=Dapp.d.ts.map

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

@@ -0,0 +1 @@
+{"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/components/index.d.ts

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

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

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

package/dist/node/icon/Icon.d.ts

@@ -0,0 +1,2 @@
+export declare const CustomDappIconSvg = "\n<svg id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\">\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n  </svg>\n  ";
+//# sourceMappingURL=Icon.d.ts.map

package/dist/node/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/icon/Icon.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,i4HA2C3B,CAAA"}

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

@@ -0,0 +1,3 @@
+export * from './Icon.tsx';
+export { CustomDappIconSvg as default } from './Icon.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/dist/node/index.d.ts

@@ -0,0 +1,5 @@
+export { default as accountsDappManifest } from './dapp.manifest.json';
+export * from './Params.ts';
+export * from './Payloads.ts';
+export * from './UiParams.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACtE,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA"}

package/dist/node/index.mjs

@@ -0,0 +1,187 @@
+// src/dapp.manifest.json
+var dapp_manifest_default = {
+  $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: "Node",
+        schema: "network.xyo.node.config"
+      },
+      modules: {
+        private: [],
+        public: [
+          {
+            config: {
+              accountPath: "1'",
+              name: "DappArchivist",
+              dbName: "DappArchivist",
+              storeName: "payloads",
+              schema: "network.xyo.archivist.config",
+              labels: {
+                "network.xyo.archivist.persistence.scope": "device"
+              }
+            }
+          }
+        ]
+      }
+    }
+  ],
+  schema: "network.xyo.manifest.package.dapp"
+};
+
+// src/Params.ts
+import { IndexedDbArchivist } from "@xyo-network/archivist-indexeddb";
+import { ModuleFactoryLocator } from "@xyo-network/module-factory-locator";
+
+// src/icon/Icon.tsx
+var 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>
+  `;
+
+// src/Params.ts
+var locator = new ModuleFactoryLocator();
+locator.register(IndexedDbArchivist);
+var CustomDappParams = {
+  iconSvg: CustomDappIconSvg,
+  locator
+};
+
+// src/Payloads.ts
+import {
+  DappConfigSchema,
+  DappIconSchema,
+  DappMode,
+  DappNavItemSchema,
+  DappNavMenuConfigSchema
+} from "@xyo-network/os-model";
+var CustomDappName = "Custom Dapp";
+var version = "1.0.0";
+var CustomDappConfig = {
+  manifest: dapp_manifest_default,
+  modes: [DappMode.Window],
+  name: CustomDappName,
+  schema: DappConfigSchema,
+  sources: ["network.xyo.dapp.accounts.source"],
+  version
+};
+var CustomDappIcon = {
+  active: false,
+  installed: "installed",
+  name: CustomDappName,
+  schema: DappIconSchema,
+  type: "system",
+  version
+};
+var DappPayloads = [CustomDappConfig, CustomDappIcon];
+var CustomDappMenuItems = [
+  {
+    path: "home",
+    primaryText: "Home",
+    schema: DappNavItemSchema,
+    svgIcon: `
+    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
+    `,
+    weight: 0
+  },
+  {
+    path: "settings",
+    primaryText: "Settings",
+    schema: DappNavItemSchema,
+    svgIcon: `
+    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
+    `,
+    weight: 0
+  }
+];
+var CustomDappMenuConfig = {
+  defaultPath: "home",
+  schema: DappNavMenuConfigSchema
+};
+var CustomDappMenuPayloads = [...CustomDappMenuItems, CustomDappMenuConfig];
+
+// src/window/Dapp.tsx
+import { DappPathSwitcher, useAddDappMenuItems } from "@xyo-network/os-react-runtime";
+import { ErrorRender } from "@xyo-network/react-error";
+
+// src/components/Dapp.tsx
+import { FlexRow } from "@xylabs/react-flexbox";
+import { jsx } from "react/jsx-runtime";
+var CustomDappPathToComponent = [
+  {
+    component: /* @__PURE__ */ jsx(FlexRow, {}),
+    path: "home"
+  }
+];
+
+// src/window/Dapp.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CustomDapp = () => {
+  const {
+    menuConfig,
+    path,
+    error
+  } = useAddDappMenuItems(CustomDappMenuPayloads);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(ErrorRender, { error, scope: "CustomDapp" }),
+    /* @__PURE__ */ jsx2(DappPathSwitcher, { activePath: path?.path ?? menuConfig?.defaultPath, pathToComponent: CustomDappPathToComponent })
+  ] });
+};
+
+// src/UiParams.ts
+var CustomDappUiParams = {
+  ...CustomDappParams,
+  modes: { window: { component: CustomDapp } }
+};
+export {
+  CustomDappConfig,
+  CustomDappIcon,
+  CustomDappMenuPayloads,
+  CustomDappName,
+  CustomDappParams,
+  CustomDappUiParams,
+  DappPayloads,
+  dapp_manifest_default as accountsDappManifest
+};
+//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dapp.manifest.json","../../src/Params.ts","../../src/icon/Icon.tsx","../../src/Payloads.ts","../../src/window/Dapp.tsx","../../src/components/Dapp.tsx","../../src/UiParams.ts"],"sourcesContent":["{\n  \"$schema\": \"https://raw.githubusercontent.com/XYOracleNetwork/sdk-xyo-client-js/main/packages/manifest/src/compilations/dapp-package-manifest-schema.json\",\n  \"nodes\": [\n    {\n      \"config\": {\n        \"accountPath\": \"0'\",\n        \"name\": \"Node\",\n        \"schema\": \"network.xyo.node.config\"\n      },\n      \"modules\": {\n        \"private\": [],\n        \"public\": [\n          {\n            \"config\": {\n              \"accountPath\": \"1'\",\n              \"name\": \"DappArchivist\",\n              \"dbName\": \"DappArchivist\",\n              \"storeName\": \"payloads\",\n              \"schema\": \"network.xyo.archivist.config\",\n              \"labels\": {\n                \"network.xyo.archivist.persistence.scope\": \"device\"\n              }\n            }\n          }\n        ]\n      }\n    }\n  ],\n  \"schema\": \"network.xyo.manifest.package.dapp\"\n}","import { IndexedDbArchivist } from '@xyo-network/archivist-indexeddb'\nimport { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'\nimport type { UnregisteredDapp } from '@xyo-network/os-model'\n\nimport { CustomDappIconSvg } from './icon/index.ts'\n\nconst locator = new ModuleFactoryLocator()\nlocator.register(IndexedDbArchivist)\n\nexport const CustomDappParams: UnregisteredDapp['params'] = {\n  iconSvg: CustomDappIconSvg,\n  locator,\n}\n\nexport { CustomDappParams as default }\n","/* eslint-disable @stylistic/max-len */\nexport const CustomDappIconSvg = `\n<svg id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\">\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"transparent\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n    <path\n      fill=\"currentColor\"\n      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\"\n    />\n  </svg>\n  `\n","/* eslint-disable @stylistic/max-len */\nimport type {\n  DappConfig,\n  DappIcon,\n  DappName,\n  DappNavItem,\n  DappNavMenuConfig,\n  DappPackageManifestPayload,\n  DappVersion,\n} from '@xyo-network/os-model'\nimport {\n  DappConfigSchema,\n  DappIconSchema,\n  DappMode,\n  DappNavItemSchema,\n  DappNavMenuConfigSchema,\n} from '@xyo-network/os-model'\n\nimport dappManifest from './dapp.manifest.json'\n\nexport const CustomDappName: DappName = 'Custom Dapp' as const\n\nconst version: DappVersion = '1.0.0'\n\nexport const CustomDappConfig: DappConfig = {\n  manifest: dappManifest as DappPackageManifestPayload,\n  modes: [DappMode.Window],\n  name: CustomDappName,\n  schema: DappConfigSchema,\n  sources: ['network.xyo.dapp.accounts.source'],\n  version,\n}\n\nexport const CustomDappIcon: DappIcon = {\n  active: false,\n  installed: 'installed',\n  name: CustomDappName,\n  schema: DappIconSchema,\n  type: 'system',\n  version,\n}\n\nexport const DappPayloads = [CustomDappConfig, CustomDappIcon]\n\nexport type CustomDappMenuItemPaths = 'home' | 'settings'\n\nconst CustomDappMenuItems: DappNavItem<CustomDappMenuItemPaths>[] = [\n  {\n    path: 'home',\n    primaryText: 'Home',\n    schema: DappNavItemSchema,\n    svgIcon: `\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\" fill=\"none\"><path fill=\"currentColor\" d=\"M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z\"/></svg>\n    `,\n    weight: 0,\n  },\n  {\n    path: 'settings',\n    primaryText: 'Settings',\n    schema: DappNavItemSchema,\n    svgIcon: `\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\" fill=\"none\"><path fill=\"currentColor\" d=\"M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z\"/></svg>\n    `,\n    weight: 0,\n  },\n]\n\nconst CustomDappMenuConfig: DappNavMenuConfig = {\n  defaultPath: 'home',\n  schema: DappNavMenuConfigSchema,\n}\n\nexport const CustomDappMenuPayloads = [...CustomDappMenuItems, CustomDappMenuConfig]\n","import { DappPathSwitcher, useAddDappMenuItems } from '@xyo-network/os-react-runtime'\nimport { ErrorRender } from '@xyo-network/react-error'\nimport React from 'react'\n\nimport { CustomDappPathToComponent } from '../components/index.ts'\nimport { CustomDappMenuPayloads } from '../Payloads.js'\n\nexport const CustomDapp = () => {\n  const {\n    menuConfig, path, error,\n  } = useAddDappMenuItems(CustomDappMenuPayloads)\n\n  return (\n    <>\n      <ErrorRender error={error} scope=\"CustomDapp\" />\n      <DappPathSwitcher activePath={path?.path ?? menuConfig?.defaultPath} pathToComponent={CustomDappPathToComponent} />\n    </>\n  )\n}\n","import { FlexRow } from '@xylabs/react-flexbox'\nimport type { PathToComponent } from '@xyo-network/os-react-runtime'\nimport React from 'react'\n\nexport const CustomDappPathToComponent: PathToComponent[] = [\n  {\n    component: <FlexRow />,\n    path: 'home',\n  },\n]\n","import type { UnregisteredReactDapp } from '@xyo-network/os-react-model'\n\nimport { CustomDappParams } from './Params.js'\nimport { CustomDapp } from './window/index.ts'\n\nexport const CustomDappUiParams: UnregisteredReactDapp['params'] = {\n  ...CustomDappParams,\n  modes: { window: { component: CustomDapp } },\n}\n\nexport { CustomDappUiParams as default }\n"],"mappings":";AAAA;AAAA,EACE,SAAW;AAAA,EACX,OAAS;AAAA,IACP;AAAA,MACE,QAAU;AAAA,QACR,aAAe;AAAA,QACf,MAAQ;AAAA,QACR,QAAU;AAAA,MACZ;AAAA,MACA,SAAW;AAAA,QACT,SAAW,CAAC;AAAA,QACZ,QAAU;AAAA,UACR;AAAA,YACE,QAAU;AAAA,cACR,aAAe;AAAA,cACf,MAAQ;AAAA,cACR,QAAU;AAAA,cACV,WAAa;AAAA,cACb,QAAU;AAAA,cACV,QAAU;AAAA,gBACR,2CAA2C;AAAA,cAC7C;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAU;AACZ;;;AC7BA,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;;;ACA9B,IAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADKjC,IAAM,UAAU,IAAI,qBAAqB;AACzC,QAAQ,SAAS,kBAAkB;AAE5B,IAAM,mBAA+C;AAAA,EAC1D,SAAS;AAAA,EACT;AACF;;;AEFA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,IAAM,iBAA2B;AAExC,IAAM,UAAuB;AAEtB,IAAM,mBAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO,CAAC,SAAS,MAAM;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,CAAC,kCAAkC;AAAA,EAC5C;AACF;AAEO,IAAM,iBAA2B;AAAA,EACtC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN;AACF;AAEO,IAAM,eAAe,CAAC,kBAAkB,cAAc;AAI7D,IAAM,sBAA8D;AAAA,EAClE;AAAA,IACE,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;AAAA,IAGT,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;AAAA,IAGT,QAAQ;AAAA,EACV;AACF;AAEA,IAAM,uBAA0C;AAAA,EAC9C,aAAa;AAAA,EACb,QAAQ;AACV;AAEO,IAAM,yBAAyB,CAAC,GAAG,qBAAqB,oBAAoB;;;ACxEnF,SAAS,kBAAkB,2BAA2B;AACtD,SAAS,mBAAmB;;;ACD5B,SAAS,eAAe;AAMT;AAFR,IAAM,4BAA+C;AAAA,EAC1D;AAAA,IACE,WAAW,oBAAC,WAAQ;AAAA,IACpB,MAAM;AAAA,EACR;AACF;;;ADII,mBACE,OAAAA,MADF;AANG,IAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ;AAAA,IAAY;AAAA,IAAM;AAAA,EACpB,IAAI,oBAAoB,sBAAsB;AAE9C,SACE,iCACE;AAAA,oBAAAA,KAAC,eAAY,OAAc,OAAM,cAAa;AAAA,IAC9C,gBAAAA,KAAC,oBAAiB,YAAY,MAAM,QAAQ,YAAY,aAAa,iBAAiB,2BAA2B;AAAA,KACnH;AAEJ;;;AEbO,IAAM,qBAAsD;AAAA,EACjE,GAAG;AAAA,EACH,OAAO,EAAE,QAAQ,EAAE,WAAW,WAAW,EAAE;AAC7C;","names":["jsx"]}

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

@@ -0,0 +1,2 @@
+export declare const CustomDapp: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dapp.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@xyo-network/dapp-template",
+  "version": "3.2.0",
+  "description": "Primary SDK for using XYO Protocol 2.0",
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-client-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-client-js.git"
+  },
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XYO Development Team",
+    "email": "support@xyo.network",
+    "url": "https://xyo.network"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "node": {
+        "types": "./dist/node/index.d.ts",
+        "default": "./dist/node/index.mjs"
+      },
+      "types": "./dist/neutral/index.d.ts",
+      "default": "./dist/neutral/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/neutral/index.mjs",
+  "types": "dist/neutral/index.d.ts",
+  "dependencies": {
+    "@xylabs/react-flexbox": "^5.0.1",
+    "@xylabs/react-promise": "^5.0.1",
+    "@xyo-network/account": "^3.1.14",
+    "@xyo-network/archivist-indexeddb": "^3.1.14",
+    "@xyo-network/kernel": "^3.2.0",
+    "@xyo-network/kernel-model": "^3.2.0",
+    "@xyo-network/module-factory-locator": "^3.1.14",
+    "@xyo-network/object": "^3.1.14",
+    "@xyo-network/os-model": "^3.2.0",
+    "@xyo-network/os-react-model": "^2.3.0",
+    "@xyo-network/os-react-runtime": "^2.3.0",
+    "@xyo-network/os-runtime": "^3.2.0",
+    "@xyo-network/payload-model": "^3.1.14",
+    "@xyo-network/react-error": "^4.0.1",
+    "@xyo-network/react-node": "^4.0.1",
+    "@xyo-network/react-sdk": "^4.0.1",
+    "react-router-dom": "^6.26.2"
+  },
+  "devDependencies": {
+    "@mui/material": "^6.1.1",
+    "@mui/styles": "^6.1.1",
+    "@storybook/react": "^8.3.4",
+    "@types/react": "^18.3.10",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig": "^4.0.7",
+    "@xylabs/tsconfig-dom": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "eslint": "^9.11.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-helmet": "^6.1.0"
+  },
+  "peerDependencies": {
+    "@mui/material": "^6.1.0",
+    "@mui/styles": "^6.1.1",
+    "react": "^18",
+    "react-dom": "^18.3.1",
+    "react-helmet": "^6.1.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/DappHost.tsx

@@ -0,0 +1,145 @@
+import { Typography } from '@mui/material'
+import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
+import { usePromise } from '@xylabs/react-promise'
+import type { RegisteredReactDapp } from '@xyo-network/os-react-model'
+import {
+  DappAccessFlexbox,
+  DappBar,
+  DappBottomNavigation,
+  DappChrome,
+  DappMenuDrawer,
+  useDappContextCreator,
+  useDappMenu,
+  useManageDappPathFromRoute, useXyOsUiContext,
+  XyOsUiContextProvider,
+} from '@xyo-network/os-react-runtime'
+import { DappSeedPhraseRepository, NameTransforms } from '@xyo-network/os-runtime'
+import { NodeProvider } from '@xyo-network/react-node'
+import { ErrorRender, WalletProvider } from '@xyo-network/react-sdk'
+import React, {
+  useMemo, useState, version,
+} from 'react'
+
+import { XyOsHost } from './XyOsHost.tsx'
+
+const allowedNames = ['Accounts']
+
+export interface DappHostProps {
+  dapp: RegisteredReactDapp
+}
+
+const DappPageHost: React.FC<DappHostProps> = ({ dapp }) => {
+  const xyOs = useXyOsUiContext()
+  const [walletId, setWalletId] = useState<string>()
+  const [dappWithWalletId, setDappWithWalletId] = useState<RegisteredReactDapp>(dapp)
+
+  // stub the walletId for the dapp
+  usePromise(async () => {
+    if (xyOs) {
+      const dappSeedPhraseRepository = new DappSeedPhraseRepository(xyOs, allowedNames)
+      const walletId = await dappSeedPhraseRepository.findOrCreate(allowedNames[0])
+      setWalletId(walletId)
+      setDappWithWalletId(dapp => ({
+        ...dapp,
+        config: {
+          ...dapp.config,
+          walletId,
+        },
+      }))
+    }
+  }, [xyOs])
+
+  const name = dapp?.config.name
+  const scrollable = true
+
+  // Create the dapp context
+  const {
+    dappWallet, context, nodeCreateError,
+  } = useDappContextCreator('', '', dappWithWalletId, allowedNames, !!walletId)
+
+  // support for routing
+  useManageDappPathFromRoute(context, dapp.config.name)
+
+  // Get the dapp component
+  const TypedDappComponent = useMemo(() => dapp?.params.modes?.window?.component as React.FC<{
+    name?: string
+  }>, [])
+
+  // Get the menu items
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    activePath, error: menuError, menuConfig, menuItemsVisible, onPathChange,
+  } = useDappMenu(context, name)
+
+  return (
+    <FlexCol>
+      <FlexRow>
+        <Typography>
+          xyOs Booted:&nbsp;
+          {xyOs ? 'true' : 'false'}
+        </Typography>
+      </FlexRow>
+      <DappChrome
+        appBar={(
+          <>
+            {/* Keep DappBar outside of the Dapp's Node Provider so it can still see the intentArchivist for close and minimize */}
+            <DappBar context={context} name={name} version={version} title={activePath ? new NameTransforms(activePath).deSlug() : ''} />
+          </>
+        )}
+        height="100dvh"
+        width="100dvw"
+        largeScreenMenu={(
+          <DappMenuDrawer
+            context={context}
+            name={name}
+            version={version}
+            activePath={activePath}
+            onPathChange={onPathChange}
+            menuConfig={menuConfig}
+            menuItems={menuItemsVisible}
+          />
+        )}
+        smallScreenMenu={(
+          <DappBottomNavigation
+            activePath={activePath}
+            onPathChange={onPathChange}
+            menuConfig={menuConfig}
+            menuItems={menuItemsVisible}
+            sx={{ display: menuConfig ? 'flex' : 'none' }}
+          />
+        )}
+      >
+        <ErrorRender error={nodeCreateError} scope="Accounts Stories" />
+        <WalletProvider rootWallet={dappWallet}>
+          <XyOsUiContextProvider value={context === null ? undefined : context}>
+            {/* Prevent dapps from reaching out to the os node */}
+            <NodeProvider node={context?.root}>
+              <FlexCol
+                alignItems="stretch"
+                justifyContent="stretch"
+                position="absolute"
+                top={0}
+                bottom={0}
+                left={0}
+                right={0}
+                sx={{ overflowY: scrollable ? 'auto' : 'hidden' }}
+              >
+                <TypedDappComponent name="Accounts" />
+              </FlexCol>
+              <DappAccessFlexbox context={context} />
+
+            </NodeProvider>
+          </XyOsUiContextProvider>
+        </WalletProvider>
+      </DappChrome>
+    </FlexCol>
+  )
+}
+
+export const DappHost: React.FC<DappHostProps> = ({ dapp }) => {
+  return (
+    <XyOsHost>
+      <DappPageHost dapp={dapp} />
+    </XyOsHost>
+  )
+}

package/src/Params.ts

@@ -0,0 +1,15 @@
+import { IndexedDbArchivist } from '@xyo-network/archivist-indexeddb'
+import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
+import type { UnregisteredDapp } from '@xyo-network/os-model'
+
+import { CustomDappIconSvg } from './icon/index.ts'
+
+const locator = new ModuleFactoryLocator()
+locator.register(IndexedDbArchivist)
+
+export const CustomDappParams: UnregisteredDapp['params'] = {
+  iconSvg: CustomDappIconSvg,
+  locator,
+}
+
+export { CustomDappParams as default }

package/src/Payloads.ts

@@ -0,0 +1,73 @@
+/* eslint-disable @stylistic/max-len */
+import type {
+  DappConfig,
+  DappIcon,
+  DappName,
+  DappNavItem,
+  DappNavMenuConfig,
+  DappPackageManifestPayload,
+  DappVersion,
+} from '@xyo-network/os-model'
+import {
+  DappConfigSchema,
+  DappIconSchema,
+  DappMode,
+  DappNavItemSchema,
+  DappNavMenuConfigSchema,
+} from '@xyo-network/os-model'
+
+import dappManifest from './dapp.manifest.json'
+
+export const CustomDappName: DappName = 'Custom Dapp' as const
+
+const version: DappVersion = '1.0.0'
+
+export const CustomDappConfig: DappConfig = {
+  manifest: dappManifest as DappPackageManifestPayload,
+  modes: [DappMode.Window],
+  name: CustomDappName,
+  schema: DappConfigSchema,
+  sources: ['network.xyo.dapp.accounts.source'],
+  version,
+}
+
+export const CustomDappIcon: DappIcon = {
+  active: false,
+  installed: 'installed',
+  name: CustomDappName,
+  schema: DappIconSchema,
+  type: 'system',
+  version,
+}
+
+export const DappPayloads = [CustomDappConfig, CustomDappIcon]
+
+export type CustomDappMenuItemPaths = 'home' | 'settings'
+
+const CustomDappMenuItems: DappNavItem<CustomDappMenuItemPaths>[] = [
+  {
+    path: 'home',
+    primaryText: 'Home',
+    schema: DappNavItemSchema,
+    svgIcon: `
+    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
+    `,
+    weight: 0,
+  },
+  {
+    path: 'settings',
+    primaryText: 'Settings',
+    schema: DappNavItemSchema,
+    svgIcon: `
+    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="none"><path fill="currentColor" d="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>
+    `,
+    weight: 0,
+  },
+]
+
+const CustomDappMenuConfig: DappNavMenuConfig = {
+  defaultPath: 'home',
+  schema: DappNavMenuConfigSchema,
+}
+
+export const CustomDappMenuPayloads = [...CustomDappMenuItems, CustomDappMenuConfig]

package/src/ReactDapp.ts

@@ -0,0 +1,13 @@
+import type { JsonObject } from '@xyo-network/object'
+import type { DappParams } from '@xyo-network/os-model'
+import type { DappReactParams } from '@xyo-network/os-react-model'
+import type { Payload } from '@xyo-network/payload-model'
+export * from './UiParams.js'
+
+export interface Dapp<TParams extends DappParams> {
+  manifest: JsonObject
+  params: TParams
+  payloads: Payload[]
+}
+
+export interface ReactDapp extends Dapp<DappReactParams> {}