@dxos/plugin-client 0.8.4-main.b97322e → 0.8.4-main.bcb3aa67d6

package/src/components/JoinDialog.tsx

@@ -1,53 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
-import { ObservabilityAction } from '@dxos/plugin-observability/types';
-import { type InvitationResult } from '@dxos/react-client/invitations';
-import { Dialog, useTranslation } from '@dxos/react-ui';
-import { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';
-
-import { CLIENT_PLUGIN } from '../meta';
-import { ClientAction } from '../types';
-
-export const JOIN_DIALOG = `${CLIENT_PLUGIN}/JoinDialog`;
-
-export const JoinDialog = (props: JoinPanelProps) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { t } = useTranslation(CLIENT_PLUGIN);
-
-  const handleCancelResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ShareIdentity)), [dispatch]);
-
-  const handleDone = useCallback(
-    async (result: InvitationResult | null) => {
-      if (result?.identityKey) {
-        await Promise.all([
-          dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } })),
-          dispatch(
-            createIntent(ObservabilityAction.SendEvent, {
-              name: props.initialDisposition === 'recover-identity' ? 'identity.recover' : 'identity.join',
-            }),
-          ),
-        ]);
-      }
-    },
-    [dispatch],
-  );
-
-  return (
-    <Dialog.Content>
-      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: 'os' })}</Dialog.Title>
-      <JoinPanel
-        mode='halo-only'
-        {...props}
-        exitActionParent={<Dialog.Close asChild />}
-        doneActionParent={<Dialog.Close asChild />}
-        onCancelResetStorage={handleCancelResetStorage}
-        onDone={handleDone}
-      />
-    </Dialog.Content>
-  );
-};

package/src/components/ProfileContainer.stories.tsx

@@ -1,29 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { ProfileContainer } from './ProfileContainer';
-import { translations } from '../translations';
-
-const meta: Meta = {
-  title: 'plugins/plugin-client/ProfileContainer',
-  component: ProfileContainer,
-  decorators: [withClientProvider({ createIdentity: true }), withTheme, withLayout()],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof ProfileContainer>;
-
-export const Default: Story = {};

package/src/components/RecoveryCredentialsContainer.stories.tsx

@@ -1,44 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { RecoveryCredentialsContainer } from './RecoveryCredentialsContainer';
-import { ClientPlugin } from '../ClientPlugin';
-import { translations } from '../translations';
-
-const meta: Meta = {
-  title: 'plugins/plugin-client/RecoveryCredentialsContainer',
-  component: RecoveryCredentialsContainer,
-  decorators: [
-    withPluginManager({
-      plugins: [
-        ClientPlugin({
-          onClientInitialized: async (_, client) => {
-            await client.halo.createIdentity();
-          },
-        }),
-        IntentPlugin(),
-      ],
-    }),
-    withTheme,
-    withLayout(),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof RecoveryCredentialsContainer>;
-
-export const Default: Story = {};

package/src/components/RecoveryCredentialsContainer.tsx

@@ -1,73 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
-import { useCredentials } from '@dxos/react-client/halo';
-import { Icon, IconButton, List, ListItem, useTranslation, Message } from '@dxos/react-ui';
-import { ControlGroup, ControlItem, ControlPage, ControlSection } from '@dxos/react-ui-form';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { CLIENT_PLUGIN } from '../meta';
-import { ClientAction } from '../types';
-
-export const MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;
-
-export const RecoveryCredentialsContainer = () => {
-  const { t } = useTranslation(CLIENT_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const credentials = useCredentials();
-  const recoveryCredentials = credentials.filter(
-    (credential) => credential.subject.assertion['@type'] === 'dxos.halo.credentials.IdentityRecovery',
-  );
-
-  return (
-    <StackItem.Content classNames='block overflow-y-auto'>
-      <ControlPage>
-        <ControlSection title={t('recovery setup dialog title')} description={t('recovery setup dialog description')}>
-          <ControlGroup>
-            <ControlItem title={t('create passkey label')} description={t('create passkey description')}>
-              <IconButton
-                label={t('create passkey label')}
-                icon='ph--key--duotone'
-                variant='primary'
-                size={5}
-                onClick={() => dispatch(createIntent(ClientAction.CreatePasskey))}
-              />
-            </ControlItem>
-            <ControlItem title={t('create recovery code label')} description={t('create recovery code description')}>
-              <IconButton
-                label={t('create recovery code label')}
-                icon='ph--receipt--duotone'
-                variant='default'
-                size={5}
-                onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}
-              />
-            </ControlItem>
-          </ControlGroup>
-        </ControlSection>
-        <ControlSection title={t('credentials list label')}>
-          {recoveryCredentials.length < 1 ? (
-            <Message.Root valence='error' classNames='container-max-width'>
-              <Message.Title icon='ph--shield-warning--duotone'>{t('no credentials title')}</Message.Title>
-              <Message.Content>{t('no credentials message')}</Message.Content>
-            </Message.Root>
-          ) : (
-            <List classNames='container-max-width pli-2'>
-              {recoveryCredentials.map((credential) => (
-                <ListItem.Root key={credential.id?.toHex()}>
-                  <ListItem.Endcap>
-                    <Icon icon='ph--key--regular' size={5} />
-                  </ListItem.Endcap>
-                  <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>
-                </ListItem.Root>
-              ))}
-            </List>
-          )}
-        </ControlSection>
-      </ControlPage>
-    </StackItem.Content>
-  );
-};

package/src/components/ResetDialog.stories.tsx

@@ -1,53 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-import React from 'react';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Dialog } from '@dxos/react-ui';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { ResetDialog, type ResetDialogProps } from './ResetDialog';
-import { translations } from '../translations';
-
-const Render = (props: ResetDialogProps) => {
-  return (
-    <Dialog.Root open>
-      <Dialog.Overlay>
-        <ResetDialog onReset={() => console.log('reset')} {...props} />
-      </Dialog.Overlay>
-    </Dialog.Root>
-  );
-};
-
-const meta: Meta<ResetDialogProps> = {
-  title: 'plugins/plugin-client/ResetDialog',
-  component: ResetDialog,
-  render: Render,
-  decorators: [
-    withPluginManager({
-      plugins: [IntentPlugin()],
-    }),
-    withTheme,
-    withLayout(),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<ResetDialogProps>;
-
-export const Default: Story = { args: { mode: 'reset storage' } };
-
-export const JoinNewIdentity: Story = { args: { mode: 'join new identity' } };
-
-export const Recover: Story = { args: { mode: 'recover' } };

package/src/components/ResetDialog.tsx

@@ -1,49 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
-import { useClient } from '@dxos/react-client';
-import { Dialog, useTranslation } from '@dxos/react-ui';
-import { ConfirmReset, type ConfirmResetProps } from '@dxos/shell/react';
-
-import { CLIENT_PLUGIN } from '../meta';
-import { type ClientPluginOptions } from '../types';
-
-export const RESET_DIALOG = `${CLIENT_PLUGIN}/ResetDialog`;
-
-export type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> & Pick<ClientPluginOptions, 'onReset'>;
-
-export const ResetDialog = ({ mode, onReset }: ResetDialogProps) => {
-  const { t } = useTranslation(CLIENT_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const client = useClient();
-
-  const handleReset = useCallback(async () => {
-    await client.reset();
-    const target =
-      mode === 'join new identity' ? 'deviceInvitation' : mode === 'recover' ? 'recoverIdentity' : undefined;
-    await onReset?.({ target });
-  }, [dispatch, client, mode, onReset]);
-
-  const handleCancel = useCallback(() => {
-    void dispatch(
-      createIntent(LayoutAction.UpdateDialog, {
-        part: 'dialog',
-        options: { state: false },
-      }),
-    );
-  }, [dispatch]);
-
-  // TODO(wittjosiah): Add the sr-only translations.
-  // TODO(wittjosiah): Add missing descriptions to other dialogs.
-  return (
-    <Dialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden'>
-      <Dialog.Title classNames='sr-only'>{t('reset dialog title')}</Dialog.Title>
-      <Dialog.Description classNames='sr-only'>{t('reset dialog description')}</Dialog.Description>
-      <ConfirmReset active mode={mode} onConfirm={handleReset} onCancel={handleCancel} />
-    </Dialog.Content>
-  );
-};

package/src/events.ts

@@ -1,15 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { defineEvent } from '@dxos/app-framework';
-
-import { CLIENT_PLUGIN } from './meta';
-
-export namespace ClientEvents {
-  export const ClientReady = defineEvent(`${CLIENT_PLUGIN}/event/client-ready`);
-  export const SetupSchema = defineEvent(`${CLIENT_PLUGIN}/event/setup-schema`);
-  export const SetupMigration = defineEvent(`${CLIENT_PLUGIN}/event/setup-migration`);
-  export const IdentityCreated = defineEvent(`${CLIENT_PLUGIN}/event/identity-created`);
-  export const SpacesReady = defineEvent(`${CLIENT_PLUGIN}/event/spaces-ready`);
-}