@edv4h/usketch-plugin-domain-design 0.2.0
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/LICENSE +21 -0
- package/README.md +53 -0
- package/dist/connectors/connector-shape.d.ts +14 -0
- package/dist/connectors/connector-shape.d.ts.map +1 -0
- package/dist/connectors/connector-shape.js +47 -0
- package/dist/connectors/connector-shape.js.map +1 -0
- package/dist/connectors/draw-tool.d.ts +25 -0
- package/dist/connectors/draw-tool.d.ts.map +1 -0
- package/dist/connectors/draw-tool.js +119 -0
- package/dist/connectors/draw-tool.js.map +1 -0
- package/dist/connectors/render-domain-connector.d.ts +3 -0
- package/dist/connectors/render-domain-connector.d.ts.map +1 -0
- package/dist/connectors/render-domain-connector.js +156 -0
- package/dist/connectors/render-domain-connector.js.map +1 -0
- package/dist/editor/editing-machine.d.ts +25 -0
- package/dist/editor/editing-machine.d.ts.map +1 -0
- package/dist/editor/editing-machine.js +220 -0
- package/dist/editor/editing-machine.js.map +1 -0
- package/dist/editor/editors.d.ts +25 -0
- package/dist/editor/editors.d.ts.map +1 -0
- package/dist/editor/editors.js +185 -0
- package/dist/editor/editors.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -0
- package/dist/plugin.d.ts +3 -0
- package/dist/plugin.d.ts.map +1 -0
- package/dist/plugin.js +275 -0
- package/dist/plugin.js.map +1 -0
- package/dist/property-bar/domain-connector-bar.d.ts +2 -0
- package/dist/property-bar/domain-connector-bar.d.ts.map +1 -0
- package/dist/property-bar/domain-connector-bar.js +207 -0
- package/dist/property-bar/domain-connector-bar.js.map +1 -0
- package/dist/registry.d.ts +41 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +122 -0
- package/dist/registry.js.map +1 -0
- package/dist/shapes/aggregate.d.ts +3 -0
- package/dist/shapes/aggregate.d.ts.map +1 -0
- package/dist/shapes/aggregate.js +48 -0
- package/dist/shapes/aggregate.js.map +1 -0
- package/dist/shapes/bounded-context.d.ts +3 -0
- package/dist/shapes/bounded-context.d.ts.map +1 -0
- package/dist/shapes/bounded-context.js +60 -0
- package/dist/shapes/bounded-context.js.map +1 -0
- package/dist/shapes/class-box.d.ts +3 -0
- package/dist/shapes/class-box.d.ts.map +1 -0
- package/dist/shapes/class-box.js +65 -0
- package/dist/shapes/class-box.js.map +1 -0
- package/dist/types.d.ts +64 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +17 -0
- package/dist/types.js.map +1 -0
- package/package.json +55 -0
package/dist/plugin.js
ADDED
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createCascadeDelete, createConnectorTracker, getBoundsConnector, hitTestConnector, } from "@edv4h/usketch-connector-anchor";
|
|
3
|
+
import { aabbHitTest, createResize, getBounds } from "@edv4h/usketch-shape-utils";
|
|
4
|
+
import { generateId, withRotation, } from "@edv4h/usketch-shared";
|
|
5
|
+
import { createAddShapeCommand } from "@edv4h/usketch-store";
|
|
6
|
+
import { createDefaultDomainConnector } from "./connectors/connector-shape.js";
|
|
7
|
+
import { createDomainConnectorDrawTool, } from "./connectors/draw-tool.js";
|
|
8
|
+
import { renderDomainConnector } from "./connectors/render-domain-connector.js";
|
|
9
|
+
import { createDomainEditingService, EDITABLE_DOMAIN_TYPES } from "./editor/editing-machine.js";
|
|
10
|
+
import { DomainConnectorPropertyBar } from "./property-bar/domain-connector-bar.js";
|
|
11
|
+
import { DOMAIN_SUBTYPES } from "./registry.js";
|
|
12
|
+
import { renderAggregate } from "./shapes/aggregate.js";
|
|
13
|
+
import { renderBoundedContext } from "./shapes/bounded-context.js";
|
|
14
|
+
import { renderClassBox } from "./shapes/class-box.js";
|
|
15
|
+
import { DOMAIN_TYPES } from "./types.js";
|
|
16
|
+
// Renderer / hitTest mappings for the **shape** subtypes (containers).
|
|
17
|
+
// The connector subtype is registered separately because it shares the
|
|
18
|
+
// hit-test / bounds logic from `@edv4h/usketch-connector-anchor`.
|
|
19
|
+
const SHAPE_RENDERERS = {
|
|
20
|
+
[DOMAIN_TYPES.boundedContext]: renderBoundedContext,
|
|
21
|
+
[DOMAIN_TYPES.aggregate]: renderAggregate,
|
|
22
|
+
[DOMAIN_TYPES.classBox]: renderClassBox,
|
|
23
|
+
};
|
|
24
|
+
const SHAPE_HIT_TESTS = {
|
|
25
|
+
[DOMAIN_TYPES.boundedContext]: withRotation(aabbHitTest),
|
|
26
|
+
[DOMAIN_TYPES.aggregate]: withRotation(aabbHitTest),
|
|
27
|
+
[DOMAIN_TYPES.classBox]: withRotation(aabbHitTest),
|
|
28
|
+
};
|
|
29
|
+
const RENDER_TARGET_BY_TYPE = {
|
|
30
|
+
[DOMAIN_TYPES.boundedContext]: "html",
|
|
31
|
+
[DOMAIN_TYPES.aggregate]: "html",
|
|
32
|
+
[DOMAIN_TYPES.classBox]: "html",
|
|
33
|
+
};
|
|
34
|
+
const MIN_SIZE_BY_TYPE = {
|
|
35
|
+
[DOMAIN_TYPES.boundedContext]: { width: 120, height: 80 },
|
|
36
|
+
[DOMAIN_TYPES.aggregate]: { width: 80, height: 60 },
|
|
37
|
+
[DOMAIN_TYPES.classBox]: { width: 100, height: 80 },
|
|
38
|
+
};
|
|
39
|
+
function DomainDrawIcon() {
|
|
40
|
+
return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: [_jsx("rect", { x: "2", y: "3", width: "9", height: "6", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeDasharray: "2 1.5" }), _jsx("rect", { x: "9", y: "11", width: "9", height: "6", fill: "none", stroke: "currentColor", strokeWidth: "1.4" }), _jsx("line", { x1: "11", y1: "6", x2: "9", y2: "11", stroke: "currentColor", strokeWidth: "1.2" })] }));
|
|
41
|
+
}
|
|
42
|
+
export const domainDesignPlugin = {
|
|
43
|
+
id: "usketch-plugin-domain-design",
|
|
44
|
+
name: "ドメイン設計",
|
|
45
|
+
setup(ctx) {
|
|
46
|
+
const cleanups = [];
|
|
47
|
+
// ── Container shape 登録 (BoundedContext / Aggregate / ClassBox) ──
|
|
48
|
+
for (const subtype of DOMAIN_SUBTYPES) {
|
|
49
|
+
if (subtype.kind !== "shape")
|
|
50
|
+
continue;
|
|
51
|
+
const renderer = SHAPE_RENDERERS[subtype.type];
|
|
52
|
+
const hitTestFn = SHAPE_HIT_TESTS[subtype.type];
|
|
53
|
+
if (!renderer || !hitTestFn)
|
|
54
|
+
continue;
|
|
55
|
+
ctx.shapes.register(subtype.type, {
|
|
56
|
+
render: renderer,
|
|
57
|
+
getBounds,
|
|
58
|
+
hitTest: hitTestFn,
|
|
59
|
+
resize: createResize(MIN_SIZE_BY_TYPE[subtype.type]?.width ?? 1, MIN_SIZE_BY_TYPE[subtype.type]?.height ?? 1),
|
|
60
|
+
createDefault: subtype.createDefault,
|
|
61
|
+
renderTarget: RENDER_TARGET_BY_TYPE[subtype.type],
|
|
62
|
+
minSize: MIN_SIZE_BY_TYPE[subtype.type],
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
// ── DDD Connector shape 登録 ──
|
|
66
|
+
// Anchor / hit-test / bounds は `@edv4h/usketch-connector-anchor` のロジックを直接利用。
|
|
67
|
+
// renderer のみ DDD 専用 (relation badge / 矢頭 / multiplicity を上書き)。
|
|
68
|
+
// `createDefault` は draw tool 以外のパス (AI copilot 等が
|
|
69
|
+
// `ctx.shapes.get(type).createDefault(...)` を呼ぶケース) でも有効な
|
|
70
|
+
// `DomainConnectorShape` を返すよう、専用ファクトリを再利用する。
|
|
71
|
+
ctx.shapes.register(DOMAIN_TYPES.connector, {
|
|
72
|
+
render: renderDomainConnector,
|
|
73
|
+
getBounds: getBoundsConnector,
|
|
74
|
+
hitTest: hitTestConnector,
|
|
75
|
+
resize: (data) => ({ ...data }),
|
|
76
|
+
resizable: false,
|
|
77
|
+
createDefault: ({ id, x, y }) => createDefaultDomainConnector({
|
|
78
|
+
id,
|
|
79
|
+
x,
|
|
80
|
+
y,
|
|
81
|
+
domainKind: "context-map",
|
|
82
|
+
relation: "customer-supplier",
|
|
83
|
+
}),
|
|
84
|
+
renderTarget: "svg",
|
|
85
|
+
});
|
|
86
|
+
// ── Connector tracking & cascade delete ──
|
|
87
|
+
const isDomainConnectorType = (t) => t === DOMAIN_TYPES.connector;
|
|
88
|
+
const stopTracker = createConnectorTracker({
|
|
89
|
+
store: ctx.store,
|
|
90
|
+
isConnectorType: isDomainConnectorType,
|
|
91
|
+
});
|
|
92
|
+
const stopCascade = createCascadeDelete({
|
|
93
|
+
store: ctx.store,
|
|
94
|
+
isConnectorType: isDomainConnectorType,
|
|
95
|
+
});
|
|
96
|
+
cleanups.push(stopTracker, stopCascade);
|
|
97
|
+
// ── DDD connector property bar ──
|
|
98
|
+
// shape-connector の `connector-properties` (order 82) のすぐ上に積む。
|
|
99
|
+
// 同時に表示されることはない (それぞれ自分の type のときだけ render される)
|
|
100
|
+
// が、order 値を分けておくことでレイヤーリストでの並びが安定する。
|
|
101
|
+
ctx.layers.register({
|
|
102
|
+
id: "domain-connector-properties",
|
|
103
|
+
order: 84,
|
|
104
|
+
fixed: true,
|
|
105
|
+
render: () => _jsx(DomainConnectorPropertyBar, {}),
|
|
106
|
+
});
|
|
107
|
+
cleanups.push(() => ctx.layers.unregister("domain-connector-properties"));
|
|
108
|
+
// ── Tool: subtype 切り替え ──
|
|
109
|
+
let currentSubtype = DOMAIN_SUBTYPES[0]?.type ?? DOMAIN_TYPES.boundedContext;
|
|
110
|
+
const offSubtype = ctx.events.on("domain-design:select-subtype", (data) => {
|
|
111
|
+
currentSubtype = data.type;
|
|
112
|
+
});
|
|
113
|
+
cleanups.push(offSubtype);
|
|
114
|
+
// Connector draw tool(subtype 切替で domainKind / relation が変わる)
|
|
115
|
+
const connectorTool = createDomainConnectorDrawTool(() => {
|
|
116
|
+
const subtype = DOMAIN_SUBTYPES.find((s) => s.type === currentSubtype);
|
|
117
|
+
if (subtype?.kind === "connector") {
|
|
118
|
+
return { domainKind: subtype.domainKind, relation: subtype.defaultRelation };
|
|
119
|
+
}
|
|
120
|
+
return { domainKind: "context-map", relation: "customer-supplier" };
|
|
121
|
+
});
|
|
122
|
+
// Container shape draw 用の state(drag で rect を生成)
|
|
123
|
+
let drawState = null;
|
|
124
|
+
function isConnectorSubtype() {
|
|
125
|
+
const subtype = DOMAIN_SUBTYPES.find((s) => s.type === currentSubtype);
|
|
126
|
+
return subtype?.kind === "connector";
|
|
127
|
+
}
|
|
128
|
+
function onPointerDown(toolCtx, event) {
|
|
129
|
+
if (isConnectorSubtype()) {
|
|
130
|
+
connectorTool.onPointerDown(toolCtx, event);
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
const subtype = DOMAIN_SUBTYPES.find((s) => s.type === currentSubtype);
|
|
134
|
+
if (!subtype || subtype.kind !== "shape")
|
|
135
|
+
return;
|
|
136
|
+
const id = generateId();
|
|
137
|
+
drawState = {
|
|
138
|
+
startX: event.worldPoint.x,
|
|
139
|
+
startY: event.worldPoint.y,
|
|
140
|
+
shapeId: id,
|
|
141
|
+
};
|
|
142
|
+
const shape = subtype.createDefault({
|
|
143
|
+
id,
|
|
144
|
+
x: event.worldPoint.x,
|
|
145
|
+
y: event.worldPoint.y,
|
|
146
|
+
});
|
|
147
|
+
shape.width = 0;
|
|
148
|
+
shape.height = 0;
|
|
149
|
+
toolCtx.store.addShape(shape);
|
|
150
|
+
}
|
|
151
|
+
function onPointerMove(toolCtx, event) {
|
|
152
|
+
if (isConnectorSubtype()) {
|
|
153
|
+
connectorTool.onPointerMove(toolCtx, event);
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
if (!drawState)
|
|
157
|
+
return;
|
|
158
|
+
const x = Math.min(drawState.startX, event.worldPoint.x);
|
|
159
|
+
const y = Math.min(drawState.startY, event.worldPoint.y);
|
|
160
|
+
const width = Math.abs(event.worldPoint.x - drawState.startX);
|
|
161
|
+
const height = Math.abs(event.worldPoint.y - drawState.startY);
|
|
162
|
+
toolCtx.store.updateShape(drawState.shapeId, { x, y, width, height });
|
|
163
|
+
}
|
|
164
|
+
function onPointerUp(toolCtx, event) {
|
|
165
|
+
if (isConnectorSubtype()) {
|
|
166
|
+
connectorTool.onPointerUp(toolCtx, event);
|
|
167
|
+
return;
|
|
168
|
+
}
|
|
169
|
+
if (!drawState)
|
|
170
|
+
return;
|
|
171
|
+
const shape = toolCtx.store.getShape(drawState.shapeId);
|
|
172
|
+
const minDim = 2;
|
|
173
|
+
const length = Math.min(Math.abs(shape?.width ?? 0), Math.abs(shape?.height ?? 0));
|
|
174
|
+
if (shape && length > minDim) {
|
|
175
|
+
toolCtx.store.deleteShape(drawState.shapeId);
|
|
176
|
+
toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
|
|
177
|
+
}
|
|
178
|
+
else {
|
|
179
|
+
toolCtx.store.deleteShape(drawState.shapeId);
|
|
180
|
+
}
|
|
181
|
+
drawState = null;
|
|
182
|
+
toolCtx.store.setActiveToolId("select");
|
|
183
|
+
}
|
|
184
|
+
ctx.tools.register("domain-draw", {
|
|
185
|
+
icon: DomainDrawIcon,
|
|
186
|
+
cursor: "crosshair",
|
|
187
|
+
shortcut: "d",
|
|
188
|
+
order: 12,
|
|
189
|
+
onPointerDown,
|
|
190
|
+
onPointerMove,
|
|
191
|
+
onPointerUp,
|
|
192
|
+
onDeactivate(toolCtx) {
|
|
193
|
+
connectorTool.onDeactivate(toolCtx);
|
|
194
|
+
if (drawState) {
|
|
195
|
+
toolCtx.store.deleteShape(drawState.shapeId);
|
|
196
|
+
drawState = null;
|
|
197
|
+
}
|
|
198
|
+
},
|
|
199
|
+
});
|
|
200
|
+
// ── インライン編集(state machine + custom events) ──
|
|
201
|
+
const editingService = createDomainEditingService(ctx);
|
|
202
|
+
const { send, stop: stopMachine } = editingService;
|
|
203
|
+
cleanups.push(stopMachine);
|
|
204
|
+
const onCommit = (e) => {
|
|
205
|
+
const detail = e.detail;
|
|
206
|
+
send({ type: "COMMIT", id: detail.id, nextMeta: detail.nextMeta });
|
|
207
|
+
};
|
|
208
|
+
const onCancel = (e) => {
|
|
209
|
+
const detail = e.detail;
|
|
210
|
+
send({ type: "CANCEL", id: detail.id });
|
|
211
|
+
};
|
|
212
|
+
window.addEventListener("usketch:domain-design:commit", onCommit);
|
|
213
|
+
window.addEventListener("usketch:domain-design:cancel", onCancel);
|
|
214
|
+
cleanups.push(() => window.removeEventListener("usketch:domain-design:commit", onCommit));
|
|
215
|
+
cleanups.push(() => window.removeEventListener("usketch:domain-design:cancel", onCancel));
|
|
216
|
+
// canvas:pointerdown でクリック・ダブルクリック判定
|
|
217
|
+
const offCanvasPointer = ctx.events.on("canvas:pointerdown", (event) => {
|
|
218
|
+
let hitShapeId = null;
|
|
219
|
+
const point = event.worldPoint;
|
|
220
|
+
const sorted = ctx.store.getShapesSorted();
|
|
221
|
+
for (let i = sorted.length - 1; i >= 0; i--) {
|
|
222
|
+
const shape = sorted[i];
|
|
223
|
+
if (!shape)
|
|
224
|
+
continue;
|
|
225
|
+
if (!EDITABLE_DOMAIN_TYPES.has(shape.type))
|
|
226
|
+
continue;
|
|
227
|
+
const def = ctx.shapes.get(shape.type);
|
|
228
|
+
if (!def)
|
|
229
|
+
continue;
|
|
230
|
+
if (def.hitTest(shape, point)) {
|
|
231
|
+
hitShapeId = shape.id;
|
|
232
|
+
break;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
send({ type: "POINTER_DOWN", shapeId: hitShapeId });
|
|
236
|
+
});
|
|
237
|
+
cleanups.push(offCanvasPointer);
|
|
238
|
+
// 選択が外れたら editing 終了。queueMicrotask で 1 ターン遅延させ、
|
|
239
|
+
// editor の onBlur 経由の COMMIT が先に処理されるのを待つ。
|
|
240
|
+
let pendingDeselectedShapeId = null;
|
|
241
|
+
const unsubscribe = ctx.store.subscribe(() => {
|
|
242
|
+
const editingId = editingService.editingShapeId;
|
|
243
|
+
if (!editingId)
|
|
244
|
+
return;
|
|
245
|
+
const selection = ctx.store.getSelection();
|
|
246
|
+
if (selection.has(editingId))
|
|
247
|
+
return;
|
|
248
|
+
if (pendingDeselectedShapeId === editingId)
|
|
249
|
+
return;
|
|
250
|
+
pendingDeselectedShapeId = editingId;
|
|
251
|
+
queueMicrotask(() => {
|
|
252
|
+
const stillEditingId = editingService.editingShapeId;
|
|
253
|
+
pendingDeselectedShapeId = null;
|
|
254
|
+
if (!stillEditingId)
|
|
255
|
+
return;
|
|
256
|
+
if (stillEditingId !== editingId)
|
|
257
|
+
return;
|
|
258
|
+
const stillSelected = ctx.store.getSelection().has(stillEditingId);
|
|
259
|
+
if (stillSelected)
|
|
260
|
+
return;
|
|
261
|
+
send({ type: "DESELECTED" });
|
|
262
|
+
});
|
|
263
|
+
});
|
|
264
|
+
cleanups.push(unsubscribe);
|
|
265
|
+
// ── teardown ──
|
|
266
|
+
domainDesignPlugin.teardown = () => {
|
|
267
|
+
for (const fn of cleanups)
|
|
268
|
+
fn();
|
|
269
|
+
};
|
|
270
|
+
},
|
|
271
|
+
teardown() {
|
|
272
|
+
// setup() 内で動的に差し替えられる
|
|
273
|
+
},
|
|
274
|
+
};
|
|
275
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domain-connector-bar.d.ts","sourceRoot":"","sources":["../../src/property-bar/domain-connector-bar.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,0BAA0B,mDAqBzC"}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ShapeAnchorOverlay, useApp, useStoreSubscribe } from "@edv4h/usketch-canvas-engine";
|
|
3
|
+
import { createBatchUpdateShapesCommand } from "@edv4h/usketch-store";
|
|
4
|
+
import { useCallback } from "react";
|
|
5
|
+
import { DOMAIN_TYPES, readMeta, } from "../types.js";
|
|
6
|
+
const CONTEXT_MAP_OPTIONS = [
|
|
7
|
+
{ value: "customer-supplier", label: "Customer/Supplier" },
|
|
8
|
+
{ value: "conformist", label: "Conformist" },
|
|
9
|
+
{ value: "anticorruption-layer", label: "Anticorruption Layer" },
|
|
10
|
+
{ value: "shared-kernel", label: "Shared Kernel" },
|
|
11
|
+
{ value: "open-host-service", label: "Open Host Service" },
|
|
12
|
+
{ value: "partnership", label: "Partnership" },
|
|
13
|
+
{ value: "published-language", label: "Published Language" },
|
|
14
|
+
{ value: "separate-ways", label: "Separate Ways" },
|
|
15
|
+
];
|
|
16
|
+
const TACTICAL_OPTIONS = [
|
|
17
|
+
{ value: "association", label: "Association" },
|
|
18
|
+
{ value: "aggregation", label: "Aggregation" },
|
|
19
|
+
{ value: "composition", label: "Composition" },
|
|
20
|
+
{ value: "inheritance", label: "Inheritance" },
|
|
21
|
+
{ value: "realization", label: "Realization" },
|
|
22
|
+
{ value: "dependency", label: "Dependency" },
|
|
23
|
+
];
|
|
24
|
+
const UPSTREAM_OPTIONS = [
|
|
25
|
+
{ value: "none", label: "—" },
|
|
26
|
+
{ value: "from", label: "U → D" },
|
|
27
|
+
{ value: "to", label: "D ← U" },
|
|
28
|
+
];
|
|
29
|
+
export function DomainConnectorPropertyBar() {
|
|
30
|
+
const app = useApp();
|
|
31
|
+
const store = app.store;
|
|
32
|
+
const selection = useStoreSubscribe(store, (s) => s.getSelection());
|
|
33
|
+
const shapes = useStoreSubscribe(store, (s) => s.getShapes());
|
|
34
|
+
const ids = [...selection];
|
|
35
|
+
if (ids.length !== 1)
|
|
36
|
+
return null;
|
|
37
|
+
const id = ids[0];
|
|
38
|
+
if (!id)
|
|
39
|
+
return null;
|
|
40
|
+
const shape = shapes.get(id);
|
|
41
|
+
if (!shape || shape.type !== DOMAIN_TYPES.connector)
|
|
42
|
+
return null;
|
|
43
|
+
const meta = readMeta(shape);
|
|
44
|
+
if (!meta.domainKind)
|
|
45
|
+
return null;
|
|
46
|
+
return (_jsx(ShapeAnchorOverlay, { shapeIds: [id], position: "top", fallback: "bottom", children: _jsx(DomainConnectorControls, { connectorId: id, shape: shape }) }));
|
|
47
|
+
}
|
|
48
|
+
function DomainConnectorControls({ connectorId, shape, }) {
|
|
49
|
+
const app = useApp();
|
|
50
|
+
const store = app.store;
|
|
51
|
+
const meta = readMeta(shape);
|
|
52
|
+
const updateMeta = useCallback((nextMeta) => {
|
|
53
|
+
app.commands.execute(createBatchUpdateShapesCommand(store, [
|
|
54
|
+
{
|
|
55
|
+
id: connectorId,
|
|
56
|
+
from: { meta: meta },
|
|
57
|
+
to: { meta: nextMeta },
|
|
58
|
+
},
|
|
59
|
+
]));
|
|
60
|
+
}, [app.commands, store, connectorId, meta]);
|
|
61
|
+
// Toggling domainKind also has to refresh `arrowHead` to stay consistent with
|
|
62
|
+
// `createDefaultDomainConnector` (context-map: undirected line, tactical: forward arrow).
|
|
63
|
+
// Without this, switching context-map → tactical → context-map leaves a stray
|
|
64
|
+
// arrow head on what should be an undirected context-map relation.
|
|
65
|
+
const setDomainKind = useCallback((kind) => {
|
|
66
|
+
if (meta.domainKind === kind)
|
|
67
|
+
return;
|
|
68
|
+
const nextMeta = kind === "context-map"
|
|
69
|
+
? { domainKind: "context-map", relation: "customer-supplier" }
|
|
70
|
+
: { domainKind: "tactical", relation: "association" };
|
|
71
|
+
const nextArrowHead = kind === "tactical" ? "forward" : "none";
|
|
72
|
+
const currentArrowHead = shape.arrowHead;
|
|
73
|
+
app.commands.execute(createBatchUpdateShapesCommand(store, [
|
|
74
|
+
{
|
|
75
|
+
id: connectorId,
|
|
76
|
+
from: {
|
|
77
|
+
meta: meta,
|
|
78
|
+
arrowHead: currentArrowHead,
|
|
79
|
+
},
|
|
80
|
+
to: {
|
|
81
|
+
meta: nextMeta,
|
|
82
|
+
arrowHead: nextArrowHead,
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
]));
|
|
86
|
+
}, [app.commands, store, connectorId, meta, shape]);
|
|
87
|
+
const setContextMapRelation = useCallback((relation) => {
|
|
88
|
+
if (meta.domainKind !== "context-map")
|
|
89
|
+
return;
|
|
90
|
+
updateMeta({
|
|
91
|
+
...meta,
|
|
92
|
+
domainKind: "context-map",
|
|
93
|
+
relation,
|
|
94
|
+
});
|
|
95
|
+
}, [meta, updateMeta]);
|
|
96
|
+
const setTacticalRelation = useCallback((relation) => {
|
|
97
|
+
if (meta.domainKind !== "tactical")
|
|
98
|
+
return;
|
|
99
|
+
updateMeta({
|
|
100
|
+
...meta,
|
|
101
|
+
domainKind: "tactical",
|
|
102
|
+
relation,
|
|
103
|
+
});
|
|
104
|
+
}, [meta, updateMeta]);
|
|
105
|
+
const setUpstream = useCallback((value) => {
|
|
106
|
+
if (meta.domainKind !== "context-map")
|
|
107
|
+
return;
|
|
108
|
+
const next = {
|
|
109
|
+
...meta,
|
|
110
|
+
domainKind: "context-map",
|
|
111
|
+
upstream: value === "none" ? undefined : value,
|
|
112
|
+
};
|
|
113
|
+
updateMeta(next);
|
|
114
|
+
}, [meta, updateMeta]);
|
|
115
|
+
const setMultiplicity = useCallback((side, value) => {
|
|
116
|
+
if (meta.domainKind !== "tactical")
|
|
117
|
+
return;
|
|
118
|
+
const trimmed = value.trim();
|
|
119
|
+
const next = {
|
|
120
|
+
...meta,
|
|
121
|
+
domainKind: "tactical",
|
|
122
|
+
...(side === "from"
|
|
123
|
+
? { multiplicityFrom: trimmed || undefined }
|
|
124
|
+
: { multiplicityTo: trimmed || undefined }),
|
|
125
|
+
};
|
|
126
|
+
updateMeta(next);
|
|
127
|
+
}, [meta, updateMeta]);
|
|
128
|
+
const setLabel = useCallback((value) => {
|
|
129
|
+
if (meta.domainKind !== "tactical")
|
|
130
|
+
return;
|
|
131
|
+
const trimmed = value.trim();
|
|
132
|
+
const next = {
|
|
133
|
+
...meta,
|
|
134
|
+
domainKind: "tactical",
|
|
135
|
+
label: trimmed || undefined,
|
|
136
|
+
};
|
|
137
|
+
updateMeta(next);
|
|
138
|
+
}, [meta, updateMeta]);
|
|
139
|
+
return (_jsxs("div", { onPointerDown: (e) => e.stopPropagation(), style: barStyle, children: [_jsx(ToggleButton, { active: meta.domainKind === "context-map", onClick: () => setDomainKind("context-map"), title: "Context Map (\u6226\u7565)", children: "CM" }), _jsx(ToggleButton, { active: meta.domainKind === "tactical", onClick: () => setDomainKind("tactical"), title: "Tactical (\u6226\u8853)", children: "TX" }), _jsx("div", { style: sepStyle }), meta.domainKind === "context-map" ? (_jsx("select", { style: selectStyle, value: meta.relation ?? "customer-supplier", onChange: (e) => setContextMapRelation(e.target.value), children: CONTEXT_MAP_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) })) : (_jsx("select", { style: selectStyle, value: meta.relation ?? "association", onChange: (e) => setTacticalRelation(e.target.value), children: TACTICAL_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) })), _jsx("div", { style: sepStyle }), meta.domainKind === "context-map" && (_jsx("select", { style: shortSelectStyle, value: meta.upstream ?? "none", onChange: (e) => setUpstream(e.target.value), title: "Upstream", children: UPSTREAM_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) })), meta.domainKind === "tactical" && (_jsxs(_Fragment, { children: [_jsx("input", { type: "text", placeholder: "From", defaultValue: meta.multiplicityFrom ?? "", onBlur: (e) => setMultiplicity("from", e.currentTarget.value), style: multiplicityInputStyle, title: "Multiplicity (source)" }, `mfrom:${connectorId}:${meta.multiplicityFrom ?? ""}`), _jsx("input", { type: "text", placeholder: "To", defaultValue: meta.multiplicityTo ?? "", onBlur: (e) => setMultiplicity("to", e.currentTarget.value), style: multiplicityInputStyle, title: "Multiplicity (target)" }, `mto:${connectorId}:${meta.multiplicityTo ?? ""}`), _jsx("input", { type: "text", placeholder: "Label", defaultValue: meta.label ?? "", onBlur: (e) => setLabel(e.currentTarget.value), style: labelInputStyle, title: "Relation label" }, `label:${connectorId}:${meta.label ?? ""}`)] }))] }));
|
|
140
|
+
}
|
|
141
|
+
function ToggleButton({ active, onClick, title, children, }) {
|
|
142
|
+
return (_jsx("button", { type: "button", onClick: onClick, title: title, style: toggleBtnStyle(active), children: children }));
|
|
143
|
+
}
|
|
144
|
+
const barStyle = {
|
|
145
|
+
display: "flex",
|
|
146
|
+
alignItems: "center",
|
|
147
|
+
gap: 4,
|
|
148
|
+
padding: "4px 6px",
|
|
149
|
+
background: "#fff",
|
|
150
|
+
borderRadius: 8,
|
|
151
|
+
boxShadow: "0 2px 8px rgba(0,0,0,0.12)",
|
|
152
|
+
fontFamily: "system-ui, sans-serif",
|
|
153
|
+
fontSize: 11,
|
|
154
|
+
whiteSpace: "nowrap",
|
|
155
|
+
pointerEvents: "auto",
|
|
156
|
+
};
|
|
157
|
+
const sepStyle = {
|
|
158
|
+
width: 1,
|
|
159
|
+
height: 18,
|
|
160
|
+
background: "#e0e0e0",
|
|
161
|
+
flexShrink: 0,
|
|
162
|
+
margin: "0 2px",
|
|
163
|
+
};
|
|
164
|
+
const selectStyle = {
|
|
165
|
+
height: 22,
|
|
166
|
+
border: "1px solid #e0e0e0",
|
|
167
|
+
borderRadius: 4,
|
|
168
|
+
padding: "0 4px",
|
|
169
|
+
fontSize: 11,
|
|
170
|
+
background: "#fff",
|
|
171
|
+
cursor: "pointer",
|
|
172
|
+
};
|
|
173
|
+
const shortSelectStyle = {
|
|
174
|
+
...selectStyle,
|
|
175
|
+
width: 64,
|
|
176
|
+
};
|
|
177
|
+
const multiplicityInputStyle = {
|
|
178
|
+
width: 48,
|
|
179
|
+
height: 22,
|
|
180
|
+
border: "1px solid #e0e0e0",
|
|
181
|
+
borderRadius: 4,
|
|
182
|
+
padding: "0 4px",
|
|
183
|
+
fontSize: 11,
|
|
184
|
+
background: "#fff",
|
|
185
|
+
};
|
|
186
|
+
const labelInputStyle = {
|
|
187
|
+
...multiplicityInputStyle,
|
|
188
|
+
width: 96,
|
|
189
|
+
};
|
|
190
|
+
function toggleBtnStyle(active) {
|
|
191
|
+
return {
|
|
192
|
+
width: 28,
|
|
193
|
+
height: 22,
|
|
194
|
+
padding: 0,
|
|
195
|
+
display: "flex",
|
|
196
|
+
alignItems: "center",
|
|
197
|
+
justifyContent: "center",
|
|
198
|
+
background: active ? "#e8f0fe" : "transparent",
|
|
199
|
+
border: active ? "1px solid #2680eb" : "1px solid transparent",
|
|
200
|
+
borderRadius: 4,
|
|
201
|
+
cursor: "pointer",
|
|
202
|
+
color: active ? "#2680eb" : "#333",
|
|
203
|
+
fontSize: 10,
|
|
204
|
+
fontWeight: 600,
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
//# sourceMappingURL=domain-connector-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domain-connector-bar.js","sourceRoot":"","sources":["../../src/property-bar/domain-connector-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { type ShapeData } from "@edv4h/usketch-shared";
|
|
2
|
+
import type { ReactElement } from "react";
|
|
3
|
+
import { type ContextMapRelation, type TacticalRelation } from "./types.js";
|
|
4
|
+
/**
|
|
5
|
+
* `DOMAIN_SUBTYPES` の各エントリ。
|
|
6
|
+
*
|
|
7
|
+
* - `kind: "shape"` は drag で四角を描く通常 shape (BoundedContext / Aggregate / ClassBox)
|
|
8
|
+
* - `kind: "connector"` は 2 つの shape を結ぶ DDD connector(同じ `domain-connector`
|
|
9
|
+
* shape type を使い、`domainKind` と `defaultRelation` で初期 meta を分ける)
|
|
10
|
+
*
|
|
11
|
+
* `type` フィールドは picker / event 用のサブタイプ識別子であり、
|
|
12
|
+
* connector の場合の実際の shape type は draw tool 内で `DOMAIN_TYPES.connector` に
|
|
13
|
+
* 統一されることに注意。
|
|
14
|
+
*/
|
|
15
|
+
export type DomainSubtype = DomainShapeSubtype | DomainConnectorSubtype;
|
|
16
|
+
interface DomainSubtypeBase {
|
|
17
|
+
type: string;
|
|
18
|
+
label: string;
|
|
19
|
+
category: "strategic" | "tactical" | "relation";
|
|
20
|
+
icon: () => ReactElement;
|
|
21
|
+
defaultSize: {
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
export interface DomainShapeSubtype extends DomainSubtypeBase {
|
|
27
|
+
kind: "shape";
|
|
28
|
+
createDefault: (params: {
|
|
29
|
+
id: string;
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
|
+
}) => ShapeData;
|
|
33
|
+
}
|
|
34
|
+
export interface DomainConnectorSubtype extends DomainSubtypeBase {
|
|
35
|
+
kind: "connector";
|
|
36
|
+
domainKind: "context-map" | "tactical";
|
|
37
|
+
defaultRelation: ContextMapRelation | TacticalRelation;
|
|
38
|
+
}
|
|
39
|
+
export declare const DOMAIN_SUBTYPES: DomainSubtype[];
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=registry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAIN,KAAK,kBAAkB,EAEvB,KAAK,gBAAgB,EACrB,MAAM,YAAY,CAAC;AAEpB;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG,sBAAsB,CAAC;AAExE,UAAU,iBAAiB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,IAAI,EAAE,MAAM,YAAY,CAAC;IACzB,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3E;AAED,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAChE,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,aAAa,GAAG,UAAU,CAAC;IACvC,eAAe,EAAE,kBAAkB,GAAG,gBAAgB,CAAC;CACvD;AAuID,eAAO,MAAM,eAAe,EAAE,aAAa,EAgD1C,CAAC"}
|