@dxos/plugin-stack 0.8.3-staging.0fa589b → 0.8.4-main.1068cf700f

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-type StackMainProps = {
-    id: string;
-    collection: DataType.Collection;
-};
-declare const StackMain: ({ id, collection }: StackMainProps) => React.JSX.Element;
-export default StackMain;
-//# sourceMappingURL=StackMain.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackMain.d.ts","sourceRoot":"","sources":["../../../../src/components/StackMain.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgBrD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAc7C,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,oBAAoB,cAAc,sBAoHpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/capabilities/react-surface.tsx

@@ -1,34 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { fullyQualifiedId } from '@dxos/react-client/echo';
-import { DataType } from '@dxos/schema';
-
-import { StackMain } from '../components';
-import { STACK_PLUGIN } from '../meta';
-
-export default () =>
-  contributes(
-    Capabilities.ReactSurface,
-    createSurface({
-      id: `${STACK_PLUGIN}/article`,
-      role: 'article',
-      filter: (data): data is { id?: string; subject: DataType.Collection } =>
-        Obj.instanceOf(DataType.Collection, data.subject),
-      component: ({ data }) => {
-        // This allows the id to be overridden by the surface for situations where the id of the collection
-        // is not the same as the id of what is being represented (e.g., a space with a root collection).
-        const id = typeof data.id === 'string' ? data.id : undefined;
-        return (
-          <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>
-            <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />
-          </div>
-        );
-      },
-    }),
-  );

package/src/components/StackMain.tsx

@@ -1,160 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Plus } from '@phosphor-icons/react';
-import { Option } from 'effect';
-import React, { useCallback, useState } from 'react';
-
-import {
-  Capabilities,
-  LayoutAction,
-  createIntent,
-  useAppGraph,
-  useCapabilities,
-  useIntentDispatcher,
-} from '@dxos/app-framework';
-import { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';
-import { Obj } from '@dxos/echo';
-import { SpaceAction } from '@dxos/plugin-space/types';
-import { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { AttentionProvider } from '@dxos/react-ui-attention';
-import { Stack } from '@dxos/react-ui-stack';
-import { type DataType } from '@dxos/schema';
-import { isNonNullable } from '@dxos/util';
-
-import { StackContext } from './StackContext';
-import { StackSection } from './StackSection';
-import { STACK_PLUGIN } from '../meta';
-import {
-  type AddSectionPosition,
-  type CollapsedSections,
-  type StackSectionItem,
-  type StackSectionMetadata,
-  type StackSectionView,
-} from '../types';
-
-type StackMainProps = {
-  id: string;
-  collection: DataType.Collection;
-};
-
-const StackMain = ({ id, collection }: StackMainProps) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-  const { t } = useTranslation(STACK_PLUGIN);
-  const allMetadata = useCapabilities(Capabilities.Metadata);
-  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});
-
-  // TODO(wittjosiah): Re-implement stack views with relations.
-  // const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);
-  // const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;
-  // useEffect(() => {
-  //   if (!collection.views[StackViewType.typename]) {
-  //     collection.views[StackViewType.typename] = Ref.make(stack);
-  //   }
-  // }, [collection, stack]);
-
-  const items =
-    collection.objects
-      // TODO(wittjosiah): Should the database handle this differently?
-      // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?
-      .map((object) => object.target)
-      .filter(isNonNullable)
-      .map((object) => {
-        const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? 'never'))
-          ?.metadata as StackSectionMetadata;
-        const view = {
-          // ...stack.sections[object.id],
-          collapsed: collapsedSections[fullyQualifiedId(object)],
-          title:
-            (object as any)?.title ??
-            // TODO(wittjosiah): `getNode` is not reactive.
-            toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t),
-        } as StackSectionView;
-        return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;
-      }) ?? [];
-
-  const handleDelete = useCallback(
-    async (id: string) => {
-      const index = collection.objects
-        .map((object) => object.target)
-        .filter(isNonNullable)
-        .findIndex((section) => fullyQualifiedId(section) === id);
-      const object = collection.objects[index].target;
-      if (isLiveObject(object)) {
-        await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));
-
-        // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.
-        // delete stack.sections[Path.last(path)];
-      }
-    },
-    [collection, dispatch],
-  );
-
-  const handleAdd = useCallback(
-    async (id: string, position: AddSectionPosition) => {
-      await dispatch?.(
-        // TODO(wittjosiah): Use object creation dialog.
-        createIntent(LayoutAction.UpdateDialog, {
-          part: 'dialog',
-          subject: `${STACK_PLUGIN}/AddSectionDialog`,
-          options: {
-            blockAlign: 'start',
-            props: {
-              path: id,
-              position,
-              collection,
-            },
-          },
-        }),
-      );
-    },
-    [collection, dispatch],
-  );
-
-  const handleNavigate = useCallback(
-    async (id: string) => {
-      await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));
-    },
-    [dispatch],
-  );
-
-  const handleCollapse = useCallback(
-    (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),
-    [],
-  );
-
-  const handleAddSection = useCallback(
-    () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),
-    [collection, dispatch],
-  );
-
-  return (
-    <AttentionProvider id={id}>
-      <StackContext.Provider
-        value={{
-          onCollapse: handleCollapse,
-          onNavigate: handleNavigate,
-          onDelete: handleDelete,
-          onAdd: handleAdd,
-        }}
-      >
-        <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>
-          {items.map((item) => (
-            <StackSection key={item.id} {...item} />
-          ))}
-        </Stack>
-
-        <div role='none' className='flex mlb-2 pli-2 justify-center'>
-          <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>
-            <Plus />
-            <span className='sr-only'>{t('add section label')}</span>
-          </Button>
-        </div>
-      </StackContext.Provider>
-    </AttentionProvider>
-  );
-};
-
-export default StackMain;