@dxos/plugin-stack 0.6.11 → 0.6.12-main.568932b

package/dist/lib/node/{StackMain-XJGYFDDN.cjs → StackMain-VMUL2GWO.cjs}

@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var StackMain_XJGYFDDN_exports = {};
-__export(StackMain_XJGYFDDN_exports, {
+var StackMain_VMUL2GWO_exports = {};
+__export(StackMain_VMUL2GWO_exports, {
   default: () => StackMain_default
 });
-module.exports = __toCommonJS(StackMain_XJGYFDDN_exports);
-var import_chunk_I42JKRXR = require("./chunk-I42JKRXR.cjs");
-var import_chunk_EMD6A66G = require("./chunk-EMD6A66G.cjs");
+module.exports = __toCommonJS(StackMain_VMUL2GWO_exports);
+var import_chunk_PGL7XDNJ = require("./chunk-PGL7XDNJ.cjs");
+var import_chunk_ACPGRTG3 = require("./chunk-ACPGRTG3.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
@@ -41,6 +41,7 @@ var import_plugin_graph = require("@dxos/plugin-graph");
 var import_plugin_space = require("@dxos/plugin-space");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
 var import_util = require("@dxos/util");
@@ -85,15 +86,15 @@ var AddSection = ({ collection }) => {
     axis: "grid"
   });
   const dispatch = (0, import_app_framework2.useIntentDispatcher)();
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_I42JKRXR.STACK_PLUGIN);
-  const stackPlugin = (0, import_app_framework2.usePlugin)(import_chunk_I42JKRXR.STACK_PLUGIN);
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
+  const stackPlugin = (0, import_app_framework2.usePlugin)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
   const stackCreators = stackPlugin?.provides?.stack.creators ?? [];
   const handleAdd = (0, import_react3.useCallback)(async (creator) => {
     const { data: section } = await dispatch(creator.intent) ?? {};
     collection.objects = [
       section
     ];
-    const stack = collection.views[import_chunk_EMD6A66G.StackViewType.typename];
+    const stack = collection.views[import_chunk_ACPGRTG3.StackViewType.typename];
     if (stack) {
       stack.sections[section.id] = {};
     }
@@ -129,27 +130,26 @@ var SectionContent = ({ data }) => {
     placeholder: /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null)
   });
 };
-var StackMain = ({ collection, separation }) => {
+var StackMain = ({ id, collection, separation }) => {
   const dispatch = (0, import_app_framework.useIntentDispatcher)();
   const { graph } = (0, import_plugin_graph.useGraph)();
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_I42JKRXR.STACK_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
   const metadataPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseMetadataResolverPlugin);
-  const defaultStack = (0, import_react2.useMemo)(() => (0, import_echo_schema.create)(import_chunk_EMD6A66G.StackViewType, {
+  const defaultStack = (0, import_react2.useMemo)(() => (0, import_echo_schema.create)(import_chunk_ACPGRTG3.StackViewType, {
     sections: {}
   }), [
     collection
   ]);
-  const stack = collection.views[import_chunk_EMD6A66G.StackViewType.typename] ?? defaultStack;
+  const stack = collection.views[import_chunk_ACPGRTG3.StackViewType.typename] ?? defaultStack;
   const [collapsedSections, setCollapsedSections] = (0, import_react2.useState)({});
   (0, import_react2.useEffect)(() => {
-    if (!collection.views[import_chunk_EMD6A66G.StackViewType.typename]) {
-      collection.views[import_chunk_EMD6A66G.StackViewType.typename] = stack;
+    if (!collection.views[import_chunk_ACPGRTG3.StackViewType.typename]) {
+      collection.views[import_chunk_ACPGRTG3.StackViewType.typename] = stack;
     }
   }, [
     collection,
     stack
   ]);
-  const id = `stack-${collection.id}`;
   const items = collection.objects.filter(import_util.nonNullable).map((object) => {
     const metadata = metadataPlugin?.provides.metadata.resolver((0, import_echo_schema.getType)(object)?.objectId ?? "never");
     const view = {
@@ -165,7 +165,7 @@ var StackMain = ({ collection, separation }) => {
     };
   }) ?? [];
   const handleOver = ({ active, over }) => {
-    if (active.type !== import_chunk_I42JKRXR.SECTION_IDENTIFIER) {
+    if (active.type !== import_chunk_PGL7XDNJ.SECTION_IDENTIFIER) {
       return "reject";
     }
     if (import_react_ui_mosaic.Path.parent(active.path) === import_react_ui_mosaic.Path.parent(over.path)) {
@@ -237,7 +237,7 @@ var StackMain = ({ collection, separation }) => {
       action: import_app_framework.LayoutAction.SET_LAYOUT,
       data: {
         element: "dialog",
-        component: `${import_chunk_I42JKRXR.STACK_PLUGIN}/AddSectionDialog`,
+        component: `${import_chunk_PGL7XDNJ.STACK_PLUGIN}/AddSectionDialog`,
         subject: {
           path,
           position,
@@ -252,11 +252,13 @@ var StackMain = ({ collection, separation }) => {
       [id2]: collapsed
     }));
   };
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.Stack, {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_attention.AttentionProvider, {
+    id
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_mosaic.Mosaic.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_mosaic.Mosaic.DragOverlay, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.Stack, {
     id,
     "data-testid": "main.stack",
     SectionContent,
-    type: import_chunk_I42JKRXR.SECTION_IDENTIFIER,
+    type: import_chunk_PGL7XDNJ.SECTION_IDENTIFIER,
     items,
     separation,
     emptyComponent: /* @__PURE__ */ import_react2.default.createElement("span", {
@@ -289,7 +291,7 @@ var StackMain = ({ collection, separation }) => {
     })
   }, /* @__PURE__ */ import_react2.default.createElement(import_react.Plus, null), /* @__PURE__ */ import_react2.default.createElement("span", {
     className: "sr-only"
-  }, t("add section label")))));
+  }, t("add section label"))))));
 };
 var StackMain_default = StackMain;
-//# sourceMappingURL=StackMain-XJGYFDDN.cjs.map
+//# sourceMappingURL=StackMain-VMUL2GWO.cjs.map

package/dist/lib/node/StackMain-VMUL2GWO.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/StackMain.tsx", "../../../src/components/AddSection.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport {\n  LayoutAction,\n  NavigationAction,\n  parseMetadataResolverPlugin,\n  Surface,\n  useIntentDispatcher,\n  useResolvePlugin,\n} from '@dxos/app-framework';\nimport { create, getType, isReactiveObject } from '@dxos/echo-schema';\nimport { useGraph } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { type MosaicDataItem, type MosaicDropEvent, type MosaicMoveEvent, Mosaic, Path } from '@dxos/react-ui-mosaic';\nimport {\n  type AddSectionPosition,\n  type CollapsedSections,\n  Stack,\n  type StackProps,\n  type StackSectionItem,\n} from '@dxos/react-ui-stack';\nimport { nonNullable } from '@dxos/util';\n\nimport { AddSection } from './AddSection';\nimport { SECTION_IDENTIFIER, STACK_PLUGIN } from '../meta';\nimport { StackViewType } from '../types';\n\nconst SectionContent: StackProps['SectionContent'] = ({ data }) => {\n  // TODO(wittjosiah): Better section placeholder.\n  return <Surface role='section' data={{ object: data }} limit={1} placeholder={<></>} />;\n};\n\ntype StackMainProps = {\n  id: string;\n  collection: CollectionType;\n  separation?: boolean;\n};\n\nconst StackMain = ({ id, collection, separation }: StackMainProps) => {\n  const dispatch = useIntentDispatcher();\n  const { graph } = useGraph();\n  const { t } = useTranslation(STACK_PLUGIN);\n  const metadataPlugin = useResolvePlugin(parseMetadataResolverPlugin);\n  const defaultStack = useMemo(() => create(StackViewType, { sections: {} }), [collection]);\n  const stack = (collection.views[StackViewType.typename] as StackViewType) ?? defaultStack;\n  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n  useEffect(() => {\n    if (!collection.views[StackViewType.typename]) {\n      collection.views[StackViewType.typename] = stack;\n    }\n  }, [collection, stack]);\n\n  const items =\n    collection.objects\n      // TODO(wittjosiah): Should the database handle this differently?\n      // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n      .filter(nonNullable)\n      .map((object) => {\n        const metadata = metadataPlugin?.provides.metadata.resolver(\n          getType(object)?.objectId ?? 'never',\n        ) as StackSectionItem['metadata'];\n        const view = {\n          ...stack.sections[object.id],\n          collapsed: collapsedSections[fullyQualifiedId(object)],\n          title:\n            (object as any)?.title ?? toLocalizedString(graph.findNode(fullyQualifiedId(object))?.properties.label, t),\n        } as StackSectionItem['view'];\n        return { id: fullyQualifiedId(object), object, metadata, view };\n      }) ?? [];\n\n  const handleOver = ({ active, over }: MosaicMoveEvent<number>) => {\n    // TODO(thure): Eventually Stack should handle foreign draggables.\n    if (active.type !== SECTION_IDENTIFIER) {\n      return 'reject';\n    }\n    if (Path.parent(active.path) === Path.parent(over.path)) {\n      return 'rearrange';\n    }\n\n    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;\n    const data = parseData ? parseData(active.item, 'object') : active.item;\n\n    // TODO(wittjosiah): Prevent dropping items which don't have a section renderer?\n    //  Perhaps stack plugin should just provide a fallback section renderer.\n    if (!isReactiveObject(data)) {\n      return 'reject';\n    }\n\n    const exists = items.findIndex(({ id }) => id === active.item.id) >= 0;\n    if (!exists) {\n      return 'transfer';\n    } else {\n      return 'reject';\n    }\n  };\n\n  const handleDrop = ({ operation, active, over }: MosaicDropEvent<number>) => {\n    if (\n      (active.path === Path.create(id, active.item.id) || active.path === id) &&\n      (operation !== 'copy' || over.path === Path.create(id, over.item.id) || over.path === id)\n    ) {\n      collection.objects.splice(active.position!, 1);\n      delete stack.sections[active.item.id];\n    }\n\n    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;\n    const object = parseData?.(active.item, 'object');\n    if (object && over.path === Path.create(id, over.item.id)) {\n      collection.objects.splice(over.position!, 0, object);\n    } else if (object && over.path === id) {\n      collection.objects.push(object);\n    }\n\n    if (!stack.sections[object.id]) {\n      stack.sections[object.id] = {};\n    }\n  };\n\n  const handleDelete = async (path: string) => {\n    const index = collection.objects\n      .filter(nonNullable)\n      .findIndex((section) => fullyQualifiedId(section) === Path.last(path));\n    if (index >= 0) {\n      await dispatch({\n        action: SpaceAction.REMOVE_OBJECT,\n        data: { object: collection.objects[index], collection },\n      });\n\n      // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n      // delete stack.sections[Path.last(path)];\n    }\n  };\n\n  // TODO(wittjosiah): Factor out.\n\n  const handleNavigate = async (object: MosaicDataItem) => {\n    const toId = fullyQualifiedId(object);\n    await dispatch([\n      {\n        action: NavigationAction.OPEN,\n        data: { activeParts: { main: [toId] } },\n      },\n      {\n        action: LayoutAction.SCROLL_INTO_VIEW,\n        data: { id: toId },\n      },\n    ]);\n  };\n\n  const handleAddSection = (path: string, position: AddSectionPosition) => {\n    void dispatch?.({\n      action: LayoutAction.SET_LAYOUT,\n      data: {\n        element: 'dialog',\n        component: `${STACK_PLUGIN}/AddSectionDialog`,\n        subject: { path, position, collection },\n      },\n    });\n  };\n\n  const handleCollapseSection = (id: string, collapsed: boolean) => {\n    setCollapsedSections((prev) => ({ ...prev, [id]: collapsed }));\n  };\n\n  return (\n    <AttentionProvider id={id}>\n      <Mosaic.Root>\n        <Mosaic.DragOverlay />\n        <Stack\n          id={id}\n          data-testid='main.stack'\n          SectionContent={SectionContent}\n          type={SECTION_IDENTIFIER}\n          items={items}\n          separation={separation}\n          emptyComponent={<span data-testid='stack.empty'></span>}\n          onDrop={handleDrop}\n          onOver={handleOver}\n          onDeleteSection={handleDelete}\n          onNavigateToSection={handleNavigate}\n          onAddSection={handleAddSection}\n          onCollapseSection={handleCollapseSection}\n        />\n\n        {items.length === 0 ? (\n          <AddSection collection={collection} />\n        ) : (\n          <div role='none' className='flex mlb-2 pli-2 justify-center'>\n            <Button\n              data-testid='stack.createSection'\n              classNames='gap-2'\n              onClick={() =>\n                dispatch?.({\n                  action: LayoutAction.SET_LAYOUT,\n                  data: {\n                    element: 'dialog',\n                    component: 'dxos.org/plugin/stack/AddSectionDialog',\n                    subject: { position: 'afterAll', collection },\n                  },\n                })\n              }\n            >\n              <Plus />\n              <span className='sr-only'>{t('add section label')}</span>\n            </Button>\n          </div>\n        )}\n      </Mosaic.Root>\n    </AttentionProvider>\n  );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { type IconProps } from '@phosphor-icons/react';\nimport React, { type FC, type KeyboardEvent, type MouseEvent, useCallback } from 'react';\n\nimport { usePlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { StackViewType, type StackSectionCreator, type StackPluginProvides } from '../types';\n\nconst CreatorTile = ({\n  Icon,\n  label,\n  testId,\n  handleAdd,\n}: {\n  Icon: FC<IconProps>;\n  testId: string;\n  label: string;\n  handleAdd: () => void;\n}) => {\n  const onClick = useCallback((_: MouseEvent<HTMLDivElement>) => handleAdd(), [handleAdd]);\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleAdd();\n      }\n    },\n    [handleAdd],\n  );\n\n  return (\n    <div\n      role='button'\n      aria-label={label}\n      tabIndex={0}\n      className={mx(\n        'flex items-center w-[10rem] h-16 overflow-hidden',\n        'border rounded-md border-separator shadow-sm hover:bg-hoverSurface cursor-pointer',\n      )}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      data-testid={testId}\n    >\n      <div className='flex h-full w-12 items-center justify-center bg-scrim shrink-0 border-r border-separator'>\n        <Icon weight='thin' className={getSize(6)} />\n      </div>\n      <div className='overflow-hidden items-center p-2 px-3'>\n        <span className='capitalize'>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nexport const AddSection = ({ collection }: { collection: CollectionType }) => {\n  const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n  const dispatch = useIntentDispatcher();\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  const stackPlugin = usePlugin<StackPluginProvides>(STACK_PLUGIN);\n  const stackCreators = stackPlugin?.provides?.stack.creators ?? [];\n\n  const handleAdd = useCallback(\n    async (creator: StackSectionCreator) => {\n      const { data: section } = (await dispatch(creator.intent)) ?? {};\n      collection.objects = [section];\n      const stack = collection.views[StackViewType.typename];\n      if (stack) {\n        stack.sections[section.id] = {};\n      }\n    },\n    [collection, dispatch],\n  );\n\n  if (stackCreators.length === 0) {\n    return null;\n  }\n\n  return (\n    <div {...domAttributes} role='none' className='flex flex-wrap items-center p-8 gap-4'>\n      {stackCreators.map((creator) => {\n        const { id, type, icon, testId } = creator;\n        return (\n          <CreatorTile\n            key={id}\n            label={toLocalizedString(type, t)}\n            testId={testId}\n            Icon={icon}\n            handleAdd={() => handleAdd(creator)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_react_ui", "CreatorTile", "Icon", "label", "testId", "handleAdd", "onClick", "useCallback", "_", "onKeyDown", "event", "key", "preventDefault", "React", "div", "role", "aria-label", "tabIndex", "className", "mx", "data-testid", "weight", "getSize", "span", "AddSection", "collection", "domAttributes", "useArrowNavigationGroup", "axis", "dispatch", "useIntentDispatcher", "t", "useTranslation", "STACK_PLUGIN", "stackPlugin", "usePlugin", "stackCreators", "provides", "stack", "creators", "creator", "data", "section", "intent", "objects", "views", "StackViewType", "typename", "sections", "id", "length", "map", "type", "icon", "toLocalizedString", "SectionContent", "Surface", "object", "limit", "placeholder", "StackMain", "separation", "graph", "useGraph", "metadataPlugin", "useResolvePlugin", "parseMetadataResolverPlugin", "defaultStack", "useMemo", "create", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "items", "filter", "nonNullable", "metadata", "resolver", "getType", "objectId", "view", "collapsed", "fullyQualifiedId", "title", "findNode", "properties", "handleOver", "active", "over", "SECTION_IDENTIFIER", "Path", "parent", "path", "parseData", "parse", "item", "isReactiveObject", "exists", "findIndex", "handleDrop", "operation", "splice", "position", "push", "handleDelete", "index", "last", "action", "SpaceAction", "REMOVE_OBJECT", "handleNavigate", "toId", "NavigationAction", "OPEN", "activeParts", "main", "LayoutAction", "SCROLL_INTO_VIEW", "handleAddSection", "SET_LAYOUT", "element", "component", "subject", "handleCollapseSection", "prev", "AttentionProvider", "Mosaic", "Root", "DragOverlay", "Stack", "emptyComponent", "onDrop", "onOver", "onDeleteSection", "onNavigateToSection", "onAddSection", "onCollapseSection", "Button", "classNames", "Plus"]
+}

package/dist/lib/node/{chunk-EMD6A66G.cjs → chunk-ACPGRTG3.cjs}

@@ -16,24 +16,30 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_EMD6A66G_exports = {};
-__export(chunk_EMD6A66G_exports, {
+var chunk_ACPGRTG3_exports = {};
+__export(chunk_ACPGRTG3_exports, {
   SectionSchema: () => SectionSchema,
   StackViewType: () => StackViewType
 });
-module.exports = __toCommonJS(chunk_EMD6A66G_exports);
+module.exports = __toCommonJS(chunk_ACPGRTG3_exports);
 var import_echo_schema = require("@dxos/echo-schema");
 var SectionSchema = import_echo_schema.S.Struct({
   height: import_echo_schema.S.optional(import_echo_schema.S.Number),
   // Space for data that isn't stack-specific but is specific to this view instance.
   //  e.g. cover/fill for an image
-  custom: import_echo_schema.S.optional(import_echo_schema.S.Record(import_echo_schema.S.String, import_echo_schema.S.Any))
+  custom: import_echo_schema.S.optional(import_echo_schema.S.Record({
+    key: import_echo_schema.S.String,
+    value: import_echo_schema.S.Any
+  }))
 });
 var StackViewType = class extends (0, import_echo_schema.TypedObject)({
   typename: "dxos.org/type/StackView",
   version: "0.1.0"
 })({
-  sections: import_echo_schema.S.mutable(import_echo_schema.S.Record(import_echo_schema.S.String, SectionSchema))
+  sections: import_echo_schema.S.mutable(import_echo_schema.S.Record({
+    key: import_echo_schema.S.String,
+    value: SectionSchema
+  }))
 }) {
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -41,4 +47,4 @@ var StackViewType = class extends (0, import_echo_schema.TypedObject)({
   SectionSchema,
   StackViewType
 });
-//# sourceMappingURL=chunk-EMD6A66G.cjs.map
+//# sourceMappingURL=chunk-ACPGRTG3.cjs.map

package/dist/lib/node/{chunk-EMD6A66G.cjs.map → chunk-ACPGRTG3.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/stack.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack component should cleanup the superfluous data on future edits.\n\nexport const SectionSchema = S.Struct({\n  height: S.optional(S.Number),\n  // Space for data that isn't stack-specific but is specific to this view instance.\n  //  e.g. cover/fill for an image\n  custom: S.optional(S.Record(S.String, S.Any)),\n});\n\nexport class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({\n  sections: S.mutable(S.Record(S.String, SectionSchema)),\n}) {}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAA+B;AAOxB,IAAMA,gBAAgBC,qBAAEC,OAAO;EACpCC,QAAQF,qBAAEG,SAASH,qBAAEI,MAAM;;;EAG3BC,QAAQL,qBAAEG,SAASH,qBAAEM,OAAON,qBAAEO,QAAQP,qBAAEQ,GAAG,CAAA;AAC7C,CAAA;AAEO,IAAMC,gBAAN,kBAA4BC,gCAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACxGC,UAAUb,qBAAEc,QAAQd,qBAAEM,OAAON,qBAAEO,QAAQR,aAAAA,CAAAA;AACzC,CAAA,EAAA;AAAI;",
-  "names": ["SectionSchema", "S", "Struct", "height", "optional", "Number", "custom", "Record", "String", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack component should cleanup the superfluous data on future edits.\n\nexport const SectionSchema = S.Struct({\n  height: S.optional(S.Number),\n  // Space for data that isn't stack-specific but is specific to this view instance.\n  //  e.g. cover/fill for an image\n  custom: S.optional(S.Record({ key: S.String, value: S.Any })),\n});\n\nexport class StackViewType extends TypedObject({ typename: 'dxos.org/type/StackView', version: '0.1.0' })({\n  sections: S.mutable(S.Record({ key: S.String, value: SectionSchema })),\n}) {}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAA+B;AAOxB,IAAMA,gBAAgBC,qBAAEC,OAAO;EACpCC,QAAQF,qBAAEG,SAASH,qBAAEI,MAAM;;;EAG3BC,QAAQL,qBAAEG,SAASH,qBAAEM,OAAO;IAAEC,KAAKP,qBAAEQ;IAAQC,OAAOT,qBAAEU;EAAI,CAAA,CAAA;AAC5D,CAAA;AAEO,IAAMC,gBAAN,kBAA4BC,gCAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACxGC,UAAUf,qBAAEgB,QAAQhB,qBAAEM,OAAO;IAAEC,KAAKP,qBAAEQ;IAAQC,OAAOV;EAAc,CAAA,CAAA;AACrE,CAAA,EAAA;AAAI;",
+  "names": ["SectionSchema", "S", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
 }

package/dist/lib/node/{chunk-I42JKRXR.cjs → chunk-PGL7XDNJ.cjs}

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,32 +15,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_I42JKRXR_exports = {};
-__export(chunk_I42JKRXR_exports, {
+var chunk_PGL7XDNJ_exports = {};
+__export(chunk_PGL7XDNJ_exports, {
   SECTION_IDENTIFIER: () => SECTION_IDENTIFIER,
   STACK_PLUGIN: () => STACK_PLUGIN,
   meta_default: () => meta_default
 });
-module.exports = __toCommonJS(chunk_I42JKRXR_exports);
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
+module.exports = __toCommonJS(chunk_PGL7XDNJ_exports);
 var STACK_PLUGIN = "dxos.org/plugin/stack";
 var SECTION_IDENTIFIER = "dxos.org/type/StackSection";
 var meta_default = {
   id: STACK_PLUGIN,
   // TODO(wittjosiah): Prevents "stacks" language from being exposed to users in settings panel.
   name: "Collections",
-  iconComponent: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.StackSimple, props),
-  iconSymbol: "ph--stack-simple--regular"
+  icon: "ph--stack-simple--regular"
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -50,4 +37,4 @@ var meta_default = {
   STACK_PLUGIN,
   meta_default
 });
-//# sourceMappingURL=chunk-I42JKRXR.cjs.map
+//# sourceMappingURL=chunk-PGL7XDNJ.cjs.map

package/dist/lib/node/chunk-PGL7XDNJ.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport const STACK_PLUGIN = 'dxos.org/plugin/stack';\nexport const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';\n\nexport default {\n  id: STACK_PLUGIN,\n  // TODO(wittjosiah): Prevents \"stacks\" language from being exposed to users in settings panel.\n  name: 'Collections',\n  icon: 'ph--stack-simple--regular',\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,eAAe;AACrB,IAAMC,qBAAqB;AAElC,IAAA,eAAe;EACbC,IAAIF;;EAEJG,MAAM;EACNC,MAAM;AACR;",
+  "names": ["STACK_PLUGIN", "SECTION_IDENTIFIER", "id", "name", "icon"]
+}

package/dist/lib/node/index.cjs

@@ -28,31 +28,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  SectionSchema: () => import_chunk_EMD6A66G.SectionSchema,
+  SectionSchema: () => import_chunk_ACPGRTG3.SectionSchema,
   StackPlugin: () => StackPlugin,
-  StackViewType: () => import_chunk_EMD6A66G.StackViewType,
+  StackViewType: () => import_chunk_ACPGRTG3.StackViewType,
   default: () => src_default
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_I42JKRXR = require("./chunk-I42JKRXR.cjs");
-var import_chunk_EMD6A66G = require("./chunk-EMD6A66G.cjs");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
+var import_chunk_PGL7XDNJ = require("./chunk-PGL7XDNJ.cjs");
+var import_chunk_ACPGRTG3 = require("./chunk-ACPGRTG3.cjs");
+var import_react = __toESM(require("react"));
 var import_echo_schema = require("@dxos/echo-schema");
 var import_local_storage = require("@dxos/local-storage");
 var import_types = require("@dxos/plugin-space/types");
+var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react2 = __toESM(require("react"));
 var import_react3 = __toESM(require("react"));
-var import_react4 = __toESM(require("react"));
 var import_plugin_settings = require("@dxos/plugin-settings");
 var import_react_ui2 = require("@dxos/react-ui");
-var import_react5 = require("@phosphor-icons/react");
-var import_react6 = __toESM(require("react"));
+var import_react4 = require("@phosphor-icons/react");
+var import_react5 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_echo_schema2 = require("@dxos/echo-schema");
 var import_types2 = require("@dxos/plugin-ipfs/types");
-var import_echo = require("@dxos/react-client/echo");
+var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
 var import_react_ui_searchlist = require("@dxos/react-ui-searchlist");
@@ -60,10 +60,10 @@ var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
 var StackSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_I42JKRXR.STACK_PLUGIN);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings separation label")
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Input.Switch, {
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Switch, {
     checked: settings.separation,
     onCheckedChange: (checked) => settings.separation = !!checked
   })));
@@ -72,18 +72,18 @@ var dataHasAddSectionDialogProps = (data) => {
   return "subject" in data && typeof data.subject === "object" && !!data.subject && "position" in data.subject && typeof data.subject.position === "string" && "collection" in data.subject;
 };
 var AddSectionDialog = ({ path, position, collection }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_I42JKRXR.STACK_PLUGIN);
-  const stackPlugin = (0, import_app_framework.usePlugin)(import_chunk_I42JKRXR.STACK_PLUGIN);
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
+  const stackPlugin = (0, import_app_framework.usePlugin)(import_chunk_PGL7XDNJ.STACK_PLUGIN);
   const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
-  const fileRef = (0, import_react6.useRef)(null);
+  const fileRef = (0, import_react5.useRef)(null);
   const { dispatch } = (0, import_app_framework.useIntent)();
-  const space = (0, import_echo.getSpace)(collection);
-  const [pending, setPending] = (0, import_react6.useState)(false);
-  const [uploadError, setUploadError] = (0, import_react6.useState)();
-  const handleAdd = (0, import_react6.useCallback)((sectionObject) => {
+  const space = (0, import_echo2.getSpace)(collection);
+  const [pending, setPending] = (0, import_react5.useState)(false);
+  const [uploadError, setUploadError] = (0, import_react5.useState)();
+  const handleAdd = (0, import_react5.useCallback)((sectionObject) => {
     const index = position === "beforeAll" ? 0 : position === "afterAll" ? collection.objects.length : collection.objects.filter(import_util.nonNullable).findIndex((section) => section.id === import_react_ui_mosaic.Path.last(path));
     collection.objects.splice(index + (position === "after" ? 1 : 0), 0, sectionObject);
-    const stack = collection.views[import_chunk_EMD6A66G.StackViewType.typename];
+    const stack = collection.views[import_chunk_ACPGRTG3.StackViewType.typename];
     if (stack) {
       stack.sections[sectionObject.id] = {};
     }
@@ -118,20 +118,20 @@ var AddSectionDialog = ({ path, position, collection }) => {
       setUploadError(err);
     }
   } : void 0;
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Dialog.Content, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Dialog.Title, null, t(`add section ${position} dialog title`)), /* @__PURE__ */ import_react6.default.createElement(import_react_ui_searchlist.SearchList.Root, {
+  return /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Dialog.Content, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui3.Dialog.Title, null, t(`add section ${position} dialog title`)), /* @__PURE__ */ import_react5.default.createElement(import_react_ui_searchlist.SearchList.Root, {
     label: t("add section input placeholder")
-  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui_searchlist.SearchList.Input, {
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_searchlist.SearchList.Input, {
     placeholder: t("add section input placeholder"),
     classNames: "pli-3",
     disabled: pending
-  }), /* @__PURE__ */ import_react6.default.createElement(import_react_ui_searchlist.SearchList.Content, {
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react_ui_searchlist.SearchList.Content, {
     classNames: "min-bs-24 bs-fit max-bs-64 overflow-auto",
     ...pending && {
       inert: "true"
     }
   }, stackPlugin?.provides?.stack.creators?.map(({ id, icon: Icon, label: propsLabel, testId, intent }) => {
     const label = (0, import_react_ui3.toLocalizedString)(propsLabel, t);
-    return /* @__PURE__ */ import_react6.default.createElement(import_react_ui_searchlist.SearchList.Item, {
+    return /* @__PURE__ */ import_react5.default.createElement(import_react_ui_searchlist.SearchList.Item, {
       value: label,
       key: id,
       onSelect: async () => {
@@ -146,31 +146,31 @@ var AddSectionDialog = ({ path, position, collection }) => {
       },
       classNames: "flex items-center gap-2 pli-2",
       "data-testid": testId
-    }, Icon && /* @__PURE__ */ import_react6.default.createElement(Icon, {
+    }, Icon && /* @__PURE__ */ import_react5.default.createElement(Icon, {
       className: (0, import_react_ui_theme2.mx)((0, import_react_ui_theme2.getSize)(4), "shrink-0")
-    }), /* @__PURE__ */ import_react6.default.createElement("span", {
+    }), /* @__PURE__ */ import_react5.default.createElement("span", {
       className: "grow truncate"
     }, label));
-  }), handleFileUpload && /* @__PURE__ */ import_react6.default.createElement(import_react_ui_searchlist.SearchList.Item, {
+  }), handleFileUpload && /* @__PURE__ */ import_react5.default.createElement(import_react_ui_searchlist.SearchList.Item, {
     value: t("upload file label"),
     classNames: "flex items-center gap-2 pli-2",
     onSelect: () => fileRef.current?.click()
-  }, /* @__PURE__ */ import_react6.default.createElement(import_react5.FilePlus, null), /* @__PURE__ */ import_react6.default.createElement("span", {
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react4.FilePlus, null), /* @__PURE__ */ import_react5.default.createElement("span", {
     className: "grow truncate"
-  }, t("upload file label"))), uploadError && /* @__PURE__ */ import_react6.default.createElement("div", {
+  }, t("upload file label"))), uploadError && /* @__PURE__ */ import_react5.default.createElement("div", {
     className: "text-error-500"
-  }, uploadError.message))), handleFileUpload && /* @__PURE__ */ import_react6.default.createElement("input", {
+  }, uploadError.message))), handleFileUpload && /* @__PURE__ */ import_react5.default.createElement("input", {
     type: "file",
     className: "sr-only",
     ref: fileRef,
     onChange: ({ target: { files } }) => files && handleFileUpload(files[0])
   }));
 };
-var StackMain = import_react3.default.lazy(() => import("./StackMain-XJGYFDDN.cjs"));
+var StackMain = import_react2.default.lazy(() => import("./StackMain-VMUL2GWO.cjs"));
 var translations_default = [
   {
     "en-US": {
-      [import_chunk_I42JKRXR.STACK_PLUGIN]: {
+      [import_chunk_PGL7XDNJ.STACK_PLUGIN]: {
         "plugin name": "Stacks",
         "settings separation label": "Separate sections",
         "add section beforeAll dialog title": "Add a section to the start",
@@ -186,21 +186,21 @@ var translations_default = [
   ...import_react_ui_stack.translations
 ];
 var StackPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_I42JKRXR.STACK_PLUGIN, {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_PGL7XDNJ.STACK_PLUGIN, {
     separation: true
   });
   const stackState = (0, import_echo_schema.create)({
     creators: []
   });
   return {
-    meta: import_chunk_I42JKRXR.meta_default,
+    meta: import_chunk_PGL7XDNJ.meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "separation",
         type: import_local_storage.LocalStorageStore.bool()
       });
       for (const plugin of plugins) {
-        if (plugin.meta.id === import_chunk_I42JKRXR.STACK_PLUGIN) {
+        if (plugin.meta.id === import_chunk_PGL7XDNJ.STACK_PLUGIN) {
           continue;
         }
         if (Array.isArray(plugin.provides?.stack?.creators)) {
@@ -212,17 +212,16 @@ var StackPlugin = () => {
       settings: settings.values,
       metadata: {
         records: {
-          [import_chunk_EMD6A66G.StackViewType.typename]: {
+          [import_chunk_ACPGRTG3.StackViewType.typename]: {
             placeholder: [
               "stack title placeholder",
               {
-                ns: import_chunk_I42JKRXR.STACK_PLUGIN
+                ns: import_chunk_PGL7XDNJ.STACK_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.StackSimple, props),
-            iconSymbol: "ph--stack-simple--regular"
+            icon: "ph--stack-simple--regular"
           },
-          [import_chunk_I42JKRXR.SECTION_IDENTIFIER]: {
+          [import_chunk_PGL7XDNJ.SECTION_IDENTIFIER]: {
             parse: (section, type) => {
               switch (type) {
                 case "node":
@@ -243,39 +242,42 @@ var StackPlugin = () => {
       translations: translations_default,
       echo: {
         schema: [
-          import_chunk_EMD6A66G.StackViewType
+          import_chunk_ACPGRTG3.StackViewType
         ]
       },
       surface: {
         component: ({ data, role }) => {
           switch (data.component) {
-            case `${import_chunk_I42JKRXR.STACK_PLUGIN}/AddSectionDialog`:
-              return dataHasAddSectionDialogProps(data) ? /* @__PURE__ */ import_react2.default.createElement(AddSectionDialog, data.subject) : null;
+            case `${import_chunk_PGL7XDNJ.STACK_PLUGIN}/AddSectionDialog`:
+              return dataHasAddSectionDialogProps(data) ? /* @__PURE__ */ import_react.default.createElement(AddSectionDialog, data.subject) : null;
           }
           const primary = data.active ?? data.object;
+          const id = typeof data.id === "string" ? data.id : void 0;
           switch (role) {
             case "main":
-              return primary instanceof import_types.CollectionType ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Main.Content, {
+              return primary instanceof import_types.CollectionType ? /* @__PURE__ */ import_react.default.createElement(import_react_ui.Main.Content, {
                 bounce: true,
                 classNames: [
                   import_react_ui_theme.baseSurface,
                   import_react_ui_theme.topbarBlockPaddingStart,
                   import_react_ui_theme.bottombarBlockPaddingEnd
                 ]
-              }, /* @__PURE__ */ import_react2.default.createElement(StackMain, {
+              }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
+                id: id ?? (0, import_echo.fullyQualifiedId)(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;
             case "article":
-              return primary instanceof import_types.CollectionType ? /* @__PURE__ */ import_react2.default.createElement("div", {
+              return primary instanceof import_types.CollectionType ? /* @__PURE__ */ import_react.default.createElement("div", {
                 role: "none",
                 className: "row-span-2 overflow-auto"
-              }, /* @__PURE__ */ import_react2.default.createElement(StackMain, {
+              }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
+                id: id ?? (0, import_echo.fullyQualifiedId)(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;
             case "settings": {
-              return data.plugin === import_chunk_I42JKRXR.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(StackSettings, {
+              return data.plugin === import_chunk_PGL7XDNJ.meta_default.id ? /* @__PURE__ */ import_react.default.createElement(StackSettings, {
                 settings: settings.values
               }) : null;
             }