@dxos/react-client 2.19.3-dev.b8ee8152 → 2.19.3

package/package.json

@@ -1,67 +1,68 @@
 {
-	"name": "@dxos/react-client",
-	"version": "2.19.3-dev.b8ee8152",
-	"description": "React client API",
-	"keywords": [],
-	"license": "AGPL-3.0",
-	"author": "DXOS.org",
-	"main": "dist/src/index.js",
-	"types": "dist/src/index.d.ts",
-	"scripts": {
-		"book": "esbuild-server book",
-		"build": "toolchain build",
-		"build:test": "toolchain build:test",
-		"lint": "toolchain lint",
-		"test": "toolchain test"
-	},
-	"dependencies": {
-		"@dxos/async": "2.19.3-dev.b8ee8152",
-		"@dxos/client": "2.19.3-dev.b8ee8152",
-		"@dxos/config": "2.19.3-dev.b8ee8152",
-		"@dxos/credentials": "2.19.3-dev.b8ee8152",
-		"@dxos/crypto": "2.19.3-dev.b8ee8152",
-		"@dxos/debug": "2.19.3-dev.b8ee8152",
-		"@dxos/echo-db": "2.19.3-dev.b8ee8152",
-		"@dxos/esbuild-plugins": "2.19.3-dev.b8ee8152",
-		"@dxos/esbuild-server": "~1.4.1",
-		"@dxos/util": "2.19.3-dev.b8ee8152",
-		"@types/debug": "^4.1.7",
-		"assert": "^2.0.0",
-		"debug": "^4.3.3",
-		"react-display-name": "^0.2.5",
-		"use-subscription": "^1.4.1"
-	},
-	"devDependencies": {
-		"@dxos/toolchain-node-library": "2.19.2",
-		"@mui/material": "^5.0.1",
-		"@testing-library/react": "^11.0.4",
-		"@testing-library/react-hooks": "5.1.2",
-		"@types/debug": "^4.1.7",
-		"@types/level-js": "~4.0.1",
-		"@types/mocha": "~8.2.2",
-		"@types/node": "^14.0.9",
-		"@types/react": "^17.0.24",
-		"@types/testing-library__jest-dom": "~5.9.5",
-		"@types/use-subscription": "^1.0.0",
-		"expect": "~27.0.2",
-		"fork-ts-checker-webpack-plugin": "~6.2.5",
-		"level-js": "^5.0.2",
-		"react": "^17.0.2",
-		"react-docgen-typescript-loader": "^3.7.2",
-		"react-dom": "^17.0.2",
-		"react-test-renderer": "^17.0.2",
-		"typescript": "^4.5.2",
-		"webpack": "4.44.2"
-	},
-	"peerDependencies": {
-		"react": "*"
-	},
-	"publishConfig": {
-		"access": "public"
-	},
-	"toolchain": {
-		"testingFramework": "mocha",
-		"jsdom": true,
-		"forceCloseTests": true
-	}
-}
+  "name": "@dxos/react-client",
+  "version": "2.19.3",
+  "description": "React client API",
+  "keywords": [],
+  "license": "AGPL-3.0",
+  "author": "DXOS.org",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "dependencies": {
+    "@dxos/async": "2.19.3",
+    "@dxos/client": "2.19.3",
+    "@dxos/config": "2.19.3",
+    "@dxos/credentials": "2.19.3",
+    "@dxos/crypto": "2.19.3",
+    "@dxos/debug": "2.19.3",
+    "@dxos/echo-db": "2.19.3",
+    "@dxos/esbuild-plugins": "2.19.3",
+    "@dxos/esbuild-server": "~1.4.1",
+    "@dxos/util": "2.19.3",
+    "@types/debug": "^4.1.7",
+    "assert": "^2.0.0",
+    "debug": "^4.3.3",
+    "react-display-name": "^0.2.5",
+    "use-subscription": "^1.4.1"
+  },
+  "devDependencies": {
+    "@dxos/toolchain-node-library": "2.19.3",
+    "@mui/material": "^5.0.1",
+    "@testing-library/react": "^11.0.4",
+    "@testing-library/react-hooks": "5.1.2",
+    "@types/debug": "^4.1.7",
+    "@types/level-js": "~4.0.1",
+    "@types/mocha": "~8.2.2",
+    "@types/node": "^14.0.9",
+    "@types/react": "^17.0.24",
+    "@types/testing-library__jest-dom": "~5.9.5",
+    "@types/use-subscription": "^1.0.0",
+    "expect": "~27.0.2",
+    "fork-ts-checker-webpack-plugin": "~6.2.5",
+    "level-js": "^5.0.2",
+    "react": "^17.0.2",
+    "react-docgen-typescript-loader": "^3.7.2",
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "typescript": "^4.5.2",
+    "webpack": "4.44.2"
+  },
+  "peerDependencies": {
+    "react": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "toolchain": {
+    "testingFramework": "mocha",
+    "jsdom": true,
+    "forceCloseTests": true
+  },
+  "scripts": {
+    "book": "esbuild-server book",
+    "build": "toolchain build",
+    "build:test": "toolchain build:test",
+    "lint": "toolchain lint",
+    "test": "toolchain test"
+  },
+  "readme": "# @dxos/react-client\n\nA react implementation of the DXOS Client APIs.\n\n## Install\n\n```bash\ngit clone git@github.com:dxos/protocols.git\ncd protocols\nrush update\nrush build\n\ncd packages/sdk/demos\nrushx book\n```\n\n## Usage\n\nThe snippet below illustrates a self-contained DXOS application that uses providers to create the client and instantiate a user profile.\n\n```javascript\nimport { useClient, ClientProvider, ProfileInitializer } from '@dxos/react-client';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nconst App = () => {\n  const client = useClient();\n\n  return (\n    <pre>{JSON.stringify(client.info())}</pre>\n  );\n};\n\nconst Root = () => (\n  <ClientProvider>\n    <ProfileInitializer>\n      <App />\n    </ProfileInitializer>\n  </ClientProvider>\n);\n\nReactDOM.render(<Root/>, document.getElementById('root'));\n```\n\n## Storybooks\n\nThe [HALO Invitation Story](./stories/halo-invitations.stories.tsx) demonstrates multiple clients (devices) joining the same HALO.\n\nhttps://user-images.githubusercontent.com/3523355/137532718-a21f1f27-9854-4c0b-831a-e9ff92feac49.mov\n\nThe [Party Invitation Story](./stories/party-invitations.stories.tsx) demonstrates multiple clients creating and sharing parties.\n\nhttps://user-images.githubusercontent.com/3523355/137532717-e77395dc-96f9-4e4b-8f67-e6bd026a3abe.mov\n\n\n## Contributing\n\nPRs accepted.\n\n## License\n\nAGPL-3.0 © DXOS\n"
+}

package/react-client.build.log

@@ -2,10 +2,10 @@ Invoking: toolchain build:test
 
 
 typescript
-OK in 5318 ms
+OK in 3855 ms
 
 eslint
-OK in 5916 ms
+OK in 8006 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 (46ms)
     ✓ 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 (312ms)
+  7 passing (561ms)
 
-OK in 7734 ms
+OK in 14814 ms
 
-CHECK COMPLETE in 18975 ms
+CHECK COMPLETE in 26683 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()]));
-};