@threlte/xr 1.2.0 → 1.4.0

package/dist/components/Controller.svelte

@@ -72,7 +72,7 @@
 
   const { scene } = useThrelte()
 
-  const handedness = $derived<'left' | 'right'>(left ? 'left' : right ? 'right' : hand ?? 'left')
+  const handedness = $derived<'left' | 'right'>(left ? 'left' : right ? 'right' : (hand ?? 'left'))
 
   $effect.pre(() => {
     controllerEvents[handedness] = {

package/dist/components/Hand.svelte

@@ -47,7 +47,7 @@
 
   const { scene, renderer, scheduler, renderStage } = useThrelte()
 
-  const handedness = $derived<'left' | 'right'>(left ? 'left' : right ? 'right' : hand ?? 'left')
+  const handedness = $derived<'left' | 'right'>(left ? 'left' : right ? 'right' : (hand ?? 'left'))
 
   $effect.pre(() => {
     handEvents[handedness] = {
@@ -72,7 +72,7 @@
    * @todo(mp) investigate why this is happening and see if there's
    * a way to just parent to the hand to avoid this.
    */
-  const { start, stop } = useTask(
+  useTask(
     () => {
       const frame = renderer.xr.getFrame()
       const space = renderer.xr.getReferenceSpace()
@@ -90,19 +90,14 @@
       group.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w)
     },
     {
-      autoStart: false,
-      stage: scheduler.createStage(Symbol('xr-hand-stage'), { before: renderStage })
+      stage: scheduler.createStage(Symbol('xr-hand-stage'), { before: renderStage }),
+      running: () =>
+        isHandTracking.current &&
+        (wrist !== undefined || children !== undefined) &&
+        inputSource !== undefined
     }
   )
 
-  $effect.pre(() => {
-    if (isHandTracking.current && (wrist !== undefined || children !== undefined) && inputSource) {
-      start()
-    } else {
-      stop()
-    }
-  })
-
   const xrHand = $derived(hands[handedness])
   const inputSource = $derived(xrHand?.inputSource)
   const model = $derived(xrHand?.model)

package/dist/components/internal/PointerCursor.svelte

@@ -28,7 +28,7 @@
 
   const ref = new Group()
 
-  const { start, stop } = useTask(
+  useTask(
     () => {
       if (intersection === undefined) {
         return
@@ -46,16 +46,13 @@
       ref.lookAt(vec3.addVectors(point, worldNormal))
     },
     {
-      autoStart: false
+      running: () => hovering && intersection !== undefined
     }
   )
 
   $effect.pre(() => {
     if (hovering && intersection) {
       ref.position.copy(intersection.point)
-      start()
-    } else {
-      stop()
     }
   })
 </script>

package/dist/components/internal/TeleportCursor.svelte

@@ -28,7 +28,7 @@
 
   const ref = new Group()
 
-  const { start, stop } = useTask(
+  useTask(
     () => {
       if (intersection === undefined) {
         return
@@ -44,7 +44,7 @@
       }
     },
     {
-      autoStart: false
+      running: () => intersection !== undefined
     }
   )
 
@@ -53,11 +53,9 @@
   $effect.pre(() => {
     if (intersection === undefined) {
       size.set(0.1)
-      stop()
     } else {
       size.set(1)
       ref.position.copy(intersection.point)
-      start()
     }
   })
 </script>

package/dist/components/internal/TeleportRay.svelte

@@ -66,21 +66,12 @@
     lineGeometry.setPositions(positions)
   }
 
-  const { start, stop } = useTask(
+  useTask(
     () => {
       setCurvePoints()
     },
-    { autoStart: false }
+    { running: () => intersection !== undefined }
   )
-
-  $effect.pre(() => {
-    if (intersection === undefined) {
-      stop()
-    } else {
-      setCurvePoints(1)
-      start()
-    }
-  })
 </script>
 
 {#if children}

package/dist/hooks/useHandJoint.svelte.js

@@ -8,14 +8,13 @@ export const useHandJoint = (handedness, joint) => {
     const { invalidate } = useThrelte();
     const xrhand = $derived(hands[handedness]);
     let jointSpace = $state.raw();
-    const { stop } = useTask(() => {
+    useTask(() => {
         const space = xrhand?.hand.joints[joint];
         // The joint radius is a good indicator that the joint is ready
         if (space?.jointRadius !== undefined) {
             jointSpace = space;
             invalidate();
-            stop();
         }
-    }, { autoInvalidate: false });
+    }, { running: () => jointSpace === undefined });
     return toCurrentReadable(() => jointSpace);
 };

package/dist/hooks/useHitTest.svelte.js

@@ -37,7 +37,7 @@ export const useHitTest = (hitTestCallback, options = {}) => {
             getHitTestSource(controller?.inputSource.targetRaySpace);
         });
     }
-    const { start, stop } = useTask(() => {
+    useTask(() => {
         const referenceSpace = xr.getReferenceSpace();
         if (referenceSpace === null || hitTestSource === undefined) {
             return hitTestCallback(hitMatrix, undefined);
@@ -49,19 +49,11 @@ export const useHitTest = (hitTestCallback, options = {}) => {
         }
         hitMatrix.fromArray(pose.transform.matrix);
         hitTestCallback(hitMatrix, hit);
-    }, { autoStart: false });
+    }, { running: () => isPresenting.current && hitTestSource !== undefined });
     $effect.pre(() => {
-        if (!isPresenting.current) {
-            stop();
-            return;
-        }
         if (hitTestSource === undefined) {
-            stop();
             // Execute callback one last time to inform consumers of no hits.
             hitTestCallback(hitMatrix, undefined);
         }
-        else {
-            start();
-        }
     });
 };

package/dist/internal/setupHeadset.svelte.js

@@ -6,7 +6,7 @@ export const setupHeadset = () => {
     const { renderer, camera, scheduler, renderStage } = useThrelte();
     const { xr } = renderer;
     const stage = scheduler.createStage(Symbol('xr-headset-stage'), { before: renderStage });
-    const immersiveFrame = useTask(() => {
+    useTask(() => {
         const space = xr.getReferenceSpace();
         if (space === null)
             return;
@@ -19,26 +19,16 @@ export const setupHeadset = () => {
         headset.position.copy(position);
         headset.quaternion.copy(orientation);
     }, {
-        autoStart: false,
         autoInvalidate: false,
-        stage
+        stage,
+        running: () => isPresenting.current
     });
-    const nonImmersiveFrame = useTask(() => {
+    useTask(() => {
         headset.position.copy(camera.current.position);
         headset.quaternion.copy(camera.current.quaternion);
     }, {
-        autoStart: false,
         autoInvalidate: false,
-        stage
-    });
-    $effect.pre(() => {
-        if (isPresenting.current) {
-            immersiveFrame.start();
-            nonImmersiveFrame.stop();
-        }
-        else {
-            immersiveFrame.stop();
-            nonImmersiveFrame.start();
-        }
+        stage,
+        running: () => isPresenting.current === false
     });
 };

package/dist/plugins/pointerControls/index.js

@@ -1,5 +1,5 @@
 import { Raycaster, Vector3 } from 'three';
-import { currentWritable, watch } from '@threlte/core';
+import { currentWritable, observe } from '@threlte/core';
 import { defaultComputeFunction } from './compute.js';
 import { injectPointerControlsPlugin } from './plugin.svelte.js';
 import { setupPointerControls } from './setup.svelte.js';
@@ -34,11 +34,11 @@ export const pointerControls = (handedness, options) => {
         setupPointerControls(context, ctx, options?.fixedStep);
     }
     const handContext = getHandContext(handedness);
-    watch(handContext.enabled, (enabled) => {
+    observe.pre(() => [handContext.enabled], ([enabled]) => {
         controlsCounter += enabled ? 1 : -1;
         pointerState[handedness].enabled = controlsCounter > 0;
     });
-    watch(handContext.pointerOverTarget, (hovering) => {
+    observe.pre(() => [handContext.pointerOverTarget], ([hovering]) => {
         pointerState[handedness].hovering = hovering;
     });
     return {

package/dist/plugins/pointerControls/setup.svelte.js

@@ -1,5 +1,5 @@
 import { Vector3 } from 'three';
-import { observe, watch } from '@threlte/core';
+import { observe } from '@threlte/core';
 import { getInternalContext } from './context.js';
 import { controllers } from '../../hooks/useController.svelte.js';
 import { useHand } from '../../hooks/useHand.svelte.js';
@@ -187,7 +187,7 @@ export const setupPointerControls = (context, handContext, fixedStep = 1 / 40) =
             return;
         }
     });
-    watch([hand, handContext.enabled], ([input, enabled]) => {
+    observe.pre(() => [hand, handContext.enabled], ([input, enabled]) => {
         if (input === undefined)
             return;
         const removeHandlers = () => {

package/dist/plugins/teleportControls/index.js

@@ -1,4 +1,4 @@
-import { currentWritable, watch } from '@threlte/core';
+import { currentWritable, observe } from '@threlte/core';
 import { createTeleportContext, useTeleportControls, getHandContext } from './context.js';
 import { injectTeleportControlsPlugin } from './plugin.svelte.js';
 import { setHandContext } from './context.js';
@@ -24,11 +24,11 @@ export const teleportControls = (handedness, options) => {
         setupTeleportControls(context, ctx, options?.fixedStep);
     }
     const handContext = getHandContext(handedness);
-    watch(handContext.enabled, (enabled) => {
+    observe.pre(() => [handContext.enabled], ([enabled]) => {
         controlsCounter += enabled ? 1 : -1;
         teleportState[handedness].enabled = controlsCounter > 0;
     });
-    watch(handContext.active, (hovering) => {
+    observe.pre(() => [handContext.active], ([hovering]) => {
         teleportState[handedness].hovering = hovering;
     });
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/xr",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "description": "Tools to more easily create VR and AR experiences with Threlte",
@@ -17,8 +17,10 @@
     "eslint-plugin-svelte": "^3.5.1",
     "globals": "^16.1.0",
     "postcss": "^8.4.38",
+    "prettier": "^3.8.1",
+    "prettier-plugin-svelte": "^3.5.1",
     "publint": "^0.2.7",
-    "svelte": "5.26.2",
+    "svelte": "5.53.6",
     "svelte-check": "^4.3.1",
     "three": "^0.175.0",
     "tslib": "^2.6.2",
@@ -26,7 +28,7 @@
     "typescript-eslint": "^8.32.0",
     "vite": "^7.1.4",
     "vite-plugin-mkcert": "^1.17.5",
-    "@threlte/core": "8.3.0"
+    "@threlte/core": "8.5.0"
   },
   "peerDependencies": {
     "svelte": ">=5",
@@ -46,7 +48,7 @@
   "homepage": "https://threlte.xyz",
   "repository": {
     "type": "git",
-    "url": "https://github.com/threlte/threlte.git",
+    "url": "https://github.com/threlte/threlte",
     "directory": "packages/xr"
   },
   "bugs": {