@edv4h/usketch-plugin-shape-text 1.0.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/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -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 +267 -0
- package/dist/plugin.js.map +1 -0
- package/dist/text-editing-machine.d.ts +42 -0
- package/dist/text-editing-machine.d.ts.map +1 -0
- package/dist/text-editing-machine.js +225 -0
- package/dist/text-editing-machine.js.map +1 -0
- package/package.json +52 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 EdV4H
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/plugin.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUN,KAAK,aAAa,EAElB,MAAM,uBAAuB,CAAC;AA2N/B,eAAO,MAAM,UAAU,EAAE,aA4GxB,CAAC"}
|
package/dist/plugin.js
ADDED
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { DEFAULT_STYLE, generateId, withRotation, } from "@edv4h/usketch-shared";
|
|
3
|
+
import { createAddShapeCommand } from "@edv4h/usketch-store";
|
|
4
|
+
import { createTextEditingService } from "./text-editing-machine.js";
|
|
5
|
+
/**
|
|
6
|
+
* LOD component: first line of text, truncated. Dropped editing + focus ring.
|
|
7
|
+
*/
|
|
8
|
+
function SimplifiedText({ shape }) {
|
|
9
|
+
const text = String(shape.text || "").split("\n")[0] ?? "";
|
|
10
|
+
const color = shape.style?.stroke || "#222";
|
|
11
|
+
const rotation = typeof shape.rotation === "number" ? shape.rotation : 0;
|
|
12
|
+
return (_jsx("div", { style: {
|
|
13
|
+
position: "absolute",
|
|
14
|
+
left: shape.x,
|
|
15
|
+
top: shape.y,
|
|
16
|
+
width: shape.width,
|
|
17
|
+
height: shape.height,
|
|
18
|
+
fontSize: shape.fontSize ?? 16,
|
|
19
|
+
fontFamily: shape.fontFamily ?? "system-ui, sans-serif",
|
|
20
|
+
color,
|
|
21
|
+
overflow: "hidden",
|
|
22
|
+
whiteSpace: "nowrap",
|
|
23
|
+
textOverflow: "ellipsis",
|
|
24
|
+
pointerEvents: "none",
|
|
25
|
+
transform: rotation ? `rotate(${rotation}deg)` : undefined,
|
|
26
|
+
transformOrigin: "center center",
|
|
27
|
+
}, children: text }));
|
|
28
|
+
}
|
|
29
|
+
// ── Shape Definition ──
|
|
30
|
+
const textStyle = (data) => ({
|
|
31
|
+
width: "100%",
|
|
32
|
+
height: "100%",
|
|
33
|
+
whiteSpace: "pre-wrap",
|
|
34
|
+
wordBreak: "break-word",
|
|
35
|
+
outline: "none",
|
|
36
|
+
fontFamily: data.fontFamily ?? "system-ui, sans-serif",
|
|
37
|
+
fontSize: data.fontSize ?? 16,
|
|
38
|
+
color: data.style.stroke,
|
|
39
|
+
background: data.style.fill === "transparent" ? "transparent" : data.style.fill,
|
|
40
|
+
lineHeight: 1.4,
|
|
41
|
+
padding: 4,
|
|
42
|
+
boxSizing: "border-box",
|
|
43
|
+
});
|
|
44
|
+
function focusAtEnd(el) {
|
|
45
|
+
el.focus();
|
|
46
|
+
const sel = window.getSelection();
|
|
47
|
+
if (sel) {
|
|
48
|
+
const range = document.createRange();
|
|
49
|
+
range.selectNodeContents(el);
|
|
50
|
+
range.collapse(false);
|
|
51
|
+
sel.removeAllRanges();
|
|
52
|
+
sel.addRange(range);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
function render(data) {
|
|
56
|
+
if (!data.isEditing) {
|
|
57
|
+
return (_jsx("div", { style: { ...textStyle(data), pointerEvents: "none", userSelect: "none" }, children: data.text ?? "" }));
|
|
58
|
+
}
|
|
59
|
+
return (
|
|
60
|
+
// biome-ignore lint/a11y/useSemanticElements: contentEditable div is standard for rich text editing
|
|
61
|
+
_jsx("div", { contentEditable: "plaintext-only", suppressContentEditableWarning: true, role: "textbox", "aria-multiline": "true", tabIndex: 0, ref: (el) => {
|
|
62
|
+
if (!el)
|
|
63
|
+
return;
|
|
64
|
+
// Only set text + focus once when first entering edit mode.
|
|
65
|
+
// After that, the DOM owns the text content — React must NOT
|
|
66
|
+
// replace it, or the cursor position will be lost.
|
|
67
|
+
if (el.dataset.focused)
|
|
68
|
+
return;
|
|
69
|
+
el.dataset.focused = "1";
|
|
70
|
+
el.textContent = data.text ?? "";
|
|
71
|
+
requestAnimationFrame(() => focusAtEnd(el));
|
|
72
|
+
}, onInput: (e) => {
|
|
73
|
+
// Skip store update during IME composition
|
|
74
|
+
if (e.nativeEvent.isComposing)
|
|
75
|
+
return;
|
|
76
|
+
const el = e.currentTarget;
|
|
77
|
+
window.dispatchEvent(new CustomEvent("usketch:text-input", {
|
|
78
|
+
detail: { id: data.id, text: el.innerText, scrollHeight: el.scrollHeight },
|
|
79
|
+
}));
|
|
80
|
+
}, onCompositionEnd: (e) => {
|
|
81
|
+
const el = e.currentTarget;
|
|
82
|
+
window.dispatchEvent(new CustomEvent("usketch:text-input", {
|
|
83
|
+
detail: { id: data.id, text: el.innerText, scrollHeight: el.scrollHeight },
|
|
84
|
+
}));
|
|
85
|
+
}, onKeyDown: (e) => {
|
|
86
|
+
e.stopPropagation();
|
|
87
|
+
// Ignore Escape during IME composition (let IME handle it)
|
|
88
|
+
if (e.key === "Escape" && !e.nativeEvent.isComposing) {
|
|
89
|
+
window.dispatchEvent(new CustomEvent("usketch:text-escape", { detail: { id: data.id } }));
|
|
90
|
+
}
|
|
91
|
+
}, onBlur: (e) => {
|
|
92
|
+
// Clear focused flag so next edit session re-initializes textContent + focus
|
|
93
|
+
delete e.currentTarget.dataset.focused;
|
|
94
|
+
window.dispatchEvent(new CustomEvent("usketch:text-blur", { detail: { id: data.id } }));
|
|
95
|
+
}, onPointerDown: (e) => e.stopPropagation(), style: { ...textStyle(data), cursor: "text", pointerEvents: "auto", userSelect: "auto" } }));
|
|
96
|
+
}
|
|
97
|
+
function getBounds(data) {
|
|
98
|
+
return { x: data.x, y: data.y, width: data.width, height: data.height };
|
|
99
|
+
}
|
|
100
|
+
function hitTest(data, point) {
|
|
101
|
+
return (point.x >= data.x &&
|
|
102
|
+
point.x <= data.x + data.width &&
|
|
103
|
+
point.y >= data.y &&
|
|
104
|
+
point.y <= data.y + data.height);
|
|
105
|
+
}
|
|
106
|
+
function resize(data, handle, delta) {
|
|
107
|
+
let { x, y, width, height } = data;
|
|
108
|
+
switch (handle) {
|
|
109
|
+
case "se":
|
|
110
|
+
width += delta.x;
|
|
111
|
+
height += delta.y;
|
|
112
|
+
break;
|
|
113
|
+
case "nw":
|
|
114
|
+
x += delta.x;
|
|
115
|
+
y += delta.y;
|
|
116
|
+
width -= delta.x;
|
|
117
|
+
height -= delta.y;
|
|
118
|
+
break;
|
|
119
|
+
case "ne":
|
|
120
|
+
y += delta.y;
|
|
121
|
+
width += delta.x;
|
|
122
|
+
height -= delta.y;
|
|
123
|
+
break;
|
|
124
|
+
case "sw":
|
|
125
|
+
x += delta.x;
|
|
126
|
+
width -= delta.x;
|
|
127
|
+
height += delta.y;
|
|
128
|
+
break;
|
|
129
|
+
case "e":
|
|
130
|
+
width += delta.x;
|
|
131
|
+
break;
|
|
132
|
+
case "w":
|
|
133
|
+
x += delta.x;
|
|
134
|
+
width -= delta.x;
|
|
135
|
+
break;
|
|
136
|
+
case "n":
|
|
137
|
+
y += delta.y;
|
|
138
|
+
height -= delta.y;
|
|
139
|
+
break;
|
|
140
|
+
case "s":
|
|
141
|
+
height += delta.y;
|
|
142
|
+
break;
|
|
143
|
+
}
|
|
144
|
+
return { ...data, x, y, width: Math.max(40, width), height: Math.max(24, height) };
|
|
145
|
+
}
|
|
146
|
+
function createDefault(params) {
|
|
147
|
+
return {
|
|
148
|
+
id: params.id,
|
|
149
|
+
type: "text",
|
|
150
|
+
x: params.x,
|
|
151
|
+
y: params.y,
|
|
152
|
+
width: 200,
|
|
153
|
+
height: 28,
|
|
154
|
+
style: { ...DEFAULT_STYLE, fill: "transparent", strokeWidth: 0 },
|
|
155
|
+
text: "",
|
|
156
|
+
fontSize: 16,
|
|
157
|
+
fontFamily: "system-ui, sans-serif",
|
|
158
|
+
isEditing: false,
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
// ── Icon ──
|
|
162
|
+
function TextIcon() {
|
|
163
|
+
return (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: _jsx("text", { x: "10", y: "15", textAnchor: "middle", fontSize: "14", fontWeight: "bold", fill: "currentColor", fontFamily: "serif", children: "T" }) }));
|
|
164
|
+
}
|
|
165
|
+
// ── Plugin ──
|
|
166
|
+
export const textPlugin = {
|
|
167
|
+
id: "usketch-plugin-shape-text",
|
|
168
|
+
name: "テキスト",
|
|
169
|
+
setup(ctx) {
|
|
170
|
+
// ── State Machine ──
|
|
171
|
+
const service = createTextEditingService(ctx);
|
|
172
|
+
const { send, matches, stop: stopMachine } = service;
|
|
173
|
+
// ── CustomEvent listeners ──
|
|
174
|
+
const onTextInput = (e) => {
|
|
175
|
+
const { id, text, scrollHeight } = e.detail;
|
|
176
|
+
send({ type: "TEXT_INPUT", id, text, scrollHeight });
|
|
177
|
+
};
|
|
178
|
+
const onTextBlur = (e) => {
|
|
179
|
+
const { id } = e.detail;
|
|
180
|
+
requestAnimationFrame(() => {
|
|
181
|
+
send({ type: "TEXT_BLUR", id });
|
|
182
|
+
});
|
|
183
|
+
};
|
|
184
|
+
const onTextEscape = (e) => {
|
|
185
|
+
const { id } = e.detail;
|
|
186
|
+
send({ type: "TEXT_ESCAPE", id });
|
|
187
|
+
};
|
|
188
|
+
window.addEventListener("usketch:text-input", onTextInput);
|
|
189
|
+
window.addEventListener("usketch:text-blur", onTextBlur);
|
|
190
|
+
window.addEventListener("usketch:text-escape", onTextEscape);
|
|
191
|
+
// ── Global pointerdown to exit edit mode on outside click ──
|
|
192
|
+
const onWindowPointerDown = (e) => {
|
|
193
|
+
if (!matches("editing"))
|
|
194
|
+
return;
|
|
195
|
+
// If the click target is inside the editing contentEditable, ignore
|
|
196
|
+
// e.target can be a Text node, so walk up to nearest Element
|
|
197
|
+
const target = e.target instanceof Element ? e.target : e.target.parentElement;
|
|
198
|
+
if (target?.closest("[contenteditable=true]"))
|
|
199
|
+
return;
|
|
200
|
+
send({ type: "OUTSIDE_CLICK" });
|
|
201
|
+
};
|
|
202
|
+
window.addEventListener("pointerdown", onWindowPointerDown, true);
|
|
203
|
+
// ── Double-click detection via EventBus ──
|
|
204
|
+
const offPointerDown = ctx.events.on("canvas:pointerdown", (event) => {
|
|
205
|
+
// Find text shape under pointer
|
|
206
|
+
const shapes = ctx.store.getShapes();
|
|
207
|
+
let hitShapeId = null;
|
|
208
|
+
for (const [id, shape] of shapes) {
|
|
209
|
+
if (shape.type === "text" && hitTest(shape, event.worldPoint)) {
|
|
210
|
+
hitShapeId = id;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
send({ type: "POINTER_DOWN", shapeId: hitShapeId });
|
|
214
|
+
});
|
|
215
|
+
// ── Selection change monitoring ──
|
|
216
|
+
const unsubscribe = ctx.store.subscribe(() => {
|
|
217
|
+
const editingShapeId = service.context.editingShapeId;
|
|
218
|
+
if (!editingShapeId)
|
|
219
|
+
return;
|
|
220
|
+
const selection = ctx.store.getSelection();
|
|
221
|
+
if (!selection.has(editingShapeId)) {
|
|
222
|
+
send({ type: "DESELECTED" });
|
|
223
|
+
}
|
|
224
|
+
});
|
|
225
|
+
// ── Shape registration ──
|
|
226
|
+
ctx.shapes.register("text", {
|
|
227
|
+
render,
|
|
228
|
+
getBounds,
|
|
229
|
+
hitTest: withRotation(hitTest),
|
|
230
|
+
resize,
|
|
231
|
+
createDefault,
|
|
232
|
+
renderTarget: "html",
|
|
233
|
+
minSize: { width: 40, height: 24 },
|
|
234
|
+
simplifiedComponent: SimplifiedText,
|
|
235
|
+
});
|
|
236
|
+
// ── Draw tool registration ──
|
|
237
|
+
ctx.tools.register("text-draw", {
|
|
238
|
+
icon: TextIcon,
|
|
239
|
+
cursor: "text",
|
|
240
|
+
shortcut: "t",
|
|
241
|
+
order: 25,
|
|
242
|
+
onPointerDown(toolCtx, event) {
|
|
243
|
+
const id = generateId();
|
|
244
|
+
const defaults = createDefault({ id, x: event.worldPoint.x, y: event.worldPoint.y });
|
|
245
|
+
// Anchor: left-center (shift Y up by half height)
|
|
246
|
+
const shape = { ...defaults, y: defaults.y - defaults.height / 2 };
|
|
247
|
+
toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
|
|
248
|
+
toolCtx.store.setSelection([id]);
|
|
249
|
+
toolCtx.store.setActiveToolId("select");
|
|
250
|
+
send({ type: "CREATE_SHAPE", shapeId: id });
|
|
251
|
+
},
|
|
252
|
+
onPointerMove() { },
|
|
253
|
+
onPointerUp() { },
|
|
254
|
+
});
|
|
255
|
+
// ── Teardown ──
|
|
256
|
+
this.teardown = () => {
|
|
257
|
+
stopMachine();
|
|
258
|
+
window.removeEventListener("usketch:text-input", onTextInput);
|
|
259
|
+
window.removeEventListener("usketch:text-blur", onTextBlur);
|
|
260
|
+
window.removeEventListener("usketch:text-escape", onTextEscape);
|
|
261
|
+
window.removeEventListener("pointerdown", onWindowPointerDown, true);
|
|
262
|
+
offPointerDown();
|
|
263
|
+
unsubscribe();
|
|
264
|
+
};
|
|
265
|
+
},
|
|
266
|
+
};
|
|
267
|
+
//# 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,42 @@
|
|
|
1
|
+
import type { PluginContext } from "@edv4h/usketch-shared";
|
|
2
|
+
type TextEvent = {
|
|
3
|
+
type: "POINTER_DOWN";
|
|
4
|
+
shapeId: string | null;
|
|
5
|
+
} | {
|
|
6
|
+
type: "CREATE_SHAPE";
|
|
7
|
+
shapeId: string;
|
|
8
|
+
} | {
|
|
9
|
+
type: "ENTER_EDIT";
|
|
10
|
+
} | {
|
|
11
|
+
type: "CLICK_TIMEOUT";
|
|
12
|
+
} | {
|
|
13
|
+
type: "SETTLE_TIMEOUT";
|
|
14
|
+
} | {
|
|
15
|
+
type: "TEXT_INPUT";
|
|
16
|
+
id: string;
|
|
17
|
+
text: string;
|
|
18
|
+
scrollHeight: number;
|
|
19
|
+
} | {
|
|
20
|
+
type: "TEXT_BLUR";
|
|
21
|
+
id: string;
|
|
22
|
+
} | {
|
|
23
|
+
type: "TEXT_ESCAPE";
|
|
24
|
+
id: string;
|
|
25
|
+
} | {
|
|
26
|
+
type: "OUTSIDE_CLICK";
|
|
27
|
+
} | {
|
|
28
|
+
type: "DESELECTED";
|
|
29
|
+
};
|
|
30
|
+
export type { TextEvent };
|
|
31
|
+
export declare function createTextEditingService(pluginCtx: PluginContext): {
|
|
32
|
+
send: (event: TextEvent) => void;
|
|
33
|
+
readonly context: {
|
|
34
|
+
editingShapeId: string | null;
|
|
35
|
+
textSnapshot: string | null;
|
|
36
|
+
heightSnapshot: number | null;
|
|
37
|
+
clickedShapeId: string | null;
|
|
38
|
+
};
|
|
39
|
+
matches: (...values: string[]) => boolean;
|
|
40
|
+
stop(): void;
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=text-editing-machine.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-editing-machine.d.ts","sourceRoot":"","sources":["../src/text-editing-machine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO3D,KAAK,SAAS,GACX;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GACtE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAyP1B,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,aAAa;;;;;;;;yBAgB1C,MAAM,EAAE;;EAa9B"}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { createDeleteShapeCommand, createUpdateShapeCommand } from "@edv4h/usketch-store";
|
|
2
|
+
import { createMachine } from "@zag-js/core";
|
|
3
|
+
import { VanillaMachine } from "@zag-js/vanilla";
|
|
4
|
+
// ── Machine Definition ──
|
|
5
|
+
const textEditingMachine = createMachine({
|
|
6
|
+
initialState: () => "idle",
|
|
7
|
+
context({ bindable }) {
|
|
8
|
+
return {
|
|
9
|
+
editingShapeId: bindable(() => ({ defaultValue: null })),
|
|
10
|
+
textSnapshot: bindable(() => ({ defaultValue: null })),
|
|
11
|
+
heightSnapshot: bindable(() => ({ defaultValue: null })),
|
|
12
|
+
clickedShapeId: bindable(() => ({ defaultValue: null })),
|
|
13
|
+
};
|
|
14
|
+
},
|
|
15
|
+
refs() {
|
|
16
|
+
return {
|
|
17
|
+
clickTimer: null,
|
|
18
|
+
settleTimer: null,
|
|
19
|
+
pluginCtx: null,
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
states: {
|
|
23
|
+
idle: {
|
|
24
|
+
on: {
|
|
25
|
+
POINTER_DOWN: [
|
|
26
|
+
{ guard: "hasShape", target: "clicked", actions: ["setClicked", "startClickTimer"] },
|
|
27
|
+
],
|
|
28
|
+
CREATE_SHAPE: { target: "creating", actions: ["setEditing"] },
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
clicked: {
|
|
32
|
+
on: {
|
|
33
|
+
POINTER_DOWN: [
|
|
34
|
+
{ guard: "isSameShape", target: "editing", actions: ["setEditing", "enterEdit"] },
|
|
35
|
+
{
|
|
36
|
+
guard: "hasShape",
|
|
37
|
+
target: "clicked",
|
|
38
|
+
actions: ["setClicked", "startClickTimer"],
|
|
39
|
+
reenter: true,
|
|
40
|
+
},
|
|
41
|
+
{ target: "idle", actions: ["clearClicked"] },
|
|
42
|
+
],
|
|
43
|
+
CLICK_TIMEOUT: { target: "idle", actions: ["clearClicked"] },
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
creating: {
|
|
47
|
+
entry: ["sendEnterEdit"],
|
|
48
|
+
on: {
|
|
49
|
+
ENTER_EDIT: { target: "editing", actions: ["enterEdit"] },
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
editing: {
|
|
53
|
+
initial: "settling",
|
|
54
|
+
states: {
|
|
55
|
+
settling: {
|
|
56
|
+
entry: ["startSettleTimer"],
|
|
57
|
+
on: {
|
|
58
|
+
TEXT_INPUT: { guard: "isEditingTarget", actions: ["updateText"] },
|
|
59
|
+
TEXT_ESCAPE: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
|
|
60
|
+
DESELECTED: { target: "idle", actions: ["exitEdit"] },
|
|
61
|
+
SETTLE_TIMEOUT: { target: "active" },
|
|
62
|
+
// TEXT_BLUR and OUTSIDE_CLICK are ignored in settling
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
active: {
|
|
66
|
+
on: {
|
|
67
|
+
TEXT_INPUT: { guard: "isEditingTarget", actions: ["updateText"] },
|
|
68
|
+
TEXT_BLUR: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
|
|
69
|
+
OUTSIDE_CLICK: { target: "idle", actions: ["exitEdit"] },
|
|
70
|
+
TEXT_ESCAPE: { guard: "isEditingTarget", target: "idle", actions: ["exitEdit"] },
|
|
71
|
+
DESELECTED: { target: "idle", actions: ["exitEdit"] },
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
implementations: {
|
|
78
|
+
guards: {
|
|
79
|
+
hasShape({ event }) {
|
|
80
|
+
return event.shapeId != null;
|
|
81
|
+
},
|
|
82
|
+
isSameShape({ context, event }) {
|
|
83
|
+
return event.shapeId != null && event.shapeId === context.get("clickedShapeId");
|
|
84
|
+
},
|
|
85
|
+
isEditingTarget({ context, event }) {
|
|
86
|
+
return event.id === context.get("editingShapeId");
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
actions: {
|
|
90
|
+
setClicked({ context, event, refs }) {
|
|
91
|
+
// Clear previous timer
|
|
92
|
+
const prev = refs.get("clickTimer");
|
|
93
|
+
if (prev != null)
|
|
94
|
+
clearTimeout(prev);
|
|
95
|
+
context.set("clickedShapeId", event.shapeId);
|
|
96
|
+
},
|
|
97
|
+
startClickTimer({ refs, send }) {
|
|
98
|
+
const prev = refs.get("clickTimer");
|
|
99
|
+
if (prev != null)
|
|
100
|
+
clearTimeout(prev);
|
|
101
|
+
const timer = setTimeout(() => {
|
|
102
|
+
send({ type: "CLICK_TIMEOUT" });
|
|
103
|
+
}, 300);
|
|
104
|
+
refs.set("clickTimer", timer);
|
|
105
|
+
},
|
|
106
|
+
clearClicked({ context, refs }) {
|
|
107
|
+
context.set("clickedShapeId", null);
|
|
108
|
+
const timer = refs.get("clickTimer");
|
|
109
|
+
if (timer != null) {
|
|
110
|
+
clearTimeout(timer);
|
|
111
|
+
refs.set("clickTimer", null);
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
setEditing({ context, event }) {
|
|
115
|
+
context.set("editingShapeId", event.shapeId);
|
|
116
|
+
},
|
|
117
|
+
enterEdit({ context, refs }) {
|
|
118
|
+
const id = context.get("editingShapeId");
|
|
119
|
+
if (!id)
|
|
120
|
+
return;
|
|
121
|
+
const pluginCtx = refs.get("pluginCtx");
|
|
122
|
+
const shape = pluginCtx.store.getShape(id);
|
|
123
|
+
if (!shape || shape.type !== "text")
|
|
124
|
+
return;
|
|
125
|
+
context.set("textSnapshot", shape.text ?? "");
|
|
126
|
+
context.set("heightSnapshot", shape.height);
|
|
127
|
+
// Clear click state
|
|
128
|
+
context.set("clickedShapeId", null);
|
|
129
|
+
const clickTimer = refs.get("clickTimer");
|
|
130
|
+
if (clickTimer != null) {
|
|
131
|
+
clearTimeout(clickTimer);
|
|
132
|
+
refs.set("clickTimer", null);
|
|
133
|
+
}
|
|
134
|
+
pluginCtx.store.updateShape(id, { isEditing: true });
|
|
135
|
+
},
|
|
136
|
+
startSettleTimer({ refs, send }) {
|
|
137
|
+
const prev = refs.get("settleTimer");
|
|
138
|
+
if (prev != null)
|
|
139
|
+
clearTimeout(prev);
|
|
140
|
+
const timer = setTimeout(() => {
|
|
141
|
+
send({ type: "SETTLE_TIMEOUT" });
|
|
142
|
+
}, 200);
|
|
143
|
+
refs.set("settleTimer", timer);
|
|
144
|
+
},
|
|
145
|
+
exitEdit({ context, refs }) {
|
|
146
|
+
const id = context.get("editingShapeId");
|
|
147
|
+
if (!id)
|
|
148
|
+
return;
|
|
149
|
+
const prevText = context.get("textSnapshot");
|
|
150
|
+
const prevHeight = context.get("heightSnapshot");
|
|
151
|
+
const pluginCtx = refs.get("pluginCtx");
|
|
152
|
+
// Clear settle timer
|
|
153
|
+
const settleTimer = refs.get("settleTimer");
|
|
154
|
+
if (settleTimer != null) {
|
|
155
|
+
clearTimeout(settleTimer);
|
|
156
|
+
refs.set("settleTimer", null);
|
|
157
|
+
}
|
|
158
|
+
const shape = pluginCtx.store.getShape(id);
|
|
159
|
+
if (!shape) {
|
|
160
|
+
context.set("editingShapeId", null);
|
|
161
|
+
context.set("textSnapshot", null);
|
|
162
|
+
context.set("heightSnapshot", null);
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
pluginCtx.store.updateShape(id, { isEditing: false });
|
|
166
|
+
const currentText = shape.text ?? "";
|
|
167
|
+
if (currentText.trim() === "") {
|
|
168
|
+
pluginCtx.commands.execute(createDeleteShapeCommand(pluginCtx.store, id));
|
|
169
|
+
}
|
|
170
|
+
else if (currentText !== prevText) {
|
|
171
|
+
pluginCtx.commands.execute(createUpdateShapeCommand(pluginCtx.store, id, { text: prevText, height: prevHeight ?? shape.height }, { text: currentText, height: shape.height }));
|
|
172
|
+
}
|
|
173
|
+
context.set("editingShapeId", null);
|
|
174
|
+
context.set("textSnapshot", null);
|
|
175
|
+
context.set("heightSnapshot", null);
|
|
176
|
+
},
|
|
177
|
+
updateText({ context, refs, event }) {
|
|
178
|
+
const id = context.get("editingShapeId");
|
|
179
|
+
if (!id)
|
|
180
|
+
return;
|
|
181
|
+
const pluginCtx = refs.get("pluginCtx");
|
|
182
|
+
const shape = pluginCtx.store.getShape(id);
|
|
183
|
+
if (!shape)
|
|
184
|
+
return;
|
|
185
|
+
const newHeight = Math.max(28, event.scrollHeight);
|
|
186
|
+
pluginCtx.store.updateShape(id, { text: event.text, height: newHeight });
|
|
187
|
+
},
|
|
188
|
+
sendEnterEdit({ send }) {
|
|
189
|
+
send({ type: "ENTER_EDIT" });
|
|
190
|
+
},
|
|
191
|
+
},
|
|
192
|
+
},
|
|
193
|
+
});
|
|
194
|
+
export function createTextEditingService(pluginCtx) {
|
|
195
|
+
const machine = new VanillaMachine(textEditingMachine);
|
|
196
|
+
// Inject pluginCtx into refs before start
|
|
197
|
+
machine.refs.set("pluginCtx", pluginCtx);
|
|
198
|
+
machine.start();
|
|
199
|
+
return {
|
|
200
|
+
send: machine.send,
|
|
201
|
+
get context() {
|
|
202
|
+
return {
|
|
203
|
+
editingShapeId: machine.context.get("editingShapeId"),
|
|
204
|
+
textSnapshot: machine.context.get("textSnapshot"),
|
|
205
|
+
heightSnapshot: machine.context.get("heightSnapshot"),
|
|
206
|
+
clickedShapeId: machine.context.get("clickedShapeId"),
|
|
207
|
+
};
|
|
208
|
+
},
|
|
209
|
+
matches: (...values) => {
|
|
210
|
+
const state = machine.state.get();
|
|
211
|
+
return values.some((v) => state === v || state.startsWith(`${v}.`));
|
|
212
|
+
},
|
|
213
|
+
stop() {
|
|
214
|
+
// Clear all timers
|
|
215
|
+
const clickTimer = machine.refs.get("clickTimer");
|
|
216
|
+
if (clickTimer != null)
|
|
217
|
+
clearTimeout(clickTimer);
|
|
218
|
+
const settleTimer = machine.refs.get("settleTimer");
|
|
219
|
+
if (settleTimer != null)
|
|
220
|
+
clearTimeout(settleTimer);
|
|
221
|
+
machine.stop();
|
|
222
|
+
},
|
|
223
|
+
};
|
|
224
|
+
}
|
|
225
|
+
//# sourceMappingURL=text-editing-machine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-editing-machine.js","sourceRoot":"","sources":["../src/text-editing-machine.ts"],"names":[],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@edv4h/usketch-plugin-shape-text",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"source": "./src/index.ts",
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.js"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@zag-js/core": "^1.37.0",
|
|
16
|
+
"@zag-js/vanilla": "^1.37.0",
|
|
17
|
+
"@edv4h/usketch-core": "1.0.0",
|
|
18
|
+
"@edv4h/usketch-shared": "1.0.0",
|
|
19
|
+
"@edv4h/usketch-store": "1.0.0"
|
|
20
|
+
},
|
|
21
|
+
"peerDependencies": {
|
|
22
|
+
"react": ">=19"
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"@types/react": "19.2.14",
|
|
26
|
+
"typescript": "5.9.3",
|
|
27
|
+
"vitest": "3.2.4"
|
|
28
|
+
},
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"files": [
|
|
33
|
+
"dist",
|
|
34
|
+
"README.md"
|
|
35
|
+
],
|
|
36
|
+
"license": "MIT",
|
|
37
|
+
"repository": {
|
|
38
|
+
"type": "git",
|
|
39
|
+
"url": "git+https://github.com/EdV4H/usketch.git",
|
|
40
|
+
"directory": "plugins/usketch-plugin-shape-text"
|
|
41
|
+
},
|
|
42
|
+
"homepage": "https://github.com/EdV4H/usketch#readme",
|
|
43
|
+
"bugs": {
|
|
44
|
+
"url": "https://github.com/EdV4H/usketch/issues"
|
|
45
|
+
},
|
|
46
|
+
"scripts": {
|
|
47
|
+
"build": "tsc -p tsconfig.json",
|
|
48
|
+
"typecheck": "tsc --noEmit",
|
|
49
|
+
"test": "vitest run --passWithNoTests",
|
|
50
|
+
"clean": "rm -rf dist"
|
|
51
|
+
}
|
|
52
|
+
}
|