@threlte/xr 0.1.0 → 0.1.2

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

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 /// <reference types="webxr" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
@@ -11,16 +10,16 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "submit" | "reset" | "button" | null | undefined;
+        type?: "button" | "reset" | "submit" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
-        contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
+        contenteditable?: "inherit" | import("svelte/elements").Booleanish | null | undefined;
         contextmenu?: string | null | undefined;
         dir?: string | null | undefined;
         draggable?: import("svelte/elements").Booleanish | null | undefined;
-        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
+        enterkeyhint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | null | undefined;
         hidden?: boolean | null | undefined;
         id?: string | null | undefined;
         lang?: string | null | undefined;
@@ -54,13 +53,13 @@ declare const __propDef: {
         itemref?: string | null | undefined;
         results?: number | null | undefined;
         security?: string | null | undefined;
-        unselectable?: "on" | "off" | null | undefined;
-        inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
+        unselectable?: "off" | "on" | null | undefined;
+        inputmode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | null | undefined;
         is?: string | null | undefined;
         'bind:innerHTML'?: string | null | undefined;
         'bind:textContent'?: string | null | undefined;
         'bind:innerText'?: string | null | undefined;
-        'bind:contentRect'?: any;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
         'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
         'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
         'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
@@ -72,23 +71,23 @@ declare const __propDef: {
         'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
         'aria-activedescendant'?: string | null | undefined;
         'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-autocomplete'?: "inline" | "list" | "none" | "both" | null | undefined;
+        'aria-autocomplete'?: "inline" | "both" | "none" | "list" | null | undefined;
         'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
         'aria-controls'?: string | null | undefined;
-        'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
+        'aria-current'?: "time" | "location" | "page" | import("svelte/elements").Booleanish | "step" | "date" | null | undefined;
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | null | undefined;
         'aria-errormessage'?: string | null | undefined;
         'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "grid" | "dialog" | "menu" | import("svelte/elements").Booleanish | "listbox" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -103,9 +102,9 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-roledescription'?: string | null | undefined;
         'aria-rowcount'?: number | null | undefined;
@@ -113,7 +112,7 @@ declare const __propDef: {
         'aria-rowspan'?: number | null | undefined;
         'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-setsize'?: number | null | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
+        'aria-sort'?: "none" | "other" | "ascending" | "descending" | null | undefined;
         'aria-valuemax'?: number | null | undefined;
         'aria-valuemin'?: number | null | undefined;
         'aria-valuenow'?: number | null | undefined;
@@ -133,37 +132,37 @@ declare const __propDef: {
         'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
         'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
         'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
-        'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
         'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
-        'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
-        'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
-        'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
+        'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
+        'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
+        'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
         'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
         'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
         'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
-        'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
+        'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:play'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
         'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
         'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
         'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
@@ -183,9 +182,9 @@ declare const __propDef: {
         'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
         'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
         'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
+        'on:select'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
         'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
         'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
         'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
@@ -216,19 +215,19 @@ declare const __propDef: {
         'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
         'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
         'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
-        'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
-        'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:close'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
+        'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
         mode: XRSessionMode;
-        sessionInit?: XRSessionInit & {
+        sessionInit?: (XRSessionInit & {
             domOverlay?: {
                 root: HTMLElement;
             } | undefined;
-        };
-        force?: 'enter' | 'exit';
-        styled?: boolean;
+        }) | undefined;
+        force?: "enter" | "exit" | undefined;
+        styled?: boolean | undefined;
     };
     events: {
         click: CustomEvent<{

package/dist/components/internal/Cursor.svelte.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 import { type ColorRepresentation } from 'three';
 declare const __propDef: {
     props: {
-        color?: ColorRepresentation;
-        size?: number;
-        thickness?: number;
+        color?: ColorRepresentation | undefined;
+        size?: number | undefined;
+        thickness?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/internal/PointerCursor.svelte

@@ -1,5 +1,5 @@
 <script>import { Group, Vector3, Matrix3 } from "three";
-import { T, useFrame } from "@threlte/core";
+import { T, useTask } from "@threlte/core";
 import { pointerIntersection, pointerState } from "../../internal/stores";
 import Cursor from "./Cursor.svelte";
 export let handedness;
@@ -11,7 +11,7 @@ $:
   hovering = $pointerState[handedness].hovering;
 $:
   intersection = pointerIntersection[handedness];
-const { start, stop } = useFrame(
+const { start, stop } = useTask(
   () => {
     if (intersection.current === void 0)
       return;
@@ -24,7 +24,7 @@ const { start, stop } = useFrame(
     }
   },
   {
-    autostart: false
+    autoStart: false
   }
 );
 $:

package/dist/components/internal/PointerCursor.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {

package/dist/components/internal/ScenePortal.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;

package/dist/components/internal/ShortRay.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {

package/dist/components/internal/TeleportCursor.svelte

@@ -1,6 +1,6 @@
 <script>import { spring } from "svelte/motion";
 import { Group, Matrix3, Vector3 } from "three";
-import { T, useFrame } from "@threlte/core";
+import { T, useTask } from "@threlte/core";
 import { teleportIntersection } from "../../internal/stores";
 import Cursor from "./Cursor.svelte";
 export let handedness;
@@ -10,7 +10,7 @@ const normalMatrix = new Matrix3();
 const worldNormal = new Vector3();
 $:
   intersection = teleportIntersection[handedness];
-const { start, stop } = useFrame(
+const { start, stop } = useTask(
   () => {
     if (intersection.current === void 0)
       return;
@@ -23,7 +23,7 @@ const { start, stop } = useFrame(
     }
   },
   {
-    autostart: false
+    autoStart: false
   }
 );
 const size = spring(0.1, { stiffness: 0.2 });

package/dist/components/internal/TeleportCursor.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {

package/dist/components/internal/TeleportRay.svelte

@@ -2,7 +2,7 @@
 import { Line2 } from "three/examples/jsm/lines/Line2";
 import { LineGeometry } from "three/examples/jsm/lines/LineGeometry";
 import { LineMaterial } from "three/examples/jsm/lines/LineMaterial";
-import { T, useFrame } from "@threlte/core";
+import { T, useTask } from "@threlte/core";
 import { teleportIntersection } from "../../internal/stores";
 export let handedness;
 export let targetRay;
@@ -41,11 +41,11 @@ const setCurvePoints = (alpha = 0.3) => {
   }
   lineGeometry.setPositions(positions);
 };
-const { start, stop } = useFrame(
+const { start, stop } = useTask(
   () => {
     setCurvePoints();
   },
-  { autostart: false }
+  { autoStart: false }
 );
 $:
   if ($intersection === void 0) {

package/dist/components/internal/TeleportRay.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="bun-types" />
 import { SvelteComponent } from "svelte";
 import { type XRTargetRaySpace } from 'three';
 declare const __propDef: {

package/dist/hooks/useHandJoint.js

@@ -1,12 +1,13 @@
-import { currentWritable, useFrame } from '@threlte/core';
+import { currentWritable, useTask, useThrelte } from '@threlte/core';
 import { useHand } from './useHand';
 /**
  * Provides a reference to a requested hand joint, once available.
  */
 export const useHandJoint = (handedness, joint) => {
+    const { invalidate } = useThrelte();
     const jointSpaceStore = currentWritable(undefined);
     const xrhand = useHand(handedness);
-    const { stop } = useFrame(({ invalidate }) => {
+    const { stop } = useTask(() => {
         const jointSpace = xrhand.current?.hand.joints[joint];
         // The joint radius is a good indicator that the joint is ready
         if (jointSpace?.jointRadius !== undefined) {
@@ -14,6 +15,6 @@ export const useHandJoint = (handedness, joint) => {
             invalidate();
             stop();
         }
-    }, { invalidate: false });
+    }, { autoInvalidate: false });
     return jointSpaceStore;
 };

package/dist/hooks/useHitTest.js

@@ -1,5 +1,5 @@
 import { Matrix4 } from 'three';
-import { useThrelte, useFrame, watch, currentWritable } from '@threlte/core';
+import { useThrelte, useTask, watch, currentWritable } from '@threlte/core';
 import { useXR } from './useXR';
 import { useController } from './useController';
 /**
@@ -18,7 +18,7 @@ export const useHitTest = (hitTestCallback, options = {}) => {
     const { xr } = useThrelte().renderer;
     const xrState = useXR();
     const hitMatrix = new Matrix4();
-    let hitTestSource = currentWritable(undefined);
+    const hitTestSource = currentWritable(undefined);
     if (source === 'viewer') {
         watch(xrState.session, async (session) => {
             if (session === undefined) {
@@ -49,7 +49,7 @@ export const useHitTest = (hitTestCallback, options = {}) => {
             hitTestSource.set(await session.requestHitTestSource?.({ space }));
         });
     }
-    const { start, stop } = useFrame(() => {
+    const { start, stop } = useTask(() => {
         const referenceSpace = xr.getReferenceSpace();
         if (referenceSpace === null || hitTestSource.current === undefined) {
             return hitTestCallback(hitMatrix, undefined);
@@ -61,7 +61,7 @@ export const useHitTest = (hitTestCallback, options = {}) => {
         }
         hitMatrix.fromArray(pose.transform.matrix);
         hitTestCallback(hitMatrix, hit);
-    }, { autostart: false });
+    }, { autoStart: false });
     watch([xrState.isPresenting, hitTestSource], ([isPresenting, testSource]) => {
         if (!isPresenting) {
             stop();

package/dist/index.d.ts

@@ -17,4 +17,4 @@ export { useHeadset } from './hooks/useHeadset';
 export { useHitTest } from './hooks/useHitTest';
 export { useTeleport } from './hooks/useTeleport';
 export { useXR } from './hooks/useXR';
-export type { XRSessionEventType, XRControllerEventType, XRHandEventType, XRSessionEvent, XRControllerEvent, XRController, XRHand, XRHandEvent, } from './types';
+export type { XRSessionEventType, XRControllerEventType, XRHandEventType, XRSessionEvent, XRControllerEvent, XRController, XRHand, XRHandEvent } from './types';

package/dist/internal/setupHands.js

@@ -23,7 +23,7 @@ export const setupHands = () => {
             if (!hasHands())
                 return;
             const handEvent = event;
-            const handedness = ('handedness' in handEvent) ? handEvent.handedness : handEvent.data.handedness;
+            const handedness = 'handedness' in handEvent ? handEvent.handedness : handEvent.data.handedness;
             handDispatchers[handedness]?.current?.(event.type, event);
         };
         function handleConnected(event) {

package/dist/internal/setupHeadset.js

@@ -1,11 +1,11 @@
 import { Group } from 'three';
-import { useThrelte, useFrame, watch } from '@threlte/core';
+import { useThrelte, useTask, watch } from '@threlte/core';
 import { useXR } from '../hooks/useXR';
 export const headset = new Group();
 export const setupHeadset = () => {
     const { renderer, camera } = useThrelte();
     const { xr } = renderer;
-    const immersiveFrame = useFrame(() => {
+    const immersiveFrame = useTask(() => {
         const space = xr.getReferenceSpace();
         if (space === null)
             return;
@@ -17,11 +17,11 @@ export const setupHeadset = () => {
         const { position, orientation } = pose.transform;
         headset.position.set(position.x, position.y, position.z);
         headset.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w);
-    }, { autostart: false, invalidate: false });
-    const nonImmersiveFrame = useFrame(() => {
+    }, { autoStart: false, autoInvalidate: false });
+    const nonImmersiveFrame = useTask(() => {
         headset.position.copy(camera.current.position);
         headset.quaternion.copy(camera.current.quaternion);
-    }, { autostart: false, invalidate: false });
+    }, { autoStart: false, autoInvalidate: false });
     watch(useXR().isPresenting, (isPresenting) => {
         if (isPresenting) {
             immersiveFrame.start();

package/dist/internal/useFixed.d.ts

@@ -1,11 +1,11 @@
-import { type ThrelteUseFrameOptions, type ThrelteContext } from '@threlte/core';
-type UseFixedOptions = ThrelteUseFrameOptions & {
+import { type ThrelteUseTaskOptions } from '@threlte/core';
+type UseFixedOptions = ThrelteUseTaskOptions & {
     fixedStep?: number;
 };
 /**
- * A fixed useFrame, based on https://github.com/threlte/threlte/pull/654
+ * A fixed useTask, based on https://github.com/threlte/threlte/pull/654
  *
  * @Todo Can be removed if this or a similar feature is merged.
  */
-export declare const useFixed: (fn: (ctx: ThrelteContext, delta: number) => void, options: UseFixedOptions) => import("@threlte/core/dist/hooks/legacy/useFrame").ThrelteUseFrame;
+export declare const useFixed: (fn: (delta: number) => void, options: UseFixedOptions) => import("@threlte/core").ThrelteUseTask;
 export {};

package/dist/internal/useFixed.js

@@ -1,17 +1,17 @@
-import { useFrame } from '@threlte/core';
+import { useTask } from '@threlte/core';
 /**
- * A fixed useFrame, based on https://github.com/threlte/threlte/pull/654
+ * A fixed useTask, based on https://github.com/threlte/threlte/pull/654
  *
  * @Todo Can be removed if this or a similar feature is merged.
  */
 export const useFixed = (fn, options) => {
     let fixedStepTimeAccumulator = 0;
     let fixedStep = options.fixedStep ?? 1 / 60;
-    return useFrame((ctx, delta) => {
+    return useTask((delta) => {
         fixedStepTimeAccumulator += delta;
         while (fixedStepTimeAccumulator >= fixedStep) {
             fixedStepTimeAccumulator -= fixedStep;
-            fn(ctx, fixedStep);
+            fn(fixedStep);
         }
     }, options);
 };

package/dist/plugins/pointerControls/index.js

@@ -14,7 +14,7 @@ export const pointerControls = (handedness, options) => {
             interactiveObjects: [],
             raycaster: new Raycaster(),
             compute: options?.compute ?? defaultComputeFunction,
-            filter: options?.filter,
+            filter: options?.filter
         });
     }
     const context = getControlsContext();
@@ -28,14 +28,14 @@ export const pointerControls = (handedness, options) => {
             lastEvent: undefined,
             initialClick: [0, 0, 0],
             initialHits: [],
-            hovered: new Map(),
+            hovered: new Map()
         };
         setHandContext(handedness, ctx);
         setupPointerControls(context, ctx, options?.fixedStep);
     }
     const handContext = getHandContext(handedness);
     watch(handContext.enabled, (enabled) => {
-        controlsCounter += (enabled ? 1 : -1);
+        controlsCounter += enabled ? 1 : -1;
         pointerState.update((value) => {
             value[handedness].enabled = controlsCounter > 0;
             return value;
@@ -49,6 +49,6 @@ export const pointerControls = (handedness, options) => {
     });
     return {
         enabled: handContext.enabled,
-        hovered: handContext.hovered,
+        hovered: handContext.hovered
     };
 };

package/dist/plugins/pointerControls/types.d.ts

@@ -0,0 +1,62 @@
+import type { Intersection as ThreeIntersection, Object3D, Vector3, Ray, Raycaster, Event } from 'three';
+import type { CurrentWritable } from '@threlte/core';
+import type { ComputeFunction } from './compute';
+export type Properties<T> = Pick<T, {
+    [K in keyof T]: T[K] extends (_: any) => any ? never : K;
+}[keyof T]>;
+export interface Intersection extends ThreeIntersection {
+    /** The event source (the object which registered the handler) */
+    eventObject: Object3D;
+}
+export interface IntersectionEvent extends Intersection {
+    /** The event source (the object which registered the handler) */
+    eventObject: Object3D;
+    /** An array of intersections */
+    intersections: Intersection[];
+    /** Normalized event coordinates */
+    pointer: Vector3;
+    /** Delta between first click and this event */
+    delta: number;
+    /** The ray that pierced it */
+    ray: Ray;
+    /** stopPropagation will stop underlying handlers from firing */
+    stopPropagation: () => void;
+    /** The original host event */
+    nativeEvent: Event | undefined;
+    /** If the event was stopped by calling stopPropagation */
+    stopped: boolean;
+}
+export type FilterFunction = (items: Intersection[], state: ControlsContext, handState: HandContext) => Intersection[];
+export type ControlsContext = {
+    interactiveObjects: Object3D[];
+    raycaster: Raycaster;
+    compute: ComputeFunction;
+    filter?: FilterFunction | undefined;
+};
+export type HandContext = {
+    hand: 'left' | 'right';
+    enabled: CurrentWritable<boolean>;
+    pointer: CurrentWritable<Vector3>;
+    pointerOverTarget: CurrentWritable<boolean>;
+    lastEvent: Event | undefined;
+    initialClick: [x: number, y: number, z: number];
+    initialHits: Object3D[];
+    hovered: Map<string, IntersectionEvent>;
+};
+export interface PointerCaptureTarget {
+    intersection: Intersection;
+    target: Element;
+}
+export type ThrelteXREvents = {
+    click: IntersectionEvent;
+    contextmenu: IntersectionEvent;
+    pointerup: IntersectionEvent;
+    pointerdown: IntersectionEvent;
+    pointerover: IntersectionEvent;
+    pointerout: IntersectionEvent;
+    pointerenter: IntersectionEvent;
+    pointerleave: IntersectionEvent;
+    pointermove: IntersectionEvent;
+    pointermissed: IntersectionEvent;
+};
+export declare const events: (keyof ThrelteXREvents)[];

package/package.json

@@ -1,24 +1,28 @@
 {
   "name": "@threlte/xr",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "devDependencies": {
     "@sveltejs/adapter-auto": "^2.1.0",
-    "@sveltejs/kit": "^1.22.3",
-    "@sveltejs/package": "^2.2.0",
+    "@sveltejs/kit": "^1.26.0",
+    "@sveltejs/package": "^2.2.2",
+    "@typescript-eslint/eslint-plugin": "^6.8.0",
+    "@typescript-eslint/parser": "^6.8.0",
+    "eslint": "^8.51.0",
+    "eslint-plugin-svelte": "^2.34.0",
+    "svelte-check": "^3.5.2",
+    "typescript": "^5.2.2",
     "@types/three": "^0.158.3",
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.27",
     "publint": "^0.1.16",
     "svelte": "^4.1.1",
-    "svelte-check": "^3.4.6",
     "three": "^0.158.0",
     "tslib": "^2.6.0",
-    "typescript": "^5.1.6",
     "vite": "^4.4.6",
     "vite-plugin-mkcert": "^1.16.0",
-    "@threlte/core": "7.0.0"
+    "@threlte/core": "7.0.4"
   },
   "peerDependencies": {
     "svelte": ">=4",