@dxos/plugin-stack 0.8.1 → 0.8.2-main.10c050d

package/dist/lib/node/index.cjs

@@ -34,20 +34,13 @@ __export(node_exports, {
   meta: () => import_chunk_F7ZNJ53O.meta
 });
 module.exports = __toCommonJS(node_exports);
+var import_chunk_5QWZH22T = require("./chunk-5QWZH22T.cjs");
 var import_chunk_F7ZNJ53O = require("./chunk-F7ZNJ53O.cjs");
-var import_chunk_6IPBX635 = require("./chunk-6IPBX635.cjs");
-var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
-var import_echo = require("@dxos/client/echo");
-var import_echo_schema = require("@dxos/echo-schema");
 var import_plugin_client = require("@dxos/plugin-client");
-var import_types = require("@dxos/plugin-space/types");
-var import_react2 = require("react");
-var import_react3 = __toESM(require("react"));
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_form = require("@dxos/react-ui-form");
+var import_app_framework2 = require("@dxos/app-framework");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
-var StackMain = (0, import_react2.lazy)(() => import("./StackMain-4N6IFLMF.cjs"));
+var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-L52YERMX.cjs"));
 var translations_default = [
   {
     "en-US": {
@@ -111,30 +104,13 @@ var StackPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_F7ZN
     id: `${import_chunk_F7ZNJ53O.meta.id}/module/schema`,
     activatesOn: import_plugin_client.ClientEvents.SetupSchema,
     activate: () => (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
-      import_chunk_6IPBX635.StackViewType
+      import_chunk_5QWZH22T.StackViewType
     ])
   }),
   (0, import_app_framework.defineModule)({
     id: `${import_chunk_F7ZNJ53O.meta.id}/module/react-surface`,
     activatesOn: import_app_framework.Events.SetupReactSurface,
-    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, (0, import_app_framework.createSurface)({
-      id: `${import_chunk_F7ZNJ53O.STACK_PLUGIN}/article`,
-      role: "article",
-      filter: (data) => (0, import_echo_schema.isInstanceOf)(import_types.CollectionType, data.subject),
-      component: ({ data }) => {
-        const id = typeof data.id === "string" ? data.id : void 0;
-        return /* @__PURE__ */ import_react.default.createElement("div", {
-          role: "none",
-          className: "overflow-auto",
-          style: {
-            contain: "layout"
-          }
-        }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
-          id: id ?? (0, import_echo.fullyQualifiedId)(data.subject),
-          collection: data.subject
-        }));
-      }
-    }))
+    activate: ReactSurface
   })
 ]);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/StackPlugin.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, defineModule, definePlugin, Events } from '@dxos/app-framework';\nimport { type ReactiveEchoObject, fullyQualifiedId } from '@dxos/client/echo';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { CollectionType } from '@dxos/plugin-space/types';\n\nimport { StackMain } from './components';\nimport { meta, SECTION_IDENTIFIER, STACK_PLUGIN } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\n\nexport const StackPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/metadata`,\n      activatesOn: Events.SetupMetadata,\n      activate: () => [\n        contributes(Capabilities.Metadata, {\n          id: SECTION_IDENTIFIER,\n          metadata: {\n            parse: (section: { object: ReactiveEchoObject<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    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () => contributes(ClientCapabilities.Schema, [StackViewType]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: () =>\n        contributes(\n          Capabilities.ReactSurface,\n          createSurface({\n            id: `${STACK_PLUGIN}/article`,\n            role: 'article',\n            filter: (data): data is { id?: string; subject: CollectionType } =>\n              isInstanceOf(CollectionType, data.subject),\n            component: ({ data }) => {\n              // This allows the id to be overridden by the surface for situations where the id of the collection\n              // is not the same as the id of what is being represented (e.g., a space with a root collection).\n              const id = typeof data.id === 'string' ? data.id : undefined;\n              return (\n                <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n                  <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n                </div>\n              );\n            },\n          }),\n        ),\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  return (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\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        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n        'open chat thread label': 'Open chat thread',\n        'drag handle label': 'Press space or enter to begin dragging this item.',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAA6F;AAC7F,kBAA0D;AAC1D,yBAA6B;AAC7B,2BAAiD;AACjD,mBAA+B;ACN/B,IAAAA,gBAAqB;ACArB,IAAAA,gBAAkB;AAElB,sBAAsC;AACtC,2BAA6D;ACH7D,4BAAkD;AFE3C,IAAMC,gBAAYC,oBAAK,MAAM,OAAO,0BAAA,CAAA;AEE3C,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACC,kCAAAA,GAAe;QACd,eAAe;QACf,6BAA6B;QAC7B,sCAAsC;QACtC,qCAAqC;QACrC,mCAAmC;QACnC,kCAAkC;QAClC,iCAAiC;QACjC,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,6BAA6B;QAC7B,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,gBAAgB;QAChB,kBAAkB;QAClB,0BAA0B;QAC1B,qBAAqB;MACvB;IACF;EACF;KACGC,sBAAAA;;AHjBE,IAAMC,cAAc,UACzBC,mCAAaC,4BAAM;MACjBC,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOC;IACpBC,UAAU,UAAMC,kCAAYC,kCAAaC,cAAcC,oBAAAA;EACzD,CAAA;MACAT,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOO;IACpBL,UAAU,MAAM;UACdC,kCAAYC,kCAAaI,UAAU;QACjCV,IAAIW;QACJC,UAAU;UACRC,OAAO,CAACC,SAA8CC,SAAAA;AACpD,oBAAQA,MAAAA;cACN,KAAK;AAEH,uBAAO;kBAAEf,IAAIc,QAAQE,OAAOhB;kBAAIiB,OAAOH,QAAQE,OAAOE;kBAAOC,MAAML,QAAQE;gBAAO;cACpF,KAAK;AACH,uBAAOF,QAAQE;cACjB,KAAK;AACH,uBAAOF;YACX;UACF;QACF;MACF,CAAA;;EAEJ,CAAA;MACAf,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAamB,kCAAaC;IAC1BjB,UAAU,UAAMC,kCAAYiB,wCAAmBC,QAAQ;MAACC;KAAc;EACxE,CAAA;MACAzB,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOuB;IACpBrB,UAAU,UACRC,kCACEC,kCAAaoB,kBACbC,oCAAc;MACZ3B,IAAI,GAAGN,kCAAAA;MACPkC,MAAM;MACNC,QAAQ,CAACV,aACPW,iCAAaC,6BAAgBZ,KAAKa,OAAO;MAC3CC,WAAW,CAAC,EAAEd,KAAI,MAAE;AAGlB,cAAMnB,KAAK,OAAOmB,KAAKnB,OAAO,WAAWmB,KAAKnB,KAAKkC;AACnD,eACEC,6BAAAA,QAAA,cAACC,OAAAA;UAAIR,MAAK;UAAOS,WAAU;UAAgBC,OAAO;YAAEC,SAAS;UAAS;WACpEJ,6BAAAA,QAAA,cAAC3C,WAAAA;UAAUQ,IAAIA,UAAMwC,8BAAiBrB,KAAKa,OAAO;UAAGS,YAAYtB,KAAKa;;MAG5E;IACF,CAAA,CAAA;EAEN,CAAA;CACD;",
-  "names": ["import_react", "StackMain", "lazy", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupMetadata", "Metadata", "SECTION_IDENTIFIER", "metadata", "parse", "section", "type", "object", "label", "title", "data", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "StackViewType", "SetupReactSurface", "ReactSurface", "createSurface", "role", "filter", "isInstanceOf", "CollectionType", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "fullyQualifiedId", "collection"]
+  "sources": ["../../../src/StackPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';\nimport { type AnyLiveObject } from '@dxos/client/echo';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\n\nimport { ReactSurface } from './capabilities';\nimport { meta, SECTION_IDENTIFIER } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\n\nexport const StackPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/metadata`,\n      activatesOn: Events.SetupMetadata,\n      activate: () => [\n        contributes(Capabilities.Metadata, {\n          id: SECTION_IDENTIFIER,\n          metadata: {\n            parse: (section: { object: AnyLiveObject<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    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () => contributes(ClientCapabilities.Schema, [StackViewType]),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\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        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n        'open chat thread label': 'Open chat thread',\n        'drag handle label': 'Press space or enter to begin dragging this item.',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA8E;AAE9E,2BAAiD;ACFjD,IAAAA,wBAAqB;ACArB,4BAAkD;ADE3C,IAAMC,mBAAeC,4BAAK,MAAM,OAAO,8BAAA,CAAA;ACE9C,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACC,kCAAAA,GAAe;QACd,eAAe;QACf,6BAA6B;QAC7B,sCAAsC;QACtC,qCAAqC;QACrC,mCAAmC;QACnC,kCAAkC;QAClC,iCAAiC;QACjC,qBAAqB;QACrB,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,6BAA6B;QAC7B,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B;QAC3B,gBAAgB;QAChB,kBAAkB;QAClB,0BAA0B;QAC1B,qBAAqB;MACvB;IACF;EACF;KACGC,sBAAAA;;AFrBE,IAAMC,cAAc,UACzBC,mCAAaC,4BAAM;MACjBC,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOC;IACpBC,UAAU,UAAMC,kCAAYC,kCAAaC,cAAcC,oBAAAA;EACzD,CAAA;MACAT,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOO;IACpBL,UAAU,MAAM;UACdC,kCAAYC,kCAAaI,UAAU;QACjCV,IAAIW;QACJC,UAAU;UACRC,OAAO,CAACC,SAAyCC,SAAAA;AAC/C,oBAAQA,MAAAA;cACN,KAAK;AAEH,uBAAO;kBAAEf,IAAIc,QAAQE,OAAOhB;kBAAIiB,OAAOH,QAAQE,OAAOE;kBAAOC,MAAML,QAAQE;gBAAO;cACpF,KAAK;AACH,uBAAOF,QAAQE;cACjB,KAAK;AACH,uBAAOF;YACX;UACF;QACF;MACF,CAAA;;EAEJ,CAAA;MACAf,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAamB,kCAAaC;IAC1BjB,UAAU,UAAMC,kCAAYiB,wCAAmBC,QAAQ;MAACC;KAAc;EACxE,CAAA;MACAzB,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOuB;IACpBrB,UAAUZ;EACZ,CAAA;CACD;",
+  "names": ["import_app_framework", "ReactSurface", "lazy", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupMetadata", "Metadata", "SECTION_IDENTIFIER", "metadata", "parse", "section", "type", "object", "label", "title", "data", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "StackViewType", "SetupReactSurface"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytes":2262,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2814,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytes":1887,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytes":3039,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytes":17464,"imports":[{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3411,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":2111,"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/StackMain.tsx":{"bytes":18779,"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/client/echo","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-attention","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/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"},{"path":"packages/plugins/plugin-stack/src/meta.ts","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":873,"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/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":4239,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytes":11027,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","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.ts","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":592,"imports":[{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8229},"packages/plugins/plugin-stack/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-6IPBX635.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/node/StackMain-4N6IFLMF.cjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","StackPlugin","meta"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytesInOutput":2245},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":94},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":167},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":1230}},"bytes":4329},"packages/plugins/plugin-stack/dist/lib/node/types/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/node/types/index.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-6IPBX635.cjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/node/StackMain-4N6IFLMF.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21725},"packages/plugins/plugin-stack/dist/lib/node/StackMain-4N6IFLMF.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-6IPBX635.cjs","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/client/echo","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","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":4402},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytesInOutput":265},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytesInOutput":5146},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":771}},"bytes":11175},"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1034},"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytesInOutput":557}},"bytes":704},"packages/plugins/plugin-stack/dist/lib/node/chunk-6IPBX635.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1614},"packages/plugins/plugin-stack/dist/lib/node/chunk-6IPBX635.cjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":515},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":657}}}
+{"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytes":2218,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2968,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytes":1847,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytes":3241,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytes":17900,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3567,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":2067,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/types/index.ts":{"bytes":549,"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/StackMain.tsx":{"bytes":19550,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","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-attention","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/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"},{"path":"packages/plugins/plugin-stack/src/meta.ts","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":837,"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/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/capabilities/react-surface.tsx":{"bytes":4565,"imports":[{"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-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","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.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/capabilities/index.ts":{"bytes":791,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":4167,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.ts":{"bytes":6972,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-stack/src/meta.ts","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":560,"imports":[{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.ts","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5354},"packages/plugins/plugin-stack/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-5QWZH22T.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/node/react-surface-L52YERMX.cjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","StackPlugin","meta"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-stack/src/StackPlugin.ts":{"bytesInOutput":1402},"packages/plugins/plugin-stack/src/capabilities/index.ts":{"bytesInOutput":115},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":1230}},"bytes":3215},"packages/plugins/plugin-stack/dist/lib/node/types/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/node/types/index.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-5QWZH22T.cjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/node/StackMain-4DMJWHZ3.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21913},"packages/plugins/plugin-stack/dist/lib/node/StackMain-4DMJWHZ3.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-5QWZH22T.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","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-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","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":4888},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytesInOutput":265},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytesInOutput":5487},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":972}},"bytes":12203},"packages/plugins/plugin-stack/dist/lib/node/chunk-5QWZH22T.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1718},"packages/plugins/plugin-stack/dist/lib/node/chunk-5QWZH22T.cjs":{"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":595},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":737},"packages/plugins/plugin-stack/dist/lib/node/react-surface-L52YERMX.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3556},"packages/plugins/plugin-stack/dist/lib/node/react-surface-L52YERMX.cjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs","kind":"import-statement"},{"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-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/node/StackMain-4DMJWHZ3.cjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"packages/plugins/plugin-stack/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-stack/src/capabilities/react-surface.tsx":{"bytesInOutput":888},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":94},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":248}},"bytes":1705},"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1034},"packages/plugins/plugin-stack/dist/lib/node/chunk-F7ZNJ53O.cjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytesInOutput":557}},"bytes":704}}}

package/dist/lib/node/react-surface-L52YERMX.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_surface_L52YERMX_exports = {};
+__export(react_surface_L52YERMX_exports, {
+  default: () => react_surface_default
+});
+module.exports = __toCommonJS(react_surface_L52YERMX_exports);
+var import_chunk_F7ZNJ53O = require("./chunk-F7ZNJ53O.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_echo_schema = require("@dxos/echo-schema");
+var import_types = require("@dxos/plugin-space/types");
+var import_echo = require("@dxos/react-client/echo");
+var import_react2 = require("react");
+var import_tracking = require("@preact-signals/safe-react/tracking");
+var import_react3 = __toESM(require("react"));
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var StackMain = (0, import_react2.lazy)(() => import("./StackMain-4DMJWHZ3.cjs"));
+var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, (0, import_app_framework.createSurface)({
+  id: `${import_chunk_F7ZNJ53O.STACK_PLUGIN}/article`,
+  role: "article",
+  filter: (data) => (0, import_echo_schema.isInstanceOf)(import_types.CollectionType, data.subject),
+  component: ({ data }) => {
+    const id = typeof data.id === "string" ? data.id : void 0;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "none",
+      className: "overflow-auto",
+      style: {
+        contain: "layout"
+      }
+    }, /* @__PURE__ */ import_react.default.createElement(StackMain, {
+      id: id ?? (0, import_echo.fullyQualifiedId)(data.subject),
+      collection: data.subject
+    }));
+  }
+}));
+//# sourceMappingURL=react-surface-L52YERMX.cjs.map

package/dist/lib/node/react-surface-L52YERMX.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\n\nimport { StackMain } from '../components';\nimport { STACK_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: `${STACK_PLUGIN}/article`,\n      role: 'article',\n      filter: (data): data is { id?: string; subject: CollectionType } => isInstanceOf(CollectionType, data.subject),\n      component: ({ data }) => {\n        // This allows the id to be overridden by the surface for situations where the id of the collection\n        // is not the same as the id of what is being represented (e.g., a space with a root collection).\n        const id = typeof data.id === 'string' ? data.id : undefined;\n        return (\n          <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n            <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n          </div>\n        );\n      },\n    }),\n  );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  return (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAyD;AACzD,yBAA6B;AAC7B,mBAA+B;AAC/B,kBAAiC;ACLjC,IAAAA,gBAAqB;;ACArB,IAAAA,gBAAkB;AAElB,sBAAsC;AACtC,2BAA6D;ADDtD,IAAMC,gBAAYC,oBAAK,MAAM,OAAO,0BAAA,CAAA;ADQ3C,IAAA,wBAAe,UACbC,kCACEC,kCAAaC,kBACbC,oCAAc;EACZC,IAAI,GAAGC,kCAAAA;EACPC,MAAM;EACNC,QAAQ,CAACC,aAA2DC,iCAAaC,6BAAgBF,KAAKG,OAAO;EAC7GC,WAAW,CAAC,EAAEJ,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKS;AACnD,WACEC,6BAAAA,QAAA,cAACC,OAAAA;MAAIT,MAAK;MAAOU,WAAU;MAAgBC,OAAO;QAAEC,SAAS;MAAS;OACpEJ,6BAAAA,QAAA,cAAChB,WAAAA;MAAUM,IAAIA,UAAMe,8BAAiBX,KAAKG,OAAO;MAAGS,YAAYZ,KAAKG;;EAG5E;AACF,CAAA,CAAA;",
+  "names": ["import_react", "StackMain", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "STACK_PLUGIN", "role", "filter", "data", "isInstanceOf", "CollectionType", "subject", "component", "undefined", "React", "div", "className", "style", "contain", "fullyQualifiedId", "collection"]
+}

package/dist/lib/node/types/index.cjs

@@ -18,11 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
 __export(types_exports, {
-  SectionSchema: () => import_chunk_6IPBX635.SectionSchema,
-  StackViewType: () => import_chunk_6IPBX635.StackViewType
+  SectionSchema: () => import_chunk_5QWZH22T.SectionSchema,
+  StackViewType: () => import_chunk_5QWZH22T.StackViewType
 });
 module.exports = __toCommonJS(types_exports);
-var import_chunk_6IPBX635 = require("../chunk-6IPBX635.cjs");
+var import_chunk_5QWZH22T = require("../chunk-5QWZH22T.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SectionSchema,

package/dist/lib/node/types/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.cjs"],
-  "sourcesContent": ["import {\n  SectionSchema,\n  StackViewType\n} from \"../chunk-6IPBX635.cjs\";\nexport {\n  SectionSchema,\n  StackViewType\n};\n//# sourceMappingURL=index.cjs.map\n"],
+  "sourcesContent": ["import {\n  SectionSchema,\n  StackViewType\n} from \"../chunk-5QWZH22T.cjs\";\nexport {\n  SectionSchema,\n  StackViewType\n};\n//# sourceMappingURL=index.cjs.map\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;",
   "names": []
 }

package/dist/lib/node-esm/StackMain-7FHYHLK6.mjs

@@ -0,0 +1,316 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  StackViewType
+} from "./chunk-3R62SZZT.mjs";
+import {
+  STACK_PLUGIN
+} from "./chunk-YW7WYA4H.mjs";
+
+// packages/plugins/plugin-stack/src/components/StackMain.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import { Plus } from "@phosphor-icons/react";
+import { Option } from "effect";
+import React3, { useCallback, useEffect, useMemo, useState as useState2 } from "react";
+import { Capabilities, createIntent, LayoutAction, useAppGraph, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
+import { fullyQualifiedId, getTypename, isLiveObject, live, makeRef } from "@dxos/client/echo";
+import { SpaceAction } from "@dxos/plugin-space/types";
+import { Button, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { AttentionProvider } from "@dxos/react-ui-attention";
+import { Stack } from "@dxos/react-ui-stack";
+import { isNonNullable } from "@dxos/util";
+
+// packages/plugins/plugin-stack/src/components/StackContext.tsx
+import { createContext, useContext } from "react";
+var StackContext = /* @__PURE__ */ createContext({
+  onCollapse: () => {
+  },
+  onNavigate: async () => {
+  },
+  onDelete: async () => {
+  },
+  onAdd: () => {
+  }
+});
+var useStack = () => useContext(StackContext);
+
+// packages/plugins/plugin-stack/src/components/StackSection.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import React2, { useState } from "react";
+import { Surface } from "@dxos/app-framework";
+import { DropdownMenu, Icon, useTranslation, IconButton } from "@dxos/react-ui";
+import { useAttendableAttributes } from "@dxos/react-ui-attention";
+import { StackItem } from "@dxos/react-ui-stack";
+import { mx, getSize, textBlockWidth } from "@dxos/react-ui-theme";
+
+// packages/plugins/plugin-stack/src/components/CaretDownUp.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+var CaretDownUp = ({ children, ...props }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 256 256",
+      ...props
+    }, /* @__PURE__ */ React.createElement("rect", {
+      width: "256",
+      height: "256",
+      fill: "none"
+    }), /* @__PURE__ */ React.createElement("polyline", {
+      points: "80 224 128 176 176 224",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "16"
+    }), /* @__PURE__ */ React.createElement("polyline", {
+      points: "80 32 128 80 176 32",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "16"
+    }), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// packages/plugins/plugin-stack/src/components/StackSection.tsx
+var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
+var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation(STACK_PLUGIN);
+    const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
+    const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
+    const attendableAttrs = useAttendableAttributes(id);
+    return /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Root, {
+      asChild: true,
+      open: !view.collapsed,
+      onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
+    }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
+      item: {
+        id
+      },
+      role: "section",
+      ...attendableAttrs,
+      classNames: "border-be border-separator"
+    }, /* @__PURE__ */ React2.createElement(StackItem.Heading, {
+      classNames: "attention-surface border-ie !border-separator"
+    }, /* @__PURE__ */ React2.createElement("span", {
+      className: "sr-only"
+    }, view.title), /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "sticky -block-start-px bg-[--sticky-bg] p-1 is-full"
+    }, /* @__PURE__ */ React2.createElement(DropdownMenu.Root, {
+      open: optionsMenuOpen,
+      onOpenChange: setOptionsMenuOpen
+    }, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React2.createElement(Icon, {
+      icon,
+      size: 5,
+      classNames: "transition-opacity"
+    }))), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+      onClick: () => onNavigate(id),
+      "data-testid": "section.navigate-to"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--arrow-right--regular",
+      size: 5
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "mis-2 grow"
+    }, t("navigate to section label"))) : /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement(DropdownMenu.Item, null, /* @__PURE__ */ React2.createElement(CaretDownUp, {
+      className: getSize(5)
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "mis-2 grow"
+    }, t("collapse label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+      onClick: () => onAdd(id, "before"),
+      "data-testid": "section.add-before"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--arrow-line-up--regular",
+      size: 5
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "mis-2 grow"
+    }, t("add section before label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+      onClick: () => onAdd(id, "after"),
+      "data-testid": "section.add-after"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--arrow-line-down--regular",
+      size: 5
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "mis-2 grow"
+    }, t("add section after label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
+      onClick: () => onDelete(id),
+      "data-testid": "section.remove"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--trash--regular",
+      size: 5
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "mis-2 grow"
+    }, t("remove section label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement(IconButton, {
+      iconOnly: true,
+      variant: "ghost",
+      label: t("expand label"),
+      icon: "ph--caret-up-down--regular",
+      classNames: sectionActionDimensions
+    })) : /* @__PURE__ */ React2.createElement(IconButton, {
+      iconOnly: true,
+      variant: "ghost",
+      onClick: () => onNavigate(id),
+      label: t("navigate to section label"),
+      icon: "ph--arrow-right--regular",
+      "data-testid": "section.navigate-to",
+      classNames: sectionActionDimensions
+    }))), /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ React2.createElement(Surface, {
+      role: "section",
+      data: {
+        subject: object
+      },
+      limit: 1,
+      placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
+    })), view.collapsed && /* @__PURE__ */ React2.createElement(StackItem.Content, {
+      classNames: "attention-surface"
+    }, /* @__PURE__ */ React2.createElement("h2", {
+      className: mx("flex items-center p-4 font-medium", textBlockWidth)
+    }, view.title))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// packages/plugins/plugin-stack/src/components/StackMain.tsx
+var StackMain = ({ id, collection }) => {
+  var _effect = _useSignals3();
+  try {
+    const { dispatchPromise: dispatch } = useIntentDispatcher();
+    const { graph } = useAppGraph();
+    const { t } = useTranslation2(STACK_PLUGIN);
+    const allMetadata = useCapabilities(Capabilities.Metadata);
+    const defaultStack = useMemo(() => live(StackViewType, {
+      sections: {}
+    }), [
+      collection
+    ]);
+    const stack = collection.views[StackViewType.typename]?.target ?? defaultStack;
+    const [collapsedSections, setCollapsedSections] = useState2({});
+    useEffect(() => {
+      if (!collection.views[StackViewType.typename]) {
+        collection.views[StackViewType.typename] = makeRef(stack);
+      }
+    }, [
+      collection,
+      stack
+    ]);
+    const items = collection.objects.map((object) => object.target).filter(isNonNullable).map((object) => {
+      const metadata = allMetadata.find((m) => m.id === (getTypename(object) ?? "never"))?.metadata;
+      const view = {
+        ...stack.sections[object.id],
+        collapsed: collapsedSections[fullyQualifiedId(object)],
+        title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
+        toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t)
+      };
+      return {
+        id: fullyQualifiedId(object),
+        object,
+        metadata,
+        view
+      };
+    }) ?? [];
+    const handleDelete = useCallback(async (id2) => {
+      const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) => fullyQualifiedId(section) === id2);
+      const object = collection.objects[index].target;
+      if (isLiveObject(object)) {
+        await dispatch(createIntent(SpaceAction.RemoveObjects, {
+          objects: [
+            object
+          ],
+          target: collection
+        }));
+      }
+    }, [
+      collection,
+      dispatch
+    ]);
+    const handleAdd = useCallback(async (id2, position) => {
+      await dispatch?.(
+        // TODO(wittjosiah): Use object creation dialog.
+        createIntent(LayoutAction.UpdateDialog, {
+          part: "dialog",
+          subject: `${STACK_PLUGIN}/AddSectionDialog`,
+          options: {
+            blockAlign: "start",
+            props: {
+              path: id2,
+              position,
+              collection
+            }
+          }
+        })
+      );
+    }, [
+      collection,
+      dispatch
+    ]);
+    const handleNavigate = useCallback(async (id2) => {
+      await dispatch(createIntent(LayoutAction.Open, {
+        part: "main",
+        subject: [
+          id2
+        ]
+      }));
+    }, [
+      dispatch
+    ]);
+    const handleCollapse = useCallback((id2, collapsed) => setCollapsedSections((prev) => ({
+      ...prev,
+      [id2]: collapsed
+    })), []);
+    const handleAddSection = useCallback(() => dispatch?.(createIntent(SpaceAction.OpenCreateObject, {
+      target: collection,
+      navigable: false
+    })), [
+      collection,
+      dispatch
+    ]);
+    return /* @__PURE__ */ React3.createElement(AttentionProvider, {
+      id
+    }, /* @__PURE__ */ React3.createElement(StackContext.Provider, {
+      value: {
+        onCollapse: handleCollapse,
+        onNavigate: handleNavigate,
+        onDelete: handleDelete,
+        onAdd: handleAdd
+      }
+    }, /* @__PURE__ */ React3.createElement(Stack, {
+      orientation: "vertical",
+      size: "intrinsic",
+      id,
+      "data-testid": "main.stack"
+    }, items.map((item) => /* @__PURE__ */ React3.createElement(StackSection, {
+      key: item.id,
+      ...item
+    }))), /* @__PURE__ */ React3.createElement("div", {
+      role: "none",
+      className: "flex mlb-2 pli-2 justify-center"
+    }, /* @__PURE__ */ React3.createElement(Button, {
+      "data-testid": "stack.createSection",
+      classNames: "gap-2",
+      onClick: handleAddSection
+    }, /* @__PURE__ */ React3.createElement(Plus, null), /* @__PURE__ */ React3.createElement("span", {
+      className: "sr-only"
+    }, t("add section label"))))));
+  } finally {
+    _effect.f();
+  }
+};
+var StackMain_default = StackMain;
+export {
+  StackMain_default as default
+};
+//# sourceMappingURL=StackMain-7FHYHLK6.mjs.map