@threlte/xr 0.1.2 → 1.0.0-next.0

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

@@ -1,241 +1,25 @@
 /// <reference types="webxr" />
 import { SvelteComponent } from "svelte";
+import type { HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        disabled?: boolean | null | undefined;
-        form?: string | null | undefined;
-        formaction?: string | null | undefined;
-        formenctype?: string | null | undefined;
-        formmethod?: string | null | undefined;
-        formnovalidate?: boolean | null | undefined;
-        formtarget?: string | null | undefined;
-        name?: string | 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?: "inherit" | import("svelte/elements").Booleanish | null | undefined;
-        contextmenu?: string | null | undefined;
-        dir?: string | null | undefined;
-        draggable?: import("svelte/elements").Booleanish | null | undefined;
-        enterkeyhint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | null | undefined;
-        hidden?: boolean | null | undefined;
-        id?: string | null | undefined;
-        lang?: string | null | undefined;
-        part?: string | null | undefined;
-        placeholder?: string | null | undefined;
-        slot?: string | null | undefined;
-        spellcheck?: import("svelte/elements").Booleanish | null | undefined;
-        style?: string | null | undefined;
-        tabindex?: number | null | undefined;
-        title?: string | null | undefined;
-        translate?: "" | "yes" | "no" | null | undefined;
-        inert?: boolean | null | undefined;
-        radiogroup?: string | null | undefined;
-        role?: import("svelte/elements").AriaRole | null | undefined;
-        about?: string | null | undefined;
-        datatype?: string | null | undefined;
-        inlist?: any;
-        prefix?: string | null | undefined;
-        property?: string | null | undefined;
-        resource?: string | null | undefined;
-        typeof?: string | null | undefined;
-        vocab?: string | null | undefined;
-        autocapitalize?: string | null | undefined;
-        autocorrect?: string | null | undefined;
-        autosave?: string | null | undefined;
-        color?: string | null | undefined;
-        itemprop?: string | null | undefined;
-        itemscope?: boolean | null | undefined;
-        itemtype?: string | null | undefined;
-        itemid?: string | null | undefined;
-        itemref?: string | null | undefined;
-        results?: number | null | undefined;
-        security?: string | 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'?: DOMRectReadOnly | null | undefined;
-        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
-        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
-        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
-        'aria-activedescendant'?: string | null | undefined;
-        'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-autocomplete'?: "inline" | "both" | "none" | "list" | null | undefined;
-        'aria-busy'?: import("svelte/elements").Booleanish | 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'?: "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" | "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'?: "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;
-        'aria-label'?: string | null | undefined;
-        'aria-labelledby'?: string | null | undefined;
-        'aria-level'?: number | null | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
-        'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
-        'aria-owns'?: string | null | undefined;
-        'aria-placeholder'?: string | null | undefined;
-        'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
-        'aria-readonly'?: import("svelte/elements").Booleanish | 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;
-        'aria-rowindex'?: number | null | undefined;
-        'aria-rowspan'?: number | null | undefined;
-        'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
-        'aria-setsize'?: number | 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;
-        'aria-valuetext'?: string | null | undefined;
-        'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
-        'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
-        'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
-        'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
-        'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
-        'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
-        'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
-        'on:change'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
-        'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLButtonElement> | null | undefined;
-        '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, HTMLButtonElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, 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, 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;
-        'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        'on:drag'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:drop'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
-        'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
-        '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, 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;
-        'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
-        'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
-        'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
-        'on:resize'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
-        'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLButtonElement> | null | undefined;
-        'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
-        'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
-        'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
-        'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
-        'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
-        'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
-        'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
-        '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, 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;
+    props: HTMLButtonAttributes & {
+        /** The type of `XRSession` to create */
         mode: XRSessionMode;
+        /**
+         * `XRSession` configuration options
+         * @see https://immersive-web.github.io/webxr/#feature-dependencies
+         */
         sessionInit?: (XRSessionInit & {
             domOverlay?: {
                 root: HTMLElement;
             } | undefined;
         }) | undefined;
+        /** Whether this button should only enter / exit an `XRSession`. Default is to toggle both ways */
         force?: "enter" | "exit" | undefined;
+        /** Whether to apply automatic styling to the button. Set false to apply custom styles. Default is true. */
         styled?: boolean | undefined;
     };
     events: {
-        click: CustomEvent<{
-            state: 'unsupported' | 'insecure' | 'blocked' | 'supported';
-            nativeEvent: MouseEvent;
-        }>;
-        error: CustomEvent<Error>;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/dist/components/internal/Cursor.svelte

@@ -43,9 +43,7 @@ $:
   shaderMaterial.uniforms.color.value = color;
 </script>
 
-<T.Mesh
-  scale={size}
->
+<T.Mesh scale={size}>
   <T.PlaneGeometry />
   <T is={shaderMaterial} />
 </T.Mesh>

package/dist/components/internal/ShortRay.svelte

@@ -15,9 +15,7 @@ $:
       rotation.x={-Math.PI / 2}
       position.z={-0.1}
     >
-      <T.CylinderGeometry
-        args={[0.002, 0.002, 0.2, 16, 1, false]}
-      />
+      <T.CylinderGeometry args={[0.002, 0.002, 0.2, 16, 1, false]} />
       <T.RawShaderMaterial
         transparent
         vertexShader={`
@@ -42,4 +40,3 @@ $:
     </T.Mesh>
   </slot>
 </T.Group>
-

package/dist/components/internal/TeleportRay.svelte

@@ -1,7 +1,7 @@
 <script>import { Vector3, QuadraticBezierCurve3, Vector2 } from "three";
-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 { Line2 } from "three/examples/jsm/lines/Line2.js";
+import { LineGeometry } from "three/examples/jsm/lines/LineGeometry.js";
+import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
 import { T, useTask } from "@threlte/core";
 import { teleportIntersection } from "../../internal/stores";
 export let handedness;

package/dist/hooks/useXR.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="webxr" />
 import type { CurrentWritable } from '@threlte/core';
-import { isPresenting, isHandTracking, session } from '../internal/stores';
 /**
  * Provides access to context related to `<XR />`.
  */

package/dist/internal/setupControllers.js

@@ -1,9 +1,9 @@
-import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory';
+import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory.js';
 import { useThrelte } from '@threlte/core';
 import { onMount } from 'svelte';
 import { useHandTrackingState } from './useHandTrackingState';
 import { gaze, left, right } from '../hooks/useController';
-import { controllerDispatchers } from './stores';
+import { controllerEvents } from './stores';
 export const setupControllers = () => {
     const factory = new XRControllerModelFactory();
     const stores = { left, right, none: gaze };
@@ -23,7 +23,7 @@ export const setupControllers = () => {
             if (hasHands())
                 return;
             const { data } = event;
-            controllerDispatchers[data.handedness]?.current?.(event.type, event);
+            controllerEvents[data.handedness]?.[event.type]?.(event);
         };
         function handleConnected(event) {
             const { model, targetRay, grip } = indexMap.get(this);

package/dist/internal/setupHands.js

@@ -1,9 +1,9 @@
-import { XRHandModelFactory } from 'three/examples/jsm/webxr/XRHandModelFactory';
+import { XRHandModelFactory } from 'three/examples/jsm/webxr/XRHandModelFactory.js';
 import { useThrelte } from '@threlte/core';
 import { onMount } from 'svelte';
 import { left, right } from '../hooks/useHand';
 import { useHandTrackingState } from './useHandTrackingState';
-import { handDispatchers } from './stores';
+import { handEvents } from './stores';
 export const setupHands = () => {
     const factory = new XRHandModelFactory();
     const stores = { left, right };
@@ -24,7 +24,7 @@ export const setupHands = () => {
                 return;
             const handEvent = event;
             const handedness = 'handedness' in handEvent ? handEvent.handedness : handEvent.data.handedness;
-            handDispatchers[handedness]?.current?.(event.type, event);
+            handEvents[handedness]?.[event.type]?.(event);
         };
         function handleConnected(event) {
             const hand = this;

package/dist/internal/setupRaf.js

@@ -1,5 +1,5 @@
 // @ts-expect-error svelte/internal is untyped.
-import { set_raf } from 'svelte/internal';
+// import { set_raf } from 'svelte/internal'
 import { onDestroy } from 'svelte';
 import { watch } from '@threlte/core';
 import { session } from './stores';
@@ -8,7 +8,7 @@ export const setupRaf = () => {
         return;
     const browserRaf = (fn) => requestAnimationFrame(fn);
     const currentRaf = { fn: browserRaf };
-    set_raf((fn) => currentRaf.fn(fn));
+    // set_raf((fn: FrameRequestCallback) => currentRaf.fn(fn))
     watch(session, (session) => {
         if (session) {
             currentRaf.fn = (fn) => session.requestAnimationFrame(fn);

package/dist/internal/stores.d.ts

@@ -5,21 +5,13 @@ export declare const isHandTracking: import("@threlte/core").CurrentWritable<boo
 export declare const session: import("@threlte/core").CurrentWritable<XRSession | undefined>;
 export declare const referenceSpaceType: import("@threlte/core").CurrentWritable<XRReferenceSpaceType | undefined>;
 export declare const xr: import("@threlte/core").CurrentWritable<WebXRManager | undefined>;
-export declare const controllerDispatchers: {
-    left: import("@threlte/core").CurrentWritable<((<Type extends string>(type: Type, payload?: unknown) => void) & {
-        hasEventListener: <Type_1 extends string>(type: Type_1) => boolean;
-    }) | undefined>;
-    right: import("@threlte/core").CurrentWritable<((<Type extends string>(type: Type, payload?: unknown) => void) & {
-        hasEventListener: <Type_1 extends string>(type: Type_1) => boolean;
-    }) | undefined>;
+export declare const controllerEvents: {
+    left: import("@threlte/core").CurrentWritable<Record<string, (arg: unknown) => void> | undefined>;
+    right: import("@threlte/core").CurrentWritable<Record<string, (arg: unknown) => void> | undefined>;
 };
-export declare const handDispatchers: {
-    left: import("@threlte/core").CurrentWritable<((<Type extends string>(type: Type, payload?: unknown) => void) & {
-        hasEventListener: <Type_1 extends string>(type: Type_1) => boolean;
-    }) | undefined>;
-    right: import("@threlte/core").CurrentWritable<((<Type extends string>(type: Type, payload?: unknown) => void) & {
-        hasEventListener: <Type_1 extends string>(type: Type_1) => boolean;
-    }) | undefined>;
+export declare const handEvents: {
+    left: import("@threlte/core").CurrentWritable<Record<string, (arg: unknown) => void> | undefined>;
+    right: import("@threlte/core").CurrentWritable<Record<string, (arg: unknown) => void> | undefined>;
 };
 export declare const teleportState: import("@threlte/core").CurrentWritable<{
     left: {

package/dist/internal/stores.js

@@ -4,11 +4,11 @@ export const isHandTracking = currentWritable(false);
 export const session = currentWritable(undefined);
 export const referenceSpaceType = currentWritable(undefined);
 export const xr = currentWritable(undefined);
-export const controllerDispatchers = {
+export const controllerEvents = {
     left: currentWritable(undefined),
     right: currentWritable(undefined)
 };
-export const handDispatchers = {
+export const handEvents = {
     left: currentWritable(undefined),
     right: currentWritable(undefined)
 };

package/dist/plugins/pointerControls/useComponentEventHandlers.js

@@ -1,13 +1,11 @@
 import { onMount } from 'svelte';
-import { get_current_component } from 'svelte/internal';
 import { writable } from 'svelte/store';
-import { events } from './types';
+// import { events } from './types'
 export const useComponentHasEventHandlers = () => {
-    const component = get_current_component();
     const hasEventHandlers = writable(false);
     onMount(() => {
-        const match = Object.keys(component.$$.callbacks).some((callback) => events.includes(callback));
-        hasEventHandlers.set(match);
+        // const match = Object.keys(component.$$.callbacks).some((callback) => events.includes(callback))
+        hasEventHandlers.set(true);
     });
     return {
         hasEventHandlers

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="webxr" />
 import type { Event, Group, XRTargetRaySpace, XRGripSpace, XRHandSpace } from 'three';
-import type { XRControllerModel } from 'three/examples/jsm/webxr/XRControllerModelFactory';
-import type { XRHandModel } from 'three/examples/jsm/webxr/XRHandModelFactory';
+import type { XRControllerModel } from 'three/examples/jsm/webxr/XRControllerModelFactory.js';
+import type { XRHandModel } from 'three/examples/jsm/webxr/XRHandModelFactory.js';
 export type XRSessionEventType = 'sessionstart' | 'sessionend' | 'visibilitychange' | 'frameratechange';
 export type XRControllerEventType = 'select' | 'selectstart' | 'selectend' | 'squeeze' | 'squeezeend' | 'squeezestart' | 'disconnected' | 'connected';
 export type XRHandEventType = 'pinchstart' | 'pinchend' | 'connected' | 'disconnected';

package/package.json

@@ -1,32 +1,33 @@
 {
   "name": "@threlte/xr",
-  "version": "0.1.2",
+  "version": "1.0.0-next.0",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.1.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",
-    "three": "^0.158.0",
-    "tslib": "^2.6.0",
-    "vite": "^4.4.6",
-    "vite-plugin-mkcert": "^1.16.0",
-    "@threlte/core": "7.0.4"
+    "@sveltejs/adapter-auto": "^3.2.0",
+    "@sveltejs/kit": "^2.5.5",
+    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-svelte": "^2.36.0",
+    "svelte-check": "^3.6.9",
+    "typescript": "^5.4.4",
+    "@types/three": "^0.163.0",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "publint": "^0.2.7",
+    "svelte": "^4.2.12",
+    "three": "^0.163.0",
+    "tslib": "^2.6.2",
+    "vite": "^5.2.8",
+    "vite-plugin-mkcert": "^1.17.5",
+    "@threlte/core": "8.0.0-next.0"
   },
   "peerDependencies": {
     "svelte": ">=4",
-    "three": ">=0.133"
+    "three": ">=0.152"
   },
   "type": "module",
   "exports": {

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

@@ -1,12 +0,0 @@
-import type { createRawEventDispatcher } from '@threlte/core';
-import type { ControlsContext, HandContext, ThrelteXREvents } from './types';
-export declare const getHandContext: (hand: 'left' | 'right') => HandContext;
-export declare const setHandContext: (hand: 'left' | 'right', context: HandContext) => void;
-export declare const getControlsContext: () => ControlsContext;
-export declare const setControlsContext: (context: ControlsContext) => void;
-interface InternalContext {
-    dispatchers: WeakMap<THREE.Object3D, ReturnType<typeof createRawEventDispatcher<ThrelteXREvents>>>;
-}
-export declare const getInternalContext: () => InternalContext;
-export declare const setInternalContext: () => void;
-export {};