@blorkfield/overlay-core 0.8.3 → 0.8.5

package/dist/index.d.cts

@@ -551,6 +551,7 @@ declare class OverlayScene {
     private backgroundManager;
     private lifecycleCallbacks;
     private followTargets;
+    private grabState;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;

package/dist/index.d.ts

@@ -551,6 +551,7 @@ declare class OverlayScene {
     private backgroundManager;
     private lifecycleCallbacks;
     private followTargets;
+    private grabState;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;

package/dist/index.js

@@ -1398,6 +1398,8 @@ var OverlayScene = class {
     };
     // Follow targets for follow-{key} tagged objects
     this.followTargets = /* @__PURE__ */ new Map();
+    // Programmatic grab state - tracks initial positions for relative movement
+    this.grabState = null;
     /** Filter drag events - only allow grabbing objects with 'grabable' tag */
     this.handleStartDrag = (event) => {
       const body = event.body;
@@ -2292,10 +2294,21 @@ var OverlayScene = class {
   setFollowTarget(key, x, y) {
     this.followTargets.set(key, { x, y });
     if (key === "mouse" && this.mouse) {
-      this.mouse.position.x = x;
-      this.mouse.position.y = y;
-      this.mouse.absolute.x = x;
-      this.mouse.absolute.y = y;
+      if (this.grabState && this.mouseConstraint?.constraint.bodyB) {
+        const deltaX = x - this.grabState.grabMouseX;
+        const deltaY = y - this.grabState.grabMouseY;
+        const newX = this.grabState.grabBodyX + deltaX;
+        const newY = this.grabState.grabBodyY + deltaY;
+        this.mouse.position.x = newX;
+        this.mouse.position.y = newY;
+        this.mouse.absolute.x = newX;
+        this.mouse.absolute.y = newY;
+      } else {
+        this.mouse.position.x = x;
+        this.mouse.position.y = y;
+        this.mouse.absolute.x = x;
+        this.mouse.absolute.y = y;
+      }
     }
   }
   /**
@@ -2332,11 +2345,29 @@ var OverlayScene = class {
       const entry = this.findObjectByBody(body);
       if (entry && entry.tags.includes("grabable")) {
         this.mouse.button = 0;
-        this.mouseConstraint.constraint.bodyB = entry.body;
-        this.mouseConstraint.constraint.pointB = {
-          x: position.x - entry.body.position.x,
-          y: position.y - entry.body.position.y
+        this.grabState = {
+          entityId: entry.id,
+          grabMouseX: position.x,
+          grabMouseY: position.y,
+          grabBodyX: entry.body.position.x,
+          grabBodyY: entry.body.position.y
         };
+        this.mouseConstraint.constraint.pointA = {
+          x: entry.body.position.x,
+          y: entry.body.position.y
+        };
+        this.mouseConstraint.constraint.bodyB = entry.body;
+        this.mouseConstraint.constraint.pointB = { x: 0, y: 0 };
+        this.mouse.position.x = entry.body.position.x;
+        this.mouse.position.y = entry.body.position.y;
+        this.mouse.absolute.x = entry.body.position.x;
+        this.mouse.absolute.y = entry.body.position.y;
+        console.log("[overlay-core] startGrab success", {
+          entityId: entry.id,
+          mousePosition: position,
+          bodyPosition: { x: entry.body.position.x, y: entry.body.position.y },
+          grabState: this.grabState
+        });
         return entry.id;
       }
     }
@@ -2352,6 +2383,7 @@ var OverlayScene = class {
     if (this.mouse) {
       this.mouse.button = -1;
     }
+    this.grabState = null;
   }
   /**
    * Get the ID of the currently grabbed object.