@edv4h/usketch-plugin-shape-text 3.0.20 → 3.1.0

package/dist/dom-text-measurer.d.ts

@@ -0,0 +1,11 @@
+import type { TextMeasurer } from "./text-sizing.js";
+/**
+ * Measures unwrapped text with a hidden element styled like the text shape's
+ * renderer (padding 4, line-height 1.4, border-box). Lives outside the canvas
+ * so the camera zoom doesn't scale the result.
+ */
+export declare function createDomTextMeasurer(): {
+    measure: TextMeasurer;
+    dispose: () => void;
+};
+//# sourceMappingURL=dom-text-measurer.d.ts.map

package/dist/dom-text-measurer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-text-measurer.d.ts","sourceRoot":"","sources":["../src/dom-text-measurer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI;IAAE,OAAO,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAsCtF"}

package/dist/dom-text-measurer.js

@@ -0,0 +1,44 @@
+/**
+ * Measures unwrapped text with a hidden element styled like the text shape's
+ * renderer (padding 4, line-height 1.4, border-box). Lives outside the canvas
+ * so the camera zoom doesn't scale the result.
+ */
+export function createDomTextMeasurer() {
+    let el = null;
+    const measure = ({ text, fontSize, fontFamily }) => {
+        if (typeof document === "undefined")
+            return { width: 0, height: 0 };
+        if (!el) {
+            el = document.createElement("div");
+            Object.assign(el.style, {
+                position: "absolute",
+                left: "-99999px",
+                top: "0",
+                visibility: "hidden",
+                pointerEvents: "none",
+                display: "inline-block",
+                whiteSpace: "pre",
+                lineHeight: "1.4",
+                padding: "4px",
+                boxSizing: "border-box",
+            });
+            el.setAttribute("aria-hidden", "true");
+            document.body.appendChild(el);
+        }
+        el.style.fontSize = `${fontSize}px`;
+        el.style.fontFamily = fontFamily;
+        // An empty text or a trailing newline still occupies a line in the editor;
+        // a zero-width space keeps that line measurable.
+        el.textContent = text === "" || text.endsWith("\n") ? `${text}​` : text;
+        const rect = el.getBoundingClientRect();
+        return { width: rect.width, height: rect.height };
+    };
+    return {
+        measure,
+        dispose() {
+            el?.remove();
+            el = null;
+        },
+    };
+}
+//# sourceMappingURL=dom-text-measurer.js.map

package/dist/dom-text-measurer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-text-measurer.js","sourceRoot":"","sources":["../src/dom-text-measurer.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,qBAAqB;IACpC,IAAI,EAAE,GAA0B,IAAI,CAAC;IAErC,MAAM,OAAO,GAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE;QAChE,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACpE,IAAI,CAAC,EAAE,EAAE,CAAC;YACT,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;gBACvB,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,UAAU;gBAChB,GAAG,EAAE,GAAG;gBACR,UAAU,EAAE,QAAQ;gBACpB,aAAa,EAAE,MAAM;gBACrB,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;gBACjB,OAAO,EAAE,KAAK;gBACd,SAAS,EAAE,YAAY;aACvB,CAAC,CAAC;YACH,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC/B,CAAC;QACD,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,QAAQ,IAAI,CAAC;QACpC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;QACjC,2EAA2E;QAC3E,iDAAiD;QACjD,EAAE,CAAC,WAAW,GAAG,IAAI,KAAK,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO;QACN,OAAO;QACP,OAAO;YACN,EAAE,EAAE,MAAM,EAAE,CAAC;YACb,EAAE,GAAG,IAAI,CAAC;QACX,CAAC;KACD,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export { createTextPlugin } from "./plugin.js";
+export { createTextPlugin, type TextShapeData } from "./plugin.js";
+export { AUTO_WIDTH_MIN, applyTextBounds, computeAutoFitPatch, fitTextOnInput, fitTextToContent, keepTopLeft, resizeText, type TextMeasurer, WIDTH_JITTER, } from "./text-sizing.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EACN,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,KAAK,YAAY,EACjB,YAAY,GACZ,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { createTextPlugin } from "./plugin.js";
+export { AUTO_WIDTH_MIN, applyTextBounds, computeAutoFitPatch, fitTextOnInput, fitTextToContent, keepTopLeft, resizeText, WIDTH_JITTER, } from "./text-sizing.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAsB,MAAM,aAAa,CAAC;AACnE,OAAO,EACN,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,UAAU,EAEV,YAAY,GACZ,MAAM,kBAAkB,CAAC"}

package/dist/plugin.d.ts

@@ -5,6 +5,12 @@ export interface TextShapeData extends ShapeData {
     fontSize: number;
     fontFamily: string;
     isEditing: boolean;
+    /**
+     * true: auto width (no wrapping, width follows the longest line).
+     * false / absent: fixed width (wraps). Texts saved before auto width
+     * existed have no flag and keep their fixed width.
+     */
+    autoWidth?: boolean;
 }
 export declare function createTextPlugin(): UsketchPlugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAQN,KAAK,SAAS,EAEd,KAAK,aAAa,EAElB,MAAM,uBAAuB,CAAC;AAG/B,iEAAiE;AACjE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACnB;AAmLD,wBAAgB,gBAAgB,IAAI,aAAa,CAuDhD"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAQN,KAAK,SAAS,EAEd,KAAK,aAAa,EAElB,MAAM,uBAAuB,CAAC;AAY/B,iEAAiE;AACjE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAmJD,wBAAgB,gBAAgB,IAAI,aAAa,CA+EhD"}

package/dist/plugin.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createEditableTextController, editableTextProps } from "@edv4h/usketch-shape-utils";
-import { DEFAULT_STYLE, generateId, withRotation, } from "@edv4h/usketch-shared";
+import { DEFAULT_STYLE, generateId, getContainerLayout, withRotation, } from "@edv4h/usketch-shared";
 import { createAddShapeCommand } from "@edv4h/usketch-store";
+import { createDomTextMeasurer } from "./dom-text-measurer.js";
+import { AUTO_WIDTH_MIN, applyTextBounds, fitTextOnInput, fitTextToContent, isSideHandle, resizeText, } from "./text-sizing.js";
 /**
  * LOD component: first line of text, truncated. Dropped editing + focus ring.
  */
@@ -31,8 +33,9 @@ function SimplifiedText({ shape }) {
 const textStyle = (data) => ({
     width: "100%",
     height: "100%",
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word",
+    // Auto width never wraps — the shape widens to the longest line instead.
+    whiteSpace: data.autoWidth ? "pre" : "pre-wrap",
+    wordBreak: data.autoWidth ? undefined : "break-word",
     outline: "none",
     fontFamily: data.fontFamily ?? "system-ui, sans-serif",
     fontSize: data.fontSize ?? 16,
@@ -58,45 +61,12 @@ function hitTest(data, point) {
         point.y >= data.y &&
         point.y <= data.y + data.height);
 }
-function resize(data, handle, delta) {
-    let { x, y, width, height } = data;
-    switch (handle) {
-        case "se":
-            width += delta.x;
-            height += delta.y;
-            break;
-        case "nw":
-            x += delta.x;
-            y += delta.y;
-            width -= delta.x;
-            height -= delta.y;
-            break;
-        case "ne":
-            y += delta.y;
-            width += delta.x;
-            height -= delta.y;
-            break;
-        case "sw":
-            x += delta.x;
-            width -= delta.x;
-            height += delta.y;
-            break;
-        case "e":
-            width += delta.x;
-            break;
-        case "w":
-            x += delta.x;
-            width -= delta.x;
-            break;
-        case "n":
-            y += delta.y;
-            height -= delta.y;
-            break;
-        case "s":
-            height += delta.y;
-            break;
-    }
-    return { ...data, x, y, width: Math.max(40, width), height: Math.max(24, height) };
+/** Whether the shape's parent is a container that lays out (and sizes) its children. */
+function isInLayoutContainer(ctx, shape) {
+    if (typeof shape.parentId !== "string")
+        return false;
+    const parent = ctx.store.getShape(shape.parentId);
+    return !!parent && !!getContainerLayout(ctx.shapes.get(parent.type));
 }
 function createDefault(params) {
     return {
@@ -126,6 +96,7 @@ function debugFields(shape) {
         fontSize: data.fontSize ?? 16,
         fontFamily: data.fontFamily ?? "system-ui, sans-serif",
         isEditing: data.isEditing ?? false,
+        autoWidth: data.autoWidth ?? false,
     };
 }
 // ── Icon ──
@@ -138,6 +109,7 @@ export function createTextPlugin() {
         id: "usketch-plugin-shape-text",
         name: "テキスト",
         setup(ctx) {
+            const measurer = createDomTextMeasurer();
             // Shared editable-text controller (machine + DOM/canvas wiring).
             const editor = createEditableTextController(ctx, {
                 isEditableType: (type) => type === "text",
@@ -145,19 +117,35 @@ export function createTextPlugin() {
                 growHeight: true,
                 minHeight: 28,
                 deleteWhenEmpty: true,
+                fitOnInput: (shape, text, next) => fitTextOnInput(shape, text, measurer.measure, {
+                    height: next.height,
+                    laidOut: isInLayoutContainer(ctx, shape),
+                }),
             });
             // ── Shape registration ──
             ctx.shapes.register("text", {
                 render,
                 getBounds,
                 hitTest: withRotation(hitTest),
-                resize,
+                resize: resizeText,
+                applyBounds: applyTextBounds,
                 createDefault,
                 renderTarget: "html",
                 minSize: { width: 40, height: 24 },
                 simplifiedComponent: SimplifiedText,
                 serializeForAi,
                 debugFields,
+                onHandleDoubleClick(toolCtx, data, handle) {
+                    if (!isSideHandle(handle))
+                        return false;
+                    const command = fitTextToContent(toolCtx.store, data.id, measurer.measure);
+                    if (command)
+                        toolCtx.commands.execute(command);
+                    // The canvas emits this pointer-down to the editor right after the
+                    // tool; without this it would also count as a double-click to edit.
+                    editor.cancelPendingClick();
+                    return true;
+                },
             });
             // ── Draw tool registration ──
             ctx.tools.register("text-draw", {
@@ -168,8 +156,14 @@ export function createTextPlugin() {
                 onPointerDown(toolCtx, event) {
                     const id = generateId();
                     const defaults = createDefault({ id, x: event.worldPoint.x, y: event.worldPoint.y });
-                    // Anchor: left-center (shift Y up by half height)
-                    const shape = { ...defaults, y: defaults.y - defaults.height / 2 };
+                    // Anchor: left-center (shift Y up by half height). New text starts
+                    // in auto width and grows to the right as the user types.
+                    const shape = {
+                        ...defaults,
+                        y: defaults.y - defaults.height / 2,
+                        autoWidth: true,
+                        width: AUTO_WIDTH_MIN,
+                    };
                     toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
                     toolCtx.store.setSelection([id]);
                     toolCtx.store.resetToDefaultTool();
@@ -181,6 +175,7 @@ export function createTextPlugin() {
             // ── Teardown ──
             return () => {
                 editor.teardown();
+                measurer.dispose();
             };
         },
     };

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}

package/dist/text-sizing.d.ts

@@ -0,0 +1,70 @@
+import { type BoardStore, type BoundingBox, type Command, type Point, type ResizeHandle, type ShapeData } from "@edv4h/usketch-shared";
+/**
+ * Figma-style text sizing.
+ *
+ * - `autoWidth: true` — no wrapping; the width follows the longest line.
+ * - `autoWidth: false` / absent — fixed width; text wraps inside it. Text shapes
+ *   saved before auto width existed have no flag and stay fixed width.
+ */
+/** Smallest auto width, so an empty text still shows its caret. */
+export declare const AUTO_WIDTH_MIN = 16;
+/**
+ * Width changes smaller than this (world px) are hand jitter — e.g. the first
+ * click of a handle double-click — and keep the width (and auto width) as is.
+ */
+export declare const WIDTH_JITTER = 2;
+/** Unwrapped box size (padding included) of `text` rendered in the given font. */
+export type TextMeasurer = (input: {
+    text: string;
+    fontSize: number;
+    fontFamily: string;
+}) => {
+    width: number;
+    height: number;
+};
+type TextLike = ShapeData & {
+    text?: string;
+    fontSize?: number;
+    fontFamily?: string;
+    autoWidth?: boolean;
+};
+/** Handles that change the width — dragging one turns auto width into fixed width. */
+export declare function isHorizontalHandle(handle: ResizeHandle): boolean;
+/** Handles whose double-click returns the text to auto width. */
+export declare function isSideHandle(handle: ResizeHandle): boolean;
+export declare function resizeText(data: ShapeData, handle: ResizeHandle, delta: Point): ShapeData;
+/**
+ * `ShapeDefinition.applyBounds` for multi-selection resize, which bypasses
+ * `resize`: a real width change turns auto width into fixed width there too.
+ */
+export declare function applyTextBounds(data: ShapeData, bounds: BoundingBox): Partial<ShapeData>;
+/**
+ * Position that keeps a rotated shape's top-left corner where it is when its
+ * size changes to `width` × `height`. A shape rotates around its center, so a
+ * new size alone would shift the visible left / top edges. Null when unrotated.
+ */
+export declare function keepTopLeft(data: ShapeData, width: number, height: number): Point | null;
+/** Patch that returns the text to auto width, fitted to its content. */
+export declare function computeAutoFitPatch(data: ShapeData, measure: TextMeasurer): {
+    autoWidth: true;
+    width: number;
+    height: number;
+};
+/**
+ * Geometry patch applied while typing. Auto-width text follows its content.
+ * A rotated text keeps its top-left corner in place as it grows (`height` is
+ * the height the editor is about to apply). Inside a container that lays out
+ * its children (and so sets their width), the text switches to fixed width
+ * instead of fighting the layout over the width.
+ */
+export declare function fitTextOnInput(data: ShapeData, text: string, measure: TextMeasurer, options?: {
+    height?: number;
+    laidOut?: boolean;
+}): Partial<TextLike> | null;
+/**
+ * Return a text shape to auto width and fit it to its content (the left edge
+ * stays put). Returns the undoable command, or null when nothing would change.
+ */
+export declare function fitTextToContent(store: BoardStore, shapeId: string, measure: TextMeasurer): Command | null;
+export {};
+//# sourceMappingURL=text-sizing.d.ts.map

package/dist/text-sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-sizing.d.ts","sourceRoot":"","sources":["../src/text-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,KAAK,EACV,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,MAAM,uBAAuB,CAAC;AAG/B;;;;;;GAMG;AAEH,mEAAmE;AACnE,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,kFAAkF;AAClF,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,KAAK;IAC7F,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,QAAQ,GAAG,SAAS,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAEhE;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAE1D;AAUD,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAwDzF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC,SAAS,CAAC,CAMxF;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAaxF;AAED,wEAAwE;AACxE,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,GACnB;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAOpD;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC7B,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,YAAY,EACrB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAClD,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAY1B;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,YAAY,GACnB,OAAO,GAAG,IAAI,CAchB"}

package/dist/text-sizing.js

@@ -0,0 +1,168 @@
+import { safeRotation, } from "@edv4h/usketch-shared";
+import { createUpdateShapeCommand } from "@edv4h/usketch-store";
+/**
+ * Figma-style text sizing.
+ *
+ * - `autoWidth: true` — no wrapping; the width follows the longest line.
+ * - `autoWidth: false` / absent — fixed width; text wraps inside it. Text shapes
+ *   saved before auto width existed have no flag and stay fixed width.
+ */
+/** Smallest auto width, so an empty text still shows its caret. */
+export const AUTO_WIDTH_MIN = 16;
+/**
+ * Width changes smaller than this (world px) are hand jitter — e.g. the first
+ * click of a handle double-click — and keep the width (and auto width) as is.
+ */
+export const WIDTH_JITTER = 2;
+const HORIZONTAL_HANDLES = new Set(["e", "w", "ne", "nw", "se", "sw"]);
+/** Handles that change the width — dragging one turns auto width into fixed width. */
+export function isHorizontalHandle(handle) {
+    return HORIZONTAL_HANDLES.has(handle);
+}
+/** Handles whose double-click returns the text to auto width. */
+export function isSideHandle(handle) {
+    return handle === "e" || handle === "w";
+}
+function measureText(data, text, measure) {
+    return measure({
+        text,
+        fontSize: data.fontSize ?? 16,
+        fontFamily: data.fontFamily ?? "system-ui, sans-serif",
+    });
+}
+export function resizeText(data, handle, delta) {
+    let { x, y, width, height } = data;
+    switch (handle) {
+        case "se":
+            width += delta.x;
+            height += delta.y;
+            break;
+        case "nw":
+            x += delta.x;
+            y += delta.y;
+            width -= delta.x;
+            height -= delta.y;
+            break;
+        case "ne":
+            y += delta.y;
+            width += delta.x;
+            height -= delta.y;
+            break;
+        case "sw":
+            x += delta.x;
+            width -= delta.x;
+            height += delta.y;
+            break;
+        case "e":
+            width += delta.x;
+            break;
+        case "w":
+            x += delta.x;
+            width -= delta.x;
+            break;
+        case "n":
+            y += delta.y;
+            height -= delta.y;
+            break;
+        case "s":
+            height += delta.y;
+            break;
+    }
+    // n/s handles leave the width alone — don't let the min-width clamp widen a
+    // narrow auto-width text (e.g. an empty one) as a side effect. Neither does
+    // a jitter-sized drag of a side handle.
+    if (isHorizontalHandle(handle)) {
+        if (Math.abs(width - data.width) < WIDTH_JITTER) {
+            width = data.width;
+            x = data.x;
+        }
+        else {
+            width = Math.max(40, width);
+        }
+    }
+    const resized = { ...data, x, y, width, height: Math.max(24, height) };
+    // Only an actual width change turns auto width into fixed width; merely
+    // grabbing a handle (or the first half of a double-click) must not.
+    if (data.autoWidth && width !== data.width) {
+        resized.autoWidth = false;
+    }
+    return resized;
+}
+/**
+ * `ShapeDefinition.applyBounds` for multi-selection resize, which bypasses
+ * `resize`: a real width change turns auto width into fixed width there too.
+ */
+export function applyTextBounds(data, bounds) {
+    const patch = { ...bounds };
+    if (data.autoWidth && Math.abs(bounds.width - data.width) >= WIDTH_JITTER) {
+        patch.autoWidth = false;
+    }
+    return patch;
+}
+/**
+ * Position that keeps a rotated shape's top-left corner where it is when its
+ * size changes to `width` × `height`. A shape rotates around its center, so a
+ * new size alone would shift the visible left / top edges. Null when unrotated.
+ */
+export function keepTopLeft(data, width, height) {
+    const rad = (safeRotation(data.rotation) * Math.PI) / 180;
+    if (!rad)
+        return null;
+    const cos = Math.cos(rad);
+    const sin = Math.sin(rad);
+    const rotate = (u, v) => ({ x: u * cos - v * sin, y: u * sin + v * cos });
+    const offset = rotate(-data.width / 2, -data.height / 2);
+    const topLeft = {
+        x: data.x + data.width / 2 + offset.x,
+        y: data.y + data.height / 2 + offset.y,
+    };
+    const toCenter = rotate(width / 2, height / 2);
+    return { x: topLeft.x + toCenter.x - width / 2, y: topLeft.y + toCenter.y - height / 2 };
+}
+/** Patch that returns the text to auto width, fitted to its content. */
+export function computeAutoFitPatch(data, measure) {
+    const size = measureText(data, data.text ?? "", measure);
+    return {
+        autoWidth: true,
+        width: Math.max(AUTO_WIDTH_MIN, Math.ceil(size.width)),
+        height: Math.ceil(size.height),
+    };
+}
+/**
+ * Geometry patch applied while typing. Auto-width text follows its content.
+ * A rotated text keeps its top-left corner in place as it grows (`height` is
+ * the height the editor is about to apply). Inside a container that lays out
+ * its children (and so sets their width), the text switches to fixed width
+ * instead of fighting the layout over the width.
+ */
+export function fitTextOnInput(data, text, measure, options = {}) {
+    const patch = {};
+    let width = data.width;
+    if (data.autoWidth) {
+        if (options.laidOut)
+            return { autoWidth: false };
+        const size = measureText(data, text, measure);
+        width = Math.max(AUTO_WIDTH_MIN, Math.ceil(size.width));
+        patch.width = width;
+    }
+    const position = keepTopLeft(data, width, options.height ?? data.height);
+    if (position)
+        Object.assign(patch, position);
+    return Object.keys(patch).length > 0 ? patch : null;
+}
+/**
+ * Return a text shape to auto width and fit it to its content (the left edge
+ * stays put). Returns the undoable command, or null when nothing would change.
+ */
+export function fitTextToContent(store, shapeId, measure) {
+    const shape = store.getShape(shapeId);
+    if (shape?.type !== "text")
+        return null;
+    const to = computeAutoFitPatch(shape, measure);
+    const from = { autoWidth: shape.autoWidth, width: shape.width, height: shape.height };
+    if (from.autoWidth === to.autoWidth && from.width === to.width && from.height === to.height) {
+        return null;
+    }
+    return createUpdateShapeCommand(store, shapeId, from, to);
+}
+//# sourceMappingURL=text-sizing.js.map

package/dist/text-sizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-sizing.js","sourceRoot":"","sources":["../src/text-sizing.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edv4h/usketch-plugin-shape-text",
-  "version": "3.0.20",
+  "version": "3.1.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,9 +12,9 @@
     }
   },
   "dependencies": {
-    "@edv4h/usketch-shape-utils": "2.3.0",
-    "@edv4h/usketch-shared": "4.17.0",
-    "@edv4h/usketch-store": "3.9.1"
+    "@edv4h/usketch-shape-utils": "2.4.0",
+    "@edv4h/usketch-shared": "4.19.0",
+    "@edv4h/usketch-store": "3.10.0"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@types/react": "19.3.0",
     "typescript": "7.0.2",
-    "vitest": "5.0.4"
+    "vitest": "5.0.5"
   },
   "publishConfig": {
     "access": "public"