npm - @dxos/react-client - Versions diffs - 2.33.7-dev.c7ce8f32 → 2.33.7 - Mend

@dxos/react-client 2.33.7-dev.c7ce8f32 → 2.33.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/.rush/temp/package-deps_build.json +17 -15
package/.rush/temp/package-deps_build_test.json +17 -15
package/.rush/temp/shrinkwrap-deps.json +5 -8
package/README.md +1 -1
package/dist/src/containers/BotFactoryClientProvider.js +2 -2
package/dist/src/containers/BotFactoryClientProvider.js.map +1 -1
package/dist/src/hooks/client/index.d.ts +1 -0
package/dist/src/hooks/client/index.d.ts.map +1 -1
package/dist/src/hooks/client/index.js +1 -0
package/dist/src/hooks/client/index.js.map +1 -1
package/dist/src/hooks/client/useDevtools.d.ts +2 -0
package/dist/src/hooks/client/useDevtools.d.ts.map +1 -0
package/dist/src/hooks/client/useDevtools.js +13 -0
package/dist/src/hooks/client/useDevtools.js.map +1 -0
package/dist/src/hooks/echo-queries/useContacts.d.ts +1 -1
package/dist/src/hooks/echo-queries/useContacts.d.ts.map +1 -1
package/dist/src/hooks/echo-queries/useContacts.js +1 -1
package/dist/src/hooks/echo-queries/useContacts.js.map +1 -1
package/dist/src/hooks/echo-queries/useParties.d.ts +1 -1
package/dist/src/hooks/echo-queries/useParties.d.ts.map +1 -1
package/dist/src/hooks/invitations/usePartyInvitations.d.ts +1 -1
package/dist/src/hooks/invitations/usePartyInvitations.d.ts.map +1 -1
package/dist/src/hooks/util/index.d.ts +1 -0
package/dist/src/hooks/util/index.d.ts.map +1 -1
package/dist/src/hooks/util/index.js +1 -0
package/dist/src/hooks/util/index.js.map +1 -1
package/dist/src/hooks/util/useResultSet.d.ts +1 -0
package/dist/src/hooks/util/useResultSet.d.ts.map +1 -1
package/dist/src/hooks/util/useResultSet.js +1 -0
package/dist/src/hooks/util/useResultSet.js.map +1 -1
package/dist/src/hooks/util/useStream.d.ts +7 -0
package/dist/src/hooks/util/useStream.d.ts.map +1 -0
package/dist/src/hooks/util/useStream.js +21 -0
package/dist/src/hooks/util/useStream.js.map +1 -0
package/dist/stories/client.stories.js.map +1 -1
package/dist/stories/halo-recovery.stories.d.ts.map +1 -1
package/dist/stories/halo-recovery.stories.js.map +1 -1
package/dist/stories/helpers/ContactsSelector.js.map +1 -1
package/dist/stories/helpers/JsonPanel.js.map +1 -1
package/dist/stories/party-invitations.stories.js +3 -3
package/dist/stories/party-invitations.stories.js.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/out/book/esbuild-server-book.js +195394 -0
package/out/book/index.html +14 -0
package/package.json +16 -14
package/react-client.build.log +21 -0
package/src/containers/BotFactoryClientProvider.tsx +1 -1
package/src/hooks/client/index.ts +1 -0
package/src/hooks/client/useDevtools.ts +10 -0
package/src/hooks/echo-queries/useContacts.ts +1 -1
package/src/hooks/echo-queries/useParties.ts +1 -1
package/src/hooks/invitations/usePartyInvitations.ts +1 -1
package/src/hooks/util/index.ts +1 -0
package/src/hooks/util/useResultSet.ts +1 -0
package/src/hooks/util/useStream.ts +25 -0
package/stories/client.stories.tsx +6 -6
package/stories/halo-recovery.stories.tsx +12 -13
package/stories/helpers/ContactsSelector.tsx +16 -16
package/stories/helpers/JsonPanel.tsx +11 -11
package/stories/party-invitations.stories.tsx +2 -2

package/out/book/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="esbuild-server-book.css">
+  <title>ESBuild-Server Book</title>
+</head>
+<body>
+  <div id='root'></div>
+  <script src='esbuild-server-book.js'></script>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,31 +1,33 @@
 {
   "name": "@dxos/react-client",
-  "version": "2.33.7-dev.c7ce8f32",
+  "version": "2.33.7",
   "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.7-dev.c7ce8f32",
-    "@dxos/bot-factory-client": "2.33.7-dev.c7ce8f32",
-    "@dxos/client": "2.33.7-dev.c7ce8f32",
-    "@dxos/config": "2.33.7-dev.c7ce8f32",
-    "@dxos/credentials": "2.33.7-dev.c7ce8f32",
-    "@dxos/crypto": "2.33.7-dev.c7ce8f32",
-    "@dxos/debug": "2.33.7-dev.c7ce8f32",
-    "@dxos/echo-db": "2.33.7-dev.c7ce8f32",
-    "@dxos/network-manager": "2.33.7-dev.c7ce8f32",
-    "@dxos/react-async": "2.33.7-dev.c7ce8f32",
-    "@dxos/util": "2.33.7-dev.c7ce8f32",
+    "@dxos/async": "2.33.7",
+    "@dxos/bot-factory-client": "2.33.7",
+    "@dxos/client": "2.33.7",
+    "@dxos/config": "2.33.7",
+    "@dxos/codec-protobuf": "2.33.7",
+    "@dxos/credentials": "2.33.7",
+    "@dxos/debug": "2.33.7",
+    "@dxos/echo-db": "2.33.7",
+    "@dxos/network-manager": "2.33.7",
+    "@dxos/protocols": "2.33.7",
+    "@dxos/react-async": "2.33.7",
+    "@dxos/util": "2.33.7",
     "assert": "^2.0.0",
     "debug": "^4.3.3",
     "use-subscription": "^1.8.0"
   },
   "devDependencies": {
+    "@dxos/crypto": "2.33.7",
     "@dxos/esbuild-plugins": "~2.28.10",
-    "@dxos/eslint-plugin": "~1.0.33",
-    "@dxos/protocols-toolchain": "2.33.6",
+    "@dxos/eslint-plugin": "~1.0.34",
+    "@dxos/protocols-toolchain": "2.33.7",
     "@mui/material": "^5.8.1",
     "@playwright/test": "^1.14.1",
     "@testing-library/react": "^11.0.4",

package/react-client.build.log CHANGED Viewed

@@ -0,0 +1,21 @@
+Invoking: toolchain build:test
+Tests started
+Typescript
+OK in 12285 ms
+no problems
+OK in 9338 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 (297ms)
+  1 passing (306ms)
+OK in 2819 ms
+Tests complete in 24473 ms

package/src/containers/BotFactoryClientProvider.tsx CHANGED Viewed

@@ -5,8 +5,8 @@
 import React, { ReactNode, useState } from 'react';
 import { BotFactoryClient } from '@dxos/bot-factory-client';
-import { PublicKey } from '@dxos/crypto';
 import { raise } from '@dxos/debug';
+import { PublicKey } from '@dxos/protocols';
 import { useAsyncEffect } from '@dxos/react-async';
 import { BotFactoryClientContext, createBotFactoryClient, useConfig } from '../hooks';

package/src/hooks/client/index.ts CHANGED Viewed

@@ -5,4 +5,5 @@
 export * from './context';
 export * from './useClient';
 export * from './useConfig';
+export * from './useDevtools';
 export * from './useProfile';

package/src/hooks/client/useDevtools.ts ADDED Viewed

@@ -0,0 +1,10 @@
+//
+// Copyright 2022 DXOS.org
+//
+import { useClient } from '../client';
+export const useDevtools = () => {
+  const client = useClient();
+  return client.services.DevtoolsHost;
+};

package/src/hooks/echo-queries/useContacts.ts CHANGED Viewed

@@ -32,5 +32,5 @@ export const useContacts = () => {
     };
   }, []);
-  return [contacts];
+  return contacts;
 };

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

@@ -5,7 +5,7 @@
 import { useEffect, useState } from 'react';
 import { Party } from '@dxos/client';
-import { PublicKeyLike } from '@dxos/crypto';
+import { PublicKeyLike } from '@dxos/protocols';
 import { useClient } from '../client';

package/src/hooks/invitations/usePartyInvitations.ts CHANGED Viewed

@@ -3,7 +3,7 @@
 //
 import { PartyProxy } from '@dxos/client';
-import { PublicKey } from '@dxos/crypto';
+import { PublicKey } from '@dxos/protocols';
 import { useParty } from '../echo-queries';
 import { useInvitations } from './useInvitations';

package/src/hooks/util/index.ts CHANGED Viewed

@@ -3,3 +3,4 @@
 //
 export * from './useResultSet';
+export * from './useStream';

package/src/hooks/util/useResultSet.ts CHANGED Viewed

@@ -11,6 +11,7 @@ import { ResultSet } from '@dxos/client';
  * A convenience hook used for subscribing to changing values of a result set.
  * Result sets are reactive query results from ECHO.
  * @param resultSet The result set to subscribe to
+ * @deprecated
  * @returns Always up-to-date value of the result set
  */
 export const useResultSet = <T>(resultSet: ResultSet<T>): T[] => useSubscription(useMemo(() => ({

package/src/hooks/util/useStream.ts ADDED Viewed

@@ -0,0 +1,25 @@
+//
+// Copyright 2021 DXOS.org
+//
+import { DependencyList, useState, useEffect } from 'react';
+import { Stream } from '@dxos/codec-protobuf';
+/**
+ * Subscribe to service API streams.
+ */
+export const useStream = <T>(
+  streamFactory: () => Stream<T>,
+  defaultValue: T,
+  deps: DependencyList = []
+): T => {
+  const [value, setValue] = useState<T | undefined>(defaultValue);
+  useEffect(() => {
+    const stream = streamFactory();
+    stream.subscribe((response: T) => setValue(response));
+    return () => stream.close();
+  }, deps);
+  return value ?? defaultValue;
+};

package/stories/client.stories.tsx CHANGED Viewed

@@ -26,13 +26,13 @@ const TestApp = () => {
 };
 export const Primary = () => (
-<ClientProvider>
-      <TestApp />
-    </ClientProvider>
+  <ClientProvider>
+    <TestApp />
+  </ClientProvider>
 );
 export const Secondary = () => (
-<ClientProvider config={() => ({})}>
-      <TestApp />
-    </ClientProvider>
+  <ClientProvider config={() => ({})}>
+    <TestApp />
+  </ClientProvider>
 );

package/stories/halo-recovery.stories.tsx CHANGED Viewed

@@ -31,7 +31,6 @@ const HaloCreationContainer = () => {
   const handleCreateHalo = async () => {
     const seedPhrase = generateSeedPhrase();
     const keyPair = keyPairFromSeedPhrase(seedPhrase);
     await client.halo.createProfile({ ...keyPair });
     setSeed(seedPhrase);
   };
@@ -109,16 +108,16 @@ const TestApp = () => {
 };
 export const HaloRecovery = () => (
-<Container>
-      <Box sx={{ display: 'flex', flex: 1, padding: 1, justifyContent: 'space-around' }}>
-        {/* Instantiated Client. */}
-        <ClientProvider>
-          <TestApp />
-        </ClientProvider>
-        <ClientProvider>
-          <TestApp />
-        </ClientProvider>
-      </Box>
-    </Container>
+  <Container>
+    <Box sx={{ display: 'flex', flex: 1, padding: 1, justifyContent: 'space-around' }}>
+      {/* Instantiated Client. */}
+      <ClientProvider>
+        <TestApp />
+      </ClientProvider>
+      <ClientProvider>
+        <TestApp />
+      </ClientProvider>
+    </Box>
+  </Container>
 );

package/stories/helpers/ContactsSelector.tsx CHANGED Viewed

@@ -16,20 +16,20 @@ export const ContactsSelector = ({ contacts, selected = '', onSelect }: {
   selected?: string,
   onSelect: (selected: string) => void
 }) => (
-<FormControl fullWidth>
-      <InputLabel id='contact-select-label'>Contact</InputLabel>
-      <Select
-        value={selected || ''}
-        label='Contact'
-        labelId='contact-select-label'
-        onChange={(event: SelectChangeEvent) => onSelect(event.target.value)}
-      >
-        <MenuItem value='' />
-        {contacts.map(contact => (
-          <MenuItem key={contact.publicKey.toHex()} value={contact.publicKey.toHex()}>
-            {contact.displayName}
-          </MenuItem>
-        ))}
-      </Select>
-    </FormControl>
+  <FormControl fullWidth>
+    <InputLabel id='contact-select-label'>Contact</InputLabel>
+    <Select
+      value={selected || ''}
+      label='Contact'
+      labelId='contact-select-label'
+      onChange={(event: SelectChangeEvent) => onSelect(event.target.value)}
+    >
+      <MenuItem value='' />
+      {contacts.map(contact => (
+        <MenuItem key={contact.publicKey.toHex()} value={contact.publicKey.toHex()}>
+          {contact.displayName}
+        </MenuItem>
+      ))}
+    </Select>
+  </FormControl>
 );

package/stories/helpers/JsonPanel.tsx CHANGED Viewed

@@ -5,15 +5,15 @@
 import React from 'react';
 export const JsonPanel = ({ value }: { value: any }) => (
-<pre
-      style={{
-        margin: 0,
-        // code whiteSpace: 'pre-wrap',
-        // code wordBreak: 'break-all',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis'
-      }}
-    >
-      {JSON.stringify(value, undefined, 2)}
-    </pre>
+  <pre
+    style={{
+      margin: 0,
+      // code whiteSpace: 'pre-wrap',
+      // code wordBreak: 'break-all',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }}
+  >
+    {JSON.stringify(value, undefined, 2)}
+  </pre>
 );

package/stories/party-invitations.stories.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ import {
 } from '@mui/material';
 import { PartyInvitation, InvitationDescriptor } from '@dxos/client';
-import { PublicKey } from '@dxos/crypto';
+import { PublicKey } from '@dxos/protocols';
 import { useAsyncEffect } from '@dxos/react-async';
 import {
@@ -40,7 +40,7 @@ const PartyInvitationContainer = () => {
   const [partyKey, setPartyKey] = useState<PublicKey>();
   const [invitationCode, setInvitationCode] = useState<string>();
   const [contact, setContact] = useState<string>();
-  const [contacts] = useContacts();
+  const contacts = useContacts();
   const [pin, setPin] = useState('');
   const resetInvitations = () => {