@dxos/react-client 2.19.4-dev.118a1ff2 → 2.19.4-dev.2e43dbee

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-client",
-  "version": "2.19.4-dev.118a1ff2",
+  "version": "2.19.4-dev.2e43dbee",
   "description": "React client API",
   "keywords": [],
   "license": "AGPL-3.0",
@@ -8,23 +8,23 @@
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "dependencies": {
-    "@dxos/async": "2.19.4-dev.118a1ff2",
-    "@dxos/client": "2.19.4-dev.118a1ff2",
-    "@dxos/config": "2.19.4-dev.118a1ff2",
-    "@dxos/credentials": "2.19.4-dev.118a1ff2",
-    "@dxos/crypto": "2.19.4-dev.118a1ff2",
-    "@dxos/debug": "2.19.4-dev.118a1ff2",
-    "@dxos/echo-db": "2.19.4-dev.118a1ff2",
-    "@dxos/esbuild-plugins": "2.19.4-dev.118a1ff2",
-    "@dxos/esbuild-server": "~1.4.1",
-    "@dxos/util": "2.19.4-dev.118a1ff2",
-    "@types/debug": "^4.1.7",
+    "@dxos/async": "2.19.4-dev.2e43dbee",
+    "@dxos/bot-factory-client": "2.19.4-dev.2e43dbee",
+    "@dxos/client": "2.19.4-dev.2e43dbee",
+    "@dxos/config": "2.19.4-dev.2e43dbee",
+    "@dxos/credentials": "2.19.4-dev.2e43dbee",
+    "@dxos/crypto": "2.19.4-dev.2e43dbee",
+    "@dxos/debug": "2.19.4-dev.2e43dbee",
+    "@dxos/echo-db": "2.19.4-dev.2e43dbee",
+    "@dxos/util": "2.19.4-dev.2e43dbee",
     "assert": "^2.0.0",
     "debug": "^4.3.3",
     "react-display-name": "^0.2.5",
     "use-subscription": "^1.4.1"
   },
   "devDependencies": {
+    "@dxos/esbuild-plugins": "2.19.4-dev.2e43dbee",
+    "@dxos/esbuild-server": "~1.7.1",
     "@dxos/toolchain-node-library": "2.19.3",
     "@mui/material": "^5.0.1",
     "@testing-library/react": "^11.0.4",

package/react-client.build.log

@@ -2,10 +2,10 @@ Invoking: toolchain build:test
 
 
 typescript
-OK in 3855 ms
+OK in 10673 ms
 
 eslint
-OK in 8006 ms
+OK in 9709 ms
 
 mocha
 This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills
@@ -13,8 +13,7 @@ This browser doesn't support cancelAnimationFrame. Make sure that you load a pol
 
 
   ClientProvider
-DXOS
-    ✓ Renders with children (46ms)
+    ✓ Renders with children
     ✓ Provides the client
 
   Client hook
@@ -27,8 +26,8 @@ DXOS
     ✓ should return custom client config when used properly in a context
 
 
-  7 passing (561ms)
+  7 passing (331ms)
 
-OK in 14814 ms
+OK in 2762 ms
 
-CHECK COMPLETE in 26683 ms
+CHECK COMPLETE in 23154 ms

package/src/banner.ts

@@ -2,17 +2,26 @@
 // Copyright 2021 DXOS.org
 //
 
+import { Client } from '@dxos/client';
+
+// TODO(burdon): Print version.
+// http://patorjk.com/software/taag/#p=testall&f=Patorjk-HeX&t=DXOS
+
+const BANNER = (client: Client) => '\n' +
+  '_/\\/\\/\\/\\/\\____/\\/\\____/\\/\\____/\\/\\/\\/\\______/\\/\\/\\/\\/\\_\n' +
+  '_/\\/\\____/\\/\\____/\\/\\/\\/\\____/\\/\\____/\\/\\__/\\/\\_________\n' +
+  '_/\\/\\____/\\/\\______/\\/\\______/\\/\\____/\\/\\____/\\/\\/\\/\\___\n' +
+  '_/\\/\\____/\\/\\____/\\/\\/\\/\\____/\\/\\____/\\/\\__________/\\/\\_\n' +
+  '_/\\/\\/\\/\\/\\____/\\/\\____/\\/\\____/\\/\\/\\/\\____/\\/\\/\\/\\/\\___\n' +
+  `\n DXOS Client ${client.version} \n\n`;
+
 let bannerPrinted = false;
 
-export function printBanner () {
+export function printBanner (client: Client) {
   if (bannerPrinted) {
     return;
   }
-  bannerPrinted = true;
 
-  console.log('%cDXOS', `
-    text-align: center;
-    text-shadow: #ddd 4px -4px, #bbb 8px -8px, #999 12px -12px, #777 16px -16px;
-    font-size: 10em;padding:10px;
-  `);
+  bannerPrinted = true;
+  console.log(BANNER(client));
 }

package/src/containers/ClientProvider.tsx

@@ -65,8 +65,6 @@ export const ClientProvider = ({
 
   // Async helpers.
   useEffect(() => {
-    printBanner();
-
     if (!client) {
       const done = async (client: Client) => {
         log(`Created client: ${client}`);
@@ -75,6 +73,7 @@ export const ClientProvider = ({
         }
         await onInitialize?.(client);
         setClient(client);
+        printBanner(client);
       };
 
       // TODO(burdon): Error handling.

package/src/hooks/bot-factory/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2021 DXOS.org
+//
+
+export * from './useBotFactoryClient';

package/src/hooks/bot-factory/useBotFactoryClient.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2021 DXOS.org
+//
+
+import { useEffect, useState } from 'react';
+
+import { BotFactoryClient } from '@dxos/bot-factory-client';
+import { PublicKey } from '@dxos/crypto';
+import { raise } from '@dxos/debug';
+
+import { useClient, useConfig } from '../client';
+
+export const useBotFactoryClient = (): BotFactoryClient | undefined => {
+  const [botFactoryClient, setBotFactoryClient] = useState<BotFactoryClient>();
+
+  const client = useClient();
+  const config = useConfig();
+
+  useEffect(() => {
+    const botFactoryClient = new BotFactoryClient(client.echo.networkManager);
+    const topic = config.get('services.bot.topic') ??
+      raise(new Error('Bot factory topic is not provided'));
+    setImmediate(async () => {
+      await botFactoryClient.start(PublicKey.from(topic));
+      setBotFactoryClient(botFactoryClient);
+    });
+    return () => {
+      void botFactoryClient.stop();
+    };
+  }, []);
+
+  return botFactoryClient;
+};

package/src/hooks/index.ts

@@ -8,3 +8,4 @@ export * from './echo-selections';
 export * from './invitations';
 export * from './wns';
 export * from './util';
+export * from './bot-factory';

package/src/testing/ProfileInitializer.tsx

@@ -2,7 +2,7 @@
 // Copyright 2020 DXOS.org
 //
 
-import React, { useEffect } from 'react';
+import React, { ReactNode, useEffect } from 'react';
 
 import { useClient, useProfile } from '../hooks';
 
@@ -11,7 +11,7 @@ import { useClient, useProfile } from '../hooks';
  * @deprecated
  */
 // TODO(burdon): Testing-only; replace with useTestProfile();
-export const ProfileInitializer = ({ children }: { children: React.ReactNode }) => {
+export const ProfileInitializer = ({ children }: { children: ReactNode }) => {
   const client = useClient();
   const profile = useProfile();
 

package/stories/helpers/Container.tsx

@@ -2,7 +2,7 @@
 // Copyright 2020 DXOS.org
 //
 
-import React from 'react';
+import React, { ReactNode } from 'react';
 
 import { styled } from '@mui/material';
 
@@ -19,7 +19,7 @@ const FullScreen = styled('div')({
   backgroundColor: '#EEE'
 });
 
-export const Container = ({ children }: { children: React.ReactNode }) => (
+export const Container = ({ children }: { children: ReactNode }) => (
   <FullScreen>
     <ThemeProvider>
       {children}

package/stories/helpers/ThemeProvider.tsx

@@ -2,7 +2,7 @@
 // Copyright 2021 DXOS.org
 //
 
-import React from 'react';
+import React, { ReactNode } from 'react';
 
 import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material';
 
@@ -33,7 +33,7 @@ const theme = createTheme({
 });
 
 // TODO(burdon): Add theme as decorator.
-export const ThemeProvider = ({ children }: { children: React.ReactNode }) => (
+export const ThemeProvider = ({ children }: { children: ReactNode }) => (
   <MuiThemeProvider theme={theme}>
     {children}
   </MuiThemeProvider>