@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 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.
@@ -0,0 +1,2 @@
1
+ export { textPlugin } from "./plugin.js";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export { textPlugin } from "./plugin.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { type UsketchPlugin } from "@edv4h/usketch-shared";
2
+ export declare const textPlugin: UsketchPlugin;
3
+ //# sourceMappingURL=plugin.d.ts.map
@@ -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":";AAAA,OAAO,EAGN,aAAa,EACb,UAAU,EAOV,YAAY,GACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE;;GAEG;AACH,SAAS,cAAc,CAAC,EAAE,KAAK,EAAwB;IACtD,MAAM,IAAI,GAAG,MAAM,CAAE,KAAK,CAAC,IAAe,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,MAAM,KAAK,GAAI,KAAK,CAAC,KAAK,EAAE,MAAiB,IAAI,MAAM,CAAC;IACxD,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,OAAO,CACN,cACC,KAAK,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,KAAK,CAAC,CAAC;YACb,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,QAAQ,EAAG,KAAK,CAAC,QAAmB,IAAI,EAAE;YAC1C,UAAU,EAAG,KAAK,CAAC,UAAqB,IAAI,uBAAuB;YACnE,KAAK;YACL,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,MAAM;YACrB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,SAAS;YAC1D,eAAe,EAAE,eAAe;SAChC,YAEA,IAAI,GACA,CACN,CAAC;AACH,CAAC;AAED,yBAAyB;AAEzB,MAAM,SAAS,GAAG,CAAC,IAAe,EAAuB,EAAE,CAAC,CAAC;IAC5D,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAG,IAAI,CAAC,UAAqB,IAAI,uBAAuB;IAClE,QAAQ,EAAG,IAAI,CAAC,QAAmB,IAAI,EAAE;IACzC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;IACxB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;IAC/E,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,YAAY;CACvB,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAAe;IAClC,EAAE,CAAC,KAAK,EAAE,CAAC;IACX,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAClC,IAAI,GAAG,EAAE,CAAC;QACT,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACrC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;AACF,CAAC;AAED,SAAS,MAAM,CAAC,IAAe;IAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACrB,OAAO,CACN,cAAK,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,YAC1E,IAAI,CAAC,IAAe,IAAI,EAAE,GACvB,CACN,CAAC;IACH,CAAC;IAED,OAAO;IACN,oGAAoG;IACpG,cACC,eAAe,EAAC,gBAAgB,EAChC,8BAA8B,QAC9B,IAAI,EAAC,SAAS,oBACC,MAAM,EACrB,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,CAAC,EAAyB,EAAE,EAAE;YAClC,IAAI,CAAC,EAAE;gBAAE,OAAO;YAChB,4DAA4D;YAC5D,6DAA6D;YAC7D,mDAAmD;YACnD,IAAI,EAAE,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO;YAC/B,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB,EAAE,CAAC,WAAW,GAAI,IAAI,CAAC,IAAe,IAAI,EAAE,CAAC;YAC7C,qBAAqB,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC,EACD,OAAO,EAAE,CAAC,CAAkC,EAAE,EAAE;YAC/C,2CAA2C;YAC3C,IAAK,CAAC,CAAC,WAA0B,CAAC,WAAW;gBAAE,OAAO;YACtD,MAAM,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;YAC3B,MAAM,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,oBAAoB,EAAE;gBACrC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE;aAC1E,CAAC,CACF,CAAC;QACH,CAAC,EACD,gBAAgB,EAAE,CAAC,CAAyC,EAAE,EAAE;YAC/D,MAAM,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;YAC3B,MAAM,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,oBAAoB,EAAE;gBACrC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE;aAC1E,CAAC,CACF,CAAC;QACH,CAAC,EACD,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACrC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,2DAA2D;YAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;gBACtD,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAC3F,CAAC;QACF,CAAC,EACD,MAAM,EAAE,CAAC,CAAmC,EAAE,EAAE;YAC/C,6EAA6E;YAC7E,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YACvC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACzF,CAAC,EACD,aAAa,EAAE,CAAC,CAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC7D,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GACvF,CACF,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,IAAe;IACjC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AACzE,CAAC;AAED,SAAS,OAAO,CAAC,IAAe,EAAE,KAAY;IAC7C,OAAO,CACN,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;QAC9B,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAC/B,CAAC;AACH,CAAC;AAED,SAAS,MAAM,CAAC,IAAe,EAAE,MAAoB,EAAE,KAAY;IAClE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACnC,QAAQ,MAAM,EAAE,CAAC;QAChB,KAAK,IAAI;YACR,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,IAAI;YACR,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,IAAI;YACR,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,IAAI;YACR,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,GAAG;YACP,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM;QACP,KAAK,GAAG;YACP,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM;QACP,KAAK,GAAG;YACP,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,GAAG;YACP,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM;IACR,CAAC;IACD,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;AACpF,CAAC;AAED,SAAS,aAAa,CAAC,MAA4C;IAClE,OAAO;QACN,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,IAAI,EAAE,MAAM;QACZ,CAAC,EAAE,MAAM,CAAC,CAAC;QACX,CAAC,EAAE,MAAM,CAAC,CAAC;QACX,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE;QAChE,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,uBAAuB;QACnC,SAAS,EAAE,KAAK;KAChB,CAAC;AACH,CAAC;AAED,aAAa;AAEb,SAAS,QAAQ;IAChB,OAAO,CACN,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,YAC9C,eACC,CAAC,EAAC,IAAI,EACN,CAAC,EAAC,IAAI,EACN,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,cAAc,EACnB,UAAU,EAAC,OAAO,kBAGZ,GACF,CACN,CAAC;AACH,CAAC;AAED,eAAe;AAEf,MAAM,CAAC,MAAM,UAAU,GAAkB;IACxC,EAAE,EAAE,2BAA2B;IAC/B,IAAI,EAAE,MAAM;IAEZ,KAAK,CAAC,GAAkB;QACvB,sBAAsB;QACtB,MAAM,OAAO,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;QAErD,8BAA8B;QAC9B,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAChC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAI,CAAiB,CAAC,MAAM,CAAC;YAC7D,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC/B,MAAM,EAAE,EAAE,EAAE,GAAI,CAAiB,CAAC,MAAM,CAAC;YACzC,qBAAqB,CAAC,GAAG,EAAE;gBAC1B,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,CAAQ,EAAE,EAAE;YACjC,MAAM,EAAE,EAAE,EAAE,GAAI,CAAiB,CAAC,MAAM,CAAC;YACzC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;QACzD,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;QAE7D,8DAA8D;QAC9D,MAAM,mBAAmB,GAAG,CAAC,CAAe,EAAE,EAAE;YAC/C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;gBAAE,OAAO;YAChC,oEAAoE;YACpE,6DAA6D;YAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,MAAe,CAAC,aAAa,CAAC;YACzF,IAAI,MAAM,EAAE,OAAO,CAAC,wBAAwB,CAAC;gBAAE,OAAO;YACtD,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;QAElE,4CAA4C;QAC5C,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAAqB,oBAAoB,EAAE,CAAC,KAAK,EAAE,EAAE;YACxF,gCAAgC;YAChC,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,UAAU,GAAkB,IAAI,CAAC;YACrC,KAAK,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,MAAM,EAAE,CAAC;gBAClC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC/D,UAAU,GAAG,EAAE,CAAC;gBACjB,CAAC;YACF,CAAC;YACD,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,oCAAoC;QACpC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAC5C,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;YACtD,IAAI,CAAC,cAAc;gBAAE,OAAO;YAC5B,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;YAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;gBACpC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;YAC9B,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC3B,MAAM;YACN,SAAS;YACT,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC;YAC9B,MAAM;YACN,aAAa;YACb,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAClC,mBAAmB,EAAE,cAAc;SACnC,CAAC,CAAC;QAEH,+BAA+B;QAC/B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC/B,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,EAAE;YACT,aAAa,CAAC,OAAoB,EAAE,KAAyB;gBAC5D,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;gBACxB,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrF,kDAAkD;gBAClD,MAAM,KAAK,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACnE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBACtE,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBACxC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YAC7C,CAAC;YACD,aAAa,KAAI,CAAC;YAClB,WAAW,KAAI,CAAC;SAChB,CAAC,CAAC;QAEH,iBAAiB;QAChB,IAAsB,CAAC,QAAQ,GAAG,GAAG,EAAE;YACvC,WAAW,EAAE,CAAC;YACd,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;YAC9D,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;YAC5D,MAAM,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;YAChE,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;YACrE,cAAc,EAAE,CAAC;YACjB,WAAW,EAAE,CAAC;QACf,CAAC,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -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
+ }