@dxos/plugin-stack 0.8.4-main.5ea62a8 → 0.8.4-main.66e292d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{StackMain-5DM2ROIH.mjs → StackContainer-DD3ZD5OE.mjs} +35 -35
- package/dist/lib/browser/StackContainer-DD3ZD5OE.mjs.map +7 -0
- package/dist/lib/browser/{chunk-IRTROCUQ.mjs → chunk-NHMDZYOB.mjs} +3 -3
- package/dist/lib/browser/chunk-NHMDZYOB.mjs.map +7 -0
- package/dist/lib/browser/{chunk-FVB7LGW7.mjs → chunk-UIKFKRFJ.mjs} +7 -5
- package/dist/lib/browser/chunk-UIKFKRFJ.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +7 -9
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-HHFHCDYN.mjs → react-surface-HVPK7YZQ.mjs} +12 -19
- package/dist/lib/browser/react-surface-HVPK7YZQ.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node-esm/{StackMain-SZBR33SL.mjs → StackContainer-JGWPXSUF.mjs} +35 -35
- package/dist/lib/node-esm/StackContainer-JGWPXSUF.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-UN5PA7TK.mjs → chunk-BGVQYUYP.mjs} +7 -5
- package/dist/lib/node-esm/chunk-BGVQYUYP.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-LRAZXJ65.mjs → chunk-ZZFA7HIV.mjs} +3 -3
- package/dist/lib/node-esm/chunk-ZZFA7HIV.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +7 -9
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-6EQRTJGA.mjs → react-surface-HYSD7AC2.mjs} +12 -19
- package/dist/lib/node-esm/react-surface-HYSD7AC2.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/StackPlugin.d.ts +1 -1
- package/dist/types/src/StackPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/StackContainer.d.ts +9 -0
- package/dist/types/src/components/StackContainer.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +3 -3
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +0 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +3 -3
- package/dist/types/src/types/stack.d.ts +3 -3
- package/dist/types/src/types/stack.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +2 -2
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +34 -34
- package/src/StackPlugin.ts +37 -38
- package/src/capabilities/react-surface.tsx +7 -12
- package/src/components/{StackMain.tsx → StackContainer.tsx} +61 -49
- package/src/components/StackSection.tsx +3 -3
- package/src/components/StackSettings.tsx +3 -3
- package/src/components/index.ts +1 -1
- package/src/meta.ts +6 -3
- package/src/translations.ts +3 -3
- package/src/types/stack.ts +2 -2
- package/src/types/types.ts +2 -2
- package/dist/lib/browser/StackMain-5DM2ROIH.mjs.map +0 -7
- package/dist/lib/browser/chunk-FVB7LGW7.mjs.map +0 -7
- package/dist/lib/browser/chunk-IRTROCUQ.mjs.map +0 -7
- package/dist/lib/browser/react-surface-HHFHCDYN.mjs.map +0 -7
- package/dist/lib/node-esm/StackMain-SZBR33SL.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-LRAZXJ65.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-UN5PA7TK.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-6EQRTJGA.mjs.map +0 -7
- package/dist/types/src/components/StackMain.d.ts +0 -9
- package/dist/types/src/components/StackMain.d.ts.map +0 -1
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "./chunk-
|
|
2
|
+
meta
|
|
3
|
+
} from "./chunk-UIKFKRFJ.mjs";
|
|
4
4
|
|
|
5
|
-
// src/components/
|
|
5
|
+
// src/components/StackContainer.tsx
|
|
6
6
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
7
|
-
import
|
|
7
|
+
import * as Option from "effect/Option";
|
|
8
8
|
import React3, { useCallback, useState as useState2 } from "react";
|
|
9
|
-
import { Capabilities, LayoutAction, createIntent
|
|
10
|
-
import {
|
|
9
|
+
import { Capabilities, LayoutAction, createIntent } from "@dxos/app-framework";
|
|
10
|
+
import { useAppGraph, useCapabilities, useIntentDispatcher } from "@dxos/app-framework/react";
|
|
11
|
+
import { isLiveObject } from "@dxos/client/echo";
|
|
11
12
|
import { Obj } from "@dxos/echo";
|
|
12
13
|
import { SpaceAction } from "@dxos/plugin-space/types";
|
|
13
|
-
import {
|
|
14
|
+
import { Toolbar, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
14
15
|
import { AttentionProvider } from "@dxos/react-ui-attention";
|
|
15
|
-
import { Stack } from "@dxos/react-ui-stack";
|
|
16
|
+
import { Stack, StackItem as StackItem2 } from "@dxos/react-ui-stack";
|
|
16
17
|
import { isNonNullable } from "@dxos/util";
|
|
17
18
|
|
|
18
19
|
// src/components/StackContext.tsx
|
|
@@ -33,7 +34,7 @@ var useStack = () => useContext(StackContext);
|
|
|
33
34
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
34
35
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
35
36
|
import React2, { useMemo, useState } from "react";
|
|
36
|
-
import { Surface } from "@dxos/app-framework";
|
|
37
|
+
import { Surface } from "@dxos/app-framework/react";
|
|
37
38
|
import { DropdownMenu, Icon, IconButton, useTranslation } from "@dxos/react-ui";
|
|
38
39
|
import { useAttentionAttributes } from "@dxos/react-ui-attention";
|
|
39
40
|
import { StackItem } from "@dxos/react-ui-stack";
|
|
@@ -78,7 +79,7 @@ var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs
|
|
|
78
79
|
var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
|
|
79
80
|
var _effect = _useSignals2();
|
|
80
81
|
try {
|
|
81
|
-
const { t } = useTranslation(
|
|
82
|
+
const { t } = useTranslation(meta.id);
|
|
82
83
|
const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
|
|
83
84
|
const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
|
|
84
85
|
const attentionAttrs = useAttentionAttributes(id);
|
|
@@ -179,32 +180,32 @@ var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--reg
|
|
|
179
180
|
}
|
|
180
181
|
};
|
|
181
182
|
|
|
182
|
-
// src/components/
|
|
183
|
-
var
|
|
183
|
+
// src/components/StackContainer.tsx
|
|
184
|
+
var StackContainer = ({ id, collection }) => {
|
|
184
185
|
var _effect = _useSignals3();
|
|
185
186
|
try {
|
|
186
187
|
const { dispatchPromise: dispatch } = useIntentDispatcher();
|
|
187
188
|
const { graph } = useAppGraph();
|
|
188
|
-
const { t } = useTranslation2(
|
|
189
|
+
const { t } = useTranslation2(meta.id);
|
|
189
190
|
const allMetadata = useCapabilities(Capabilities.Metadata);
|
|
190
191
|
const [collapsedSections, setCollapsedSections] = useState2({});
|
|
191
192
|
const items = collection.objects.map((object) => object.target).filter(isNonNullable).map((object) => {
|
|
192
193
|
const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? "never"))?.metadata;
|
|
193
194
|
const view = {
|
|
194
195
|
// ...stack.sections[object.id],
|
|
195
|
-
collapsed: collapsedSections[
|
|
196
|
+
collapsed: collapsedSections[Obj.getDXN(object).toString()],
|
|
196
197
|
title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
|
|
197
|
-
toLocalizedString(graph.getNode(
|
|
198
|
+
toLocalizedString(graph.getNode(Obj.getDXN(object).toString()).pipe(Option.getOrNull)?.properties.label, t)
|
|
198
199
|
};
|
|
199
200
|
return {
|
|
200
|
-
id:
|
|
201
|
+
id: Obj.getDXN(object).toString(),
|
|
201
202
|
object,
|
|
202
203
|
metadata,
|
|
203
204
|
view
|
|
204
205
|
};
|
|
205
206
|
}) ?? [];
|
|
206
207
|
const handleDelete = useCallback(async (id2) => {
|
|
207
|
-
const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) =>
|
|
208
|
+
const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) => Obj.getDXN(section).toString() === id2);
|
|
208
209
|
const object = collection.objects[index].target;
|
|
209
210
|
if (isLiveObject(object)) {
|
|
210
211
|
await dispatch(createIntent(SpaceAction.RemoveObjects, {
|
|
@@ -223,7 +224,7 @@ var StackMain = ({ id, collection }) => {
|
|
|
223
224
|
// TODO(wittjosiah): Use object creation dialog.
|
|
224
225
|
createIntent(LayoutAction.UpdateDialog, {
|
|
225
226
|
part: "dialog",
|
|
226
|
-
subject: `${
|
|
227
|
+
subject: `${meta.id}/AddSectionDialog`,
|
|
227
228
|
options: {
|
|
228
229
|
blockAlign: "start",
|
|
229
230
|
props: {
|
|
@@ -259,7 +260,16 @@ var StackMain = ({ id, collection }) => {
|
|
|
259
260
|
collection,
|
|
260
261
|
dispatch
|
|
261
262
|
]);
|
|
262
|
-
return /* @__PURE__ */ React3.createElement(
|
|
263
|
+
return /* @__PURE__ */ React3.createElement(StackItem2.Content, {
|
|
264
|
+
toolbar: true,
|
|
265
|
+
classNames: "container-max-width overflow-hidden border-l border-r border-subduedSeparator"
|
|
266
|
+
}, /* @__PURE__ */ React3.createElement(Toolbar.Root, null, /* @__PURE__ */ React3.createElement(Toolbar.IconButton, {
|
|
267
|
+
icon: "ph--plus--regular",
|
|
268
|
+
iconOnly: true,
|
|
269
|
+
label: "Add section",
|
|
270
|
+
"data-testid": "stack.addSection",
|
|
271
|
+
onClick: handleAddSection
|
|
272
|
+
})), /* @__PURE__ */ React3.createElement(AttentionProvider, {
|
|
263
273
|
id
|
|
264
274
|
}, /* @__PURE__ */ React3.createElement(StackContext.Provider, {
|
|
265
275
|
value: {
|
|
@@ -272,28 +282,18 @@ var StackMain = ({ id, collection }) => {
|
|
|
272
282
|
orientation: "vertical",
|
|
273
283
|
size: "intrinsic",
|
|
274
284
|
id,
|
|
275
|
-
"data-testid": "main.stack"
|
|
285
|
+
"data-testid": "main.stack",
|
|
286
|
+
classNames: "overflow-y-auto"
|
|
276
287
|
}, items.map((item) => /* @__PURE__ */ React3.createElement(StackSection, {
|
|
277
288
|
key: item.id,
|
|
278
289
|
...item
|
|
279
|
-
})))
|
|
280
|
-
role: "none",
|
|
281
|
-
className: "flex mlb-2 pli-2 justify-center"
|
|
282
|
-
}, /* @__PURE__ */ React3.createElement(Button, {
|
|
283
|
-
"data-testid": "stack.createSection",
|
|
284
|
-
classNames: "gap-2",
|
|
285
|
-
onClick: handleAddSection
|
|
286
|
-
}, /* @__PURE__ */ React3.createElement(Icon2, {
|
|
287
|
-
icon: "ph--plus"
|
|
288
|
-
}), /* @__PURE__ */ React3.createElement("span", {
|
|
289
|
-
className: "sr-only"
|
|
290
|
-
}, t("add section label"))))));
|
|
290
|
+
}))))));
|
|
291
291
|
} finally {
|
|
292
292
|
_effect.f();
|
|
293
293
|
}
|
|
294
294
|
};
|
|
295
|
-
var
|
|
295
|
+
var StackContainer_default = StackContainer;
|
|
296
296
|
export {
|
|
297
|
-
|
|
297
|
+
StackContainer_default as default
|
|
298
298
|
};
|
|
299
|
-
//# sourceMappingURL=
|
|
299
|
+
//# sourceMappingURL=StackContainer-DD3ZD5OE.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/StackContainer.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useState } from 'react';\n\nimport { Capabilities, LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useAppGraph, useCapabilities, useIntentDispatcher } from '@dxos/app-framework/react';\nimport { isLiveObject } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack, StackItem } from '@dxos/react-ui-stack';\nimport { type Collection } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\nimport {\n type AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\n} from '../types';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\n\ntype StackContainerProps = {\n id: string;\n collection: Collection.Collection;\n};\n\nconst StackContainer = ({ id, collection }: StackContainerProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(meta.id);\n const allMetadata = useCapabilities(Capabilities.Metadata);\n const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n // TODO(wittjosiah): Re-implement stack views with relations.\n // const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);\n // const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;\n // useEffect(() => {\n // if (!collection.views[StackViewType.typename]) {\n // collection.views[StackViewType.typename] = Ref.make(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 .map((object) => object.target)\n .filter(isNonNullable)\n .map((object) => {\n const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? 'never'))\n ?.metadata as StackSectionMetadata;\n const view = {\n // ...stack.sections[object.id],\n collapsed: collapsedSections[Obj.getDXN(object).toString()],\n title:\n (object as any)?.title ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(Obj.getDXN(object).toString()).pipe(Option.getOrNull)?.properties.label, t),\n } as StackSectionView;\n return { id: Obj.getDXN(object).toString(), object, metadata, view } satisfies StackSectionItem;\n }) ?? [];\n\n const handleDelete = useCallback(\n async (id: string) => {\n const index = collection.objects\n .map((object) => object.target)\n .filter(isNonNullable)\n .findIndex((section) => Obj.getDXN(section).toString() === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(\n createIntent(SpaceAction.RemoveObjects, {\n objects: [object],\n target: collection,\n }),\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 [collection, dispatch],\n );\n\n const handleAdd = useCallback(\n async (id: string, position: AddSectionPosition) => {\n await dispatch?.(\n // TODO(wittjosiah): Use object creation dialog.\n createIntent(LayoutAction.UpdateDialog, {\n part: 'dialog',\n subject: `${meta.id}/AddSectionDialog`,\n options: {\n blockAlign: 'start',\n props: {\n path: id,\n position,\n collection,\n },\n },\n }),\n );\n },\n [collection, dispatch],\n );\n\n const handleNavigate = useCallback(\n async (id: string) => {\n await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));\n },\n [dispatch],\n );\n\n const handleCollapse = useCallback(\n (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n [],\n );\n\n const handleAddSection = useCallback(\n () =>\n dispatch?.(\n createIntent(SpaceAction.OpenCreateObject, {\n target: collection,\n navigable: false,\n }),\n ),\n [collection, dispatch],\n );\n\n return (\n <StackItem.Content\n toolbar\n classNames='container-max-width overflow-hidden border-l border-r border-subduedSeparator'\n >\n <Toolbar.Root>\n <Toolbar.IconButton\n icon='ph--plus--regular'\n iconOnly\n label='Add section'\n data-testid='stack.addSection'\n onClick={handleAddSection}\n />\n </Toolbar.Root>\n <AttentionProvider id={id}>\n <StackContext.Provider\n value={{\n onCollapse: handleCollapse,\n onNavigate: handleNavigate,\n onDelete: handleDelete,\n onAdd: handleAdd,\n }}\n >\n <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack' classNames='overflow-y-auto'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n </StackContext.Provider>\n </AttentionProvider>\n </StackItem.Content>\n );\n};\n\nexport default StackContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n onCollapse: (id: string, collapsed: boolean) => void;\n onNavigate: (id: string) => Promise<void>;\n onDelete: (id: string) => Promise<void>;\n onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n onCollapse: () => {},\n onNavigate: async () => {},\n onDelete: async () => {},\n onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { DropdownMenu, Icon, IconButton, useTranslation } from '@dxos/react-ui';\nimport { useAttentionAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { getSize, mx, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\n\nconst sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport type StackSectionProps = StackSectionItem;\n\nexport const StackSection = ({\n id,\n view,\n object,\n metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionProps) => {\n const { t } = useTranslation(meta.id);\n const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n const attentionAttrs = useAttentionAttributes(id);\n const stackItem = useMemo(() => ({ id }), [id]);\n\n return (\n <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n <StackItem.Root item={stackItem} role='section' {...attentionAttrs}>\n <StackItem.Heading classNames='attention-surface'>\n <span className='sr-only'>{view.title}</span>\n <StackItem.HeadingStickyContent>\n <DropdownMenu.Root\n {...{\n open: optionsMenuOpen,\n onOpenChange: setOptionsMenuOpen,\n }}\n >\n <DropdownMenu.Trigger asChild>\n <StackItem.SigilButton>\n <Icon icon={icon} size={5} classNames='transition-opacity' />\n </StackItem.SigilButton>\n </DropdownMenu.Trigger>\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n {view.collapsed ? (\n <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n <Icon icon='ph--arrow-right--regular' size={5} />\n <span className='mis-2 grow'>{t('navigate to section label')}</span>\n </DropdownMenu.Item>\n ) : (\n <CollapsiblePrimitive.Trigger asChild>\n <DropdownMenu.Item>\n <CaretDownUp className={getSize(5)} />\n <span className='mis-2 grow'>{t('collapse label')}</span>\n </DropdownMenu.Item>\n </CollapsiblePrimitive.Trigger>\n )}\n <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n <Icon icon='ph--arrow-line-up--regular' size={5} />\n <span className='mis-2 grow'>{t('add section before label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n <Icon icon='ph--arrow-line-down--regular' size={5} />\n <span className='mis-2 grow'>{t('add section after label')}</span>\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n <Icon icon='ph--trash--regular' size={5} />\n <span className='mis-2 grow'>{t('remove section label')}</span>\n </DropdownMenu.Item>\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n </DropdownMenu.Root>\n {view.collapsed ? (\n <CollapsiblePrimitive.Trigger asChild>\n <IconButton\n iconOnly\n variant='ghost'\n label={t('expand label')}\n icon='ph--caret-up-down--regular'\n classNames={sectionActionDimensions}\n />\n </CollapsiblePrimitive.Trigger>\n ) : (\n <IconButton\n iconOnly\n variant='ghost'\n onClick={() => onNavigate(id)}\n label={t('navigate to section label')}\n icon='ph--arrow-right--regular'\n data-testid='section.navigate-to'\n classNames={sectionActionDimensions}\n />\n )}\n </StackItem.HeadingStickyContent>\n </StackItem.Heading>\n <CollapsiblePrimitive.Content>\n <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n </CollapsiblePrimitive.Content>\n {view.collapsed && (\n <StackItem.Content classNames='attention-surface'>\n <h2 className={mx('flex items-center p-4 font-medium', textBlockWidth)}>{view.title}</h2>\n </StackItem.Content>\n )}\n </StackItem.Root>\n </CollapsiblePrimitive.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n return (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n <rect width='256' height='256' fill='none' />\n <polyline\n points='80 224 128 176 176 224'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n <polyline\n points='80 32 128 80 176 32'\n fill='none'\n stroke='currentColor'\n strokeLinecap='round'\n strokeLinejoin='round'\n strokeWidth='16'\n />\n {children}\n </svg>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Option", "React", "useCallback", "useState", "Capabilities", "LayoutAction", "createIntent", "useAppGraph", "useCapabilities", "useIntentDispatcher", "isLiveObject", "Obj", "SpaceAction", "Toolbar", "toLocalizedString", "useTranslation", "AttentionProvider", "Stack", "StackItem", "isNonNullable", "createContext", "useContext", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CollapsiblePrimitive", "React", "useMemo", "useState", "Surface", "DropdownMenu", "Icon", "IconButton", "useTranslation", "useAttentionAttributes", "StackItem", "getSize", "mx", "textBlockWidth", "React", "CaretDownUp", "children", "props", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "meta", "onNavigate", "onAdd", "onCollapse", "onDelete", "useStack", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attentionAttrs", "useAttentionAttributes", "stackItem", "useMemo", "React", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "Heading", "classNames", "span", "className", "title", "HeadingStickyContent", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "CaretDownUp", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "h2", "mx", "textBlockWidth", "StackContainer", "id", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "t", "useTranslation", "meta", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "collapsedSections", "setCollapsedSections", "useState", "items", "objects", "map", "object", "target", "filter", "isNonNullable", "metadata", "find", "m", "Obj", "getTypename", "view", "collapsed", "getDXN", "toString", "title", "toLocalizedString", "getNode", "pipe", "getOrNull", "properties", "label", "handleDelete", "useCallback", "index", "findIndex", "section", "isLiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "UpdateDialog", "part", "subject", "options", "blockAlign", "props", "path", "handleNavigate", "Open", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "React", "StackItem", "Content", "toolbar", "classNames", "Toolbar", "Root", "IconButton", "icon", "iconOnly", "data-testid", "onClick", "AttentionProvider", "StackContext", "Provider", "value", "onCollapse", "onNavigate", "onDelete", "onAdd", "Stack", "orientation", "size", "item", "StackSection", "key"]
|
|
7
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// src/types/stack.ts
|
|
2
|
-
import
|
|
3
|
-
import { TypedObject } from "@dxos/echo
|
|
2
|
+
import * as Schema from "effect/Schema";
|
|
3
|
+
import { TypedObject } from "@dxos/echo/internal";
|
|
4
4
|
var SectionSchema = Schema.Struct({
|
|
5
5
|
height: Schema.optional(Schema.Number),
|
|
6
6
|
// Space for data that isn't stack-specific but is specific to this view instance.
|
|
@@ -25,4 +25,4 @@ export {
|
|
|
25
25
|
SectionSchema,
|
|
26
26
|
StackViewType
|
|
27
27
|
};
|
|
28
|
-
//# sourceMappingURL=chunk-
|
|
28
|
+
//# sourceMappingURL=chunk-NHMDZYOB.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/types/stack.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypedObject } from '@dxos/echo/internal';\n\n// All section metadata needs to be optional/have defaults.\n// Any objects added to the collection will start with the section defaults.\n// If an object is removed from the collection without removing the section metadata this is fine.\n// Stack components should clean-up the superfluous data on future edits.\n\nexport const SectionSchema = Schema.Struct({\n height: Schema.optional(Schema.Number),\n // Space for data that isn't stack-specific but is specific to this view instance.\n // e.g. cover/fill for an image\n custom: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),\n});\n\n// TODO(wittjosiah): This needs a relation to be connected to a stack.\nexport class StackViewType extends TypedObject({\n typename: 'dxos.org/type/StackView',\n version: '0.1.0',\n})({\n sections: Schema.mutable(Schema.Record({ key: Schema.String, value: SectionSchema })),\n}) {}\n"],
|
|
5
|
+
"mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,mBAAmB;AAOrB,IAAMC,gBAAuBC,cAAO;EACzCC,QAAeC,gBAAgBC,aAAM;;;EAGrCC,QAAeF,gBAAgBG,cAAO;IAAEC,KAAYC;IAAQC,OAAcC;EAAI,CAAA,CAAA;AAChF,CAAA;AAGO,IAAMC,gBAAN,cAA4BC,YAAY;EAC7CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;EACDC,UAAiBC,eAAeV,cAAO;IAAEC,KAAYC;IAAQC,OAAOT;EAAc,CAAA,CAAA;AACpF,CAAA,EAAA;AAAI;",
|
|
6
|
+
"names": ["Schema", "TypedObject", "SectionSchema", "Struct", "height", "optional", "Number", "custom", "Record", "key", "String", "value", "Any", "StackViewType", "TypedObject", "typename", "version", "sections", "mutable"]
|
|
7
|
+
}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
// src/meta.ts
|
|
2
|
-
|
|
2
|
+
import { trim } from "@dxos/util";
|
|
3
3
|
var SECTION_IDENTIFIER = "dxos.org/type/StackSection";
|
|
4
4
|
var meta = {
|
|
5
|
-
id:
|
|
5
|
+
id: "dxos.org/plugin/stack",
|
|
6
6
|
// TODO(wittjosiah): Prevents "stacks" language from being exposed to users in settings panel.
|
|
7
7
|
// Conside renaming this to the collection plugin and trying to factor more collections logic from the space plugin.
|
|
8
8
|
name: "Collections",
|
|
9
|
-
description:
|
|
9
|
+
description: trim`
|
|
10
|
+
Organize and view curated collections of workspace objects in customizable layouts.
|
|
11
|
+
Group related items together and manage collections with sections and filtering.
|
|
12
|
+
`,
|
|
10
13
|
icon: "ph--stack-simple--regular",
|
|
11
14
|
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack"
|
|
12
15
|
};
|
|
13
16
|
|
|
14
17
|
export {
|
|
15
|
-
STACK_PLUGIN,
|
|
16
18
|
SECTION_IDENTIFIER,
|
|
17
19
|
meta
|
|
18
20
|
};
|
|
19
|
-
//# sourceMappingURL=chunk-
|
|
21
|
+
//# sourceMappingURL=chunk-UIKFKRFJ.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/meta.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/stack',\n // TODO(wittjosiah): Prevents \"stacks\" language from being exposed to users in settings panel.\n // Conside renaming this to the collection plugin and trying to factor more collections logic from the space plugin.\n name: 'Collections',\n description: trim`\n Organize and view curated collections of workspace objects in customizable layouts.\n Group related items together and manage collections with sections and filtering.\n `,\n icon: 'ph--stack-simple--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack',\n};\n"],
|
|
5
|
+
"mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,qBAAqB;AAE3B,IAAMC,OAAmB;EAC9BC,IAAI;;;EAGJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
+
"names": ["trim", "SECTION_IDENTIFIER", "meta", "id", "name", "description", "trim", "icon", "source"]
|
|
7
|
+
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
StackViewType
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-NHMDZYOB.mjs";
|
|
4
4
|
import {
|
|
5
5
|
SECTION_IDENTIFIER,
|
|
6
|
-
STACK_PLUGIN,
|
|
7
6
|
meta
|
|
8
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-UIKFKRFJ.mjs";
|
|
9
8
|
|
|
10
9
|
// src/StackPlugin.ts
|
|
11
10
|
import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
|
|
@@ -13,7 +12,7 @@ import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
|
|
|
13
12
|
|
|
14
13
|
// src/capabilities/index.ts
|
|
15
14
|
import { lazy } from "@dxos/app-framework";
|
|
16
|
-
var ReactSurface = lazy(() => import("./react-surface-
|
|
15
|
+
var ReactSurface = lazy(() => import("./react-surface-HVPK7YZQ.mjs"));
|
|
17
16
|
|
|
18
17
|
// src/translations.ts
|
|
19
18
|
import { translations as stackTranslations } from "@dxos/react-ui-stack";
|
|
@@ -31,16 +30,16 @@ var translations = [
|
|
|
31
30
|
"add section input placeholder": "Find the type of section to add",
|
|
32
31
|
"upload file label": "Add file",
|
|
33
32
|
"add section label": "Add section",
|
|
34
|
-
"empty stack message": "Drag
|
|
33
|
+
"empty stack message": "Drag objects into the stack.",
|
|
35
34
|
"remove section label": "Delete",
|
|
36
|
-
"navigate to section label": "Navigate to
|
|
35
|
+
"navigate to section label": "Navigate to object",
|
|
37
36
|
"untitled section title": "Untitled section",
|
|
38
37
|
"add section before label": "Add before",
|
|
39
38
|
"add section after label": "Add after",
|
|
40
39
|
"expand label": "Expand",
|
|
41
40
|
"collapse label": "Collapse",
|
|
42
41
|
"open chat thread label": "Open chat thread",
|
|
43
|
-
"drag handle label": "Press space or enter to begin dragging this
|
|
42
|
+
"drag handle label": "Press space or enter to begin dragging this object."
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
},
|
|
@@ -48,7 +47,7 @@ var translations = [
|
|
|
48
47
|
];
|
|
49
48
|
|
|
50
49
|
// src/StackPlugin.ts
|
|
51
|
-
var StackPlugin = () =>
|
|
50
|
+
var StackPlugin = definePlugin(meta, () => [
|
|
52
51
|
defineModule({
|
|
53
52
|
id: `${meta.id}/module/translations`,
|
|
54
53
|
activatesOn: Events.SetupTranslations,
|
|
@@ -94,7 +93,6 @@ var StackPlugin = () => definePlugin(meta, [
|
|
|
94
93
|
]);
|
|
95
94
|
export {
|
|
96
95
|
SECTION_IDENTIFIER,
|
|
97
|
-
STACK_PLUGIN,
|
|
98
96
|
StackPlugin,
|
|
99
97
|
meta
|
|
100
98
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/StackPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { type Obj } from '@dxos/echo';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\n\nimport { ReactSurface } from './capabilities';\nimport { SECTION_IDENTIFIER, meta } from './meta';\nimport { translations } from './translations';\nimport { StackViewType } from './types';\n\nexport const StackPlugin =
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { type Obj } from '@dxos/echo';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\n\nimport { ReactSurface } from './capabilities';\nimport { SECTION_IDENTIFIER, meta } from './meta';\nimport { translations } from './translations';\nimport { StackViewType } from './types';\n\nexport const StackPlugin = 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: Obj.Any }, type: string) => {\n switch (type) {\n case 'node':\n return { id: section.object.id, label: (section.object as any).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 { type Resource } from '@dxos/react-ui';\nimport { translations as stackTranslations } from '@dxos/react-ui-stack';\n\nimport { meta } from './meta';\n\nexport const translations = [\n {\n 'en-US': {\n [meta.id]: {\n 'plugin name': 'Stacks',\n 'settings title': 'Stack plugin settings',\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 objects into the stack.',\n 'remove section label': 'Delete',\n 'navigate to section label': 'Navigate to object',\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 object.',\n },\n },\n },\n ...stackTranslations,\n] as const satisfies Resource[];\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;AAE9E,SAASC,oBAAoBC,oBAAoB;;;ACFjD,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACD9C,SAASC,gBAAgBC,yBAAyB;AAI3C,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,kBAAkB;QAClB,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;;;;AFvBE,IAAMC,cAAcC,aAAaC,MAAM,MAAM;EAClDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAU,MAAM;MACdC,YAAYC,aAAaI,UAAU;QACjCV,IAAIW;QACJC,UAAU;UACRC,OAAO,CAACC,SAA8BC,SAAAA;AACpC,oBAAQA,MAAAA;cACN,KAAK;AACH,uBAAO;kBAAEf,IAAIc,QAAQE,OAAOhB;kBAAIiB,OAAQH,QAAQE,OAAeE;kBAAOC,MAAML,QAAQE;gBAAO;cAC7F,KAAK;AACH,uBAAOF,QAAQE;cACjB,KAAK;AACH,uBAAOF;YACX;UACF;QACF;MACF,CAAA;;EAEJ,CAAA;EACAf,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAamB,aAAaC;IAC1BjB,UAAU,MAAMC,YAAYiB,mBAAmBC,QAAQ;MAACC;KAAc;EACxE,CAAA;EACAzB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOuB;IACpBrB,UAAUsB;EACZ,CAAA;CACD;",
|
|
6
6
|
"names": ["Capabilities", "Events", "contributes", "defineModule", "definePlugin", "ClientCapabilities", "ClientEvents", "lazy", "ReactSurface", "lazy", "translations", "stackTranslations", "translations", "meta", "id", "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"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/meta.ts":{"bytes":2205,"imports":[],"format":"esm"},"src/components/StackSettings.tsx":{"bytes":3563,"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":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":1834,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/CaretDownUp.tsx":{"bytes":3228,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackSection.tsx":{"bytes":17889,"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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"src/components/StackMain.tsx":{"bytes":19103,"imports":[{"path":"@preact-signals/safe-react/tracking","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/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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"}],"format":"esm"},"src/components/index.ts":{"bytes":824,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"src/components/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":4541,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":778,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":4437,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/types/stack.ts":{"bytes":3625,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":499,"imports":[{"path":"src/types/stack.ts","kind":"import-statement","original":"./stack"}],"format":"esm"},"src/StackPlugin.ts":{"bytes":6793,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":547,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StackPlugin.ts","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5451},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-IRTROCUQ.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-FVB7LGW7.mjs","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":"dist/lib/browser/react-surface-HHFHCDYN.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","StackPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StackPlugin.ts":{"bytesInOutput":1394},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":1268}},"bytes":3125},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-IRTROCUQ.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":154},"dist/lib/browser/chunk-IRTROCUQ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1752},"dist/lib/browser/chunk-IRTROCUQ.mjs":{"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"src/types/stack.ts":{"bytesInOutput":595},"src/types/index.ts":{"bytesInOutput":0}},"bytes":707},"dist/lib/browser/StackMain-5DM2ROIH.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21541},"dist/lib/browser/StackMain-5DM2ROIH.mjs":{"imports":[{"path":"dist/lib/browser/chunk-FVB7LGW7.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","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/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":"src/components/StackMain.tsx","inputs":{"src/components/StackMain.tsx":{"bytesInOutput":4479},"src/components/StackContext.tsx":{"bytesInOutput":265},"src/components/StackSection.tsx":{"bytesInOutput":5411},"src/components/CaretDownUp.tsx":{"bytesInOutput":972}},"bytes":11482},"dist/lib/browser/react-surface-HHFHCDYN.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3768},"dist/lib/browser/react-surface-HHFHCDYN.mjs":{"imports":[{"path":"dist/lib/browser/chunk-FVB7LGW7.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","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":"dist/lib/browser/StackMain-5DM2ROIH.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":861},"src/components/index.ts":{"bytesInOutput":94},"src/components/StackSettings.tsx":{"bytesInOutput":263}},"bytes":1543},"dist/lib/browser/chunk-FVB7LGW7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1034},"dist/lib/browser/chunk-FVB7LGW7.mjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":557}},"bytes":674}}}
|
|
1
|
+
{"inputs":{"src/meta.ts":{"bytes":2526,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackSettings.tsx":{"bytes":3545,"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":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":1834,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/CaretDownUp.tsx":{"bytes":3228,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackSection.tsx":{"bytes":17874,"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/react","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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"src/components/StackContainer.tsx":{"bytes":19859,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/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":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"}],"format":"esm"},"src/components/index.ts":{"bytes":858,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"src/components/StackContainer.tsx","kind":"dynamic-import","original":"./StackContainer"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3873,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":778,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":4451,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/types/stack.ts":{"bytes":3643,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":499,"imports":[{"path":"src/types/stack.ts","kind":"import-statement","original":"./stack"}],"format":"esm"},"src/StackPlugin.ts":{"bytes":6689,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":547,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StackPlugin.ts","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5378},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-NHMDZYOB.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-UIKFKRFJ.mjs","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":"dist/lib/browser/react-surface-HVPK7YZQ.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SECTION_IDENTIFIER","StackPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StackPlugin.ts":{"bytesInOutput":1394},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":1274}},"bytes":3099},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-NHMDZYOB.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":154},"dist/lib/browser/chunk-NHMDZYOB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1695},"dist/lib/browser/chunk-NHMDZYOB.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"src/types/stack.ts":{"bytesInOutput":605},"src/types/index.ts":{"bytesInOutput":0}},"bytes":717},"dist/lib/browser/StackContainer-DD3ZD5OE.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21901},"dist/lib/browser/StackContainer-DD3ZD5OE.mjs":{"imports":[{"path":"dist/lib/browser/chunk-UIKFKRFJ.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/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/react","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":"src/components/StackContainer.tsx","inputs":{"src/components/StackContainer.tsx":{"bytesInOutput":4587},"src/components/StackContext.tsx":{"bytesInOutput":265},"src/components/StackSection.tsx":{"bytesInOutput":5412},"src/components/CaretDownUp.tsx":{"bytesInOutput":972}},"bytes":11603},"dist/lib/browser/react-surface-HVPK7YZQ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3434},"dist/lib/browser/react-surface-HVPK7YZQ.mjs":{"imports":[{"path":"dist/lib/browser/chunk-UIKFKRFJ.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","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":"dist/lib/browser/StackContainer-DD3ZD5OE.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":655},"src/components/index.ts":{"bytesInOutput":104},"src/components/StackSettings.tsx":{"bytesInOutput":263}},"bytes":1339},"dist/lib/browser/chunk-UIKFKRFJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1168},"dist/lib/browser/chunk-UIKFKRFJ.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["SECTION_IDENTIFIER","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":695}},"bytes":796}}}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "./chunk-
|
|
2
|
+
meta
|
|
3
|
+
} from "./chunk-UIKFKRFJ.mjs";
|
|
4
4
|
|
|
5
5
|
// src/capabilities/react-surface.tsx
|
|
6
6
|
import React2 from "react";
|
|
7
7
|
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
8
8
|
import { Obj } from "@dxos/echo";
|
|
9
|
-
import {
|
|
10
|
-
import { DataType } from "@dxos/schema";
|
|
9
|
+
import { Collection } from "@dxos/schema";
|
|
11
10
|
|
|
12
11
|
// src/components/index.ts
|
|
13
12
|
import { lazy } from "react";
|
|
@@ -19,28 +18,22 @@ import { Input, useTranslation } from "@dxos/react-ui";
|
|
|
19
18
|
import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
|
|
20
19
|
|
|
21
20
|
// src/components/index.ts
|
|
22
|
-
var
|
|
21
|
+
var StackContainer = lazy(() => import("./StackContainer-DD3ZD5OE.mjs"));
|
|
23
22
|
|
|
24
23
|
// src/capabilities/react-surface.tsx
|
|
25
|
-
var react_surface_default = () => contributes(Capabilities.ReactSurface, createSurface({
|
|
26
|
-
id: `${
|
|
24
|
+
var react_surface_default = (() => contributes(Capabilities.ReactSurface, createSurface({
|
|
25
|
+
id: `${meta.id}/article`,
|
|
27
26
|
role: "article",
|
|
28
|
-
filter: (data) => Obj.instanceOf(
|
|
27
|
+
filter: (data) => Obj.instanceOf(Collection.Collection, data.subject),
|
|
29
28
|
component: ({ data }) => {
|
|
30
29
|
const id = typeof data.id === "string" ? data.id : void 0;
|
|
31
|
-
return /* @__PURE__ */ React2.createElement(
|
|
32
|
-
|
|
33
|
-
className: "overflow-auto",
|
|
34
|
-
style: {
|
|
35
|
-
contain: "layout"
|
|
36
|
-
}
|
|
37
|
-
}, /* @__PURE__ */ React2.createElement(StackMain, {
|
|
38
|
-
id: id ?? fullyQualifiedId(data.subject),
|
|
30
|
+
return /* @__PURE__ */ React2.createElement(StackContainer, {
|
|
31
|
+
id: id ?? Obj.getDXN(data.subject).toString(),
|
|
39
32
|
collection: data.subject
|
|
40
|
-
})
|
|
33
|
+
});
|
|
41
34
|
}
|
|
42
|
-
}));
|
|
35
|
+
})));
|
|
43
36
|
export {
|
|
44
37
|
react_surface_default as default
|
|
45
38
|
};
|
|
46
|
-
//# sourceMappingURL=react-surface-
|
|
39
|
+
//# sourceMappingURL=react-surface-HVPK7YZQ.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { Collection } from '@dxos/schema';\n\nimport { StackContainer } from '../components';\nimport { meta } from '../meta';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${meta.id}/article`,\n role: 'article',\n filter: (data): data is { id?: string; subject: Collection.Collection } =>\n Obj.instanceOf(Collection.Collection, data.subject),\n component: ({ data }) => {\n // This allows the id to be overridden by the surface for situations where the id of the collection\n // is not the same as the id of what is being represented (e.g., a space with a root collection).\n const id = typeof data.id === 'string' ? data.id : undefined;\n return <StackContainer id={id ?? Obj.getDXN(data.subject).toString()} collection={data.subject} />;\n },\n }),\n );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackContainer = lazy(() => import('./StackContainer'));\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 { ControlGroup, ControlItemInput, ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n const { t } = useTranslation(meta.id);\n\n return (\n <ControlPage>\n <ControlSection title={t('settings title', { ns: meta.id })}>\n <ControlGroup>\n <ControlItemInput title={t('settings separation label')}>\n <Input.Switch\n checked={settings.separation}\n onCheckedChange={(checked) => (settings.separation = !!checked)}\n />\n </ControlItemInput>\n </ControlGroup>\n </ControlSection>\n </ControlPage>\n );\n};\n"],
|
|
5
|
+
"mappings": ";;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,kBAAkB;;;ACJ3B,SAASC,YAAY;;;;ACArB,OAAOC,WAAW;AAElB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,cAAcC,kBAAkBC,aAAaC,sBAAsB;;;ADDrE,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,+BAAA,CAAA;;;ADOhD,IAAA,yBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,KAAKD,EAAE;EACdE,MAAM;EACNC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,WAAWA,YAAYH,KAAKI,OAAO;EACpDC,WAAW,CAAC,EAAEL,KAAI,MAAE;AAGlB,UAAMJ,KAAK,OAAOI,KAAKJ,OAAO,WAAWI,KAAKJ,KAAKU;AACnD,WAAO,gBAAAC,OAAA,cAACC,gBAAAA;MAAeZ,IAAIA,MAAMK,IAAIQ,OAAOT,KAAKI,OAAO,EAAEM,SAAQ;MAAIC,YAAYX,KAAKI;;EACzF;AACF,CAAA,CAAA;",
|
|
6
|
+
"names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "Collection", "lazy", "React", "Input", "useTranslation", "ControlGroup", "ControlItemInput", "ControlPage", "ControlSection", "StackContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Collection", "subject", "component", "undefined", "React", "StackContainer", "getDXN", "toString", "collection"]
|
|
7
|
+
}
|