@dxos/plugin-kanban 0.7.5-main.9d2a38b → 0.7.5-main.ff8607b
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/{chunk-L4PZ5BVV.mjs → chunk-CX6EJQUM.mjs} +5 -2
- package/dist/lib/browser/{chunk-L4PZ5BVV.mjs.map → chunk-CX6EJQUM.mjs.map} +3 -3
- package/dist/lib/browser/index.mjs +7 -7
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/intent-resolver-WZK6U7AV.mjs +76 -0
- package/dist/lib/browser/intent-resolver-WZK6U7AV.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-KCOBVPKL.mjs → react-surface-23WY6Y2I.mjs} +113 -53
- package/dist/lib/browser/react-surface-23WY6Y2I.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +1 -1
- package/dist/lib/node/{chunk-QCB2U2J2.cjs → chunk-LCX4U4ES.cjs} +8 -5
- package/dist/lib/node/{chunk-QCB2U2J2.cjs.map → chunk-LCX4U4ES.cjs.map} +3 -3
- package/dist/lib/node/index.cjs +17 -17
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/intent-resolver-FJATJZJ7.cjs +90 -0
- package/dist/lib/node/intent-resolver-FJATJZJ7.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-MOZ2OTXW.cjs → react-surface-DYOAOKIF.cjs} +120 -60
- package/dist/lib/node/react-surface-DYOAOKIF.cjs.map +7 -0
- package/dist/lib/node/types.cjs +4 -4
- package/dist/lib/node/types.cjs.map +1 -1
- package/dist/lib/node-esm/{chunk-PNSRVZBP.mjs → chunk-D3NDCI33.mjs} +5 -2
- package/dist/lib/node-esm/{chunk-PNSRVZBP.mjs.map → chunk-D3NDCI33.mjs.map} +3 -3
- package/dist/lib/node-esm/index.mjs +7 -7
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/intent-resolver-MBXQL2BL.mjs +77 -0
- package/dist/lib/node-esm/intent-resolver-MBXQL2BL.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-HNVSKYHF.mjs → react-surface-P6FJM7SN.mjs} +113 -53
- package/dist/lib/node-esm/react-surface-P6FJM7SN.mjs.map +7 -0
- package/dist/lib/node-esm/types.mjs +1 -1
- package/dist/types/src/KanbanPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +2 -2
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -1
- package/dist/types/src/components/KanbanContainer.d.ts.map +1 -1
- package/dist/types/src/components/KanbanViewEditor.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +1 -0
- package/dist/types/src/meta.d.ts.map +1 -1
- package/package.json +21 -21
- package/src/KanbanPlugin.tsx +4 -12
- package/src/capabilities/intent-resolver.ts +27 -21
- package/src/components/KanbanContainer.tsx +30 -29
- package/src/components/KanbanViewEditor.tsx +55 -37
- package/src/meta.ts +3 -1
- package/dist/lib/browser/intent-resolver-ILMGO3TT.mjs +0 -70
- package/dist/lib/browser/intent-resolver-ILMGO3TT.mjs.map +0 -7
- package/dist/lib/browser/react-surface-KCOBVPKL.mjs.map +0 -7
- package/dist/lib/node/intent-resolver-6QZ6AMZF.cjs +0 -84
- package/dist/lib/node/intent-resolver-6QZ6AMZF.cjs.map +0 -7
- package/dist/lib/node/react-surface-MOZ2OTXW.cjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-LRZVOK2C.mjs +0 -71
- package/dist/lib/node-esm/intent-resolver-LRZVOK2C.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-HNVSKYHF.mjs.map +0 -7
|
@@ -26,12 +26,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
29
|
+
var react_surface_DYOAOKIF_exports = {};
|
|
30
|
+
__export(react_surface_DYOAOKIF_exports, {
|
|
31
31
|
default: () => react_surface_default
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
34
|
-
var
|
|
33
|
+
module.exports = __toCommonJS(react_surface_DYOAOKIF_exports);
|
|
34
|
+
var import_chunk_LCX4U4ES = require("./chunk-LCX4U4ES.cjs");
|
|
35
35
|
var import_react = __toESM(require("react"));
|
|
36
36
|
var import_app_framework = require("@dxos/app-framework");
|
|
37
37
|
var import_react2 = __toESM(require("react"));
|
|
@@ -40,50 +40,72 @@ var import_plugin_search = require("@dxos/plugin-search");
|
|
|
40
40
|
var import_echo = require("@dxos/react-client/echo");
|
|
41
41
|
var import_react_ui_kanban = require("@dxos/react-ui-kanban");
|
|
42
42
|
var import_react_ui_stack = require("@dxos/react-ui-stack");
|
|
43
|
+
var import_schema = require("@dxos/schema");
|
|
43
44
|
var import_react3 = __toESM(require("react"));
|
|
44
45
|
var import_app_framework2 = require("@dxos/app-framework");
|
|
46
|
+
var import_echo_schema = require("@dxos/echo-schema");
|
|
47
|
+
var import_invariant2 = require("@dxos/invariant");
|
|
45
48
|
var import_echo2 = require("@dxos/react-client/echo");
|
|
46
49
|
var import_react_ui_form = require("@dxos/react-ui-form");
|
|
47
50
|
var import_react_ui_kanban2 = require("@dxos/react-ui-kanban");
|
|
48
|
-
var
|
|
51
|
+
var import_schema2 = require("@dxos/schema");
|
|
49
52
|
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/components/KanbanContainer.tsx";
|
|
50
53
|
var KanbanContainer = ({ kanban }) => {
|
|
51
54
|
const [cardSchema, setCardSchema] = (0, import_react2.useState)();
|
|
55
|
+
const [projection, setProjection] = (0, import_react2.useState)();
|
|
52
56
|
const space = (0, import_echo.getSpace)(kanban);
|
|
53
57
|
(0, import_react2.useEffect)(() => {
|
|
54
|
-
if (kanban.cardView && space) {
|
|
55
|
-
|
|
58
|
+
if (kanban.cardView?.target?.query?.type && space) {
|
|
59
|
+
const query = space.db.schemaRegistry.query({
|
|
60
|
+
typename: kanban.cardView.target.query.type
|
|
61
|
+
});
|
|
62
|
+
const unsubscribe = query.subscribe(() => {
|
|
63
|
+
const [schema] = query.results;
|
|
64
|
+
if (schema) {
|
|
65
|
+
setCardSchema(schema);
|
|
66
|
+
}
|
|
67
|
+
}, {
|
|
68
|
+
fire: true
|
|
69
|
+
});
|
|
70
|
+
return unsubscribe;
|
|
56
71
|
}
|
|
57
72
|
}, [
|
|
58
|
-
kanban.cardView,
|
|
73
|
+
kanban.cardView?.target?.query,
|
|
59
74
|
space
|
|
60
75
|
]);
|
|
76
|
+
(0, import_react2.useEffect)(() => {
|
|
77
|
+
if (kanban.cardView?.target && cardSchema) {
|
|
78
|
+
setProjection(new import_schema.ViewProjection(cardSchema, kanban.cardView.target));
|
|
79
|
+
}
|
|
80
|
+
}, [
|
|
81
|
+
kanban.cardView?.target,
|
|
82
|
+
cardSchema,
|
|
83
|
+
JSON.stringify(cardSchema?.jsonSchema)
|
|
84
|
+
]);
|
|
61
85
|
const objects = (0, import_echo.useQuery)(space, cardSchema ? import_echo.Filter.schema(cardSchema) : import_echo.Filter.nothing());
|
|
62
86
|
const filteredObjects = (0, import_plugin_search.useGlobalFilteredObjects)(objects);
|
|
63
87
|
const model = (0, import_react_ui_kanban.useKanbanModel)({
|
|
64
88
|
kanban,
|
|
65
89
|
cardSchema,
|
|
90
|
+
projection,
|
|
66
91
|
items: filteredObjects
|
|
67
92
|
});
|
|
68
|
-
const handleAddColumn = (0, import_react2.useCallback)((columnValue) => model?.addEmptyColumn(columnValue), [
|
|
69
|
-
model
|
|
70
|
-
]);
|
|
71
93
|
const handleAddCard = (0, import_react2.useCallback)((columnValue) => {
|
|
72
|
-
|
|
94
|
+
const path = model?.columnFieldPath;
|
|
95
|
+
if (space && cardSchema && path) {
|
|
73
96
|
space.db.add((0, import_echo.create)(cardSchema, {
|
|
74
|
-
|
|
75
|
-
description: "",
|
|
76
|
-
state: columnValue
|
|
97
|
+
[path]: columnValue
|
|
77
98
|
}));
|
|
78
99
|
}
|
|
79
100
|
}, [
|
|
80
101
|
space,
|
|
81
|
-
cardSchema
|
|
102
|
+
cardSchema,
|
|
103
|
+
model
|
|
82
104
|
]);
|
|
83
105
|
const handleRemoveCard = (0, import_react2.useCallback)((card) => {
|
|
84
106
|
(0, import_invariant.invariant)(space, void 0, {
|
|
85
107
|
F: __dxlog_file,
|
|
86
|
-
L:
|
|
108
|
+
L: 65,
|
|
87
109
|
S: void 0,
|
|
88
110
|
A: [
|
|
89
111
|
"space",
|
|
@@ -94,51 +116,31 @@ var KanbanContainer = ({ kanban }) => {
|
|
|
94
116
|
}, [
|
|
95
117
|
space
|
|
96
118
|
]);
|
|
97
|
-
const handleRemoveEmptyColumn = (0, import_react2.useCallback)((columnValue) => {
|
|
98
|
-
model?.removeColumnFromArrangement(columnValue);
|
|
99
|
-
}, [
|
|
100
|
-
model
|
|
101
|
-
]);
|
|
102
119
|
return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.StackItem.Content, {
|
|
103
120
|
toolbar: false
|
|
104
121
|
}, model ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui_kanban.Kanban, {
|
|
105
122
|
model,
|
|
106
123
|
onAddCard: handleAddCard,
|
|
107
|
-
|
|
108
|
-
onRemoveCard: handleRemoveCard,
|
|
109
|
-
onRemoveEmptyColumn: handleRemoveEmptyColumn
|
|
124
|
+
onRemoveCard: handleRemoveCard
|
|
110
125
|
}) : /* @__PURE__ */ import_react2.default.createElement("span", null, "Loading"));
|
|
111
126
|
};
|
|
127
|
+
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/components/KanbanViewEditor.tsx";
|
|
112
128
|
var KanbanViewEditor = ({ kanban }) => {
|
|
113
129
|
const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
|
|
114
130
|
const space = (0, import_echo2.getSpace)(kanban);
|
|
115
|
-
const [schema, setSchema] = (0, import_react3.useState)(
|
|
116
|
-
const views = (0, import_echo2.useQuery)(space, import_echo2.Filter.schema(import_schema.ViewType));
|
|
117
|
-
const currentTypename = (0, import_react3.useMemo)(() => kanban?.cardView?.target?.query?.type, [
|
|
118
|
-
kanban?.cardView?.target?.query?.type
|
|
119
|
-
]);
|
|
120
|
-
const updateViewTypename = (0, import_react3.useCallback)((newTypename) => {
|
|
121
|
-
if (!schema) {
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
const matchingViews = views.filter((view) => view.query.type === currentTypename);
|
|
125
|
-
for (const view of matchingViews) {
|
|
126
|
-
view.query.type = newTypename;
|
|
127
|
-
}
|
|
128
|
-
schema.updateTypename(newTypename);
|
|
129
|
-
}, [
|
|
130
|
-
views,
|
|
131
|
-
schema
|
|
132
|
-
]);
|
|
131
|
+
const [schema, setSchema] = (0, import_react3.useState)();
|
|
133
132
|
(0, import_react3.useEffect)(() => {
|
|
134
133
|
if (space && kanban?.cardView?.target?.query?.type) {
|
|
135
|
-
const
|
|
136
|
-
typename: kanban
|
|
137
|
-
})
|
|
134
|
+
const query = space.db.schemaRegistry.query({
|
|
135
|
+
typename: kanban.cardView.target.query.type
|
|
136
|
+
});
|
|
137
|
+
const unsubscribe = query.subscribe(() => {
|
|
138
138
|
const [schema2] = query.results;
|
|
139
139
|
if (schema2) {
|
|
140
140
|
setSchema(schema2);
|
|
141
141
|
}
|
|
142
|
+
}, {
|
|
143
|
+
fire: true
|
|
142
144
|
});
|
|
143
145
|
return unsubscribe;
|
|
144
146
|
}
|
|
@@ -146,25 +148,83 @@ var KanbanViewEditor = ({ kanban }) => {
|
|
|
146
148
|
space,
|
|
147
149
|
kanban?.cardView?.target?.query?.type
|
|
148
150
|
]);
|
|
149
|
-
const
|
|
151
|
+
const views = (0, import_echo2.useQuery)(space, import_echo2.Filter.schema(import_schema2.ViewType));
|
|
152
|
+
const currentTypename = (0, import_react3.useMemo)(() => kanban?.cardView?.target?.query?.type, [
|
|
153
|
+
kanban?.cardView?.target?.query?.type
|
|
154
|
+
]);
|
|
155
|
+
const updateViewTypename = (0, import_react3.useCallback)((newTypename) => {
|
|
156
|
+
(0, import_invariant2.invariant)(schema, void 0, {
|
|
157
|
+
F: __dxlog_file2,
|
|
158
|
+
L: 45,
|
|
159
|
+
S: void 0,
|
|
160
|
+
A: [
|
|
161
|
+
"schema",
|
|
162
|
+
""
|
|
163
|
+
]
|
|
164
|
+
});
|
|
165
|
+
const matchingViews = views.filter((view) => view.query.type === currentTypename);
|
|
166
|
+
for (const view of matchingViews) {
|
|
167
|
+
view.query.type = newTypename;
|
|
168
|
+
}
|
|
169
|
+
schema.updateTypename(newTypename);
|
|
170
|
+
}, [
|
|
171
|
+
views,
|
|
172
|
+
schema
|
|
173
|
+
]);
|
|
174
|
+
const handleDelete = (0, import_react3.useCallback)((fieldId) => dispatch?.((0, import_app_framework2.createIntent)(import_chunk_LCX4U4ES.KanbanAction.DeleteCardField, {
|
|
150
175
|
kanban,
|
|
151
176
|
fieldId
|
|
152
177
|
})), [
|
|
153
178
|
dispatch,
|
|
154
179
|
kanban
|
|
155
180
|
]);
|
|
181
|
+
const projection = (0, import_react3.useMemo)(() => {
|
|
182
|
+
if (kanban?.cardView?.target && schema) {
|
|
183
|
+
return new import_schema2.ViewProjection(schema, kanban.cardView.target);
|
|
184
|
+
}
|
|
185
|
+
}, [
|
|
186
|
+
kanban?.cardView?.target,
|
|
187
|
+
schema,
|
|
188
|
+
JSON.stringify(schema)
|
|
189
|
+
]);
|
|
190
|
+
const selectFields = (0, import_react3.useMemo)(() => {
|
|
191
|
+
if (!projection) {
|
|
192
|
+
return [];
|
|
193
|
+
}
|
|
194
|
+
return projection.getFieldProjections().filter((field) => field.props.format === import_echo_schema.FormatEnum.SingleSelect).map(({ field }) => ({
|
|
195
|
+
value: field.id,
|
|
196
|
+
label: field.path
|
|
197
|
+
}));
|
|
198
|
+
}, [
|
|
199
|
+
projection
|
|
200
|
+
]);
|
|
201
|
+
const onSave = (0, import_react3.useCallback)((values) => {
|
|
202
|
+
kanban.columnFieldId = values.columnFieldId;
|
|
203
|
+
}, [
|
|
204
|
+
kanban
|
|
205
|
+
]);
|
|
206
|
+
const initialValues = (0, import_react3.useMemo)(() => ({
|
|
207
|
+
columnFieldId: kanban.columnFieldId
|
|
208
|
+
}), [
|
|
209
|
+
kanban
|
|
210
|
+
]);
|
|
211
|
+
const custom = (0, import_react3.useMemo)(() => ({
|
|
212
|
+
columnFieldId: (props) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.SelectInput, {
|
|
213
|
+
...props,
|
|
214
|
+
options: selectFields
|
|
215
|
+
})
|
|
216
|
+
}), [
|
|
217
|
+
selectFields
|
|
218
|
+
]);
|
|
156
219
|
if (!space || !schema || !kanban.cardView?.target) {
|
|
157
220
|
return null;
|
|
158
221
|
}
|
|
159
222
|
return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.Form, {
|
|
160
|
-
schema: import_react_ui_kanban2.
|
|
161
|
-
values:
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
kanban.columnField = columnField;
|
|
166
|
-
kanban.arrangement = void 0;
|
|
167
|
-
}
|
|
223
|
+
schema: import_react_ui_kanban2.KanbanSettingsSchema,
|
|
224
|
+
values: initialValues,
|
|
225
|
+
onSave,
|
|
226
|
+
autoSave: true,
|
|
227
|
+
Custom: custom
|
|
168
228
|
}), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.ViewEditor, {
|
|
169
229
|
registry: space.db.schemaRegistry,
|
|
170
230
|
schema,
|
|
@@ -175,24 +235,24 @@ var KanbanViewEditor = ({ kanban }) => {
|
|
|
175
235
|
};
|
|
176
236
|
var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
|
|
177
237
|
(0, import_app_framework.createSurface)({
|
|
178
|
-
id: `${
|
|
238
|
+
id: `${import_chunk_LCX4U4ES.KANBAN_PLUGIN}/kanban`,
|
|
179
239
|
role: [
|
|
180
240
|
"article",
|
|
181
241
|
"section"
|
|
182
242
|
],
|
|
183
|
-
filter: (data) => (0,
|
|
243
|
+
filter: (data) => (0, import_chunk_LCX4U4ES.isKanban)(data.subject),
|
|
184
244
|
component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(KanbanContainer, {
|
|
185
245
|
kanban: data.subject,
|
|
186
246
|
role
|
|
187
247
|
})
|
|
188
248
|
}),
|
|
189
249
|
(0, import_app_framework.createSurface)({
|
|
190
|
-
id: `${
|
|
250
|
+
id: `${import_chunk_LCX4U4ES.KANBAN_PLUGIN}/settings`,
|
|
191
251
|
role: "complementary--settings",
|
|
192
|
-
filter: (data) => (0,
|
|
252
|
+
filter: (data) => (0, import_chunk_LCX4U4ES.isKanban)(data.subject),
|
|
193
253
|
component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(KanbanViewEditor, {
|
|
194
254
|
kanban: data.subject
|
|
195
255
|
})
|
|
196
256
|
})
|
|
197
257
|
]);
|
|
198
|
-
//# sourceMappingURL=react-surface-
|
|
258
|
+
//# sourceMappingURL=react-surface-DYOAOKIF.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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 React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { isKanban } 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}/settings`,\n role: 'complementary--settings',\n filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n }),\n ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { type EchoSchema } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { Filter, useQuery, getSpace, create } 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\nexport const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {\n const [cardSchema, setCardSchema] = useState<EchoSchema>();\n const [projection, setProjection] = useState<ViewProjection>();\n const space = getSpace(kanban);\n\n useEffect(() => {\n if (kanban.cardView?.target?.query?.type && space) {\n const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });\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 && cardSchema) {\n setProjection(new ViewProjection(cardSchema, 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, cardSchema, JSON.stringify(cardSchema?.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 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 space.db.add(create(cardSchema, { [path]: columnValue }));\n }\n },\n [space, cardSchema, model],\n );\n\n const handleRemoveCard = useCallback(\n (card: { id: string }) => {\n invariant(space);\n space.db.remove(card);\n },\n [space],\n );\n\n return (\n <StackItem.Content toolbar={false}>\n {model ? (\n <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />\n ) : (\n <span>Loading</span>\n )}\n </StackItem.Content>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { type EchoSchema, FormatEnum } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { Filter, getSpace, useQuery } 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 space = getSpace(kanban);\n\n const [schema, setSchema] = useState<EchoSchema | undefined>();\n\n useEffect(() => {\n if (space && kanban?.cardView?.target?.query?.type) {\n const query = space.db.schemaRegistry.query({ typename: kanban.cardView.target.query.type });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n setSchema(schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [space, kanban?.cardView?.target?.query?.type]);\n\n const views = useQuery(space, Filter.schema(ViewType));\n const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [kanban?.cardView?.target?.query?.type]);\n const updateViewTypename = useCallback(\n (newTypename: string) => {\n invariant(schema);\n const matchingViews = views.filter((view) => view.query.type === currentTypename);\n for (const view of matchingViews) {\n view.query.type = newTypename;\n }\n schema.updateTypename(newTypename);\n },\n [views, schema],\n );\n\n const handleDelete = useCallback(\n (fieldId: string) => dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId })),\n [dispatch, kanban],\n );\n\n const projection = useMemo(() => {\n if (kanban?.cardView?.target && schema) {\n return new ViewProjection(schema, kanban.cardView.target);\n }\n }, [kanban?.cardView?.target, schema, JSON.stringify(schema)]);\n\n const selectFields = useMemo(() => {\n if (!projection) {\n return [];\n }\n\n return projection\n .getFieldProjections()\n .filter((field) => field.props.format === FormatEnum.SingleSelect)\n .map(({ field }) => ({ value: field.id, label: field.path }));\n }, [projection]);\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]);\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={updateViewTypename}\n onDelete={handleDelete}\n />\n </>\n );\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["import_react", "import_app_framework", "import_invariant", "import_echo", "import_react_ui_kanban", "import_schema", "KanbanContainer", "kanban", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "space", "getSpace", "useEffect", "cardView", "target", "query", "type", "db", "schemaRegistry", "typename", "unsubscribe", "subscribe", "schema", "results", "fire", "ViewProjection", "JSON", "stringify", "jsonSchema", "objects", "useQuery", "Filter", "nothing", "filteredObjects", "useGlobalFilteredObjects", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "add", "create", "handleRemoveCard", "card", "invariant", "remove", "React", "StackItem", "Content", "toolbar", "Kanban", "onAddCard", "onRemoveCard", "span", "KanbanViewEditor", "dispatchPromise", "dispatch", "useIntentDispatcher", "setSchema", "views", "ViewType", "currentTypename", "useMemo", "updateViewTypename", "newTypename", "matchingViews", "filter", "view", "updateTypename", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "selectFields", "getFieldProjections", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "onSave", "values", "columnFieldId", "initialValues", "custom", "SelectInput", "options", "Form", "KanbanSettingsSchema", "autoSave", "Custom", "ViewEditor", "registry", "onTypenameChanged", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "KANBAN_PLUGIN", "role", "data", "isKanban", "subject", "component"]
|
|
7
|
+
}
|
package/dist/lib/node/types.cjs
CHANGED
|
@@ -18,12 +18,12 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
var types_exports = {};
|
|
20
20
|
__export(types_exports, {
|
|
21
|
-
KanbanAction: () =>
|
|
22
|
-
createKanban: () =>
|
|
23
|
-
isKanban: () =>
|
|
21
|
+
KanbanAction: () => import_chunk_LCX4U4ES.KanbanAction,
|
|
22
|
+
createKanban: () => import_chunk_LCX4U4ES.createKanban,
|
|
23
|
+
isKanban: () => import_chunk_LCX4U4ES.isKanban
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(types_exports);
|
|
26
|
-
var
|
|
26
|
+
var import_chunk_LCX4U4ES = require("./chunk-LCX4U4ES.cjs");
|
|
27
27
|
// Annotate the CommonJS export names for ESM import in node:
|
|
28
28
|
0 && (module.exports = {
|
|
29
29
|
KanbanAction,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["types.cjs"],
|
|
4
|
-
"sourcesContent": ["import {\n KanbanAction,\n createKanban,\n isKanban\n} from \"./chunk-
|
|
4
|
+
"sourcesContent": ["import {\n KanbanAction,\n createKanban,\n isKanban\n} from \"./chunk-LCX4U4ES.cjs\";\nexport {\n KanbanAction,\n createKanban,\n isKanban\n};\n//# sourceMappingURL=types.cjs.map\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAIO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -12,11 +12,14 @@ var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
|
|
|
12
12
|
var meta = {
|
|
13
13
|
id: KANBAN_PLUGIN,
|
|
14
14
|
name: "Kanban",
|
|
15
|
-
description: "Kanban
|
|
15
|
+
description: "Kanban allows you to explore Table data in sorted columns defined by your custom schema. You can use Kanbans to track progress or trigger custom automations when cards are moved from one state to another.",
|
|
16
16
|
icon: "ph--kanban--regular",
|
|
17
17
|
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
|
|
18
18
|
tags: [
|
|
19
19
|
"experimental"
|
|
20
|
+
],
|
|
21
|
+
screenshots: [
|
|
22
|
+
"https://dxos.network/plugin-details-kanban-dark.png"
|
|
20
23
|
]
|
|
21
24
|
};
|
|
22
25
|
|
|
@@ -68,4 +71,4 @@ export {
|
|
|
68
71
|
isKanban,
|
|
69
72
|
createKanban
|
|
70
73
|
};
|
|
71
|
-
//# sourceMappingURL=chunk-
|
|
74
|
+
//# sourceMappingURL=chunk-D3NDCI33.mjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/types.ts", "../../../src/meta.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\nimport { type Space, SpaceSchema } from '@dxos/react-client/echo';\nimport { KanbanType } from '@dxos/react-ui-kanban';\nimport { initializeKanban } from '@dxos/react-ui-kanban/testing';\nimport { FieldSchema } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from './meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nexport namespace KanbanAction {\n const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\n export class Create extends S.TaggedClass<Create>()(`${KANBAN_ACTION}/create`, {\n input: S.Struct({\n name: S.optional(S.String),\n space: SpaceSchema,\n }),\n output: S.Struct({\n object: KanbanType,\n }),\n }) {}\n\n export class DeleteCardField extends S.TaggedClass<DeleteCardField>()(`${KANBAN_ACTION}/delete-card-field`, {\n input: S.Struct({\n kanban: KanbanType,\n fieldId: S.String,\n // TODO(wittjosiah): Separate fields for undo data?\n deletionData: S.optional(\n S.Struct({\n field: FieldSchema,\n // TODO(wittjosiah): This creates a type error.\n // props: PropertySchema,\n props: S.Any,\n index: S.Number,\n }),\n ),\n }),\n output: S.Void,\n }) {}\n}\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n// Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n root: KanbanType;\n}\n\nexport type Location = {\n idx?: number;\n};\n\nexport const isKanban = (object: unknown): object is KanbanType => object != null && object instanceof KanbanType;\n\nexport const createKanban = async (space: Space) => {\n const { kanban } = await initializeKanban({ space });\n return kanban;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport const meta = {\n id: KANBAN_PLUGIN,\n name: 'Kanban',\n description
|
|
5
|
-
"mappings": ";;;AAIA,SAASA,SAAS;AAClB,SAAqBC,mBAAmB;AACxC,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;;;ACFrB,IAAMC,gBAAgB;AAEtB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,
|
|
6
|
-
"names": ["S", "SpaceSchema", "KanbanType", "initializeKanban", "FieldSchema", "KANBAN_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "KanbanAction", "KANBAN_ACTION", "KANBAN_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\nimport { type Space, SpaceSchema } from '@dxos/react-client/echo';\nimport { KanbanType } from '@dxos/react-ui-kanban';\nimport { initializeKanban } from '@dxos/react-ui-kanban/testing';\nimport { FieldSchema } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from './meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nexport namespace KanbanAction {\n const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\n export class Create extends S.TaggedClass<Create>()(`${KANBAN_ACTION}/create`, {\n input: S.Struct({\n name: S.optional(S.String),\n space: SpaceSchema,\n }),\n output: S.Struct({\n object: KanbanType,\n }),\n }) {}\n\n export class DeleteCardField extends S.TaggedClass<DeleteCardField>()(`${KANBAN_ACTION}/delete-card-field`, {\n input: S.Struct({\n kanban: KanbanType,\n fieldId: S.String,\n // TODO(wittjosiah): Separate fields for undo data?\n deletionData: S.optional(\n S.Struct({\n field: FieldSchema,\n // TODO(wittjosiah): This creates a type error.\n // props: PropertySchema,\n props: S.Any,\n index: S.Number,\n }),\n ),\n }),\n output: S.Void,\n }) {}\n}\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n// Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n root: KanbanType;\n}\n\nexport type Location = {\n idx?: number;\n};\n\nexport const isKanban = (object: unknown): object is KanbanType => object != null && object instanceof KanbanType;\n\nexport const createKanban = async (space: Space) => {\n const { kanban } = await initializeKanban({ space });\n return kanban;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport const meta = {\n id: KANBAN_PLUGIN,\n name: 'Kanban',\n description:\n 'Kanban allows you to explore Table data in sorted columns defined by your custom schema. You can use Kanbans to track progress or trigger custom automations when cards are moved from one state to another.',\n icon: 'ph--kanban--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n tags: ['experimental'],\n screenshots: ['https://dxos.network/plugin-details-kanban-dark.png'],\n} satisfies PluginMeta;\n"],
|
|
5
|
+
"mappings": ";;;AAIA,SAASA,SAAS;AAClB,SAAqBC,mBAAmB;AACxC,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;;;ACFrB,IAAMC,gBAAgB;AAEtB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;;;;UDIiBC,eAAAA;AACf,QAAMC,gBAAgB,GAAGC,aAAAA;EAElB,MAAMC,eAAeC,EAAEC,YAAW,EAAW,GAAGJ,aAAAA,WAAwB;IAC7EK,OAAOF,EAAEG,OAAO;MACdC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;MACzBC,OAAOC;IACT,CAAA;IACAC,QAAQT,EAAEG,OAAO;MACfO,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBARSZ,SAAAA;EAUN,MAAMa,wBAAwBZ,EAAEC,YAAW,EAAoB,GAAGJ,aAAAA,sBAAmC;IAC1GK,OAAOF,EAAEG,OAAO;MACdU,QAAQF;MACRG,SAASd,EAAEM;;MAEXS,cAAcf,EAAEK,SACdL,EAAEG,OAAO;QACPa,OAAOC;;;QAGPC,OAAOlB,EAAEmB;QACTC,OAAOpB,EAAEqB;MACX,CAAA,CAAA;IAEJ,CAAA;IACAZ,QAAQT,EAAEsB;EACZ,CAAA,EAAA;EAAI;gBAhBSV,kBAAAA;AAiBf,GA9BiBhB,iBAAAA,eAAAA,CAAAA,EAAAA;AAgDV,IAAM2B,WAAW,CAACb,WAA0CA,UAAU,QAAQA,kBAAkBC;AAEhG,IAAMa,eAAe,OAAOjB,UAAAA;AACjC,QAAM,EAAEM,OAAM,IAAK,MAAMY,iBAAiB;IAAElB;EAAM,CAAA;AAClD,SAAOM;AACT;",
|
|
6
|
+
"names": ["S", "SpaceSchema", "KanbanType", "initializeKanban", "FieldSchema", "KANBAN_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "screenshots", "KanbanAction", "KANBAN_ACTION", "KANBAN_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
|
|
7
7
|
}
|
|
@@ -3,17 +3,17 @@ import {
|
|
|
3
3
|
KANBAN_PLUGIN,
|
|
4
4
|
KanbanAction,
|
|
5
5
|
meta
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-D3NDCI33.mjs";
|
|
7
7
|
|
|
8
8
|
// packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx
|
|
9
|
-
import { createIntent, defineModule, contributes, Capabilities, Events, definePlugin
|
|
9
|
+
import { createIntent, defineModule, contributes, Capabilities, Events, definePlugin } from "@dxos/app-framework";
|
|
10
10
|
import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
|
|
11
11
|
import { KanbanType as KanbanType2, translations as kanbanTranslations } from "@dxos/react-ui-kanban";
|
|
12
12
|
|
|
13
13
|
// packages/plugins/experimental/plugin-kanban/src/capabilities/index.ts
|
|
14
14
|
import { lazy } from "@dxos/app-framework";
|
|
15
|
-
var IntentResolver = lazy(() => import("./intent-resolver-
|
|
16
|
-
var ReactSurface = lazy(() => import("./react-surface-
|
|
15
|
+
var IntentResolver = lazy(() => import("./intent-resolver-MBXQL2BL.mjs"));
|
|
16
|
+
var ReactSurface = lazy(() => import("./react-surface-P6FJM7SN.mjs"));
|
|
17
17
|
|
|
18
18
|
// packages/plugins/experimental/plugin-kanban/src/translations.ts
|
|
19
19
|
import { KanbanType } from "@dxos/react-ui-kanban";
|
|
@@ -54,7 +54,7 @@ var KanbanPlugin = () => definePlugin(meta, [
|
|
|
54
54
|
}),
|
|
55
55
|
defineModule({
|
|
56
56
|
id: `${meta.id}/module/metadata`,
|
|
57
|
-
activatesOn:
|
|
57
|
+
activatesOn: Events.SetupMetadata,
|
|
58
58
|
activate: () => contributes(Capabilities.Metadata, {
|
|
59
59
|
id: KanbanType2.typename,
|
|
60
60
|
metadata: {
|
|
@@ -74,14 +74,14 @@ var KanbanPlugin = () => definePlugin(meta, [
|
|
|
74
74
|
}),
|
|
75
75
|
defineModule({
|
|
76
76
|
id: `${meta.id}/module/schema`,
|
|
77
|
-
activatesOn: ClientEvents.
|
|
77
|
+
activatesOn: ClientEvents.SetupSchema,
|
|
78
78
|
activate: () => contributes(ClientCapabilities.Schema, [
|
|
79
79
|
KanbanType2
|
|
80
80
|
])
|
|
81
81
|
}),
|
|
82
82
|
defineModule({
|
|
83
83
|
id: `${meta.id}/module/react-surface`,
|
|
84
|
-
activatesOn: Events.
|
|
84
|
+
activatesOn: Events.SetupSurfaces,
|
|
85
85
|
activate: ReactSurface
|
|
86
86
|
}),
|
|
87
87
|
defineModule({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/KanbanPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;AAIA,
|
|
6
|
-
"names": ["createIntent", "defineModule", "contributes", "Capabilities", "Events", "definePlugin", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { createIntent, defineModule, contributes, Capabilities, Events, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { KanbanType, translations as kanbanTranslations } from '@dxos/react-ui-kanban';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { KANBAN_PLUGIN, meta } from './meta';\nimport translations from './translations';\nimport { KanbanAction } from './types';\n\nexport const KanbanPlugin = () =>\n definePlugin(meta, [\n defineModule({\n id: `${meta.id}/module/translations`,\n activatesOn: Events.SetupTranslations,\n activate: () => contributes(Capabilities.Translations, [...translations, ...kanbanTranslations]),\n }),\n defineModule({\n id: `${meta.id}/module/metadata`,\n activatesOn: Events.SetupMetadata,\n activate: () =>\n contributes(Capabilities.Metadata, {\n id: KanbanType.typename,\n metadata: {\n createObject: (props: { name?: string }, options: { space: Space }) =>\n createIntent(KanbanAction.Create, { ...props, space: options.space }),\n placeholder: ['kanban title placeholder', { ns: KANBAN_PLUGIN }],\n icon: 'ph--kanban--regular',\n },\n }),\n }),\n defineModule({\n id: `${meta.id}/module/schema`,\n activatesOn: ClientEvents.SetupSchema,\n activate: () => contributes(ClientCapabilities.Schema, [KanbanType]),\n }),\n defineModule({\n id: `${meta.id}/module/react-surface`,\n activatesOn: Events.SetupSurfaces,\n activate: ReactSurface,\n }),\n defineModule({\n id: `${meta.id}/module/intent-resolver`,\n activatesOn: Events.SetupIntents,\n activate: IntentResolver,\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KANBAN_PLUGIN } from './meta';\n\nexport default [\n {\n 'en-US': {\n [KanbanType.typename]: {\n 'typename label': 'Kanban',\n },\n [KANBAN_PLUGIN]: {\n 'plugin name': 'Kanban',\n 'kanban title label': 'Title',\n 'kanban title placeholder': 'New kanban',\n 'column title label': 'Column title',\n 'column title placeholder': 'New column',\n 'item title label': 'Item title',\n 'item title placeholder': 'New item',\n 'add column label': 'Add column',\n 'add item label': 'Add card',\n 'delete column label': 'Delete column',\n 'delete item label': 'Delete card',\n 'create kanban label': 'Create kanban',\n 'card field deleted label': 'Card field deleted',\n },\n },\n },\n];\n"],
|
|
5
|
+
"mappings": ";;;;;;;;AAIA,SAASA,cAAcC,cAAcC,aAAaC,cAAcC,QAAQC,oBAAoB;AAC5F,SAASC,oBAAoBC,oBAAoB;AAEjD,SAASC,cAAAA,aAAYC,gBAAgBC,0BAA0B;;;ACH/D,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACH9C,SAASE,kBAAkB;AAI3B,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACC,WAAWC,QAAQ,GAAG;QACrB,kBAAkB;MACpB;MACA,CAACC,aAAAA,GAAgB;QACf,eAAe;QACf,sBAAsB;QACtB,4BAA4B;QAC5B,sBAAsB;QACtB,4BAA4B;QAC5B,oBAAoB;QACpB,0BAA0B;QAC1B,oBAAoB;QACpB,kBAAkB;QAClB,uBAAuB;QACvB,qBAAqB;QACrB,uBAAuB;QACvB,4BAA4B;MAC9B;IACF;EACF;;;;AFhBK,IAAMC,eAAe,MAC1BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAc;SAAIC;SAAiBC;KAAmB;EACjG,CAAA;EACAV,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOQ;IACpBN,UAAU,MACRC,YAAYC,aAAaK,UAAU;MACjCX,IAAIY,YAAWC;MACfC,UAAU;QACRC,cAAc,CAACC,OAA0BC,YACvCC,aAAaC,aAAaC,QAAQ;UAAE,GAAGJ;UAAOK,OAAOJ,QAAQI;QAAM,CAAA;QACrEC,aAAa;UAAC;UAA4B;YAAEC,IAAIC;UAAc;;QAC9DC,MAAM;MACR;IACF,CAAA;EACJ,CAAA;EACA1B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAayB,aAAaC;IAC1BvB,UAAU,MAAMC,YAAYuB,mBAAmBC,QAAQ;MAACjB;KAAW;EACrE,CAAA;EACAb,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO4B;IACpB1B,UAAU2B;EACZ,CAAA;EACAhC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO8B;IACpB5B,UAAU6B;EACZ,CAAA;CACD;",
|
|
6
|
+
"names": ["createIntent", "defineModule", "contributes", "Capabilities", "Events", "definePlugin", "ClientCapabilities", "ClientEvents", "KanbanType", "translations", "kanbanTranslations", "lazy", "IntentResolver", "lazy", "ReactSurface", "KanbanType", "KanbanType", "typename", "KANBAN_PLUGIN", "KanbanPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "kanbanTranslations", "SetupMetadata", "Metadata", "KanbanType", "typename", "metadata", "createObject", "props", "options", "createIntent", "KanbanAction", "Create", "space", "placeholder", "ns", "KANBAN_PLUGIN", "icon", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "SetupSurfaces", "ReactSurface", "SetupIntents", "IntentResolver"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
+
import {
|
|
3
|
+
KANBAN_PLUGIN,
|
|
4
|
+
KanbanAction,
|
|
5
|
+
createKanban
|
|
6
|
+
} from "./chunk-D3NDCI33.mjs";
|
|
7
|
+
|
|
8
|
+
// packages/plugins/experimental/plugin-kanban/src/capabilities/intent-resolver.ts
|
|
9
|
+
import { contributes, Capabilities, createResolver } from "@dxos/app-framework";
|
|
10
|
+
import { invariant } from "@dxos/invariant";
|
|
11
|
+
import { getSpace } from "@dxos/react-client/echo";
|
|
12
|
+
import { ViewProjection } from "@dxos/schema";
|
|
13
|
+
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/capabilities/intent-resolver.ts";
|
|
14
|
+
var intent_resolver_default = () => contributes(Capabilities.IntentResolver, [
|
|
15
|
+
createResolver({
|
|
16
|
+
intent: KanbanAction.Create,
|
|
17
|
+
resolve: async ({ space }) => ({
|
|
18
|
+
data: {
|
|
19
|
+
object: await createKanban(space)
|
|
20
|
+
}
|
|
21
|
+
})
|
|
22
|
+
}),
|
|
23
|
+
createResolver({
|
|
24
|
+
intent: KanbanAction.DeleteCardField,
|
|
25
|
+
resolve: ({ kanban, fieldId, deletionData }, undo) => {
|
|
26
|
+
invariant(kanban.cardView, void 0, {
|
|
27
|
+
F: __dxlog_file,
|
|
28
|
+
L: 24,
|
|
29
|
+
S: void 0,
|
|
30
|
+
A: [
|
|
31
|
+
"kanban.cardView",
|
|
32
|
+
""
|
|
33
|
+
]
|
|
34
|
+
});
|
|
35
|
+
const schema = kanban.cardView.target && getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.type);
|
|
36
|
+
invariant(schema, void 0, {
|
|
37
|
+
F: __dxlog_file,
|
|
38
|
+
L: 28,
|
|
39
|
+
S: void 0,
|
|
40
|
+
A: [
|
|
41
|
+
"schema",
|
|
42
|
+
""
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
const projection = new ViewProjection(schema, kanban.cardView.target);
|
|
46
|
+
if (!undo) {
|
|
47
|
+
const { deleted, index } = projection.deleteFieldProjection(fieldId);
|
|
48
|
+
return {
|
|
49
|
+
undoable: {
|
|
50
|
+
message: [
|
|
51
|
+
"card field deleted label",
|
|
52
|
+
{
|
|
53
|
+
ns: KANBAN_PLUGIN
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
data: {
|
|
57
|
+
deletionData: {
|
|
58
|
+
...deleted,
|
|
59
|
+
index
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
} else if (undo && deletionData) {
|
|
65
|
+
const { field, props, index } = deletionData;
|
|
66
|
+
projection.setFieldProjection({
|
|
67
|
+
field,
|
|
68
|
+
props
|
|
69
|
+
}, index);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
})
|
|
73
|
+
]);
|
|
74
|
+
export {
|
|
75
|
+
intent_resolver_default as default
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=intent-resolver-MBXQL2BL.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/intent-resolver.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, Capabilities, createResolver } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { ViewProjection } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { createKanban, KanbanAction } from '../types';\n\nexport default () =>\n contributes(Capabilities.IntentResolver, [\n createResolver({\n intent: KanbanAction.Create,\n resolve: async ({ space }) => ({\n data: { object: await createKanban(space) },\n }),\n }),\n createResolver({\n intent: KanbanAction.DeleteCardField,\n resolve: ({ kanban, fieldId, deletionData }, undo) => {\n invariant(kanban.cardView);\n\n const schema =\n kanban.cardView.target && getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.type);\n invariant(schema);\n const projection = new ViewProjection(schema, 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 ]);\n"],
|
|
5
|
+
"mappings": ";;;;;;;;AAIA,SAASA,aAAaC,cAAcC,sBAAsB;AAC1D,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;;AAK/B,IAAA,0BAAe,MACbC,YAAYC,aAAaC,gBAAgB;EACvCC,eAAe;IACbC,QAAQC,aAAaC;IACrBC,SAAS,OAAO,EAAEC,MAAK,OAAQ;MAC7BC,MAAM;QAAEC,QAAQ,MAAMC,aAAaH,KAAAA;MAAO;IAC5C;EACF,CAAA;EACAL,eAAe;IACbC,QAAQC,aAAaO;IACrBL,SAAS,CAAC,EAAEM,QAAQC,SAASC,aAAY,GAAIC,SAAAA;AAC3CC,gBAAUJ,OAAOK,UAAQ,QAAA;;;;;;;;;AAEzB,YAAMC,SACJN,OAAOK,SAASE,UAAUC,SAASR,MAAAA,GAASS,GAAGC,eAAeC,UAAUX,OAAOK,SAASE,OAAOK,MAAMC,IAAI;AAC3GT,gBAAUE,QAAAA,QAAAA;;;;;;;;;AACV,YAAMQ,aAAa,IAAIC,eAAeT,QAAQN,OAAOK,SAASE,MAAM;AAEpE,UAAI,CAACJ,MAAM;AACT,cAAM,EAAEa,SAASC,MAAK,IAAKH,WAAWI,sBAAsBjB,OAAAA;AAC5D,eAAO;UACLkB,UAAU;YACRC,SAAS;cAAC;cAA4B;gBAAEC,IAAIC;cAAc;;YAC1D1B,MAAM;cAAEM,cAAc;gBAAE,GAAGc;gBAASC;cAAM;YAAE;UAC9C;QACF;MACF,WAAWd,QAAQD,cAAc;AAC/B,cAAM,EAAEqB,OAAOC,OAAOP,MAAK,IAAKf;AAChCY,mBAAWW,mBAAmB;UAAEF;UAAOC;QAAM,GAAGP,KAAAA;MAClD;IACF;EACF,CAAA;CACD;",
|
|
6
|
+
"names": ["contributes", "Capabilities", "createResolver", "invariant", "getSpace", "ViewProjection", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "KanbanAction", "Create", "resolve", "space", "data", "object", "createKanban", "DeleteCardField", "kanban", "fieldId", "deletionData", "undo", "invariant", "cardView", "schema", "target", "getSpace", "db", "schemaRegistry", "getSchema", "query", "type", "projection", "ViewProjection", "deleted", "index", "deleteFieldProjection", "undoable", "message", "ns", "KANBAN_PLUGIN", "field", "props", "setFieldProjection"]
|
|
7
|
+
}
|