@react-three/rapier 0.4.2 → 0.5.1

package/dist/react-three-rapier.esm.js

@@ -3,7 +3,7 @@ import { useAsset } from 'use-asset';
 import { useFrame } from '@react-three/fiber';
 import { ColliderDesc, CoefficientCombineRule, ActiveEvents, EventQueue, ShapeType } from '@dimforge/rapier3d-compat';
 export { CoefficientCombineRule, Collider as RapierCollider, RigidBody as RapierRigidBody } from '@dimforge/rapier3d-compat';
-import { Vector3, Quaternion, Object3D, Euler, CylinderBufferGeometry, BufferGeometry, BufferAttribute, SphereBufferGeometry, BoxBufferGeometry } from 'three';
+import { Quaternion, Euler, Vector3, Object3D, CylinderBufferGeometry, BufferGeometry, BufferAttribute, SphereBufferGeometry, BoxBufferGeometry } from 'three';
 
 const vectorArrayToObject = arr => {
   const [x, y, z] = arr;
@@ -88,13 +88,23 @@ const createColliderFromOptions = (options, world, rigidBody, scale = {
   const collider = world.createCollider(colliderDesc, rigidBody);
   return collider;
 };
-const createCollidersFromChildren = (object, rigidBody, options, world) => {
+
+const isChildOfMeshCollider = child => {
+  let flag = false;
+  child.traverseAncestors(a => {
+    if (a.userData.r3RapierType === "MeshCollider") flag = true;
+  });
+  return flag;
+};
+
+const createCollidersFromChildren = (object, rigidBody, options, world, ignoreMeshColliders = true) => {
   const hasCollisionEvents = !!(options.onCollisionEnter || options.onCollisionExit);
   const colliders = [];
   let desc;
   let offset = new Vector3();
   object.traverse(child => {
     if ("isMesh" in child) {
+      if (ignoreMeshColliders && isChildOfMeshCollider(child)) return;
       const {
         geometry
       } = child;
@@ -165,7 +175,8 @@ const createCollidersFromChildren = (object, rigidBody, options, world) => {
       if (hasCollisionEvents) desc.setActiveEvents(ActiveEvents.COLLISION_EVENTS);
       if (Number.isFinite(options.friction)) desc.setFriction(options.friction);
       if (Number.isFinite(options.restitution)) desc.setRestitution(options.restitution);
-      const collider = world.createCollider(desc, rigidBody);
+      const actualRigidBody = world.getRigidBody(rigidBody === null || rigidBody === void 0 ? void 0 : rigidBody.handle);
+      const collider = world.createCollider(desc, actualRigidBody);
       colliders.push(collider);
     }
   });
@@ -182,47 +193,11 @@ const scaleVertices = (vertices, scale) => {
 
   return scaledVerts;
 };
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
+const quaternion = new Quaternion();
+const euler = new Euler();
+const vector3ToQuaternion = v => {
+  return quaternion.setFromEuler(euler.setFromVector3(v));
+};
 
 const createRigidBodyApi = ref => {
   return {
@@ -268,9 +243,19 @@ const createRigidBodyApi = ref => {
       return new Quaternion(x, y, z, w);
     },
 
-    setRotation: rotation => ref.current().setRotation(_objectSpread2(_objectSpread2({}, rotation), {}, {
-      w: 1
-    }), true),
+    setRotation: ({
+      x,
+      y,
+      z
+    }) => {
+      const q = vector3ToQuaternion(new Vector3(x, y, z));
+      ref.current().setRotation({
+        x: q.x,
+        y: q.y,
+        z: q.z,
+        w: q.w
+      }, true);
+    },
 
     linvel() {
       const {
@@ -293,12 +278,26 @@ const createRigidBodyApi = ref => {
     },
 
     setAngvel: velocity => ref.current().setAngvel(velocity, true),
-    setNextKinematicRotation: rotation => ref.current().setNextKinematicRotation(_objectSpread2(_objectSpread2({}, rotation), {}, {
-      w: 1
-    })),
+    setNextKinematicRotation: ({
+      x,
+      y,
+      z
+    }) => {
+      const q = vector3ToQuaternion(new Vector3(x, y, z));
+      ref.current().setNextKinematicRotation({
+        x: q.x,
+        y: q.y,
+        z: q.z,
+        w: q.w
+      });
+    },
     setNextKinematicTranslation: translation => ref.current().setNextKinematicTranslation(translation),
     resetForces: () => ref.current().resetForces(true),
-    resetTorques: () => ref.current().resetTorques(true)
+    resetTorques: () => ref.current().resetTorques(true),
+    lockRotations: locked => ref.current().lockRotations(locked, true),
+    lockTranslations: locked => ref.current().lockTranslations(locked, true),
+    setEnabledRotations: (x, y, z) => ref.current().setEnabledRotations(x, y, z, true),
+    setEnabledTranslations: (x, y, z) => ref.current().setEnabledTranslations(x, y, z, true)
   };
 }; // TODO: Flesh this out
 
@@ -323,7 +322,16 @@ const createWorldApi = ref => {
     removeCollider: collider => ref.current().removeCollider(collider, true),
     createImpulseJoint: (params, rigidBodyA, rigidBodyB) => ref.current().createImpulseJoint(params, rigidBodyA, rigidBodyB, true),
     removeImpulseJoint: joint => ref.current().removeImpulseJoint(joint, true),
-    forEachCollider: callback => ref.current().forEachCollider(callback)
+    forEachCollider: callback => ref.current().forEachCollider(callback),
+    setGravity: ({
+      x,
+      y,
+      z
+    }) => ref.current().gravity = {
+      x,
+      y,
+      z
+    }
   };
 }; // TODO: Broken currently, waiting for Rapier3D to fix
 
@@ -351,7 +359,8 @@ const importRapier = async () => {
 const Physics = ({
   colliders: _colliders = 'cuboid',
   gravity: _gravity = [0, -9.81, 0],
-  children
+  children,
+  timeStep: _timeStep = 'vary'
 }) => {
   const rapier = useAsset(importRapier);
   const worldRef = useRef();
@@ -376,7 +385,15 @@ const Physics = ({
         worldRef.current = undefined;
       }
     };
-  }, []);
+  }, []); // Update gravity
+
+  useEffect(() => {
+    const world = worldRef.current;
+
+    if (world) {
+      world.gravity = vectorArrayToObject(_gravity);
+    }
+  }, [_gravity]);
   const time = useRef(performance.now());
   useFrame(context => {
     const world = worldRef.current;
@@ -385,7 +402,13 @@ const Physics = ({
 
     const now = performance.now();
     const delta = Math.min(100, now - time.current);
-    world.timestep = delta / 1000;
+
+    if (_timeStep === 'vary') {
+      world.timestep = delta / 1000;
+    } else {
+      world.timestep = _timeStep;
+    }
+
     world.step(eventQueue); // Update meshes
 
     rigidBodyMeshes.forEach((mesh, handle) => {
@@ -498,6 +521,47 @@ const Physics = ({
   }, children);
 };
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
 const useRapier = () => {
   return useContext(RapierContext);
 };
@@ -514,7 +578,7 @@ const useRigidBody = (options = {}) => {
   const rigidBodyRef = useRef();
   const getRigidBodyRef = useRef(() => {
     if (!rigidBodyRef.current) {
-      var _options$linearVeloci, _options$angularVeloc, _options$gravityScale, _options$canSleep, _options$ccd;
+      var _options$linearVeloci, _options$angularVeloc, _options$gravityScale, _options$canSleep, _options$ccd, _options$enabledRotat, _options$enabledTrans;
 
       const type = rigidBodyTypeFromString((options === null || options === void 0 ? void 0 : options.type) || "dynamic");
       const [lvx, lvy, lvz] = (_options$linearVeloci = options === null || options === void 0 ? void 0 : options.linearVelocity) !== null && _options$linearVeloci !== void 0 ? _options$linearVeloci : [0, 0, 0];
@@ -522,11 +586,15 @@ const useRigidBody = (options = {}) => {
       const gravityScale = (_options$gravityScale = options === null || options === void 0 ? void 0 : options.gravityScale) !== null && _options$gravityScale !== void 0 ? _options$gravityScale : 1;
       const canSleep = (_options$canSleep = options === null || options === void 0 ? void 0 : options.canSleep) !== null && _options$canSleep !== void 0 ? _options$canSleep : true;
       const ccdEnabled = (_options$ccd = options === null || options === void 0 ? void 0 : options.ccd) !== null && _options$ccd !== void 0 ? _options$ccd : false;
+      const [erx, ery, erz] = (_options$enabledRotat = options === null || options === void 0 ? void 0 : options.enabledRotations) !== null && _options$enabledRotat !== void 0 ? _options$enabledRotat : [true, true, true];
+      const [etx, ety, etz] = (_options$enabledTrans = options === null || options === void 0 ? void 0 : options.enabledTranslations) !== null && _options$enabledTrans !== void 0 ? _options$enabledTrans : [true, true, true];
       const desc = new rapier.RigidBodyDesc(type).setLinvel(lvx, lvy, lvz).setAngvel({
         x: avx,
         y: avy,
         z: avz
-      }).setGravityScale(gravityScale).setCanSleep(canSleep).setCcdEnabled(ccdEnabled);
+      }).setGravityScale(gravityScale).setCanSleep(canSleep).setCcdEnabled(ccdEnabled).enabledRotations(erx, ery, erz).enabledTranslations(etx, ety, etz);
+      if (options.lockRotations) desc.lockRotations();
+      if (options.lockTranslations) desc.lockTranslations();
       const rigidBody = world.createRigidBody(desc);
       rigidBodyRef.current = world.getRigidBody(rigidBody.handle);
     }
@@ -574,7 +642,9 @@ const useRigidBody = (options = {}) => {
     rigidBody.resetForces(false);
     rigidBody.resetTorques(false);
     const colliderSetting = (_ref = (_options$colliders = options === null || options === void 0 ? void 0 : options.colliders) !== null && _options$colliders !== void 0 ? _options$colliders : physicsOptions.colliders) !== null && _ref !== void 0 ? _ref : false;
-    const autoColliders = colliderSetting !== false ? createCollidersFromChildren(ref.current, rigidBody, options, world) : [];
+    const autoColliders = colliderSetting !== false ? createCollidersFromChildren(ref.current, rigidBody, _objectSpread2(_objectSpread2({}, options), {}, {
+      colliders: colliderSetting
+    }), world) : [];
     rigidBodyMeshes.set(rigidBody.handle, ref.current);
     return () => {
       world.removeRigidBody(rigidBody);
@@ -621,142 +691,6 @@ const useCollider = (body, options = {}) => {
   }, []);
   const api = useMemo(() => createColliderApi(getColliderRef), []);
   return [objectRef, api];
-};
-const useRigidBodyWithCollider = (rigidBodyOptions, colliderOptions) => {
-  const {
-    world
-  } = useRapier();
-  const [ref, rigidBody] = useRigidBody(rigidBodyOptions);
-  useEffect(() => {
-    if (!colliderOptions) {
-      return;
-    }
-
-    const scale = ref.current.getWorldScale(new Vector3());
-    const collider = createColliderFromOptions(colliderOptions, world, world.getRigidBody(rigidBody.handle), scale);
-    return () => {
-      world.removeCollider(collider);
-    };
-  }, []);
-  return [ref, rigidBody];
-};
-const useCuboid = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cuboid",
-    args: (_colliderOptions$args = colliderOptions.args) !== null && _colliderOptions$args !== void 0 ? _colliderOptions$args : [0.5, 0.5, 0.5]
-  }, colliderOptions));
-};
-const useBall = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args2;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "ball",
-    args: (_colliderOptions$args2 = colliderOptions.args) !== null && _colliderOptions$args2 !== void 0 ? _colliderOptions$args2 : [0.5]
-  }, colliderOptions));
-};
-const useCapsule = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args3;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "capsule",
-    args: (_colliderOptions$args3 = colliderOptions.args) !== null && _colliderOptions$args3 !== void 0 ? _colliderOptions$args3 : [0.5, 0.5]
-  }, colliderOptions));
-};
-const useHeightfield = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "heightfield"
-  }, colliderOptions));
-};
-/**
- * Create a trimesh collider and rigid body.
- * Note that Trimeshes don't have mass unless provided.
- * See https://rapier.rs/docs/user_guides/javascript/rigid_bodies#mass-properties
- * for available properties.
- */
-
-const useTrimesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "trimesh"
-  }, colliderOptions));
-};
-
-useTrimesh.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry, _mesh$geometry$index;
-
-  return useTrimesh(rigidBodyOptions, _objectSpread2({
-    args: [mesh.geometry.attributes.position.array, ((_mesh$geometry = mesh.geometry) === null || _mesh$geometry === void 0 ? void 0 : (_mesh$geometry$index = _mesh$geometry.index) === null || _mesh$geometry$index === void 0 ? void 0 : _mesh$geometry$index.array) || []]
-  }, colliderOptions));
-};
-
-const usePolyline = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "polyline"
-  }, colliderOptions));
-};
-const useRoundCuboid = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCuboid"
-  }, colliderOptions));
-};
-const useCylinder = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cylinder"
-  }, colliderOptions));
-};
-const useRoundCylinder = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCylinder"
-  }, colliderOptions));
-};
-const useCone = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cone"
-  }, colliderOptions));
-};
-const useRoundCone = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCone"
-  }, colliderOptions));
-};
-const useConvexHull = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexHull"
-  }, colliderOptions));
-};
-
-useConvexHull.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry2, _mesh$geometry2$attri, _mesh$geometry2$attri2;
-
-  return useConvexHull(rigidBodyOptions, _objectSpread2({
-    args: [(mesh === null || mesh === void 0 ? void 0 : (_mesh$geometry2 = mesh.geometry) === null || _mesh$geometry2 === void 0 ? void 0 : (_mesh$geometry2$attri = _mesh$geometry2.attributes) === null || _mesh$geometry2$attri === void 0 ? void 0 : (_mesh$geometry2$attri2 = _mesh$geometry2$attri.position) === null || _mesh$geometry2$attri2 === void 0 ? void 0 : _mesh$geometry2$attri2.array) || []]
-  }, colliderOptions));
-};
-
-const useRoundConvexHull = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundConvexHull"
-  }, colliderOptions));
-};
-const useConvexMesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexMesh"
-  }, colliderOptions));
-};
-
-useConvexMesh.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry3, _mesh$geometry3$attri, _mesh$geometry3$attri2, _mesh$geometry4, _mesh$geometry4$index;
-
-  return useConvexMesh(rigidBodyOptions, _objectSpread2({
-    args: [mesh === null || mesh === void 0 ? void 0 : (_mesh$geometry3 = mesh.geometry) === null || _mesh$geometry3 === void 0 ? void 0 : (_mesh$geometry3$attri = _mesh$geometry3.attributes) === null || _mesh$geometry3$attri === void 0 ? void 0 : (_mesh$geometry3$attri2 = _mesh$geometry3$attri.position) === null || _mesh$geometry3$attri2 === void 0 ? void 0 : _mesh$geometry3$attri2.array, ((_mesh$geometry4 = mesh.geometry) === null || _mesh$geometry4 === void 0 ? void 0 : (_mesh$geometry4$index = _mesh$geometry4.index) === null || _mesh$geometry4$index === void 0 ? void 0 : _mesh$geometry4$index.array) || []]
-  }, colliderOptions));
-};
-
-const useRoundConvexMesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexMesh"
-  }, colliderOptions));
 }; // Joints
 
 const useImpulseJoint = (body1, body2, params) => {
@@ -769,12 +703,6 @@ const useImpulseJoint = (body1, body2, params) => {
       let rb1;
       let rb2;
 
-      if ('handle' in body1 && 'handle' in body2) {
-        rb1 = world.getRigidBody(body1.handle);
-        rb2 = world.getRigidBody(body2.handle);
-        jointRef.current = world.createImpulseJoint(params, rb1, rb2);
-      }
-
       if ('current' in body1 && body1.current && 'current' in body2 && body2.current) {
         rb1 = world.getRigidBody(body1.current.handle);
         rb2 = world.getRigidBody(body2.current.handle);
@@ -920,17 +848,52 @@ const RigidBody = /*#__PURE__*/forwardRef((_ref, ref) => {
   const [object, rigidBody] = useRigidBody(props);
   useImperativeHandle(ref, () => rigidBody);
   return /*#__PURE__*/React.createElement(RigidBodyContext.Provider, {
-    value: [object, rigidBody, !!(props.onCollisionEnter || props.onCollisionExit)]
+    value: [object, rigidBody, !!(props.onCollisionEnter || props.onCollisionExit), props]
   }, /*#__PURE__*/React.createElement("object3D", {
     ref: object
   }, children));
-}); // Colliders
+});
+const MeshCollider = ({
+  children,
+  type
+}) => {
+  const {
+    physicsOptions,
+    world
+  } = useRapier();
+  const object = useRef(null);
+  const [, rigidBody, hasCollisionEvents, rigidBodyOptions] = useRigidBodyContext();
+  useEffect(() => {
+    let autoColliders = [];
+
+    if (object.current) {
+      var _ref2;
+
+      const colliderSetting = (_ref2 = type !== null && type !== void 0 ? type : physicsOptions.colliders) !== null && _ref2 !== void 0 ? _ref2 : false;
+      autoColliders = colliderSetting !== false ? createCollidersFromChildren(object.current, rigidBody, _objectSpread2(_objectSpread2({}, rigidBodyOptions), {}, {
+        colliders: colliderSetting
+      }), world, false) : [];
+    }
+
+    return () => {
+      autoColliders.forEach(collider => {
+        world.removeCollider(collider);
+      });
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("object3D", {
+    ref: object,
+    userData: {
+      r3RapierType: 'MeshCollider'
+    }
+  }, children);
+}; // Colliders
 
-const AnyCollider = _ref2 => {
+const AnyCollider = _ref3 => {
   let {
     children
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded2);
 
   const {
     world
@@ -1110,4 +1073,4 @@ const Debug = () => {
   })));
 };
 
-export { BallCollider, CapsuleCollider, ConeCollider, ConvexHullCollider, CuboidCollider, CylinderCollider, Debug, HeightfieldCollider, Physics, RigidBody, RoundCuboidCollider, TrimeshCollider, useBall, useCapsule, useCollider, useCone, useConvexHull, useConvexMesh, useCuboid, useCylinder, useFixedJoint, useHeightfield, useImpulseJoint, usePolyline, usePrismaticJoint, useRapier, useRevoluteJoint, useRigidBody, useRigidBodyWithCollider, useRoundCone, useRoundConvexHull, useRoundConvexMesh, useRoundCuboid, useRoundCylinder, useSphericalJoint, useTrimesh };
+export { BallCollider, CapsuleCollider, ConeCollider, ConvexHullCollider, CuboidCollider, CylinderCollider, Debug, HeightfieldCollider, MeshCollider, Physics, RigidBody, RoundCuboidCollider, TrimeshCollider, useCollider, useFixedJoint, useImpulseJoint, usePrismaticJoint, useRapier, useRevoluteJoint, useRigidBody, useSphericalJoint };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/rapier",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "source": "src/index.ts",
   "main": "dist/react-three-rapier.cjs.js",
   "module": "dist/react-three-rapier.esm.js",
@@ -23,7 +23,7 @@
     "three": "^0.139.2"
   },
   "dependencies": {
-    "@dimforge/rapier3d-compat": "0.8.1",
+    "@dimforge/rapier3d-compat": "0.9.0",
     "use-asset": "^1.0.4"
   },
   "repository": "https://github.com/pmndrs/react-three-rapier/tree/master/packages/react-three-rapier"

package/readme.md

@@ -60,19 +60,39 @@ Turn off automatic collider generation globally, but apply auto generation local
 ```tsx
 const Scene = () => (
   <Physics colliders={false}>
+    {/* Use an automatic CuboidCollider for all meshes inside this RigidBody */}
     <RigidBody colliders="cuboid">
       <Box />
     </RigidBody>
 
+    {/* Use an automatic BallCollider for all meshes inside this RigidBody */}
     <RigidBody position={[0, 10, 0]} colliders="ball">
       <Sphere />
     </RigidBody>
 
+    {/* Make a compound shape with two custom BallColliders */}
     <RigidBody position={[0, 10, 0]}>
       <Sphere />
       <BallCollider args={0.5} />
       <BallCollider args={0.5} position={[1, 0, 0]} />
     </RigidBody>
+
+    {/* Make a compound shape with two custom BallColliders, an automatic BallCollider,
+        Two automatic MeshColliders, based on two different shape strategies */}
+    <RigidBody position={[0, 10, 0]} colliders='ball'>
+      <MeshCollider type="trimesh">
+        <mesh ... />
+      </MeshCollider>
+
+      <MeshCollider type="hull">
+        <mesh ... />
+      </MeshCollider>
+
+      <Sphere />
+
+      <BallCollider args={0.5} />
+      <BallCollider args={0.5} position={[1, 0, 0]} />
+    </RigidBody>
   </Physics>
 );
 ```
@@ -134,7 +154,7 @@ return (
       colliders="hull"
       onSleep={() => setIsAsleep(true)}
       onWake={() => setIsAsleep(false)}
-      onCollision={({manifold}) => {
+      onCollisionEnter={({manifold}) => {
         console.log('Collision at world position ', manifold.solverContactPoint(0))
       }}
     >
@@ -146,24 +166,9 @@ return (
 }
 ```
 
-## Hooks
+## Joints
 
-You can also use hooks to generate rigid bodies and colliders, but it's not encouraged.
-
-```tsx
-import { Box } from "@react-three/drei";
-import { useCuboid } from "@react-three/rapier";
-
-const RigidBox = () => {
-  // Generates a RigidBody and attaches a BoxCollider to it, returns a ref
-  const [box, rigidBody, collider] = useCuboid(
-    { position: [1, 1, 1] },
-    { args: [0.5, 0.5, 0.5] }
-  );
-
-  return <Box ref={box} />;
-};
-```
+WIP
 
 ## Roadmap?
 
@@ -174,8 +179,9 @@ In order, but also not necessarily:
 - [x] Nested objects retain world transforms
 - [x] Nested objects retain correct collider scale
 - [x] Automatic colliders based on rigidbody children
-- [ ] Translation and rotational constraints
+- [x] Translation and rotational constraints
 - [x] Collision events
+- [ ] Colliders outside RigidBodies
 - [ ] InstancedMesh support
 - [ ] Docs
 - [ ] CodeSandbox examples