@threlte/rapier 3.0.0-next.0 → 3.0.0-next.1

package/dist/components/Attractor/Attractor.svelte

@@ -1,13 +1,10 @@
 <script lang="ts">import { T, useTask } 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;
+let { strength = 1, range = 50, gravityType = 'static', gravitationalConstant = 6.673e-11, ref = $bindable(), ...props } = $props();
 const { world, debug } = useRapier();
 const gravitySource = new Vector3();
-let obj = new Group();
+const group = new Group();
 const calcForceByType = {
     static: (s, m2, r, d, G) => s,
     linear: (s, m2, r, d, G) => s * (d / r),
@@ -16,7 +13,7 @@ const calcForceByType = {
 const impulseVector = new Vector3();
 const bodyV3 = new Vector3();
 function applyImpulseToBodiesInRange() {
-    obj.getWorldPosition(gravitySource);
+    group.getWorldPosition(gravitySource);
     world.forEachRigidBody((body) => {
         const { x, y, z } = body.translation();
         bodyV3.set(x, y, z);
@@ -36,11 +33,11 @@ useTask(() => {
 </script>
 
 <T
-  let:ref
-  is={obj}
-  {...$$restProps}
+  is={group}
+  bind:ref
+  {...props}
 >
-  <slot {ref} />
+  <slot ref={group} />
 
   {#if $debug}
     <T.Mesh>

package/dist/components/CollisionGroups/CollisionGroups.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
 import { computeBitMask } from '../../lib/computeBitMask';
-export let groups = undefined;
-export let filter = undefined;
-export let memberships = undefined;
+let { groups, filter, memberships } = $props();
 const store = writable(computeBitMask(groups, filter, memberships));
-$: store.set(computeBitMask(groups, filter, memberships));
+$effect.pre(() => store.set(computeBitMask(groups, filter, memberships)));
 setContext('threlte-rapier-collision-group', store);
 </script>
 

package/dist/components/Debug/Debug.svelte

@@ -2,6 +2,7 @@
 import { onDestroy } from 'svelte';
 import { BufferAttribute, BufferGeometry } from 'three';
 import { useRapier } from '../../hooks/useRapier';
+let { ref = $bindable(), ...props } = $props();
 const { world, debug } = useRapier();
 const geometry = new BufferGeometry();
 debug.set(true);
@@ -18,12 +19,11 @@ onDestroy(() => {
 </script>
 
 <T.LineSegments
+  bind:ref
   frustumCulled={false}
   renderOrder={Infinity}
+  {...props}
 >
   <T is={geometry} />
-  <T.LineBasicMaterial
-    vertexColors
-    {...$$restProps}
-  />
+  <T.LineBasicMaterial vertexColors />
 </T.LineSegments>

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

@@ -1,6 +1,7 @@
+import type { Props } from '@threlte/core'
 import { SvelteComponent } from 'svelte'
-import type { LineBasicMaterialParameters } from 'three'
+import type { LineSegments } from 'three'
 
-export type DebugProps = LineBasicMaterialParameters
+export type DebugProps = Props<LineSegments>
 
 export default class Debug extends SvelteComponent<DebugProps> {}

package/dist/components/World/InnerWorld.svelte

@@ -1,31 +1,14 @@
-<script
-  context="module"
-  lang="ts"
->import { onDestroy, setContext, tick } from 'svelte';
+<script lang="ts">import { onDestroy, setContext, tick } from 'svelte';
 import { useFrameHandler } from '../../hooks/useFrameHandler';
 import { createRapierContext } from '../../lib/createRapierContext';
-</script>
-
-<script lang="ts">export let gravity = [0, -9.81, 0];
-export let rawIntegrationParameters = undefined;
-export let rawIslands = undefined;
-export let rawBroadPhase = undefined;
-export let rawNarrowPhase = undefined;
-export let rawBodies = undefined;
-export let rawColliders = undefined;
-export let rawImpulseJoints = undefined;
-export let rawMultibodyJoints = undefined;
-export let rawCCDSolver = undefined;
-export let rawQueryPipeline = undefined;
-export let rawPhysicsPipeline = undefined;
-export let rawSerializationPipeline = undefined;
-export let rawDebugRenderPipeline = undefined;
-export let stage = undefined;
+let { gravity = [0, -9.81, 0], rawIntegrationParameters, rawIslands, rawBroadPhase, rawNarrowPhase, rawBodies, rawColliders, rawImpulseJoints, rawMultibodyJoints, rawCCDSolver, rawQueryPipeline, rawPhysicsPipeline, rawSerializationPipeline, rawDebugRenderPipeline, stage } = $props();
 const rapierContext = createRapierContext({ x: gravity[0], y: gravity[1], z: gravity[2] }, rawIntegrationParameters, rawIslands, rawBroadPhase, rawNarrowPhase, rawBodies, rawColliders, rawImpulseJoints, rawMultibodyJoints, rawCCDSolver, rawQueryPipeline, rawPhysicsPipeline, rawSerializationPipeline, rawDebugRenderPipeline);
 setContext('threlte-rapier-context', rapierContext);
-$: if (gravity !== undefined) {
-    rapierContext.world.gravity = { x: gravity[0], y: gravity[1], z: gravity[2] };
-}
+$effect.pre(() => {
+    if (gravity !== undefined) {
+        rapierContext.world.gravity = { x: gravity[0], y: gravity[1], z: gravity[2] };
+    }
+});
 useFrameHandler(rapierContext, stage);
 onDestroy(async () => {
     await tick();

package/dist/components/World/InnerWorld.svelte.d.ts

@@ -1,7 +1,11 @@
 import { SvelteComponent } from "svelte";
 import type { WorldProps } from './World.svelte';
 declare const __propDef: {
-    props: WorldProps;
+    props: WorldProps & {
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/World/World.svelte

@@ -11,28 +11,14 @@ const initialized = writable(false);
 </script>
 
 <script lang="ts">import InnerWorld from './InnerWorld.svelte';
-// self
-export let gravity = undefined;
-export let rawIntegrationParameters = undefined;
-export let rawIslands = undefined;
-export let rawBroadPhase = undefined;
-export let rawNarrowPhase = undefined;
-export let rawBodies = undefined;
-export let rawColliders = undefined;
-export let rawImpulseJoints = undefined;
-export let rawMultibodyJoints = undefined;
-export let rawCCDSolver = undefined;
-export let rawQueryPipeline = undefined;
-export let rawPhysicsPipeline = undefined;
-export let rawSerializationPipeline = undefined;
-export let rawDebugRenderPipeline = undefined;
+let { gravity, rawIntegrationParameters, rawIslands, rawBroadPhase, rawNarrowPhase, rawBodies, rawColliders, rawImpulseJoints, rawMultibodyJoints, rawCCDSolver, rawQueryPipeline, rawPhysicsPipeline, rawSerializationPipeline, rawDebugRenderPipeline, 
 /**
  * This is passed to the useTask handler.
  * Use this to control when the rapier physics engine is updating the scene.
  * @default undefined
  */
-export let stage = undefined;
-let error = false;
+stage } = $props();
+let error = $state(false);
 const init = async () => {
     if ($initialized)
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/rapier",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.1",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {
@@ -8,33 +8,33 @@
     "@sveltejs/adapter-auto": "^3.2.0",
     "@sveltejs/kit": "^2.5.5",
     "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@types/node": "^20.12.4",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@types/node": "^20.12.7",
     "@types/three": "^0.163.0",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "@yushijinhun/three-minifier-rollup": "^0.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
+    "eslint-plugin-svelte": "^2.36.0",
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.2.2",
     "publint": "^0.2.7",
     "rimraf": "^5.0.5",
-    "svelte": "5.0.0-next.94",
+    "svelte": "5.0.0-next.97",
     "svelte-check": "^3.6.9",
     "svelte-preprocess": "^5.1.3",
     "svelte2tsx": "^0.7.6",
     "three": "^0.163.0",
     "tslib": "^2.6.2",
     "type-fest": "^4.15.0",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "vite": "^5.2.8",
-    "@threlte/core": "8.0.0-next.0"
+    "@threlte/core": "8.0.0-next.2"
   },
   "peerDependencies": {
-    "@dimforge/rapier3d-compat": ">=0.11",
-    "svelte": ">=4",
+    "@dimforge/rapier3d-compat": ">=0.12",
+    "svelte": ">=5",
     "three": ">=0.152"
   },
   "type": "module",