@shopware-ag/dive 1.1.1 → 1.2.0

package/build/dive.js

@@ -261,6 +261,10 @@ var _DIVECommunication = class _DIVECommunication {
         returnValue = this.setBackground(payload);
         break;
       }
+      case "DROP_IT": {
+        returnValue = this.dropIt(payload);
+        break;
+      }
       case "PLACE_ON_FLOOR": {
         returnValue = this.placeOnFloor(payload);
         break;
@@ -394,6 +398,13 @@ var _DIVECommunication = class _DIVECommunication {
     this.scene.SetBackground(payload.color);
     return true;
   }
+  dropIt(payload) {
+    const object = this.registered.get(payload.id);
+    if (!object) return false;
+    const model = this.scene.GetSceneObject(object);
+    model.DropIt();
+    return true;
+  }
   placeOnFloor(payload) {
     if (!this.registered.get(payload.id)) return false;
     this.scene.PlaceOnFloor(payload);
@@ -622,7 +633,17 @@ var DIVELightRoot = class extends Object3D4 {
 import { Object3D as Object3D6 } from "three";
 
 // src/model/Model.ts
-import { Box3, Object3D as Object3D5, Vector3 } from "three";
+import { Box3, Object3D as Object3D5, Raycaster, Vector3 } from "three";
+
+// src/helper/findSceneRecursive/findSceneRecursive.ts
+var findSceneRecursive = (object) => {
+  if (object.parent) {
+    return findSceneRecursive(object.parent);
+  }
+  return object;
+};
+
+// src/model/Model.ts
 var DIVEModel = class extends Object3D5 {
   constructor() {
     super();
@@ -661,6 +682,30 @@ var DIVEModel = class extends Object3D5 {
     this.position.y = -this.boundingBox.min.y * this.scale.y;
     (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
   }
+  DropIt() {
+    var _a;
+    if (!this.parent) {
+      console.warn("DIVEModel: DropIt() called on a model that is not in the scene.", this);
+      return;
+    }
+    const bottomY = this.boundingBox.min.y * this.scale.y;
+    const bbBottomCenter = this.localToWorld(this.boundingBox.getCenter(new Vector3()).multiply(this.scale));
+    bbBottomCenter.y = bottomY + this.position.y;
+    const raycaster = new Raycaster(bbBottomCenter, new Vector3(0, -1, 0));
+    raycaster.layers.mask = PRODUCT_LAYER_MASK;
+    const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
+    if (intersections.length > 0) {
+      const mesh = intersections[0].object;
+      mesh.geometry.computeBoundingBox();
+      const meshBB = mesh.geometry.boundingBox;
+      const worldPos = mesh.localToWorld(meshBB.max.clone());
+      const oldPos = this.position.clone();
+      const newPos = this.position.clone().setY(worldPos.y).add(new Vector3(0, bottomY, 0));
+      this.position.copy(newPos);
+      if (this.position.y === oldPos.y) return;
+      (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
+    }
+  }
   onMove() {
     var _a;
     (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
@@ -1062,7 +1107,7 @@ var DIVEMediaCreator = class {
 };
 
 // src/toolbox/select/SelectTool.ts
-import { Raycaster, Vector2 } from "three";
+import { Raycaster as Raycaster2, Vector2 } from "three";
 import { TransformControls } from "three/examples/jsm/Addons.js";
 
 // src/toolbox/BaseTool.ts
@@ -1090,7 +1135,7 @@ var DIVESelectTool = class extends DIVEBaseTool {
     this.canvas = controller.domElement;
     this.scene = scene;
     this.controller = controller;
-    this.raycaster = new Raycaster();
+    this.raycaster = new Raycaster2();
     this.raycaster.layers.mask = PRODUCT_LAYER_MASK | HELPER_LAYER_MASK;
     this.gizmo = new TransformControls(this.controller.object, this.canvas);
     this.gizmo.layers.mask = UI_LAYER_MASK;