@dxos/plugin-space 0.8.1 → 0.8.2-main.12df754

package/src/components/SyncStatus/SyncStatusDetail.stories.tsx

@@ -1,89 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta, type StoryObj } from '@storybook/react';
-import React, { useState } from 'react';
-
-import { type Client } from '@dxos/client';
-import { faker } from '@dxos/random';
-import { useClient } from '@dxos/react-client';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { useAsyncEffect } from '@dxos/react-ui';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { SyncStatusDetail } from './SyncStatus';
-import { getSyncSummary, type SpaceSyncStateMap } from './sync-state';
-import translations from '../../translations';
-
-const random = ({ min, max }: { min: number; max: number }) => min + Math.floor(Math.random() * (max - min));
-
-const createSpaceSyncStateMap = async (client: Client): Promise<SpaceSyncStateMap> => {
-  const spaces = await Promise.all(
-    Array.from({ length: 10 }).map(() => client.spaces.create({ name: faker.company.name() })),
-  );
-
-  return spaces.reduce<SpaceSyncStateMap>((map, space, i) => {
-    if (i > 4) {
-      const total = random({ min: 10, max: 500 });
-      map[space.id] = {
-        localDocumentCount: total,
-        remoteDocumentCount: total,
-        missingOnLocal: 0,
-        missingOnRemote: 0,
-        differentDocuments: 0,
-      };
-      return map;
-    }
-
-    const total = random({ min: 10, max: 500 });
-    const haveLocal = random({ min: 0, max: total });
-    const haveRemote = random({ min: 0, max: total });
-    map[space.id] = {
-      localDocumentCount: haveLocal,
-      remoteDocumentCount: haveRemote,
-      missingOnLocal: total - haveLocal,
-      missingOnRemote: total - haveRemote,
-      differentDocuments: 0,
-    };
-
-    return map;
-  }, {});
-};
-
-const meta: Meta<typeof SyncStatusDetail> = {
-  title: 'plugins/plugin-space/SyncStatusDetail',
-  component: SyncStatusDetail,
-  decorators: [withTheme, withLayout(), withClientProvider({ createIdentity: true })],
-  parameters: {
-    translations,
-    layout: 'centered',
-  },
-  args: {
-    classNames: 'm-2 border border-separator rounded-md',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SyncStatusDetail>;
-
-export const Default: Story = {
-  render: (args) => {
-    return <SyncStatusDetail {...args} state={{}} />;
-  },
-};
-
-export const Sync: Story = {
-  render: (args) => {
-    const client = useClient();
-    const [state, setState] = useState<SpaceSyncStateMap>({});
-    useAsyncEffect(async () => {
-      setState(await createSpaceSyncStateMap(client));
-    });
-
-    return <SyncStatusDetail {...args} state={state} summary={getSyncSummary(state)} />;
-  },
-};

package/src/components/SyncStatus/sync-state.ts

@@ -1,101 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { useEffect, useState } from 'react';
-
-import { type Space, type SpaceId, type SpaceSyncState } from '@dxos/client/echo';
-import { Context } from '@dxos/context';
-import { EdgeService } from '@dxos/protocols';
-import { useClient } from '@dxos/react-client';
-
-export type Progress = { count: number; total: number };
-
-export type PeerSyncState = Omit<SpaceSyncState.PeerState, 'peerId'>;
-
-export type SpaceSyncStateMap = Record<SpaceId, PeerSyncState>;
-
-export const createEmptyEdgeSyncState = (): PeerSyncState => ({
-  missingOnLocal: 0,
-  missingOnRemote: 0,
-  localDocumentCount: 0,
-  remoteDocumentCount: 0,
-  differentDocuments: 0,
-});
-
-export const getSyncSummary = (syncMap: SpaceSyncStateMap): PeerSyncState => {
-  return Object.entries(syncMap).reduce<PeerSyncState>((summary, [_spaceId, peerState]) => {
-    summary.missingOnLocal += peerState.missingOnLocal;
-    summary.missingOnRemote += peerState.missingOnRemote;
-    summary.localDocumentCount += peerState.localDocumentCount;
-    summary.remoteDocumentCount += peerState.remoteDocumentCount;
-    summary.differentDocuments += peerState.differentDocuments;
-    return summary;
-  }, createEmptyEdgeSyncState());
-};
-
-const isEdgePeerId = (peerId: string, spaceId: SpaceId) =>
-  peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
-
-/**
- * Hook Subscribes to sync state for each space.
- */
-export const useSyncState = (): SpaceSyncStateMap => {
-  const client = useClient();
-  const [spaceState, setSpaceState] = useState<SpaceSyncStateMap>({});
-
-  useEffect(() => {
-    const ctx = new Context();
-    const createSubscriptions = (spaces: Space[]) => {
-      for (const space of spaces) {
-        if (spaceState[space.id]) {
-          continue;
-        }
-
-        ctx.onDispose(
-          space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
-            const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
-            if (syncState) {
-              setSpaceState((spaceState) => ({ ...spaceState, [space.id]: syncState }));
-            }
-          }),
-        );
-      }
-    };
-
-    createSubscriptions(client.spaces.get());
-    client.spaces.subscribe((spaces) => {
-      createSubscriptions(spaces);
-    });
-
-    return () => {
-      void ctx.dispose();
-    };
-  }, [client]);
-
-  return spaceState;
-};
-
-/**
- * Hook Subscribes to sync state for a single space.
- */
-// TODO(wittjosiah): Reconcile w/ useSyncState.
-export const useSpaceSyncState = (space: Space): PeerSyncState | undefined => {
-  const [spaceState, setSpaceState] = useState<PeerSyncState>();
-
-  useEffect(() => {
-    const ctx = new Context();
-    space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
-      const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
-      if (syncState) {
-        setSpaceState(syncState);
-      }
-    });
-
-    return () => {
-      void ctx.dispose();
-    };
-  }, [space]);
-
-  return spaceState;
-};