@dxos/react-client 0.5.9-next.a50ff17 → 0.6.1-main.04e8aa0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-client",
-  "version": "0.5.9-next.a50ff17",
+  "version": "0.6.1-main.04e8aa0",
   "description": "React client API",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -91,18 +91,18 @@
     }
   },
   "dependencies": {
-    "@dxos/async": "0.5.9-next.a50ff17",
-    "@dxos/codec-protobuf": "0.5.9-next.a50ff17",
-    "@dxos/config": "0.5.9-next.a50ff17",
-    "@dxos/debug": "0.5.9-next.a50ff17",
-    "@dxos/client": "0.5.9-next.a50ff17",
-    "@dxos/echo-signals": "0.5.9-next.a50ff17",
-    "@dxos/echo-schema": "0.5.9-next.a50ff17",
-    "@dxos/invariant": "0.5.9-next.a50ff17",
-    "@dxos/log": "0.5.9-next.a50ff17",
-    "@dxos/react-async": "0.5.9-next.a50ff17",
-    "@dxos/node-std": "0.5.9-next.a50ff17",
-    "@dxos/util": "0.5.9-next.a50ff17"
+    "@dxos/async": "0.6.1-main.04e8aa0",
+    "@dxos/codec-protobuf": "0.6.1-main.04e8aa0",
+    "@dxos/client": "0.6.1-main.04e8aa0",
+    "@dxos/debug": "0.6.1-main.04e8aa0",
+    "@dxos/echo-schema": "0.6.1-main.04e8aa0",
+    "@dxos/config": "0.6.1-main.04e8aa0",
+    "@dxos/invariant": "0.6.1-main.04e8aa0",
+    "@dxos/echo-signals": "0.6.1-main.04e8aa0",
+    "@dxos/node-std": "0.6.1-main.04e8aa0",
+    "@dxos/react-async": "0.6.1-main.04e8aa0",
+    "@dxos/log": "0.6.1-main.04e8aa0",
+    "@dxos/util": "0.6.1-main.04e8aa0"
   },
   "devDependencies": {
     "@testing-library/dom": "^8.17.1",
@@ -112,17 +112,19 @@
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/random": "0.5.9-next.a50ff17",
-    "@dxos/react-ui": "0.5.9-next.a50ff17",
-    "@dxos/react-ui-theme": "0.5.9-next.a50ff17",
-    "@dxos/storybook-utils": "0.5.9-next.a50ff17"
+    "@dxos/random": "0.6.1-main.04e8aa0",
+    "@dxos/react-ui": "0.6.1-main.04e8aa0",
+    "@dxos/storybook-utils": "0.6.1-main.04e8aa0",
+    "@dxos/react-ui-theme": "0.6.1-main.04e8aa0"
   },
   "peerDependencies": {
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "@dxos/react-ui": "0.6.1-main.04e8aa0",
+    "@dxos/react-ui-theme": "0.6.1-main.04e8aa0"
   },
   "optionalDependencies": {
-    "@dxos/random": "0.5.9-next.a50ff17"
+    "@dxos/random": "0.6.1-main.04e8aa0"
   },
   "publishConfig": {
     "access": "public"

package/src/client/AgentHostingProvider.tsx

@@ -44,7 +44,7 @@ const makeClient = ({ config, halo }: AgentHostingProviderProps) => {
   switch (agentHostingConfig.type) {
     case 'LOCAL_TESTING': {
       log('using FakeAgentHostingProvider');
-      return new FakeAgentHostingProvider(config, halo);
+      return new FakeAgentHostingProvider();
     }
 
     case 'AGENTHOSTING_API': {

package/src/client/useShell.ts

@@ -2,7 +2,9 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Shell } from '@dxos/client/services';
+import { useEffect, useState } from 'react';
+
+import { type Shell, type ShellDisplay } from '@dxos/client/services';
 
 import { useClient } from './ClientContext';
 
@@ -13,3 +15,13 @@ export const useShell = (): Shell => {
   const client = useClient();
   return client.shell;
 };
+
+/**
+ * Hook to access the shell’s display state.
+ */
+export const useShellDisplay = (): ShellDisplay => {
+  const client = useClient();
+  const [display, setDisplay] = useState(client.shell.display);
+  useEffect(() => client.shell.onDisplayChange(setDisplay), [client]);
+  return display;
+};

package/src/testing/FullscreenDecorator.tsx

@@ -6,10 +6,23 @@ import type { DecoratorFunction } from '@storybook/csf';
 import type { ReactRenderer } from '@storybook/react';
 import React from 'react';
 
-export const FullscreenDecorator = (className?: string): DecoratorFunction<ReactRenderer> => {
+import { type ClassNameValue, type Density, DensityProvider } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
+
+export type RootDecoratorProps = {
+  classNames?: ClassNameValue;
+  density?: Density;
+};
+
+export const FullscreenDecorator = ({
+  classNames,
+  density = 'fine',
+}: RootDecoratorProps = {}): DecoratorFunction<ReactRenderer> => {
   return (Story) => (
-    <div className={['flex fixed inset-0 overflow-hidden', className].join(' ')}>
-      <Story />
+    <div className={mx('fixed flex inset-0 overflow-hidden', classNames)}>
+      <DensityProvider density={density}>
+        <Story />
+      </DensityProvider>
     </div>
   );
 };