@dxos/plugin-stack 0.8.3-staging.0fa589b → 0.8.4-main.03d5cd7b56

package/dist/lib/node-esm/react-surface-2ODZHHA7.mjs

@@ -1,47 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  STACK_PLUGIN
-} from "./chunk-YW7WYA4H.mjs";
-
-// packages/plugins/plugin-stack/src/capabilities/react-surface.tsx
-import React2 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";
-
-// packages/plugins/plugin-stack/src/components/index.ts
-import { lazy } from "react";
-
-// packages/plugins/plugin-stack/src/components/StackSettings.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { Input, useTranslation } from "@dxos/react-ui";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
-
-// packages/plugins/plugin-stack/src/components/index.ts
-var StackMain = lazy(() => import("./StackMain-7L5JME2D.mjs"));
-
-// packages/plugins/plugin-stack/src/capabilities/react-surface.tsx
-var react_surface_default = () => contributes(Capabilities.ReactSurface, createSurface({
-  id: `${STACK_PLUGIN}/article`,
-  role: "article",
-  filter: (data) => Obj.instanceOf(DataType.Collection, data.subject),
-  component: ({ data }) => {
-    const id = typeof data.id === "string" ? data.id : void 0;
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "overflow-auto",
-      style: {
-        contain: "layout"
-      }
-    }, /* @__PURE__ */ React2.createElement(StackMain, {
-      id: id ?? fullyQualifiedId(data.subject),
-      collection: data.subject
-    }));
-  }
-}));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-2ODZHHA7.mjs.map

package/dist/lib/node-esm/react-surface-2ODZHHA7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: `${STACK_PLUGIN}/article`,\n      role: 'article',\n      filter: (data): data is { id?: string; subject: DataType.Collection } =>\n        Obj.instanceOf(DataType.Collection, data.subject),\n      component: ({ data }) => {\n        // This allows the id to be overridden by the surface for situations where the id of the collection\n        // is not the same as the id of what is being represented (e.g., a space with a root collection).\n        const id = typeof data.id === 'string' ? data.id : undefined;\n        return (\n          <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n            <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n          </div>\n        );\n      },\n    }),\n  );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  return (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,wBAAwB;AACjC,SAASC,gBAAgB;;;ACLzB,SAASC,YAAY;;;;ACArB,OAAOC,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,yBAAyBC,2BAA2B;;;ADDtD,IAAMC,YAAYC,KAAK,MAAM,OAAO,0BAAA,CAAA;;;ADQ3C,IAAA,wBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,YAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,SAASC,YAAYJ,KAAKK,OAAO;EAClDC,WAAW,CAAC,EAAEN,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKW;AACnD,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIX,MAAK;MAAOY,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpE,gBAAAJ,OAAA,cAACK,WAAAA;MAAUjB,IAAIA,MAAMkB,iBAAiBd,KAAKK,OAAO;MAAGU,YAAYf,KAAKK;;EAG5E;AACF,CAAA,CAAA;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "fullyQualifiedId", "DataType", "lazy", "React", "Input", "useTranslation", "DeprecatedFormContainer", "DeprecatedFormInput", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Collection", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "StackMain", "fullyQualifiedId", "collection"]
-}

package/dist/lib/node-esm/types/index.mjs

@@ -1,10 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  SectionSchema,
-  StackViewType
-} from "../chunk-KEWNJDTP.mjs";
-export {
-  SectionSchema,
-  StackViewType
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaretDownUp.d.ts","sourceRoot":"","sources":["../../../../src/components/CaretDownUp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,wBAAwB,wBAAwB,CAAC,KAAK,CAAC,sBAuBlF,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackContext.d.ts","sourceRoot":"","sources":["../../../../src/components/StackContext.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,YAAY,4CAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}

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/dist/types/src/components/StackSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StackSection.d.ts","sourceRoot":"","sources":["../../../../src/components/StackSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAEjD,eAAO,MAAM,YAAY,GAAI,2CAK1B,iBAAiB,sBA2FnB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/StackSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,sBAU3E,CAAC"}

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;

package/src/components/StackSettings.tsx

@@ -1,23 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { Input, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
-
-import { STACK_PLUGIN } from '../meta';
-import { type StackSettingsProps } from '../types';
-
-export const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {
-  const { t } = useTranslation(STACK_PLUGIN);
-
-  return (
-    <DeprecatedFormContainer>
-      <DeprecatedFormInput label={t('settings separation label')}>
-        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />
-      </DeprecatedFormInput>
-    </DeprecatedFormContainer>
-  );
-};