@dxos/react-client 2.33.5-dev.ea3876ba → 2.33.5-dev.fee8f5fe

package/package.json

@@ -1,50 +1,50 @@
 {
   "name": "@dxos/react-client",
-  "version": "2.33.5-dev.ea3876ba",
+  "version": "2.33.5-dev.fee8f5fe",
   "description": "React client API",
   "license": "MIT",
   "author": "DXOS.org",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
   "dependencies": {
-    "@dxos/async": "2.33.5-dev.ea3876ba",
-    "@dxos/bot-factory-client": "2.33.5-dev.ea3876ba",
-    "@dxos/client": "2.33.5-dev.ea3876ba",
-    "@dxos/config": "2.33.5-dev.ea3876ba",
-    "@dxos/credentials": "2.33.5-dev.ea3876ba",
-    "@dxos/crypto": "2.33.5-dev.ea3876ba",
-    "@dxos/debug": "2.33.5-dev.ea3876ba",
-    "@dxos/echo-db": "2.33.5-dev.ea3876ba",
-    "@dxos/network-manager": "2.33.5-dev.ea3876ba",
-    "@dxos/react-async": "2.33.5-dev.ea3876ba",
-    "@dxos/util": "2.33.5-dev.ea3876ba",
+    "@dxos/async": "2.33.5-dev.fee8f5fe",
+    "@dxos/bot-factory-client": "2.33.5-dev.fee8f5fe",
+    "@dxos/client": "2.33.5-dev.fee8f5fe",
+    "@dxos/config": "2.33.5-dev.fee8f5fe",
+    "@dxos/credentials": "2.33.5-dev.fee8f5fe",
+    "@dxos/crypto": "2.33.5-dev.fee8f5fe",
+    "@dxos/debug": "2.33.5-dev.fee8f5fe",
+    "@dxos/echo-db": "2.33.5-dev.fee8f5fe",
+    "@dxos/network-manager": "2.33.5-dev.fee8f5fe",
+    "@dxos/react-async": "2.33.5-dev.fee8f5fe",
+    "@dxos/util": "2.33.5-dev.fee8f5fe",
     "assert": "^2.0.0",
     "debug": "^4.3.3",
-    "use-subscription": "^1.4.1"
+    "use-subscription": "^1.8.0"
   },
   "devDependencies": {
-    "@dxos/esbuild-plugins": "~2.28.7",
-    "@dxos/eslint-plugin": "~1.0.27",
+    "@dxos/esbuild-plugins": "~2.28.9",
+    "@dxos/eslint-plugin": "~1.0.33",
     "@dxos/protocols-toolchain": "2.33.4",
-    "@mui/material": "^5.4.2",
+    "@mui/material": "^5.8.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": "^16.11.27",
-    "@types/react": "^17.0.24",
-    "@types/react-dom": "^17.0.9",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.5",
     "@types/testing-library__jest-dom": "~5.9.5",
     "@types/use-subscription": "^1.0.0",
     "eslint": "^7.12.1",
     "expect": "~27.0.2",
     "level-js": "^5.0.2",
     "raf": "^3.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
-    "typescript": "^4.5.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-test-renderer": "^18.1.0",
+    "typescript": "^4.7.2",
     "wait-for-expect": "^3.0.2"
   },
   "peerDependencies": {

package/react-client.build.log

@@ -0,0 +1,21 @@
+Invoking: toolchain build:test 
+
+Tests started
+Typescript
+OK in 8156 ms
+no problems
+OK in 8554 ms
+
+Mocha Tests
+
+
+  useSelection
+Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
+    ✓ gets updated items selection (253ms)
+
+
+  1 passing (260ms)
+
+OK in 2417 ms
+
+Tests complete in 19153 ms

package/src/banner.ts

@@ -15,11 +15,11 @@ const BANNER = (client: Client) => '\n' +
 
 let bannerPrinted = false;
 
-export function printBanner (client: Client) {
+export const printBanner = (client: Client) => {
   if (bannerPrinted) {
     return;
   }
 
   bannerPrinted = true;
   console.log(BANNER(client));
-}
+};

package/src/hooks/client/useProfile.ts

@@ -14,9 +14,7 @@ export const useProfile = () => {
   const client = useClient();
   const [profile, setProfile] = useState(() => client.halo.profile);
 
-  useEffect(() => {
-    return client.halo.subscribeToProfile(() => setProfile(client.halo.profile));
-  }, [client]);
+  useEffect(() => client.halo.subscribeToProfile(() => setProfile(client.halo.profile)), [client]);
 
   return profile;
 };

package/src/hooks/echo-selections/useSelection.test.tsx

@@ -16,16 +16,14 @@ import { useSelection } from './useSelection';
 const count = 10;
 const TYPE_EXAMPLE = 'example:type/org';
 
-const useTestComponents = async () => {
+const createTestComponents = async () => {
   const config = {};
   const client = new Client(config);
   await client.initialize();
   await client.halo.createProfile();
 
   const party = await client.echo.createParty();
-  const items = await Promise.all(Array.from({ length: count }).map(async () => {
-    return await party.database.createItem({ type: TYPE_EXAMPLE });
-  }));
+  const items = await Promise.all(Array.from({ length: count }).map(async () => await party.database.createItem({ type: TYPE_EXAMPLE })));
   expect(items.length).toBe(count);
 
   return { client, party };
@@ -57,7 +55,7 @@ afterEach(() => {
 
 describe.only('useSelection', () => {
   it('gets updated items selection', async () => {
-    const { party } = await useTestComponents();
+    const { party } = await createTestComponents();
     act(() => {
       ReactDOM.render(<UseSelectionTestComponent party={party} />, rootContainer);
     });

package/src/hooks/echo-selections/useSelection.ts

@@ -81,8 +81,4 @@ export const useReducer = <T extends Entity<any>, R> (
 /**
  * @param value Selection or SelectionResult from hook.
  */
-const coerceSelection = <T extends Entity>(
-  value: Selection<T> | SelectionResult<T> | Falsy
-): SelectionResult<T> | undefined => {
-  return !value ? undefined : value instanceof Selection ? value.exec() : value;
-};
+const coerceSelection = <T extends Entity>(value: Selection<T> | SelectionResult<T> | Falsy): SelectionResult<T> | undefined => !value ? undefined : value instanceof Selection ? value.exec() : value;

package/src/hooks/invitations/useHaloInvitations.ts

@@ -6,6 +6,4 @@ import { Client, HaloProxy } from '@dxos/client';
 
 import { useInvitations } from './useInvitations';
 
-export const useHaloInvitations = (client: Client) => {
-  return useInvitations((client.halo as HaloProxy).invitationProxy);
-};
+export const useHaloInvitations = (client: Client) => useInvitations((client.halo as HaloProxy).invitationProxy);

package/src/hooks/util/useResultSet.ts

@@ -13,9 +13,7 @@ import { ResultSet } from '@dxos/client';
  * @param resultSet The result set to subscribe to
  * @returns Always up-to-date value of the result set
  */
-export function useResultSet<T> (resultSet: ResultSet<T>): T[] {
-  return useSubscription(useMemo(() => ({
-    getCurrentValue: () => resultSet.value,
-    subscribe: (cb: any) => resultSet.subscribe(cb)
-  }), [resultSet]));
-}
+export const useResultSet = <T>(resultSet: ResultSet<T>): T[] => useSubscription(useMemo(() => ({
+  getCurrentValue: () => resultSet.value,
+  subscribe: (cb: any) => resultSet.subscribe(cb)
+}), [resultSet]));

package/src/hooks/wns/registry.ts

@@ -7,6 +7,4 @@
  * See `useRegistryBots` and `useBotFactories` for higher-level hooks.
  * @deprecated Use DXNS registry.
  */
-export const useWNSRegistry = (): any => {
-  return undefined as any;
-};
+export const useWNSRegistry = (): any => undefined as any;

package/stories/client.stories.tsx

@@ -25,18 +25,14 @@ const TestApp = () => {
   );
 };
 
-export const Primary = () => {
-  return (
-    <ClientProvider>
+export const Primary = () => (
+<ClientProvider>
       <TestApp />
     </ClientProvider>
-  );
-};
+);
 
-export const Secondary = () => {
-  return (
-    <ClientProvider config={() => ({})}>
+export const Secondary = () => (
+<ClientProvider config={() => ({})}>
       <TestApp />
     </ClientProvider>
-  );
-};
+);

package/stories/halo-recovery.stories.tsx

@@ -108,9 +108,8 @@ const TestApp = () => {
   );
 };
 
-export const HaloRecovery = () => {
-  return (
-    <Container>
+export const HaloRecovery = () => (
+<Container>
       <Box sx={{ display: 'flex', flex: 1, padding: 1, justifyContent: 'space-around' }}>
         {/* Instantiated Client. */}
         <ClientProvider>
@@ -122,5 +121,4 @@ export const HaloRecovery = () => {
         </ClientProvider>
       </Box>
     </Container>
-  );
-};
+);

package/stories/helpers/ContactsSelector.tsx

@@ -15,9 +15,8 @@ export const ContactsSelector = ({ contacts, selected = '', onSelect }: {
   contacts: any[],
   selected?: string,
   onSelect: (selected: string) => void
-}) => {
-  return (
-    <FormControl fullWidth>
+}) => (
+<FormControl fullWidth>
       <InputLabel id='contact-select-label'>Contact</InputLabel>
       <Select
         value={selected || ''}
@@ -33,5 +32,4 @@ export const ContactsSelector = ({ contacts, selected = '', onSelect }: {
         ))}
       </Select>
     </FormControl>
-  );
-};
+);

package/stories/helpers/JsonPanel.tsx

@@ -4,9 +4,8 @@
 
 import React from 'react';
 
-export const JsonPanel = ({ value }: { value: any }) => {
-  return (
-    <pre
+export const JsonPanel = ({ value }: { value: any }) => (
+<pre
       style={{
         margin: 0,
         // code whiteSpace: 'pre-wrap',
@@ -17,5 +16,4 @@ export const JsonPanel = ({ value }: { value: any }) => {
     >
       {JSON.stringify(value, undefined, 2)}
     </pre>
-  );
-};
+);

package/tsconfig.json

@@ -14,38 +14,38 @@
     "tests"
   ],
   "references": [
-    {
-      "path": "../../common/async"
-    },
     {
       "path": "../../bot/bot-factory-client"
     },
     {
-      "path": "../client"
+      "path": "../../common/async"
     },
     {
-      "path": "../config"
+      "path": "../../common/crypto"
     },
     {
-      "path": "../../halo/credentials"
+      "path": "../../common/debug"
     },
     {
-      "path": "../../common/crypto"
+      "path": "../../common/react-async"
     },
     {
-      "path": "../../common/debug"
+      "path": "../../common/util"
     },
     {
       "path": "../../echo/echo-db"
     },
+    {
+      "path": "../../halo/credentials"
+    },
     {
       "path": "../../mesh/network-manager"
     },
     {
-      "path": "../../common/react-async"
+      "path": "../client"
     },
     {
-      "path": "../../common/util"
+      "path": "../config"
     }
   ]
 }

package/.rush/temp/package-deps_prerelease.json

@@ -1,60 +0,0 @@
-{
-  "files": {
-    "packages/sdk/react-client/.rush/temp/shrinkwrap-deps.json": "9c3aeab1b36d2981f6601af312585610c0fefaf0",
-    "packages/sdk/react-client/.eslintrc.js": "9163b4df6ca99b069e015cef575b6b2a48bc3bb4",
-    "packages/sdk/react-client/README.md": "f781dc2b0cf91ac94e4ee57e8c2e9c24d371e575",
-    "packages/sdk/react-client/dx.yml": "fec08e8e0e62b021c09078bc00c4396d4c35f6bd",
-    "packages/sdk/react-client/esbuild-server.config.js": "242d722f300c89d550d1a3572c9eaed2f81b0a85",
-    "packages/sdk/react-client/package.json": "b64920e8fb590e95661a66db5b064d1928f1beea",
-    "packages/sdk/react-client/src/banner.ts": "1e1705aa033d5fe2ecd29bce0c96ef03bfb1917f",
-    "packages/sdk/react-client/src/containers/BotFactoryClientProvider.tsx": "b16314ca134f26d34334a7b49a419e333b431540",
-    "packages/sdk/react-client/src/containers/ClientProvider.test.tsx": "dc7ff4b7baf181522f3ab4210aed35361fd30939",
-    "packages/sdk/react-client/src/containers/ClientProvider.tsx": "2b8895bc48a18d642a24ee6f4e309eacfcdcb735",
-    "packages/sdk/react-client/src/containers/index.ts": "4c21d2b05b99ebd46b0e4bdce2963a62f4efc508",
-    "packages/sdk/react-client/src/hooks/bot-factory/index.ts": "970b504d70018209eed44806152b76a612e5853c",
-    "packages/sdk/react-client/src/hooks/bot-factory/useBotFactoryClient.ts": "e565967ff0cdd0143b949592a580685af2c54ab5",
-    "packages/sdk/react-client/src/hooks/client/client.test.tsx": "f087eafcf0ea715e8d2f086d1ae8f605fd3482b0",
-    "packages/sdk/react-client/src/hooks/client/config.test.tsx": "2ff0eed72e676a7ee58a0ef274926503a708eb21",
-    "packages/sdk/react-client/src/hooks/client/context.ts": "dffe51927dbf4386d88294ca3bf81f8586e33549",
-    "packages/sdk/react-client/src/hooks/client/index.ts": "ae7c3dd1bb38ba7f622073fb6850d08ce70ecc52",
-    "packages/sdk/react-client/src/hooks/client/useClient.ts": "a57cc8ce9cd54e0f20c10923b7d70e9029b57665",
-    "packages/sdk/react-client/src/hooks/client/useConfig.ts": "6ad945c8d378e560c24640b87036415b9bc0f811",
-    "packages/sdk/react-client/src/hooks/client/useProfile.ts": "f46262917bf0fc6e6b025368380cf6d5d67634c6",
-    "packages/sdk/react-client/src/hooks/echo-queries/index.ts": "4465a3624739e1bd57c577306bd7af246a0f686d",
-    "packages/sdk/react-client/src/hooks/echo-queries/useContacts.ts": "0f9e9c8b9983c536b2410e4835d796069b4589a3",
-    "packages/sdk/react-client/src/hooks/echo-queries/useMembers.tsx": "e236546714943e80c371abee33e962497b503b7b",
-    "packages/sdk/react-client/src/hooks/echo-queries/useParties.ts": "ba35572145ec4d0628dadf7bdcdc3b2fb4d24848",
-    "packages/sdk/react-client/src/hooks/echo-selections/index.ts": "bd7c992f3c4355158dcb3698d4d93d919b8325fa",
-    "packages/sdk/react-client/src/hooks/echo-selections/search.ts": "9e689d88622338c5db3fd4e67a125cd0c630c94b",
-    "packages/sdk/react-client/src/hooks/echo-selections/useSelection.test.tsx": "4411202a706855f1f36adb4e4d82756e86cde35c",
-    "packages/sdk/react-client/src/hooks/echo-selections/useSelection.ts": "9e86f99b986dac4f21cba6caa9d77d80b3171172",
-    "packages/sdk/react-client/src/hooks/index.ts": "33e037b3c0c96702580444f1a640906d9b8d34c7",
-    "packages/sdk/react-client/src/hooks/invitations/index.ts": "9f065d8c9eab0bdf602c2f3ddb972366eda7aa2c",
-    "packages/sdk/react-client/src/hooks/invitations/useHaloInvitations.ts": "0a15bdf95baa0d8dd2c84ac97717ffb2d76441a1",
-    "packages/sdk/react-client/src/hooks/invitations/useInvitations.ts": "74aee5e87d254079eec8c711b1f41a89fd357573",
-    "packages/sdk/react-client/src/hooks/invitations/usePartyInvitations.ts": "06b8254814f1a06be78792670c7778fe717dc2c0",
-    "packages/sdk/react-client/src/hooks/invitations/useSecretProvider.ts": "f13b99864def8b2573ac3de8a12bead2a4027752",
-    "packages/sdk/react-client/src/hooks/util/index.ts": "f0419f072260d9cc907aba489590791d2ccf0f5b",
-    "packages/sdk/react-client/src/hooks/util/useResultSet.ts": "bc154db5538274d7b053b0cb5e55a1c31a3a6ca1",
-    "packages/sdk/react-client/src/hooks/wns/index.ts": "42b9a65f575eca413d37d3576d0dc0fb70585758",
-    "packages/sdk/react-client/src/hooks/wns/registry.ts": "1fa723dbddac0bef5051d2c81748aab2096d6957",
-    "packages/sdk/react-client/src/hooks/wns/registryBotFactories.ts": "a765b94908c14fe83a4d61fa19ac24b383772bd3",
-    "packages/sdk/react-client/src/hooks/wns/registryBots.ts": "5430bbff71bc12b59eff67d19b00e87f5924f814",
-    "packages/sdk/react-client/src/hooks/wns/types.ts": "42fb64aaafbe4648d8f817bbb278b5cce197dd95",
-    "packages/sdk/react-client/src/index.ts": "0401dccb4bffb562c4d3a4553ab635968c309167",
-    "packages/sdk/react-client/stories/client.stories.tsx": "48003a0ef5a1e729091a7f2999bf5e3a6762c81d",
-    "packages/sdk/react-client/stories/halo-invitations.stories.tsx": "6cb9b104c61b57c335709a08ef6ce40cb5fd030c",
-    "packages/sdk/react-client/stories/halo-recovery.stories.tsx": "b2264738a2558650f14bf3dfec4b155a93e65d14",
-    "packages/sdk/react-client/stories/helpers/ClientPanel.tsx": "af093d33f11d198b99d1342b0c0c1b7acbbe6be8",
-    "packages/sdk/react-client/stories/helpers/ContactsSelector.tsx": "66b51414f7b968073bf839a750bb4790b1594241",
-    "packages/sdk/react-client/stories/helpers/Container.tsx": "ab90a46770f01c94687f182627ef132f108a63b7",
-    "packages/sdk/react-client/stories/helpers/JsonPanel.tsx": "55a9f3e1452c553a63970bc022b56ee86290e837",
-    "packages/sdk/react-client/stories/helpers/PartyJoinPanel.tsx": "4dffc1bff4b430a7419236cf18ee7bdaa0ed379d",
-    "packages/sdk/react-client/stories/helpers/ThemeProvider.tsx": "b4023674d5ec66910481f5e37fc507d46a0e9437",
-    "packages/sdk/react-client/stories/helpers/index.ts": "3f5c4425b7ebd5a702f4159eebfaff695c0b2a1c",
-    "packages/sdk/react-client/stories/party-invitations.stories.tsx": "f725345bf6411fdb41e017e53068e1ae71a06153",
-    "packages/sdk/react-client/tests/config.test.ts": "7bf77786817c03c0b4a9fbe8bd38a629a15869e5",
-    "packages/sdk/react-client/tsconfig.json": "c24198a33c144c279dc36ddc1854548833e4bd13"
-  },
-  "arguments": ""
-}