@dxos/shell 0.6.5 → 0.6.6-staging.582ce24

package/dist/lib/browser/react.mjs

@@ -701,20 +701,31 @@ import { focusRing, getSize as getSize7, mx as mx9 } from "@dxos/react-ui-theme"
 import { hexToEmoji } from "@dxos/util";
 
 // packages/sdk/shell/src/components/AuthCode.tsx
-import React11 from "react";
+import React11, { useRef as useRef3 } from "react";
 import { mx as mx8 } from "@dxos/react-ui-theme";
 var AuthCode = (props) => {
   const { code, large, classNames } = props;
   const l = code?.length ?? 0;
   const left = code?.slice(0, l / 2);
   const right = code?.slice(l / 2);
-  const handleCopy = () => {
+  const codeRef = useRef3(null);
+  const handleClick = () => {
+    if (codeRef.current) {
+      const selection = window.getSelection();
+      selection?.removeAllRanges();
+      const range = document.createRange();
+      range.selectNodeContents(codeRef.current);
+      selection?.addRange(range);
+    }
     void navigator.clipboard.writeText(code ?? "");
   };
   return /* @__PURE__ */ React11.createElement("span", {
-    className: mx8(large ? "text-6xl" : "text-2xl", "font-mono pli-2.5 flex gap-1.5 rounded cursor-pointer", classNames),
-    onClick: handleCopy
-  }, /* @__PURE__ */ React11.createElement("span", null, left), /* @__PURE__ */ React11.createElement("span", null, right));
+    className: mx8(large ? "text-6xl" : "text-2xl", "font-mono pli-2.5 rounded cursor-pointer", classNames),
+    onClick: handleClick,
+    ref: codeRef
+  }, /* @__PURE__ */ React11.createElement("span", {
+    className: "mie-[0.4em]"
+  }, left), /* @__PURE__ */ React11.createElement("span", null, right));
 };
 
 // packages/sdk/shell/src/components/InvitationList/InvitationListItem.tsx
@@ -762,17 +773,17 @@ var AvatarStackEffect = ({ animation, status, reverseEffects }) => {
 };
 var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
   const { t } = useTranslation8("os");
-  const { cancel, status: invitationStatus, invitationCode, authCode, multiUse } = propsInvitationStatus;
+  const { cancel, status: invitationStatus, invitationCode, authCode, multiUse, shareable } = propsInvitationStatus;
   const isCancellable = !([
     Invitation.State.ERROR,
     Invitation.State.TIMEOUT,
     Invitation.State.CANCELLED
   ].indexOf(invitationStatus) >= 0);
-  const showShare = multiUse || [
+  const showShare = shareable && (multiUse || [
     Invitation.State.INIT,
     Invitation.State.CONNECTING,
     Invitation.State.CONNECTED
-  ].indexOf(invitationStatus) >= 0;
+  ].indexOf(invitationStatus) >= 0);
   const showAuthCode = invitationStatus === Invitation.State.READY_FOR_AUTHENTICATION;
   const handleClickRemove = useCallback2(() => onClickRemove?.(invitation), [
     invitation,
@@ -862,7 +873,9 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     className: "pli-2 grow text-neutral-500"
   }, "Cancelled") : invitationStatus === Invitation.State.SUCCESS ? /* @__PURE__ */ React12.createElement("span", {
     className: "pli-2 grow truncate"
-  }, "User joined") : /* @__PURE__ */ React12.createElement("span", {
+  }, "User joined") : !shareable ? /* @__PURE__ */ React12.createElement("span", {
+    className: "pli-2 grow text-neutral-500"
+  }, "Pending Invitation") : /* @__PURE__ */ React12.createElement("span", {
     className: "grow"
   }, " "), isCancellable ? /* @__PURE__ */ React12.createElement(Button7, {
     variant: "ghost",
@@ -1344,7 +1357,7 @@ var useIdentityMachine = (client, options) => {
 };
 
 // packages/sdk/shell/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx
-import React25, { useCallback as useCallback4 } from "react";
+import React25 from "react";
 import { log as log2 } from "@dxos/log";
 import { useClient as useClient2 } from "@dxos/react-client";
 import { useHaloInvitations, DeviceType as DeviceType2 } from "@dxos/react-client/halo";
@@ -1354,25 +1367,25 @@ var IdentityActionChooser = (props) => {
   const { send } = props;
   const client = useClient2();
   const invitations = useHaloInvitations();
-  const onInvitationEvent = useCallback4((invitation) => {
-    const invitationCode = InvitationEncoder.encode(invitation);
-    if (invitation.state === Invitation2.State.CONNECTING) {
-      log2.info(JSON.stringify({
-        invitationCode,
-        authCode: invitation.authCode
-      }), void 0, {
-        F: __dxlog_file2,
-        L: 24,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-    }
-  }, []);
   const createInvitation = () => {
     invitations.forEach((invitation2) => invitation2.cancel());
     const invitation = client.halo.share();
-    if (true) {
-      invitation.subscribe(onInvitationEvent);
+    if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
+      const subscription = invitation.subscribe((invitation2) => {
+        const invitationCode = InvitationEncoder.encode(invitation2);
+        if (invitation2.state === Invitation2.State.CONNECTING) {
+          log2.info(JSON.stringify({
+            invitationCode,
+            authCode: invitation2.authCode
+          }), void 0, {
+            F: __dxlog_file2,
+            L: 29,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+          subscription.unsubscribe();
+        }
+      });
     }
     send?.({
       type: "selectInvitation",
@@ -1410,7 +1423,7 @@ import { useTranslation as useTranslation11 } from "@dxos/react-ui";
 import { hexToEmoji as hexToEmoji2, hexToHue } from "@dxos/util";
 
 // packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts
-import { useCallback as useCallback5, useEffect as useEffect2, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect2, useState as useState6 } from "react";
 import { invariant } from "@dxos/invariant";
 import { log as log4 } from "@dxos/log";
 import { useClient as useClient3, useAgentHostingClient } from "@dxos/react-client";
@@ -1498,7 +1511,7 @@ var useAgentHandlers = ({ invitations, identity }) => {
   useEffect2(() => {
     void updateAgentStatus();
   }, []);
-  const handleAgentCreate = useCallback5(async (invitation) => {
+  const handleAgentCreate = useCallback4(async (invitation) => {
     const invitationCode = InvitationEncoder2.encode(invitation);
     if (invitation.state === Invitation3.State.CONNECTING) {
       log4.info(JSON.stringify({
@@ -1995,7 +2008,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
 };
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
-import React38, { useCallback as useCallback7, useEffect as useEffect5, useMemo as useMemo4 } from "react";
+import React38, { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo4 } from "react";
 import { log as log10 } from "@dxos/log";
 import { useClient as useClient6, useMulticastObservable } from "@dxos/react-client";
 import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
@@ -2036,7 +2049,7 @@ var JoinHeading = /* @__PURE__ */ forwardRef9(({ mode, titleId, exitActionParent
 
 // packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts
 import { useMachine as useMachine2 } from "@xstate/react";
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback5 } from "react";
 import { assign as assign2, createMachine as createMachine2 } from "xstate";
 import { log as log7 } from "@dxos/log";
 import { AlreadyJoinedError } from "@dxos/react-client";
@@ -2533,7 +2546,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
   }
 };
 var useJoinMachine = (client, options) => {
-  const redeemHaloInvitationCode = useCallback6(({ halo }) => {
+  const redeemHaloInvitationCode = useCallback5(({ halo }) => {
     if (halo.unredeemedCode) {
       try {
         const invitation = InvitationEncoder3.decode(defaultCodeFromUrl("halo", halo.unredeemedCode));
@@ -2558,7 +2571,7 @@ var useJoinMachine = (client, options) => {
   }, [
     client
   ]);
-  const redeemSpaceInvitationCode = useCallback6(({ space }) => {
+  const redeemSpaceInvitationCode = useCallback5(({ space }) => {
     if (space.unredeemedCode) {
       try {
         const invitation = InvitationEncoder3.decode(defaultCodeFromUrl("space", space.unredeemedCode));
@@ -2583,7 +2596,7 @@ var useJoinMachine = (client, options) => {
   }, [
     client
   ]);
-  const invalidateHaloInvitationCode = useCallback6(({ halo }) => {
+  const invalidateHaloInvitationCode = useCallback5(({ halo }) => {
     if (halo.unredeemedCode) {
       options?.onInvalidateInvitationCode?.(halo.unredeemedCode);
       return {
@@ -2596,7 +2609,7 @@ var useJoinMachine = (client, options) => {
   }, [
     options?.onInvalidateInvitationCode
   ]);
-  const invalidateSpaceInvitationCode = useCallback6(({ space }) => {
+  const invalidateSpaceInvitationCode = useCallback5(({ space }) => {
     if (space.unredeemedCode) {
       options?.onInvalidateInvitationCode?.(space.unredeemedCode);
       return {
@@ -3404,7 +3417,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }), [
     joinState
   ]);
-  const onHaloDone = useCallback7(() => {
+  const onHaloDone = useCallback6(() => {
     propsOnDone?.({
       identityKey: joinState.context.halo.invitation?.identityKey ?? null,
       swarmKey: joinState.context.halo.invitation?.swarmKey ?? null,
@@ -3415,7 +3428,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     joinState,
     propsOnDone
   ]);
-  const onSpaceDone = useCallback7(() => {
+  const onSpaceDone = useCallback6(() => {
     propsOnDone?.({
       identityKey: joinState.context.space.invitation?.identityKey ?? null,
       swarmKey: joinState.context.space.invitation?.swarmKey ?? null,
@@ -3426,7 +3439,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     joinState,
     propsOnDone
   ]);
-  const onConfirmResetStorage = useCallback7(() => client.reset().then(() => {
+  const onConfirmResetStorage = useCallback6(() => client.reset().then(() => {
     joinSend({
       type: "resetIdentity"
     });
@@ -3545,7 +3558,7 @@ var useSpaceMachine = (options) => {
 
 // packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx
 import { Placeholder as Placeholder2, UserPlus, UsersThree } from "@phosphor-icons/react";
-import React39, { useCallback as useCallback8, useState as useState12 } from "react";
+import React39, { useCallback as useCallback7, useState as useState12 } from "react";
 import { log as log12 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { useSpaceInvitations as useSpaceInvitations2 } from "@dxos/react-client/echo";
@@ -3554,31 +3567,32 @@ import { ScrollArea, useTranslation as useTranslation23 } from "@dxos/react-ui";
 import { descriptionText as descriptionText11, mx as mx24 } from "@dxos/react-ui-theme";
 var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx";
 var activeActionKey = "dxos:react-shell/space-manager/active-action";
+var handleInvitationEvent = (invitation, subscription) => {
+  const invitationCode = InvitationEncoder4.encode(invitation);
+  if (invitation.state === Invitation7.State.CONNECTING) {
+    log12.info(JSON.stringify({
+      invitationCode,
+      authCode: invitation.authCode
+    }), void 0, {
+      F: __dxlog_file11,
+      L: 40,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    subscription.unsubscribe();
+  }
+};
 var SpaceManager = (props) => {
   const { space, target } = props;
   const { t } = useTranslation23("os");
   const config = useConfig();
   const invitations = useSpaceInvitations2(space?.key);
-  const onInvitationEvent = useCallback8((invitation) => {
-    const invitationCode = InvitationEncoder4.encode(invitation);
-    if (invitation.state === Invitation7.State.CONNECTING) {
-      log12.info(JSON.stringify({
-        invitationCode,
-        authCode: invitation.authCode
-      }), void 0, {
-        F: __dxlog_file11,
-        L: 49,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-    }
-  }, []);
   const inviteActions = {
     inviteOne: {
       label: t("invite one label"),
       description: t("invite one description"),
       icon: UserPlus,
-      onClick: useCallback8(() => {
+      onClick: useCallback7(() => {
         const invitation = space.share?.({
           type: Invitation7.Type.INTERACTIVE,
           authMethod: Invitation7.AuthMethod.SHARED_SECRET,
@@ -3586,7 +3600,7 @@ var SpaceManager = (props) => {
           target
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-          invitation.subscribe(onInvitationEvent);
+          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
         space
@@ -3596,7 +3610,7 @@ var SpaceManager = (props) => {
       label: t("invite many label"),
       description: t("invite many description"),
       icon: UsersThree,
-      onClick: useCallback8(() => {
+      onClick: useCallback7(() => {
         const invitation = space.share?.({
           type: Invitation7.Type.DELEGATED,
           authMethod: Invitation7.AuthMethod.KNOWN_PUBLIC_KEY,
@@ -3604,7 +3618,7 @@ var SpaceManager = (props) => {
           target
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-          invitation.subscribe(onInvitationEvent);
+          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
         space
@@ -3976,7 +3990,7 @@ var Shell = ({ runtime }) => {
           await client.reset();
           return runtime.setAppContext({
             display: ShellDisplay.NONE,
-            reload: true
+            reset: true
           });
         },
         onJoinNewIdentity: async () => {
@@ -4357,7 +4371,7 @@ var Fallback = ({ onClose }) => {
 };
 
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
-import React48, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo6, useState as useState14 } from "react";
+import React48, { createContext as createContext2, useCallback as useCallback8, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo6, useState as useState14 } from "react";
 import { useClient as useClient8, ShellDisplay as ShellDisplay3, ShellLayout as ShellLayout4 } from "@dxos/react-client";
 import { useIdentity as useIdentity3 } from "@dxos/react-client/halo";
 import { mx as mx25 } from "@dxos/react-ui-theme";
@@ -4464,7 +4478,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     spaceInvitationCode,
     deviceInvitationCode
   ]);
-  const handleKeyDown = useCallback9((event) => {
+  const handleKeyDown = useCallback8((event) => {
     if (!space || !shellRuntime) {
       return;
     }