@threlte/rapier 0.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Grischa Erbe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+![Threlte Logo](https://user-images.githubusercontent.com/46897060/178455971-434f4c5d-6c26-4d34-acdc-b4b50e2a8a2c.png)
+
+<h1 align="center">@threlte/rapier</h1>
+
+Provides easy to use components and hooks to use the [rapier](https://rapier.rs/) physics engine in threlte.
+
+## Official Documentation
+
+Visit [threlte.xyz](https://threlte.xyz)
+
+## Support
+
+Join the [Discord server](https://discord.gg/EqUBCfCaGm)
+
+---
+
+### License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

package/dist/CHANGELOG.md

@@ -0,0 +1,103 @@
+# @threlte/extras
+
+## 0.0.1
+
+### Patch Changes
+
+- 7a3fa6b: # NEW PACKAGE: @threlte/rapier
+
+  This package provides easy to use components and hooks to use the [rapier](https://rapier.rs/) physics engine in threlte.
+
+  It comes with several components to get you started: [`<World>`](https://threlte.xyz/rapier/world), [`<RigidBody>`](https://threlte.xyz/rapier/rigid-body), [`<Collider>`](https://threlte.xyz/rapier/collider), [`<AutoColliders>`](https://threlte.xyz/rapier/auto-colliders), [`<CollisionGroups>`](https://threlte.xyz/rapier/collision-groups) and [`<Debug>`](https://threlte.xyz/rapier/debug).
+
+  It also features several handy hooks: [`<useRapier>`](https://threlte.xyz/rapier/use-rapier), [`<useCollisionGroups>`](https://threlte.xyz/rapier/use-collision-groups) and [`<useRigidBody>`](https://threlte.xyz/rapier/use-rigid-body).
+
+## 4.0.0
+
+### Major Changes
+
+- 52e021c: # Breaking Change
+
+  The threlte repository has been moved to its own GitHub Organization: [https://github.com/threlte/threlte](https://github.com/threlte/threlte).
+  threlte consists now of two npm packages: `@threlte/core` and `@threlte/extras`, managed in a mono repository:
+
+  `@threlte/core` consists of components, hooks and other utilites that follow three.js principles, nomenclature and inheritance as closely as useful and possible. Therefore components that have been part of the package `threlte` have been moved to the new home of all kinds of useful abstractons: `@threlte/extras`.
+
+  `@threlte/extras` consists of useful abstractions and helpers that you may find yourself use all the time. These components do not need to follow three.js principles as strict as exports from `@threlte/core`, but they do where it makes sense.
+
+  ## The breaking changes in detail:
+
+  - Moved `<GLTF>` component as well as `useGltf` hook to `@threlte/extras`.
+  - Moved `<Text>` component to `@threlte/extras`.
+
+  ## How to update
+
+  Replace imports from `threlte` and `threlte/extras`:
+
+  1. `npm rm threlte`
+  2. `npm i -D @threlte/core @threlte/extras`
+  3. Replace `import {…} from 'threlte'` with `import {…} from '@threlte/core'`
+  4. Replace `import {…} from 'threlte/extras'` with `import {…} from '@threlte/extras'`
+
+  Specifically replace imports of `<GLTF>`, `useGltf` or `<Text>`:
+
+  3. Replace `import { GLTF, useGltf, Text } from 'threlte'` with `import { GLTF, useGltf, Text } from '@threlte/extras'`
+
+  # Other changes
+
+  - The documentation is now hosted on Vercel and as such we are hoping for a Vercel Sponsorship for OSS. There have also been some style fixes and overhauls.
+
+## 3.13.10
+
+### Patch Changes
+
+- 4de7371: added svelte identifier
+
+## 3.13.9
+
+### Patch Changes
+
+- 41cc5a1: test
+
+## 3.13.8
+
+### Patch Changes
+
+- 79a64f5: test
+
+## 3.13.7
+
+### Patch Changes
+
+- test
+
+## 3.13.6
+
+### Patch Changes
+
+- trying to delete
+
+## 3.13.5
+
+### Patch Changes
+
+- 11aa5eb: yes
+
+## 3.13.4
+
+### Patch Changes
+
+- 0c40456: added scripts to clean up packages
+- 7cc4e5d: added node types
+
+## 3.13.3
+
+### Patch Changes
+
+- a2a6d93: test
+
+## 3.13.2
+
+### Patch Changes
+
+- 8dbf8cd: Test

package/dist/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Grischa Erbe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,19 @@
+![Threlte Logo](https://user-images.githubusercontent.com/46897060/178455971-434f4c5d-6c26-4d34-acdc-b4b50e2a8a2c.png)
+
+<h1 align="center">@threlte/rapier</h1>
+
+Provides easy to use components and hooks to use the [rapier](https://rapier.rs/) physics engine in threlte.
+
+## Official Documentation
+
+Visit [threlte.xyz](https://threlte.xyz)
+
+## Support
+
+Join the [Discord server](https://discord.gg/EqUBCfCaGm)
+
+---
+
+### License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

package/dist/components/Colliders/AutoColliders.svelte

@@ -0,0 +1,74 @@
+<script>import { ActiveCollisionTypes, ActiveEvents, CoefficientCombineRule } from '@dimforge/rapier3d-compat';
+import { SceneGraphObject } from '@threlte/core';
+import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+import { Object3D, Vector3 } from 'three';
+import { useCollisionGroups } from '../../hooks/useCollisionGroups';
+import { useRapier } from '../../hooks/useRapier';
+import { useRigidBody } from '../../hooks/useRigidBody';
+import { applyTransforms } from '../../lib/applyTransforms';
+import { createCollidersFromChildren } from '../../lib/createCollidersFromChildren';
+import { positionToVector3 } from '../../lib/positionToVector3';
+export let shape = 'convexHull';
+export let position = undefined;
+export let rotation = undefined;
+export let scale = undefined;
+export let lookAt = undefined;
+export let mass = undefined;
+export let centerOfMass = undefined;
+export let principalAngularInertia = undefined;
+export let restitution = undefined;
+export let restitutionCombineRule = undefined;
+export let friction = undefined;
+export let frictionCombineRule = undefined;
+export let sensor = undefined;
+const object = new Object3D();
+/**
+ * Immediately apply transforms
+ */
+applyTransforms(object, position, rotation, scale, lookAt);
+object.updateWorldMatrix(true, false);
+const rigidBody = useRigidBody();
+const { world, addColliderToContext, removeColliderFromContext } = useRapier();
+export let colliders = [];
+const collisionGroups = useCollisionGroups();
+const dispatcher = createEventDispatcher();
+onMount(() => {
+    colliders = createCollidersFromChildren(object, shape, world, rigidBody);
+    colliders.forEach((c) => addColliderToContext(c, object, dispatcher));
+    collisionGroups.registerColliders(colliders);
+});
+$: {
+    if (colliders.length > 0) {
+        colliders.forEach((collider) => {
+            collider.setActiveEvents(ActiveEvents.COLLISION_EVENTS);
+            collider.setActiveCollisionTypes(ActiveCollisionTypes.ALL);
+            collider.setRestitution(restitution ?? 0);
+            collider.setRestitutionCombineRule(restitutionCombineRule ?? CoefficientCombineRule.Average);
+            collider.setFriction(friction ?? 0.7);
+            collider.setFrictionCombineRule(frictionCombineRule ?? CoefficientCombineRule.Average);
+            collider.setSensor(sensor ?? false);
+            const { x: cmx, y: cmy, z: cmz } = positionToVector3(centerOfMass) || new Vector3();
+            const { x: pix, y: piy, z: piz } = positionToVector3(principalAngularInertia) ||
+                new Vector3(mass ?? 1 * 0.2, mass ?? 1 * 0.2, mass ?? 1 * 0.2);
+            if (mass || centerOfMass || principalAngularInertia) {
+                collider.setDensity(0);
+                collider.setMassProperties(mass ?? 1, { x: cmx, y: cmy, z: cmz }, { x: pix, y: piy, z: piz }, { x: 0, y: 0, z: 0, w: 1 });
+            }
+        });
+    }
+}
+/**
+ * Cleanup
+ */
+onDestroy(() => {
+    collisionGroups.removeColliders(colliders);
+    colliders.forEach((c) => {
+        removeColliderFromContext(c);
+        world.removeCollider(c, true);
+    });
+});
+</script>
+
+<SceneGraphObject {object}>
+  <slot />
+</SceneGraphObject>

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

@@ -0,0 +1,33 @@
+import { SvelteComponentTyped } from "svelte";
+import { type Collider } from '@dimforge/rapier3d-compat';
+import type { AutoCollidersProperties } from '../../types/components';
+import type { ColliderEventMap } from '../../types/types';
+declare const __propDef: {
+    props: {
+        shape?: import("../../types/types").AutoCollidersShapes | undefined;
+        position?: AutoCollidersProperties['position'];
+        rotation?: AutoCollidersProperties['rotation'];
+        scale?: AutoCollidersProperties['scale'];
+        lookAt?: AutoCollidersProperties['lookAt'];
+        mass?: AutoCollidersProperties['mass'];
+        centerOfMass?: AutoCollidersProperties['centerOfMass'];
+        principalAngularInertia?: AutoCollidersProperties['principalAngularInertia'];
+        restitution?: AutoCollidersProperties['restitution'];
+        restitutionCombineRule?: AutoCollidersProperties['restitutionCombineRule'];
+        friction?: AutoCollidersProperties['friction'];
+        frictionCombineRule?: AutoCollidersProperties['frictionCombineRule'];
+        sensor?: AutoCollidersProperties['sensor'];
+        colliders?: Collider[] | undefined;
+    };
+    slots: {
+        default: {};
+    };
+    getters: {};
+    events: ColliderEventMap;
+};
+export declare type AutoCollidersProps = typeof __propDef.props;
+export declare type AutoCollidersEvents = typeof __propDef.events;
+export declare type AutoCollidersSlots = typeof __propDef.slots;
+export default class AutoColliders extends SvelteComponentTyped<AutoCollidersProps, AutoCollidersEvents, AutoCollidersSlots> {
+}
+export {};

package/dist/components/Colliders/Collider.svelte

@@ -0,0 +1,119 @@
+<script>import { ActiveCollisionTypes, ActiveEvents, CoefficientCombineRule, Collider, ColliderDesc } from '@dimforge/rapier3d-compat';
+import { SceneGraphObject, TransformableObject, useFrame } from '@threlte/core';
+import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+import { Object3D, Quaternion, Vector3 } from 'three';
+import { useCollisionGroups } from '../../hooks/useCollisionGroups';
+import { useRapier } from '../../hooks/useRapier';
+import { useRigidBody } from '../../hooks/useRigidBody';
+import { applyTransforms } from '../../lib/applyTransforms';
+import { getWorldPosition, getWorldQuaternion } from '../../lib/getWorldTransforms';
+import { positionToVector3 } from '../../lib/positionToVector3';
+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 mass = undefined;
+export let centerOfMass = undefined;
+export let principalAngularInertia = undefined;
+export let restitution = undefined;
+export let restitutionCombineRule = undefined;
+export let friction = undefined;
+export let frictionCombineRule = undefined;
+export let sensor = undefined;
+const object = new Object3D();
+/**
+ * Immediately apply transforms
+ */
+applyTransforms(object, position, rotation, scale, lookAt);
+object.updateWorldMatrix(true, false);
+const rigidBody = useRigidBody();
+const isAttached = !!rigidBody;
+const rapierContext = useRapier();
+const { world } = rapierContext;
+export let collider = undefined;
+const collisionGroups = useCollisionGroups();
+const dispatcher = createEventDispatcher();
+/**
+ * Actual collider setup happens onMount as only then
+ * the transforms are finished.
+ */
+onMount(() => {
+    const scale = object.getWorldScale(new Vector3());
+    const scaledArgs = scaleColliderArgs(shape, args, scale);
+    // @ts-ignore
+    const colliderDesc = ColliderDesc[shape](...scaledArgs);
+    collider = world.createCollider(colliderDesc, rigidBody);
+    /**
+     * Add collider to context
+     */
+    rapierContext.addColliderToContext(collider, object, dispatcher);
+    /**
+     * For use in conjunction with component <CollisionGroups>
+     */
+    collisionGroups.registerColliders([collider]);
+    if (isAttached) {
+        const rigidBodyWorldPos = new Vector3();
+        const rigidBodyWorldQuatInversed = new Quaternion();
+        object.traverseAncestors((child) => {
+            if (child.userData.isRigidBody) {
+                child.getWorldPosition(rigidBodyWorldPos);
+                child.getWorldQuaternion(rigidBodyWorldQuatInversed);
+                rigidBodyWorldQuatInversed.invert();
+            }
+        });
+        collider.setTranslationWrtParent(object.getWorldPosition(new Vector3()).sub(rigidBodyWorldPos));
+        collider.setRotationWrtParent(object.getWorldQuaternion(new Quaternion()).premultiply(rigidBodyWorldQuatInversed));
+    }
+    else {
+        collider.setTranslation(object.getWorldPosition(new Vector3()));
+        collider.setRotation(object.getWorldQuaternion(new Quaternion()));
+    }
+});
+$: {
+    if (collider) {
+        collider.setActiveEvents(ActiveEvents.COLLISION_EVENTS);
+        collider.setActiveCollisionTypes(ActiveCollisionTypes.ALL);
+        collider.setRestitution(restitution ?? 0);
+        collider.setRestitutionCombineRule(restitutionCombineRule ?? CoefficientCombineRule.Average);
+        collider.setFriction(friction ?? 0.7);
+        collider.setFrictionCombineRule(frictionCombineRule ?? CoefficientCombineRule.Average);
+        collider.setSensor(sensor ?? false);
+        const { x: cmx, y: cmy, z: cmz } = positionToVector3(centerOfMass) || new Vector3();
+        const { x: pix, y: piy, z: piz } = positionToVector3(principalAngularInertia) ||
+            new Vector3(mass ?? 1 * 0.2, mass ?? 1 * 0.2, mass ?? 1 * 0.2);
+        if (mass || centerOfMass || principalAngularInertia) {
+            collider.setDensity(0);
+            collider.setMassProperties(mass ?? 1, { x: cmx, y: cmy, z: cmz }, { x: pix, y: piy, z: piz }, { x: 0, y: 0, z: 0, w: 1 });
+        }
+    }
+}
+useFrame(() => {
+    if (!collider)
+        return;
+    collider.setTranslation(getWorldPosition(object));
+    collider.setRotation(getWorldQuaternion(object));
+}, {
+    autostart: !isAttached
+});
+/**
+ * Cleanup
+ */
+onDestroy(() => {
+    if (!collider)
+        return;
+    rapierContext.removeColliderFromContext(collider);
+    collisionGroups.removeColliders([collider]);
+    world.removeCollider(collider, true);
+});
+</script>
+
+<SceneGraphObject {object}>
+  <slot />
+</SceneGraphObject>
+
+{#if !isAttached}
+  <TransformableObject {object} {position} {rotation} {scale} />
+{/if}

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

@@ -0,0 +1,32 @@
+import { SvelteComponentTyped } from "svelte";
+import { CoefficientCombineRule, Collider, ColliderDesc } from '@dimforge/rapier3d-compat';
+import type { ColliderEventMap } from '../../types/types';
+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]>> {
+    props(): {
+        shape: Shape;
+        args: Args;
+        position?: import("@threlte/core").Position | undefined;
+        rotation?: import("@threlte/core").Rotation | undefined;
+        scale?: import("@threlte/core").Scale | undefined;
+        lookAt?: import("@threlte/core").LookAt | undefined;
+        mass?: number | undefined;
+        centerOfMass?: import("@threlte/core").Position | undefined;
+        principalAngularInertia?: import("@threlte/core").Position | undefined;
+        restitution?: number | undefined;
+        restitutionCombineRule?: CoefficientCombineRule | undefined;
+        friction?: number | undefined;
+        frictionCombineRule?: CoefficientCombineRule | undefined;
+        sensor?: boolean | undefined;
+        collider?: Collider | undefined;
+    };
+    events(): ColliderEventMap;
+    slots(): {
+        default: {};
+    };
+}
+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]>> = ReturnType<__sveltets_Render<Shape, Args>['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]>> = ReturnType<__sveltets_Render<Shape, Args>['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]>> = ReturnType<__sveltets_Render<Shape, Args>['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]>> extends SvelteComponentTyped<ColliderProps<Shape, Args>, ColliderEvents<Shape, Args>, ColliderSlots<Shape, Args>> {
+}
+export {};

package/dist/components/CollisionGroups/CollisionGroups.svelte

@@ -0,0 +1,31 @@
+<script>import { setContext } from 'svelte';
+import { writable } from 'svelte/store';
+export let groups = undefined;
+export let filter = undefined;
+export let memberships = undefined;
+const computeBitMask = (groups, filter, memberships) => {
+    if (groups !== undefined) {
+        // groups is setting the filter and memberships at once
+        const g = groups;
+        const mask = g.reduce((acc, f) => {
+            return acc | (1 << f);
+        }, 0) |
+            g.reduce((acc, m) => {
+                return acc | (1 << (m + 16));
+            }, 0);
+        return mask;
+    }
+    const mask = memberships.reduce((acc, f) => {
+        return acc | (1 << f);
+    }, 0) |
+        filter.reduce((acc, m) => {
+            return acc | (1 << (m + 16));
+        }, 0);
+    return mask;
+};
+const store = writable(computeBitMask(groups, filter, memberships));
+$: store.set(computeBitMask(groups, filter, memberships));
+setContext('threlte-rapier-collision-group', store);
+</script>
+
+<slot />

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

@@ -0,0 +1,21 @@
+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: {};
+    };
+}
+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>> {
+}
+export {};

package/dist/components/Debug/Debug.svelte

@@ -0,0 +1,30 @@
+<script>import { LineSegments, useFrame } from '@threlte/core';
+import { onDestroy } from 'svelte';
+import { BufferAttribute, BufferGeometry, LineBasicMaterial } from 'three';
+import { useRapier } from '../../hooks/useRapier';
+export let vertexColors = true;
+const material = new LineBasicMaterial({
+    vertexColors,
+    ...$$props
+});
+const { world } = 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);
+useFrame(() => {
+    const buffers = world.debugRender();
+    const vertices = new BufferAttribute(buffers.vertices, 3);
+    const colors = new BufferAttribute(buffers.colors, 4);
+    geometry.setAttribute('position', vertices);
+    geometry.setAttribute('color', colors);
+});
+onDestroy(() => {
+    geometry.dispose();
+    material.dispose();
+});
+</script>
+
+<LineSegments renderOrder={Infinity} {geometry} {material} />

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

@@ -0,0 +1,60 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: import("three").ColorRepresentation | undefined;
+        linewidth?: number | undefined;
+        linecap?: string | undefined;
+        linejoin?: string | undefined;
+        alphaTest?: number | undefined;
+        alphaToCoverage?: boolean | undefined;
+        blendDst?: import("three").BlendingDstFactor | undefined;
+        blendDstAlpha?: number | undefined;
+        blendEquation?: import("three").BlendingEquation | undefined;
+        blendEquationAlpha?: number | undefined;
+        blending?: import("three").Blending | undefined;
+        blendSrc?: import("three").BlendingDstFactor | import("three").BlendingSrcFactor | undefined;
+        blendSrcAlpha?: number | undefined;
+        clipIntersection?: boolean | undefined;
+        clippingPlanes?: import("three").Plane[] | undefined;
+        clipShadows?: boolean | undefined;
+        colorWrite?: boolean | undefined;
+        defines?: any;
+        depthFunc?: import("three").DepthModes | undefined;
+        depthTest?: boolean | undefined;
+        depthWrite?: boolean | undefined;
+        name?: string | undefined;
+        opacity?: number | undefined;
+        polygonOffset?: boolean | undefined;
+        polygonOffsetFactor?: number | undefined;
+        polygonOffsetUnits?: number | undefined;
+        precision?: "highp" | "mediump" | "lowp" | null | undefined;
+        premultipliedAlpha?: boolean | undefined;
+        dithering?: boolean | undefined;
+        side?: import("three").Side | undefined;
+        shadowSide?: import("three").Side | undefined;
+        toneMapped?: boolean | undefined;
+        transparent?: boolean | undefined;
+        vertexColors?: boolean | undefined;
+        visible?: boolean | undefined;
+        format?: import("three").PixelFormat | undefined;
+        stencilWrite?: boolean | undefined;
+        stencilFunc?: import("three").StencilFunc | undefined;
+        stencilRef?: number | undefined;
+        stencilWriteMask?: number | undefined;
+        stencilFuncMask?: number | undefined;
+        stencilFail?: import("three").StencilOp | undefined;
+        stencilZFail?: import("three").StencilOp | undefined;
+        stencilZPass?: import("three").StencilOp | undefined;
+        userData?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type DebugProps = typeof __propDef.props;
+export declare type DebugEvents = typeof __propDef.events;
+export declare type DebugSlots = typeof __propDef.slots;
+export default class Debug extends SvelteComponentTyped<DebugProps, DebugEvents, DebugSlots> {
+}
+export {};