@dxos/plugin-kanban 0.8.2-main.2f9c567 → 0.8.2-main.36232bc
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/{artifact-definition-VGRBHXJ6.mjs → artifact-definition-SVNHDJQT.mjs} +10 -10
- package/dist/lib/browser/artifact-definition-SVNHDJQT.mjs.map +7 -0
- package/dist/lib/browser/{chunk-6JAA7YSW.mjs → chunk-K5BYEZ4Z.mjs} +35 -23
- package/dist/lib/browser/chunk-K5BYEZ4Z.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +4 -4
- package/dist/lib/browser/intent-resolver-XCDQ5N3Q.mjs +132 -0
- package/dist/lib/browser/intent-resolver-XCDQ5N3Q.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-H5UD7LKX.mjs → react-surface-R25PYWQV.mjs} +26 -56
- package/dist/lib/browser/react-surface-R25PYWQV.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +3 -1
- package/dist/lib/node/{artifact-definition-KDTULJLX.cjs → artifact-definition-M2XAYUI2.cjs} +17 -17
- package/dist/lib/node/artifact-definition-M2XAYUI2.cjs.map +7 -0
- package/dist/lib/node/{chunk-O4U7ZQ2I.cjs → chunk-3EUR6ZR2.cjs} +38 -25
- package/dist/lib/node/chunk-3EUR6ZR2.cjs.map +7 -0
- package/dist/lib/node/index.cjs +16 -16
- package/dist/lib/node/intent-resolver-P3PSZO7H.cjs +146 -0
- package/dist/lib/node/intent-resolver-P3PSZO7H.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-LKFQ3TZH.cjs → react-surface-FVM64YAQ.cjs} +31 -61
- package/dist/lib/node/react-surface-FVM64YAQ.cjs.map +7 -0
- package/dist/lib/node/types.cjs +8 -6
- package/dist/lib/node/types.cjs.map +2 -2
- package/dist/lib/node-esm/{artifact-definition-G2R5LF26.mjs → artifact-definition-HQ5I2OO5.mjs} +10 -10
- package/dist/lib/node-esm/artifact-definition-HQ5I2OO5.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-NOC32MF5.mjs → chunk-2N7CO3DI.mjs} +35 -23
- package/dist/lib/node-esm/chunk-2N7CO3DI.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +4 -4
- package/dist/lib/node-esm/intent-resolver-4G47V67J.mjs +133 -0
- package/dist/lib/node-esm/intent-resolver-4G47V67J.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-TUKDSY4T.mjs → react-surface-LZ7MP3CQ.mjs} +26 -56
- package/dist/lib/node-esm/react-surface-LZ7MP3CQ.mjs.map +7 -0
- package/dist/lib/node-esm/types.mjs +3 -1
- package/dist/types/src/capabilities/index.d.ts +1 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts +2 -2
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/KanbanContainer.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +41 -34
- package/dist/types/src/types.d.ts.map +1 -1
- package/package.json +25 -29
- package/src/capabilities/artifact-definition.ts +8 -8
- package/src/capabilities/intent-resolver.ts +6 -10
- package/src/capabilities/react-surface.tsx +12 -46
- package/src/components/KanbanContainer.tsx +8 -21
- package/src/types.ts +43 -26
- package/dist/lib/browser/artifact-definition-VGRBHXJ6.mjs.map +0 -7
- package/dist/lib/browser/chunk-6JAA7YSW.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-44SXCRIH.mjs +0 -297
- package/dist/lib/browser/intent-resolver-44SXCRIH.mjs.map +0 -7
- package/dist/lib/browser/react-surface-H5UD7LKX.mjs.map +0 -7
- package/dist/lib/node/artifact-definition-KDTULJLX.cjs.map +0 -7
- package/dist/lib/node/chunk-O4U7ZQ2I.cjs.map +0 -7
- package/dist/lib/node/intent-resolver-23TVN46D.cjs +0 -308
- package/dist/lib/node/intent-resolver-23TVN46D.cjs.map +0 -7
- package/dist/lib/node/react-surface-LKFQ3TZH.cjs.map +0 -7
- package/dist/lib/node-esm/artifact-definition-G2R5LF26.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-NOC32MF5.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-SUADAOIJ.mjs +0 -298
- package/dist/lib/node-esm/intent-resolver-SUADAOIJ.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-TUKDSY4T.mjs.map +0 -7
- package/dist/types/src/components/KanbanContainer.stories.d.ts +0 -10
- package/dist/types/src/components/KanbanContainer.stories.d.ts.map +0 -1
- package/dist/types/src/testing/index.d.ts +0 -3
- package/dist/types/src/testing/index.d.ts.map +0 -1
- package/dist/types/src/testing/initialize-kanban.d.ts +0 -17
- package/dist/types/src/testing/initialize-kanban.d.ts.map +0 -1
- package/dist/types/src/testing/kanban-manager.d.ts +0 -7
- package/dist/types/src/testing/kanban-manager.d.ts.map +0 -1
- package/dist/types/src/testing/playwright/smoke.spec.d.ts +0 -2
- package/dist/types/src/testing/playwright/smoke.spec.d.ts.map +0 -1
- package/src/components/KanbanContainer.stories.tsx +0 -186
- package/src/testing/index.ts +0 -6
- package/src/testing/initialize-kanban.ts +0 -139
- package/src/testing/kanban-manager.ts +0 -13
- package/src/testing/playwright/playwright.config.cts +0 -18
- package/src/testing/playwright/smoke.spec.ts +0 -7
|
@@ -1,298 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
KANBAN_PLUGIN,
|
|
4
|
-
KanbanAction
|
|
5
|
-
} from "./chunk-NOC32MF5.mjs";
|
|
6
|
-
|
|
7
|
-
// packages/plugins/plugin-kanban/src/capabilities/intent-resolver.ts
|
|
8
|
-
import { contributes, Capabilities, createResolver } from "@dxos/app-framework";
|
|
9
|
-
import { invariant as invariant2 } from "@dxos/invariant";
|
|
10
|
-
import { ClientCapabilities } from "@dxos/plugin-client";
|
|
11
|
-
import { getSpace } from "@dxos/react-client/echo";
|
|
12
|
-
import { ViewProjection as ViewProjection2 } from "@dxos/schema";
|
|
13
|
-
|
|
14
|
-
// packages/plugins/plugin-kanban/src/testing/initialize-kanban.ts
|
|
15
|
-
import { Schema, SchemaAST } from "effect";
|
|
16
|
-
import { TypedObject, FormatEnum, TypeEnum, getTypenameOrThrow, toJsonSchema } from "@dxos/echo-schema";
|
|
17
|
-
import { invariant } from "@dxos/invariant";
|
|
18
|
-
import { PublicKey } from "@dxos/react-client";
|
|
19
|
-
import { live, makeRef } from "@dxos/react-client/echo";
|
|
20
|
-
import { KanbanType } from "@dxos/react-ui-kanban";
|
|
21
|
-
import { createView, ViewProjection, createFieldId, getSchemaProperties } from "@dxos/schema";
|
|
22
|
-
import { capitalize } from "@dxos/util";
|
|
23
|
-
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-kanban/src/testing/initialize-kanban.ts";
|
|
24
|
-
var createDefaultTaskSchema = () => {
|
|
25
|
-
const stateOptions = [
|
|
26
|
-
{
|
|
27
|
-
id: PublicKey.random().truncate(),
|
|
28
|
-
title: "Draft",
|
|
29
|
-
color: "indigo"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
id: PublicKey.random().truncate(),
|
|
33
|
-
title: "Active",
|
|
34
|
-
color: "cyan"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: PublicKey.random().truncate(),
|
|
38
|
-
title: "Completed",
|
|
39
|
-
color: "emerald"
|
|
40
|
-
}
|
|
41
|
-
];
|
|
42
|
-
const schema = TypedObject({
|
|
43
|
-
typename: `example.com/type/${PublicKey.random().truncate()}`,
|
|
44
|
-
version: "0.1.0"
|
|
45
|
-
})({
|
|
46
|
-
title: Schema.optional(Schema.String).annotations({
|
|
47
|
-
[SchemaAST.TitleAnnotationId]: "Title"
|
|
48
|
-
}),
|
|
49
|
-
description: Schema.optional(Schema.String).annotations({
|
|
50
|
-
[SchemaAST.TitleAnnotationId]: "Description"
|
|
51
|
-
}),
|
|
52
|
-
state: Schema.optional(Schema.String)
|
|
53
|
-
});
|
|
54
|
-
return {
|
|
55
|
-
schema,
|
|
56
|
-
stateOptions
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
var initializeKanban = async ({ client, space, name, typename, initialPivotColumn }) => {
|
|
60
|
-
if (typename) {
|
|
61
|
-
const staticSchema = client.graph.schemaRegistry.schemas.find((schema2) => getTypenameOrThrow(schema2) === typename);
|
|
62
|
-
const schema = await space.db.schemaRegistry.query({
|
|
63
|
-
typename
|
|
64
|
-
}).firstOrUndefined();
|
|
65
|
-
const ast = staticSchema?.ast ?? schema?.ast;
|
|
66
|
-
const jsonSchema = staticSchema ? toJsonSchema(staticSchema) : schema?.jsonSchema;
|
|
67
|
-
invariant(ast, `Schema not found: ${typename}`, {
|
|
68
|
-
F: __dxlog_file,
|
|
69
|
-
L: 69,
|
|
70
|
-
S: void 0,
|
|
71
|
-
A: [
|
|
72
|
-
"ast",
|
|
73
|
-
"`Schema not found: ${typename}`"
|
|
74
|
-
]
|
|
75
|
-
});
|
|
76
|
-
invariant(jsonSchema, `Schema not found: ${typename}`, {
|
|
77
|
-
F: __dxlog_file,
|
|
78
|
-
L: 70,
|
|
79
|
-
S: void 0,
|
|
80
|
-
A: [
|
|
81
|
-
"jsonSchema",
|
|
82
|
-
"`Schema not found: ${typename}`"
|
|
83
|
-
]
|
|
84
|
-
});
|
|
85
|
-
const fields = getSchemaProperties(ast).filter((prop) => prop.type !== "object" || prop.format === FormatEnum.Ref).map((prop) => prop.name);
|
|
86
|
-
const view = createView({
|
|
87
|
-
name: "Kanban's card view",
|
|
88
|
-
typename,
|
|
89
|
-
jsonSchema,
|
|
90
|
-
fields
|
|
91
|
-
});
|
|
92
|
-
const kanban = live(KanbanType, {
|
|
93
|
-
cardView: makeRef(view),
|
|
94
|
-
columnFieldId: void 0,
|
|
95
|
-
name
|
|
96
|
-
});
|
|
97
|
-
if (initialPivotColumn) {
|
|
98
|
-
const viewProjection = new ViewProjection(jsonSchema, view);
|
|
99
|
-
const fieldId = viewProjection.getFieldId(initialPivotColumn);
|
|
100
|
-
if (fieldId) {
|
|
101
|
-
kanban.columnFieldId = fieldId;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
return {
|
|
105
|
-
kanban,
|
|
106
|
-
schema
|
|
107
|
-
};
|
|
108
|
-
} else {
|
|
109
|
-
const { schema: taskSchema, stateOptions } = createDefaultTaskSchema();
|
|
110
|
-
const [schema] = await space.db.schemaRegistry.register([
|
|
111
|
-
taskSchema
|
|
112
|
-
]);
|
|
113
|
-
const view = createView({
|
|
114
|
-
name: "Kanban's card view",
|
|
115
|
-
typename: schema.typename,
|
|
116
|
-
jsonSchema: schema.jsonSchema,
|
|
117
|
-
fields: [
|
|
118
|
-
"title",
|
|
119
|
-
"description"
|
|
120
|
-
]
|
|
121
|
-
});
|
|
122
|
-
const viewProjection = new ViewProjection(schema.jsonSchema, view);
|
|
123
|
-
const descriptionFieldId = viewProjection.getFieldId("description");
|
|
124
|
-
if (descriptionFieldId) {
|
|
125
|
-
const fieldProjection = viewProjection.getFieldProjection(descriptionFieldId);
|
|
126
|
-
if (fieldProjection) {
|
|
127
|
-
viewProjection.setFieldProjection({
|
|
128
|
-
...fieldProjection,
|
|
129
|
-
props: {
|
|
130
|
-
...fieldProjection.props,
|
|
131
|
-
format: FormatEnum.Markdown
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
const initialPivotField = "state";
|
|
137
|
-
viewProjection.setFieldProjection({
|
|
138
|
-
field: {
|
|
139
|
-
id: createFieldId(),
|
|
140
|
-
path: initialPivotField,
|
|
141
|
-
size: 150
|
|
142
|
-
},
|
|
143
|
-
props: {
|
|
144
|
-
property: initialPivotField,
|
|
145
|
-
type: TypeEnum.String,
|
|
146
|
-
format: FormatEnum.SingleSelect,
|
|
147
|
-
title: capitalize(initialPivotField),
|
|
148
|
-
options: stateOptions
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
const fieldId = viewProjection.getFieldId(initialPivotField);
|
|
152
|
-
invariant(fieldId, void 0, {
|
|
153
|
-
F: __dxlog_file,
|
|
154
|
-
L: 134,
|
|
155
|
-
S: void 0,
|
|
156
|
-
A: [
|
|
157
|
-
"fieldId",
|
|
158
|
-
""
|
|
159
|
-
]
|
|
160
|
-
});
|
|
161
|
-
const kanban = live(KanbanType, {
|
|
162
|
-
cardView: makeRef(view),
|
|
163
|
-
columnFieldId: fieldId
|
|
164
|
-
});
|
|
165
|
-
return {
|
|
166
|
-
kanban,
|
|
167
|
-
schema
|
|
168
|
-
};
|
|
169
|
-
}
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
// packages/plugins/plugin-kanban/src/capabilities/intent-resolver.ts
|
|
173
|
-
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-kanban/src/capabilities/intent-resolver.ts";
|
|
174
|
-
var intent_resolver_default = (context) => contributes(Capabilities.IntentResolver, [
|
|
175
|
-
createResolver({
|
|
176
|
-
intent: KanbanAction.Create,
|
|
177
|
-
resolve: async ({ space, name, typename, initialPivotColumn }) => {
|
|
178
|
-
const client = context.requestCapability(ClientCapabilities.Client);
|
|
179
|
-
const { kanban } = await initializeKanban({
|
|
180
|
-
client,
|
|
181
|
-
space,
|
|
182
|
-
name,
|
|
183
|
-
typename,
|
|
184
|
-
initialPivotColumn
|
|
185
|
-
});
|
|
186
|
-
return {
|
|
187
|
-
data: {
|
|
188
|
-
object: kanban
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
}
|
|
192
|
-
}),
|
|
193
|
-
createResolver({
|
|
194
|
-
intent: KanbanAction.DeleteCardField,
|
|
195
|
-
resolve: ({ kanban, fieldId, deletionData }, undo) => {
|
|
196
|
-
invariant2(kanban.cardView, void 0, {
|
|
197
|
-
F: __dxlog_file2,
|
|
198
|
-
L: 28,
|
|
199
|
-
S: void 0,
|
|
200
|
-
A: [
|
|
201
|
-
"kanban.cardView",
|
|
202
|
-
""
|
|
203
|
-
]
|
|
204
|
-
});
|
|
205
|
-
invariant2(kanban.cardView.target?.query.typename, void 0, {
|
|
206
|
-
F: __dxlog_file2,
|
|
207
|
-
L: 29,
|
|
208
|
-
S: void 0,
|
|
209
|
-
A: [
|
|
210
|
-
"kanban.cardView.target?.query.typename",
|
|
211
|
-
""
|
|
212
|
-
]
|
|
213
|
-
});
|
|
214
|
-
const schema = kanban.cardView.target && getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.typename);
|
|
215
|
-
invariant2(schema, void 0, {
|
|
216
|
-
F: __dxlog_file2,
|
|
217
|
-
L: 34,
|
|
218
|
-
S: void 0,
|
|
219
|
-
A: [
|
|
220
|
-
"schema",
|
|
221
|
-
""
|
|
222
|
-
]
|
|
223
|
-
});
|
|
224
|
-
invariant2(kanban.cardView.target, void 0, {
|
|
225
|
-
F: __dxlog_file2,
|
|
226
|
-
L: 35,
|
|
227
|
-
S: void 0,
|
|
228
|
-
A: [
|
|
229
|
-
"kanban.cardView.target",
|
|
230
|
-
""
|
|
231
|
-
]
|
|
232
|
-
});
|
|
233
|
-
const projection = new ViewProjection2(schema.jsonSchema, kanban.cardView.target);
|
|
234
|
-
if (!undo) {
|
|
235
|
-
const { deleted, index } = projection.deleteFieldProjection(fieldId);
|
|
236
|
-
return {
|
|
237
|
-
undoable: {
|
|
238
|
-
message: [
|
|
239
|
-
"card field deleted label",
|
|
240
|
-
{
|
|
241
|
-
ns: KANBAN_PLUGIN
|
|
242
|
-
}
|
|
243
|
-
],
|
|
244
|
-
data: {
|
|
245
|
-
deletionData: {
|
|
246
|
-
...deleted,
|
|
247
|
-
index
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
};
|
|
252
|
-
} else if (undo && deletionData) {
|
|
253
|
-
const { field, props, index } = deletionData;
|
|
254
|
-
projection.setFieldProjection({
|
|
255
|
-
field,
|
|
256
|
-
props
|
|
257
|
-
}, index);
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
}),
|
|
261
|
-
createResolver({
|
|
262
|
-
intent: KanbanAction.DeleteCard,
|
|
263
|
-
resolve: ({ card }, undo) => {
|
|
264
|
-
const space = getSpace(card);
|
|
265
|
-
invariant2(space, void 0, {
|
|
266
|
-
F: __dxlog_file2,
|
|
267
|
-
L: 56,
|
|
268
|
-
S: void 0,
|
|
269
|
-
A: [
|
|
270
|
-
"space",
|
|
271
|
-
""
|
|
272
|
-
]
|
|
273
|
-
});
|
|
274
|
-
if (!undo) {
|
|
275
|
-
space.db.remove(card);
|
|
276
|
-
return {
|
|
277
|
-
undoable: {
|
|
278
|
-
message: [
|
|
279
|
-
"card deleted label",
|
|
280
|
-
{
|
|
281
|
-
ns: KANBAN_PLUGIN
|
|
282
|
-
}
|
|
283
|
-
],
|
|
284
|
-
data: {
|
|
285
|
-
card
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
|
-
};
|
|
289
|
-
} else {
|
|
290
|
-
space.db.add(card);
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
})
|
|
294
|
-
]);
|
|
295
|
-
export {
|
|
296
|
-
intent_resolver_default as default
|
|
297
|
-
};
|
|
298
|
-
//# sourceMappingURL=intent-resolver-SUADAOIJ.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/intent-resolver.ts", "../../../src/testing/initialize-kanban.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, Capabilities, createResolver, type PluginsContext } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { ViewProjection } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { initializeKanban } from '../testing';\nimport { KanbanAction } from '../types';\n\nexport default (context: PluginsContext) =>\n contributes(Capabilities.IntentResolver, [\n createResolver({\n intent: KanbanAction.Create,\n resolve: async ({ space, name, typename, initialPivotColumn }) => {\n const client = context.requestCapability(ClientCapabilities.Client);\n const { kanban } = await initializeKanban({ client, space, name, typename, initialPivotColumn });\n return { data: { object: kanban } };\n },\n }),\n createResolver({\n intent: KanbanAction.DeleteCardField,\n resolve: ({ kanban, fieldId, deletionData }, undo) => {\n invariant(kanban.cardView);\n invariant(kanban.cardView.target?.query.typename);\n\n const schema =\n kanban.cardView.target &&\n getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.typename);\n invariant(schema);\n invariant(kanban.cardView.target);\n const projection = new ViewProjection(schema.jsonSchema, kanban.cardView.target);\n\n if (!undo) {\n const { deleted, index } = projection.deleteFieldProjection(fieldId);\n return {\n undoable: {\n message: ['card field deleted label', { ns: KANBAN_PLUGIN }],\n data: { deletionData: { ...deleted, index } },\n },\n };\n } else if (undo && deletionData) {\n const { field, props, index } = deletionData;\n projection.setFieldProjection({ field, props }, index);\n }\n },\n }),\n createResolver({\n intent: KanbanAction.DeleteCard,\n resolve: ({ card }, undo) => {\n const space = getSpace(card);\n invariant(space);\n\n if (!undo) {\n space.db.remove(card);\n return {\n undoable: {\n message: ['card deleted label', { ns: KANBAN_PLUGIN }],\n data: { card },\n },\n };\n } else {\n space.db.add(card);\n }\n },\n }),\n ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema, SchemaAST } from 'effect';\n\nimport {\n TypedObject,\n FormatEnum,\n TypeEnum,\n type JsonProp,\n type EchoSchema,\n getTypenameOrThrow,\n toJsonSchema,\n} from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { type Client, PublicKey } from '@dxos/react-client';\nimport { type Space, live, makeRef } from '@dxos/react-client/echo';\nimport { KanbanType } from '@dxos/react-ui-kanban';\nimport { createView, ViewProjection, createFieldId, getSchemaProperties } from '@dxos/schema';\nimport { capitalize } from '@dxos/util';\n\n// TODO(wittjosiah): UI package shouldn't depend on client.\n\ntype InitializeKanbanProps = {\n client: Client;\n space: Space;\n name?: string;\n typename?: string;\n initialPivotColumn?: string;\n};\n\nconst createDefaultTaskSchema = () => {\n const stateOptions = [\n { id: PublicKey.random().truncate(), title: 'Draft', color: 'indigo' },\n { id: PublicKey.random().truncate(), title: 'Active', color: 'cyan' },\n { id: PublicKey.random().truncate(), title: 'Completed', color: 'emerald' },\n ];\n\n const schema = TypedObject({\n typename: `example.com/type/${PublicKey.random().truncate()}`,\n version: '0.1.0',\n })({\n title: Schema.optional(Schema.String).annotations({\n [SchemaAST.TitleAnnotationId]: 'Title',\n }),\n description: Schema.optional(Schema.String).annotations({\n [SchemaAST.TitleAnnotationId]: 'Description',\n }),\n state: Schema.optional(Schema.String),\n });\n\n return { schema, stateOptions };\n};\n\nexport const initializeKanban = async ({\n client,\n space,\n name,\n typename,\n initialPivotColumn,\n}: InitializeKanbanProps): Promise<{ kanban: KanbanType; schema?: EchoSchema }> => {\n if (typename) {\n const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => getTypenameOrThrow(schema) === typename);\n const schema = await space.db.schemaRegistry.query({ typename }).firstOrUndefined();\n\n const ast = staticSchema?.ast ?? schema?.ast;\n const jsonSchema = staticSchema ? toJsonSchema(staticSchema) : schema?.jsonSchema;\n invariant(ast, `Schema not found: ${typename}`);\n invariant(jsonSchema, `Schema not found: ${typename}`);\n\n const fields = getSchemaProperties(ast)\n .filter((prop) => prop.type !== 'object' || prop.format === FormatEnum.Ref)\n .map((prop) => prop.name);\n\n const view = createView({\n name: \"Kanban's card view\",\n typename,\n jsonSchema,\n fields,\n });\n\n const kanban = live(KanbanType, { cardView: makeRef(view), columnFieldId: undefined, name });\n if (initialPivotColumn) {\n const viewProjection = new ViewProjection(jsonSchema, view);\n const fieldId = viewProjection.getFieldId(initialPivotColumn);\n if (fieldId) {\n kanban.columnFieldId = fieldId;\n }\n }\n return { kanban, schema };\n } else {\n const { schema: taskSchema, stateOptions } = createDefaultTaskSchema();\n const [schema] = await space.db.schemaRegistry.register([taskSchema]);\n\n const view = createView({\n name: \"Kanban's card view\",\n typename: schema.typename,\n jsonSchema: schema.jsonSchema,\n fields: ['title', 'description'],\n });\n\n const viewProjection = new ViewProjection(schema.jsonSchema, view);\n\n // Set description field to Markdown format.\n const descriptionFieldId = viewProjection.getFieldId('description');\n if (descriptionFieldId) {\n const fieldProjection = viewProjection.getFieldProjection(descriptionFieldId);\n if (fieldProjection) {\n viewProjection.setFieldProjection({\n ...fieldProjection,\n props: { ...fieldProjection.props, format: FormatEnum.Markdown },\n });\n }\n }\n\n const initialPivotField = 'state';\n viewProjection.setFieldProjection({\n field: {\n id: createFieldId(),\n path: initialPivotField as JsonProp,\n size: 150,\n },\n props: {\n property: initialPivotField as JsonProp,\n type: TypeEnum.String,\n format: FormatEnum.SingleSelect,\n title: capitalize(initialPivotField),\n options: stateOptions,\n },\n });\n\n const fieldId = viewProjection.getFieldId(initialPivotField);\n invariant(fieldId);\n\n const kanban = live(KanbanType, { cardView: makeRef(view), columnFieldId: fieldId });\n return { kanban, schema };\n }\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["contributes", "Capabilities", "createResolver", "invariant", "ClientCapabilities", "getSpace", "ViewProjection", "Schema", "SchemaAST", "TypedObject", "FormatEnum", "TypeEnum", "getTypenameOrThrow", "toJsonSchema", "invariant", "PublicKey", "live", "makeRef", "KanbanType", "createView", "ViewProjection", "createFieldId", "getSchemaProperties", "capitalize", "createDefaultTaskSchema", "stateOptions", "id", "random", "truncate", "title", "color", "schema", "typename", "version", "optional", "String", "annotations", "TitleAnnotationId", "description", "state", "initializeKanban", "client", "space", "name", "initialPivotColumn", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "db", "query", "firstOrUndefined", "ast", "jsonSchema", "fields", "filter", "prop", "type", "format", "Ref", "map", "view", "kanban", "cardView", "columnFieldId", "undefined", "viewProjection", "fieldId", "getFieldId", "taskSchema", "register", "descriptionFieldId", "fieldProjection", "getFieldProjection", "setFieldProjection", "props", "Markdown", "initialPivotField", "field", "path", "size", "property", "SingleSelect", "options", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "KanbanAction", "Create", "resolve", "space", "name", "typename", "initialPivotColumn", "client", "requestCapability", "ClientCapabilities", "Client", "kanban", "initializeKanban", "data", "object", "DeleteCardField", "fieldId", "deletionData", "undo", "invariant", "cardView", "target", "query", "schema", "getSpace", "db", "schemaRegistry", "getSchema", "projection", "ViewProjection", "jsonSchema", "deleted", "index", "deleteFieldProjection", "undoable", "message", "ns", "KANBAN_PLUGIN", "field", "props", "setFieldProjection", "DeleteCard", "card", "remove", "add"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/KanbanContainer.tsx", "../../../src/components/KanbanViewEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Schema } from 'effect';\nimport React, { useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface, useCapabilities } from '@dxos/app-framework';\nimport { getTypenameOrThrow, toJsonSchema } from '@dxos/echo-schema';\nimport { findAnnotation } from '@dxos/effect';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\nimport { type InputProps, SelectInput, useFormValues } from '@dxos/react-ui-form';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { isKanban, TypenameAnnotationId, PivotColumnAnnotationId } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${KANBAN_PLUGIN}/kanban`,\n role: ['article', 'section'],\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data, role }) => <KanbanContainer kanban={data.subject} role={role} />,\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/object-settings`,\n role: 'object-settings',\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/create-initial-schema-form`,\n role: 'form-input',\n filter: (\n data,\n ): data is { prop: string; schema: Schema.Schema<any>; target: Space | CollectionType | undefined } => {\n if (data.prop !== 'typename') {\n return false;\n }\n\n const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, TypenameAnnotationId);\n return !!annotation;\n },\n component: ({ data: { target }, ...inputProps }) => {\n const client = useClient();\n const props = inputProps as any as InputProps;\n const space = isSpace(target) ? target : getSpace(target);\n if (!space) {\n return null;\n }\n\n const schemaWhitelists = useCapabilities(ClientCapabilities.SchemaWhiteList);\n const whitelistedTypenames = useMemo(\n () => new Set(schemaWhitelists.flatMap((typeArray) => typeArray.map((type) => type.typename))),\n [schemaWhitelists],\n );\n\n const fixed = client.graph.schemaRegistry.schemas.filter((schema) =>\n whitelistedTypenames.has(getTypenameOrThrow(schema)),\n );\n const dynamic = space?.db.schemaRegistry.query().runSync();\n const typenames = Array.from(\n new Set<string>([\n ...fixed.map((schema) => getTypenameOrThrow(schema)),\n ...dynamic.map((schema) => schema.typename),\n ]),\n ).sort();\n\n return <SelectInput {...props} options={typenames.map((typename) => ({ value: typename }))} />;\n },\n }),\n createSurface({\n id: `${KANBAN_PLUGIN}/create-initial-schema-form-[pivot-column]`,\n role: 'form-input',\n filter: (\n data,\n ): data is { prop: string; schema: Schema.Schema<any>; target: Space | CollectionType | undefined } => {\n const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, PivotColumnAnnotationId);\n return !!annotation;\n },\n component: ({ data: { target }, ...inputProps }) => {\n const props = inputProps as any as InputProps;\n const space = isSpace(target) ? target : getSpace(target);\n if (!space) {\n return null;\n }\n const { typename } = useFormValues();\n // TODO(wittjosiah): Unify this schema lookup.\n const schemaWhitelists = useCapabilities(ClientCapabilities.SchemaWhiteList);\n const staticSchema = schemaWhitelists.flat().find((schema) => getTypenameOrThrow(schema) === typename);\n const [selectedSchema] = space?.db.schemaRegistry.query({ typename }).runSync();\n\n const singleSelectColumns = useMemo(() => {\n const properties = staticSchema\n ? toJsonSchema(staticSchema).properties\n : selectedSchema?.jsonSchema?.properties;\n if (!properties) {\n return [];\n }\n\n const columns = Object.entries(properties).reduce<string[]>((acc, [key, value]) => {\n if (typeof value === 'object' && value?.format === 'single-select') {\n acc.push(key);\n }\n return acc;\n }, []);\n\n return columns;\n }, [selectedSchema?.jsonSchema, staticSchema]);\n\n if (!typename) {\n return null;\n }\n\n return <SelectInput {...props} options={singleSelectColumns.map((column) => ({ value: column }))} />;\n },\n }),\n ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { EchoSchema, getTypenameOrThrow, toJsonSchema, type TypedObject } from '@dxos/echo-schema';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, useQuery, getSpace, live } from '@dxos/react-client/echo';\nimport { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { ViewProjection } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\nexport const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {\n const client = useClient();\n const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n const [projection, setProjection] = useState<ViewProjection>();\n const space = getSpace(kanban);\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n const jsonSchema = useMemo(\n () =>\n cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : cardSchema ? toJsonSchema(cardSchema) : undefined,\n [cardSchema],\n );\n\n useEffect(() => {\n const typename = kanban.cardView?.target?.query?.typename;\n const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => getTypenameOrThrow(schema) === typename);\n if (staticSchema) {\n setCardSchema(() => staticSchema as TypedObject<any, any>);\n }\n if (!staticSchema && typename && space) {\n const query = space.db.schemaRegistry.query({ typename });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n setCardSchema(schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [kanban.cardView?.target?.query, space]);\n\n useEffect(() => {\n if (kanban.cardView?.target && jsonSchema) {\n setProjection(new ViewProjection(jsonSchema, kanban.cardView.target));\n }\n // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?\n }, [kanban.cardView?.target, JSON.stringify(jsonSchema)]);\n\n const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());\n const filteredObjects = useGlobalFilteredObjects(objects);\n\n const model = useKanbanModel({\n kanban,\n schema: cardSchema,\n projection,\n items: filteredObjects,\n });\n\n const handleAddCard = useCallback(\n (columnValue: string | undefined) => {\n const path = model?.columnFieldPath;\n if (space && cardSchema && path) {\n const card = live(cardSchema, { [path]: columnValue });\n space.db.add(card);\n return card.id;\n }\n },\n [space, cardSchema, model],\n );\n\n const handleRemoveCard = useCallback(\n (card: { id: string }) => {\n void dispatch(createIntent(KanbanAction.DeleteCard, { card }));\n },\n [dispatch],\n );\n\n return (\n <StackItem.Content>\n {model && <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}\n </StackItem.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { FormatEnum } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { ViewEditor, Form, SelectInput, type CustomInputMap } from '@dxos/react-ui-form';\nimport { type KanbanType, KanbanSettingsSchema } from '@dxos/react-ui-kanban';\nimport { ViewType, ViewProjection } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\ntype KanbanViewEditorProps = { kanban: KanbanType };\n\nexport const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {\n const { dispatchPromise: dispatch } = useIntentDispatcher();\n const client = useClient();\n const space = getSpace(kanban);\n const currentTypename = useMemo(\n () => kanban?.cardView?.target?.query?.typename,\n [kanban?.cardView?.target?.query?.typename],\n );\n const schema = useSchema(client, space, currentTypename);\n const views = useQuery(space, Filter.schema(ViewType));\n\n const handleUpdateTypename = useCallback(\n (newTypename: string) => {\n invariant(schema);\n const matchingViews = views.filter((view) => view.query.typename === currentTypename);\n for (const view of matchingViews) {\n view.query.typename = newTypename;\n }\n\n schema.mutable.updateTypename(newTypename);\n },\n [views, schema],\n );\n\n const handleDelete = useCallback(\n (fieldId: string) => {\n void dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId }));\n },\n [dispatch, kanban],\n );\n\n const projection = useMemo(() => {\n if (kanban?.cardView?.target && schema) {\n return new ViewProjection(schema.jsonSchema, kanban.cardView.target);\n }\n }, [kanban?.cardView?.target, schema, JSON.stringify(schema)]);\n\n const fieldProjections = projection?.getFieldProjections() || [];\n const selectFields = fieldProjections\n .filter((field) => field.props.format === FormatEnum.SingleSelect)\n .map(({ field }) => ({ value: field.id, label: field.path }));\n\n const onSave = useCallback(\n (values: Partial<{ columnFieldId: string }>) => {\n kanban.columnFieldId = values.columnFieldId;\n },\n [kanban],\n );\n\n const initialValues = useMemo(() => ({ columnFieldId: kanban.columnFieldId }), [kanban.columnFieldId]);\n const custom: CustomInputMap = useMemo(\n () => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),\n [selectFields],\n );\n\n if (!space || !schema || !kanban.cardView?.target) {\n return null;\n }\n\n return (\n <>\n <Form schema={KanbanSettingsSchema} values={initialValues} onSave={onSave} autoSave Custom={custom} />\n <ViewEditor\n registry={space.db.schemaRegistry}\n schema={schema}\n view={kanban.cardView.target}\n onTypenameChanged={schema.readonly ? undefined : handleUpdateTypename}\n onDelete={schema.readonly ? undefined : handleDelete}\n />\n </>\n );\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useMemo", "Capabilities", "contributes", "createSurface", "useCapabilities", "getTypenameOrThrow", "toJsonSchema", "findAnnotation", "ClientCapabilities", "useClient", "getSpace", "isSpace", "SelectInput", "useFormValues", "React", "useCallback", "useEffect", "useMemo", "useState", "createIntent", "useIntentDispatcher", "EchoSchema", "getTypenameOrThrow", "toJsonSchema", "useGlobalFilteredObjects", "useClient", "Filter", "useQuery", "getSpace", "live", "useKanbanModel", "Kanban", "StackItem", "ViewProjection", "KanbanContainer", "kanban", "client", "useClient", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "space", "getSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "jsonSchema", "useMemo", "EchoSchema", "toJsonSchema", "undefined", "useEffect", "typename", "cardView", "target", "query", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypenameOrThrow", "db", "unsubscribe", "subscribe", "results", "fire", "ViewProjection", "JSON", "stringify", "objects", "useQuery", "Filter", "nothing", "filteredObjects", "useGlobalFilteredObjects", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "card", "live", "add", "id", "handleRemoveCard", "createIntent", "KanbanAction", "DeleteCard", "StackItem", "Content", "Kanban", "onAddCard", "onRemoveCard", "React", "useCallback", "useMemo", "createIntent", "useIntentDispatcher", "FormatEnum", "invariant", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "ViewEditor", "Form", "SelectInput", "KanbanSettingsSchema", "ViewType", "ViewProjection", "KanbanViewEditor", "kanban", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "space", "getSpace", "currentTypename", "useMemo", "cardView", "target", "query", "typename", "schema", "useSchema", "views", "useQuery", "Filter", "ViewType", "handleUpdateTypename", "useCallback", "newTypename", "invariant", "matchingViews", "filter", "view", "mutable", "updateTypename", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "projection", "ViewProjection", "jsonSchema", "JSON", "stringify", "fieldProjections", "getFieldProjections", "selectFields", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "path", "onSave", "values", "columnFieldId", "initialValues", "custom", "React", "SelectInput", "options", "Form", "KanbanSettingsSchema", "autoSave", "Custom", "ViewEditor", "registry", "db", "schemaRegistry", "onTypenameChanged", "readonly", "undefined", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "KANBAN_PLUGIN", "role", "filter", "data", "isKanban", "subject", "component", "React", "KanbanContainer", "kanban", "KanbanViewEditor", "prop", "annotation", "findAnnotation", "schema", "ast", "TypenameAnnotationId", "target", "inputProps", "client", "useClient", "props", "space", "isSpace", "getSpace", "schemaWhitelists", "useCapabilities", "ClientCapabilities", "SchemaWhiteList", "whitelistedTypenames", "useMemo", "Set", "flatMap", "typeArray", "map", "type", "typename", "fixed", "graph", "schemaRegistry", "schemas", "has", "getTypenameOrThrow", "dynamic", "db", "query", "runSync", "typenames", "Array", "from", "sort", "SelectInput", "options", "value", "PivotColumnAnnotationId", "useFormValues", "staticSchema", "flat", "find", "selectedSchema", "singleSelectColumns", "properties", "toJsonSchema", "jsonSchema", "columns", "Object", "entries", "reduce", "acc", "key", "format", "push", "column"]
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import '@dxos-theme';
|
|
2
|
-
import { type StoryObj, type Meta } from '@storybook/react';
|
|
3
|
-
type StoryProps = {
|
|
4
|
-
rows?: number;
|
|
5
|
-
};
|
|
6
|
-
declare const meta: Meta<StoryProps>;
|
|
7
|
-
export default meta;
|
|
8
|
-
type Story = StoryObj<StoryProps>;
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
//# sourceMappingURL=KanbanContainer.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA8H5D,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAMF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAwC1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type EchoSchema } from '@dxos/echo-schema';
|
|
2
|
-
import { type Client } from '@dxos/react-client';
|
|
3
|
-
import { type Space } from '@dxos/react-client/echo';
|
|
4
|
-
import { KanbanType } from '@dxos/react-ui-kanban';
|
|
5
|
-
type InitializeKanbanProps = {
|
|
6
|
-
client: Client;
|
|
7
|
-
space: Space;
|
|
8
|
-
name?: string;
|
|
9
|
-
typename?: string;
|
|
10
|
-
initialPivotColumn?: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const initializeKanban: ({ client, space, name, typename, initialPivotColumn, }: InitializeKanbanProps) => Promise<{
|
|
13
|
-
kanban: KanbanType;
|
|
14
|
-
schema?: EchoSchema;
|
|
15
|
-
}>;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=initialize-kanban.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"initialize-kanban.d.ts","sourceRoot":"","sources":["../../../../src/testing/initialize-kanban.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,UAAU,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,MAAM,EAAa,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAMnD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAyBF,eAAO,MAAM,gBAAgB,2DAM1B,qBAAqB,KAAG,OAAO,CAAC;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CA6E7E,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kanban-manager.d.ts","sourceRoot":"","sources":["../../../../src/testing/kanban-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,qBAAa,aAAa;IAGZ,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;gBAER,OAAO,EAAE,OAAO;CAGtC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"smoke.spec.d.ts","sourceRoot":"","sources":["../../../../../src/testing/playwright/smoke.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2024 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import '@dxos-theme';
|
|
6
|
-
import { type StoryObj, type Meta } from '@storybook/react';
|
|
7
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
8
|
-
|
|
9
|
-
import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
|
|
10
|
-
import { withPluginManager } from '@dxos/app-framework/testing';
|
|
11
|
-
import { ClientPlugin } from '@dxos/plugin-client';
|
|
12
|
-
import { PreviewPlugin } from '@dxos/plugin-preview';
|
|
13
|
-
import { useGlobalFilteredObjects } from '@dxos/plugin-search';
|
|
14
|
-
import { SpacePlugin } from '@dxos/plugin-space';
|
|
15
|
-
import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
|
|
16
|
-
import { ThemePlugin } from '@dxos/plugin-theme';
|
|
17
|
-
import { faker } from '@dxos/random';
|
|
18
|
-
import { useClient } from '@dxos/react-client';
|
|
19
|
-
import { Filter, useSpaces, useQuery, useSchema, live } from '@dxos/react-client/echo';
|
|
20
|
-
import { ViewEditor } from '@dxos/react-ui-form';
|
|
21
|
-
import { Kanban, KanbanType, useKanbanModel } from '@dxos/react-ui-kanban';
|
|
22
|
-
import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
|
|
23
|
-
import { defaultTx } from '@dxos/react-ui-theme';
|
|
24
|
-
import { DataType, ViewProjection } from '@dxos/schema';
|
|
25
|
-
import { withLayout } from '@dxos/storybook-utils';
|
|
26
|
-
|
|
27
|
-
import { initializeKanban } from '../testing';
|
|
28
|
-
import translations from '../translations';
|
|
29
|
-
|
|
30
|
-
faker.seed(0);
|
|
31
|
-
|
|
32
|
-
//
|
|
33
|
-
// Story components.
|
|
34
|
-
//
|
|
35
|
-
|
|
36
|
-
const rollOrg = () => ({
|
|
37
|
-
name: faker.commerce.productName(),
|
|
38
|
-
description: faker.lorem.paragraph(),
|
|
39
|
-
image: faker.image.url(),
|
|
40
|
-
website: faker.internet.url(),
|
|
41
|
-
status: faker.helpers.arrayElement(DataType.OrganizationStatusOptions).id,
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
const StorybookKanban = () => {
|
|
45
|
-
const client = useClient();
|
|
46
|
-
const spaces = useSpaces();
|
|
47
|
-
const space = spaces[spaces.length - 1];
|
|
48
|
-
const kanbans = useQuery(space, Filter.schema(KanbanType));
|
|
49
|
-
const [kanban, setKanban] = useState<KanbanType>();
|
|
50
|
-
const [projection, setProjection] = useState<ViewProjection>();
|
|
51
|
-
const schema = useSchema(client, space, kanban?.cardView?.target?.query.typename);
|
|
52
|
-
|
|
53
|
-
useEffect(() => {
|
|
54
|
-
if (kanbans.length && !kanban) {
|
|
55
|
-
const kanban = kanbans[0];
|
|
56
|
-
setKanban(kanban);
|
|
57
|
-
}
|
|
58
|
-
}, [kanbans]);
|
|
59
|
-
|
|
60
|
-
useEffect(() => {
|
|
61
|
-
if (kanban?.cardView?.target && schema) {
|
|
62
|
-
setProjection(new ViewProjection(schema.jsonSchema, kanban.cardView.target));
|
|
63
|
-
}
|
|
64
|
-
// TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?
|
|
65
|
-
}, [kanban?.cardView?.target, schema, JSON.stringify(schema?.jsonSchema)]);
|
|
66
|
-
|
|
67
|
-
const objects = useQuery(space, schema ? Filter.schema(schema) : Filter.nothing());
|
|
68
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
69
|
-
|
|
70
|
-
const model = useKanbanModel({
|
|
71
|
-
kanban,
|
|
72
|
-
schema,
|
|
73
|
-
projection,
|
|
74
|
-
items: filteredObjects,
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
const handleAddCard = useCallback(
|
|
78
|
-
(columnValue: string | undefined) => {
|
|
79
|
-
const path = model?.columnFieldPath;
|
|
80
|
-
if (space && schema && path) {
|
|
81
|
-
const card = live(schema, {
|
|
82
|
-
...rollOrg(),
|
|
83
|
-
[path]: columnValue,
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
space.db.add(card);
|
|
87
|
-
return card.id;
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
[space, schema, model],
|
|
91
|
-
);
|
|
92
|
-
|
|
93
|
-
const handleRemoveCard = useCallback((card: { id: string }) => space.db.remove(card), [space]);
|
|
94
|
-
|
|
95
|
-
const handleTypenameChanged = useCallback(
|
|
96
|
-
(typename: string) => {
|
|
97
|
-
if (kanban?.cardView?.target) {
|
|
98
|
-
schema?.mutable.updateTypename(typename);
|
|
99
|
-
kanban.cardView.target.query.typename = typename;
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
[kanban?.cardView?.target, schema],
|
|
103
|
-
);
|
|
104
|
-
|
|
105
|
-
if (!schema || !kanban) {
|
|
106
|
-
return null;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
return (
|
|
110
|
-
<div className='grow grid grid-cols-[1fr_350px]'>
|
|
111
|
-
{model ? <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} /> : <div />}
|
|
112
|
-
<div className='flex flex-col bs-full border-is border-separator overflow-y-auto'>
|
|
113
|
-
{kanban.cardView && (
|
|
114
|
-
<ViewEditor
|
|
115
|
-
registry={space?.db.schemaRegistry}
|
|
116
|
-
schema={schema}
|
|
117
|
-
view={kanban.cardView.target!}
|
|
118
|
-
onTypenameChanged={handleTypenameChanged}
|
|
119
|
-
onDelete={(fieldId: string) => {
|
|
120
|
-
console.log('[ViewEditor]', 'onDelete', fieldId);
|
|
121
|
-
}}
|
|
122
|
-
/>
|
|
123
|
-
)}
|
|
124
|
-
<SyntaxHighlighter language='json' className='w-full text-xs'>
|
|
125
|
-
{JSON.stringify({ cardView: kanban.cardView?.target, cardSchema: schema }, null, 2)}
|
|
126
|
-
</SyntaxHighlighter>
|
|
127
|
-
</div>
|
|
128
|
-
</div>
|
|
129
|
-
);
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
type StoryProps = {
|
|
133
|
-
rows?: number;
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
//
|
|
137
|
-
// Story definitions.
|
|
138
|
-
//
|
|
139
|
-
|
|
140
|
-
const meta: Meta<StoryProps> = {
|
|
141
|
-
title: 'ui/plugin-kanban/Kanban',
|
|
142
|
-
component: StorybookKanban,
|
|
143
|
-
render: () => <StorybookKanban />,
|
|
144
|
-
parameters: { translations },
|
|
145
|
-
decorators: [
|
|
146
|
-
withLayout({ fullscreen: true }),
|
|
147
|
-
withPluginManager({
|
|
148
|
-
plugins: [
|
|
149
|
-
ThemePlugin({ tx: defaultTx }),
|
|
150
|
-
ClientPlugin({
|
|
151
|
-
types: [DataType.Organization, DataType.Person, KanbanType],
|
|
152
|
-
onClientInitialized: async (_, client) => {
|
|
153
|
-
await client.halo.createIdentity();
|
|
154
|
-
const space = await client.spaces.create();
|
|
155
|
-
await space.waitUntilReady();
|
|
156
|
-
const { schema, kanban } = await initializeKanban({
|
|
157
|
-
space,
|
|
158
|
-
client,
|
|
159
|
-
typename: DataType.Organization.typename,
|
|
160
|
-
initialPivotColumn: 'status',
|
|
161
|
-
});
|
|
162
|
-
space.db.add(kanban);
|
|
163
|
-
|
|
164
|
-
if (schema) {
|
|
165
|
-
// TODO(burdon): Replace with sdk/schema/testing.
|
|
166
|
-
Array.from({ length: 80 }).map(() => {
|
|
167
|
-
return space.db.add(live(schema, rollOrg()));
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
}),
|
|
172
|
-
StorybookLayoutPlugin(),
|
|
173
|
-
PreviewPlugin(),
|
|
174
|
-
SpacePlugin(),
|
|
175
|
-
IntentPlugin(),
|
|
176
|
-
SettingsPlugin(),
|
|
177
|
-
],
|
|
178
|
-
}),
|
|
179
|
-
],
|
|
180
|
-
};
|
|
181
|
-
|
|
182
|
-
export default meta;
|
|
183
|
-
|
|
184
|
-
type Story = StoryObj<StoryProps>;
|
|
185
|
-
|
|
186
|
-
export const Default: Story = {};
|