@dxos/plugin-space 0.6.14-main.8b352a0 → 0.6.14-staging.3e2eaca

package/dist/types/src/components/SpaceSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,aAAa,iBAAkB;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,sBAiD3E,CAAC"}

package/dist/types/src/components/SpaceSettingsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceSettingsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceSettingsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAAe,uBAAuB,sBAyCpE,CAAC"}

package/dist/types/src/components/SyncStatus/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/SyncStatus/types.ts"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKlF,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAE/D,eAAO,MAAM,wBAAwB,QAAO,aAM1C,CAAC;AAEH,eAAO,MAAM,cAAc,YAAa,iBAAiB,KAAG,aAS3D,CAAC;AAKF;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,iBAkC/B,CAAC"}

package/src/components/MissingObject.tsx

@@ -1,54 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useEffect, useState } from 'react';
-
-import { parseIntentPlugin, useResolvePlugin } from '@dxos/app-framework';
-import { Status, useTranslation } from '@dxos/react-ui';
-import { baseSurface, descriptionText, mx } from '@dxos/react-ui-theme';
-
-import { SpaceAction, SPACE_PLUGIN } from '../meta';
-
-const WAIT_FOR_OBJECT_TIMEOUT = 1_000;
-
-export const MissingObject = ({ id }: { id: string }) => {
-  const { t } = useTranslation(SPACE_PLUGIN);
-  const [waiting, setWaiting] = useState(false);
-  const intentPlugin = useResolvePlugin(parseIntentPlugin);
-
-  useEffect(() => {
-    if (!intentPlugin) {
-      return;
-    }
-
-    const timeout = setTimeout(async () => {
-      setWaiting(true);
-      await intentPlugin.provides.intent.dispatch({
-        plugin: SPACE_PLUGIN,
-        action: SpaceAction.WAIT_FOR_OBJECT,
-        data: { id },
-      });
-    }, WAIT_FOR_OBJECT_TIMEOUT);
-
-    return () => clearTimeout(timeout);
-  }, [intentPlugin, id]);
-
-  return (
-    <div role='none' className={mx(baseSurface, 'min-bs-screen is-full flex items-center justify-center p-8')}>
-      {waiting ? (
-        <p
-          role='alert'
-          className={mx(
-            descriptionText,
-            'border border-dashed border-neutral-400/50 rounded-lg flex items-center justify-center p-8 font-normal text-lg',
-          )}
-        >
-          {t('missing object message')}
-        </p>
-      ) : (
-        <Status indeterminate aria-label='Initializing' />
-      )}
-    </div>
-  );
-};

package/src/components/SpaceMain/SpaceMain.tsx

@@ -1,60 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Command } from '@phosphor-icons/react';
-import React from 'react';
-
-import { Surface } from '@dxos/app-framework';
-import { SpaceState, type Space } from '@dxos/react-client/echo';
-import { Main, useTranslation } from '@dxos/react-ui';
-import { getSize, mx, topbarBlockPaddingStart } from '@dxos/react-ui-theme';
-import { ClipboardProvider } from '@dxos/shell/react';
-
-import { SpaceMembersSection } from './SpaceMembersSection';
-import { SPACE_PLUGIN } from '../../meta';
-
-const KeyShortcuts = () => {
-  const { t } = useTranslation(SPACE_PLUGIN);
-  return (
-    <section className='mbe-4 col-span-4 md:col-start-5 md:col-end-7 grid grid-cols-subgrid gap-y-2 auto-rows-min'>
-      <h2 className='contents'>
-        <Command weight='duotone' className={mx(getSize(5), 'place-self-center')} />
-        <span className='text-lg col-span-2 md:col-span-1'>{t('keyshortcuts label')}</span>
-      </h2>
-      <div role='none' className='col-start-2 col-end-4 md:col-end-5 pie-2'>
-        <Surface role='keyshortcuts' />
-      </div>
-    </section>
-  );
-};
-
-const spaceMainLayout =
-  'grid gap-y-2 auto-rows-min before:bs-2 before:col-span-5 grid-cols-[var(--rail-size)_var(--rail-size)_1fr_var(--rail-size)] md:grid-cols-[var(--rail-size)_var(--rail-size)_minmax(max-content,1fr)_var(--rail-size)_var(--rail-size)_minmax(max-content,2fr)_var(--rail-size)]';
-
-/**
- * @deprecated
- */
-// TODO(wittjosiah): Remove this and re-use space members section as a deck column.
-export const SpaceMain = ({ space, role }: { space: Space; role: 'main' | 'article' }) => {
-  // const { graph } = useGraph();
-  // const _actionsMap = graph.findNode(space.key.toHex())?.actionsMap;
-  const state = space.state.get();
-  const ready = state === SpaceState.SPACE_READY;
-  const Root = role === 'main' ? Main.Content : 'div';
-  return (
-    <ClipboardProvider>
-      <Root
-        {...(role === 'main'
-          ? { classNames: [topbarBlockPaddingStart, 'min-bs-dvh', spaceMainLayout] }
-          : { role: 'none', className: mx(topbarBlockPaddingStart, 'row-span-2', spaceMainLayout) })}
-        data-testid={`spacePlugin.${role}`}
-        data-isready={ready ? 'true' : 'false'}
-      >
-        {/* {actionsMap && <InFlowSpaceActions actionsMap={actionsMap} />} */}
-        {ready && <SpaceMembersSection space={space} />}
-        <KeyShortcuts />
-      </Root>
-    </ClipboardProvider>
-  );
-};

package/src/components/SpaceMain/SpaceMembersSection.tsx

@@ -1,205 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { CaretDown, Check, UserPlus, UsersThree } from '@phosphor-icons/react';
-import React, { useCallback, useState } from 'react';
-
-import { LayoutAction, useIntent } from '@dxos/app-framework';
-import { type Space, useMembers, SpaceMember, useSpaceInvitations } from '@dxos/react-client/echo';
-import { type CancellableInvitationObservable, InvitationEncoder } from '@dxos/react-client/invitations';
-import { Invitation } from '@dxos/react-client/invitations';
-import { Button, ButtonGroup, DropdownMenu, List, useTranslation } from '@dxos/react-ui';
-import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
-import { InvitationListItem, IdentityListItem } from '@dxos/shell/react';
-
-import { SPACE_PLUGIN } from '../../meta';
-
-// TODO(thure): Sync with shell?
-const activeActionKeyStorageKey = 'dxos:react-shell/space-manager/active-action';
-
-const Presence = SpaceMember.PresenceState;
-
-const handleCreateInvitationUrl = (invitationCode: string) => `${origin}?spaceInvitationCode=${invitationCode}`;
-
-const SpaceMemberList = ({ members }: { members: SpaceMember[] }) => {
-  return members.length > 0 ? (
-    <List classNames='col-start-2 col-end-5 gap-y-1 grid grid-cols-subgrid items-center'>
-      {members.map((member) => (
-        <IdentityListItem
-          classNames='contents'
-          key={member.identity.identityKey.toHex()}
-          identity={member.identity}
-          presence={member.presence}
-        />
-      ))}
-    </List>
-  ) : null;
-};
-
-export const SpaceMembersSection = ({ space }: { space: Space }) => {
-  const { t } = useTranslation(SPACE_PLUGIN);
-  const invitations = useSpaceInvitations(space.key);
-  const { dispatch } = useIntent();
-
-  const handleCloseDialog = () =>
-    dispatch({
-      action: LayoutAction.SET_LAYOUT,
-      data: { element: 'dialog', state: false },
-    });
-
-  const handleInvitationSelect = ({
-    invitation: invitationObservable,
-  }: {
-    invitation: CancellableInvitationObservable;
-  }) => {
-    const invitation = invitationObservable.get();
-    void dispatch({
-      action: LayoutAction.SET_LAYOUT,
-      data: {
-        element: 'dialog',
-        component: 'dxos.org/plugin/space/InvitationManagerDialog',
-        subject: {
-          invitationUrl: handleCreateInvitationUrl(InvitationEncoder.encode(invitation)),
-          send: handleCloseDialog,
-          status: invitation.state,
-          type: invitation.type,
-          authCode: invitation.authCode,
-          id: invitation.invitationId,
-        },
-      },
-    });
-  };
-
-  const inviteActions = {
-    inviteOne: {
-      label: t('invite one label', { ns: 'os' }),
-      description: t('invite one description', { ns: 'os' }),
-      icon: UserPlus,
-      onClick: useCallback(() => {
-        space.share?.({
-          type: Invitation.Type.INTERACTIVE,
-          authMethod: Invitation.AuthMethod.SHARED_SECRET,
-        });
-      }, [space]),
-    },
-    inviteMany: {
-      label: t('invite many label', { ns: 'os' }),
-      description: t('invite many description', { ns: 'os' }),
-      icon: UsersThree,
-      onClick: useCallback(() => {
-        space.share?.({
-          type: Invitation.Type.INTERACTIVE,
-          authMethod: Invitation.AuthMethod.NONE,
-          multiUse: true,
-        });
-      }, [space]),
-    },
-  };
-
-  const [activeActionKey, setInternalActiveActionKey] = useState<keyof typeof inviteActions>(
-    (localStorage.getItem(activeActionKeyStorageKey) as keyof typeof inviteActions) ?? 'inviteOne',
-  );
-  const setActiveActionKey = (nextKey: keyof typeof inviteActions) => {
-    setInternalActiveActionKey(nextKey);
-    localStorage.setItem(activeActionKeyStorageKey, nextKey);
-  };
-
-  const activeAction = inviteActions[activeActionKey as keyof typeof inviteActions] ?? {};
-
-  // TODO(thure): Simplify when Object.groupBy() is supported by Safari
-  //  https://caniuse.com/mdn-javascript_builtins_object_groupby
-  const members = useMembers(space.key).reduce(
-    (acc: Record<SpaceMember.PresenceState, SpaceMember[]>, member) => {
-      acc[member.presence].push(member);
-      return acc;
-    },
-    {
-      [Presence.ONLINE]: [],
-      [Presence.OFFLINE]: [],
-    },
-  );
-
-  return (
-    <section className='mbe-4 col-span-3 grid gap-y-2 grid-cols-subgrid auto-rows-min'>
-      <h2 className='contents'>
-        <UsersThree weight='duotone' className={mx(getSize(5), 'place-self-center')} />
-        <span className='text-lg col-span-2'>{t('space members label')}</span>
-      </h2>
-      <h3 className='col-start-2 col-span-3 text-sm italic text-description'>{t('invitations heading')}</h3>
-      {invitations.length > 0 && (
-        <List classNames='col-start-2 col-span-2 gap-y-2 grid grid-cols-[var(--rail-size)_1fr_var(--rail-action)_var(--rail-action)]'>
-          {invitations.map((invitation) => (
-            <InvitationListItem
-              reverseEffects
-              classNames='pis-0 pie-0 gap-0 col-span-4 grid grid-cols-subgrid'
-              key={invitation.get().invitationId}
-              invitation={invitation}
-              send={handleInvitationSelect}
-              createInvitationUrl={handleCreateInvitationUrl}
-            />
-          ))}
-        </List>
-      )}
-      <ButtonGroup classNames='col-start-2 col-end-4 grid grid-cols-[1fr_var(--rail-action)] place-self-grow gap-px'>
-        <Button classNames='gap-2' onClick={activeAction.onClick}>
-          <activeAction.icon className={getSize(5)} />
-          <span>{t(activeAction.label, { ns: 'os' })}</span>
-        </Button>
-        <DropdownMenu.Root>
-          <DropdownMenu.Trigger asChild>
-            <Button classNames='pli-0'>
-              <CaretDown className={getSize(4)} />
-            </Button>
-          </DropdownMenu.Trigger>
-          <DropdownMenu.Content>
-            <DropdownMenu.Viewport>
-              {Object.entries(inviteActions).map(([id, action]) => {
-                return (
-                  <DropdownMenu.CheckboxItem
-                    key={id}
-                    aria-labelledby={`${id}__label`}
-                    aria-describedby={`${id}__description`}
-                    checked={activeActionKey === id}
-                    onCheckedChange={(checked) => checked && setActiveActionKey(id as keyof typeof inviteActions)}
-                    classNames='gap-2'
-                  >
-                    {action.icon && <action.icon className={getSize(5)} />}
-                    <div role='none' className='flex-1 min-is-0 space-b-1'>
-                      <p id={`${id}__label`}>{t(action.label, { ns: 'os' })}</p>
-                      {action.description && (
-                        <p id={`${id}__description`} className={descriptionText}>
-                          {t(action.description, { ns: 'os' })}
-                        </p>
-                      )}
-                    </div>
-                    <DropdownMenu.ItemIndicator asChild>
-                      <Check className={getSize(4)} />
-                    </DropdownMenu.ItemIndicator>
-                  </DropdownMenu.CheckboxItem>
-                );
-              })}
-            </DropdownMenu.Viewport>
-            <DropdownMenu.Arrow />
-          </DropdownMenu.Content>
-        </DropdownMenu.Root>
-      </ButtonGroup>
-      {members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? (
-        <p className={mx(descriptionText, 'text-center is-full mlb-2')}>
-          {t('empty space members message', { ns: 'os' })}
-        </p>
-      ) : (
-        <>
-          <h3 className='col-start-2 col-end-5 text-sm italic text-description'>
-            {t('active space members heading', { count: members[Presence.ONLINE].length })}
-          </h3>
-          <SpaceMemberList members={members[Presence.ONLINE]} />
-          <h3 className='col-start-2 col-end-5 text-sm italic text-description'>
-            {t('inactive space members heading', { count: members[Presence.OFFLINE].length })}
-          </h3>
-          <SpaceMemberList members={members[Presence.OFFLINE]} />
-        </>
-      )}
-    </section>
-  );
-};

package/src/components/SpaceMain/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './SpaceMain';