@dxos/react-client 2.19.3-dev.bde8430c → 2.19.3-dev.cd87a074

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dxos/react-client",
-	"version": "2.19.3-dev.bde8430c",
+	"version": "2.19.3-dev.cd87a074",
 	"description": "React client API",
 	"keywords": [],
 	"license": "AGPL-3.0",
@@ -15,16 +15,16 @@
 		"test": "toolchain test"
 	},
 	"dependencies": {
-		"@dxos/async": "2.19.3-dev.bde8430c",
-		"@dxos/client": "2.19.3-dev.bde8430c",
-		"@dxos/config": "2.19.3-dev.bde8430c",
-		"@dxos/credentials": "2.19.3-dev.bde8430c",
-		"@dxos/crypto": "2.19.3-dev.bde8430c",
-		"@dxos/debug": "2.19.3-dev.bde8430c",
-		"@dxos/echo-db": "2.19.3-dev.bde8430c",
-		"@dxos/esbuild-plugins": "2.19.3-dev.bde8430c",
+		"@dxos/async": "2.19.3-dev.cd87a074",
+		"@dxos/client": "2.19.3-dev.cd87a074",
+		"@dxos/config": "2.19.3-dev.cd87a074",
+		"@dxos/credentials": "2.19.3-dev.cd87a074",
+		"@dxos/crypto": "2.19.3-dev.cd87a074",
+		"@dxos/debug": "2.19.3-dev.cd87a074",
+		"@dxos/echo-db": "2.19.3-dev.cd87a074",
+		"@dxos/esbuild-plugins": "2.19.3-dev.cd87a074",
 		"@dxos/esbuild-server": "~1.4.1",
-		"@dxos/util": "2.19.3-dev.bde8430c",
+		"@dxos/util": "2.19.3-dev.cd87a074",
 		"@types/debug": "^4.1.7",
 		"assert": "^2.0.0",
 		"debug": "^4.3.3",

package/react-client.build.log

@@ -2,10 +2,10 @@ Invoking: toolchain build:test
 
 
 typescript
-OK in 6180 ms
+OK in 7183 ms
 
 eslint
-OK in 6165 ms
+OK in 8554 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,7 +13,8 @@ This browser doesn't support cancelAnimationFrame. Make sure that you load a pol
 
 
   ClientProvider
-    ✓ Renders with children
+DXOS
+    ✓ Renders with children (45ms)
     ✓ Provides the client
 
   Client hook
@@ -26,8 +27,8 @@ This browser doesn't support cancelAnimationFrame. Make sure that you load a pol
     ✓ should return custom client config when used properly in a context
 
 
-  7 passing (369ms)
+  7 passing (504ms)
 
-OK in 9274 ms
+OK in 12540 ms
 
-CHECK COMPLETE in 21627 ms
+CHECK COMPLETE in 28284 ms

package/src/banner.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2021 DXOS.org
+//
+
+let bannerPrinted = false;
+
+export function printBanner () {
+  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;
+  `);
+}

package/src/containers/ClientProvider.tsx

@@ -9,6 +9,7 @@ import { Client, ClientOptions } from '@dxos/client';
 import { Config, ConfigObject } from '@dxos/config';
 import { MaybeFunction, MaybePromise, getAsyncValue } from '@dxos/util';
 
+import { printBanner } from '../banner';
 import { ClientContext } from '../hooks';
 
 const log = debug('dxos:react-client');
@@ -64,6 +65,8 @@ export const ClientProvider = ({
 
   // Async helpers.
   useEffect(() => {
+    printBanner();
+
     if (!client) {
       const done = async (client: Client) => {
         log(`Created client: ${client}`);

package/src/hooks/echo-queries/useMembers.tsx

@@ -18,8 +18,6 @@ export const useMembers = (party: PartyProxy | undefined) => {
     setMembers(result.value);
 
     return result.subscribe(() => {
-      // TODO(wittjosiah): Result not triggering update when name loads.
-      // https://github.com/dxos/protocols/issues/372
       const update = setInterval(() => {
         const newMembers = party.queryMembers().value;
         const isNameFilled = newMembers.every(m => m.displayName);

package/src/hooks/echo-queries/useParties.ts

@@ -2,13 +2,12 @@
 // Copyright 2020 DXOS.org
 //
 
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { PartyProxy } from '@dxos/client';
 import { PublicKey, PublicKeyLike } from '@dxos/crypto';
 
 import { useClient } from '../client';
-import { useResultSet } from '../util';
 
 /**
  * Get a specific Party.
@@ -16,6 +15,7 @@ import { useResultSet } from '../util';
  */
 export const useParty = (partyKey?: PublicKeyLike): PartyProxy | undefined => {
   const client = useClient();
+  // TODO(wittjosiah): Not responsive to party updates?
   return partyKey ? client.echo.getParty(PublicKey.from(partyKey)) : undefined;
 };
 
@@ -44,10 +44,3 @@ export const useParties = () => {
 
   return parties;
 };
-
-/**
- * Get all known members of a Party.
- */
-export const usePartyMembers = (party: PartyProxy) => {
-  return useResultSet(useMemo(() => party.queryMembers(), [party.key.toHex()]));
-};