microboard-temp 0.13.45 → 0.13.46

package/dist/cjs/browser.js

@@ -60675,11 +60675,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -60907,8 +60924,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -60930,26 +60947,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/cjs/index.js

@@ -60675,11 +60675,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -60907,8 +60924,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -60930,26 +60947,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/cjs/node.js

@@ -63150,11 +63150,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -63382,8 +63399,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -63405,26 +63422,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/esm/browser.js

@@ -60418,11 +60418,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -60650,8 +60667,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -60673,26 +60690,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/esm/index.js

@@ -60411,11 +60411,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -60643,8 +60660,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -60666,26 +60683,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/esm/node.js

@@ -62875,11 +62875,28 @@ class ForceGraphEngine {
   syncTimer = null;
   lastSyncedPositions = new Map;
   activeComponents = new Map;
+  isPhysicsEmit = false;
   TICK_MS = 33;
   SYNC_MS = 300;
   MIN_MOVE_PX = 0.05;
   constructor(board) {
     this.board = board;
+    board.events.subject.subscribe((event) => {
+      if (this.isPhysicsEmit)
+        return;
+      const op = event.body?.operation;
+      if (!op || op.class !== "Transformation" || op.method !== "applyMatrix")
+        return;
+      for (const { id, matrix } of op.items) {
+        const last = this.lastSyncedPositions.get(id);
+        if (last) {
+          this.lastSyncedPositions.set(id, {
+            x: last.x + matrix.translateX,
+            y: last.y + matrix.translateY
+          });
+        }
+      }
+    });
   }
   enableForGraph(startNodeId) {
     if (this.isNodeInActiveGraph(startNodeId))
@@ -63107,8 +63124,8 @@ class ForceGraphEngine {
       }
       vel.vx = (vel.vx + (ax.get(id) ?? 0)) * conf.FG_DAMPING;
       vel.vy = (vel.vy + (ay.get(id) ?? 0)) * conf.FG_DAMPING;
-      totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
       if (Math.abs(vel.vx) >= this.MIN_MOVE_PX || Math.abs(vel.vy) >= this.MIN_MOVE_PX) {
+        totalEnergy += Math.abs(vel.vx) + Math.abs(vel.vy);
         item.transformation.applyMatrixSilent({
           translateX: vel.vx,
           translateY: vel.vy,
@@ -63130,26 +63147,33 @@ class ForceGraphEngine {
     const nodes = this.getNodes().filter((item) => activeIds.has(item.getId()) && !draggedIds.has(item.getId()) && !(item.parent !== "Board" && draggedIds.has(item.parent)));
     if (nodes.length === 0)
       return;
-    const movedItems = nodes.map((item) => {
+    const toSend = [];
+    for (const item of nodes) {
       const id = item.getId();
       const pos = item.transformation.getTranslation();
       const last = this.lastSyncedPositions.get(id);
       const dx = last ? pos.x - last.x : 0;
       const dy = last ? pos.y - last.y : 0;
-      this.lastSyncedPositions.set(id, { x: pos.x, y: pos.y });
-      return { id, dx, dy };
-    }).filter(({ dx, dy }) => Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5);
-    if (movedItems.length === 0)
+      if (Math.abs(dx) > 0.5 || Math.abs(dy) > 0.5) {
+        toSend.push({ id, dx, dy, x: pos.x, y: pos.y });
+      }
+    }
+    if (toSend.length === 0)
       return;
+    for (const { id, x, y } of toSend) {
+      this.lastSyncedPositions.set(id, { x, y });
+    }
     const operation = {
       class: "Transformation",
       method: "applyMatrix",
-      items: movedItems.map(({ id, dx, dy }) => ({
+      items: toSend.map(({ id, dx, dy }) => ({
         id,
         matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
+    this.isPhysicsEmit = true;
     this.board.events.emit(operation);
+    this.isPhysicsEmit = false;
   }
 }
 

package/dist/types/ForceGraph/ForceGraphEngine.d.ts

@@ -8,6 +8,9 @@ export declare class ForceGraphEngine {
     /** Active components: componentId → { nodeIds, targetGap }
      *  componentId is the nodeId that was passed to enableForGraph(). */
     private activeComponents;
+    /** Set to true while we are emitting a physics sync operation, so the
+     *  board-event subscription below doesn't double-update lastSyncedPositions. */
+    private isPhysicsEmit;
     private readonly TICK_MS;
     private readonly SYNC_MS;
     private readonly MIN_MOVE_PX;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.13.45",
+  "version": "0.13.46",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",