mage-engine 3.24.5 → 3.24.7

package/dist/mage.js

@@ -56867,7 +56867,13 @@ var Physics$1 = new Physics();let Scene = /*#__PURE__*/function () {
     value: function add(body, element, addUniverse = true) {
       this.scene.add(body);
       if (element) {
-        this.elements.push(element);
+        // Prevent duplicate entries in elements array (same element instance
+        // or same body UUID). Duplicates can occur from double-renders, HMR,
+        // or race conditions between Importer and ensure* methods.
+        const alreadyExists = this.elements.some(e => e === element || e.hasBody() && e.getBody().uuid === body.uuid);
+        if (!alreadyExists) {
+          this.elements.push(element);
+        }
       }
       if (addUniverse) {
         Universe$3.set(body.uuid, element);
@@ -56879,9 +56885,20 @@ var Physics$1 = new Physics();let Scene = /*#__PURE__*/function () {
       const camera = this.getCamera();
       // Only include camera in hierarchy if it's serializable (scene camera is not)
       const cameraChildren = camera && camera.isSerializable() ? [camera.getHierarchy(options)] : [];
+
+      // Deduplicate elements by UUID to prevent showing the same element twice
+      // in the hierarchy (can happen from race conditions or double-adds)
+      const seenUUIDs = new Set();
+      const deduplicatedElements = this.elements.filter(e => {
+        if (!e.hasBody()) return false;
+        const uuid = e.getBody().uuid;
+        if (seenUUIDs.has(uuid)) return false;
+        seenUUIDs.add(uuid);
+        return !e.hasParent() && !e.isHelper() && e.isSerializable();
+      });
       return [{
         element: this.toJSON(options.parseJSON),
-        children: [...cameraChildren, ...this.elements.filter(e => !e.hasParent() && !e.isHelper() && e.isSerializable()).map(e => e.getHierarchy(options))]
+        children: [...cameraChildren, ...deduplicatedElements.map(e => e.getHierarchy(options))]
       }];
     }
   }, {
@@ -58162,7 +58179,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version$1 = "3.24.5";
+var version$1 = "3.24.7";
 var description = "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.";
 var main = "dist/mage.js";
 var author$1 = {
@@ -63367,6 +63384,19 @@ let Sprite = /*#__PURE__*/function (_Element) {
     key: "toJSON",
     value: function toJSON(parseJSON = false) {
       if (this.isSerializable()) {
+        // Sync position from holder before serializing to ensure the
+        // serialized position matches the holder (which the user drags).
+        // Without this, the camera body can lag the holder by one frame.
+        if (this.hasHolder()) {
+          const holderBody = this.holder.getBody();
+          this.setPosition({
+            x: holderBody.position.x,
+            y: holderBody.position.y,
+            z: holderBody.position.z
+          }, {
+            updateHolder: false
+          });
+        }
         return {
           ..._superPropGet(Camera, "toJSON", this, 3)([parseJSON]),
           fov: this.getFov(),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mage-engine",
-    "version": "3.24.5",
+    "version": "3.24.7",
     "description": "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.",
     "main": "dist/mage.js",
     "author": {