@dxos/react-client 2.19.4-dev.e19ce289 → 2.19.4-dev.ef99dda8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-client",
-  "version": "2.19.4-dev.e19ce289",
+  "version": "2.19.4-dev.ef99dda8",
   "description": "React client API",
   "keywords": [],
   "license": "AGPL-3.0",
@@ -8,23 +8,22 @@
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "dependencies": {
-    "@dxos/async": "2.19.4-dev.e19ce289",
-    "@dxos/client": "2.19.4-dev.e19ce289",
-    "@dxos/config": "2.19.4-dev.e19ce289",
-    "@dxos/credentials": "2.19.4-dev.e19ce289",
-    "@dxos/crypto": "2.19.4-dev.e19ce289",
-    "@dxos/debug": "2.19.4-dev.e19ce289",
-    "@dxos/echo-db": "2.19.4-dev.e19ce289",
-    "@dxos/esbuild-plugins": "2.19.4-dev.e19ce289",
-    "@dxos/esbuild-server": "~1.4.1",
-    "@dxos/util": "2.19.4-dev.e19ce289",
-    "@types/debug": "^4.1.7",
+    "@dxos/async": "2.19.4-dev.ef99dda8",
+    "@dxos/client": "2.19.4-dev.ef99dda8",
+    "@dxos/config": "2.19.4-dev.ef99dda8",
+    "@dxos/credentials": "2.19.4-dev.ef99dda8",
+    "@dxos/crypto": "2.19.4-dev.ef99dda8",
+    "@dxos/debug": "2.19.4-dev.ef99dda8",
+    "@dxos/echo-db": "2.19.4-dev.ef99dda8",
+    "@dxos/util": "2.19.4-dev.ef99dda8",
     "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.ef99dda8",
+    "@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 7119 ms
+OK in 8960 ms
 
 eslint
-OK in 7918 ms
+OK in 9948 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
+    ✓ Renders with children (40ms)
     ✓ Provides the client
 
   Client hook
@@ -27,8 +26,8 @@ DXOS
     ✓ should return custom client config when used properly in a context
 
 
-  7 passing (283ms)
+  7 passing (369ms)
 
-OK in 10616 ms
+OK in 3090 ms
 
-CHECK COMPLETE in 25659 ms
+CHECK COMPLETE in 22007 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/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>