@dxos/shell 0.4.10-main.b9b4602 → 0.4.10-main.c2d5db5

package/src/panels/IdentityPanel/steps/AgentForm.tsx

@@ -0,0 +1,61 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { useTranslation } from '@dxos/react-ui';
+
+import { Action, Actions, StepHeading, Input } from '../../../components';
+import { type AgentFormProps, type IdentityPanelStepProps } from '../IdentityPanelProps';
+
+export const AgentForm = (props: IdentityPanelStepProps & AgentFormProps) => {
+  const {
+    active,
+    onAgentCreate,
+    onAgentDestroy,
+    send,
+    validationMessage,
+    agentStatus,
+    agentActive,
+    agentProviderDisabled,
+  } = props;
+  const disabled = !active;
+  const { t } = useTranslation('os');
+  return (
+    <>
+      <div role='none' className='grow flex flex-col justify-center'>
+        <Input
+          {...{ validationMessage }}
+          label={<StepHeading>Agent Status</StepHeading>}
+          disabled={disabled}
+          data-testid='agent-status'
+          value={agentStatus}
+        />
+      </div>
+      <Actions>
+        <Action
+          disabled={agentActive || agentProviderDisabled}
+          onClick={() => onAgentCreate?.()}
+          data-testid={'create-agent'}
+        >
+          Create Agent
+        </Action>
+        <Action
+          disabled={!agentActive || agentProviderDisabled}
+          onClick={() => onAgentDestroy?.()}
+          data-testid={'destroy-agent'}
+        >
+          Destroy Agent
+        </Action>
+        <Action
+          disabled={disabled}
+          onClick={() => send?.({ type: 'unchooseAction' })}
+          data-testid={'update-profile-form-back'}
+        >
+          {t('back label')}
+        </Action>
+      </Actions>
+    </>
+  );
+};

package/src/panels/IdentityPanel/steps/DeviceManager.tsx

@@ -0,0 +1,41 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+import { type Event, type SingleOrArray } from 'xstate';
+
+import { type Device } from '@dxos/react-client/halo';
+import { useTranslation } from '@dxos/react-ui';
+
+import { Action, Actions, DeviceList } from '../../../components';
+import type { IdentityPanelStepProps } from '../IdentityPanelProps';
+import type { IdentityEvent } from '../identityMachine';
+
+export interface DeviceManagerProps extends Omit<IdentityPanelStepProps, 'send'> {
+  send?: (event: SingleOrArray<Event<IdentityEvent>>) => void;
+  devices: Device[];
+}
+
+export const DeviceManager = ({ devices, active, send }: DeviceManagerProps) => {
+  const { t } = useTranslation('os');
+  const disabled = !active;
+
+  return (
+    <>
+      <div role='none' className='grow'>
+        <DeviceList devices={devices} />
+      </div>
+      <Actions>
+        <Action
+          variant='ghost'
+          disabled={disabled}
+          onClick={() => send?.({ type: 'unchooseAction' })}
+          data-testid={'manage-devices-back'}
+        >
+          {t('back label')}
+        </Action>
+      </Actions>
+    </>
+  );
+};

package/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx

@@ -2,14 +2,17 @@
 // Copyright 2023 DXOS.org
 //
 
+import { CaretRight, Devices, Plus, Power, UserGear, HardDrive, Intersect } from '@phosphor-icons/react';
 import React, { useCallback } from 'react';
 
 import { log } from '@dxos/log';
 import { useAgentHostingProviderClient, useClient } from '@dxos/react-client';
 import { useHaloInvitations } from '@dxos/react-client/halo';
 import { Invitation, InvitationEncoder } from '@dxos/react-client/invitations';
+import { DensityProvider, useTranslation } from '@dxos/react-ui';
+import { getSize } from '@dxos/react-ui-theme';
 
-import { AgentConfig, type AgentFormProps, DeviceList } from '../../../components';
+import { Action } from '../../../components';
 import { type IdentityPanelStepProps } from '../IdentityPanelProps';
 
 export type IdentityActionChooserProps = IdentityPanelStepProps;
@@ -25,10 +28,13 @@ export const IdentityActionChooser = (props: IdentityPanelStepProps) => {
       log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));
     }
   }, []);
-  const createInvitation = () => {
+  const createInvitation = (e: React.MouseEvent) => {
+    const testing = e.altKey && e.shiftKey;
     invitations.forEach((invitation) => invitation.cancel());
     // TODO(nf): allow user to make invitations non-persistent?
-    const invitation = client.halo.share();
+    const invitation = client.halo.share(
+      testing ? { type: Invitation.Type.MULTIUSE, authMethod: Invitation.AuthMethod.NONE } : undefined,
+    );
     // TODO(wittjosiah): Don't depend on NODE_ENV.
     if (process.env.NODE_ENV !== 'production') {
       invitation.subscribe(onInvitationEvent);
@@ -38,36 +44,83 @@ export const IdentityActionChooser = (props: IdentityPanelStepProps) => {
   return (
     <IdentityActionChooserImpl
       {...props}
-      onCreateInvitationClick={createInvitation}
+      onCreateInvitationClick={(e) => createInvitation(e)}
       agentHostingEnabled={!!agentHostingProviderClient}
     />
   );
 };
 
-export type IdentityActionChooserImplProps = IdentityActionChooserProps &
-  Partial<AgentFormProps> & {
-    onCreateInvitationClick?: () => void;
-  };
+export type IdentityActionChooserImplProps = IdentityActionChooserProps & {
+  onCreateInvitationClick?: (e: React.MouseEvent) => void;
+};
 
 export const IdentityActionChooserImpl = ({
-  send,
   onCreateInvitationClick,
-  devices,
-  onAgentDestroy,
-  onAgentCreate,
-  agentStatus,
-  agentActive,
+  active,
+  send,
+  onDone,
+  doneActionParent,
   agentHostingEnabled,
 }: IdentityActionChooserImplProps) => {
+  const { t } = useTranslation('os');
+
+  // const doneAction = (
+  //   <PanelAction aria-label={t('done label')} onClick={onDone} disabled={!active} data-testid='identity-panel-done'>
+  //     <Check weight='light' className={getSize(6)} />
+  //   </PanelAction>
+  // );
   return (
-    <>
-      <DeviceList
-        devices={devices}
-        onClickAdd={onCreateInvitationClick}
-        onClickJoinExisting={() => send?.({ type: 'chooseJoinNewIdentity' })}
-        onClickReset={() => send?.({ type: 'chooseResetStorage' })}
-      />
-      {agentHostingEnabled && <AgentConfig {...{ agentActive, agentStatus, onAgentDestroy, onAgentCreate }} />}
-    </>
+    <div role='none' className='grow flex flex-col gap-1'>
+      <DensityProvider density='coarse'>
+        <div className='grow justify-center flex flex-col gap-1'>
+          <Action data-testid='manage-profile' onClick={() => send?.({ type: 'chooseProfile' })} classNames='plb-4'>
+            <UserGear className={getSize(6)} />
+            <span className='grow mli-3'>{t('choose profile label')}</span>
+            <CaretRight weight='bold' className={getSize(4)} />
+          </Action>
+          {agentHostingEnabled && (
+            <Action data-testid='manage-agent' onClick={() => send?.({ type: 'chooseAgent' })} classNames='plb-4'>
+              <HardDrive className={getSize(6)} />
+              <span className='grow mli-3'>Manage Agent</span>
+              <CaretRight weight='bold' className={getSize(4)} />
+            </Action>
+          )}
+          <Action
+            disabled={!active}
+            data-testid='devices-panel.create-invitation'
+            onClick={onCreateInvitationClick}
+            classNames='plb-4'
+          >
+            <Plus className={getSize(6)} />
+            <span className='grow mli-3'>{t('choose add device label')}</span>
+            <CaretRight weight='bold' className={getSize(4)} />
+          </Action>
+          <Action
+            data-testid='devices-panel.join-new-identity'
+            onClick={() => send?.({ type: 'chooseJoinNewIdentity' })}
+            classNames='plb-4'
+          >
+            <Intersect className={getSize(6)} />
+            <span className='grow mli-3'>{t('choose join new identity label')}</span>
+            <CaretRight weight='bold' className={getSize(4)} />
+          </Action>
+          <Action data-testid='manage-devices' onClick={() => send?.({ type: 'chooseDevices' })} classNames='plb-4'>
+            <Devices className={getSize(6)} />
+            <span className='grow mli-3'>{t('choose devices label')}</span>
+            <CaretRight weight='bold' className={getSize(4)} />
+          </Action>
+          <Action
+            data-testid='devices-panel.sign-out'
+            onClick={() => send?.({ type: 'chooseResetStorage' })}
+            classNames='plb-4'
+          >
+            <Power className={getSize(6)} />
+            <span className='grow mli-3'>{t('choose sign out label')}</span>
+            <CaretRight weight='bold' className={getSize(4)} />
+          </Action>
+        </div>
+      </DensityProvider>
+      {/* <PanelActions>{doneActionParent ? cloneElement(doneActionParent, {}, doneAction) : doneAction}</PanelActions> */}
+    </div>
   );
 };

package/src/panels/IdentityPanel/steps/ProfileForm.tsx

@@ -10,19 +10,11 @@ import { type Identity } from '@dxos/react-client/halo';
 import { useTranslation } from '@dxos/react-ui';
 import { hexToEmoji, hexToHue } from '@dxos/util';
 
-import {
-  Action,
-  Actions,
-  StepHeading,
-  Input,
-  useClipboardContext,
-  EmojiPickerBlock,
-  HuePickerBlock,
-} from '../../../components';
+import { Action, Actions, StepHeading, Input, useClipboardContext, EmojiPicker, HuePicker } from '../../../components';
 import { type IdentityPanelStepProps } from '../IdentityPanelProps';
 import { type IdentityEvent } from '../identityMachine';
 
-export interface ProfileFormProps extends Omit<IdentityPanelStepProps, 'send' | 'devices'> {
+export interface ProfileFormProps extends Omit<IdentityPanelStepProps, 'send'> {
   send?: (event: SingleOrArray<Event<IdentityEvent>>) => void;
   onUpdateProfile?: (profile: NonNullable<Identity['profile']>) => Promise<void>;
   identity?: Identity;
@@ -76,13 +68,13 @@ const ProfileFormImpl = (props: ProfileFormImplProps) => {
         />
         <StepHeading className='mbe-2'>{t('emoji and color label')}</StepHeading>
         <div role='none' className='grid grid-cols-[1fr_min-content] gap-y-2'>
-          <EmojiPickerBlock
+          <EmojiPicker
             emoji={emoji}
             onChangeEmoji={setEmoji}
             disabled={disabled}
             onClickClear={() => setEmoji(getEmojiValue(identity))}
           />
-          <HuePickerBlock
+          <HuePicker
             hue={hue}
             onChangeHue={setHue}
             disabled={disabled}

package/src/panels/IdentityPanel/steps/index.ts

@@ -2,5 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './AgentForm';
+export * from './DeviceManager';
 export * from './IdentityActionChooser';
 export * from './ProfileForm';

package/src/testing/shell-manager.ts

@@ -65,15 +65,13 @@ export class ShellManager extends ScopedShellManager {
     };
 
     this.page.on('dialog', handleDialog);
-    await this.shell.getByTestId('device-list-item-current.options').click();
-    await this.shell.getByTestId('device-list-item-current.reset').click();
+    await this.shell.getByTestId('devices-panel.sign-out').click();
     await this.shell.getByTestId('reset-storage.reset-identity-input').fill('CONFIRM');
     await this.shell.getByTestId('reset-storage.reset-identity-confirm').click();
   }
 
   async joinNewIdentity(invitationCode: string) {
-    await this.shell.getByTestId('device-list-item-current.options').click();
-    await this.shell.getByTestId('device-list-item-current.join-existing').click();
+    await this.shell.getByTestId('devices-panel.join-new-identity').click();
     await this.shell.getByTestId('join-new-identity.reset-identity-input').fill('CONFIRM');
     await this.shell.getByTestId('join-new-identity.reset-identity-input-confirm').click();
     await this.inputInvitation('device', invitationCode, this.shell);

package/src/translations/locales/en-US.ts

@@ -45,6 +45,8 @@ export const os = {
   'connected status label': 'Enter confirmation PIN',
   'authenticating status label': 'Enter confirmation PIN',
   'success status label': 'Success',
+  'connect label': 'Connect',
+  'reconnect label': 'Reconnect',
   'cancel label': 'Cancel',
   'done label': 'Done',
   'reset label': 'Start over',
@@ -129,17 +131,4 @@ export const os = {
   'fuchsia label': 'Fuchsia',
   'pink label': 'Pink',
   'rose label': 'Rose',
-  'current device tag label': 'This device',
-  'device name placeholder': '{{platform}} on {{os}}',
-  'more options label': 'More options',
-  'disconnect label': 'Currently online. Click to go offline.',
-  'connect label': 'Currently offline. Click to go online.',
-  'edit device label': 'Edit device name & avatar',
-  'agent heading': 'Agent',
-  'agent message title': 'About creating an agent',
-  'agent message body':
-    'Creating an agent helps keep your devices and peers in-sync. An agent is like any other device, but since it’s always online your changes will sync even when all your physical devices are asleep.',
-  'create agent label': 'Start an agent',
-  'destroy agent label': 'Shut down agent',
-  'agent device label': 'Your agent',
 };

package/dist/bundle/index-D-K0uxrm.mjs

@@ -1,94 +0,0 @@
-import { T as l, E as p, c as _, e as d, W as u, l as i, a as f } from "./index-DRtLjStG.mjs";
-function m(t, e, r, s) {
-  var c = arguments.length, o = c < 3 ? e : s === null ? s = Object.getOwnPropertyDescriptor(e, r) : s, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    o = Reflect.decorate(t, e, r, s);
-  else
-    for (var h = t.length - 1; h >= 0; h--)
-      (a = t[h]) && (o = (c < 3 ? a(o) : c > 3 ? a(e, r, o) : a(e, r)) || o);
-  return c > 3 && o && Object.defineProperty(e, r, o), o;
-}
-var n = "/home/runner/work/dxos/dxos/packages/core/mesh/websocket-rpc/src/client.ts", w = class {
-  constructor(t) {
-    this._params = t, this._connectTrigger = new l(), this.connected = new p(), this.disconnected = new p(), this.error = new p(), this._rpc = _({
-      requested: this._params.requested,
-      exposed: this._params.exposed,
-      handlers: this._params.handlers,
-      port: {
-        send: (e) => {
-          this._socket.send(e);
-        },
-        subscribe: (e) => {
-          this._socket.onmessage = async (r) => {
-            typeof Blob < "u" && r.data instanceof Blob ? e(d.from(await r.data.arrayBuffer())) : e(r.data);
-          };
-        }
-      }
-    });
-  }
-  get url() {
-    return this._params.url;
-  }
-  async open() {
-    this._socket = new u(this._params.url), this._socket.onopen = async () => {
-      i("Socket open", void 0, {
-        F: n,
-        L: 55,
-        S: this,
-        C: (t, e) => t(...e)
-      });
-      try {
-        await this._rpc.open(), i(`RPC open ${this._params.url}`, void 0, {
-          F: n,
-          L: 58,
-          S: this,
-          C: (t, e) => t(...e)
-        }), this.connected.emit(), this._connectTrigger.wake();
-      } catch (t) {
-        this.error.emit(t);
-      }
-    }, this._socket.onclose = async () => {
-      i(`Disconnected ${this._params.url}`, void 0, {
-        F: n,
-        L: 67,
-        S: this,
-        C: (t, e) => t(...e)
-      }), this.disconnected.emit(), await this.close();
-    }, this._socket.onerror = (t) => {
-      i.error(t.message ?? "Socket error", {
-        url: this._params.url
-      }, {
-        F: n,
-        L: 73,
-        S: this,
-        C: (r, s) => r(...s)
-      });
-      const e = t.error ?? new Error(t.message);
-      this.error.emit(e), this._connectTrigger.throw(e);
-    }, await this._connectTrigger.wait();
-  }
-  async close() {
-    var t, e;
-    try {
-      await ((t = this._rpc) == null ? void 0 : t.close());
-    } catch (r) {
-      i.catch(r, void 0, {
-        F: n,
-        L: 86,
-        S: this,
-        C: (s, c) => s(...c)
-      });
-    }
-    (e = this._socket) == null || e.close();
-  }
-  get rpc() {
-    return this._rpc.rpc;
-  }
-};
-m([
-  f
-], w.prototype, "url", null);
-export {
-  w as WebsocketRpcClient
-};
-//# sourceMappingURL=index-D-K0uxrm.mjs.map

package/dist/bundle/index-D-K0uxrm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D-K0uxrm.mjs","sources":["../../../../core/mesh/websocket-rpc/dist/lib/browser/index.mjs"],"sourcesContent":["import \"@dxos/node-std/globals\";\n\n// inject-globals:@inject-globals\nimport {\n  global,\n  Buffer,\n  process\n} from \"@dxos/node-std/inject-globals\";\n\n// packages/core/mesh/websocket-rpc/src/client.ts\nimport WebSocket from \"isomorphic-ws\";\nimport { Event, Trigger } from \"@dxos/async\";\nimport { log, logInfo } from \"@dxos/log\";\nimport { createProtoRpcPeer } from \"@dxos/rpc\";\nfunction _ts_decorate(decorators, target, key, desc) {\n  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n  if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n    r = Reflect.decorate(decorators, target, key, desc);\n  else\n    for (var i = decorators.length - 1; i >= 0; i--)\n      if (d = decorators[i])\n        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n  return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\nvar __dxlog_file = \"/home/runner/work/dxos/dxos/packages/core/mesh/websocket-rpc/src/client.ts\";\nvar WebsocketRpcClient = class {\n  constructor(_params) {\n    this._params = _params;\n    this._connectTrigger = new Trigger();\n    this.connected = new Event();\n    this.disconnected = new Event();\n    this.error = new Event();\n    this._rpc = createProtoRpcPeer({\n      requested: this._params.requested,\n      exposed: this._params.exposed,\n      handlers: this._params.handlers,\n      port: {\n        send: (msg) => {\n          this._socket.send(msg);\n        },\n        subscribe: (cb) => {\n          this._socket.onmessage = async (msg) => {\n            if (typeof Blob !== \"undefined\" && msg.data instanceof Blob) {\n              cb(Buffer.from(await msg.data.arrayBuffer()));\n            } else {\n              cb(msg.data);\n            }\n          };\n        }\n      }\n    });\n  }\n  get url() {\n    return this._params.url;\n  }\n  async open() {\n    this._socket = new WebSocket(this._params.url);\n    this._socket.onopen = async () => {\n      log(\"Socket open\", void 0, {\n        F: __dxlog_file,\n        L: 55,\n        S: this,\n        C: (f, a) => f(...a)\n      });\n      try {\n        await this._rpc.open();\n        log(`RPC open ${this._params.url}`, void 0, {\n          F: __dxlog_file,\n          L: 58,\n          S: this,\n          C: (f, a) => f(...a)\n        });\n        this.connected.emit();\n        this._connectTrigger.wake();\n      } catch (err) {\n        this.error.emit(err);\n      }\n    };\n    this._socket.onclose = async () => {\n      log(`Disconnected ${this._params.url}`, void 0, {\n        F: __dxlog_file,\n        L: 67,\n        S: this,\n        C: (f, a) => f(...a)\n      });\n      this.disconnected.emit();\n      await this.close();\n    };\n    this._socket.onerror = (event) => {\n      log.error(event.message ?? \"Socket error\", {\n        url: this._params.url\n      }, {\n        F: __dxlog_file,\n        L: 73,\n        S: this,\n        C: (f, a) => f(...a)\n      });\n      const error = event.error ?? new Error(event.message);\n      this.error.emit(error);\n      this._connectTrigger.throw(error);\n    };\n    await this._connectTrigger.wait();\n  }\n  async close() {\n    try {\n      await this._rpc?.close();\n    } catch (err) {\n      log.catch(err, void 0, {\n        F: __dxlog_file,\n        L: 86,\n        S: this,\n        C: (f, a) => f(...a)\n      });\n    }\n    this._socket?.close();\n  }\n  get rpc() {\n    return this._rpc.rpc;\n  }\n};\n_ts_decorate([\n  logInfo\n], WebsocketRpcClient.prototype, \"url\", null);\n\n// packages/core/mesh/websocket-rpc/src/server.ts\nimport WebSocket2 from \"isomorphic-ws\";\nimport { log as log2 } from \"@dxos/log\";\nimport { createProtoRpcPeer as createProtoRpcPeer2 } from \"@dxos/rpc\";\nvar __dxlog_file2 = \"/home/runner/work/dxos/dxos/packages/core/mesh/websocket-rpc/src/server.ts\";\nvar WebsocketRpcServer = class {\n  constructor(_params) {\n    this._params = _params;\n  }\n  async open() {\n    this._server = new WebSocket2.Server({\n      ...this._params\n    });\n    this._server.on(\"connection\", async (socket, request) => {\n      log2(\"connection\", {\n        request\n      }, {\n        F: __dxlog_file2,\n        L: 34,\n        S: this,\n        C: (f, a) => f(...a)\n      });\n      const info = {\n        request\n      };\n      const { onOpen, onClose, ...options } = await this._params.onConnection(info);\n      const rpc = createProtoRpcPeer2({\n        ...options,\n        port: {\n          send: (msg) => {\n            socket.send(msg);\n          },\n          subscribe: (cb) => {\n            socket.onmessage = async (msg) => {\n              if (typeof Blob !== \"undefined\" && msg.data instanceof Blob) {\n                cb(Buffer.from(await msg.data.arrayBuffer()));\n              } else {\n                cb(msg.data);\n              }\n            };\n          }\n        }\n      });\n      await rpc.open();\n      await onOpen?.(rpc);\n      socket.onclose = async () => {\n        await onClose?.(rpc);\n        await rpc.close();\n      };\n    });\n  }\n  async close() {\n    this._server?.close();\n  }\n};\nexport {\n  WebsocketRpcClient,\n  WebsocketRpcServer\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["_ts_decorate","decorators","target","key","desc","r","d","i","__dxlog_file","WebsocketRpcClient","_params","Trigger","Event","createProtoRpcPeer","msg","cb","Buffer","WebSocket","log","f","a","err","event","error","_a","_b","logInfo"],"mappings":"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"}