@dxos/plugin-space 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

package/src/capabilities/react-root/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactRoot = Capability.lazy('ReactRoot', () => import('./react-root'));

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/repair/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const Repair = Capability.lazy('Repair', () => import('./repair'));

package/src/capabilities/repair/repair.ts

@@ -1,67 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { Capability } from '@dxos/app-framework';
-import { Obj, Ref, Type } from '@dxos/echo';
-import { type Space } from '@dxos/react-client/echo';
-import { Collection } from '@dxos/schema';
-
-import { SpaceCapabilities } from '../../types';
-
-export default Capability.makeModule(() =>
-  Effect.succeed(
-    Capability.contributes(SpaceCapabilities.Repair, async ({ space }: { space: Space }) => {
-      await removeQueryCollections(space);
-      await ensureSystemCollection(space);
-    }),
-  ),
-);
-
-/**
- * Remove all existing query collections from the root collection.
- */
-const removeQueryCollections = async (space: Space) => {
-  const rootCollection: Collection.Collection = await space.properties[Collection.Collection.typename]?.load();
-  if (!rootCollection) {
-    return;
-  }
-
-  const objects = await Promise.all(rootCollection.objects.map((ref) => ref.load()));
-  const queryCollections = objects.filter((object) => Obj.getTypename(object) === 'dxos.org/type/QueryCollection');
-  if (queryCollections.length === 0) {
-    return;
-  }
-
-  Obj.change(rootCollection, (c) => {
-    c.objects = objects
-      .filter((object) => Obj.getTypename(object) !== 'dxos.org/type/QueryCollection')
-      .map((object) => Ref.make(object));
-  });
-  queryCollections.forEach((object) => space.db.remove(object));
-};
-
-/**
- * Ensure the root collection has a system collection for StoredSchema.
- */
-const ensureSystemCollection = async (space: Space) => {
-  const rootCollection: Collection.Collection = await space.properties[Collection.Collection.typename]?.load();
-  if (!rootCollection) {
-    return;
-  }
-
-  const objects = await Promise.all(rootCollection.objects.map((ref) => ref.load()));
-  const records = objects.find(
-    (object) => Obj.instanceOf(Collection.Managed, object) && object.key === Type.getTypename(Type.PersistentType),
-  );
-  if (records) {
-    return;
-  }
-
-  const recordsCollectionRef = Ref.make(Collection.makeManaged({ key: Type.getTypename(Type.PersistentType) }));
-  Obj.change(rootCollection, (c) => {
-    c.objects.push(recordsCollectionRef);
-  });
-};

package/src/capabilities/settings/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const SpaceSettings = Capability.lazy('SpaceSettings', () => import('./settings'));

package/src/capabilities/spaces-ready/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const SpacesReady = Capability.lazy('SpacesReady', () => import('./spaces-ready'));

package/src/capabilities/state/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const SpaceState = Capability.lazy('SpaceState', () => import('./state'));

package/src/components/CollectionArticle.tsx

@@ -1,153 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useMemo } from 'react';
-
-import { Common } from '@dxos/app-framework';
-import { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';
-import { Filter, Obj } from '@dxos/echo';
-import { useClient } from '@dxos/react-client';
-import { getSpace, useQuery } from '@dxos/react-client/echo';
-import { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';
-import { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';
-import { Collection } from '@dxos/schema';
-import { getStyles } from '@dxos/ui-theme';
-
-import { meta } from '../meta';
-
-/**
- * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.
- */
-const useMetadataResolver = () => {
-  const allMetadata = useCapabilities(Common.Capability.Metadata);
-  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);
-};
-
-/**
- * Article view for collections.
- */
-export const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {
-  const { t } = useTranslation(meta.id);
-  const resolveMetadata = useMetadataResolver();
-  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);
-
-  return (
-    <Layout.Main toolbar>
-      <SearchList.Root onSearch={handleSearch}>
-        <Toolbar.Root>
-          <SearchList.Input placeholder={t('search placeholder')} />
-        </Toolbar.Root>
-        <SearchList.Content>
-          <Mosaic.Container asChild>
-            <Mosaic.Viewport padding>
-              <Mosaic.Stack items={items} getId={(item) => item.id} Tile={ObjectTile} />
-            </Mosaic.Viewport>
-          </Mosaic.Container>
-        </SearchList.Content>
-      </SearchList.Root>
-    </Layout.Main>
-  );
-};
-
-type ObjectItem = {
-  id: string;
-  object: Obj.Unknown;
-  icon: string;
-  iconHue?: string;
-};
-
-const ObjectTile: StackTileComponent<ObjectItem> = ({ data: item }) => {
-  const { t } = useTranslation(meta.id);
-  const { invokeSync } = useOperationInvoker();
-
-  const typename = Obj.getTypename(item.object) ?? '';
-  const label =
-    Obj.getLabel(item.object) ??
-    toLocalizedString(['object name placeholder', { ns: typename, defaultValue: item.id }], t);
-  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;
-
-  const handleClick = () => {
-    invokeSync(Common.LayoutOperation.Open, { subject: [item.id] });
-  };
-
-  return (
-    <Card.Root fullWidth>
-      <Card.Toolbar>
-        <Card.ToolbarIconButton variant='ghost' label={label} icon={item.icon} iconOnly iconClassNames={styles?.icon} />
-        <Card.Title onClick={handleClick}>{label}</Card.Title>
-        <Card.Menu />
-      </Card.Toolbar>
-    </Card.Root>
-  );
-};
-
-export default CollectionArticle;
-
-/**
- * Hook to get items from a regular collection.
- */
-const useRegularCollectionItems = (collection: Collection.Collection): Obj.Unknown[] => {
-  return useMemo(
-    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),
-    [collection.objects],
-  );
-};
-
-/**
- * Hook to get items from a managed collection by querying the space.
- */
-const useManagedCollectionItems = (collection: Collection.Managed): Obj.Unknown[] => {
-  const client = useClient();
-  const space = getSpace(collection);
-
-  const schema = useMemo(
-    () => client.graph.schemaRegistry.query({ typename: collection.key, location: ['runtime'] }).runSync()[0],
-    [client, collection],
-  );
-
-  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
-};
-
-type MetadataResolver = (typename: string) => { icon?: string; iconHue?: string };
-
-/**
- * Combined hook to get collection items with search/filter support.
- */
-const useCollectionItems = (
-  collection: Collection.Collection | Collection.Managed,
-  resolveMetadata: MetadataResolver,
-) => {
-  const isManaged = Obj.instanceOf(Collection.Managed, collection);
-
-  // Call both hooks unconditionally to satisfy React's rules of hooks.
-  const regularObjects = useRegularCollectionItems(collection as Collection.Collection);
-  const managedObjects = useManagedCollectionItems(collection as Collection.Managed);
-
-  const objects = isManaged ? managedObjects : regularObjects;
-
-  // Convert objects to items with resolved metadata.
-  const items = useMemo(
-    () =>
-      objects.map((obj) => {
-        const typename = Obj.getTypename(obj);
-        const metadata = typename ? resolveMetadata(typename) : {};
-        return {
-          id: Obj.getDXN(obj).toString(),
-          object: obj,
-          icon: metadata.icon ?? 'ph--placeholder--regular',
-          iconHue: metadata.iconHue,
-        } satisfies ObjectItem;
-      }),
-    [objects, resolveMetadata],
-  );
-
-  // Use searchlist results for filtering.
-  const { results, handleSearch } = useSearchListResults({
-    items,
-    extract: (item) => Obj.getLabel(item.object) ?? item.id,
-  });
-
-  return { items: results, handleSearch };
-};

package/src/components/CollectionSection.tsx

@@ -1,22 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type SurfaceComponentProps } from '@dxos/app-framework/react';
-import { useTranslation } from '@dxos/react-ui';
-import { type Collection } from '@dxos/schema';
-
-import { meta } from '../meta';
-
-export const CollectionSection = ({ role, subject }: SurfaceComponentProps<Collection.Collection>) => {
-  const { t } = useTranslation(meta.id);
-
-  // TODO(wittjosiah): Better placeholder.
-  return (
-    <div role={role} className='min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center'>
-      <span className='truncate'>{subject.name ?? t('unnamed collection label')}</span>
-    </div>
-  );
-};

package/src/components/CreateDialog/CreateObjectDialog.stories.tsx

@@ -1,91 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useEffect } from 'react';
-
-import { OperationPlugin, RuntimePlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Filter, Obj } from '@dxos/echo';
-import { useDatabase, useQuery } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { Dialog } from '@dxos/react-ui';
-import { withTheme } from '@dxos/react-ui/testing';
-import { Collection } from '@dxos/schema';
-import { translations as shellTranslations } from '@dxos/shell/react';
-
-import { translations } from '../../translations';
-
-import { CreateObjectDialog, type CreateObjectDialogProps } from './CreateObjectDialog';
-
-const DefaultStory = (props: CreateObjectDialogProps) => {
-  return (
-    <Dialog.Root open>
-      <Dialog.Overlay blockAlign='start'>
-        <CreateObjectDialog {...props} />
-      </Dialog.Overlay>
-    </Dialog.Root>
-  );
-};
-
-// TODO(wittjosiah): Story should be for CreateObjectPanel.
-const meta = {
-  title: 'plugins/plugin-space/CreateObjectDialog',
-  component: CreateObjectDialog,
-  render: DefaultStory,
-  decorators: [
-    withTheme, // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
-    withPluginManager({
-      plugins: [RuntimePlugin(), OperationPlugin()],
-    }),
-    withClientProvider({
-      createIdentity: true,
-      createSpace: true,
-      types: [Collection.Collection],
-    }),
-  ],
-  parameters: {
-    translations: [...translations, ...shellTranslations],
-  },
-  args: {},
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const Typename: Story = {
-  args: { typename: Collection.Collection.typename },
-};
-
-export const TargetSpace: Story = {
-  render: (args) => {
-    const db = useDatabase();
-
-    if (!db) {
-      return <></>;
-    }
-
-    return <DefaultStory {...args} target={db} />;
-  },
-};
-
-export const TargetCollection: Story = {
-  render: (args) => {
-    const db = useDatabase();
-    const [collection] = useQuery(db, Filter.type(Collection.Collection));
-
-    useEffect(() => {
-      db?.add(Obj.make(Collection.Collection, { name: 'My Collection', objects: [] }));
-    }, [db]);
-
-    if (!collection) {
-      return <></>;
-    }
-
-    return <DefaultStory {...args} target={collection} />;
-  },
-};

package/src/components/MembersContainer/MembersContainer.stories.tsx

@@ -1,56 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { OperationPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { useSpace } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withTheme } from '@dxos/react-ui/testing';
-import { translations as shellTranslations } from '@dxos/shell/react';
-import { render } from '@dxos/storybook-utils';
-
-import { translations } from '../../translations';
-
-import { MembersContainer } from './MembersContainer';
-
-const DefaultStory = () => {
-  const space = useSpace();
-  if (!space) {
-    return null;
-  }
-
-  return (
-    <MembersContainer
-      space={space}
-      createInvitationUrl={(invitationCode) => `https://dxos.org/invite/${invitationCode}`}
-    />
-  );
-};
-
-const meta = {
-  title: 'plugins/plugin-space/MembersContainer',
-  component: MembersContainer as any,
-  render: render(DefaultStory),
-  decorators: [
-    withTheme, // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
-    withPluginManager({ plugins: [OperationPlugin()] }),
-    withClientProvider({
-      createIdentity: true,
-      createSpace: true,
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations: [...translations, ...shellTranslations],
-  },
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/src/components/MembersContainer/index.ts

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

package/src/components/ObjectCardStack/ObjectCardStack.tsx

@@ -1,67 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { forwardRef } from 'react';
-
-import { Obj } from '@dxos/echo';
-import { Filter, useQuery, useSchema } from '@dxos/react-client/echo';
-import { Callout, Toolbar, useTranslation } from '@dxos/react-ui';
-import { useSelected } from '@dxos/react-ui-attention';
-import { Card } from '@dxos/react-ui-mosaic';
-import { Layout } from '@dxos/react-ui-mosaic';
-import { CardStack, StackItem } from '@dxos/react-ui-stack';
-import { type View, getTypenameFromQuery } from '@dxos/schema';
-import { isNonNullable } from '@dxos/util';
-
-import { meta } from '../../meta';
-
-import { ObjectForm } from './ObjectForm';
-
-export type ObjectCardStackProps = {
-  view: View.View;
-  objectId: string;
-};
-
-export const ObjectCardStack = forwardRef<HTMLDivElement, ObjectCardStackProps>(({ objectId, view }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
-  const db = Obj.getDatabase(view);
-  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;
-  const schema = useSchema(db, typename);
-
-  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());
-  const selectedRows = useSelected(objectId, 'multi');
-  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
-
-  if (!schema) {
-    return null;
-  }
-
-  return (
-    <Layout.Main toolbar ref={forwardedRef}>
-      <Toolbar.Root></Toolbar.Root>
-      <CardStack.Root asChild>
-        <CardStack.Content>
-          <CardStack.Stack id={objectId} itemsCount={selectedObjects.length}>
-            {selectedObjects.length === 0 && (
-              <CardStack.Item>
-                <Callout.Root>
-                  <Callout.Title>{t('row details no selection label')}</Callout.Title>
-                </Callout.Root>
-              </CardStack.Item>
-            )}
-            {selectedObjects.map((object) => (
-              <CardStack.Item key={object.id} asChild>
-                <StackItem.Root item={object}>
-                  <Card.Root>
-                    <ObjectForm object={object} schema={schema} />
-                  </Card.Root>
-                </StackItem.Root>
-              </CardStack.Item>
-            ))}
-          </CardStack.Stack>
-        </CardStack.Content>
-      </CardStack.Root>
-    </Layout.Main>
-  );
-});

package/src/components/ObjectDetails/ObjectDetails.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { forwardRef, useMemo } from 'react';
-
-import { Surface, type SurfaceComponentProps } from '@dxos/app-framework/react';
-import { type Obj } from '@dxos/echo';
-import { Toolbar } from '@dxos/react-ui';
-import { Layout } from '@dxos/react-ui-mosaic';
-
-import { BaseObjectSettings } from './BaseObjectSettings';
-
-export type ObjectDetailsProps = SurfaceComponentProps<Obj.Unknown>;
-
-export const ObjectDetails = forwardRef<HTMLDivElement, ObjectDetailsProps>(
-  ({ role, subject: object }, forwardedRef) => {
-    const data = useMemo(() => ({ subject: object }), [object]);
-
-    return (
-      <Layout.Main role={role} ref={forwardedRef}>
-        <Toolbar.Root />
-        <BaseObjectSettings object={object}>
-          <Surface role='base-object-settings' data={data} />
-          <Surface role='object-settings' data={data} />
-          {/* TODO(wittjosiah): Remove (or add as surface)? */}
-          {/* <AdvancedObjectSettings object={object} /> */}
-        </BaseObjectSettings>
-      </Layout.Main>
-    );
-  },
-);

package/src/components/ObjectRenamePopover/index.ts

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

package/src/components/RecordArticle.stories.tsx

@@ -1,115 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { Capability, Common } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Filter, Obj, Ref, Relation, type Type } from '@dxos/echo';
-import { faker } from '@dxos/random';
-import { useQuery } from '@dxos/react-client/echo';
-import { useClientStory, withClientProvider } from '@dxos/react-client/testing';
-import { withTheme } from '@dxos/react-ui/testing';
-import { Card } from '@dxos/react-ui-mosaic';
-import { Json } from '@dxos/react-ui-syntax-highlighter';
-import { type ValueGenerator, createAsyncGenerator } from '@dxos/schema/testing';
-import { translations as shellTranslations } from '@dxos/shell/react';
-import { render } from '@dxos/storybook-utils';
-import { HasSubject, Organization, Person, Task } from '@dxos/types';
-
-import { translations } from '../translations';
-
-import { RecordArticle } from './RecordArticle';
-
-faker.seed(1);
-const generator: ValueGenerator = faker as any;
-
-const DefaultStory = () => {
-  const { space } = useClientStory();
-  const [object] = useQuery(space?.db, Filter.type(Organization.Organization));
-  if (!object) {
-    return null;
-  }
-
-  return <RecordArticle subject={object} />;
-};
-
-const meta = {
-  title: 'plugins/plugin-space/RecordArticle',
-  component: RecordArticle as any,
-  render: render(DefaultStory),
-  decorators: [
-    withTheme,
-    // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
-    withPluginManager({
-      capabilities: [
-        Capability.contributes(Common.Capability.ReactSurface, [
-          Common.createSurface({
-            id: 'section',
-            role: 'section',
-            component: ({ data }) => (
-              <Card.Root>
-                <Json classNames='text-sm' data={data} />
-              </Card.Root>
-            ),
-          }),
-          Common.createSurface({
-            id: 'card',
-            role: 'card',
-            component: ({ data }) => (
-              <Card.Root>
-                <Json classNames='text-sm' data={data} />
-              </Card.Root>
-            ),
-          }),
-        ]),
-      ],
-    }),
-    // TODO(burdon): Use plugin.
-    withClientProvider({
-      createIdentity: true,
-      createSpace: true,
-      types: [Organization.Organization, Person.Person, Task.Task, HasSubject.HasSubject],
-      onCreateSpace: async ({ space }) => {
-        const org = space.db.add(
-          Obj.make(Organization.Organization, {
-            name: 'DXOS',
-          }),
-        );
-        const task = space.db.add(
-          Obj.make(Task.Task, {
-            title: 'Task',
-          }),
-        );
-        space.db.add(
-          Relation.make(HasSubject.HasSubject, {
-            [Relation.Source]: task,
-            [Relation.Target]: org,
-            completedAt: new Date().toISOString(),
-          }),
-        );
-        const objectGenerator = createAsyncGenerator(generator, Person.Person as Type.Obj.Any, {
-          db: space?.db,
-          force: true,
-        });
-        await objectGenerator.createObjects(3).then((objects) => {
-          objects.forEach((object) => {
-            object.organization = Ref.make(org);
-          });
-        });
-      },
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations: [...translations, ...shellTranslations],
-  },
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};