@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.
- package/dist/lib/browser/PipelineContainer-2ZYSZATA.mjs +320 -0
- package/dist/lib/browser/PipelineContainer-2ZYSZATA.mjs.map +7 -0
- package/dist/lib/browser/{PipelineSettings-YSGSJHBT.mjs → PipelineObjectSettings-D36OYVHW.mjs} +66 -54
- package/dist/lib/browser/PipelineObjectSettings-D36OYVHW.mjs.map +7 -0
- package/dist/lib/browser/{chunk-7GVESVYR.mjs → chunk-N6FZHYWT.mjs} +2 -2
- package/dist/lib/browser/chunk-N6FZHYWT.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +4 -4
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-JMMCTIL3.mjs → react-surface-ZGQVH4VX.mjs} +11 -8
- package/dist/lib/browser/react-surface-ZGQVH4VX.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/types/src/capabilities/app-graph-builder/app-graph-builder.d.ts +1 -1
- package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/PipelineColumn.d.ts +3 -4
- package/dist/types/src/components/PipelineColumn.d.ts.map +1 -1
- package/dist/types/src/components/PipelineComponent.d.ts +20 -11
- package/dist/types/src/components/PipelineComponent.d.ts.map +1 -1
- package/dist/types/src/components/PipelineComponent.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +2 -4
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/{components → containers/PipelineContainer}/PipelineContainer.d.ts +2 -3
- package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts.map +1 -0
- package/dist/types/src/containers/PipelineContainer/PipelineContainer.stories.d.ts.map +1 -0
- package/dist/types/src/containers/PipelineContainer/index.d.ts +3 -0
- package/dist/types/src/containers/PipelineContainer/index.d.ts.map +1 -0
- package/dist/types/src/{components/PipelineSettings.d.ts → containers/PipelineObjectSettings/PipelineObjectSettings.d.ts} +1 -2
- package/dist/types/src/containers/PipelineObjectSettings/PipelineObjectSettings.d.ts.map +1 -0
- package/dist/types/src/containers/PipelineObjectSettings/index.d.ts +3 -0
- package/dist/types/src/containers/PipelineObjectSettings/index.d.ts.map +1 -0
- package/dist/types/src/containers/index.d.ts +4 -0
- package/dist/types/src/containers/index.d.ts.map +1 -0
- package/dist/types/src/hooks/index.d.ts +2 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -0
- package/dist/types/src/hooks/usePipelineBoardModel.d.ts +6 -0
- package/dist/types/src/hooks/usePipelineBoardModel.d.ts.map +1 -0
- package/dist/types/src/templates/research.d.ts.map +1 -1
- package/dist/types/src/types/PipelineAction.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +42 -39
- package/src/capabilities/operation-resolver/operation-resolver.ts +2 -2
- package/src/capabilities/react-surface/react-surface.tsx +7 -5
- package/src/components/PipelineColumn.tsx +24 -36
- package/src/components/PipelineComponent.stories.tsx +27 -14
- package/src/components/PipelineComponent.tsx +55 -27
- package/src/components/index.ts +2 -7
- package/src/{components → containers/PipelineContainer}/PipelineContainer.stories.tsx +91 -88
- package/src/containers/PipelineContainer/PipelineContainer.tsx +87 -0
- package/src/containers/PipelineContainer/index.ts +7 -0
- package/src/{components/PipelineSettings.tsx → containers/PipelineObjectSettings/PipelineObjectSettings.tsx} +65 -53
- package/src/containers/PipelineObjectSettings/index.ts +7 -0
- package/src/containers/index.ts +8 -0
- package/src/hooks/index.ts +5 -0
- package/src/hooks/usePipelineBoardModel.ts +79 -0
- package/src/templates/research.ts +14 -16
- package/src/types/PipelineAction.ts +1 -1
- package/dist/lib/browser/PipelineContainer-I3TPA7ZN.mjs +0 -217
- package/dist/lib/browser/PipelineContainer-I3TPA7ZN.mjs.map +0 -7
- package/dist/lib/browser/PipelineSettings-YSGSJHBT.mjs.map +0 -7
- package/dist/lib/browser/chunk-7GVESVYR.mjs.map +0 -7
- package/dist/lib/browser/react-surface-JMMCTIL3.mjs.map +0 -7
- package/dist/types/src/components/PipelineContainer.d.ts.map +0 -1
- package/dist/types/src/components/PipelineContainer.stories.d.ts.map +0 -1
- package/dist/types/src/components/PipelineSettings.d.ts.map +0 -1
- package/src/components/PipelineContainer.tsx +0 -57
- /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
|
|
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 {
|
|
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
|
|
16
|
-
|
|
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
|
|
21
|
-
|
|
22
|
-
|
|
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 =
|
|
27
|
+
const contactsView = ViewModel.make({
|
|
30
28
|
query: contactsQuery,
|
|
31
|
-
jsonSchema:
|
|
29
|
+
jsonSchema: JsonSchema.toJsonSchema(Person.Person),
|
|
32
30
|
});
|
|
33
31
|
|
|
34
32
|
const organizationsQuery = Query.select(Filter.type(Organization.Organization));
|
|
35
|
-
const organizationsView =
|
|
33
|
+
const organizationsView = ViewModel.make({
|
|
36
34
|
query: organizationsQuery,
|
|
37
|
-
jsonSchema:
|
|
35
|
+
jsonSchema: JsonSchema.toJsonSchema(Organization.Organization),
|
|
38
36
|
});
|
|
39
37
|
|
|
40
38
|
const notesQuery = Query.select(Filter.type(Markdown.Document));
|
|
41
|
-
const notesView =
|
|
39
|
+
const notesView = ViewModel.make({
|
|
42
40
|
query: notesQuery,
|
|
43
|
-
jsonSchema:
|
|
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;
|
/package/dist/types/src/{components → containers/PipelineContainer}/PipelineContainer.stories.d.ts
RENAMED
|
File without changes
|