@blorkfield/overlay-core 0.8.4 → 0.8.6

package/dist/index.d.cts

@@ -537,7 +537,6 @@ declare class OverlayScene {
     private config;
     private animationFrameId;
     private mouse;
-    private mouseConstraint;
     private effectManager;
     private fonts;
     private fontsInitialized;
@@ -551,14 +550,13 @@ declare class OverlayScene {
     private backgroundManager;
     private lifecycleCallbacks;
     private followTargets;
+    private grabbedObjectId;
+    private lastGrabMousePosition;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;
     };
-    constructor(canvas: HTMLCanvasElement, config: OverlaySceneConfig);
-    /** Filter drag events - only allow grabbing objects with 'grabable' tag */
-    private handleStartDrag;
-    /** Handle canvas clicks for click-to-fall behavior */
+    constructor(canvas: HTMLCanvasElement, config: OverlaySceneConfig); /** Handle canvas clicks for click-to-fall behavior */
     private handleCanvasClick;
     /**
      * Handler for Matter.js beforeRender event.

package/dist/index.d.ts

@@ -537,7 +537,6 @@ declare class OverlayScene {
     private config;
     private animationFrameId;
     private mouse;
-    private mouseConstraint;
     private effectManager;
     private fonts;
     private fontsInitialized;
@@ -551,14 +550,13 @@ declare class OverlayScene {
     private backgroundManager;
     private lifecycleCallbacks;
     private followTargets;
+    private grabbedObjectId;
+    private lastGrabMousePosition;
     static createContainer(parent: HTMLElement, options?: ContainerOptions): {
         canvas: HTMLCanvasElement;
         bounds: Bounds;
     };
-    constructor(canvas: HTMLCanvasElement, config: OverlaySceneConfig);
-    /** Filter drag events - only allow grabbing objects with 'grabable' tag */
-    private handleStartDrag;
-    /** Handle canvas clicks for click-to-fall behavior */
+    constructor(canvas: HTMLCanvasElement, config: OverlaySceneConfig); /** Handle canvas clicks for click-to-fall behavior */
     private handleCanvasClick;
     /**
      * Handler for Matter.js beforeRender event.

package/dist/index.js

@@ -1376,7 +1376,6 @@ var OverlayScene = class {
     this.updateCallbacks = [];
     this.animationFrameId = null;
     this.mouse = null;
-    this.mouseConstraint = null;
     this.fonts = [];
     this.fontsInitialized = false;
     this.letterDebugInfo = /* @__PURE__ */ new Map();
@@ -1398,17 +1397,9 @@ var OverlayScene = class {
     };
     // Follow targets for follow-{key} tagged objects
     this.followTargets = /* @__PURE__ */ new Map();
-    /** Filter drag events - only allow grabbing objects with 'grabable' tag */
-    this.handleStartDrag = (event) => {
-      const body = event.body;
-      if (!body) return;
-      const entry = this.findObjectByBody(body);
-      if (!entry || !entry.tags.includes("grabable")) {
-        if (this.mouseConstraint) {
-          this.mouseConstraint.constraint.bodyB = null;
-        }
-      }
-    };
+    // Delta-based grab tracking (no constraint physics)
+    this.grabbedObjectId = null;
+    this.lastGrabMousePosition = null;
     /** Handle canvas clicks for click-to-fall behavior */
     this.handleCanvasClick = (event) => {
       const rect = this.canvas.getBoundingClientRect();
@@ -1473,8 +1464,20 @@ var OverlayScene = class {
       if (!this.followTargets.has("mouse") && this.mouse) {
         this.followTargets.set("mouse", { x: this.mouse.position.x, y: this.mouse.position.y });
       }
+      if (this.grabbedObjectId && this.lastGrabMousePosition) {
+        const entry = this.objects.get(this.grabbedObjectId);
+        const mouseTarget = this.followTargets.get("mouse");
+        if (entry && mouseTarget) {
+          const dx = mouseTarget.x - this.lastGrabMousePosition.x;
+          const dy = mouseTarget.y - this.lastGrabMousePosition.y;
+          if (dx !== 0 || dy !== 0) {
+            Matter5.Body.translate(entry.body, { x: dx, y: dy });
+          }
+          this.lastGrabMousePosition = { x: mouseTarget.x, y: mouseTarget.y };
+        }
+      }
       for (const entry of this.objects.values()) {
-        const isDragging = this.mouseConstraint?.body === entry.body;
+        const isDragging = this.grabbedObjectId === entry.id;
         if (!isDragging) {
           for (const tag of entry.tags) {
             const key = tag === "follow" ? "mouse" : tag.startsWith("follow-") ? tag.slice(7) : null;
@@ -1522,24 +1525,7 @@ var OverlayScene = class {
     Matter5.Composite.add(this.engine.world, this.boundaries);
     this.checkInitialFloorIntegrity();
     this.mouse = Matter5.Mouse.create(canvas);
-    this.mouseConstraint = Matter5.MouseConstraint.create(this.engine, {
-      mouse: this.mouse,
-      constraint: {
-        stiffness: 0.2,
-        render: { visible: false }
-      }
-    });
-    Matter5.Composite.add(this.engine.world, this.mouseConstraint);
-    const wheelHandler = this.mouse.mousewheel;
-    if (wheelHandler) {
-      canvas.removeEventListener("mousewheel", wheelHandler);
-      canvas.removeEventListener("DOMMouseScroll", wheelHandler);
-      canvas.removeEventListener("wheel", wheelHandler);
-    }
-    canvas.style.touchAction = "pan-x pan-y";
-    Matter5.Events.on(this.mouseConstraint, "startdrag", this.handleStartDrag);
     canvas.addEventListener("click", this.handleCanvasClick);
-    this.render.mouse = this.mouse;
     this.effectManager = new EffectManager(
       this.config.bounds,
       (cfg) => this.spawnObjectAsync(cfg),
@@ -1961,9 +1947,6 @@ var OverlayScene = class {
   }
   destroy() {
     this.stop();
-    if (this.mouseConstraint) {
-      Matter5.Events.off(this.mouseConstraint, "startdrag", this.handleStartDrag);
-    }
     this.canvas.removeEventListener("click", this.handleCanvasClick);
     Matter5.Events.off(this.render, "beforeRender", this.handleBeforeRender);
     Matter5.Events.off(this.render, "afterRender", this.handleAfterRender);
@@ -2291,12 +2274,6 @@ 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;
-    }
   }
   /**
    * Remove a follow target. Objects with the corresponding tag will stop following.
@@ -2321,9 +2298,9 @@ var OverlayScene = class {
    * @returns The ID of the grabbed object, or null if no grabable object at position
    */
   startGrab() {
-    if (!this.mouseConstraint || !this.mouse) return null;
     const mouseTarget = this.followTargets.get("mouse");
-    const position = mouseTarget ?? { x: this.mouse.position.x, y: this.mouse.position.y };
+    const position = mouseTarget ?? (this.mouse ? { x: this.mouse.position.x, y: this.mouse.position.y } : null);
+    if (!position) return null;
     const bodies = Matter5.Query.point(
       Matter5.Composite.allBodies(this.engine.world),
       position
@@ -2331,18 +2308,8 @@ var OverlayScene = class {
     for (const body of bodies) {
       const entry = this.findObjectByBody(body);
       if (entry && entry.tags.includes("grabable")) {
-        this.mouse.button = 0;
-        this.mouseConstraint.constraint.pointA = { x: position.x, y: position.y };
-        this.mouseConstraint.constraint.bodyB = entry.body;
-        this.mouseConstraint.constraint.pointB = { x: 0, y: 0 };
-        console.log("[overlay-core] startGrab success", {
-          entityId: entry.id,
-          mousePosition: position,
-          bodyPosition: { x: entry.body.position.x, y: entry.body.position.y },
-          constraintPointA: this.mouseConstraint.constraint.pointA,
-          constraintPointB: this.mouseConstraint.constraint.pointB,
-          mouseButton: this.mouse.button
-        });
+        this.grabbedObjectId = entry.id;
+        this.lastGrabMousePosition = { x: position.x, y: position.y };
         return entry.id;
       }
     }
@@ -2352,21 +2319,15 @@ var OverlayScene = class {
    * Release any currently grabbed object.
    */
   endGrab() {
-    if (this.mouseConstraint) {
-      this.mouseConstraint.constraint.bodyB = null;
-    }
-    if (this.mouse) {
-      this.mouse.button = -1;
-    }
+    this.grabbedObjectId = null;
+    this.lastGrabMousePosition = null;
   }
   /**
    * Get the ID of the currently grabbed object.
    * @returns The ID of the grabbed object, or null if nothing is grabbed
    */
   getGrabbedObject() {
-    if (!this.mouseConstraint?.constraint.bodyB) return null;
-    const entry = this.findObjectByBody(this.mouseConstraint.constraint.bodyB);
-    return entry?.id ?? null;
+    return this.grabbedObjectId;
   }
   // ==================== PHYSICS MANIPULATION METHODS ====================
   /**