@dxos/shell 0.7.5-staging.b81e783 → 0.8.0

package/dist/types/src/util/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,0DAAwC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,yBAAyB,CAAC"}

package/dist/types/src/util/invitationStatusValue.js

@@ -1,24 +1,21 @@
-"use strict";
 //
 // Copyright 2023 DXOS.org
 //
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.invitationStatusValue = void 0;
-const invitations_1 = require("@dxos/react-client/invitations");
+import { Invitation } from '@dxos/react-client/invitations';
 /**
  * This map assigns a numeric value to invitation states to facilitate
  * more terse code which uses combinations of `>`, `<`, and `=` instead of
  * longer sequences of `===` and `||` predicates.
  */
-exports.invitationStatusValue = new Map([
-    [invitations_1.Invitation.State.ERROR, -3],
-    [invitations_1.Invitation.State.TIMEOUT, -2],
-    [invitations_1.Invitation.State.CANCELLED, -1],
-    [invitations_1.Invitation.State.INIT, 0],
-    [invitations_1.Invitation.State.CONNECTING, 1],
-    [invitations_1.Invitation.State.CONNECTED, 2],
-    [invitations_1.Invitation.State.READY_FOR_AUTHENTICATION, 3],
-    [invitations_1.Invitation.State.AUTHENTICATING, 4],
-    [invitations_1.Invitation.State.SUCCESS, 5],
+export const invitationStatusValue = new Map([
+    [Invitation.State.ERROR, -3],
+    [Invitation.State.TIMEOUT, -2],
+    [Invitation.State.CANCELLED, -1],
+    [Invitation.State.INIT, 0],
+    [Invitation.State.CONNECTING, 1],
+    [Invitation.State.CONNECTED, 2],
+    [Invitation.State.READY_FOR_AUTHENTICATION, 3],
+    [Invitation.State.AUTHENTICATING, 4],
+    [Invitation.State.SUCCESS, 5],
 ]);
 //# sourceMappingURL=invitationStatusValue.js.map

package/dist/types/src/util/invitationStatusValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"invitationStatusValue.js","sourceRoot":"","sources":["../../../../src/util/invitationStatusValue.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEF,gEAA4D;AAE5D;;;;GAIG;AACU,QAAA,qBAAqB,GAAG,IAAI,GAAG,CAA2B;IACrE,CAAC,wBAAU,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC,wBAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1B,CAAC,wBAAU,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAChC,CAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAC/B,CAAC,wBAAU,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;IAC9C,CAAC,wBAAU,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACpC,CAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;CAC9B,CAAC,CAAC"}
+{"version":3,"file":"invitationStatusValue.js","sourceRoot":"","sources":["../../../../src/util/invitationStatusValue.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAA2B;IACrE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1B,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAChC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAC/B,CAAC,UAAU,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC;IAC9C,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;IACpC,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;CAC9B,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.7.5-staging.b81e783",
+  "version": "0.8.0",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -9,7 +9,10 @@
   "sideEffects": true,
   "type": "module",
   "exports": {
-    ".": "./dist/bundle/shell.js",
+    ".": {
+      "default": "./dist/bundle/shell.js",
+      "types": "./dist/types/src/index.d.ts"
+    },
     "./style.css": "./dist/bundle/style.css",
     "./react": {
       "types": "./dist/types/src/react.d.ts",
@@ -54,19 +57,19 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/client-protocol": "0.7.5-staging.b81e783",
-    "@dxos/async": "0.7.5-staging.b81e783",
-    "@dxos/debug": "0.7.5-staging.b81e783",
-    "@dxos/display-name": "0.7.5-staging.b81e783",
-    "@dxos/client-services": "0.7.5-staging.b81e783",
-    "@dxos/invariant": "0.7.5-staging.b81e783",
-    "@dxos/react-ui-pickers": "0.7.5-staging.b81e783",
-    "@dxos/protocols": "0.7.5-staging.b81e783",
-    "@dxos/log": "0.7.5-staging.b81e783",
-    "@dxos/react-ui-types": "0.7.5-staging.b81e783",
-    "@dxos/rpc": "0.7.5-staging.b81e783",
-    "@dxos/rpc-tunnel": "0.7.5-staging.b81e783",
-    "@dxos/util": "0.7.5-staging.b81e783"
+    "@dxos/async": "0.8.0",
+    "@dxos/client-protocol": "0.8.0",
+    "@dxos/client-services": "0.8.0",
+    "@dxos/display-name": "0.8.0",
+    "@dxos/debug": "0.8.0",
+    "@dxos/invariant": "0.8.0",
+    "@dxos/protocols": "0.8.0",
+    "@dxos/log": "0.8.0",
+    "@dxos/react-ui-pickers": "0.8.0",
+    "@dxos/react-ui-types": "0.8.0",
+    "@dxos/rpc": "0.8.0",
+    "@dxos/rpc-tunnel": "0.8.0",
+    "@dxos/util": "0.8.0"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -76,25 +79,25 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/config": "0.7.5-staging.b81e783",
-    "@dxos/protocols": "0.7.5-staging.b81e783",
-    "@dxos/react-client": "0.7.5-staging.b81e783",
-    "@dxos/random": "0.7.5-staging.b81e783",
-    "@dxos/react-hooks": "0.7.5-staging.b81e783",
-    "@dxos/react-ui-theme": "0.7.5-staging.b81e783",
-    "@dxos/react-ui": "0.7.5-staging.b81e783",
-    "@dxos/storybook-utils": "0.7.5-staging.b81e783",
-    "@dxos/test-utils": "0.7.5-staging.b81e783"
+    "@dxos/config": "0.8.0",
+    "@dxos/protocols": "0.8.0",
+    "@dxos/react-client": "0.8.0",
+    "@dxos/random": "0.8.0",
+    "@dxos/react-hooks": "0.8.0",
+    "@dxos/react-ui": "0.8.0",
+    "@dxos/react-ui-theme": "0.8.0",
+    "@dxos/storybook-utils": "0.8.0",
+    "@dxos/test-utils": "0.8.0"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-client": "0.7.5-staging.b81e783"
+    "@dxos/react-client": "0.8.0"
   },
   "optionalDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "@dxos/react-ui-theme": "0.7.5-staging.b81e783",
-    "@dxos/react-ui": "0.7.5-staging.b81e783"
+    "@dxos/react-ui": "0.8.0",
+    "@dxos/react-ui-theme": "0.8.0"
   },
   "publishConfig": {
     "access": "public"

package/src/panels/IdentityPanel/IdentityPanel.tsx

@@ -5,6 +5,7 @@
 import { IdentificationCard, Plugs, PlugsConnected } from '@phosphor-icons/react';
 import React, { useEffect, useMemo, useState } from 'react';
 
+import { debounce } from '@dxos/async';
 import { generateName } from '@dxos/display-name';
 import { log } from '@dxos/log';
 import { useClient } from '@dxos/react-client';
@@ -48,16 +49,30 @@ const IdentityHeading = ({
 }: IdentityPanelHeadingProps) => {
   const fallbackValue = keyToFallback(identity.identityKey);
   const { t } = useTranslation('os');
-  const [displayName, setDisplayName] = useState(identity.profile?.displayName ?? '');
+  const [displayName, setDisplayNameDirectly] = useState(identity.profile?.displayName ?? '');
   const [emoji, setEmojiDirectly] = useState<string>(getEmojiValue(identity));
-  const [hue, setHueDirectly] = useState<string>(getHueValue(identity));
+  const [hue, setHueDirectly] = useState<string | undefined>(getHueValue(identity));
+
+  const updateDisplayName = useMemo(
+    () =>
+      debounce(
+        (nextDisplayName: string) => onUpdateProfile?.({ ...identity.profile, displayName: nextDisplayName }),
+        3_000,
+      ),
+    [onUpdateProfile, identity.profile],
+  );
+
+  const setDisplayName = (nextDisplayName: string) => {
+    setDisplayNameDirectly(nextDisplayName);
+    updateDisplayName(nextDisplayName);
+  };
 
   const setEmoji = (nextEmoji: string) => {
     setEmojiDirectly(nextEmoji);
     void onUpdateProfile?.({ ...identity.profile, data: { ...identity.profile?.data, emoji: nextEmoji } });
   };
 
-  const setHue = (nextHue: string) => {
+  const setHue = (nextHue: string | undefined) => {
     setHueDirectly(nextHue);
     void onUpdateProfile?.({ ...identity.profile, data: { ...identity.profile?.data, hue: nextHue } });
   };
@@ -86,13 +101,12 @@ const IdentityHeading = ({
             classNames='mbs-2 text-center font-light text-xl'
             value={displayName}
             onChange={({ target: { value } }) => setDisplayName(value)}
-            onBlur={({ target: { value } }) => onUpdateProfile?.({ ...identity.profile, displayName: value })}
           />
         </Input.Root>
 
         <Toolbar.Root classNames='flex justify-center items-center gap-1 pt-3'>
           <EmojiPickerToolbarButton emoji={emoji} onChangeEmoji={setEmoji} classNames='bs-[--rail-action]' />
-          <HuePicker value={hue} onChange={setHue} classNames='bs-[--rail-action]' />
+          <HuePicker value={hue} onChange={setHue} onReset={() => setHue(undefined)} classNames='bs-[--rail-action]' />
           <Clipboard.IconButton
             classNames='bs-[--rail-action]'
             data-testid='update-profile-form-copy-key'

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

@@ -10,6 +10,7 @@ export const os = {
   'copy success label': 'Copied',
   'copy self did label': 'Copy DID',
   'open share panel label': 'View QR code',
+  'manage credentials label': 'Manage credentials',
   'joining space heading': 'Joining space',
   'join space heading': 'Enter space invitation',
   'halo heading': 'Initialize device identity',
@@ -144,8 +145,8 @@ export const os = {
   'current device tag label': 'This device',
   'device name placeholder': '{{platform}} on {{os}}',
   'more options label': 'More options',
-  'disconnect label': 'Go offline.',
-  'connect label': 'Go online.',
+  'disconnect label': 'Go offline',
+  'connect label': 'Go online',
   'edit device label': 'Edit device name & avatar',
   'agent heading': 'Agent',
   'create agent clickwrap':