@dxos/plugin-pipeline 0.8.4-main.6fa680abb7 → 0.8.4-main.74a063c4e0

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/index.mjs +58 -45
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/PipelinePlugin.d.ts.map +1 -1
  5. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -0
  6. package/dist/types/src/capabilities/index.d.ts +3 -3
  7. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  8. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  9. package/dist/types/src/components/PipelineComponent/PipelineColumn.d.ts.map +1 -1
  10. package/dist/types/src/components/PipelineComponent/PipelineComponent.d.ts +34 -16
  11. package/dist/types/src/components/PipelineComponent/PipelineComponent.d.ts.map +1 -1
  12. package/dist/types/src/components/PipelineComponent/PipelineComponent.stories.d.ts +21 -21
  13. package/dist/types/src/components/PipelineComponent/PipelineComponent.stories.d.ts.map +1 -1
  14. package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts +2 -2
  15. package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts.map +1 -1
  16. package/dist/types/src/containers/PipelineContainer/PipelineContainer.stories.d.ts +29 -29
  17. package/dist/types/src/containers/PipelineContainer/PipelineContainer.stories.d.ts.map +1 -1
  18. package/dist/types/src/containers/PipelineContainer/index.d.ts +1 -2
  19. package/dist/types/src/containers/PipelineContainer/index.d.ts.map +1 -1
  20. package/dist/types/src/containers/PipelineObjectSettings/PipelineObjectSettings.d.ts.map +1 -1
  21. package/dist/types/src/containers/PipelineObjectSettings/index.d.ts +1 -2
  22. package/dist/types/src/containers/PipelineObjectSettings/index.d.ts.map +1 -1
  23. package/dist/types/src/hooks/usePipelineBoardModel.d.ts.map +1 -1
  24. package/dist/types/src/translations.d.ts +22 -22
  25. package/dist/types/src/translations.d.ts.map +1 -1
  26. package/dist/types/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +52 -43
  28. package/src/PipelinePlugin.tsx +20 -6
  29. package/src/capabilities/app-graph-builder.ts +40 -0
  30. package/src/capabilities/index.ts +4 -3
  31. package/src/capabilities/{react-surface/react-surface.tsx → react-surface.tsx} +12 -11
  32. package/src/components/PipelineComponent/PipelineColumn.tsx +64 -33
  33. package/src/components/PipelineComponent/PipelineComponent.stories.tsx +20 -18
  34. package/src/components/PipelineComponent/PipelineComponent.tsx +22 -13
  35. package/src/containers/PipelineContainer/PipelineContainer.stories.tsx +27 -27
  36. package/src/containers/PipelineContainer/PipelineContainer.tsx +9 -9
  37. package/src/containers/PipelineContainer/index.ts +1 -3
  38. package/src/containers/PipelineObjectSettings/PipelineObjectSettings.tsx +14 -13
  39. package/src/containers/PipelineObjectSettings/index.ts +1 -3
  40. package/src/hooks/usePipelineBoardModel.ts +1 -1
  41. package/src/translations.ts +22 -22
  42. package/dist/lib/browser/PipelineContainer-FAOVECDX.mjs +0 -318
  43. package/dist/lib/browser/PipelineContainer-FAOVECDX.mjs.map +0 -7
  44. package/dist/lib/browser/PipelineObjectSettings-JFOS6Z37.mjs +0 -220
  45. package/dist/lib/browser/PipelineObjectSettings-JFOS6Z37.mjs.map +0 -7
  46. package/dist/lib/browser/app-graph-builder-QQKBLYFD.mjs +0 -56
  47. package/dist/lib/browser/app-graph-builder-QQKBLYFD.mjs.map +0 -7
  48. package/dist/lib/browser/chunk-3A235GUD.mjs +0 -21
  49. package/dist/lib/browser/chunk-3A235GUD.mjs.map +0 -7
  50. package/dist/lib/browser/react-surface-XD6PVALN.mjs +0 -61
  51. package/dist/lib/browser/react-surface-XD6PVALN.mjs.map +0 -7
  52. package/dist/types/src/capabilities/app-graph-builder/app-graph-builder.d.ts.map +0 -1
  53. package/dist/types/src/capabilities/app-graph-builder/index.d.ts +0 -3
  54. package/dist/types/src/capabilities/app-graph-builder/index.d.ts.map +0 -1
  55. package/dist/types/src/capabilities/operation-resolver/index.d.ts +0 -2
  56. package/dist/types/src/capabilities/operation-resolver/index.d.ts.map +0 -1
  57. package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +0 -5
  58. package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts.map +0 -1
  59. package/dist/types/src/capabilities/react-surface/index.d.ts +0 -3
  60. package/dist/types/src/capabilities/react-surface/index.d.ts.map +0 -1
  61. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +0 -1
  62. package/src/capabilities/app-graph-builder/app-graph-builder.ts +0 -49
  63. package/src/capabilities/app-graph-builder/index.ts +0 -7
  64. package/src/capabilities/operation-resolver/index.ts +0 -5
  65. package/src/capabilities/operation-resolver/operation-resolver.ts +0 -9
  66. package/src/capabilities/react-surface/index.ts +0 -7
  67. /package/dist/types/src/capabilities/{app-graph-builder/app-graph-builder.d.ts → app-graph-builder.d.ts} +0 -0
  68. /package/dist/types/src/capabilities/{react-surface/react-surface.d.ts → react-surface.d.ts} +0 -0
@@ -1,318 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-3A235GUD.mjs";
4
-
5
- // src/containers/PipelineContainer/PipelineContainer.tsx
6
- import React3, { useCallback, useEffect } from "react";
7
- import { Capabilities } from "@dxos/app-framework";
8
- import { useCapability } from "@dxos/app-framework/ui";
9
- import { useOperationInvoker } from "@dxos/app-framework/ui";
10
- import { Surface } from "@dxos/app-framework/ui";
11
- import { OBJECT_ACTIONS_CONTRIBUTION_ID, OBJECT_ACTIONS_CONTRIBUTION_PRIORITY, useObjectMenuItems } from "@dxos/app-toolkit/ui";
12
- import { COMPANION_PREFIX } from "@dxos/app-toolkit";
13
- import { DeckOperation } from "@dxos/plugin-deck/types";
14
- import { Panel } from "@dxos/react-ui";
15
- import { useAttention } from "@dxos/react-ui-attention";
16
- import { useMenu } from "@dxos/react-ui-menu";
17
-
18
- // src/components/PipelineComponent/PipelineColumn.tsx
19
- import { useComposedRefs } from "@radix-ui/react-compose-refs";
20
- import React2, { forwardRef, useMemo, useRef, useState } from "react";
21
- import { useObjectNavigate } from "@dxos/app-toolkit/ui";
22
- import { JsonSchema, Obj as Obj2, Query, Type } from "@dxos/echo";
23
- import { resolveSchemaWithRegistry } from "@dxos/plugin-space";
24
- import { Filter, getSpace, useObject } from "@dxos/react-client/echo";
25
- import { useAsyncEffect, useTranslation as useTranslation2 } from "@dxos/react-ui";
26
- import { Card } from "@dxos/react-ui";
27
- import { Board as Board2, Focus, Mosaic } from "@dxos/react-ui-mosaic";
28
- import { ProjectionModel, createEchoChangeCallback } from "@dxos/schema";
29
-
30
- // src/components/PipelineComponent/PipelineComponent.tsx
31
- import { useAtomValue } from "@effect-atom/atom-react";
32
- import { createContext } from "@radix-ui/react-context";
33
- import React from "react";
34
- import { Obj } from "@dxos/echo";
35
- import { Toolbar, useTranslation } from "@dxos/react-ui";
36
- import { Board, useBoard, useEventHandlerAdapter } from "@dxos/react-ui-mosaic";
37
- var itemNoOp = ({ item }) => /* @__PURE__ */ React.createElement("span", null, item.id);
38
- var PIPELINE_ROOT = "Pipeline.Root";
39
- var [PipelineRootContext, usePipeline] = createContext(PIPELINE_ROOT, {
40
- Item: itemNoOp
41
- });
42
- var PipelineRoot = ({ children, ...contextValue }) => /* @__PURE__ */ React.createElement(PipelineRootContext, contextValue, children);
43
- PipelineRoot.displayName = PIPELINE_ROOT;
44
- var PIPELINE_CONTENT_NAME = "Pipeline.Content";
45
- var PipelineContent = ({ model, children, ...props }) => /* @__PURE__ */ React.createElement(Board.Root, {
46
- ...props,
47
- model
48
- }, children);
49
- PipelineContent.displayName = PIPELINE_CONTENT_NAME;
50
- var PIPELINE_COLUMNS_NAME = "Pipeline.Columns";
51
- var PipelineColumns = ({ pipeline }) => {
52
- const { model } = useBoard(PIPELINE_COLUMNS_NAME);
53
- const columns = useAtomValue(model.columns);
54
- const eventHandler = useEventHandlerAdapter({
55
- id: pipeline.id,
56
- // TODO(wittjosiah): Cast because columns array is readonly.
57
- items: columns,
58
- getId: model.getColumnId,
59
- get: (data) => data,
60
- make: (object) => object,
61
- canDrop: ({ source }) => model.isColumn(source.data),
62
- onChange: (mutate) => Obj.change(pipeline, (p) => mutate(p.columns))
63
- });
64
- return /* @__PURE__ */ React.createElement(Board.Content, {
65
- id: "pipeline",
66
- eventHandler,
67
- Tile: PipelineColumn
68
- });
69
- };
70
- PipelineColumns.displayName = PIPELINE_COLUMNS_NAME;
71
- var PIPELINE_TOOLBAR_NAME = "Pipeline.Toolbar";
72
- var PipelineToolbar = (props) => {
73
- const { t } = useTranslation(meta.id);
74
- const { onAddColumn } = usePipeline(PIPELINE_TOOLBAR_NAME);
75
- return /* @__PURE__ */ React.createElement(Toolbar.Root, props, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
76
- icon: "ph--plus--regular",
77
- iconOnly: true,
78
- label: t("add column label"),
79
- onClick: onAddColumn
80
- }));
81
- };
82
- PipelineToolbar.displayName = PIPELINE_TOOLBAR_NAME;
83
- var PipelineComponent = {
84
- Root: PipelineRoot,
85
- Content: PipelineContent,
86
- Columns: PipelineColumns,
87
- Toolbar: PipelineToolbar
88
- };
89
-
90
- // src/components/PipelineComponent/PipelineColumn.tsx
91
- var PIPELINE_COLUMN_NAME = "PipelineColumn";
92
- var PipelineColumn = ({ data: column, location, classNames, debug }) => {
93
- const { t } = useTranslation2(meta.id);
94
- const dragHandleRef = useRef(null);
95
- const [viewSnapshot] = useObject(column.view);
96
- const view = column.view.target;
97
- const space = getSpace(view);
98
- const { Item } = usePipeline(PIPELINE_COLUMN_NAME);
99
- const [schema, setSchema] = useState();
100
- const query = useMemo(() => {
101
- if (!view) {
102
- return Query.select(Filter.nothing());
103
- } else {
104
- return Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot?.query.ast)));
105
- }
106
- }, [
107
- JSON.stringify(viewSnapshot?.query.ast)
108
- ]);
109
- useAsyncEffect(async () => {
110
- if (!query || !space?.db) {
111
- return;
112
- }
113
- const schema2 = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
114
- setSchema(() => schema2);
115
- }, [
116
- space,
117
- query
118
- ]);
119
- const projectionModel = useMemo(() => {
120
- if (!schema || !view) {
121
- return void 0;
122
- }
123
- const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : JsonSchema.toJsonSchema(schema);
124
- const change = createEchoChangeCallback(view, Type.isMutable(schema) ? schema : void 0);
125
- return new ProjectionModel({
126
- view,
127
- baseSchema: jsonSchema,
128
- change
129
- });
130
- }, [
131
- schema,
132
- view
133
- ]);
134
- const Tile = useMemo(() => {
135
- return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(ItemTile, {
136
- ...props,
137
- ref,
138
- itemProps: {
139
- item: props.data,
140
- projectionModel
141
- }
142
- }));
143
- }, [
144
- Item,
145
- projectionModel
146
- ]);
147
- if (!view) {
148
- return null;
149
- }
150
- return /* @__PURE__ */ React2.createElement(Board2.Column.Root, {
151
- data: column,
152
- location,
153
- classNames: [
154
- "group/column grid h-full overflow-hidden grid-rows-[var(--dx-rail-action)_1fr]",
155
- classNames
156
- ],
157
- debug,
158
- dragHandleRef
159
- }, /* @__PURE__ */ React2.createElement(Board2.Column.Header, {
160
- label: column.name ?? t("untitled view title"),
161
- dragHandleRef
162
- }), /* @__PURE__ */ React2.createElement(Board2.Column.Body, {
163
- data: column,
164
- Tile
165
- }));
166
- };
167
- PipelineColumn.displayName = PIPELINE_COLUMN_NAME;
168
- var ITEM_TILE_NAME = "ItemTile";
169
- var ItemTile = /* @__PURE__ */ forwardRef(({ classNames, data, location, debug, itemProps }, forwardedRef) => {
170
- const rootRef = useRef(null);
171
- const composedRef = useComposedRefs(rootRef, forwardedRef);
172
- const { Item } = usePipeline(ITEM_TILE_NAME);
173
- const handleNavigate = useObjectNavigate(data);
174
- return /* @__PURE__ */ React2.createElement(Mosaic.Tile, {
175
- asChild: true,
176
- id: data.id,
177
- data,
178
- location,
179
- debug
180
- }, /* @__PURE__ */ React2.createElement(Focus.Group, {
181
- asChild: true
182
- }, /* @__PURE__ */ React2.createElement(Card.Root, {
183
- classNames,
184
- ref: composedRef
185
- }, /* @__PURE__ */ React2.createElement(Card.Toolbar, null, /* @__PURE__ */ React2.createElement(Card.DragHandle, null), /* @__PURE__ */ React2.createElement(Card.Title, {
186
- onClick: handleNavigate
187
- }, Obj2.getLabel(data)), /* @__PURE__ */ React2.createElement(Card.Menu, null)), /* @__PURE__ */ React2.createElement(Card.Content, null, /* @__PURE__ */ React2.createElement(Item, itemProps)))));
188
- });
189
- ItemTile.displayName = ITEM_TILE_NAME;
190
-
191
- // src/hooks/usePipelineBoardModel.ts
192
- import { Atom } from "@effect-atom/atom-react";
193
- import * as Schema from "effect/Schema";
194
- import { useMemo as useMemo2 } from "react";
195
- import { Obj as Obj3, Query as Query2 } from "@dxos/echo";
196
- import { AtomObj, AtomQuery } from "@dxos/echo-atom";
197
- import { getQueryTarget } from "@dxos/plugin-space";
198
- import { getSpace as getSpace2, isSpace } from "@dxos/react-client/echo";
199
- import { Pipeline } from "@dxos/types";
200
- var usePipelineBoardModel = (pipeline, registry) => useMemo2(() => {
201
- if (pipeline == null) {
202
- return emptyPipelineModel;
203
- }
204
- const space = getSpace2(pipeline);
205
- const columnsAtom = AtomObj.makeProperty(pipeline, "columns");
206
- const columnAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
207
- const columns = get(columnsAtom);
208
- return columns.find((c) => c.view.dxn.toString() === viewKey);
209
- }));
210
- const itemsAtomFamily = Atom.family((viewKey) => Atom.make((get) => {
211
- const column = get(columnAtomFamily(viewKey));
212
- if (column == null) {
213
- return [];
214
- }
215
- const viewSnapshot = get(AtomObj.make(column.view));
216
- if (!viewSnapshot?.query?.ast) {
217
- return [];
218
- }
219
- const query = Query2.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));
220
- const queryTarget = space ? getQueryTarget(query.ast, space) : void 0;
221
- if (!queryTarget) {
222
- return [];
223
- }
224
- const raw = get(AtomQuery.make(queryTarget, query));
225
- return isSpace(queryTarget) ? raw : [
226
- ...raw
227
- ].reverse();
228
- }));
229
- return {
230
- getColumnId: (data) => data.view.dxn.toString(),
231
- getItemId: (data) => data.id,
232
- isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
233
- isItem: (obj) => Obj3.isObject(obj),
234
- columns: columnsAtom,
235
- items: (column) => itemsAtomFamily(column.view.dxn.toString()),
236
- getColumns: () => [
237
- ...registry.get(columnsAtom)
238
- ],
239
- getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? []
240
- };
241
- }, [
242
- pipeline,
243
- registry
244
- ]);
245
- var emptyColumnsAtom = Atom.make(() => []);
246
- var emptyItemsAtom = Atom.make(() => []);
247
- var emptyPipelineModel = {
248
- getColumnId: (data) => data.view.dxn.toString(),
249
- getItemId: (data) => data.id,
250
- isColumn: (obj) => Schema.is(Pipeline.Column)(obj),
251
- isItem: (obj) => Obj3.isObject(obj),
252
- columns: emptyColumnsAtom,
253
- items: () => emptyItemsAtom,
254
- getColumns: () => [],
255
- getItems: () => []
256
- };
257
-
258
- // src/containers/PipelineContainer/PipelineContainer.tsx
259
- var PIPELINE_ITEM = "PipelineItem";
260
- var PipelineContainer = ({ role, subject: pipeline, attendableId }) => {
261
- const registry = useCapability(Capabilities.AtomRegistry);
262
- const model = usePipelineBoardModel(pipeline, registry);
263
- const { invokePromise } = useOperationInvoker();
264
- const { hasAttention } = useAttention(attendableId);
265
- const handleColumnAdd = useCallback(() => invokePromise(DeckOperation.ChangeCompanion, {
266
- companion: `${COMPANION_PREFIX}settings`
267
- }), [
268
- invokePromise
269
- ]);
270
- return /* @__PURE__ */ React3.createElement(PipelineComponent.Root, {
271
- Item: PipelineItem,
272
- onAddColumn: handleColumnAdd
273
- }, /* @__PURE__ */ React3.createElement(Panel.Root, {
274
- role,
275
- className: "dx-article"
276
- }, /* @__PURE__ */ React3.createElement(Panel.Toolbar, {
277
- asChild: true
278
- }, /* @__PURE__ */ React3.createElement(PipelineComponent.Toolbar, {
279
- disabled: !hasAttention
280
- })), /* @__PURE__ */ React3.createElement(Panel.Content, {
281
- asChild: true
282
- }, /* @__PURE__ */ React3.createElement(PipelineComponent.Content, {
283
- model
284
- }, /* @__PURE__ */ React3.createElement(PipelineComponent.Columns, {
285
- pipeline
286
- })))));
287
- };
288
- var PipelineItem = ({ item, projectionModel }) => {
289
- const menu = useMenu(PIPELINE_ITEM);
290
- const items = useObjectMenuItems(item);
291
- useEffect(() => {
292
- menu.addMenuItems({
293
- id: OBJECT_ACTIONS_CONTRIBUTION_ID,
294
- mode: "additive",
295
- priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,
296
- items
297
- });
298
- return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);
299
- }, [
300
- menu,
301
- items
302
- ]);
303
- return /* @__PURE__ */ React3.createElement(Surface.Surface, {
304
- role: "card--content",
305
- data: {
306
- subject: item,
307
- projection: projectionModel
308
- },
309
- limit: 1
310
- });
311
- };
312
-
313
- // src/containers/PipelineContainer/index.ts
314
- var PipelineContainer_default = PipelineContainer;
315
- export {
316
- PipelineContainer_default as default
317
- };
318
- //# sourceMappingURL=PipelineContainer-FAOVECDX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/containers/PipelineContainer/PipelineContainer.tsx", "../../../src/components/PipelineComponent/PipelineColumn.tsx", "../../../src/components/PipelineComponent/PipelineComponent.tsx", "../../../src/hooks/usePipelineBoardModel.ts", "../../../src/containers/PipelineContainer/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect } from 'react';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Surface } from '@dxos/app-framework/ui';\nimport {\n OBJECT_ACTIONS_CONTRIBUTION_ID,\n OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n type SurfaceComponentProps,\n useObjectMenuItems,\n} from '@dxos/app-toolkit/ui';\nimport { COMPANION_PREFIX } from '@dxos/app-toolkit';\nimport { DeckOperation } from '@dxos/plugin-deck/types';\nimport { Panel } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { useMenu } from '@dxos/react-ui-menu';\nimport { type Pipeline } from '@dxos/types';\n\nimport { type ItemProps, PipelineComponent } from '../../components';\nimport { usePipelineBoardModel } from '../../hooks';\n\nconst PIPELINE_ITEM = 'PipelineItem';\n\nexport type PipelineContainerProps = SurfaceComponentProps<Pipeline.Pipeline>;\n\nexport const PipelineContainer = ({ role, subject: pipeline, attendableId }: PipelineContainerProps) => {\n const registry = useCapability(Capabilities.AtomRegistry);\n const model = usePipelineBoardModel(pipeline, registry);\n const { invokePromise } = useOperationInvoker();\n const { hasAttention } = useAttention(attendableId);\n\n const handleColumnAdd = useCallback(\n () =>\n invokePromise(DeckOperation.ChangeCompanion, {\n companion: `${COMPANION_PREFIX}settings`,\n }),\n [invokePromise],\n );\n\n return (\n <PipelineComponent.Root Item={PipelineItem} onAddColumn={handleColumnAdd}>\n <Panel.Root role={role} className='dx-article'>\n <Panel.Toolbar asChild>\n <PipelineComponent.Toolbar disabled={!hasAttention} />\n </Panel.Toolbar>\n <Panel.Content asChild>\n <PipelineComponent.Content model={model}>\n <PipelineComponent.Columns pipeline={pipeline} />\n </PipelineComponent.Content>\n </Panel.Content>\n </Panel.Root>\n </PipelineComponent.Root>\n );\n};\n\nconst PipelineItem = ({ item, projectionModel }: ItemProps) => {\n const menu = useMenu(PIPELINE_ITEM);\n const items = useObjectMenuItems(item);\n\n useEffect(() => {\n menu.addMenuItems({\n id: OBJECT_ACTIONS_CONTRIBUTION_ID,\n mode: 'additive',\n priority: OBJECT_ACTIONS_CONTRIBUTION_PRIORITY,\n items,\n });\n\n return () => menu.removeMenuItems(OBJECT_ACTIONS_CONTRIBUTION_ID);\n }, [menu, items]);\n\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", "//\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 { useObjectNavigate } from '@dxos/app-toolkit/ui';\nimport { JsonSchema, Obj, Query, Type } from '@dxos/echo';\nimport { resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { Filter, getSpace, useObject } from '@dxos/react-client/echo';\nimport { useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\nimport { Board, 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 = Pick<MosaicTileProps<Pipeline.Column>, 'classNames' | 'location' | 'data' | 'debug'>;\n\n// TODO(wittjosiah): Support item DnD reordering (ordering needs to be stored on the view presentation collection).\nexport const PipelineColumn = ({ data: column, location, classNames, debug }: PipelineColumnProps) => {\n const { t } = useTranslation(meta.id);\n const dragHandleRef = useRef<HTMLButtonElement>(null);\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?.db) {\n return;\n }\n\n const schema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);\n setSchema(() => schema);\n }, [space, query]);\n\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 : JsonSchema.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 <Board.Column.Root\n data={column}\n location={location}\n classNames={['group/column grid h-full overflow-hidden grid-rows-[var(--dx-rail-action)_1fr]', classNames]}\n debug={debug}\n dragHandleRef={dragHandleRef}\n >\n <Board.Column.Header label={column.name ?? t('untitled view title')} dragHandleRef={dragHandleRef} />\n <Board.Column.Body data={column} Tile={Tile} />\n </Board.Column.Root>\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 const handleNavigate = useObjectNavigate(data);\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 onClick={handleNavigate}>{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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Toolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { Board, type BoardModel, useBoard, useEventHandlerAdapter } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\nimport { type Pipeline } 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\n//\n// Root\n//\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 // TODO(wittjosiah): onAddItem?: (schema: Schema.Schema.AnyNoContext) => void;\n onAddColumn?: () => void;\n};\n\ntype PipelineRootProps = PropsWithChildren<PipelineContextValue>;\n\nconst PIPELINE_ROOT = 'Pipeline.Root';\n\nconst [PipelineRootContext, usePipeline] = createContext<PipelineContextValue>(PIPELINE_ROOT, {\n Item: itemNoOp,\n});\n\nconst PipelineRoot = ({ children, ...contextValue }: PipelineRootProps) => (\n <PipelineRootContext {...contextValue}>{children}</PipelineRootContext>\n);\n\nPipelineRoot.displayName = PIPELINE_ROOT;\n\n//\n// Content\n//\n\nconst PIPELINE_CONTENT_NAME = 'Pipeline.Content';\n\ntype PipelineContentProps = PropsWithChildren<{\n model: BoardModel<Pipeline.Column, Obj.Unknown>;\n}>;\n\nconst PipelineContent = ({ model, children, ...props }: PipelineContentProps) => (\n <Board.Root {...props} model={model}>\n {children}\n </Board.Root>\n);\n\nPipelineContent.displayName = PIPELINE_CONTENT_NAME;\n\n//\n// Columns\n//\n\nconst PIPELINE_COLUMNS_NAME = 'Pipeline.Columns';\n\ntype PipelineColumnsProps = {\n pipeline: Pipeline.Pipeline;\n};\n\nconst PipelineColumns = ({ pipeline }: PipelineColumnsProps) => {\n const { model } = useBoard(PIPELINE_COLUMNS_NAME);\n const columns = useAtomValue(model.columns);\n const eventHandler = useEventHandlerAdapter<Pipeline.Column, Obj.Unknown>({\n id: pipeline.id,\n // TODO(wittjosiah): Cast because columns array is readonly.\n items: columns as any,\n getId: model.getColumnId,\n get: (data) => data as unknown as Obj.Unknown,\n make: (object) => object as unknown as Pipeline.Column,\n canDrop: ({ source }) => model.isColumn(source.data),\n onChange: (mutate) => Obj.change(pipeline, (p) => mutate(p.columns)),\n });\n\n return <Board.Content id='pipeline' eventHandler={eventHandler} Tile={PipelineColumn} />;\n};\n\nPipelineColumns.displayName = PIPELINE_COLUMNS_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 Columns: PipelineColumns,\n Toolbar: PipelineToolbar,\n};\n\nexport { usePipeline };\n\nexport type { ItemProps, PipelineContextValue, PipelineRootProps, PipelineContentProps, PipelineColumnsProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\nimport * as Schema from 'effect/Schema';\nimport { useMemo } from 'react';\n\nimport { Obj, Query } from '@dxos/echo';\nimport { AtomObj, AtomQuery } from '@dxos/echo-atom';\nimport { getQueryTarget } from '@dxos/plugin-space';\nimport { getSpace, isSpace } from '@dxos/react-client/echo';\nimport { type BoardModel } from '@dxos/react-ui-mosaic';\nimport { Pipeline } from '@dxos/types';\n\nexport const usePipelineBoardModel = (\n pipeline: Pipeline.Pipeline | undefined,\n registry: Registry.Registry,\n): BoardModel<Pipeline.Column, Obj.Unknown> =>\n useMemo<BoardModel<Pipeline.Column, Obj.Unknown>>(() => {\n if (pipeline == null) {\n return emptyPipelineModel;\n }\n\n const space = getSpace(pipeline);\n const columnsAtom = AtomObj.makeProperty(pipeline, 'columns');\n const columnAtomFamily = Atom.family<string, Atom.Atom<Pipeline.Column | undefined>>((viewKey: string) =>\n Atom.make((get) => {\n const columns = get(columnsAtom);\n return columns.find((c) => c.view.dxn.toString() === viewKey);\n }),\n );\n\n const itemsAtomFamily = Atom.family<string, Atom.Atom<Obj.Unknown[]>>((viewKey: string) =>\n Atom.make((get) => {\n const column = get(columnAtomFamily(viewKey));\n if (column == null) {\n return [];\n }\n const viewSnapshot = get(AtomObj.make(column.view));\n if (!viewSnapshot?.query?.ast) {\n return [];\n }\n const query = Query.fromAst(JSON.parse(JSON.stringify(viewSnapshot.query.ast)));\n const queryTarget = space ? getQueryTarget(query.ast, space) : undefined;\n if (!queryTarget) {\n return [];\n }\n const raw = get(AtomQuery.make(queryTarget, query));\n return isSpace(queryTarget) ? raw : [...raw].reverse();\n }),\n );\n\n return {\n getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),\n getItemId: (data) => (data as Obj.Unknown).id,\n isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),\n isItem: (obj: unknown): obj is Obj.Unknown => Obj.isObject(obj),\n columns: columnsAtom,\n items: (column) => itemsAtomFamily(column.view.dxn.toString()),\n getColumns: () => [...registry.get(columnsAtom)],\n getItems: (column) => registry.get(itemsAtomFamily(column.view.dxn.toString())) ?? [],\n };\n }, [pipeline, registry]);\n\nconst emptyColumnsAtom = Atom.make(() => [] as Pipeline.Column[]);\n\nconst emptyItemsAtom = Atom.make(() => [] as Obj.Unknown[]);\n\nconst emptyPipelineModel: BoardModel<Pipeline.Column, Obj.Unknown> = {\n getColumnId: (data) => (data as Pipeline.Column).view.dxn.toString(),\n getItemId: (data) => (data as Obj.Unknown).id,\n isColumn: (obj: unknown): obj is Pipeline.Column => Schema.is(Pipeline.Column)(obj),\n isItem: (obj): obj is Obj.Unknown => Obj.isObject(obj),\n columns: emptyColumnsAtom,\n items: () => emptyItemsAtom,\n getColumns: () => [],\n getItems: () => [],\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PipelineContainer } from './PipelineContainer';\n\nexport default PipelineContainer;\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useEffect", "Capabilities", "useCapability", "useOperationInvoker", "Surface", "OBJECT_ACTIONS_CONTRIBUTION_ID", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "useObjectMenuItems", "COMPANION_PREFIX", "DeckOperation", "Panel", "useAttention", "useMenu", "useComposedRefs", "React", "forwardRef", "useMemo", "useRef", "useState", "useObjectNavigate", "JsonSchema", "Obj", "Query", "Type", "resolveSchemaWithRegistry", "Filter", "getSpace", "useObject", "useAsyncEffect", "useTranslation", "Card", "Board", "Focus", "Mosaic", "ProjectionModel", "createEchoChangeCallback", "useAtomValue", "createContext", "React", "Obj", "Toolbar", "useTranslation", "Board", "useBoard", "useEventHandlerAdapter", "itemNoOp", "item", "span", "id", "PIPELINE_ROOT", "PipelineRootContext", "usePipeline", "createContext", "Item", "PipelineRoot", "children", "contextValue", "displayName", "PIPELINE_CONTENT_NAME", "PipelineContent", "model", "props", "Board", "Root", "PIPELINE_COLUMNS_NAME", "PipelineColumns", "pipeline", "useBoard", "columns", "useAtomValue", "eventHandler", "useEventHandlerAdapter", "items", "getId", "getColumnId", "get", "data", "make", "object", "canDrop", "source", "isColumn", "onChange", "mutate", "Obj", "change", "p", "Content", "Tile", "PipelineColumn", "PIPELINE_TOOLBAR_NAME", "PipelineToolbar", "t", "useTranslation", "meta", "onAddColumn", "Toolbar", "IconButton", "icon", "iconOnly", "label", "onClick", "PipelineComponent", "Columns", "PIPELINE_COLUMN_NAME", "PipelineColumn", "data", "column", "location", "classNames", "debug", "t", "useTranslation", "meta", "id", "dragHandleRef", "useRef", "viewSnapshot", "useObject", "view", "target", "space", "getSpace", "Item", "usePipeline", "schema", "setSchema", "useState", "query", "useMemo", "Query", "select", "Filter", "nothing", "fromAst", "JSON", "parse", "stringify", "ast", "useAsyncEffect", "db", "resolveSchemaWithRegistry", "schemaRegistry", "projectionModel", "undefined", "jsonSchema", "Type", "isMutable", "JsonSchema", "toJsonSchema", "change", "createEchoChangeCallback", "ProjectionModel", "baseSchema", "Tile", "forwardRef", "props", "ref", "React", "ItemTile", "itemProps", "item", "Board", "Column", "Root", "Header", "label", "name", "Body", "displayName", "ITEM_TILE_NAME", "forwardedRef", "rootRef", "composedRef", "useComposedRefs", "handleNavigate", "useObjectNavigate", "Mosaic", "asChild", "Focus", "Group", "Card", "Toolbar", "DragHandle", "Title", "onClick", "Obj", "getLabel", "Menu", "Content", "Atom", "Schema", "useMemo", "Obj", "Query", "AtomObj", "AtomQuery", "getQueryTarget", "getSpace", "isSpace", "Pipeline", "usePipelineBoardModel", "pipeline", "registry", "useMemo", "emptyPipelineModel", "space", "getSpace", "columnsAtom", "AtomObj", "makeProperty", "columnAtomFamily", "Atom", "family", "viewKey", "make", "get", "columns", "find", "c", "view", "dxn", "toString", "itemsAtomFamily", "column", "viewSnapshot", "query", "ast", "Query", "fromAst", "JSON", "parse", "stringify", "queryTarget", "getQueryTarget", "undefined", "raw", "AtomQuery", "isSpace", "reverse", "getColumnId", "data", "getItemId", "id", "isColumn", "obj", "is", "Pipeline", "Column", "isItem", "Obj", "isObject", "items", "getColumns", "getItems", "emptyColumnsAtom", "emptyItemsAtom", "PIPELINE_ITEM", "PipelineContainer", "role", "subject", "pipeline", "attendableId", "registry", "useCapability", "Capabilities", "AtomRegistry", "model", "usePipelineBoardModel", "invokePromise", "useOperationInvoker", "hasAttention", "useAttention", "handleColumnAdd", "useCallback", "DeckOperation", "ChangeCompanion", "companion", "COMPANION_PREFIX", "React", "PipelineComponent", "Root", "Item", "PipelineItem", "onAddColumn", "Panel", "className", "Toolbar", "asChild", "disabled", "Content", "Columns", "item", "projectionModel", "menu", "useMenu", "items", "useObjectMenuItems", "useEffect", "addMenuItems", "id", "OBJECT_ACTIONS_CONTRIBUTION_ID", "mode", "priority", "OBJECT_ACTIONS_CONTRIBUTION_PRIORITY", "removeMenuItems", "Surface", "data", "projection", "limit", "PipelineContainer"]
7
- }
@@ -1,220 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-3A235GUD.mjs";
4
-
5
- // src/containers/PipelineObjectSettings/PipelineObjectSettings.tsx
6
- import * as Schema from "effect/Schema";
7
- import React, { useCallback, useMemo, useRef, useState } from "react";
8
- import { DXN, Filter, JsonSchema, Obj, Query, Ref, Tag } from "@dxos/echo";
9
- import { useTypeOptions } from "@dxos/plugin-space";
10
- import { resolveSchemaWithRegistry } from "@dxos/plugin-space";
11
- import { getSpace, useObject, useQuery } from "@dxos/react-client/echo";
12
- import { IconButton, useAsyncEffect, useTranslation } from "@dxos/react-ui";
13
- import { Form, ViewEditor } from "@dxos/react-ui-form";
14
- import { List } from "@dxos/react-ui-list";
15
- import { ViewModel } from "@dxos/schema";
16
- import { Pipeline, Task } from "@dxos/types";
17
- import { mx, osTranslations, subtleHover } from "@dxos/ui-theme";
18
- import { arrayMove } from "@dxos/util";
19
- var listGrid = "grid grid-cols-[min-content_1fr_min-content_min-content_min-content]";
20
- var listItemGrid = "grid grid-cols-subgrid col-span-5";
21
- var ColumnFormSchema = Pipeline.Column.pipe(Schema.mutable, Schema.pick("name"));
22
- var PipelineObjectSettings = ({ classNames, pipeline }) => {
23
- const { t } = useTranslation(meta.id);
24
- const space = getSpace(pipeline);
25
- const [expandedId, setExpandedId] = useState();
26
- const [columns, updateColumns] = useObject(pipeline, "columns");
27
- const column = useMemo(() => columns.find((column2) => column2.view.dxn.toString() === expandedId), [
28
- columns,
29
- expandedId
30
- ]);
31
- const [view, updateView] = useObject(column?.view);
32
- const [schema, setSchema] = useState(() => Schema.Struct({}));
33
- const projectionRef = useRef(null);
34
- const tags = useQuery(space?.db, Filter.type(Tag.Tag));
35
- const types = useTypeOptions({
36
- space,
37
- annotation: {
38
- location: [
39
- "database",
40
- "runtime"
41
- ],
42
- kind: [
43
- "user"
44
- ]
45
- }
46
- });
47
- useAsyncEffect(async () => {
48
- if (!view?.query || !space) {
49
- return;
50
- }
51
- const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);
52
- if (foundSchema && foundSchema !== schema) {
53
- setSchema(() => foundSchema);
54
- }
55
- }, [
56
- space,
57
- view,
58
- schema
59
- ]);
60
- const handleMove = useCallback((fromIndex, toIndex) => updateColumns((columns2) => {
61
- arrayMove(columns2, fromIndex, toIndex);
62
- }), [
63
- updateColumns
64
- ]);
65
- const handleQueryChanged = useCallback(async (newQuery, target) => {
66
- if (!view || !space) {
67
- return;
68
- }
69
- const queue = target && DXN.tryParse(target) ? target : void 0;
70
- const query = queue ? Query.fromAst(newQuery).from({
71
- queues: [
72
- queue
73
- ]
74
- }) : Query.fromAst(newQuery);
75
- updateView((view2) => {
76
- view2.query.ast = query.ast;
77
- });
78
- const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
79
- if (!newSchema) {
80
- return;
81
- }
82
- const newView = ViewModel.make({
83
- query,
84
- jsonSchema: JsonSchema.toJsonSchema(newSchema)
85
- });
86
- updateView((view2) => {
87
- view2.projection = Obj.getSnapshot(newView).projection;
88
- });
89
- setSchema(() => newSchema);
90
- }, [
91
- view,
92
- updateView,
93
- schema
94
- ]);
95
- const handleColumnValuesChanged = useCallback((column2) => (newValues, { changed }) => {
96
- if (changed["name"]) {
97
- const columnIndex = columns.findIndex((c) => c === column2);
98
- if (columnIndex === -1) {
99
- return;
100
- }
101
- updateColumns((cols) => {
102
- cols[columnIndex].name = newValues.name ?? "";
103
- });
104
- }
105
- }, [
106
- columns,
107
- updateColumns
108
- ]);
109
- const handleToggleField = useCallback((column2) => {
110
- setExpandedId((prevExpandedId) => prevExpandedId === column2.view.dxn.toString() ? void 0 : column2.view.dxn.toString());
111
- }, []);
112
- const handleDelete = useCallback(async (column2) => {
113
- if (column2.view.dxn.toString() === expandedId) {
114
- setExpandedId(void 0);
115
- }
116
- const index = columns.findIndex((l) => l === column2);
117
- const viewToRemove = await column2.view.load();
118
- updateColumns((columns2) => {
119
- columns2.splice(index, 1);
120
- });
121
- space?.db.remove(viewToRemove);
122
- }, [
123
- expandedId,
124
- columns,
125
- updateColumns,
126
- space
127
- ]);
128
- const handleAdd = useCallback(() => {
129
- if (!space) {
130
- return;
131
- }
132
- const newView = ViewModel.make({
133
- query: Query.select(Filter.type(Task.Task)),
134
- jsonSchema: JsonSchema.toJsonSchema(Task.Task)
135
- });
136
- space.db.add(newView);
137
- updateColumns((columns2) => {
138
- columns2.push({
139
- name: "Tasks",
140
- // Type assertion needed due to QueryAST type variance.
141
- view: Ref.make(newView),
142
- order: []
143
- });
144
- });
145
- setExpandedId(newView.id);
146
- }, [
147
- space,
148
- updateColumns
149
- ]);
150
- return /* @__PURE__ */ React.createElement("div", {
151
- role: "none",
152
- className: mx("py-form-padding overflow-y-auto", classNames)
153
- }, /* @__PURE__ */ React.createElement("h2", {
154
- className: "text-sm text-description py-1"
155
- }, t("views label")), /* @__PURE__ */ React.createElement(List.Root, {
156
- items: columns,
157
- isItem: Schema.is(Pipeline.Column),
158
- getId: (column2) => column2.view.dxn.toString(),
159
- onMove: handleMove
160
- }, ({ items: columns2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
161
- role: "list",
162
- className: mx(listGrid)
163
- }, columns2.map((column2) => /* @__PURE__ */ React.createElement(List.Item, {
164
- key: column2.view.dxn.toString(),
165
- item: column2,
166
- classNames: listItemGrid,
167
- "aria-expanded": expandedId === column2.view.dxn.toString()
168
- }, /* @__PURE__ */ React.createElement("div", {
169
- role: "none",
170
- className: mx(subtleHover, listItemGrid, "rounded-xs cursor-pointer min-h-10")
171
- }, /* @__PURE__ */ React.createElement(List.ItemDragHandle, null), /* @__PURE__ */ React.createElement(List.ItemTitle, {
172
- onClick: () => handleToggleField(column2)
173
- }, column2.name), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
174
- label: t("delete view label"),
175
- autoHide: false,
176
- onClick: () => handleDelete(column2),
177
- "data-testid": "view.delete"
178
- }), /* @__PURE__ */ React.createElement(IconButton, {
179
- iconOnly: true,
180
- variant: "ghost",
181
- label: t("toggle expand label", {
182
- ns: osTranslations
183
- }),
184
- icon: expandedId === column2.view.dxn.toString() ? "ph--caret-down--regular" : "ph--caret-right--regular",
185
- onClick: () => handleToggleField(column2)
186
- })), expandedId === column2.view.dxn.toString() && column2?.view.target && /* @__PURE__ */ React.createElement("div", {
187
- role: "none",
188
- className: "col-span-5 my-2 border border-separator rounded-md"
189
- }, /* @__PURE__ */ React.createElement(Form.Root, {
190
- schema: ColumnFormSchema,
191
- values: column2,
192
- onValuesChanged: handleColumnValuesChanged(column2)
193
- }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null))), /* @__PURE__ */ React.createElement(ViewEditor, {
194
- ref: projectionRef,
195
- mode: "tag",
196
- readonly: true,
197
- schema,
198
- view: column2.view.target,
199
- registry: space?.db.schemaRegistry,
200
- db: space?.db,
201
- tags,
202
- types,
203
- onQueryChanged: handleQueryChanged
204
- }))))))), /* @__PURE__ */ React.createElement("div", {
205
- role: "none",
206
- className: "my-form-padding"
207
- }, /* @__PURE__ */ React.createElement(IconButton, {
208
- icon: "ph--plus--regular",
209
- label: t("add view label"),
210
- onClick: handleAdd,
211
- classNames: "w-full"
212
- })));
213
- };
214
-
215
- // src/containers/PipelineObjectSettings/index.ts
216
- var PipelineObjectSettings_default = PipelineObjectSettings;
217
- export {
218
- PipelineObjectSettings_default as default
219
- };
220
- //# sourceMappingURL=PipelineObjectSettings-JFOS6Z37.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/containers/PipelineObjectSettings/PipelineObjectSettings.tsx", "../../../src/containers/PipelineObjectSettings/index.ts"],
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, JsonSchema, Obj, Query, type QueryAST, Ref, Tag } from '@dxos/echo';\nimport { type JsonPath, type Mutable } from '@dxos/echo/internal';\nimport { useTypeOptions } from '@dxos/plugin-space';\nimport { resolveSchemaWithRegistry } from '@dxos/plugin-space';\nimport { getSpace, useObject, 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, ViewModel } 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 [columns, updateColumns] = useObject(pipeline, 'columns');\n const column = useMemo(\n () => columns.find((column) => column.view.dxn.toString() === expandedId),\n [columns, expandedId],\n );\n const [view, updateView] = useObject(column?.view);\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 },\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 updateColumns((columns) => {\n arrayMove(columns, fromIndex, toIndex);\n }),\n [updateColumns],\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).from({ queues: [queue] }) : Query.fromAst(newQuery);\n updateView((view) => {\n view.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 = ViewModel.make({\n query,\n jsonSchema: JsonSchema.toJsonSchema(newSchema),\n });\n updateView((view) => {\n view.projection = Obj.getSnapshot(newView).projection as Mutable<typeof view.projection>;\n });\n\n setSchema(() => newSchema);\n },\n [view, updateView, schema],\n );\n\n const handleColumnValuesChanged = useCallback(\n (column: Pipeline.Column) =>\n (newValues: { name?: string }, { changed }: { changed: Record<JsonPath, boolean> }) => {\n if (changed['name' as JsonPath]) {\n const columnIndex = columns.findIndex((c) => c === column);\n if (columnIndex === -1) {\n return;\n }\n updateColumns((cols) => {\n cols[columnIndex].name = newValues.name ?? '';\n });\n }\n },\n [columns, updateColumns],\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 = columns.findIndex((l) => l === column);\n const viewToRemove = await column.view.load();\n updateColumns((columns) => {\n columns.splice(index, 1);\n });\n space?.db.remove(viewToRemove);\n },\n [expandedId, columns, updateColumns, space],\n );\n\n const handleAdd = useCallback(() => {\n if (!space) {\n return;\n }\n const newView = ViewModel.make({\n query: Query.select(Filter.type(Task.Task)),\n jsonSchema: JsonSchema.toJsonSchema(Task.Task),\n });\n space.db.add(newView);\n updateColumns((columns) => {\n columns.push({\n name: 'Tasks',\n // Type assertion needed due to QueryAST type variance.\n view: Ref.make(newView) as (typeof columns)[number]['view'],\n order: [],\n });\n });\n setExpandedId(newView.id);\n }, [space, updateColumns]);\n\n return (\n <div role='none' className={mx('py-form-padding overflow-y-auto', classNames)}>\n <h2 className='text-sm text-description py-1'>{t('views label')}</h2>\n\n <List.Root<Pipeline.Column>\n items={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-xs cursor-pointer min-h-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() && column?.view.target && (\n <div role='none' className='col-span-5 my-2 border border-separator rounded-md'>\n <Form.Root\n schema={ColumnFormSchema}\n values={column}\n onValuesChanged={handleColumnValuesChanged(column)}\n >\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={column.view.target}\n registry={space?.db.schemaRegistry}\n db={space?.db}\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='my-form-padding'>\n <IconButton icon='ph--plus--regular' label={t('add view label')} onClick={handleAdd} classNames='w-full' />\n </div>\n </div>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { PipelineObjectSettings } from './PipelineObjectSettings';\n\nexport default PipelineObjectSettings;\n"],
5
- "mappings": "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",
6
- "names": ["Schema", "React", "useCallback", "useMemo", "useRef", "useState", "DXN", "Filter", "JsonSchema", "Obj", "Query", "Ref", "Tag", "useTypeOptions", "resolveSchemaWithRegistry", "getSpace", "useObject", "useQuery", "IconButton", "useAsyncEffect", "useTranslation", "Form", "ViewEditor", "List", "ViewModel", "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", "columns", "updateColumns", "useObject", "column", "useMemo", "find", "view", "dxn", "toString", "updateView", "schema", "setSchema", "Struct", "projectionRef", "useRef", "tags", "useQuery", "db", "Filter", "type", "Tag", "types", "useTypeOptions", "annotation", "location", "kind", "useAsyncEffect", "query", "foundSchema", "resolveSchemaWithRegistry", "schemaRegistry", "ast", "handleMove", "useCallback", "fromIndex", "toIndex", "arrayMove", "handleQueryChanged", "newQuery", "target", "queue", "DXN", "tryParse", "undefined", "Query", "fromAst", "from", "queues", "newSchema", "newView", "ViewModel", "make", "jsonSchema", "JsonSchema", "toJsonSchema", "projection", "Obj", "getSnapshot", "handleColumnValuesChanged", "newValues", "changed", "columnIndex", "findIndex", "c", "cols", "name", "handleToggleField", "prevExpandedId", "handleDelete", "index", "l", "viewToRemove", "load", "splice", "remove", "handleAdd", "select", "Task", "add", "push", "Ref", "order", "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", "values", "onValuesChanged", "Content", "FieldSet", "ViewEditor", "ref", "mode", "readonly", "registry", "onQueryChanged", "PipelineObjectSettings"]
7
- }