@react-three/rapier 0.11.3 → 0.12.1

package/dist/react-three-rapier.cjs.prod.js

@@ -248,7 +248,7 @@ const createInstancedRigidBodiesApi = bodiesGetter => ({
     return bodiesGetter.current().length;
   }
 
-}); // TODO: Flesh this out
+});
 const createWorldApi = ref => {
   return {
     raw: () => ref.current(),
@@ -281,8 +281,7 @@ const createWorldApi = ref => {
     },
     debugRender: () => ref.current().debugRender()
   };
-}; // TODO: Broken currently, waiting for Rapier3D to fix
-
+};
 const createJointApi = ref => {
   return {
     raw: () => ref.current(),
@@ -756,8 +755,31 @@ const useRigidBodyEvents = (rigidBodyRef, props, events) => {
 };
 
 const useRapier = () => {
-  return React.useContext(RapierContext);
+  return React.useContext(rapierContext);
+};
+const useBeforePhysicsStep = callback => {
+  const {
+    beforeStepCallbacks
+  } = useRapier();
+  React.useEffect(() => {
+    beforeStepCallbacks.add(callback);
+    return () => {
+      beforeStepCallbacks.delete(callback);
+    };
+  }, []);
 };
+const useAfterPhysicsStep = callback => {
+  const {
+    afterStepCallbacks
+  } = useRapier();
+  React.useEffect(() => {
+    afterStepCallbacks.add(callback);
+    return () => {
+      afterStepCallbacks.delete(callback);
+    };
+  }, []);
+}; // Internal hooks
+
 const useChildColliderProps = (ref, options, ignoreMeshColliders = true) => {
   const [colliderProps, setColliderProps] = React.useState([]);
   React.useEffect(() => {
@@ -821,103 +843,6 @@ const useRigidBody = (options = {}) => {
   useRigidBodyEvents(rigidBodyRef, mergedOptions, rigidBodyEvents);
   const api = React.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
   return [ref, api, childColliderProps];
-}; // Joints
-
-const useImpulseJoint = (body1, body2, params) => {
-  const {
-    world
-  } = useRapier();
-  const jointRef = React.useRef();
-  const getJointRef = React.useRef(() => {
-    if (!jointRef.current) {
-      let rb1;
-      let rb2;
-
-      if ("current" in body1 && body1.current && "current" in body2 && body2.current) {
-        rb1 = world.getRigidBody(body1.current.handle);
-        rb2 = world.getRigidBody(body2.current.handle);
-        const newJoint = world.createImpulseJoint(params, rb1, rb2);
-        jointRef.current = newJoint;
-      }
-    }
-
-    return jointRef.current;
-  });
-  React.useEffect(() => {
-    const joint = getJointRef.current();
-    return () => {
-      if (joint) {
-        world.removeImpulseJoint(joint);
-        jointRef.current = undefined;
-      }
-    };
-  }, []);
-  const api = React.useMemo(() => createJointApi(getJointRef), []);
-  return api;
-};
-/**
- *
- * A fixed joint ensures that two rigid-bodies don't move relative to each other.
- * Fixed joints are characterized by one local frame (represented by an isometry) on each rigid-body.
- * The fixed-joint makes these frames coincide in world-space.
- */
-
-const useFixedJoint = (body1, body2, [body1Anchor, body1LocalFrame, body2Anchor, body2LocalFrame]) => {
-  const {
-    rapier
-  } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.fixed(vectorArrayToVector3(body1Anchor), tupleToObject(body1LocalFrame, ["x", "y", "z", "w"]), vectorArrayToVector3(body2Anchor), tupleToObject(body2LocalFrame, ["x", "y", "z", "w"])));
-};
-/**
- * The spherical joint ensures that two points on the local-spaces of two rigid-bodies always coincide (it prevents any relative
- * translational motion at this points). This is typically used to simulate ragdolls arms, pendulums, etc.
- * They are characterized by one local anchor on each rigid-body. Each anchor represents the location of the
- * points that need to coincide on the local-space of each rigid-body.
- */
-
-const useSphericalJoint = (body1, body2, [body1Anchor, body2Anchor]) => {
-  const {
-    rapier
-  } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.spherical(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor)));
-};
-/**
- * The revolute joint prevents any relative movement between two rigid-bodies, except for relative
- * rotations along one axis. This is typically used to simulate wheels, fans, etc.
- * They are characterized by one local anchor as well as one local axis on each rigid-body.
- */
-
-const useRevoluteJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
-  const {
-    rapier
-  } = useRapier();
-  const params = rapier.JointData.revolute(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis));
-
-  if (limits) {
-    params.limitsEnabled = true;
-    params.limits = limits;
-  }
-
-  return useImpulseJoint(body1, body2, params);
-};
-/**
- * The prismatic joint prevents any relative movement between two rigid-bodies, except for relative translations along one axis.
- * It is characterized by one local anchor as well as one local axis on each rigid-body. In 3D, an optional
- * local tangent axis can be specified for each rigid-body.
- */
-
-const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
-  const {
-    rapier
-  } = useRapier();
-  const params = rapier.JointData.prismatic(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis));
-
-  if (limits) {
-    params.limitsEnabled = true;
-    params.limits = limits;
-  }
-
-  return useImpulseJoint(body1, body2, params);
 };
 
 const calcForceByType = {
@@ -1005,7 +930,7 @@ const Attractor = /*#__PURE__*/React.memo(props => {
   });
 });
 
-const RapierContext = /*#__PURE__*/React.createContext(undefined);
+const rapierContext = /*#__PURE__*/React.createContext(undefined);
 
 const getCollisionPayloadFromSource = (target, other) => {
   var _target$collider$stat, _target$rigidBody$sta, _other$collider$state, _other$rigidBody$stat, _other$collider$state2, _other$rigidBody$stat2;
@@ -1060,7 +985,9 @@ const Physics = ({
   const rigidBodyEvents = useConst(() => new Map());
   const colliderEvents = useConst(() => new Map());
   const eventQueue = useConst(() => new rapier3dCompat.EventQueue(false));
-  const attractorStates = useConst(() => new Map()); // Init world
+  const attractorStates = useConst(() => new Map());
+  const beforeStepCallbacks = useConst(() => new Set());
+  const afterStepCallbacks = useConst(() => new Set()); // Init world
 
   React.useEffect(() => {
     const world = getWorldRef.current();
@@ -1079,6 +1006,7 @@ const Physics = ({
       world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
+  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
   const getSourceFromColliderHandle = React.useCallback(handle => {
     const world = worldRef.current;
 
@@ -1125,9 +1053,21 @@ const Physics = ({
 
     const clampedDelta = three.MathUtils.clamp(dt, 0, 0.2);
 
+    const stepWorld = () => {
+      // Trigger beforeStep callbacks
+      beforeStepCallbacks.forEach(callback => {
+        callback(api);
+      });
+      world.step(eventQueue); // Trigger afterStep callbacks
+
+      afterStepCallbacks.forEach(callback => {
+        callback(api);
+      });
+    };
+
     if (timeStepVariable) {
       world.timestep = clampedDelta;
-      world.step(eventQueue);
+      stepWorld();
     } else {
       world.timestep = _timeStep; // don't step time forwards if paused
       // Increase accumulator
@@ -1151,7 +1091,7 @@ const Physics = ({
             applyAttractorForceOnRigidBody(body, attractorState);
           });
         });
-        world.step(eventQueue);
+        stepWorld();
         steppingState.accumulator -= _timeStep;
       }
     }
@@ -1314,7 +1254,6 @@ const Physics = ({
   fiber.useFrame((_, dt) => {
     if (!_paused) step(dt);
   }, updatePriority);
-  const api = React.useMemo(() => createWorldApi(getWorldRef), []);
   const context = React.useMemo(() => ({
     rapier,
     world: api,
@@ -1327,10 +1266,12 @@ const Physics = ({
     rigidBodyEvents,
     colliderEvents,
     attractorStates,
+    beforeStepCallbacks,
+    afterStepCallbacks,
     isPaused: _paused,
     step
   }), [_paused, step]);
-  return /*#__PURE__*/React__default["default"].createElement(RapierContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(rapierContext.Provider, {
     value: context
   }, children);
 };
@@ -1558,7 +1499,7 @@ const RigidBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((props,
 }));
 RigidBody.displayName = "RigidBody";
 
-const MeshCollider = props => {
+const MeshCollider = /*#__PURE__*/React.memo(props => {
   const {
     children,
     type
@@ -1586,7 +1527,7 @@ const MeshCollider = props => {
   }, children, childColliderProps.map((colliderProps, index) => /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({
     key: index
   }, colliderProps))));
-};
+});
 MeshCollider.displayName = "MeshCollider";
 
 function mapsEqual(map1, map2) {
@@ -1648,7 +1589,7 @@ const AttractorHelper = props => {
   }));
 };
 
-const Debug = () => {
+const Debug = /*#__PURE__*/React.memo(() => {
   const {
     world,
     attractorStates
@@ -1677,7 +1618,7 @@ const Debug = () => {
   }), /*#__PURE__*/React__default["default"].createElement("bufferGeometry", null)), attractors.map((attractor, i) => /*#__PURE__*/React__default["default"].createElement(AttractorHelper, _extends({
     key: attractor.object.uuid
   }, attractor))));
-};
+});
 
 const _excluded = ["positions", "rotations", "children"];
 const InstancedRigidBodies = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -1791,6 +1732,103 @@ const InstancedRigidBodies = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 InstancedRigidBodies.displayName = "InstancedRigidBodies";
 
+const useImpulseJoint = (body1, body2, params) => {
+  const {
+    world
+  } = useRapier();
+  const jointRef = React.useRef();
+  const getJointRef = React.useRef(() => {
+    if (!jointRef.current) {
+      let rb1;
+      let rb2;
+
+      if ("current" in body1 && body1.current && "current" in body2 && body2.current) {
+        rb1 = world.getRigidBody(body1.current.handle);
+        rb2 = world.getRigidBody(body2.current.handle);
+        const newJoint = world.createImpulseJoint(params, rb1, rb2);
+        jointRef.current = newJoint;
+      }
+    }
+
+    return jointRef.current;
+  });
+  React.useEffect(() => {
+    const joint = getJointRef.current();
+    return () => {
+      if (joint) {
+        world.removeImpulseJoint(joint);
+        jointRef.current = undefined;
+      }
+    };
+  }, []);
+  const api = React.useMemo(() => createJointApi(getJointRef), []);
+  return api;
+};
+/**
+ *
+ * A fixed joint ensures that two rigid-bodies don't move relative to each other.
+ * Fixed joints are characterized by one local frame (represented by an isometry) on each rigid-body.
+ * The fixed-joint makes these frames coincide in world-space.
+ */
+
+const useFixedJoint = (body1, body2, [body1Anchor, body1LocalFrame, body2Anchor, body2LocalFrame]) => {
+  const {
+    rapier
+  } = useRapier();
+  return useImpulseJoint(body1, body2, rapier.JointData.fixed(vectorArrayToVector3(body1Anchor), tupleToObject(body1LocalFrame, ["x", "y", "z", "w"]), vectorArrayToVector3(body2Anchor), tupleToObject(body2LocalFrame, ["x", "y", "z", "w"])));
+};
+/**
+ * The spherical joint ensures that two points on the local-spaces of two rigid-bodies always coincide (it prevents any relative
+ * translational motion at this points). This is typically used to simulate ragdolls arms, pendulums, etc.
+ * They are characterized by one local anchor on each rigid-body. Each anchor represents the location of the
+ * points that need to coincide on the local-space of each rigid-body.
+ */
+
+const useSphericalJoint = (body1, body2, [body1Anchor, body2Anchor]) => {
+  const {
+    rapier
+  } = useRapier();
+  return useImpulseJoint(body1, body2, rapier.JointData.spherical(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor)));
+};
+/**
+ * The revolute joint prevents any relative movement between two rigid-bodies, except for relative
+ * rotations along one axis. This is typically used to simulate wheels, fans, etc.
+ * They are characterized by one local anchor as well as one local axis on each rigid-body.
+ */
+
+const useRevoluteJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
+  const {
+    rapier
+  } = useRapier();
+  const params = rapier.JointData.revolute(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis));
+
+  if (limits) {
+    params.limitsEnabled = true;
+    params.limits = limits;
+  }
+
+  return useImpulseJoint(body1, body2, params);
+};
+/**
+ * The prismatic joint prevents any relative movement between two rigid-bodies, except for relative translations along one axis.
+ * It is characterized by one local anchor as well as one local axis on each rigid-body. In 3D, an optional
+ * local tangent axis can be specified for each rigid-body.
+ */
+
+const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis, limits]) => {
+  const {
+    rapier
+  } = useRapier();
+  const params = rapier.JointData.prismatic(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis));
+
+  if (limits) {
+    params.limitsEnabled = true;
+    params.limits = limits;
+  }
+
+  return useImpulseJoint(body1, body2, params);
+};
+
 /**
  * Calculates an InteractionGroup bitmask for use in the `collisionGroups` or `solverGroups`
  * properties of RigidBody or Collider components. The first argument represents a list of
@@ -1856,11 +1894,11 @@ exports.RigidBody = RigidBody;
 exports.RoundCuboidCollider = RoundCuboidCollider;
 exports.TrimeshCollider = TrimeshCollider;
 exports.interactionGroups = interactionGroups;
-exports.useChildColliderProps = useChildColliderProps;
+exports.useAfterPhysicsStep = useAfterPhysicsStep;
+exports.useBeforePhysicsStep = useBeforePhysicsStep;
 exports.useFixedJoint = useFixedJoint;
 exports.useImpulseJoint = useImpulseJoint;
 exports.usePrismaticJoint = usePrismaticJoint;
 exports.useRapier = useRapier;
 exports.useRevoluteJoint = useRevoluteJoint;
-exports.useRigidBody = useRigidBody;
 exports.useSphericalJoint = useSphericalJoint;