@dxos/plugin-space 0.6.14-staging.e15392e → 0.7.0

package/src/components/SyncStatus/SyncStatus.tsx

@@ -2,73 +2,76 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type HTMLAttributes, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import { StatusBar } from '@dxos/plugin-status-bar';
+import { useClient } from '@dxos/react-client';
 import { Icon, Popover, useTranslation } from '@dxos/react-ui';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 import { mx } from '@dxos/react-ui-theme';
 
-import { type Progress, type PeerSyncState, type SpaceSyncStateMap, getSyncSummary, useSyncState } from './types';
+import { SpaceRow, SYNC_STALLED_TIMEOUT } from './Space';
+import { createClientSaveTracker } from './save-tracker';
+import { getIcon, getStatus } from './status';
+import { type PeerSyncState, type SpaceSyncStateMap, getSyncSummary, useSyncState } from './sync-state';
 import { SPACE_PLUGIN } from '../../meta';
 
-const SYNC_STALLED_TIMEOUT = 5_000;
-
-const styles = {
-  barBg: 'bg-neutral-50 dark:bg-green-900 text-black',
-  barFg: 'bg-neutral-100 bg-green-500',
-  barHover: 'dark:hover:bg-green-500',
-};
-
 export const SyncStatus = () => {
+  const client = useClient();
   const state = useSyncState();
-  return <SyncStatusIndicator state={state} />;
+  const [saved, setSaved] = useState(true);
+
+  useEffect(() => {
+    return createClientSaveTracker(client, (state) => {
+      setSaved(state === 'saved');
+    });
+  }, []);
+
+  return <SyncStatusIndicator state={state} saved={saved} />;
 };
 
-export const SyncStatusIndicator = ({ state }: { state: SpaceSyncStateMap }) => {
+export const SyncStatusIndicator = ({ state, saved }: { state: SpaceSyncStateMap; saved: Boolean }) => {
+  const { t } = useTranslation(SPACE_PLUGIN);
   const summary = getSyncSummary(state);
-  const offline = false;
-
+  const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
   const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
+  const status = getStatus({ offline, saved, needsToUpload, needsToDownload });
+
   const [classNames, setClassNames] = useState<string>();
   useEffect(() => {
     setClassNames(undefined);
-    if (!needsToUpload && !needsToDownload) {
+    if (offline || (!needsToUpload && !needsToDownload)) {
       return;
     }
 
     const t = setTimeout(() => {
+      // TODO(wittjosiah): Use semantic color tokens.
       setClassNames('text-orange-500');
     }, SYNC_STALLED_TIMEOUT);
     return () => clearTimeout(t);
-  }, [needsToUpload, needsToDownload]);
+  }, [offline, needsToUpload, needsToDownload]);
 
-  return (
-    <StatusBar.Item>
+  const title = t(`${status} label`);
+  const icon = <Icon icon={getIcon(status)} size={4} classNames={classNames} />;
+
+  if (offline) {
+    return <StatusBar.Item title={title}>{icon}</StatusBar.Item>;
+  } else {
+    return (
       <Popover.Root>
-        <Popover.Trigger>
-          <Icon
-            icon={
-              offline
-                ? 'ph--cloud-x--regular'
-                : needsToUpload
-                  ? 'ph--cloud-arrow-up--regular'
-                  : needsToDownload
-                    ? 'ph--cloud-arrow-down--regular'
-                    : 'ph--cloud-check--regular'
-            }
-            size={4}
-            classNames={classNames}
-          />
+        <Popover.Trigger asChild>
+          <StatusBar.Button title={title}>{icon}</StatusBar.Button>
         </Popover.Trigger>
-        <Popover.Content sideOffset={16}>
-          <SyncStatusDetail state={state} summary={summary} debug={false} />
-        </Popover.Content>
+        <Popover.Portal>
+          <Popover.Content sideOffset={16}>
+            <SyncStatusDetail state={state} summary={summary} debug={false} />
+          </Popover.Content>
+        </Popover.Portal>
       </Popover.Root>
-    </StatusBar.Item>
-  );
+    );
+  }
 };
 
 export const SyncStatusDetail = ({
@@ -86,9 +89,9 @@ export const SyncStatusDetail = ({
 
   // TODO(burdon): Normalize to max document count?
   return (
-    <div className={mx('flex flex-col text-xs min-w-[16rem]', classNames)}>
-      <h1 className='p-2'>{t('sync status title')}</h1>
-      <div className='flex flex-col gap-[2px] my-[2px]'>
+    <div className={mx('flex flex-col gap-3 p-2 text-xs min-w-[16rem]', classNames)}>
+      <h1>{t('sync status title')}</h1>
+      <div className='flex flex-col gap-2'>
         {entries.map(([spaceId, state]) => (
           <SpaceRow key={spaceId} spaceId={spaceId} state={state} />
         ))}
@@ -97,92 +100,3 @@ export const SyncStatusDetail = ({
     </div>
   );
 };
-
-const useActive = (count: number) => {
-  const [current, setCurrent] = useState(count);
-  const [active, setActive] = useState(false);
-  useEffect(() => {
-    let t: NodeJS.Timeout | undefined;
-    if (count !== current) {
-      setActive(true);
-      setCurrent(count);
-      t && clearTimeout(t);
-      t = setTimeout(() => {
-        setActive(false);
-      }, SYNC_STALLED_TIMEOUT);
-    }
-
-    return () => {
-      setActive(false);
-      clearTimeout(t);
-    };
-  }, [count, current]);
-  return active;
-};
-
-const SpaceRow = ({
-  spaceId,
-  state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote },
-}: {
-  spaceId: string;
-  state: PeerSyncState;
-}) => {
-  const downActive = useActive(localDocumentCount);
-  const upActive = useActive(remoteDocumentCount);
-
-  return (
-    <div
-      className={mx('flex items-center mx-[2px] gap-[2px] cursor-pointer', styles.barHover)}
-      title={spaceId}
-      onClick={() => {
-        void navigator.clipboard.writeText(spaceId);
-      }}
-    >
-      <Icon
-        icon='ph--arrow-fat-line-left--regular'
-        size={3}
-        classNames={mx(downActive && 'animate-[pulse_1s_infinite]')}
-      />
-      <Candle
-        up={{ count: remoteDocumentCount, total: remoteDocumentCount + missingOnRemote }}
-        down={{ count: localDocumentCount, total: localDocumentCount + missingOnLocal }}
-        title={spaceId}
-      />
-      <Icon
-        icon='ph--arrow-fat-line-right--regular'
-        size={3}
-        classNames={mx(upActive && 'animate-[pulse_1s_step-start_infinite]')}
-      />
-    </div>
-  );
-};
-
-type CandleProps = ThemedClassName<Pick<HTMLAttributes<HTMLDivElement>, 'title'>> & { up: Progress; down: Progress };
-
-const Candle = ({ classNames, up, down }: CandleProps) => {
-  return (
-    <div className={mx('grid grid-cols-[1fr_2rem_1fr] w-full h-3', classNames)}>
-      <Bar classNames='justify-end' {...up} />
-      <div className='relative'>
-        <div className={mx('absolute inset-0 flex items-center justify-center text-xs', styles.barBg)}>{up.total}</div>
-      </div>
-      <Bar {...down} />
-    </div>
-  );
-};
-
-const Bar = ({ classNames, count, total }: ThemedClassName<Progress>) => {
-  let p = (count / total) * 100;
-  if (count < total) {
-    p = Math.min(p, 95);
-  }
-
-  return (
-    <div className={mx('relative flex w-full', styles.barBg, classNames)}>
-      <div className={mx('shrink-0', styles.barFg)} style={{ width: `${p}%` }}></div>
-      {count !== total && (
-        <div className='absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs'>{count}</div>
-      )}
-    </div>
-  );
-};

package/src/components/{SaveStatus.tsx → SyncStatus/save-tracker.ts}

@@ -2,36 +2,12 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useEffect, useState } from 'react';
-
 import { type UnsubscribeCallback } from '@dxos/async';
 import { type Client } from '@dxos/client';
 import { type Space, type SpaceId } from '@dxos/client/echo';
 import { Context } from '@dxos/context';
-import { StatusBar } from '@dxos/plugin-status-bar';
-import { useClient } from '@dxos/react-client';
-import { Icon, useTranslation } from '@dxos/react-ui';
-
-import { SPACE_PLUGIN } from '../meta';
-
-export const SaveStatus = () => {
-  const { t } = useTranslation(SPACE_PLUGIN);
-  const client = useClient();
-  const [state, setState] = useState<'saved' | 'saving'>('saved');
-  useEffect(() => {
-    return createClientSaveTracker(client, (state) => {
-      setState(state);
-    });
-  }, []);
-
-  return (
-    <StatusBar.Item title={state === 'saving' ? t('saving label') : t('saved label')}>
-      <Icon icon={state === 'saving' ? 'ph--arrows-clockwise--regular' : 'ph--check-circle--regular'} size={4} />
-    </StatusBar.Item>
-  );
-};
 
-const createClientSaveTracker = (client: Client, cb: (state: 'saved' | 'saving') => void) => {
+export const createClientSaveTracker = (client: Client, cb: (state: 'saved' | 'saving') => void) => {
   const unsubscribeCallbacks: Record<SpaceId, UnsubscribeCallback> = {};
   const state: Record<SpaceId, 'saved' | 'saving'> = {};
 

package/src/components/SyncStatus/status.ts

@@ -0,0 +1,44 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export type Status = 'saving locally' | 'downloading' | 'uploading' | 'offline persisted' | 'remote synced';
+
+export const getStatus = ({
+  offline,
+  saved,
+  needsToUpload,
+  needsToDownload,
+}: {
+  offline: Boolean;
+  saved: Boolean;
+  needsToUpload: Boolean;
+  needsToDownload: Boolean;
+}): Status => {
+  if (!saved) {
+    return 'saving locally';
+  } else if (!offline && needsToDownload) {
+    return 'downloading';
+  } else if (!offline && needsToUpload) {
+    return 'uploading';
+  } else if (offline && !needsToUpload && !needsToDownload) {
+    return 'offline persisted';
+  } else {
+    return 'remote synced';
+  }
+};
+
+export const getIcon = (status: Status) => {
+  switch (status) {
+    case 'saving locally':
+      return 'ph--download--regular';
+    case 'downloading':
+      return 'ph--cloud-arrow-down--regular';
+    case 'uploading':
+      return 'ph--cloud-arrow-up--regular';
+    case 'offline persisted':
+      return 'ph--check-circle--regular';
+    case 'remote synced':
+      return 'ph--cloud-check--regular';
+  }
+};

package/src/components/index.ts

@@ -6,15 +6,13 @@ export * from './AwaitingObject';
 export * from './CollectionMain';
 export * from './CollectionSection';
 export * from './DefaultObjectSettings';
+export * from './JoinDialog';
 export * from './MenuFooter';
-export * from './MissingObject';
 export * from './PersistenceStatus';
 export * from './PopoverRenameObject';
 export * from './PopoverRenameSpace';
 export * from './ShareSpaceButton';
-export * from './SpaceMain';
 export * from './SpacePresence';
+export * from './SpacePluginSettings';
 export * from './SpaceSettings';
-export * from './SpaceSettingsPanel';
-export * from './SaveStatus';
 export * from './SyncStatus';

package/src/meta.ts

@@ -25,9 +25,10 @@ export enum SpaceAction {
   CLOSE = `${SPACE_ACTION}/close`,
   MIGRATE = `${SPACE_ACTION}/migrate`,
   ADD_OBJECT = `${SPACE_ACTION}/add-object`,
-  REMOVE_OBJECT = `${SPACE_ACTION}/remove-object`,
+  REMOVE_OBJECTS = `${SPACE_ACTION}/remove-objects`,
   RENAME_OBJECT = `${SPACE_ACTION}/rename-object`,
   DUPLICATE_OBJECT = `${SPACE_ACTION}/duplicate-object`,
   WAIT_FOR_OBJECT = `${SPACE_ACTION}/wait-for-object`,
   TOGGLE_HIDDEN = `${SPACE_ACTION}/toggle-hidden`,
+  OPEN_SETTINGS = `${SPACE_ACTION}/open-settings`,
 }

package/src/translations.ts

@@ -47,6 +47,7 @@ export default [
         'delete object label': 'Delete item',
         'collection deleted label': 'Collection deleted',
         'object deleted label': 'Item deleted',
+        'objects deleted label': 'Items deleted',
         'go to object label': 'Open item',
         'found object label': 'Ready.',
         'found object description': 'The requested object is now available.',
@@ -94,6 +95,15 @@ export default [
         'name placeholder': 'Name',
         'unnamed object settings label': 'Settings',
         'edge replication label': 'Enable EDGE Replication',
+        'saving locally label': 'Writing to disk',
+        'downloading label': 'Replicating from peers',
+        'uploading label': 'Replicating to peers',
+        'offline persisted label': 'Saved to disk (offline)',
+        'remote synced label': 'Synced with peers',
+        'open settings panel label': 'Show Settings',
+        'open space settings label': 'Space Settings',
+        'members tab label': 'Members',
+        'settings tab label': 'Settings',
       },
     },
   },

package/src/types/types.ts

@@ -14,6 +14,7 @@ import type {
 } from '@dxos/app-framework';
 import { type Expando } from '@dxos/echo-schema';
 import { type SchemaProvides } from '@dxos/plugin-client';
+import { type PanelProvides } from '@dxos/plugin-deck/types';
 import { type PublicKey } from '@dxos/react-client';
 import { type Space } from '@dxos/react-client/echo';
 import { type Label } from '@dxos/react-ui';
@@ -54,6 +55,12 @@ export type PluginState = {
    */
   // TODO(wittjosiah): Factor out to sdk. Migration running should probably be a space state.
   sdkMigrationRunning: Record<string, boolean>;
+
+  /**
+   * Whether or not the user can navigate to collections in the graph.
+   * Determined by whether or not there is an available plugin that can render a collection.
+   */
+  navigableCollections: boolean;
 };
 
 export type SpaceSettingsProps = {
@@ -87,7 +94,8 @@ export type SpacePluginProvides = SurfaceProvides &
   MetadataRecordsProvides &
   SettingsProvides<SpaceSettingsProps> &
   TranslationsProvides &
-  SchemaProvides & {
+  SchemaProvides &
+  PanelProvides & {
     space: Readonly<PluginState>;
   };
 

package/src/util.tsx

@@ -92,15 +92,18 @@ export const getSpaceDisplayName = (
 };
 
 const getCollectionGraphNodePartials = ({
+  navigable,
   collection,
   space,
   resolve,
 }: {
+  navigable: boolean;
   collection: CollectionType;
   space: Space;
   resolve: MetadataResolver;
 }) => {
   return {
+    disabled: !navigable,
     acceptPersistenceClass: new Set(['echo']),
     acceptPersistenceKey: new Set([space.id]),
     role: 'branch',
@@ -176,11 +179,13 @@ const checkPendingMigration = (space: Space) => {
 
 export const constructSpaceNode = ({
   space,
+  navigable = false,
   personal,
   namesCache,
   resolve,
 }: {
   space: Space;
+  navigable?: boolean;
   personal?: boolean;
   namesCache?: Record<string, string>;
   resolve: MetadataResolver;
@@ -189,7 +194,7 @@ export const constructSpaceNode = ({
   const collection = space.state.get() === SpaceState.SPACE_READY && space.properties[CollectionType.typename];
   const partials =
     space.state.get() === SpaceState.SPACE_READY && collection instanceof CollectionType
-      ? getCollectionGraphNodePartials({ collection, space, resolve })
+      ? getCollectionGraphNodePartials({ collection, space, resolve, navigable })
       : {};
 
   return {
@@ -201,13 +206,21 @@ export const constructSpaceNode = ({
       label: getSpaceDisplayName(space, { personal, namesCache }),
       description: space.state.get() === SpaceState.SPACE_READY && space.properties.description,
       icon: 'ph--planet--regular',
-      disabled: space.state.get() !== SpaceState.SPACE_READY || hasPendingMigration,
+      disabled: !navigable || space.state.get() !== SpaceState.SPACE_READY || hasPendingMigration,
       testId: 'spacePlugin.space',
     },
   };
 };
 
-export const constructSpaceActionGroups = ({ space, dispatch }: { space: Space; dispatch: IntentDispatcher }) => {
+export const constructSpaceActionGroups = ({
+  space,
+  navigable,
+  dispatch,
+}: {
+  space: Space;
+  navigable: boolean;
+  dispatch: IntentDispatcher;
+}) => {
   const state = space.state.get();
   const hasPendingMigration = checkPendingMigration(space);
   const getId = (id: string) => `${id}/${space.id}`;
@@ -226,8 +239,6 @@ export const constructSpaceActionGroups = ({ space, dispatch }: { space: Space;
         label: ['create object in space label', { ns: SPACE_PLUGIN }],
         icon: 'ph--plus--regular',
         disposition: 'toolbar',
-        // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
-        // mainAreaDisposition: 'in-flow',
         menuType: 'searchList',
         testId: 'spacePlugin.createObject',
       },
@@ -242,9 +253,13 @@ export const constructSpaceActionGroups = ({ space, dispatch }: { space: Space;
                 action: SpaceAction.ADD_OBJECT,
                 data: { target: collection, object: create(CollectionType, { objects: [], views: {} }) },
               },
-              {
-                action: NavigationAction.OPEN,
-              },
+              ...(navigable
+                ? [
+                    {
+                      action: NavigationAction.OPEN,
+                    },
+                  ]
+                : []),
             ]),
           properties: {
             label: ['create collection label', { ns: SPACE_PLUGIN }],
@@ -286,7 +301,6 @@ export const constructSpaceActions = ({
         label: ['migrate space label', { ns: SPACE_PLUGIN }],
         icon: 'ph--database--regular',
         disposition: 'toolbar',
-        mainAreaDisposition: 'in-flow',
         disabled: migrating || Migrations.running(space),
       },
     });
@@ -302,7 +316,7 @@ export const constructSpaceActions = ({
           if (locked) {
             return;
           }
-          await dispatch({ plugin: SPACE_PLUGIN, action: SpaceAction.SHARE, data: { spaceId: space.id } });
+          await dispatch({ plugin: SPACE_PLUGIN, action: SpaceAction.SHARE, data: { space } });
         },
         properties: {
           label: ['share space label', { ns: SPACE_PLUGIN }],
@@ -312,7 +326,6 @@ export const constructSpaceActions = ({
             macos: 'meta+.',
             windows: 'alt+.',
           },
-          mainAreaDisposition: 'absent',
         },
       },
       {
@@ -343,12 +356,23 @@ export const constructSpaceActions = ({
             macos: 'shift+F6',
             windows: 'shift+F6',
           },
-          mainAreaDisposition: 'absent',
+        },
+      },
+      {
+        id: getId(SpaceAction.OPEN_SETTINGS),
+        type: ACTION_TYPE,
+        data: async () => {
+          await dispatch({ plugin: SPACE_PLUGIN, action: SpaceAction.OPEN_SETTINGS, data: { space } });
+        },
+        properties: {
+          label: ['open space settings label', { ns: SPACE_PLUGIN }],
+          icon: 'ph--gear--regular',
         },
       },
     );
   }
 
+  // TODO(wittjosiah): Consider moving close space into the space settings dialog.
   if (state !== SpaceState.SPACE_INACTIVE && !hasPendingMigration) {
     actions.push({
       id: getId(SpaceAction.CLOSE),
@@ -359,7 +383,6 @@ export const constructSpaceActions = ({
       properties: {
         label: ['close space label', { ns: SPACE_PLUGIN }],
         icon: 'ph--x--regular',
-        mainAreaDisposition: 'menu',
         disabled: personal,
       },
     });
@@ -376,7 +399,6 @@ export const constructSpaceActions = ({
         label: ['open space label', { ns: SPACE_PLUGIN }],
         icon: 'ph--clock-counter-clockwise--regular',
         disposition: 'toolbar',
-        mainAreaDisposition: 'in-flow',
       },
     });
   }
@@ -387,10 +409,12 @@ export const constructSpaceActions = ({
 export const createObjectNode = ({
   object,
   space,
+  navigable = false,
   resolve,
 }: {
   object: EchoReactiveObject<any>;
   space: Space;
+  navigable?: boolean;
   resolve: MetadataResolver;
 }) => {
   const type = getTypename(object);
@@ -405,7 +429,7 @@ export const createObjectNode = ({
 
   const partials =
     object instanceof CollectionType
-      ? getCollectionGraphNodePartials({ collection: object, space, resolve })
+      ? getCollectionGraphNodePartials({ collection: object, space, resolve, navigable })
       : metadata.graphProps;
 
   return {
@@ -427,9 +451,11 @@ export const createObjectNode = ({
 
 export const constructObjectActionGroups = ({
   object,
+  navigable,
   dispatch,
 }: {
   object: EchoReactiveObject<any>;
+  navigable: boolean;
   dispatch: IntentDispatcher;
 }) => {
   if (!(object instanceof CollectionType)) {
@@ -447,8 +473,6 @@ export const constructObjectActionGroups = ({
         label: ['create object in collection label', { ns: SPACE_PLUGIN }],
         icon: 'ph--plus--regular',
         disposition: 'toolbar',
-        // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
-        // mainAreaDisposition: 'in-flow',
         menuType: 'searchList',
         testId: 'spacePlugin.createObject',
       },
@@ -463,9 +487,13 @@ export const constructObjectActionGroups = ({
                 action: SpaceAction.ADD_OBJECT,
                 data: { target: collection, object: create(CollectionType, { objects: [], views: {} }) },
               },
-              {
-                action: NavigationAction.OPEN,
-              },
+              ...(navigable
+                ? [
+                    {
+                      action: NavigationAction.OPEN,
+                    },
+                  ]
+                : []),
             ]),
           properties: {
             label: ['create collection label', { ns: SPACE_PLUGIN }],
@@ -511,7 +539,7 @@ export const constructObjectActions = ({
       },
     },
     {
-      id: getId(SpaceAction.REMOVE_OBJECT),
+      id: getId(SpaceAction.REMOVE_OBJECTS),
       type: ACTION_TYPE,
       data: async () => {
         const graph = getGraph(node);
@@ -520,8 +548,8 @@ export const constructObjectActions = ({
           .find(({ data }) => data instanceof CollectionType)?.data;
         await dispatch([
           {
-            action: SpaceAction.REMOVE_OBJECT,
-            data: { object, collection },
+            action: SpaceAction.REMOVE_OBJECTS,
+            data: { objects: [object], collection },
           },
         ]);
       },

package/dist/types/src/components/MissingObject.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const MissingObject: ({ id }: {
-    id: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=MissingObject.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MissingObject.d.ts","sourceRoot":"","sources":["../../../../src/components/MissingObject.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,eAAO,MAAM,aAAa,WAAY;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,sBAuCnD,CAAC"}

package/dist/types/src/components/SaveStatus.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const SaveStatus: () => React.JSX.Element;
-//# sourceMappingURL=SaveStatus.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SaveStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/SaveStatus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,eAAO,MAAM,UAAU,yBAetB,CAAC"}

package/dist/types/src/components/SpaceMain/SpaceMain.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type Space } from '@dxos/react-client/echo';
-/**
- * @deprecated
- */
-export declare const SpaceMain: ({ space, role }: {
-    space: Space;
-    role: "main" | "article";
-}) => React.JSX.Element;
-//# sourceMappingURL=SpaceMain.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceMain.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceMain/SpaceMain.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AA0BjE;;GAEG;AAEH,eAAO,MAAM,SAAS,oBAAqB;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,sBAqBpF,CAAC"}

package/dist/types/src/components/SpaceMain/SpaceMembersSection.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type Space } from '@dxos/react-client/echo';
-export declare const SpaceMembersSection: ({ space }: {
-    space: Space;
-}) => React.JSX.Element;
-//# sourceMappingURL=SpaceMembersSection.d.ts.map

package/dist/types/src/components/SpaceMain/SpaceMembersSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceMembersSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceMain/SpaceMembersSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,KAAK,KAAK,EAAgD,MAAM,yBAAyB,CAAC;AA+BnG,eAAO,MAAM,mBAAmB,cAAe;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,sBAqK9D,CAAC"}

package/dist/types/src/components/SpaceMain/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SpaceMain';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/SpaceMain/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SpaceMain/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}