@dxos/plugin-stack 0.8.4-main.67995b8 → 0.8.4-main.72ec0f3

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.
Files changed (68) hide show
  1. package/dist/lib/browser/{StackMain-ET24BQFZ.mjs → StackContainer-DD3ZD5OE.mjs} +37 -37
  2. package/dist/lib/browser/StackContainer-DD3ZD5OE.mjs.map +7 -0
  3. package/dist/lib/browser/{chunk-IRTROCUQ.mjs → chunk-NHMDZYOB.mjs} +3 -3
  4. package/dist/lib/browser/chunk-NHMDZYOB.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-FVB7LGW7.mjs → chunk-UIKFKRFJ.mjs} +7 -5
  6. package/dist/lib/browser/chunk-UIKFKRFJ.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +6 -7
  8. package/dist/lib/browser/index.mjs.map +3 -3
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/react-surface-HVPK7YZQ.mjs +39 -0
  11. package/dist/lib/browser/react-surface-HVPK7YZQ.mjs.map +7 -0
  12. package/dist/lib/browser/types/index.mjs +1 -1
  13. package/dist/lib/node-esm/{StackMain-LCMLZ4MS.mjs → StackContainer-JGWPXSUF.mjs} +37 -37
  14. package/dist/lib/node-esm/StackContainer-JGWPXSUF.mjs.map +7 -0
  15. package/dist/lib/node-esm/{chunk-UN5PA7TK.mjs → chunk-BGVQYUYP.mjs} +7 -5
  16. package/dist/lib/node-esm/chunk-BGVQYUYP.mjs.map +7 -0
  17. package/dist/lib/node-esm/{chunk-LRAZXJ65.mjs → chunk-ZZFA7HIV.mjs} +3 -3
  18. package/dist/lib/node-esm/chunk-ZZFA7HIV.mjs.map +7 -0
  19. package/dist/lib/node-esm/index.mjs +6 -7
  20. package/dist/lib/node-esm/index.mjs.map +3 -3
  21. package/dist/lib/node-esm/meta.json +1 -1
  22. package/dist/lib/node-esm/react-surface-HYSD7AC2.mjs +40 -0
  23. package/dist/lib/node-esm/react-surface-HYSD7AC2.mjs.map +7 -0
  24. package/dist/lib/node-esm/types/index.mjs +1 -1
  25. package/dist/types/src/StackPlugin.d.ts +1 -1
  26. package/dist/types/src/StackPlugin.d.ts.map +1 -1
  27. package/dist/types/src/capabilities/index.d.ts +1 -1
  28. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  29. package/dist/types/src/capabilities/react-surface.d.ts +1 -1
  30. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  31. package/dist/types/src/components/StackContainer.d.ts +9 -0
  32. package/dist/types/src/components/StackContainer.d.ts.map +1 -0
  33. package/dist/types/src/components/StackSection.d.ts.map +1 -1
  34. package/dist/types/src/components/StackSettings.d.ts.map +1 -1
  35. package/dist/types/src/components/index.d.ts +5 -2
  36. package/dist/types/src/components/index.d.ts.map +1 -1
  37. package/dist/types/src/meta.d.ts +0 -1
  38. package/dist/types/src/meta.d.ts.map +1 -1
  39. package/dist/types/src/translations.d.ts +1 -0
  40. package/dist/types/src/translations.d.ts.map +1 -1
  41. package/dist/types/src/types/stack.d.ts +3 -3
  42. package/dist/types/src/types/stack.d.ts.map +1 -1
  43. package/dist/types/src/types/types.d.ts +2 -2
  44. package/dist/types/src/types/types.d.ts.map +1 -1
  45. package/dist/types/tsconfig.tsbuildinfo +1 -1
  46. package/package.json +38 -38
  47. package/src/StackPlugin.ts +39 -40
  48. package/src/capabilities/react-surface.tsx +7 -12
  49. package/src/components/{StackMain.tsx → StackContainer.tsx} +64 -51
  50. package/src/components/StackSection.tsx +7 -6
  51. package/src/components/StackSettings.tsx +15 -8
  52. package/src/components/index.ts +1 -1
  53. package/src/meta.ts +6 -3
  54. package/src/translations.ts +1 -0
  55. package/src/types/stack.ts +2 -2
  56. package/src/types/types.ts +2 -2
  57. package/dist/lib/browser/StackMain-ET24BQFZ.mjs.map +0 -7
  58. package/dist/lib/browser/chunk-FVB7LGW7.mjs.map +0 -7
  59. package/dist/lib/browser/chunk-IRTROCUQ.mjs.map +0 -7
  60. package/dist/lib/browser/react-surface-KODSQDIY.mjs +0 -46
  61. package/dist/lib/browser/react-surface-KODSQDIY.mjs.map +0 -7
  62. package/dist/lib/node-esm/StackMain-LCMLZ4MS.mjs.map +0 -7
  63. package/dist/lib/node-esm/chunk-LRAZXJ65.mjs.map +0 -7
  64. package/dist/lib/node-esm/chunk-UN5PA7TK.mjs.map +0 -7
  65. package/dist/lib/node-esm/react-surface-SWMUVIYU.mjs +0 -47
  66. package/dist/lib/node-esm/react-surface-SWMUVIYU.mjs.map +0 -7
  67. package/dist/types/src/components/StackMain.d.ts +0 -9
  68. package/dist/types/src/components/StackMain.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/plugin-stack",
3
- "version": "0.8.4-main.67995b8",
3
+ "version": "0.8.4-main.72ec0f3",
4
4
  "description": "DXOS Surface plugin for Stack entities",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,16 +10,16 @@
10
10
  "type": "module",
11
11
  "exports": {
12
12
  ".": {
13
+ "source": "./src/index.ts",
13
14
  "types": "./dist/types/src/index.d.ts",
14
15
  "browser": "./dist/lib/browser/index.mjs",
15
- "node": "./dist/lib/node-esm/index.mjs",
16
- "source": "./src/index.ts"
16
+ "node": "./dist/lib/node-esm/index.mjs"
17
17
  },
18
18
  "./types": {
19
+ "source": "./src/types/index.ts",
19
20
  "types": "./dist/types/src/types/index.d.ts",
20
21
  "browser": "./dist/lib/browser/types/index.mjs",
21
- "node": "./dist/lib/node-esm/types/index.mjs",
22
- "source": "./src/types/index.ts"
22
+ "node": "./dist/lib/node-esm/types/index.mjs"
23
23
  }
24
24
  },
25
25
  "types": "dist/types/src/index.d.ts",
@@ -37,47 +37,47 @@
37
37
  "dependencies": {
38
38
  "@fluentui/react-tabster": "^9.24.2",
39
39
  "@preact-signals/safe-react": "^0.9.0",
40
- "@preact/signals-core": "^1.9.0",
40
+ "@preact/signals-core": "^1.12.1",
41
41
  "@radix-ui/react-collapsible": "1.1.3",
42
- "effect": "3.17.0",
42
+ "effect": "3.18.3",
43
43
  "node-fetch": "^2.6.0",
44
- "react-is": "~18.2.0",
45
- "@dxos/async": "0.8.4-main.67995b8",
46
- "@dxos/app-framework": "0.8.4-main.67995b8",
47
- "@dxos/echo-schema": "0.8.4-main.67995b8",
48
- "@dxos/client": "0.8.4-main.67995b8",
49
- "@dxos/invariant": "0.8.4-main.67995b8",
50
- "@dxos/plugin-client": "0.8.4-main.67995b8",
51
- "@dxos/local-storage": "0.8.4-main.67995b8",
52
- "@dxos/plugin-deck": "0.8.4-main.67995b8",
53
- "@dxos/plugin-graph": "0.8.4-main.67995b8",
54
- "@dxos/plugin-space": "0.8.4-main.67995b8",
55
- "@dxos/echo": "0.8.4-main.67995b8",
56
- "@dxos/react-ui-attention": "0.8.4-main.67995b8",
57
- "@dxos/react-ui-searchlist": "0.8.4-main.67995b8",
58
- "@dxos/react-client": "0.8.4-main.67995b8",
59
- "@dxos/react-ui-form": "0.8.4-main.67995b8",
60
- "@dxos/react-ui-stack": "0.8.4-main.67995b8",
61
- "@dxos/schema": "0.8.4-main.67995b8",
62
- "@dxos/util": "0.8.4-main.67995b8"
44
+ "react-is": "~19.2.0",
45
+ "@dxos/app-framework": "0.8.4-main.72ec0f3",
46
+ "@dxos/async": "0.8.4-main.72ec0f3",
47
+ "@dxos/invariant": "0.8.4-main.72ec0f3",
48
+ "@dxos/echo": "0.8.4-main.72ec0f3",
49
+ "@dxos/local-storage": "0.8.4-main.72ec0f3",
50
+ "@dxos/plugin-client": "0.8.4-main.72ec0f3",
51
+ "@dxos/plugin-deck": "0.8.4-main.72ec0f3",
52
+ "@dxos/plugin-space": "0.8.4-main.72ec0f3",
53
+ "@dxos/plugin-graph": "0.8.4-main.72ec0f3",
54
+ "@dxos/react-client": "0.8.4-main.72ec0f3",
55
+ "@dxos/react-ui-attention": "0.8.4-main.72ec0f3",
56
+ "@dxos/client": "0.8.4-main.72ec0f3",
57
+ "@dxos/react-ui-searchlist": "0.8.4-main.72ec0f3",
58
+ "@dxos/schema": "0.8.4-main.72ec0f3",
59
+ "@dxos/react-ui-form": "0.8.4-main.72ec0f3",
60
+ "@dxos/types": "0.8.4-main.72ec0f3",
61
+ "@dxos/util": "0.8.4-main.72ec0f3",
62
+ "@dxos/react-ui-stack": "0.8.4-main.72ec0f3"
63
63
  },
64
64
  "devDependencies": {
65
65
  "@babel/core": "^7.18.13",
66
- "@types/react": "~18.2.0",
67
- "@types/react-dom": "~18.2.0",
68
- "react": "~18.2.0",
69
- "react-dom": "~18.2.0",
70
- "vite": "5.4.7",
71
- "@dxos/react-ui-theme": "0.8.4-main.67995b8",
72
- "@dxos/react-ui": "0.8.4-main.67995b8",
73
- "@dxos/storybook-utils": "0.8.4-main.67995b8"
66
+ "@types/react": "~19.2.2",
67
+ "@types/react-dom": "~19.2.2",
68
+ "react": "~19.2.0",
69
+ "react-dom": "~19.2.0",
70
+ "vite": "7.1.9",
71
+ "@dxos/react-ui": "0.8.4-main.72ec0f3",
72
+ "@dxos/react-ui-theme": "0.8.4-main.72ec0f3",
73
+ "@dxos/storybook-utils": "0.8.4-main.72ec0f3"
74
74
  },
75
75
  "peerDependencies": {
76
76
  "effect": "^3.13.3",
77
- "react": "~18.2.0",
78
- "react-dom": "~18.2.0",
79
- "@dxos/react-ui": "0.8.4-main.67995b8",
80
- "@dxos/react-ui-theme": "0.8.4-main.67995b8"
77
+ "react": "^19.0.0",
78
+ "react-dom": "^19.0.0",
79
+ "@dxos/react-ui": "0.8.4-main.72ec0f3",
80
+ "@dxos/react-ui-theme": "0.8.4-main.72ec0f3"
81
81
  },
82
82
  "publishConfig": {
83
83
  "access": "public"
@@ -2,51 +2,50 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';
5
+ import { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';
6
6
  import { type Obj } from '@dxos/echo';
7
7
  import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
8
8
 
9
9
  import { ReactSurface } from './capabilities';
10
- import { meta, SECTION_IDENTIFIER } from './meta';
10
+ import { SECTION_IDENTIFIER, meta } from './meta';
11
11
  import { translations } from './translations';
12
12
  import { StackViewType } from './types';
13
13
 
14
- export const StackPlugin = () =>
15
- definePlugin(meta, [
16
- defineModule({
17
- id: `${meta.id}/module/translations`,
18
- activatesOn: Events.SetupTranslations,
19
- activate: () => contributes(Capabilities.Translations, translations),
20
- }),
21
- defineModule({
22
- id: `${meta.id}/module/metadata`,
23
- activatesOn: Events.SetupMetadata,
24
- activate: () => [
25
- contributes(Capabilities.Metadata, {
26
- id: SECTION_IDENTIFIER,
27
- metadata: {
28
- parse: (section: { object: Obj.Any }, type: string) => {
29
- switch (type) {
30
- case 'node':
31
- return { id: section.object.id, label: (section.object as any).title, data: section.object };
32
- case 'object':
33
- return section.object;
34
- case 'view-object':
35
- return section;
36
- }
37
- },
14
+ export const StackPlugin = definePlugin(meta, () => [
15
+ defineModule({
16
+ id: `${meta.id}/module/translations`,
17
+ activatesOn: Events.SetupTranslations,
18
+ activate: () => contributes(Capabilities.Translations, translations),
19
+ }),
20
+ defineModule({
21
+ id: `${meta.id}/module/metadata`,
22
+ activatesOn: Events.SetupMetadata,
23
+ activate: () => [
24
+ contributes(Capabilities.Metadata, {
25
+ id: SECTION_IDENTIFIER,
26
+ metadata: {
27
+ parse: (section: { object: Obj.Any }, type: string) => {
28
+ switch (type) {
29
+ case 'node':
30
+ return { id: section.object.id, label: (section.object as any).title, data: section.object };
31
+ case 'object':
32
+ return section.object;
33
+ case 'view-object':
34
+ return section;
35
+ }
38
36
  },
39
- }),
40
- ],
41
- }),
42
- defineModule({
43
- id: `${meta.id}/module/schema`,
44
- activatesOn: ClientEvents.SetupSchema,
45
- activate: () => contributes(ClientCapabilities.Schema, [StackViewType]),
46
- }),
47
- defineModule({
48
- id: `${meta.id}/module/react-surface`,
49
- activatesOn: Events.SetupReactSurface,
50
- activate: ReactSurface,
51
- }),
52
- ]);
37
+ },
38
+ }),
39
+ ],
40
+ }),
41
+ defineModule({
42
+ id: `${meta.id}/module/schema`,
43
+ activatesOn: ClientEvents.SetupSchema,
44
+ activate: () => contributes(ClientCapabilities.Schema, [StackViewType]),
45
+ }),
46
+ defineModule({
47
+ id: `${meta.id}/module/react-surface`,
48
+ activatesOn: Events.SetupReactSurface,
49
+ activate: ReactSurface,
50
+ }),
51
+ ]);
@@ -6,29 +6,24 @@ import React from 'react';
6
6
 
7
7
  import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
8
8
  import { Obj } from '@dxos/echo';
9
- import { fullyQualifiedId } from '@dxos/react-client/echo';
10
- import { DataType } from '@dxos/schema';
9
+ import { Collection } from '@dxos/schema';
11
10
 
12
- import { StackMain } from '../components';
13
- import { STACK_PLUGIN } from '../meta';
11
+ import { StackContainer } from '../components';
12
+ import { meta } from '../meta';
14
13
 
15
14
  export default () =>
16
15
  contributes(
17
16
  Capabilities.ReactSurface,
18
17
  createSurface({
19
- id: `${STACK_PLUGIN}/article`,
18
+ id: `${meta.id}/article`,
20
19
  role: 'article',
21
- filter: (data): data is { id?: string; subject: DataType.Collection } =>
22
- Obj.instanceOf(DataType.Collection, data.subject),
20
+ filter: (data): data is { id?: string; subject: Collection.Collection } =>
21
+ Obj.instanceOf(Collection.Collection, data.subject),
23
22
  component: ({ data }) => {
24
23
  // This allows the id to be overridden by the surface for situations where the id of the collection
25
24
  // is not the same as the id of what is being represented (e.g., a space with a root collection).
26
25
  const id = typeof data.id === 'string' ? data.id : undefined;
27
- return (
28
- <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>
29
- <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />
30
- </div>
31
- );
26
+ return <StackContainer id={id ?? Obj.getDXN(data.subject).toString()} collection={data.subject} />;
32
27
  },
33
28
  }),
34
29
  );
@@ -2,29 +2,21 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { Option } from 'effect';
5
+ import * as Option from 'effect/Option';
6
6
  import React, { useCallback, useState } from 'react';
7
7
 
8
- import {
9
- Capabilities,
10
- LayoutAction,
11
- createIntent,
12
- useAppGraph,
13
- useCapabilities,
14
- useIntentDispatcher,
15
- } from '@dxos/app-framework';
16
- import { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';
8
+ import { Capabilities, LayoutAction, createIntent } from '@dxos/app-framework';
9
+ import { useAppGraph, useCapabilities, useIntentDispatcher } from '@dxos/app-framework/react';
10
+ import { isLiveObject } from '@dxos/client/echo';
17
11
  import { Obj } from '@dxos/echo';
18
12
  import { SpaceAction } from '@dxos/plugin-space/types';
19
- import { Icon, Button, toLocalizedString, useTranslation } from '@dxos/react-ui';
13
+ import { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';
20
14
  import { AttentionProvider } from '@dxos/react-ui-attention';
21
- import { Stack } from '@dxos/react-ui-stack';
22
- import { type DataType } from '@dxos/schema';
15
+ import { Stack, StackItem } from '@dxos/react-ui-stack';
16
+ import { type Collection } from '@dxos/schema';
23
17
  import { isNonNullable } from '@dxos/util';
24
18
 
25
- import { StackContext } from './StackContext';
26
- import { StackSection } from './StackSection';
27
- import { STACK_PLUGIN } from '../meta';
19
+ import { meta } from '../meta';
28
20
  import {
29
21
  type AddSectionPosition,
30
22
  type CollapsedSections,
@@ -33,15 +25,18 @@ import {
33
25
  type StackSectionView,
34
26
  } from '../types';
35
27
 
36
- type StackMainProps = {
28
+ import { StackContext } from './StackContext';
29
+ import { StackSection } from './StackSection';
30
+
31
+ type StackContainerProps = {
37
32
  id: string;
38
- collection: DataType.Collection;
33
+ collection: Collection.Collection;
39
34
  };
40
35
 
41
- const StackMain = ({ id, collection }: StackMainProps) => {
36
+ const StackContainer = ({ id, collection }: StackContainerProps) => {
42
37
  const { dispatchPromise: dispatch } = useIntentDispatcher();
43
38
  const { graph } = useAppGraph();
44
- const { t } = useTranslation(STACK_PLUGIN);
39
+ const { t } = useTranslation(meta.id);
45
40
  const allMetadata = useCapabilities(Capabilities.Metadata);
46
41
  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});
47
42
 
@@ -65,13 +60,13 @@ const StackMain = ({ id, collection }: StackMainProps) => {
65
60
  ?.metadata as StackSectionMetadata;
66
61
  const view = {
67
62
  // ...stack.sections[object.id],
68
- collapsed: collapsedSections[fullyQualifiedId(object)],
63
+ collapsed: collapsedSections[Obj.getDXN(object).toString()],
69
64
  title:
70
65
  (object as any)?.title ??
71
66
  // TODO(wittjosiah): `getNode` is not reactive.
72
- toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t),
67
+ toLocalizedString(graph.getNode(Obj.getDXN(object).toString()).pipe(Option.getOrNull)?.properties.label, t),
73
68
  } as StackSectionView;
74
- return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;
69
+ return { id: Obj.getDXN(object).toString(), object, metadata, view } satisfies StackSectionItem;
75
70
  }) ?? [];
76
71
 
77
72
  const handleDelete = useCallback(
@@ -79,10 +74,15 @@ const StackMain = ({ id, collection }: StackMainProps) => {
79
74
  const index = collection.objects
80
75
  .map((object) => object.target)
81
76
  .filter(isNonNullable)
82
- .findIndex((section) => fullyQualifiedId(section) === id);
77
+ .findIndex((section) => Obj.getDXN(section).toString() === id);
83
78
  const object = collection.objects[index].target;
84
79
  if (isLiveObject(object)) {
85
- await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));
80
+ await dispatch(
81
+ createIntent(SpaceAction.RemoveObjects, {
82
+ objects: [object],
83
+ target: collection,
84
+ }),
85
+ );
86
86
 
87
87
  // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.
88
88
  // delete stack.sections[Path.last(path)];
@@ -97,7 +97,7 @@ const StackMain = ({ id, collection }: StackMainProps) => {
97
97
  // TODO(wittjosiah): Use object creation dialog.
98
98
  createIntent(LayoutAction.UpdateDialog, {
99
99
  part: 'dialog',
100
- subject: `${STACK_PLUGIN}/AddSectionDialog`,
100
+ subject: `${meta.id}/AddSectionDialog`,
101
101
  options: {
102
102
  blockAlign: 'start',
103
103
  props: {
@@ -125,35 +125,48 @@ const StackMain = ({ id, collection }: StackMainProps) => {
125
125
  );
126
126
 
127
127
  const handleAddSection = useCallback(
128
- () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),
128
+ () =>
129
+ dispatch?.(
130
+ createIntent(SpaceAction.OpenCreateObject, {
131
+ target: collection,
132
+ navigable: false,
133
+ }),
134
+ ),
129
135
  [collection, dispatch],
130
136
  );
131
137
 
132
138
  return (
133
- <AttentionProvider id={id}>
134
- <StackContext.Provider
135
- value={{
136
- onCollapse: handleCollapse,
137
- onNavigate: handleNavigate,
138
- onDelete: handleDelete,
139
- onAdd: handleAdd,
140
- }}
141
- >
142
- <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>
143
- {items.map((item) => (
144
- <StackSection key={item.id} {...item} />
145
- ))}
146
- </Stack>
147
-
148
- <div role='none' className='flex mlb-2 pli-2 justify-center'>
149
- <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>
150
- <Icon icon='ph--plus' />
151
- <span className='sr-only'>{t('add section label')}</span>
152
- </Button>
153
- </div>
154
- </StackContext.Provider>
155
- </AttentionProvider>
139
+ <StackItem.Content
140
+ toolbar
141
+ classNames='container-max-width overflow-hidden border-l border-r border-subduedSeparator'
142
+ >
143
+ <Toolbar.Root>
144
+ <Toolbar.IconButton
145
+ icon='ph--plus--regular'
146
+ iconOnly
147
+ label='Add section'
148
+ data-testid='stack.addSection'
149
+ onClick={handleAddSection}
150
+ />
151
+ </Toolbar.Root>
152
+ <AttentionProvider id={id}>
153
+ <StackContext.Provider
154
+ value={{
155
+ onCollapse: handleCollapse,
156
+ onNavigate: handleNavigate,
157
+ onDelete: handleDelete,
158
+ onAdd: handleAdd,
159
+ }}
160
+ >
161
+ <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack' classNames='overflow-y-auto'>
162
+ {items.map((item) => (
163
+ <StackSection key={item.id} {...item} />
164
+ ))}
165
+ </Stack>
166
+ </StackContext.Provider>
167
+ </AttentionProvider>
168
+ </StackItem.Content>
156
169
  );
157
170
  };
158
171
 
159
- export default StackMain;
172
+ export default StackContainer;
@@ -5,16 +5,17 @@
5
5
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
6
6
  import React, { useMemo, useState } from 'react';
7
7
 
8
- import { Surface } from '@dxos/app-framework';
9
- import { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';
8
+ import { Surface } from '@dxos/app-framework/react';
9
+ import { DropdownMenu, Icon, IconButton, useTranslation } from '@dxos/react-ui';
10
10
  import { useAttentionAttributes } from '@dxos/react-ui-attention';
11
11
  import { StackItem } from '@dxos/react-ui-stack';
12
- import { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';
12
+ import { getSize, mx, textBlockWidth } from '@dxos/react-ui-theme';
13
+
14
+ import { meta } from '../meta';
15
+ import { type StackSectionItem } from '../types';
13
16
 
14
17
  import { CaretDownUp } from './CaretDownUp';
15
18
  import { useStack } from './StackContext';
16
- import { STACK_PLUGIN } from '../meta';
17
- import { type StackSectionItem } from '../types';
18
19
 
19
20
  const sectionActionDimensions = 'p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';
20
21
 
@@ -26,7 +27,7 @@ export const StackSection = ({
26
27
  object,
27
28
  metadata: { icon = 'ph--placeholder--regular' },
28
29
  }: StackSectionProps) => {
29
- const { t } = useTranslation(STACK_PLUGIN);
30
+ const { t } = useTranslation(meta.id);
30
31
  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
31
32
  const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
32
33
  const attentionAttrs = useAttentionAttributes(id);
@@ -5,19 +5,26 @@
5
5
  import React from 'react';
6
6
 
7
7
  import { Input, useTranslation } from '@dxos/react-ui';
8
- import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
8
+ import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from '@dxos/react-ui-form';
9
9
 
10
- import { STACK_PLUGIN } from '../meta';
10
+ import { meta } from '../meta';
11
11
  import { type StackSettingsProps } from '../types';
12
12
 
13
13
  export const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {
14
- const { t } = useTranslation(STACK_PLUGIN);
14
+ const { t } = useTranslation(meta.id);
15
15
 
16
16
  return (
17
- <DeprecatedFormContainer>
18
- <DeprecatedFormInput label={t('settings separation label')}>
19
- <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />
20
- </DeprecatedFormInput>
21
- </DeprecatedFormContainer>
17
+ <ControlPage>
18
+ <ControlSection title={t('settings title', { ns: meta.id })}>
19
+ <ControlGroup>
20
+ <ControlItemInput title={t('settings separation label')}>
21
+ <Input.Switch
22
+ checked={settings.separation}
23
+ onCheckedChange={(checked) => (settings.separation = !!checked)}
24
+ />
25
+ </ControlItemInput>
26
+ </ControlGroup>
27
+ </ControlSection>
28
+ </ControlPage>
22
29
  );
23
30
  };
@@ -4,6 +4,6 @@
4
4
 
5
5
  import { lazy } from 'react';
6
6
 
7
- export const StackMain = lazy(() => import('./StackMain'));
7
+ export const StackContainer = lazy(() => import('./StackContainer'));
8
8
 
9
9
  export * from './StackSettings';
package/src/meta.ts CHANGED
@@ -3,16 +3,19 @@
3
3
  //
4
4
 
5
5
  import { type PluginMeta } from '@dxos/app-framework';
6
+ import { trim } from '@dxos/util';
6
7
 
7
- export const STACK_PLUGIN = 'dxos.org/plugin/stack';
8
8
  export const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';
9
9
 
10
10
  export const meta: PluginMeta = {
11
- id: STACK_PLUGIN,
11
+ id: 'dxos.org/plugin/stack',
12
12
  // TODO(wittjosiah): Prevents "stacks" language from being exposed to users in settings panel.
13
13
  // Conside renaming this to the collection plugin and trying to factor more collections logic from the space plugin.
14
14
  name: 'Collections',
15
- description: 'View collections of objects within the deck.',
15
+ description: trim`
16
+ Organize and view curated collections of workspace objects in customizable layouts.
17
+ Group related items together and manage collections with sections and filtering.
18
+ `,
16
19
  icon: 'ph--stack-simple--regular',
17
20
  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack',
18
21
  };
@@ -12,6 +12,7 @@ export const translations = [
12
12
  'en-US': {
13
13
  [meta.id]: {
14
14
  'plugin name': 'Stacks',
15
+ 'settings title': 'Stack plugin settings',
15
16
  'settings separation label': 'Separate sections',
16
17
  'add section beforeAll dialog title': 'Add a section to the start',
17
18
  'add section afterAll dialog title': 'Add a section to the end',
@@ -2,9 +2,9 @@
2
2
  // Copyright 2024 DXOS.org
3
3
  //
4
4
 
5
- import { Schema } from 'effect';
5
+ import * as Schema from 'effect/Schema';
6
6
 
7
- import { TypedObject } from '@dxos/echo-schema';
7
+ import { TypedObject } from '@dxos/echo/internal';
8
8
 
9
9
  // All section metadata needs to be optional/have defaults.
10
10
  // Any objects added to the collection will start with the section defaults.
@@ -7,13 +7,13 @@ import { type FC } from 'react';
7
7
  import { type Obj } from '@dxos/echo';
8
8
  import { type Label } from '@dxos/react-ui';
9
9
  import { type StackItemSize } from '@dxos/react-ui-stack';
10
- import { type DataType } from '@dxos/schema';
10
+ import { type Collection } from '@dxos/schema';
11
11
 
12
12
  export type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';
13
13
 
14
14
  export type CollapsedSections = Record<string, boolean>;
15
15
 
16
- export type CollectionItem = DataType.Collection['objects'][number];
16
+ export type CollectionItem = Collection.Collection['objects'][number];
17
17
 
18
18
  export type StackSectionView = {
19
19
  title?: string;
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Option } from 'effect';\nimport React, { useCallback, useState } from 'react';\n\nimport {\n Capabilities,\n LayoutAction,\n createIntent,\n useAppGraph,\n useCapabilities,\n useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Icon, Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\nimport { STACK_PLUGIN } from '../meta';\nimport {\n type AddSectionPosition,\n type CollapsedSections,\n type StackSectionItem,\n type StackSectionMetadata,\n type StackSectionView,\n} from '../types';\n\ntype StackMainProps = {\n id: string;\n collection: DataType.Collection;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const { graph } = useAppGraph();\n const { t } = useTranslation(STACK_PLUGIN);\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[fullyQualifiedId(object)],\n title:\n (object as any)?.title ??\n // TODO(wittjosiah): `getNode` is not reactive.\n toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t),\n } as StackSectionView;\n return { id: fullyQualifiedId(object), 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) => fullyQualifiedId(section) === id);\n const object = collection.objects[index].target;\n if (isLiveObject(object)) {\n await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\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: `${STACK_PLUGIN}/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 () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n [collection, dispatch],\n );\n\n return (\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'>\n {items.map((item) => (\n <StackSection key={item.id} {...item} />\n ))}\n </Stack>\n\n <div role='none' className='flex mlb-2 pli-2 justify-center'>\n <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n <Icon icon='ph--plus' />\n <span className='sr-only'>{t('add section label')}</span>\n </Button>\n </div>\n </StackContext.Provider>\n </AttentionProvider>\n );\n};\n\nexport default StackMain;\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';\nimport { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';\nimport { useAttentionAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\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(STACK_PLUGIN);\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", "fullyQualifiedId", "isLiveObject", "Obj", "SpaceAction", "Icon", "Button", "toLocalizedString", "useTranslation", "AttentionProvider", "Stack", "isNonNullable", "createContext", "useContext", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CollapsiblePrimitive", "React", "useMemo", "useState", "Surface", "DropdownMenu", "Icon", "useTranslation", "IconButton", "useAttentionAttributes", "StackItem", "mx", "getSize", "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", "STACK_PLUGIN", "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", "StackMain", "id", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useAppGraph", "t", "useTranslation", "STACK_PLUGIN", "allMetadata", "useCapabilities", "Capabilities", "Metadata", "collapsedSections", "setCollapsedSections", "useState", "items", "objects", "map", "object", "target", "filter", "isNonNullable", "metadata", "find", "m", "Obj", "getTypename", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "getNode", "pipe", "Option", "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", "AttentionProvider", "StackContext", "Provider", "value", "onCollapse", "onNavigate", "onDelete", "onAdd", "Stack", "orientation", "size", "data-testid", "item", "StackSection", "key", "div", "role", "className", "Button", "classNames", "onClick", "Icon", "icon", "span"]
7
- }
@@ -1,7 +0,0 @@
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';\n\nexport const STACK_PLUGIN = 'dxos.org/plugin/stack';\nexport const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';\n\nexport const meta: PluginMeta = {\n id: STACK_PLUGIN,\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: 'View collections of objects within the deck.',\n icon: 'ph--stack-simple--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-stack',\n};\n"],
5
- "mappings": ";AAMO,IAAMA,eAAe;AACrB,IAAMC,qBAAqB;AAE3B,IAAMC,OAAmB;EAC9BC,IAAIH;;;EAGJI,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
6
- "names": ["STACK_PLUGIN", "SECTION_IDENTIFIER", "meta", "id", "name", "description", "icon", "source"]
7
- }