@dxos/plugin-pipeline 0.8.4-main.3eb6e50203 → 0.8.4-main.c85a9c8dae

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/PipelineContainer-2ZYSZATA.mjs +320 -0
  2. package/dist/lib/browser/PipelineContainer-2ZYSZATA.mjs.map +7 -0
  3. package/dist/lib/browser/{PipelineSettings-YSGSJHBT.mjs → PipelineObjectSettings-D36OYVHW.mjs} +66 -54
  4. package/dist/lib/browser/PipelineObjectSettings-D36OYVHW.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-7GVESVYR.mjs → chunk-N6FZHYWT.mjs} +2 -2
  6. package/dist/lib/browser/chunk-N6FZHYWT.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +4 -4
  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-JMMCTIL3.mjs → react-surface-ZGQVH4VX.mjs} +11 -8
  11. package/dist/lib/browser/react-surface-ZGQVH4VX.mjs.map +7 -0
  12. package/dist/lib/browser/types/index.mjs +1 -1
  13. package/dist/types/src/capabilities/app-graph-builder/app-graph-builder.d.ts +1 -1
  14. package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +1 -1
  15. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +1 -1
  16. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -1
  17. package/dist/types/src/components/PipelineColumn.d.ts +3 -4
  18. package/dist/types/src/components/PipelineColumn.d.ts.map +1 -1
  19. package/dist/types/src/components/PipelineComponent.d.ts +20 -11
  20. package/dist/types/src/components/PipelineComponent.d.ts.map +1 -1
  21. package/dist/types/src/components/PipelineComponent.stories.d.ts.map +1 -1
  22. package/dist/types/src/components/index.d.ts +2 -4
  23. package/dist/types/src/components/index.d.ts.map +1 -1
  24. package/dist/types/src/{components → containers/PipelineContainer}/PipelineContainer.d.ts +2 -3
  25. package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts.map +1 -0
  26. package/dist/types/src/containers/PipelineContainer/PipelineContainer.stories.d.ts.map +1 -0
  27. package/dist/types/src/containers/PipelineContainer/index.d.ts +3 -0
  28. package/dist/types/src/containers/PipelineContainer/index.d.ts.map +1 -0
  29. package/dist/types/src/{components/PipelineSettings.d.ts → containers/PipelineObjectSettings/PipelineObjectSettings.d.ts} +1 -2
  30. package/dist/types/src/containers/PipelineObjectSettings/PipelineObjectSettings.d.ts.map +1 -0
  31. package/dist/types/src/containers/PipelineObjectSettings/index.d.ts +3 -0
  32. package/dist/types/src/containers/PipelineObjectSettings/index.d.ts.map +1 -0
  33. package/dist/types/src/containers/index.d.ts +4 -0
  34. package/dist/types/src/containers/index.d.ts.map +1 -0
  35. package/dist/types/src/hooks/index.d.ts +2 -0
  36. package/dist/types/src/hooks/index.d.ts.map +1 -0
  37. package/dist/types/src/hooks/usePipelineBoardModel.d.ts +6 -0
  38. package/dist/types/src/hooks/usePipelineBoardModel.d.ts.map +1 -0
  39. package/dist/types/src/templates/research.d.ts.map +1 -1
  40. package/dist/types/src/types/PipelineAction.d.ts +1 -1
  41. package/dist/types/tsconfig.tsbuildinfo +1 -1
  42. package/package.json +42 -39
  43. package/src/capabilities/operation-resolver/operation-resolver.ts +2 -2
  44. package/src/capabilities/react-surface/react-surface.tsx +7 -5
  45. package/src/components/PipelineColumn.tsx +24 -36
  46. package/src/components/PipelineComponent.stories.tsx +27 -14
  47. package/src/components/PipelineComponent.tsx +55 -27
  48. package/src/components/index.ts +2 -7
  49. package/src/{components → containers/PipelineContainer}/PipelineContainer.stories.tsx +91 -88
  50. package/src/containers/PipelineContainer/PipelineContainer.tsx +87 -0
  51. package/src/containers/PipelineContainer/index.ts +7 -0
  52. package/src/{components/PipelineSettings.tsx → containers/PipelineObjectSettings/PipelineObjectSettings.tsx} +65 -53
  53. package/src/containers/PipelineObjectSettings/index.ts +7 -0
  54. package/src/containers/index.ts +8 -0
  55. package/src/hooks/index.ts +5 -0
  56. package/src/hooks/usePipelineBoardModel.ts +79 -0
  57. package/src/templates/research.ts +14 -16
  58. package/src/types/PipelineAction.ts +1 -1
  59. package/dist/lib/browser/PipelineContainer-I3TPA7ZN.mjs +0 -217
  60. package/dist/lib/browser/PipelineContainer-I3TPA7ZN.mjs.map +0 -7
  61. package/dist/lib/browser/PipelineSettings-YSGSJHBT.mjs.map +0 -7
  62. package/dist/lib/browser/chunk-7GVESVYR.mjs.map +0 -7
  63. package/dist/lib/browser/react-surface-JMMCTIL3.mjs.map +0 -7
  64. package/dist/types/src/components/PipelineContainer.d.ts.map +0 -1
  65. package/dist/types/src/components/PipelineContainer.stories.d.ts.map +0 -1
  66. package/dist/types/src/components/PipelineSettings.d.ts.map +0 -1
  67. package/src/components/PipelineContainer.tsx +0 -57
  68. /package/dist/types/src/{components → containers/PipelineContainer}/PipelineContainer.stories.d.ts +0 -0
@@ -0,0 +1,79 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { Atom, type Registry } from '@effect-atom/atom-react';
6
+ import * as Schema from 'effect/Schema';
7
+ import { useMemo } from 'react';
8
+
9
+ import { Obj, Query } from '@dxos/echo';
10
+ import { AtomObj, AtomQuery } from '@dxos/echo-atom';
11
+ import { getQueryTarget } from '@dxos/plugin-space';
12
+ import { getSpace, isSpace } from '@dxos/react-client/echo';
13
+ import { type BoardModel } from '@dxos/react-ui-mosaic';
14
+ import { Pipeline } from '@dxos/types';
15
+
16
+ export const usePipelineBoardModel = (
17
+ pipeline: Pipeline.Pipeline | undefined,
18
+ registry: Registry.Registry,
19
+ ): BoardModel<Pipeline.Column, Obj.Unknown> =>
20
+ useMemo<BoardModel<Pipeline.Column, Obj.Unknown>>(() => {
21
+ if (pipeline == null) {
22
+ return emptyPipelineModel;
23
+ }
24
+
25
+ const space = getSpace(pipeline);
26
+ const columnsAtom = AtomObj.makeProperty(pipeline, 'columns');
27
+ const columnAtomFamily = Atom.family<string, Atom.Atom<Pipeline.Column | undefined>>((viewKey: string) =>
28
+ Atom.make((get) => {
29
+ const columns = get(columnsAtom);
30
+ return columns.find((c) => c.view.dxn.toString() === viewKey);
31
+ }),
32
+ );
33
+
34
+ const itemsAtomFamily = Atom.family<string, Atom.Atom<Obj.Unknown[]>>((viewKey: string) =>
35
+ Atom.make((get) => {
36
+ const column = get(columnAtomFamily(viewKey));
37
+ if (column == null) {
38
+ return [];
39
+ }
40
+ const viewSnapshot = get(AtomObj.make(column.view));
41
+ if (!viewSnapshot?.query?.ast) {
42
+ return [];
43
+ }
44
+ const query = Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));
45
+ const queryTarget = space ? getQueryTarget(query.ast, space) : undefined;
46
+ if (!queryTarget) {
47
+ return [];
48
+ }
49
+ const raw = get(AtomQuery.make(queryTarget, query));
50
+ return isSpace(queryTarget) ? raw : [...raw].reverse();
51
+ }),
52
+ );
53
+
54
+ return {
55
+ getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),
56
+ getItemId: (data) => (data as Obj.Unknown).id,
57
+ isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),
58
+ isItem: (obj: unknown): obj is Obj.Unknown => Obj.isObject(obj),
59
+ columns: columnsAtom,
60
+ items: (column) => itemsAtomFamily(column.view.dxn.toString()),
61
+ getColumns: () => [...registry.get(columnsAtom)],
62
+ getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? [],
63
+ };
64
+ }, [pipeline, registry]);
65
+
66
+ const emptyColumnsAtom = Atom.make(() => [] as Pipeline.Column[]);
67
+
68
+ const emptyItemsAtom = Atom.make(() => [] as Obj.Unknown[]);
69
+
70
+ const emptyPipelineModel: BoardModel<Pipeline.Column, Obj.Unknown> = {
71
+ getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),
72
+ getItemId: (data) => (data as Obj.Unknown).id,
73
+ isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),
74
+ isItem: (obj): obj is Obj.Unknown => Obj.isObject(obj),
75
+ columns: emptyColumnsAtom,
76
+ items: () => emptyItemsAtom,
77
+ getColumns: () => [],
78
+ getItems: () => [],
79
+ };
@@ -2,45 +2,43 @@
2
2
  // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import { type Database, Filter, Query, Ref, Type } from '@dxos/echo';
5
+ import { type Database, Feed, Filter, JsonSchema, Query, Ref } from '@dxos/echo';
6
6
  import { Mailbox } from '@dxos/plugin-inbox/types';
7
7
  import { Markdown } from '@dxos/plugin-markdown/types';
8
- import { View } from '@dxos/schema';
8
+ import { ViewModel } from '@dxos/schema';
9
9
  import { Message, Organization, Person, Pipeline } from '@dxos/types';
10
10
 
11
11
  export const createResearchProject = async (
12
12
  db: Database.Database,
13
13
  name?: string,
14
14
  ): Promise<Pipeline.Pipeline | null> => {
15
- const mailboxes = await db.query(Filter.type(Mailbox.Mailbox)).run();
16
- if (!mailboxes.length) {
15
+ const feeds = await db.query(Filter.type(Feed.Feed)).run();
16
+ const mailbox = feeds.find((feed) => feed.kind === Mailbox.kind);
17
+ if (!mailbox) {
17
18
  return null;
18
19
  }
19
20
 
20
- const mailbox = mailboxes[0];
21
- const mailboxView = View.make({
22
- query: Query.select(Filter.type(Message.Message)).options({
23
- queues: [mailbox.queue.dxn.toString()],
24
- }),
25
- jsonSchema: Type.toJsonSchema(Message.Message),
21
+ const mailboxView = ViewModel.make({
22
+ query: Query.select(Filter.type(Message.Message)).from(mailbox),
23
+ jsonSchema: JsonSchema.toJsonSchema(Message.Message),
26
24
  });
27
25
 
28
26
  const contactsQuery = Query.select(Filter.type(Person.Person));
29
- const contactsView = View.make({
27
+ const contactsView = ViewModel.make({
30
28
  query: contactsQuery,
31
- jsonSchema: Type.toJsonSchema(Person.Person),
29
+ jsonSchema: JsonSchema.toJsonSchema(Person.Person),
32
30
  });
33
31
 
34
32
  const organizationsQuery = Query.select(Filter.type(Organization.Organization));
35
- const organizationsView = View.make({
33
+ const organizationsView = ViewModel.make({
36
34
  query: organizationsQuery,
37
- jsonSchema: Type.toJsonSchema(Organization.Organization),
35
+ jsonSchema: JsonSchema.toJsonSchema(Organization.Organization),
38
36
  });
39
37
 
40
38
  const notesQuery = Query.select(Filter.type(Markdown.Document));
41
- const notesView = View.make({
39
+ const notesView = ViewModel.make({
42
40
  query: notesQuery,
43
- jsonSchema: Type.toJsonSchema(Markdown.Document),
41
+ jsonSchema: JsonSchema.toJsonSchema(Markdown.Document),
44
42
  });
45
43
 
46
44
  return Pipeline.make({
@@ -5,9 +5,9 @@
5
5
  import * as Schema from 'effect/Schema';
6
6
 
7
7
  import { Capability } from '@dxos/app-framework';
8
+ import { Collection } from '@dxos/echo';
8
9
  import { Operation } from '@dxos/operation';
9
10
  import { SpaceSchema } from '@dxos/react-client/echo';
10
- import { Collection } from '@dxos/schema';
11
11
 
12
12
  import { meta } from '../meta';
13
13
 
@@ -1,217 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-QWNKLHBY.mjs";
4
-
5
- // src/components/PipelineContainer.tsx
6
- import React3, { useCallback } from "react";
7
- import { useOperationInvoker } from "@dxos/app-framework/ui";
8
- import { Surface } from "@dxos/app-framework/ui";
9
- import { Obj as Obj2 } from "@dxos/echo";
10
- import { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from "@dxos/plugin-deck/types";
11
- import { Layout } from "@dxos/react-ui";
12
- import { useAttention } from "@dxos/react-ui-attention";
13
-
14
- // src/components/PipelineComponent.tsx
15
- import { createContext } from "@radix-ui/react-context";
16
- import React2 from "react";
17
- import { useObject as useObject2 } from "@dxos/react-client/echo";
18
- import { Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
19
- import { Stack } from "@dxos/react-ui-stack";
20
-
21
- // src/components/PipelineColumn.tsx
22
- import { useComposedRefs } from "@radix-ui/react-compose-refs";
23
- import React, { forwardRef, useMemo, useRef, useState } from "react";
24
- import { Obj, Query, Type } from "@dxos/echo";
25
- import { getQueryTarget, resolveSchemaWithRegistry } from "@dxos/plugin-space";
26
- import { Filter, getSpace, isSpace, useObject, useQuery } from "@dxos/react-client/echo";
27
- import { ScrollArea, useAsyncEffect, useTranslation } from "@dxos/react-ui";
28
- import { Card, Focus, Mosaic } from "@dxos/react-ui-mosaic";
29
- import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
30
- var PIPELINE_COLUMN_NAME = "PipelineColumn";
31
- var PipelineColumn = ({ column }) => {
32
- const { t } = useTranslation(meta.id);
33
- const [viewSnapshot] = useObject(column.view);
34
- const view = column.view.target;
35
- const space = getSpace(view);
36
- const { Item } = usePipeline(PIPELINE_COLUMN_NAME);
37
- const [schema, setSchema] = useState();
38
- const query = useMemo(() => {
39
- if (!view) {
40
- return Query.select(Filter.nothing());
41
- } else {
42
- return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));
43
- }
44
- }, [
45
- JSON.stringify(viewSnapshot?.query.ast)
46
- ]);
47
- useAsyncEffect(async () => {
48
- if (!query || !space) {
49
- return;
50
- }
51
- const schema2 = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
52
- setSchema(() => schema2);
53
- }, [
54
- space,
55
- query
56
- ]);
57
- const queryTarget = getQueryTarget(query.ast, space);
58
- const items = useQuery(queryTarget, query);
59
- const sortedItems = useMemo(() => {
60
- return isSpace(queryTarget) ? items : [
61
- ...items.reverse()
62
- ];
63
- }, [
64
- queryTarget,
65
- items
66
- ]);
67
- const projectionModel = useMemo(() => {
68
- if (!schema || !view) {
69
- return void 0;
70
- }
71
- const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : Type.toJsonSchema(schema);
72
- const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : void 0);
73
- return new ProjectionModel({
74
- view,
75
- baseSchema: jsonSchema,
76
- change
77
- });
78
- }, [
79
- schema,
80
- view
81
- ]);
82
- const Tile = useMemo(() => {
83
- return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React.createElement(ItemTile, {
84
- ...props,
85
- ref,
86
- itemProps: {
87
- item: props.data,
88
- projectionModel
89
- }
90
- }));
91
- }, [
92
- Item,
93
- projectionModel
94
- ]);
95
- if (!view) {
96
- return null;
97
- }
98
- return /* @__PURE__ */ React.createElement(Focus.Group, {
99
- asChild: true
100
- }, /* @__PURE__ */ React.createElement("div", {
101
- className: "grid bs-full card-default-width overflow-hidden grid-rows-[min-content_1fr] density-fine border border-separator rounded-md bg-deckSurface"
102
- }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.DragHandle, null), /* @__PURE__ */ React.createElement(Card.Title, null, column.name ?? t("untitled view title")), /* @__PURE__ */ React.createElement(Card.Menu, null)), /* @__PURE__ */ React.createElement(Mosaic.Container, {
103
- asChild: true,
104
- orientation: "vertical",
105
- withFocus: true
106
- }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
107
- orientation: "vertical"
108
- }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
109
- classNames: "p-2"
110
- }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
111
- orientation: "vertical",
112
- items: sortedItems,
113
- getId: (item) => item.id,
114
- Tile
115
- }))))));
116
- };
117
- PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
118
- var ITEM_TILE_NAME = "ItemTile";
119
- var ItemTile = /* @__PURE__ */ forwardRef(({ classNames, data, location, debug, itemProps }, forwardedRef) => {
120
- const rootRef = useRef(null);
121
- const composedRef = useComposedRefs(rootRef, forwardedRef);
122
- const { Item } = usePipeline(ITEM_TILE_NAME);
123
- return /* @__PURE__ */ React.createElement(Mosaic.Tile, {
124
- asChild: true,
125
- id: data.id,
126
- data,
127
- location,
128
- debug
129
- }, /* @__PURE__ */ React.createElement(Focus.Group, {
130
- asChild: true
131
- }, /* @__PURE__ */ React.createElement(Card.Root, {
132
- classNames,
133
- ref: composedRef
134
- }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.DragHandle, null), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Card.Menu, null)), /* @__PURE__ */ React.createElement(Card.Content, null, /* @__PURE__ */ React.createElement(Item, itemProps)))));
135
- });
136
- ItemTile.displayName = ITEM_TILE_NAME;
137
-
138
- // src/components/PipelineComponent.tsx
139
- var itemNoOp = ({ item }) => /* @__PURE__ */ React2.createElement("span", null, item.id);
140
- var PIPELINE_ROOT = "Pipeline.Root";
141
- var [PipelineRoot, usePipeline] = createContext(PIPELINE_ROOT, {
142
- Item: itemNoOp
143
- });
144
- PipelineRoot.displayName = PIPELINE_ROOT;
145
- var PIPELINE_CONTENT_NAME = "Pipeline.Content";
146
- var PipelineContent = ({ pipeline }) => {
147
- const [columns] = useObject2(pipeline, "columns");
148
- return /* @__PURE__ */ React2.createElement(Stack, {
149
- orientation: "horizontal",
150
- size: "contain",
151
- rail: false
152
- }, columns.map((column) => {
153
- return /* @__PURE__ */ React2.createElement(PipelineColumn, {
154
- key: column.view.dxn.toString(),
155
- column
156
- });
157
- }));
158
- };
159
- PipelineContent.displayName = PIPELINE_CONTENT_NAME;
160
- var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
161
- var PipelineToolbar = (props) => {
162
- const { t } = useTranslation2(meta.id);
163
- const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
164
- return /* @__PURE__ */ React2.createElement(Toolbar.Root, props, /* @__PURE__ */ React2.createElement(Toolbar.IconButton, {
165
- icon: "ph--plus--regular",
166
- iconOnly: true,
167
- label: t("add column label"),
168
- onClick: onAddColumn
169
- }));
170
- };
171
- PipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;
172
- var PipelineComponent = {
173
- Root: PipelineRoot,
174
- Content: PipelineContent,
175
- Toolbar: PipelineToolbar
176
- };
177
-
178
- // src/components/PipelineContainer.tsx
179
- var PipelineContainer = ({ role, subject: pipeline }) => {
180
- const { invokePromise } = useOperationInvoker();
181
- const attendableId = Obj2.getDXN(pipeline).toString();
182
- const { hasAttention } = useAttention(attendableId);
183
- const handleColumnAdd = useCallback(() => invokePromise(DeckOperation.ChangeCompanion, {
184
- primary: attendableId,
185
- companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`
186
- }), [
187
- invokePromise,
188
- attendableId
189
- ]);
190
- return /* @__PURE__ */ React3.createElement(Layout.Main, {
191
- role,
192
- toolbar: true
193
- }, /* @__PURE__ */ React3.createElement(PipelineComponent.Root, {
194
- Item: PipelineItem,
195
- onAddColumn: handleColumnAdd
196
- }, /* @__PURE__ */ React3.createElement(PipelineComponent.Toolbar, {
197
- disabled: !hasAttention
198
- }), /* @__PURE__ */ React3.createElement(PipelineComponent.Content, {
199
- pipeline
200
- })));
201
- };
202
- var PipelineItem = ({ item, projectionModel }) => {
203
- return /* @__PURE__ */ React3.createElement(Surface.Surface, {
204
- role: "card--content",
205
- data: {
206
- subject: item,
207
- projection: projectionModel
208
- },
209
- limit: 1
210
- });
211
- };
212
- var PipelineContainer_default = PipelineContainer;
213
- export {
214
- PipelineContainer,
215
- PipelineContainer_default as default
216
- };
217
- //# sourceMappingURL=PipelineContainer-I3TPA7ZN.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/PipelineContainer.tsx", "../../../src/components/PipelineComponent.tsx", "../../../src/components/PipelineColumn.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from '@dxos/plugin-deck/types';\nimport { Layout } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { type Pipeline as PipelineType } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from './PipelineComponent';\n\nexport type PipelineContainerProps = SurfaceComponentProps<PipelineType.Pipeline>;\n\nexport const PipelineContainer = ({ role, subject: pipeline }: PipelineContainerProps) => {\n const { invokePromise } = useOperationInvoker();\n const attendableId = Obj.getDXN(pipeline).toString();\n const { hasAttention } = useAttention(attendableId);\n\n const handleColumnAdd = useCallback(\n () =>\n invokePromise(DeckOperation.ChangeCompanion, {\n primary: attendableId,\n companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`,\n }),\n [invokePromise, attendableId],\n );\n\n return (\n <Layout.Main role={role} toolbar>\n <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n <PipelineComponent.Toolbar disabled={!hasAttention} />\n <PipelineComponent.Content pipeline={pipeline} />\n </PipelineComponent.Root>\n </Layout.Main>\n );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n return (\n <Surface.Surface\n role='card--content'\n data={{\n subject: item,\n projection: projectionModel,\n }}\n limit={1}\n />\n );\n};\n\nexport default PipelineContainer;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type FC } from 'react';\n\nimport { type Obj } from '@dxos/echo';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Toolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { Stack } from '@dxos/react-ui-stack';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { type Pipeline as PipelineType } from '@dxos/types';\n\nimport { meta } from '../meta';\n\nimport { PipelineColumn } from './PipelineColumn';\n\ntype ItemProps = {\n item: Obj.Unknown;\n projectionModel?: ProjectionModel;\n};\n\nconst itemNoOp = ({ item }: ItemProps) => <span>{item.id}</span>;\n\ntype PipelineContextValue = {\n Item: FC<ItemProps>;\n // TODO(wittjosiah): Support adding items.\n // If the created item doesn't match the current query, it will not be visible.\n // onAddItem?: (schema: Schema.Schema.AnyNoContext) => void;\n onAddColumn?: () => void;\n};\n\n//\n// Root\n//\n\ntype PipelineRootProps = PipelineContextValue;\n\nconst PIPELINE_ROOT = 'Pipeline.Root';\n\nconst [PipelineRoot, usePipeline] = createContext<PipelineContextValue>(PIPELINE_ROOT, {\n Item: itemNoOp,\n});\n\nPipelineRoot.displayName = PIPELINE_ROOT;\n\n//\n// Content\n//\n\nconst PIPELINE_CONTENT_NAME = 'Pipeline.Content';\n\ntype PipelineContentProps = {\n pipeline: PipelineType.Pipeline;\n};\n\nconst PipelineContent = ({ pipeline }: PipelineContentProps) => {\n const [columns] = useObject(pipeline, 'columns');\n\n return (\n <Stack orientation='horizontal' size='contain' rail={false}>\n {columns.map((column) => {\n return <PipelineColumn key={column.view.dxn.toString()} column={column} />;\n })}\n </Stack>\n );\n};\n\nPipelineContent.displayName = PIPELINE_CONTENT_NAME;\n\n//\n// Toolbar\n//\n\nconst PIPELINE_TOOLBAR_NAME = 'Pipeline.Toolbar';\n\nexport const PipelineToolbar = (props: ToolbarRootProps) => {\n const { t } = useTranslation(meta.id);\n const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);\n\n return (\n <Toolbar.Root {...props}>\n <Toolbar.IconButton icon='ph--plus--regular' iconOnly label={t('add column label')} onClick={onAddColumn} />\n </Toolbar.Root>\n );\n};\n\nPipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;\n\n//\n// Project\n//\n\nexport const PipelineComponent = {\n Root: PipelineRoot,\n Content: PipelineContent,\n Toolbar: PipelineToolbar,\n};\n\nexport { usePipeline };\n\nexport type { ItemProps, PipelineContextValue, PipelineRootProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport type * as Schema from 'effect/Schema';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { Obj, Query, Type } from '@dxos/echo';\nimport { getQueryTarget, resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { Filter, getSpace, isSpace, useObject, useQuery } from '@dxos/react-client/echo';\nimport { ScrollArea, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Card, Focus, Mosaic, type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport { ProjectionModel, createEchoChangeCallback } from '@dxos/schema';\nimport { type Pipeline } from '@dxos/types';\n\nimport { meta } from '../meta';\n\nimport { type ItemProps, usePipeline } from './PipelineComponent';\n\n//\n// PipelineColumn\n//\n\nconst PIPELINE_COLUMN_NAME = 'PipelineColumn';\n\nexport type PipelineColumnProps = {\n column: Pipeline.Column;\n};\n\n// TODO(thure): Duplicates a lot of the same boilerplate as Kanban columns; is there an opportunity to DRY these out?\n// TODO(wittjosiah): Support column DnD reordering.\n// TODO(wittjosiah): Support item DnD reordering (ordering needs to be stored on the view presentation collection).\nexport const PipelineColumn = ({ column }: PipelineColumnProps) => {\n const { t } = useTranslation(meta.id);\n // Subscribe to the view target for reactivity.\n const [viewSnapshot] = useObject(column.view);\n const view = column.view.target;\n const space = getSpace(view);\n const { Item } = usePipeline(PIPELINE_COLUMN_NAME);\n const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>();\n const query = useMemo(() => {\n if (!view) {\n return Query.select(Filter.nothing());\n } else {\n // NOTE: Snapshot is required to prevent signal read in prohibited scope.\n // TODO(wittjosiah): Without stringify, filter.filters remains a proxied array.\n return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));\n }\n }, [JSON.stringify(viewSnapshot?.query.ast)]);\n\n useAsyncEffect(async () => {\n if (!query || !space) {\n return;\n }\n\n const schema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n setSchema(() => schema);\n }, [space, query]);\n\n const queryTarget = getQueryTarget(query.ast, space);\n const items = useQuery(queryTarget, query);\n const sortedItems = useMemo(() => {\n // TODO(burdon): Hack to reverse queue.\n return isSpace(queryTarget) ? items : [...items.reverse()];\n }, [queryTarget, items]);\n const projectionModel = useMemo(() => {\n if (!schema || !view) {\n return undefined;\n }\n\n // For mutable schemas (EchoSchema), use the live jsonSchema reference for reactivity.\n const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : Type.toJsonSchema(schema);\n const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : undefined);\n return new ProjectionModel({ view, baseSchema: jsonSchema, change });\n }, [schema, view]);\n\n const Tile = useMemo(() => {\n return forwardRef<HTMLDivElement, Pick<MosaicTileProps<Obj.Unknown>, 'classNames' | 'location' | 'data' | 'debug'>>(\n (props, ref) => <ItemTile {...props} ref={ref} itemProps={{ item: props.data, projectionModel }} />,\n );\n }, [Item, projectionModel]);\n\n if (!view) {\n return null;\n }\n\n return (\n <Focus.Group asChild>\n <div className='grid bs-full card-default-width overflow-hidden grid-rows-[min-content_1fr] density-fine border border-separator rounded-md bg-deckSurface'>\n <Card.Toolbar>\n <Card.DragHandle />\n <Card.Title>{column.name ?? t('untitled view title')}</Card.Title>\n <Card.Menu />\n </Card.Toolbar>\n <Mosaic.Container asChild orientation='vertical' withFocus>\n <ScrollArea.Root orientation='vertical'>\n <ScrollArea.Viewport classNames='p-2'>\n <Mosaic.Stack orientation='vertical' items={sortedItems} getId={(item) => item.id} Tile={Tile} />\n </ScrollArea.Viewport>\n </ScrollArea.Root>\n </Mosaic.Container>\n </div>\n </Focus.Group>\n );\n};\n\nPipelineColumn.displayName = PIPELINE_COLUMN_NAME;\n\n//\n// ItemTile\n//\n\nconst ITEM_TILE_NAME = 'ItemTile';\n\ntype ItemTileProps = Pick<MosaicTileProps<Obj.Unknown>, 'classNames' | 'location' | 'data' | 'debug'> & {\n itemProps: ItemProps;\n};\n\nconst ItemTile = forwardRef<HTMLDivElement, ItemTileProps>(\n ({ classNames, data, location, debug, itemProps }, forwardedRef) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const composedRef = useComposedRefs<HTMLDivElement>(rootRef, forwardedRef);\n const { Item } = usePipeline(ITEM_TILE_NAME);\n\n return (\n <Mosaic.Tile asChild id={data.id} data={data} location={location} debug={debug}>\n <Focus.Group asChild>\n <Card.Root classNames={classNames} ref={composedRef}>\n <Card.Toolbar>\n <Card.DragHandle />\n <Card.Title>{Obj.getLabel(data)}</Card.Title>\n <Card.Menu />\n </Card.Toolbar>\n <Card.Content>\n <Item {...itemProps} />\n </Card.Content>\n </Card.Root>\n </Focus.Group>\n </Mosaic.Tile>\n );\n },\n);\n\nItemTile.displayName = ITEM_TILE_NAME;\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useOperationInvoker", "Surface", "Obj", "ATTENDABLE_PATH_SEPARATOR", "DeckOperation", "Layout", "useAttention", "createContext", "React", "useObject", "Toolbar", "useTranslation", "Stack", "useComposedRefs", "React", "forwardRef", "useMemo", "useRef", "useState", "Obj", "Query", "Type", "getQueryTarget", "resolveSchemaWithRegistry", "Filter", "getSpace", "isSpace", "useObject", "useQuery", "ScrollArea", "useAsyncEffect", "useTranslation", "Card", "Focus", "Mosaic", "ProjectionModel", "createEchoChangeCallback", "PIPELINE_COLUMN_NAME", "PipelineColumn", "column", "t", "useTranslation", "meta", "id", "viewSnapshot", "useObject", "view", "target", "space", "getSpace", "Item", "usePipeline", "schema", "setSchema", "useState", "query", "useMemo", "Query", "select", "Filter", "nothing", "fromAst", "JSON", "parse", "stringify", "ast", "useAsyncEffect", "resolveSchemaWithRegistry", "db", "schemaRegistry", "queryTarget", "getQueryTarget", "items", "useQuery", "sortedItems", "isSpace", "reverse", "projectionModel", "undefined", "jsonSchema", "Type", "isMutable", "toJsonSchema", "change", "createEchoChangeCallback", "ProjectionModel", "baseSchema", "Tile", "forwardRef", "props", "ref", "ItemTile", "itemProps", "item", "data", "Focus", "Group", "asChild", "div", "className", "Card", "Toolbar", "DragHandle", "Title", "name", "Menu", "Mosaic", "Container", "orientation", "withFocus", "ScrollArea", "Root", "Viewport", "classNames", "Stack", "getId", "displayName", "ITEM_TILE_NAME", "location", "debug", "forwardedRef", "rootRef", "useRef", "composedRef", "useComposedRefs", "Obj", "getLabel", "Content", "itemNoOp", "item", "React", "span", "id", "PIPELINE_ROOT", "PipelineRoot", "usePipeline", "createContext", "Item", "displayName", "PIPELINE_CONTENT_NAME", "PipelineContent", "pipeline", "columns", "useObject", "Stack", "orientation", "size", "rail", "map", "column", "PipelineColumn", "key", "view", "dxn", "toString", "PIPELINE_TOOLBAR_NAME", "PipelineToolbar", "props", "t", "useTranslation", "meta", "onAddColumn", "Toolbar", "Root", "IconButton", "icon", "iconOnly", "label", "onClick", "PipelineComponent", "Content", "PipelineContainer", "role", "subject", "pipeline", "invokePromise", "useOperationInvoker", "attendableId", "Obj", "getDXN", "toString", "hasAttention", "useAttention", "handleColumnAdd", "useCallback", "DeckOperation", "ChangeCompanion", "primary", "companion", "ATTENDABLE_PATH_SEPARATOR", "React", "Layout", "Main", "toolbar", "PipelineComponent", "Root", "Item", "PipelineItem", "onAddColumn", "Toolbar", "disabled", "Content", "item", "projectionModel", "Surface", "data", "projection", "limit"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/PipelineSettings.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { DXN, Filter, Obj, Query, type QueryAST, Ref, Tag, Type } from '@dxos/echo';\nimport { type Mutable } from '@dxos/echo/internal';\nimport { useTypeOptions } from '@dxos/plugin-space';\nimport { resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form, ViewEditor } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { type ProjectionModel, View } from '@dxos/schema';\nimport { Pipeline, Task } from '@dxos/types';\nimport { mx, osTranslations, subtleHover } from '@dxos/ui-theme';\nimport { arrayMove } from '@dxos/util';\n\nimport { meta } from '../meta';\n\nconst listGrid = 'grid grid-cols-[min-content_1fr_min-content_min-content_min-content]';\nconst listItemGrid = 'grid grid-cols-subgrid col-span-5';\n\nconst ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick('name'));\n\n// TODO(burdon): Standardize Object/Plugin settings.\nexport type PipelineObjectSettingsProps = ThemedClassName<{\n pipeline: Pipeline.Pipeline;\n}>;\n\n/**\n * Supports editing the pipeline view.\n */\nexport const PipelineObjectSettings = ({ classNames, pipeline }: PipelineObjectSettingsProps) => {\n const { t } = useTranslation(meta.id);\n const space = getSpace(pipeline);\n const [expandedId, setExpandedId] = useState<string>();\n const column = useMemo(\n () => pipeline.columns.find((column) => column.view.dxn.toString() === expandedId),\n [pipeline.columns, expandedId],\n );\n const view = column?.view.target;\n const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));\n const projectionRef = useRef<ProjectionModel>(null);\n const tags = useQuery(space?.db, Filter.type(Tag.Tag));\n const types = useTypeOptions({\n space,\n annotation: {\n location: ['database', 'runtime'],\n kind: ['user'],\n registered: ['registered', 'unregistered'],\n },\n });\n\n useAsyncEffect(async () => {\n if (!view?.query || !space) {\n return;\n }\n\n const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);\n if (foundSchema && foundSchema !== schema) {\n setSchema(() => foundSchema);\n }\n }, [space, view, schema]);\n\n const handleMove = useCallback(\n (fromIndex: number, toIndex: number) =>\n Obj.change(pipeline, (p) => {\n arrayMove(p.columns, fromIndex, toIndex);\n }),\n [pipeline],\n );\n\n const handleQueryChanged = useCallback(\n async (newQuery: QueryAST.Query, target?: string) => {\n if (!view || !space) {\n return;\n }\n\n const queue = target && DXN.tryParse(target) ? target : undefined;\n const query = queue ? Query.fromAst(newQuery).options({ queues: [queue] }) : Query.fromAst(newQuery);\n Obj.change(view, (v) => {\n v.query.ast = query.ast as Mutable<typeof query.ast>;\n });\n const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n if (!newSchema) {\n return;\n }\n\n const newView = View.make({\n query,\n jsonSchema: Type.toJsonSchema(newSchema),\n });\n Obj.change(view, (v) => {\n v.projection = Obj.getSnapshot(newView).projection as Mutable<typeof v.projection>;\n });\n\n setSchema(() => newSchema);\n },\n [view, schema],\n );\n\n const handleToggleField = useCallback((column: Pipeline.Column) => {\n setExpandedId((prevExpandedId) =>\n prevExpandedId === column.view.dxn.toString() ? undefined : column.view.dxn.toString(),\n );\n }, []);\n\n const handleDelete = useCallback(\n async (column: Pipeline.Column) => {\n if (column.view.dxn.toString() === expandedId) {\n setExpandedId(undefined);\n }\n\n const index = pipeline.columns.findIndex((l) => l === column);\n const viewToRemove = await column.view.load();\n Obj.change(pipeline, (p) => {\n p.columns.splice(index, 1);\n });\n space?.db.remove(viewToRemove);\n },\n [expandedId, pipeline.columns, space],\n );\n\n const handleAdd = useCallback(() => {\n const newView = View.make({\n query: Query.select(Filter.type(Task.Task)),\n jsonSchema: Type.toJsonSchema(Task.Task),\n });\n Obj.change(pipeline, (p) => {\n p.columns.push({\n name: 'Tasks',\n // Type assertion needed due to QueryAST type variance.\n view: Ref.make(newView) as (typeof p.columns)[number]['view'],\n order: [],\n });\n });\n setExpandedId(newView.id);\n }, [pipeline]);\n\n const handleColumnSave = useCallback(\n (values: Schema.Schema.Type<typeof ColumnFormSchema>) => {\n if (column) {\n const columnIndex = pipeline.columns.findIndex((c) => c === column);\n Obj.change(pipeline, (p) => {\n p.columns[columnIndex].name = values.name;\n });\n }\n },\n [column, pipeline],\n );\n\n return (\n <div role='none' className={mx('plb-cardSpacingBlock overflow-y-auto', classNames)}>\n <h2 className='text-sm text-description plb-1'>{t('views label')}</h2>\n\n <List.Root<Pipeline.Column>\n items={pipeline.columns}\n isItem={Schema.is(Pipeline.Column)}\n getId={(column) => column.view.dxn.toString()}\n onMove={handleMove}\n >\n {({ items: columns }) => (\n <>\n <div role='list' className={mx(listGrid)}>\n {columns.map((column) => (\n <List.Item<Pipeline.Column>\n key={column.view.dxn.toString()}\n item={column}\n classNames={listItemGrid}\n aria-expanded={expandedId === column.view.dxn.toString()}\n >\n <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-sm cursor-pointer min-bs-10')}>\n <List.ItemDragHandle />\n <List.ItemTitle onClick={() => handleToggleField(column)}>{column.name}</List.ItemTitle>\n <List.ItemDeleteButton\n label={t('delete view label')}\n autoHide={false}\n onClick={() => handleDelete(column)}\n data-testid='view.delete'\n />\n <IconButton\n iconOnly\n variant='ghost'\n label={t('toggle expand label', { ns: osTranslations })}\n icon={\n expandedId === column.view.dxn.toString()\n ? 'ph--caret-down--regular'\n : 'ph--caret-right--regular'\n }\n onClick={() => handleToggleField(column)}\n />\n </div>\n {expandedId === column.view.dxn.toString() && view && (\n <div role='none' className='col-span-5 mlb-2 border border-separator rounded-md'>\n <Form.Root schema={ColumnFormSchema} values={column} autoSave onSave={handleColumnSave}>\n <Form.Content>\n <Form.FieldSet />\n </Form.Content>\n </Form.Root>\n <ViewEditor\n ref={projectionRef}\n mode='tag'\n readonly\n schema={schema}\n view={view}\n registry={space?.db.schemaRegistry}\n tags={tags}\n types={types}\n onQueryChanged={handleQueryChanged}\n />\n </div>\n )}\n </List.Item>\n ))}\n </div>\n </>\n )}\n </List.Root>\n\n <div role='none' className='mlb-cardSpacingBlock'>\n <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='is-full' />\n </div>\n </div>\n );\n};\n\nexport default PipelineObjectSettings;\n"],
5
- "mappings": "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",
6
- "names": ["Schema", "React", "useCallback", "useMemo", "useRef", "useState", "DXN", "Filter", "Obj", "Query", "Ref", "Tag", "Type", "useTypeOptions", "resolveSchemaWithRegistry", "getSpace", "useQuery", "IconButton", "useAsyncEffect", "useTranslation", "Form", "ViewEditor", "List", "View", "Pipeline", "Task", "mx", "osTranslations", "subtleHover", "arrayMove", "listGrid", "listItemGrid", "ColumnFormSchema", "Pipeline", "Column", "pipe", "mutable", "pick", "PipelineObjectSettings", "classNames", "pipeline", "t", "useTranslation", "meta", "id", "space", "getSpace", "expandedId", "setExpandedId", "useState", "column", "useMemo", "columns", "find", "view", "dxn", "toString", "target", "schema", "setSchema", "Struct", "projectionRef", "useRef", "tags", "useQuery", "db", "Filter", "type", "Tag", "types", "useTypeOptions", "annotation", "location", "kind", "registered", "useAsyncEffect", "query", "foundSchema", "resolveSchemaWithRegistry", "schemaRegistry", "ast", "handleMove", "useCallback", "fromIndex", "toIndex", "Obj", "change", "p", "arrayMove", "handleQueryChanged", "newQuery", "queue", "DXN", "tryParse", "undefined", "Query", "fromAst", "options", "queues", "v", "newSchema", "newView", "View", "make", "jsonSchema", "Type", "toJsonSchema", "projection", "getSnapshot", "handleToggleField", "prevExpandedId", "handleDelete", "index", "findIndex", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "select", "Task", "push", "name", "Ref", "order", "handleColumnSave", "values", "columnIndex", "c", "div", "role", "className", "mx", "h2", "List", "Root", "items", "isItem", "is", "getId", "onMove", "map", "Item", "key", "item", "aria-expanded", "subtleHover", "ItemDragHandle", "ItemTitle", "onClick", "ItemDeleteButton", "label", "autoHide", "data-testid", "IconButton", "iconOnly", "variant", "ns", "osTranslations", "icon", "Form", "autoSave", "onSave", "Content", "FieldSet", "ViewEditor", "ref", "mode", "readonly", "registry", "onQueryChanged"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/PipelineAction.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/operation';\nimport { SpaceSchema } from '@dxos/react-client/echo';\nimport { Collection } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nconst PIPELINE_OPERATION = `${meta.id}/operation`;\n\nexport namespace PipelineOperation {\n export const OnCreateSpace = Operation.make({\n meta: { key: `${PIPELINE_OPERATION}/on-create-space`, name: 'On Create Space' },\n services: [Capability.Service],\n schema: {\n input: Schema.Struct({\n space: SpaceSchema,\n rootCollection: Collection.Collection,\n isDefault: Schema.optional(Schema.Boolean),\n }),\n output: Schema.Void,\n },\n });\n}\n"],
5
- "mappings": ";;;;;;AAAA;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,kBAAkB;AAI3B,IAAMC,qBAAqB,GAAGC,KAAKC,EAAE;UAEpBC,oBAAAA;qBACFC,gBAAgBC,UAAUC,KAAK;IAC1CL,MAAM;MAAEM,KAAK,GAAGP,kBAAAA;MAAsCQ,MAAM;IAAkB;IAC9EC,UAAU;MAACC,WAAWC;;IACtBC,QAAQ;MACNC,OAAcC,cAAO;QACnBC,OAAOC;QACPC,gBAAgBC,WAAWA;QAC3BC,WAAkBC,gBAAgBC,cAAO;MAC3C,CAAA;MACAC,QAAeC;IACjB;EACF,CAAA;AACF,GAbiBpB,sBAAAA,oBAAAA,CAAAA,EAAAA;;",
6
- "names": ["Schema", "Capability", "Operation", "SpaceSchema", "Collection", "PIPELINE_OPERATION", "meta", "id", "PipelineOperation", "OnCreateSpace", "Operation", "make", "key", "name", "services", "Capability", "Service", "schema", "input", "Struct", "space", "SpaceSchema", "rootCollection", "Collection", "isDefault", "optional", "Boolean", "output", "Void"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { InvocationTraceContainer } from '@dxos/devtools';\nimport { Obj } from '@dxos/echo';\nimport { Layout } from '@dxos/react-ui';\nimport { Pipeline } from '@dxos/types';\n\nimport { PipelineContainer, PipelineObjectSettings } from '../../components';\nimport { meta } from '../../meta';\n\nexport default Capability.makeModule(() =>\n Effect.succeed(\n Capability.contributes(Capabilities.ReactSurface, [\n Surface.create({\n id: meta.id,\n role: 'article',\n filter: (data): data is { subject: Pipeline.Pipeline } => Obj.instanceOf(Pipeline.Pipeline, data.subject),\n component: ({ data, role }) => <PipelineContainer role={role} subject={data.subject} />,\n }),\n Surface.create({\n id: `${meta.id}/companion/invocations`,\n role: 'article',\n filter: (data): data is { companionTo: Pipeline.Pipeline } =>\n Obj.instanceOf(Pipeline.Pipeline, data.companionTo) && data.subject === 'invocations',\n component: ({ data, role }) => {\n const db = Obj.getDatabase(data.companionTo);\n // TODO(wittjosiah): Filter the invocations to those relevant to the project.\n return (\n <Layout.Main role={role}>\n <InvocationTraceContainer db={db} detailAxis='block' />\n </Layout.Main>\n );\n },\n }),\n Surface.create({\n id: `${meta.id}/object-settings`,\n role: 'object-settings',\n filter: (data): data is { subject: Pipeline.Pipeline } => Obj.instanceOf(Pipeline.Pipeline, data.subject),\n component: ({ data }) => <PipelineObjectSettings pipeline={data.subject} />,\n }),\n ]),\n ),\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport type { PipelineContainerProps } from './PipelineContainer';\nexport type { PipelineObjectSettingsProps } from './PipelineSettings';\n\nexport const PipelineContainer = lazy(() => import('./PipelineContainer'));\nexport const PipelineObjectSettings = lazy(() => import('./PipelineSettings'));\n"],
5
- "mappings": ";;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,gCAAgC;AACzC,SAASC,WAAW;AACpB,SAASC,cAAc;AACvB,SAASC,gBAAgB;;;ACRzB,SAASC,YAAY;AAKd,IAAMC,oBAAoBC,KAAK,MAAM,OAAO,kCAAA,CAAA;AAC5C,IAAMC,yBAAyBD,KAAK,MAAM,OAAO,iCAAA,CAAA;;;ADOxD,IAAA,wBAAeE,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,IAAIC,KAAKD;IACTE,MAAM;IACNC,QAAQ,CAACC,SAAiDC,IAAIC,WAAWC,SAASA,UAAUH,KAAKI,OAAO;IACxGC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,mBAAAA;MAAkBR;MAAYM,SAASJ,KAAKI;;EAC9E,CAAA;EACAV,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,SAASA,UAAUH,KAAKO,WAAW,KAAKP,KAAKI,YAAY;IAC1EC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAE;AACxB,YAAMU,KAAKP,IAAIQ,YAAYT,KAAKO,WAAW;AAE3C,aACE,sBAAA,cAACG,OAAOC,MAAI;QAACb;SACX,sBAAA,cAACc,0BAAAA;QAAyBJ;QAAQK,YAAW;;IAGnD;EACF,CAAA;EACAnB,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SAAiDC,IAAIC,WAAWC,SAASA,UAAUH,KAAKI,OAAO;IACxGC,WAAW,CAAC,EAAEL,KAAI,MAAO,sBAAA,cAACc,wBAAAA;MAAuBC,UAAUf,KAAKI;;EAClE,CAAA;CACD,CAAA,CAAA;",
6
- "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "InvocationTraceContainer", "Obj", "Layout", "Pipeline", "lazy", "PipelineContainer", "lazy", "PipelineObjectSettings", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Pipeline", "subject", "component", "PipelineContainer", "companionTo", "db", "getDatabase", "Layout", "Main", "InvocationTraceContainer", "detailAxis", "PipelineObjectSettings", "pipeline"]
7
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"PipelineContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/PipelineContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAKlE,OAAO,EAAE,KAAK,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAI5D,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAElF,eAAO,MAAM,iBAAiB,GAAI,6BAA6B,sBAAsB,sBAsBpF,CAAC;AAeF,eAAe,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PipelineContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PipelineContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,EAAiC,QAAQ,EAAQ,MAAM,aAAa,CAAC;AA0B5E,QAAA,MAAM,IAAI;;;;;;;;yBAxCwB,CAAO,QAAQ,CAAC,QAAQ,CAAC,QACzD,CAAC;;;;;;;;;;yBAOoB,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2MG,CAAC;AAE3C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PipelineSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/PipelineSettings.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAc,KAAK,eAAe,EAAkC,MAAM,gBAAgB,CAAC;AAIlG,OAAO,EAAE,QAAQ,EAAQ,MAAM,aAAa,CAAC;AAY7C,MAAM,MAAM,2BAA2B,GAAG,eAAe,CAAC;IACxD,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;CAC7B,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,0BAA0B,2BAA2B,sBAgM3F,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -1,57 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import React, { useCallback } from 'react';
6
-
7
- import { useOperationInvoker } from '@dxos/app-framework/ui';
8
- import { Surface } from '@dxos/app-framework/ui';
9
- import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
10
- import { Obj } from '@dxos/echo';
11
- import { ATTENDABLE_PATH_SEPARATOR, DeckOperation } from '@dxos/plugin-deck/types';
12
- import { Layout } from '@dxos/react-ui';
13
- import { useAttention } from '@dxos/react-ui-attention';
14
- import { type Pipeline as PipelineType } from '@dxos/types';
15
-
16
- import { type ItemProps, PipelineComponent } from './PipelineComponent';
17
-
18
- export type PipelineContainerProps = SurfaceComponentProps<PipelineType.Pipeline>;
19
-
20
- export const PipelineContainer = ({ role, subject: pipeline }: PipelineContainerProps) => {
21
- const { invokePromise } = useOperationInvoker();
22
- const attendableId = Obj.getDXN(pipeline).toString();
23
- const { hasAttention } = useAttention(attendableId);
24
-
25
- const handleColumnAdd = useCallback(
26
- () =>
27
- invokePromise(DeckOperation.ChangeCompanion, {
28
- primary: attendableId,
29
- companion: `${attendableId}${ATTENDABLE_PATH_SEPARATOR}settings`,
30
- }),
31
- [invokePromise, attendableId],
32
- );
33
-
34
- return (
35
- <Layout.Main role={role} toolbar>
36
- <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>
37
- <PipelineComponent.Toolbar disabled={!hasAttention} />
38
- <PipelineComponent.Content pipeline={pipeline} />
39
- </PipelineComponent.Root>
40
- </Layout.Main>
41
- );
42
- };
43
-
44
- const PipelineItem = ({ item, projectionModel }: ItemProps) => {
45
- return (
46
- <Surface.Surface
47
- role='card--content'
48
- data={{
49
- subject: item,
50
- projection: projectionModel,
51
- }}
52
- limit={1}
53
- />
54
- );
55
- };
56
-
57
- export default PipelineContainer;