@dxos/plugin-stack 0.6.12-main.f9d0246 → 0.6.12-staging.e11e696

package/dist/lib/browser/{StackMain-MT6W47OT.mjs → StackMain-6GEK3XZ3.mjs}

@@ -15,6 +15,7 @@ import { useGraph } from "@dxos/plugin-graph";
 import { SpaceAction } from "@dxos/plugin-space";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { Button, toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { AttentionProvider } from "@dxos/react-ui-attention";
 import { Mosaic, Path } from "@dxos/react-ui-mosaic";
 import { Stack } from "@dxos/react-ui-stack";
 import { nonNullable } from "@dxos/util";
@@ -107,7 +108,7 @@ var SectionContent = ({ data }) => {
     placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
   });
 };
-var StackMain = ({ collection, separation }) => {
+var StackMain = ({ id, collection, separation }) => {
   const dispatch = useIntentDispatcher2();
   const { graph } = useGraph();
   const { t } = useTranslation2(STACK_PLUGIN);
@@ -127,7 +128,6 @@ var StackMain = ({ collection, separation }) => {
     collection,
     stack
   ]);
-  const id = `stack-${collection.id}`;
   const items = collection.objects.filter(nonNullable).map((object) => {
     const metadata = metadataPlugin?.provides.metadata.resolver(getType(object)?.objectId ?? "never");
     const view = {
@@ -230,7 +230,9 @@ var StackMain = ({ collection, separation }) => {
       [id2]: collapsed
     }));
   };
-  return /* @__PURE__ */ React2.createElement(Mosaic.Root, null, /* @__PURE__ */ React2.createElement(Mosaic.DragOverlay, null), /* @__PURE__ */ React2.createElement(Stack, {
+  return /* @__PURE__ */ React2.createElement(AttentionProvider, {
+    id
+  }, /* @__PURE__ */ React2.createElement(Mosaic.Root, null, /* @__PURE__ */ React2.createElement(Mosaic.DragOverlay, null), /* @__PURE__ */ React2.createElement(Stack, {
     id,
     "data-testid": "main.stack",
     SectionContent,
@@ -267,10 +269,10 @@ var StackMain = ({ collection, separation }) => {
     })
   }, /* @__PURE__ */ React2.createElement(Plus, null), /* @__PURE__ */ React2.createElement("span", {
     className: "sr-only"
-  }, t("add section label")))));
+  }, t("add section label"))))));
 };
 var StackMain_default = StackMain;
 export {
   StackMain_default as default
 };
-//# sourceMappingURL=StackMain-MT6W47OT.mjs.map
+//# sourceMappingURL=StackMain-6GEK3XZ3.mjs.map

package/dist/lib/browser/StackMain-6GEK3XZ3.mjs.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": ["Plus", "React", "useEffect", "useMemo", "useState", "LayoutAction", "NavigationAction", "parseMetadataResolverPlugin", "Surface", "useIntentDispatcher", "useResolvePlugin", "create", "getType", "isReactiveObject", "useGraph", "SpaceAction", "fullyQualifiedId", "Button", "toLocalizedString", "useTranslation", "AttentionProvider", "Mosaic", "Path", "Stack", "nonNullable", "useArrowNavigationGroup", "React", "useCallback", "usePlugin", "useIntentDispatcher", "toLocalizedString", "useTranslation", "getSize", "mx", "CreatorTile", "Icon", "label", "testId", "handleAdd", "onClick", "useCallback", "_", "onKeyDown", "event", "key", "preventDefault", "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", "data", "React", "Surface", "role", "object", "limit", "placeholder", "StackMain", "id", "collection", "separation", "dispatch", "useIntentDispatcher", "graph", "useGraph", "t", "useTranslation", "STACK_PLUGIN", "metadataPlugin", "useResolvePlugin", "parseMetadataResolverPlugin", "defaultStack", "useMemo", "create", "StackViewType", "sections", "stack", "views", "typename", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "items", "objects", "filter", "nonNullable", "map", "metadata", "provides", "resolver", "getType", "objectId", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "findNode", "properties", "label", "handleOver", "active", "over", "type", "SECTION_IDENTIFIER", "Path", "parent", "path", "parseData", "parse", "item", "isReactiveObject", "exists", "findIndex", "handleDrop", "operation", "splice", "position", "push", "handleDelete", "index", "section", "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", "data-testid", "emptyComponent", "span", "onDrop", "onOver", "onDeleteSection", "onNavigateToSection", "onAddSection", "onCollapseSection", "length", "AddSection", "div", "className", "Button", "classNames", "onClick", "Plus"]
+}

package/dist/lib/browser/index.mjs

@@ -13,6 +13,7 @@ import React4 from "react";
 import { create as create2 } from "@dxos/echo-schema";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { CollectionType } from "@dxos/plugin-space/types";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { Main } from "@dxos/react-ui";
 import { baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
 
@@ -145,7 +146,7 @@ var AddSectionDialog = ({ path, position, collection }) => {
 };
 
 // packages/plugins/plugin-stack/src/components/index.ts
-var StackMain = React3.lazy(() => import("./StackMain-MT6W47OT.mjs"));
+var StackMain = React3.lazy(() => import("./StackMain-6GEK3XZ3.mjs"));
 
 // packages/plugins/plugin-stack/src/translations.ts
 import { translations as stackTranslations } from "@dxos/react-ui-stack";
@@ -236,6 +237,7 @@ var StackPlugin = () => {
               return dataHasAddSectionDialogProps(data) ? /* @__PURE__ */ React4.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 CollectionType ? /* @__PURE__ */ React4.createElement(Main.Content, {
@@ -246,6 +248,7 @@ var StackPlugin = () => {
                   bottombarBlockPaddingEnd
                 ]
               }, /* @__PURE__ */ React4.createElement(StackMain, {
+                id: id ?? fullyQualifiedId(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;
@@ -254,6 +257,7 @@ var StackPlugin = () => {
                 role: "none",
                 className: "row-span-2 overflow-auto"
               }, /* @__PURE__ */ React4.createElement(StackMain, {
+                id: id ?? fullyQualifiedId(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/StackPlugin.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx", "../../../src/components/AddSectionDialog.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin, type PluginDefinition } from '@dxos/app-framework';\nimport { create } from '@dxos/echo-schema';\nimport { type EchoReactiveObject } from '@dxos/echo-schema';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { Main } from '@dxos/react-ui';\nimport { baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { StackMain, StackSettings, AddSectionDialog, dataHasAddSectionDialogProps } from './components';\nimport meta, { SECTION_IDENTIFIER, STACK_PLUGIN } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\nimport { type StackPluginProvides, type StackProvides, type StackState, type StackSettingsProps } from './types';\n\nexport const StackPlugin = (): PluginDefinition<StackPluginProvides> => {\n  const settings = new LocalStorageStore<StackSettingsProps>(STACK_PLUGIN, { separation: true });\n  const stackState = create<StackState>({ creators: [] });\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      settings.prop({ key: 'separation', type: LocalStorageStore.bool() });\n\n      for (const plugin of plugins) {\n        if (plugin.meta.id === STACK_PLUGIN) {\n          continue;\n        }\n\n        if (Array.isArray((plugin as Plugin<StackProvides>).provides?.stack?.creators)) {\n          stackState.creators.push(...((plugin as Plugin<StackProvides>).provides.stack.creators ?? []));\n        }\n      }\n    },\n    provides: {\n      settings: settings.values,\n      metadata: {\n        records: {\n          [StackViewType.typename]: {\n            placeholder: ['stack title placeholder', { ns: STACK_PLUGIN }],\n            icon: 'ph--stack-simple--regular',\n          },\n          [SECTION_IDENTIFIER]: {\n            parse: (section: { object: EchoReactiveObject<any> }, type: string) => {\n              switch (type) {\n                case 'node':\n                  // TODO(wittjosiah): Remove cast.\n                  return { id: section.object.id, label: section.object.title, data: section.object };\n                case 'object':\n                  return section.object;\n                case 'view-object':\n                  return section;\n              }\n            },\n          },\n        },\n      },\n      translations,\n      echo: {\n        schema: [StackViewType],\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (data.component) {\n            case `${STACK_PLUGIN}/AddSectionDialog`:\n              return dataHasAddSectionDialogProps(data) ? <AddSectionDialog {...data.subject} /> : null;\n          }\n\n          const primary = data.active ?? data.object;\n          switch (role) {\n            case 'main':\n              return primary instanceof CollectionType ? (\n                <Main.Content bounce classNames={[baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n                  <StackMain collection={primary} separation={settings.values.separation} />\n                </Main.Content>\n              ) : null;\n            case 'article':\n              return primary instanceof CollectionType ? (\n                <div role='none' className='row-span-2 overflow-auto'>\n                  <StackMain collection={primary} separation={settings.values.separation} />\n                </div>\n              ) : null;\n            case 'settings': {\n              return data.plugin === meta.id ? <StackSettings settings={settings.values} /> : null;\n            }\n            default:\n              return null;\n          }\n        },\n      },\n      stack: stackState,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\n// Lazily load components for content surfaces.\nexport const StackMain = React.lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\nexport * from './AddSectionDialog';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { SettingsValue } from '@dxos/plugin-settings';\nimport { Input, useTranslation } from '@dxos/react-ui';\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    <>\n      <SettingsValue label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </SettingsValue>\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FilePlus } from '@phosphor-icons/react';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { usePlugin, useIntent, LayoutAction, useResolvePlugin, parseFileManagerPlugin } from '@dxos/app-framework';\nimport { type EchoReactiveObject, create } from '@dxos/echo-schema';\nimport { FileType } from '@dxos/plugin-ipfs/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Path } from '@dxos/react-ui-mosaic';\nimport { SearchList } from '@dxos/react-ui-searchlist';\nimport { type AddSectionPosition } from '@dxos/react-ui-stack';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { StackViewType, type StackPluginProvides } from '../types';\n\ntype AddSectionDialogProps = { path?: string; position: AddSectionPosition; collection: CollectionType };\n\nexport const dataHasAddSectionDialogProps = (data: any): data is { subject: AddSectionDialogProps } => {\n  return (\n    'subject' in data &&\n    typeof data.subject === 'object' &&\n    !!data.subject &&\n    'position' in data.subject &&\n    typeof data.subject.position === 'string' &&\n    'collection' in data.subject\n  );\n};\n\nexport const AddSectionDialog = ({ path, position, collection }: AddSectionDialogProps) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n  const stackPlugin = usePlugin<StackPluginProvides>(STACK_PLUGIN);\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const fileRef = useRef<HTMLInputElement | null>(null);\n  const { dispatch } = useIntent();\n  const space = getSpace(collection);\n  const [pending, setPending] = useState<boolean>(false);\n  const [uploadError, setUploadError] = useState<Error | undefined>();\n\n  const handleAdd = useCallback(\n    (sectionObject: EchoReactiveObject<any>) => {\n      const index =\n        position === 'beforeAll'\n          ? 0\n          : position === 'afterAll'\n            ? collection.objects.length\n            : collection.objects.filter(nonNullable).findIndex((section) => section.id === Path.last(path!));\n\n      collection.objects.splice(index + (position === 'after' ? 1 : 0), 0, sectionObject);\n      const stack = collection.views[StackViewType.typename];\n      if (stack) {\n        stack.sections[sectionObject.id] = {};\n      }\n      setPending(false);\n      void dispatch?.({ action: LayoutAction.SET_LAYOUT, data: { element: 'dialog', state: false } });\n    },\n    [collection, path, position, dispatch],\n  );\n\n  const handleFileUpload =\n    fileManagerPlugin?.provides.file.upload && space\n      ? async (file: File) => {\n          const filename = file.name.split('.')[0];\n          try {\n            const info = await fileManagerPlugin.provides.file.upload?.(file, space);\n            if (info) {\n              const obj = create(FileType, { type: file.type, name: filename, filename, cid: info.cid });\n              handleAdd(obj);\n            }\n          } catch (err: any) {\n            setUploadError(err);\n          }\n        }\n      : undefined;\n\n  return (\n    <Dialog.Content>\n      <Dialog.Title>{t(`add section ${position} dialog title`)}</Dialog.Title>\n      <SearchList.Root label={t('add section input placeholder')}>\n        <SearchList.Input placeholder={t('add section input placeholder')} classNames='pli-3' disabled={pending} />\n        <SearchList.Content classNames='min-bs-24 bs-fit max-bs-64 overflow-auto' {...(pending && { inert: 'true' })}>\n          {stackPlugin?.provides?.stack.creators?.map(({ id, icon: Icon, label: propsLabel, testId, intent }) => {\n            const label = toLocalizedString(propsLabel, t);\n            return (\n              <SearchList.Item\n                value={label}\n                key={id}\n                onSelect={async () => {\n                  setPending(true);\n                  const { data: nextSection } = (await dispatch({ ...intent, data: { space } })) ?? {};\n                  handleAdd(nextSection);\n                }}\n                classNames='flex items-center gap-2 pli-2'\n                data-testid={testId}\n              >\n                {Icon && <Icon className={mx(getSize(4), 'shrink-0')} />}\n                <span className='grow truncate'>{label}</span>\n              </SearchList.Item>\n            );\n          })}\n          {handleFileUpload && (\n            <SearchList.Item\n              value={t('upload file label')}\n              classNames='flex items-center gap-2 pli-2'\n              onSelect={() => fileRef.current?.click()}\n            >\n              <FilePlus />\n              <span className='grow truncate'>{t('upload file label')}</span>\n            </SearchList.Item>\n          )}\n          {uploadError && <div className='text-error-500'>{uploadError.message}</div>}\n        </SearchList.Content>\n      </SearchList.Root>\n      {handleFileUpload && (\n        <input\n          type='file'\n          className='sr-only'\n          ref={fileRef}\n          onChange={({ target: { files } }) => files && handleFileUpload(files[0])}\n        />\n      )}\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { translations as stackTranslations } from '@dxos/react-ui-stack';\n\nimport { STACK_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [STACK_PLUGIN]: {\n        'plugin name': 'Stacks',\n        'settings separation label': 'Separate sections',\n        'add section beforeAll dialog title': 'Add a section to the start',\n        'add section afterAll dialog title': 'Add a section to the end',\n        'add section before dialog title': 'Add a section',\n        'add section after dialog title': 'Add a section',\n        'add section input placeholder': 'Find the type of section to add',\n        'upload file label': 'Add file',\n        'add section label': 'Add section',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StackPlugin } from './StackPlugin';\n\nexport default StackPlugin;\n\nexport * from './types';\n\nexport * from './StackPlugin';\n"],
-  "mappings": "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",
-  "names": ["React", "create", "LocalStorageStore", "CollectionType", "Main", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "React", "React", "SettingsValue", "Input", "useTranslation", "StackSettings", "settings", "t", "useTranslation", "STACK_PLUGIN", "SettingsValue", "label", "Input", "Switch", "checked", "separation", "onCheckedChange", "FilePlus", "React", "useCallback", "useRef", "useState", "usePlugin", "useIntent", "LayoutAction", "useResolvePlugin", "parseFileManagerPlugin", "create", "FileType", "getSpace", "Dialog", "toLocalizedString", "useTranslation", "Path", "SearchList", "getSize", "mx", "nonNullable", "dataHasAddSectionDialogProps", "data", "subject", "position", "AddSectionDialog", "path", "collection", "t", "useTranslation", "STACK_PLUGIN", "stackPlugin", "usePlugin", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "fileRef", "useRef", "dispatch", "useIntent", "space", "getSpace", "pending", "setPending", "useState", "uploadError", "setUploadError", "handleAdd", "useCallback", "sectionObject", "index", "objects", "length", "filter", "nonNullable", "findIndex", "section", "id", "Path", "last", "splice", "stack", "views", "StackViewType", "typename", "sections", "action", "LayoutAction", "SET_LAYOUT", "element", "state", "handleFileUpload", "provides", "file", "upload", "filename", "name", "split", "info", "obj", "create", "FileType", "type", "cid", "err", "undefined", "React", "Dialog", "Content", "Title", "SearchList", "Root", "label", "Input", "placeholder", "classNames", "disabled", "inert", "creators", "map", "icon", "Icon", "propsLabel", "testId", "intent", "toLocalizedString", "Item", "value", "key", "onSelect", "nextSection", "data-testid", "className", "mx", "getSize", "span", "current", "click", "FilePlus", "div", "message", "input", "ref", "onChange", "target", "files", "StackMain", "React", "lazy", "translations", "stackTranslations", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "settings", "LocalStorageStore", "STACK_PLUGIN", "separation", "stackState", "create", "creators", "meta", "ready", "plugins", "prop", "key", "type", "bool", "plugin", "id", "Array", "isArray", "provides", "stack", "push", "values", "metadata", "records", "StackViewType", "typename", "placeholder", "ns", "icon", "SECTION_IDENTIFIER", "parse", "section", "object", "label", "title", "data", "translations", "echo", "schema", "surface", "component", "role", "dataHasAddSectionDialogProps", "React", "AddSectionDialog", "subject", "primary", "active", "CollectionType", "Main", "Content", "bounce", "classNames", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "StackMain", "collection", "div", "className", "StackSettings", "StackPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin, type PluginDefinition } from '@dxos/app-framework';\nimport { create, type EchoReactiveObject } from '@dxos/echo-schema';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { StackMain, StackSettings, AddSectionDialog, dataHasAddSectionDialogProps } from './components';\nimport meta, { SECTION_IDENTIFIER, STACK_PLUGIN } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\nimport { type StackPluginProvides, type StackProvides, type StackState, type StackSettingsProps } from './types';\n\nexport const StackPlugin = (): PluginDefinition<StackPluginProvides> => {\n  const settings = new LocalStorageStore<StackSettingsProps>(STACK_PLUGIN, { separation: true });\n  const stackState = create<StackState>({ creators: [] });\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      settings.prop({ key: 'separation', type: LocalStorageStore.bool() });\n\n      for (const plugin of plugins) {\n        if (plugin.meta.id === STACK_PLUGIN) {\n          continue;\n        }\n\n        if (Array.isArray((plugin as Plugin<StackProvides>).provides?.stack?.creators)) {\n          stackState.creators.push(...((plugin as Plugin<StackProvides>).provides.stack.creators ?? []));\n        }\n      }\n    },\n    provides: {\n      settings: settings.values,\n      metadata: {\n        records: {\n          [StackViewType.typename]: {\n            placeholder: ['stack title placeholder', { ns: STACK_PLUGIN }],\n            icon: 'ph--stack-simple--regular',\n          },\n          [SECTION_IDENTIFIER]: {\n            parse: (section: { object: EchoReactiveObject<any> }, type: string) => {\n              switch (type) {\n                case 'node':\n                  // TODO(wittjosiah): Remove cast.\n                  return { id: section.object.id, label: section.object.title, data: section.object };\n                case 'object':\n                  return section.object;\n                case 'view-object':\n                  return section;\n              }\n            },\n          },\n        },\n      },\n      translations,\n      echo: {\n        schema: [StackViewType],\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (data.component) {\n            case `${STACK_PLUGIN}/AddSectionDialog`:\n              return dataHasAddSectionDialogProps(data) ? <AddSectionDialog {...data.subject} /> : null;\n          }\n\n          const primary = data.active ?? data.object;\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          switch (role) {\n            case 'main':\n              return primary instanceof CollectionType ? (\n                <Main.Content bounce classNames={[baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n                  <StackMain\n                    id={id ?? fullyQualifiedId(primary)}\n                    collection={primary}\n                    separation={settings.values.separation}\n                  />\n                </Main.Content>\n              ) : null;\n            case 'article':\n              return primary instanceof CollectionType ? (\n                <div role='none' className='row-span-2 overflow-auto'>\n                  <StackMain\n                    id={id ?? fullyQualifiedId(primary)}\n                    collection={primary}\n                    separation={settings.values.separation}\n                  />\n                </div>\n              ) : null;\n            case 'settings': {\n              return data.plugin === meta.id ? <StackSettings settings={settings.values} /> : null;\n            }\n            default:\n              return null;\n          }\n        },\n      },\n      stack: stackState,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\n// Lazily load components for content surfaces.\nexport const StackMain = React.lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\nexport * from './AddSectionDialog';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { SettingsValue } from '@dxos/plugin-settings';\nimport { Input, useTranslation } from '@dxos/react-ui';\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    <>\n      <SettingsValue label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </SettingsValue>\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FilePlus } from '@phosphor-icons/react';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { usePlugin, useIntent, LayoutAction, useResolvePlugin, parseFileManagerPlugin } from '@dxos/app-framework';\nimport { type EchoReactiveObject, create } from '@dxos/echo-schema';\nimport { FileType } from '@dxos/plugin-ipfs/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Path } from '@dxos/react-ui-mosaic';\nimport { SearchList } from '@dxos/react-ui-searchlist';\nimport { type AddSectionPosition } from '@dxos/react-ui-stack';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { StackViewType, type StackPluginProvides } from '../types';\n\ntype AddSectionDialogProps = { path?: string; position: AddSectionPosition; collection: CollectionType };\n\nexport const dataHasAddSectionDialogProps = (data: any): data is { subject: AddSectionDialogProps } => {\n  return (\n    'subject' in data &&\n    typeof data.subject === 'object' &&\n    !!data.subject &&\n    'position' in data.subject &&\n    typeof data.subject.position === 'string' &&\n    'collection' in data.subject\n  );\n};\n\nexport const AddSectionDialog = ({ path, position, collection }: AddSectionDialogProps) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n  const stackPlugin = usePlugin<StackPluginProvides>(STACK_PLUGIN);\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const fileRef = useRef<HTMLInputElement | null>(null);\n  const { dispatch } = useIntent();\n  const space = getSpace(collection);\n  const [pending, setPending] = useState<boolean>(false);\n  const [uploadError, setUploadError] = useState<Error | undefined>();\n\n  const handleAdd = useCallback(\n    (sectionObject: EchoReactiveObject<any>) => {\n      const index =\n        position === 'beforeAll'\n          ? 0\n          : position === 'afterAll'\n            ? collection.objects.length\n            : collection.objects.filter(nonNullable).findIndex((section) => section.id === Path.last(path!));\n\n      collection.objects.splice(index + (position === 'after' ? 1 : 0), 0, sectionObject);\n      const stack = collection.views[StackViewType.typename];\n      if (stack) {\n        stack.sections[sectionObject.id] = {};\n      }\n      setPending(false);\n      void dispatch?.({ action: LayoutAction.SET_LAYOUT, data: { element: 'dialog', state: false } });\n    },\n    [collection, path, position, dispatch],\n  );\n\n  const handleFileUpload =\n    fileManagerPlugin?.provides.file.upload && space\n      ? async (file: File) => {\n          const filename = file.name.split('.')[0];\n          try {\n            const info = await fileManagerPlugin.provides.file.upload?.(file, space);\n            if (info) {\n              const obj = create(FileType, { type: file.type, name: filename, filename, cid: info.cid });\n              handleAdd(obj);\n            }\n          } catch (err: any) {\n            setUploadError(err);\n          }\n        }\n      : undefined;\n\n  return (\n    <Dialog.Content>\n      <Dialog.Title>{t(`add section ${position} dialog title`)}</Dialog.Title>\n      <SearchList.Root label={t('add section input placeholder')}>\n        <SearchList.Input placeholder={t('add section input placeholder')} classNames='pli-3' disabled={pending} />\n        <SearchList.Content classNames='min-bs-24 bs-fit max-bs-64 overflow-auto' {...(pending && { inert: 'true' })}>\n          {stackPlugin?.provides?.stack.creators?.map(({ id, icon: Icon, label: propsLabel, testId, intent }) => {\n            const label = toLocalizedString(propsLabel, t);\n            return (\n              <SearchList.Item\n                value={label}\n                key={id}\n                onSelect={async () => {\n                  setPending(true);\n                  const { data: nextSection } = (await dispatch({ ...intent, data: { space } })) ?? {};\n                  handleAdd(nextSection);\n                }}\n                classNames='flex items-center gap-2 pli-2'\n                data-testid={testId}\n              >\n                {Icon && <Icon className={mx(getSize(4), 'shrink-0')} />}\n                <span className='grow truncate'>{label}</span>\n              </SearchList.Item>\n            );\n          })}\n          {handleFileUpload && (\n            <SearchList.Item\n              value={t('upload file label')}\n              classNames='flex items-center gap-2 pli-2'\n              onSelect={() => fileRef.current?.click()}\n            >\n              <FilePlus />\n              <span className='grow truncate'>{t('upload file label')}</span>\n            </SearchList.Item>\n          )}\n          {uploadError && <div className='text-error-500'>{uploadError.message}</div>}\n        </SearchList.Content>\n      </SearchList.Root>\n      {handleFileUpload && (\n        <input\n          type='file'\n          className='sr-only'\n          ref={fileRef}\n          onChange={({ target: { files } }) => files && handleFileUpload(files[0])}\n        />\n      )}\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { translations as stackTranslations } from '@dxos/react-ui-stack';\n\nimport { STACK_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [STACK_PLUGIN]: {\n        'plugin name': 'Stacks',\n        'settings separation label': 'Separate sections',\n        'add section beforeAll dialog title': 'Add a section to the start',\n        'add section afterAll dialog title': 'Add a section to the end',\n        'add section before dialog title': 'Add a section',\n        'add section after dialog title': 'Add a section',\n        'add section input placeholder': 'Find the type of section to add',\n        'upload file label': 'Add file',\n        'add section label': 'Add section',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StackPlugin } from './StackPlugin';\n\nexport default StackPlugin;\n\nexport * from './types';\n\nexport * from './StackPlugin';\n"],
+  "mappings": "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",
+  "names": ["React", "create", "LocalStorageStore", "CollectionType", "fullyQualifiedId", "Main", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "React", "React", "SettingsValue", "Input", "useTranslation", "StackSettings", "settings", "t", "useTranslation", "STACK_PLUGIN", "SettingsValue", "label", "Input", "Switch", "checked", "separation", "onCheckedChange", "FilePlus", "React", "useCallback", "useRef", "useState", "usePlugin", "useIntent", "LayoutAction", "useResolvePlugin", "parseFileManagerPlugin", "create", "FileType", "getSpace", "Dialog", "toLocalizedString", "useTranslation", "Path", "SearchList", "getSize", "mx", "nonNullable", "dataHasAddSectionDialogProps", "data", "subject", "position", "AddSectionDialog", "path", "collection", "t", "useTranslation", "STACK_PLUGIN", "stackPlugin", "usePlugin", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "fileRef", "useRef", "dispatch", "useIntent", "space", "getSpace", "pending", "setPending", "useState", "uploadError", "setUploadError", "handleAdd", "useCallback", "sectionObject", "index", "objects", "length", "filter", "nonNullable", "findIndex", "section", "id", "Path", "last", "splice", "stack", "views", "StackViewType", "typename", "sections", "action", "LayoutAction", "SET_LAYOUT", "element", "state", "handleFileUpload", "provides", "file", "upload", "filename", "name", "split", "info", "obj", "create", "FileType", "type", "cid", "err", "undefined", "React", "Dialog", "Content", "Title", "SearchList", "Root", "label", "Input", "placeholder", "classNames", "disabled", "inert", "creators", "map", "icon", "Icon", "propsLabel", "testId", "intent", "toLocalizedString", "Item", "value", "key", "onSelect", "nextSection", "data-testid", "className", "mx", "getSize", "span", "current", "click", "FilePlus", "div", "message", "input", "ref", "onChange", "target", "files", "StackMain", "React", "lazy", "translations", "stackTranslations", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "settings", "LocalStorageStore", "STACK_PLUGIN", "separation", "stackState", "create", "creators", "meta", "ready", "plugins", "prop", "key", "type", "bool", "plugin", "id", "Array", "isArray", "provides", "stack", "push", "values", "metadata", "records", "StackViewType", "typename", "placeholder", "ns", "icon", "SECTION_IDENTIFIER", "parse", "section", "object", "label", "title", "data", "translations", "echo", "schema", "surface", "component", "role", "dataHasAddSectionDialogProps", "React", "AddSectionDialog", "subject", "primary", "active", "undefined", "CollectionType", "Main", "Content", "bounce", "classNames", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "StackMain", "fullyQualifiedId", "collection", "div", "className", "StackSettings", "StackPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-stack/src/meta.tsx":{"bytes":1422,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2578,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3077,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":2031,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/types/index.ts":{"bytes":581,"imports":[{"path":"packages/plugins/plugin-stack/src/types/stack.ts","kind":"import-statement","original":"./stack"},{"path":"packages/plugins/plugin-stack/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytes":18438,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytes":10461,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytes":26729,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/AddSection.tsx","kind":"import-statement","original":"./AddSection"},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/index.ts":{"bytes":1140,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx","kind":"import-statement","original":"./AddSectionDialog"},{"path":"packages/plugins/plugin-stack/src/components/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":2731,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytes":14243,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/index.ts":{"bytes":854,"imports":[{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19550},"packages/plugins/plugin-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/browser/StackMain-MT6W47OT.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SectionSchema","StackPlugin","StackViewType","default"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytesInOutput":3542},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":99},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":554},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytesInOutput":4643},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":710},"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":31}},"bytes":10328},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-stack/src/meta.tsx","inputs":{},"bytes":203},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-MT6W47OT.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19298},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-MT6W47OT.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-stack/src/components/StackMain.tsx","inputs":{"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytesInOutput":6274},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytesInOutput":2546}},"bytes":9234},"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":632},"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-stack/src/meta.tsx":{"bytesInOutput":299}},"bytes":455},"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1475},"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":463},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":605}}}
+{"inputs":{"packages/plugins/plugin-stack/src/meta.tsx":{"bytes":1422,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2578,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3077,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":2031,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/types/index.ts":{"bytes":581,"imports":[{"path":"packages/plugins/plugin-stack/src/types/stack.ts","kind":"import-statement","original":"./stack"},{"path":"packages/plugins/plugin-stack/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytes":18438,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytes":10461,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytes":27132,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/AddSection.tsx","kind":"import-statement","original":"./AddSection"},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/index.ts":{"bytes":1140,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx","kind":"import-statement","original":"./AddSectionDialog"},{"path":"packages/plugins/plugin-stack/src/components/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":2731,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytes":15800,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-stack/src/meta.tsx","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/index.ts":{"bytes":854,"imports":[{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20309},"packages/plugins/plugin-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/browser/StackMain-6GEK3XZ3.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SectionSchema","StackPlugin","StackViewType","default"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytesInOutput":3777},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":99},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":554},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytesInOutput":4643},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":710},"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":31}},"bytes":10563},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-stack/src/meta.tsx","inputs":{},"bytes":203},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-6GEK3XZ3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19553},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-6GEK3XZ3.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-stack/src/components/StackMain.tsx","inputs":{"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytesInOutput":6372},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytesInOutput":2546}},"bytes":9332},"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":632},"packages/plugins/plugin-stack/dist/lib/browser/chunk-H4O4KKLZ.mjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-stack/src/meta.tsx":{"bytesInOutput":299}},"bytes":455},"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1475},"packages/plugins/plugin-stack/dist/lib/browser/chunk-R5KXWF2W.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":463},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":605}}}

package/dist/lib/node/{StackMain-P5DO4ND6.cjs → StackMain-AMKQAQJ6.cjs}

@@ -26,11 +26,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var StackMain_P5DO4ND6_exports = {};
-__export(StackMain_P5DO4ND6_exports, {
+var StackMain_AMKQAQJ6_exports = {};
+__export(StackMain_AMKQAQJ6_exports, {
   default: () => StackMain_default
 });
-module.exports = __toCommonJS(StackMain_P5DO4ND6_exports);
+module.exports = __toCommonJS(StackMain_AMKQAQJ6_exports);
 var import_chunk_PGL7XDNJ = require("./chunk-PGL7XDNJ.cjs");
 var import_chunk_EMD6A66G = require("./chunk-EMD6A66G.cjs");
 var import_react = require("@phosphor-icons/react");
@@ -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");
@@ -129,7 +130,7 @@ 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_PGL7XDNJ.STACK_PLUGIN);
@@ -149,7 +150,6 @@ var StackMain = ({ collection, separation }) => {
     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 = {
@@ -252,7 +252,9 @@ var StackMain = ({ collection, separation }) => {
       [id2]: collapsed
     }));
   };
-  return /* @__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, {
+  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,
@@ -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-P5DO4ND6.cjs.map
+//# sourceMappingURL=StackMain-AMKQAQJ6.cjs.map

package/dist/lib/node/StackMain-AMKQAQJ6.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/index.cjs

@@ -40,6 +40,7 @@ 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"));
@@ -51,7 +52,7 @@ 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");
@@ -76,7 +77,7 @@ var AddSectionDialog = ({ path, position, collection }) => {
   const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
   const fileRef = (0, import_react5.useRef)(null);
   const { dispatch } = (0, import_app_framework.useIntent)();
-  const space = (0, import_echo.getSpace)(collection);
+  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) => {
@@ -165,7 +166,7 @@ var AddSectionDialog = ({ path, position, collection }) => {
     onChange: ({ target: { files } }) => files && handleFileUpload(files[0])
   }));
 };
-var StackMain = import_react2.default.lazy(() => import("./StackMain-P5DO4ND6.cjs"));
+var StackMain = import_react2.default.lazy(() => import("./StackMain-AMKQAQJ6.cjs"));
 var translations_default = [
   {
     "en-US": {
@@ -251,6 +252,7 @@ var StackPlugin = () => {
               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_react.default.createElement(import_react_ui.Main.Content, {
@@ -261,6 +263,7 @@ var StackPlugin = () => {
                   import_react_ui_theme.bottombarBlockPaddingEnd
                 ]
               }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
+                id: id ?? (0, import_echo.fullyQualifiedId)(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;
@@ -269,6 +272,7 @@ var StackPlugin = () => {
                 role: "none",
                 className: "row-span-2 overflow-auto"
               }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
+                id: id ?? (0, import_echo.fullyQualifiedId)(primary),
                 collection: primary,
                 separation: settings.values.separation
               })) : null;