Update the sample to remove constraints

src/block.ts

@@ -1,4 +1,4 @@
-import { Actor, ActorArgs, CollisionType, Vector } from "excalibur";
+import { Actor, ActorArgs, CollisionType, Observable, RemovedComponent, Vector } from "excalibur";
 import { MatterJsBodyComponent } from "./matterjs-body.component";
 import { MatterJsConstraintComponent } from "./matterjs-constraint.component";
 
@@ -22,4 +22,11 @@ export class Block extends Actor {
             bodyB: this.matterJs.matterJsBody
         }));
     }
+
+    removeConstraints() {
+        const component = this.get(MatterJsConstraintComponent)
+        if (component) {
+            this.removeComponent(component, true);
+        }
+    }
 }

src/main.ts

@@ -1,4 +1,4 @@
-import { CollisionType, Color, DisplayMode, Engine, Random, Vector, vec } from "excalibur";
+import { CollisionType, Color, DisplayMode, Engine, Random, Vector, vec, Input } from "excalibur";
 import { MatterJsSystem } from "./matterjs.system";
 import { Block } from "./block";
 
@@ -48,4 +48,10 @@ game.input.pointers.primary.on('down', evt => {
     game.add(newBlock);
 });
 
+game.input.keyboard.on('press', (evt) => {
+    if (evt.key === Input.Keys.D) {
+        constrainedBlock.removeConstraints();
+    }
+})
+
 game.start();

src/matterjs-constraint.component.ts

@@ -1,14 +1,19 @@
-import { Component } from "excalibur";
+import { Component, Entity, Observable } from "excalibur";
 import * as Matter from 'matter-js';
 
 
 export class MatterJsConstraintComponent extends Component<'matterjs.constraint'> {
     public readonly type = 'matterjs.constraint' as const;
     constraint: Matter.Constraint;
+    removed$ = new Observable<MatterJsConstraintComponent>();
 
     constructor(public constraintDef: Matter.IConstraintDefinition) {
         super();
         this.constraint = Matter.Constraint.create(constraintDef)
     }
 
+    onRemove(previousOwner: Entity): void {
+        this.removed$.notifyAll(this);
+    }
+
 }

src/matterjs.system.ts

@@ -29,6 +29,9 @@ export class MatterJsSystem extends System<MatterJsBodyComponent | TransformComp
             const matterJsConstraint = msg.data.get(MatterJsConstraintComponent);
             if (matterJsConstraint) {
                 Matter.Composite.add(this.matterEngine.world, matterJsConstraint.constraint);
+                matterJsConstraint.removed$.subscribe(() => {
+                    Matter.World.remove(this.matterEngine.world, matterJsConstraint.constraint);
+                });
             }
         }
     }