@threlte/rapier 0.4.0 → 1.0.0-next.0

package/dist/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @threlte/extras
 
+## 1.0.0-next.0
+
+### Major Changes
+
+- d41cb6cf: Adapted rapier package to Threlte v6 syntax
+
+## 0.5.0
+
+### Minor Changes
+
+- d69391a: Add Attractor component and documentation
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/components/Attractor/Attractor.svelte

@@ -0,0 +1,54 @@
+<script>import { T, useFrame } from '@threlte/core';
+import { Group, Vector3 } from 'three';
+import { useRapier } from '../../hooks/useRapier';
+export let strength = 1;
+export let range = 50;
+export let gravityType = 'static';
+export let gravitationalConstant = 6.673e-11;
+const { world, debug } = useRapier();
+const gravitySource = new Vector3();
+let obj = new Group();
+const calcForceByType = {
+    static: (s, m2, r, d, G) => s,
+    linear: (s, m2, r, d, G) => s * (d / r),
+    newtonian: (s, m2, r, d, G) => (G * s * m2) / Math.pow(d, 2)
+};
+function applyImpulseToBodiesInRange() {
+    const impulseVector = new Vector3();
+    obj.getWorldPosition(gravitySource);
+    world.forEachRigidBody((body) => {
+        const { x, y, z } = body.translation();
+        const bodyV3 = new Vector3(x, y, z);
+        const distance = gravitySource.distanceTo(bodyV3);
+        if (distance < range) {
+            let force = calcForceByType[gravityType](strength, body.mass(), range, distance, gravitationalConstant);
+            // Prevent wild forces when Attractors collide
+            force = force === Infinity ? strength : force;
+            impulseVector.subVectors(gravitySource, bodyV3).normalize().multiplyScalar(force);
+            body.applyImpulse(impulseVector, true);
+        }
+    });
+}
+useFrame(() => {
+    applyImpulseToBodiesInRange();
+});
+</script>
+
+<T
+  let:ref
+  is={obj}
+  {...$$restProps}
+>
+  <slot {ref} />
+
+  {#if $debug}
+    <T.Mesh>
+      <T.SphereGeometry args={[range]} />
+      <T.MeshBasicMaterial
+        wireframe
+        transparent
+        opacity={0.25}
+      />
+    </T.Mesh>
+  {/if}
+</T>

package/dist/components/Attractor/Attractor.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponentTyped } from 'svelte'
+import type { AttractorProperties } from '../../types/components'
+import { Props, type Events, type Slots } from '@threlte/core'
+import type { Group } from 'three'
+
+type AttractorProps = Props<Group> & {
+  strength?: NonNullable<AttractorProperties['strength']>
+  range?: NonNullable<AttractorProperties['range']>
+  gravityType?: NonNullable<AttractorProperties['gravityType']>
+  gravitationalConstant?: NonNullable<AttractorProperties['gravitationalConstant']>
+}
+
+type AttractorEvents = Events<Group>
+
+type AttractorSlots = Slots<Group>
+
+export default class Attractor extends SvelteComponentTyped<
+  AttractorProps,
+  AttractorEvents,
+  AttractorSlots
+> {}

package/dist/components/Colliders/AutoColliders.svelte

@@ -1,4 +1,4 @@
-<script>import { ActiveCollisionTypes, ActiveEvents, CoefficientCombineRule } from '@dimforge/rapier3d-compat';
+<script>import { ActiveCollisionTypes, CoefficientCombineRule } from '@dimforge/rapier3d-compat';
 import { SceneGraphObject } from '@threlte/core';
 import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 import { Object3D } from 'three';
@@ -9,13 +9,11 @@ import { useRigidBody } from '../../hooks/useRigidBody';
 import { applyColliderActiveEvents } from '../../lib/applyColliderActiveEvents';
 import { applyTransforms } from '../../lib/applyTransforms';
 import { createCollidersFromChildren } from '../../lib/createCollidersFromChildren';
-import { positionToVector3 } from '../../lib/positionToVector3';
-import { rotationToQuaternion } from '../../lib/rotationToQuaternion';
+import { eulerToQuaternion } from '../../lib/eulerToQuaternion';
 export let shape = 'convexHull';
 export let position = undefined;
 export let rotation = undefined;
 export let scale = undefined;
-export let lookAt = undefined;
 export let restitution = undefined;
 export let restitutionCombineRule = undefined;
 export let friction = undefined;
@@ -24,12 +22,14 @@ export let sensor = undefined;
 export let contactForceEventThreshold = undefined;
 export let density = undefined;
 export let mass = undefined;
-export let massProperties = undefined;
+export let centerOfMass = undefined;
+export let principalAngularInertia = undefined;
+export let angularInertiaLocalFrame = undefined;
 const object = new Object3D();
 /**
  * Immediately apply transforms
  */
-applyTransforms(object, position, rotation, scale, lookAt);
+applyTransforms(object, position, rotation, scale);
 object.updateWorldMatrix(true, false);
 const rigidBody = useRigidBody();
 const { world, addColliderToContext, removeColliderFromContext } = useRapier();
@@ -55,10 +55,16 @@ $: {
             collider.setContactForceEventThreshold(contactForceEventThreshold ?? 0);
             if (density)
                 collider.setDensity(density);
-            if (mass)
-                collider.setMass(mass);
-            if (massProperties)
-                collider.setMassProperties(massProperties.mass, positionToVector3(massProperties.centerOfMass), positionToVector3(massProperties.principalAngularInertia), rotationToQuaternion(massProperties.angularInertiaLocalFrame));
+            if (mass) {
+                if (centerOfMass && principalAngularInertia && angularInertiaLocalFrame)
+                    collider.setMassProperties(mass, { x: centerOfMass[0], y: centerOfMass[1], z: centerOfMass[2] }, {
+                        x: principalAngularInertia[0],
+                        y: principalAngularInertia[1],
+                        z: principalAngularInertia[2]
+                    }, eulerToQuaternion(angularInertiaLocalFrame));
+                else
+                    collider.setMass(mass);
+            }
         });
     }
 }

package/dist/components/Colliders/AutoColliders.svelte.d.ts

@@ -0,0 +1,74 @@
+import type { CoefficientCombineRule, Collider } from '@dimforge/rapier3d-compat'
+import type { Position, Rotation } from '@threlte/core'
+import { SvelteComponentTyped } from 'svelte'
+import type { Euler, Vector3 } from 'three'
+import type { AutoCollidersShapes } from '../../types/types'
+
+// ------------------ BASE ------------------
+
+type BaseProps = {
+  shape?: AutoCollidersShapes
+  position?: Parameters<Vector3['set']>
+  rotation?: Parameters<Euler['set']>
+  scale?: Parameters<Vector3['set']>
+  restitution?: number
+  restitutionCombineRule?: CoefficientCombineRule
+  friction?: number
+  frictionCombineRule?: CoefficientCombineRule
+  sensor?: boolean
+  colliders?: Collider[]
+  contactForceEventThreshold?: number
+}
+
+// ------------------ MASS ------------------
+
+type Density = {
+  density: number
+
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type Mass = {
+  mass: number
+
+  density?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type MassProperties = {
+  mass: number
+  centerOfMass: Parameters<Vector3['set']>
+  principalAngularInertia: Parameters<Vector3['set']>
+  angularInertiaLocalFrame: Parameters<Euler['set']>
+
+  density?: never
+}
+
+type NoMassProperties = {
+  density?: never
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+
+export type MassDef = Density | Mass | MassProperties | NoMassProperties
+
+type MassProps<TMassDef extends MassDef> = TMassDef extends Density
+  ? Density
+  : TMassDef extends MassProperties
+  ? MassProperties
+  : TMassDef extends Mass
+  ? Mass
+  : NoMassProperties
+
+// ------------------ COLLIDER ------------------
+
+export type AutoCollidersProps<TMassDef extends MassDef> = BaseProps & MassProps<TMassDef>
+
+export default class AutoColliders<TMassDef extends MassDef> extends SvelteComponentTyped<
+  AutoCollidersProps<TMassDef>
+> {}

package/dist/components/Colliders/Collider.svelte

@@ -1,5 +1,5 @@
-<script>import { ActiveCollisionTypes, ActiveEvents, CoefficientCombineRule, Collider, ColliderDesc } from '@dimforge/rapier3d-compat';
-import { SceneGraphObject, TransformableObject, useFrame } from '@threlte/core';
+<script>import { ActiveCollisionTypes, CoefficientCombineRule, Collider, ColliderDesc } from '@dimforge/rapier3d-compat';
+import { SceneGraphObject, useFrame } from '@threlte/core';
 import { createEventDispatcher, onDestroy, onMount, tick } from 'svelte';
 import { Object3D, Quaternion, Vector3 } from 'three';
 import { useCollisionGroups } from '../../hooks/useCollisionGroups';
@@ -8,16 +8,14 @@ import { useRapier } from '../../hooks/useRapier';
 import { useRigidBody } from '../../hooks/useRigidBody';
 import { applyColliderActiveEvents } from '../../lib/applyColliderActiveEvents';
 import { applyTransforms } from '../../lib/applyTransforms';
+import { eulerToQuaternion } from '../../lib/eulerToQuaternion';
 import { getWorldPosition, getWorldQuaternion } from '../../lib/getWorldTransforms';
-import { positionToVector3 } from '../../lib/positionToVector3';
-import { rotationToQuaternion } from '../../lib/rotationToQuaternion';
 import { scaleColliderArgs } from '../../lib/scaleColliderArgs';
 export let shape;
 export let args;
 export let position = undefined;
 export let rotation = undefined;
 export let scale = undefined;
-export let lookAt = undefined;
 export let restitution = undefined;
 export let restitutionCombineRule = undefined;
 export let friction = undefined;
@@ -26,12 +24,14 @@ export let sensor = undefined;
 export let contactForceEventThreshold = undefined;
 export let density = undefined;
 export let mass = undefined;
-export let massProperties = undefined;
+export let centerOfMass = undefined;
+export let principalAngularInertia = undefined;
+export let angularInertiaLocalFrame = undefined;
 const object = new Object3D();
 /**
  * Immediately apply transforms
  */
-applyTransforms(object, position, rotation, scale, lookAt);
+applyTransforms(object, position, rotation, scale);
 object.updateWorldMatrix(true, false);
 const rigidBody = useRigidBody();
 const isAttached = !!rigidBody;
@@ -95,15 +95,28 @@ $: {
         collider.setContactForceEventThreshold(contactForceEventThreshold ?? 0);
         if (density)
             collider.setDensity(density);
-        if (mass)
-            collider.setMass(mass);
-        if (massProperties)
-            collider.setMassProperties(massProperties.mass, positionToVector3(massProperties.centerOfMass), positionToVector3(massProperties.principalAngularInertia), rotationToQuaternion(massProperties.angularInertiaLocalFrame));
+        if (mass) {
+            if (centerOfMass && principalAngularInertia && angularInertiaLocalFrame) {
+                collider.setMassProperties(mass, { x: centerOfMass[0], y: centerOfMass[1], z: centerOfMass[2] }, {
+                    x: principalAngularInertia[0],
+                    y: principalAngularInertia[1],
+                    z: principalAngularInertia[2]
+                }, eulerToQuaternion(angularInertiaLocalFrame));
+            }
+            else {
+                collider.setMass(mass);
+            }
+        }
     }
 }
+/**
+ * If the Collider isAttached (i.e. NOT child of a RigidBody), update the
+ * transforms on every frame.
+ */
 useFrame(() => {
     if (!collider)
         return;
+    applyTransforms(object, position, rotation, scale);
     collider.setTranslation(getWorldPosition(object));
     collider.setRotation(getWorldQuaternion(object));
 }, {
@@ -124,7 +137,3 @@ onDestroy(() => {
 <SceneGraphObject {object}>
   <slot />
 </SceneGraphObject>
-
-{#if !isAttached}
-  <TransformableObject {object} {position} {rotation} {scale} />
-{/if}

package/dist/components/Colliders/Collider.svelte.d.ts

@@ -1,114 +1,107 @@
-import { SvelteComponentTyped } from "svelte";
-import { CoefficientCombineRule, Collider, ColliderDesc, type RigidBody } from '@dimforge/rapier3d-compat';
-import { type Position, type Rotation } from '@threlte/core';
-declare class __sveltets_Render<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> {
-    props(): {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        density?: Density | undefined;
-    } | {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        mass?: Mass | undefined;
-    } | {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        mass?: Mass | undefined;
-        massProperties?: MassProperties | undefined;
-    };
-    events(): {
-        collisionenter: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-            manifold: import("@dimforge/rapier3d-compat").TempContactManifold;
-            flipped: boolean;
-        }>;
-        collisionexit: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        sensorenter: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        sensorexit: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        contact: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-            maxForceDirection: import("@dimforge/rapier3d-compat").Vector;
-            maxForceMagnitude: number;
-            totalForce: import("@dimforge/rapier3d-compat").Vector;
-            totalForceMagnitude: number;
-        }>;
-    };
-    slots(): {
-        default: {};
-    };
+import type {
+  CoefficientCombineRule,
+  Collider as rapierCollider,
+  ColliderDesc
+} from '@dimforge/rapier3d-compat'
+import { SvelteComponentTyped } from 'svelte'
+import type { Euler, Vector3 } from 'three'
+
+// ------------------ BASE ------------------
+
+type BaseProps = {
+  position?: Parameters<Vector3['set']>
+  rotation?: Parameters<Euler['set']>
+  scale?: Parameters<Vector3['set']>
+  restitution?: number
+  restitutionCombineRule?: CoefficientCombineRule
+  friction?: number
+  frictionCombineRule?: CoefficientCombineRule
+  sensor?: boolean
+  collider?: rapierCollider
+  contactForceEventThreshold?: number
 }
-export declare type ColliderProps<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['props']>;
-export declare type ColliderEvents<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['events']>;
-export declare type ColliderSlots<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['slots']>;
-export default class Collider<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> extends SvelteComponentTyped<ColliderProps<Shape, Args, Density, Mass, MassProperties>, ColliderEvents<Shape, Args, Density, Mass, MassProperties>, ColliderSlots<Shape, Args, Density, Mass, MassProperties>> {
+
+// ------------------ SHAPE ------------------
+
+export type Shape =
+  | 'ball'
+  | 'capsule'
+  | 'segment'
+  | 'triangle'
+  | 'roundTriangle'
+  | 'polyline'
+  | 'trimesh'
+  | 'cuboid'
+  | 'roundCuboid'
+  | 'heightfield'
+  | 'cylinder'
+  | 'roundCylinder'
+  | 'cone'
+  | 'roundCone'
+  | 'convexHull'
+  | 'convexMesh'
+  | 'roundConvexHull'
+  | 'roundConvexMesh'
+
+type Args<TShape extends Shape> = Parameters<typeof ColliderDesc[TShape]>
+
+type ShapeProps<TShape extends Shape> = {
+  shape: TShape
+  args: Args<TShape>
 }
-export {};
+
+// ------------------ MASS ------------------
+
+type Density = {
+  density: number
+
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type Mass = {
+  mass: number
+
+  density?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type MassProperties = {
+  mass: number
+  centerOfMass: Parameters<Vector3['set']>
+  principalAngularInertia: Parameters<Vector3['set']>
+  angularInertiaLocalFrame: Parameters<Euler['set']>
+
+  density?: never
+}
+
+type NoMassProperties = {
+  density?: never
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+
+export type MassDef = Density | Mass | MassProperties | NoMassProperties
+
+type MassProps<TMassDef extends MassDef> = TMassDef extends Density
+  ? Density
+  : TMassDef extends MassProperties
+  ? MassProperties
+  : TMassDef extends Mass
+  ? Mass
+  : NoMassProperties
+
+// ------------------ COLLIDER ------------------
+
+export type ColliderProps<TShape extends Shape, TMassDef extends MassDef> = BaseProps &
+  ShapeProps<TShape> &
+  MassProps<TMassDef>
+
+export default class Collider<
+  TShape extends Shape,
+  TMassDef extends MassDef
+> extends SvelteComponentTyped<ColliderProps<TShape, TMassDef>> {}

package/dist/components/CollisionGroups/CollisionGroups.svelte.d.ts

@@ -1,21 +1,31 @@
-import { SvelteComponentTyped } from "svelte";
-declare class __sveltets_Render<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> {
-    props(): {
-        groups: Groups;
-    } | {
-        filter: MembershipsAndFilter;
-        memberships: MembershipsAndFilter;
-    };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {};
-    };
+import { SvelteComponentTyped } from 'svelte'
+
+type N = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15
+
+export type Groups = N[]
+
+export type MembershipsAndFilter = N[]
+
+type GroupsProps = {
+  groups: N[]
+
+  filter?: never
+  memberships?: never
 }
-export declare type CollisionGroupsProps<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['props']>;
-export declare type CollisionGroupsEvents<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['events']>;
-export declare type CollisionGroupsSlots<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['slots']>;
-export default class CollisionGroups<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> extends SvelteComponentTyped<CollisionGroupsProps<Groups, MembershipsAndFilter>, CollisionGroupsEvents<Groups, MembershipsAndFilter>, CollisionGroupsSlots<Groups, MembershipsAndFilter>> {
+
+type MembershipsAndFilterProps = {
+  filter: N[]
+  memberships: N[]
+
+  groups?: never
 }
-export {};
+
+type GroupsDef = GroupsProps | MembershipsAndFilterProps
+
+export type CollisionGroupsProps<TGroupsDef extends GroupsDef> = TGroupsDef extends GroupsProps
+  ? GroupsProps
+  : MembershipsAndFilterProps
+
+export default class CollisionGroups<TGroupsDef extends GroupsDef> extends SvelteComponentTyped<
+  CollisionGroupsProps<TGroupsDef>
+> {}

package/dist/components/Debug/Debug.svelte

@@ -1,19 +1,15 @@
-<script>import { LineSegments, useFrame } from '@threlte/core';
+<script>import { T, useFrame } from '@threlte/core';
 import { onDestroy } from 'svelte';
-import { BufferAttribute, BufferGeometry, LineBasicMaterial } from 'three';
+import { BufferAttribute, BufferGeometry } from 'three';
 import { useRapier } from '../../hooks/useRapier';
-export let vertexColors = true;
-const material = new LineBasicMaterial({
-    vertexColors,
-    ...$$props
-});
-const { world } = useRapier();
+const { world, debug } = useRapier();
 const buffers = world.debugRender();
 const vertices = new BufferAttribute(buffers.vertices, 3);
 const colors = new BufferAttribute(buffers.colors, 4);
 const geometry = new BufferGeometry();
 geometry.setAttribute('position', vertices);
 geometry.setAttribute('color', colors);
+debug.set(true);
 useFrame(() => {
     const buffers = world.debugRender();
     const vertices = new BufferAttribute(buffers.vertices, 3);
@@ -23,8 +19,17 @@ useFrame(() => {
 });
 onDestroy(() => {
     geometry.dispose();
-    material.dispose();
+    debug.set(false);
 });
 </script>
 
-<LineSegments renderOrder={Infinity} {geometry} {material} />
+<T.LineSegments renderOrder={Infinity}>
+  <T
+    is={geometry}
+    attach="geometry"
+  />
+  <T.LineBasicMaterial
+    vertexColors
+    {...$$restProps}
+  />
+</T.LineSegments>