@threlte/xr 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/components/ARButton.svelte.d.ts +79 -80
  2. package/dist/components/Hand.svelte +21 -16
  3. package/dist/components/Headset.svelte.d.ts +0 -1
  4. package/dist/components/VRButton.svelte.d.ts +77 -78
  5. package/dist/components/XR.svelte.d.ts +2 -2
  6. package/dist/components/XRButton.svelte.d.ts +53 -54
  7. package/dist/components/internal/Cursor.svelte.d.ts +3 -4
  8. package/dist/components/internal/PointerCursor.svelte +3 -3
  9. package/dist/components/internal/PointerCursor.svelte.d.ts +0 -1
  10. package/dist/components/internal/ScenePortal.svelte.d.ts +0 -1
  11. package/dist/components/internal/ShortRay.svelte.d.ts +0 -1
  12. package/dist/components/internal/TeleportCursor.svelte +3 -3
  13. package/dist/components/internal/TeleportCursor.svelte.d.ts +0 -1
  14. package/dist/components/internal/TeleportRay.svelte +3 -3
  15. package/dist/components/internal/TeleportRay.svelte.d.ts +0 -1
  16. package/dist/hooks/useHandJoint.js +4 -3
  17. package/dist/hooks/useHitTest.js +4 -4
  18. package/dist/index.d.ts +1 -1
  19. package/dist/internal/setupHands.js +1 -1
  20. package/dist/internal/setupHeadset.js +5 -5
  21. package/dist/internal/useFixed.d.ts +4 -4
  22. package/dist/internal/useFixed.js +4 -4
  23. package/dist/plugins/pointerControls/index.js +4 -4
  24. package/dist/plugins/pointerControls/types.d.ts +62 -0
  25. package/package.json +10 -6
package/dist/components/ARButton.svelte.d.ts CHANGED
@@ -1,54 +1,46 @@
1
- /// <reference types="bun-types" />
2
1
  /// <reference types="webxr" />
3
2
  import { SvelteComponent } from "svelte";
4
3
  declare const __propDef: {
5
4
  props: {
6
- force?: "enter" | "exit";
7
- styled?: boolean;
8
- form?: string | null | undefined;
9
- radiogroup?: string | null | undefined;
5
+ type?: "button" | "reset" | "submit" | null | undefined;
6
+ id?: string | null | undefined;
10
7
  name?: string | null | undefined;
11
- style?: string | null | undefined;
12
- disabled?: boolean | null | undefined;
13
- formaction?: string | null | undefined;
14
- formenctype?: string | null | undefined;
15
- formmethod?: string | null | undefined;
16
- formnovalidate?: boolean | null | undefined;
17
- formtarget?: string | null | undefined;
18
- type?: "submit" | "reset" | "button" | null | undefined;
8
+ color?: string | null | undefined;
9
+ translate?: "" | "yes" | "no" | null | undefined;
19
10
  value?: string | number | string[] | null | undefined;
20
- accesskey?: string | null | undefined;
21
- autofocus?: boolean | null | undefined;
22
- class?: string | null | undefined;
23
- contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
24
- contextmenu?: string | null | undefined;
11
+ hidden?: boolean | null | undefined;
12
+ form?: string | null | undefined;
13
+ slot?: string | null | undefined;
14
+ style?: string | null | undefined;
15
+ title?: string | null | undefined;
25
16
  dir?: string | null | undefined;
17
+ contextmenu?: string | null | undefined;
18
+ autocapitalize?: string | null | undefined;
26
19
  draggable?: import("svelte/elements").Booleanish | null | undefined;
27
- enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
28
- hidden?: boolean | null | undefined;
29
- id?: string | null | undefined;
20
+ inert?: boolean | null | undefined;
30
21
  lang?: string | null | undefined;
22
+ spellcheck?: import("svelte/elements").Booleanish | null | undefined;
31
23
  part?: string | null | undefined;
24
+ prefix?: string | null | undefined;
25
+ role?: import("svelte/elements").AriaRole | null | undefined;
26
+ autofocus?: boolean | null | undefined;
27
+ disabled?: boolean | null | undefined;
28
+ class?: string | null | undefined;
29
+ typeof?: string | null | undefined;
30
+ radiogroup?: string | null | undefined;
31
+ accesskey?: string | null | undefined;
32
+ contenteditable?: "inherit" | import("svelte/elements").Booleanish | null | undefined;
33
+ enterkeyhint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | null | undefined;
32
34
  placeholder?: string | null | undefined;
33
- slot?: string | null | undefined;
34
- spellcheck?: import("svelte/elements").Booleanish | null | undefined;
35
35
  tabindex?: number | null | undefined;
36
- title?: string | null | undefined;
37
- translate?: "" | "yes" | "no" | null | undefined;
38
- inert?: boolean | null | undefined;
39
- role?: import("svelte/elements").AriaRole | null | undefined;
40
36
  about?: string | null | undefined;
41
37
  datatype?: string | null | undefined;
42
38
  inlist?: any;
43
- prefix?: string | null | undefined;
44
39
  property?: string | null | undefined;
45
40
  resource?: string | null | undefined;
46
- typeof?: string | null | undefined;
47
41
  vocab?: string | null | undefined;
48
- autocapitalize?: string | null | undefined;
49
42
  autocorrect?: string | null | undefined;
50
43
  autosave?: string | null | undefined;
51
- color?: string | null | undefined;
52
44
  itemprop?: string | null | undefined;
53
45
  itemscope?: boolean | null | undefined;
54
46
  itemtype?: string | null | undefined;
@@ -56,13 +48,13 @@ declare const __propDef: {
56
48
  itemref?: string | null | undefined;
57
49
  results?: number | null | undefined;
58
50
  security?: string | null | undefined;
59
- unselectable?: "on" | "off" | null | undefined;
60
- inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
51
+ unselectable?: "off" | "on" | null | undefined;
52
+ inputmode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | null | undefined;
61
53
  is?: string | null | undefined;
62
54
  'bind:innerHTML'?: string | null | undefined;
63
55
  'bind:textContent'?: string | null | undefined;
64
56
  'bind:innerText'?: string | null | undefined;
65
- 'bind:contentRect'?: any;
57
+ 'bind:contentRect'?: DOMRectReadOnly | null | undefined;
66
58
  'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
67
59
  'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
68
60
  'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
@@ -74,23 +66,23 @@ declare const __propDef: {
74
66
  'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
75
67
  'aria-activedescendant'?: string | null | undefined;
76
68
  'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
77
- 'aria-autocomplete'?: "inline" | "list" | "none" | "both" | null | undefined;
69
+ 'aria-autocomplete'?: "inline" | "both" | "none" | "list" | null | undefined;
78
70
  'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
79
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
71
+ 'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
80
72
  'aria-colcount'?: number | null | undefined;
81
73
  'aria-colindex'?: number | null | undefined;
82
74
  'aria-colspan'?: number | null | undefined;
83
75
  'aria-controls'?: string | null | undefined;
84
- 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
76
+ 'aria-current'?: "time" | "location" | "page" | import("svelte/elements").Booleanish | "step" | "date" | null | undefined;
85
77
  'aria-describedby'?: string | null | undefined;
86
78
  'aria-details'?: string | null | undefined;
87
79
  'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
88
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
80
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | null | undefined;
89
81
  'aria-errormessage'?: string | null | undefined;
90
82
  'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
91
83
  'aria-flowto'?: string | null | undefined;
92
84
  'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
93
- 'aria-haspopup'?: import("svelte/elements").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
85
+ 'aria-haspopup'?: "grid" | "dialog" | "menu" | import("svelte/elements").Booleanish | "listbox" | "tree" | null | undefined;
94
86
  'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
95
87
  'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
96
88
  'aria-keyshortcuts'?: string | null | undefined;
@@ -105,9 +97,9 @@ declare const __propDef: {
105
97
  'aria-owns'?: string | null | undefined;
106
98
  'aria-placeholder'?: string | null | undefined;
107
99
  'aria-posinset'?: number | null | undefined;
108
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
100
+ 'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
109
101
  'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
110
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
102
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
111
103
  'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
112
104
  'aria-roledescription'?: string | null | undefined;
113
105
  'aria-rowcount'?: number | null | undefined;
@@ -115,7 +107,7 @@ declare const __propDef: {
115
107
  'aria-rowspan'?: number | null | undefined;
116
108
  'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
117
109
  'aria-setsize'?: number | null | undefined;
118
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
110
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending" | null | undefined;
119
111
  'aria-valuemax'?: number | null | undefined;
120
112
  'aria-valuemin'?: number | null | undefined;
121
113
  'aria-valuenow'?: number | null | undefined;
@@ -135,37 +127,37 @@ declare const __propDef: {
135
127
  'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
136
128
  'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
137
129
  'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
138
- 'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
130
+ 'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
139
131
  'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
140
- 'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
141
- 'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
142
- 'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
132
+ 'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
133
+ 'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
134
+ 'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
143
135
  'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
144
136
  'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
145
137
  'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
146
- 'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
147
- 'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
148
- 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
149
- 'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
150
- 'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
151
- 'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
152
- 'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
153
- 'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
154
- 'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
155
- 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
156
- 'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
157
- 'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
158
- 'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
159
- 'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
160
- 'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
161
- 'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
162
- 'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
163
- 'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
164
- 'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
165
- 'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
166
- 'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
167
- 'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
168
- 'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
138
+ 'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
139
+ 'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
140
+ 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
141
+ 'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
142
+ 'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
143
+ 'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
144
+ 'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
145
+ 'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
146
+ 'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
147
+ 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
148
+ 'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
149
+ 'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
150
+ 'on:play'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
151
+ 'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
152
+ 'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
153
+ 'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
154
+ 'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
155
+ 'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
156
+ 'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
157
+ 'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
158
+ 'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
159
+ 'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
160
+ 'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
169
161
  'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
170
162
  'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
171
163
  'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
@@ -185,9 +177,9 @@ declare const __propDef: {
185
177
  'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
186
178
  'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
187
179
  'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
188
- 'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
189
- 'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
190
- 'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
180
+ 'on:select'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
181
+ 'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
182
+ 'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
191
183
  'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
192
184
  'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
193
185
  'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
@@ -218,20 +210,27 @@ declare const __propDef: {
218
210
  'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
219
211
  'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
220
212
  'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
221
- 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
222
- 'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
223
- 'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
224
- 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
225
- 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
226
- sessionInit?: XRSessionInit & {
213
+ 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
214
+ 'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
215
+ 'on:close'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
216
+ 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
217
+ 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
218
+ formaction?: string | null | undefined;
219
+ formenctype?: string | null | undefined;
220
+ formmethod?: string | null | undefined;
221
+ formnovalidate?: boolean | null | undefined;
222
+ formtarget?: string | null | undefined;
223
+ force?: "enter" | "exit" | undefined;
224
+ styled?: boolean | undefined;
225
+ sessionInit?: (XRSessionInit & {
227
226
  domOverlay?: {
228
227
  root: HTMLElement;
229
228
  } | undefined;
230
- };
229
+ }) | undefined;
231
230
  };
232
231
  events: {
233
232
  click: CustomEvent<{
234
- state: "unsupported" | "insecure" | "blocked" | "supported";
233
+ state: "blocked" | "unsupported" | "insecure" | "supported";
235
234
  nativeEvent: MouseEvent;
236
235
  }>;
237
236
  error: CustomEvent<Error>;
package/dist/components/Hand.svelte CHANGED
@@ -1,5 +1,7 @@
1
- <script context='module'>import { Group } from "three";
2
- import { T, useThrelte, createRawEventDispatcher, useFrame } from "@threlte/core";
1
+ <script
2
+
3
+ context="module"
4
+ >import { T, useThrelte, createRawEventDispatcher, useTask } from "@threlte/core";
3
5
  import { isHandTracking, handDispatchers } from "../internal/stores";
4
6
  import { left as leftStore, right as rightStore } from "../hooks/useHand";
5
7
  import ScenePortal from "./internal/ScenePortal.svelte";
@@ -22,18 +24,21 @@ $:
22
24
  $:
23
25
  handDispatchers[$handedness].set(dispatch);
24
26
  let children;
25
- const { start, stop } = useFrame(() => {
26
- const frame = xr.getFrame();
27
- const joint = inputSource.get("wrist");
28
- if (joint === void 0 || space === null)
29
- return;
30
- const pose = frame.getJointPose?.(joint, space);
31
- if (pose === void 0 || pose === null)
32
- return;
33
- const { position, orientation } = pose.transform;
34
- children.position.set(position.x, position.y, position.z);
35
- children.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w);
36
- }, { autostart: false });
27
+ const { start, stop } = useTask(
28
+ () => {
29
+ const frame = xr.getFrame();
30
+ const joint = inputSource.get("wrist");
31
+ if (joint === void 0 || space === null)
32
+ return;
33
+ const pose = frame.getJointPose?.(joint, space);
34
+ if (pose === void 0 || pose === null)
35
+ return;
36
+ const { position, orientation } = pose.transform;
37
+ children.position.set(position.x, position.y, position.z);
38
+ children.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w);
39
+ },
40
+ { autoStart: false }
41
+ );
37
42
  $:
38
43
  if ($isHandTracking && ($$slots.wrist || $$slots.default) && inputSource) {
39
44
  start();
@@ -57,7 +62,7 @@ $:
57
62
 
58
63
  {#if $$slots['target-ray'] !== undefined}
59
64
  <T is={$store.targetRay}>
60
- <slot name='target-ray' />
65
+ <slot name="target-ray" />
61
66
  </T>
62
67
  {/if}
63
68
  {/if}
@@ -65,7 +70,7 @@ $:
65
70
  {#if $isHandTracking}
66
71
  <ScenePortal>
67
72
  <T.Group bind:ref={children}>
68
- <slot name='wrist' />
73
+ <slot name="wrist" />
69
74
  <slot />
70
75
  </T.Group>
71
76
  </ScenePortal>
package/dist/components/Headset.svelte.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="bun-types" />
2
1
  import { SvelteComponent } from "svelte";
3
2
  declare const __propDef: {
4
3
  props: Record<string, never>;
package/dist/components/VRButton.svelte.d.ts CHANGED
@@ -1,53 +1,45 @@
1
- /// <reference types="bun-types" />
2
1
  import { SvelteComponent } from "svelte";
3
2
  declare const __propDef: {
4
3
  props: {
5
- force?: "enter" | "exit";
6
- styled?: boolean;
7
- form?: string | null | undefined;
8
- radiogroup?: string | null | undefined;
4
+ type?: "button" | "reset" | "submit" | null | undefined;
5
+ id?: string | null | undefined;
9
6
  name?: string | null | undefined;
10
- style?: string | null | undefined;
11
- disabled?: boolean | null | undefined;
12
- formaction?: string | null | undefined;
13
- formenctype?: string | null | undefined;
14
- formmethod?: string | null | undefined;
15
- formnovalidate?: boolean | null | undefined;
16
- formtarget?: string | null | undefined;
17
- type?: "submit" | "reset" | "button" | null | undefined;
7
+ color?: string | null | undefined;
8
+ translate?: "" | "yes" | "no" | null | undefined;
18
9
  value?: string | number | string[] | null | undefined;
19
- accesskey?: string | null | undefined;
20
- autofocus?: boolean | null | undefined;
21
- class?: string | null | undefined;
22
- contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
23
- contextmenu?: string | null | undefined;
10
+ hidden?: boolean | null | undefined;
11
+ form?: string | null | undefined;
12
+ slot?: string | null | undefined;
13
+ style?: string | null | undefined;
14
+ title?: string | null | undefined;
24
15
  dir?: string | null | undefined;
16
+ contextmenu?: string | null | undefined;
17
+ autocapitalize?: string | null | undefined;
25
18
  draggable?: import("svelte/elements").Booleanish | null | undefined;
26
- enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | null | undefined;
27
- hidden?: boolean | null | undefined;
28
- id?: string | null | undefined;
19
+ inert?: boolean | null | undefined;
29
20
  lang?: string | null | undefined;
21
+ spellcheck?: import("svelte/elements").Booleanish | null | undefined;
30
22
  part?: string | null | undefined;
23
+ prefix?: string | null | undefined;
24
+ role?: import("svelte/elements").AriaRole | null | undefined;
25
+ autofocus?: boolean | null | undefined;
26
+ disabled?: boolean | null | undefined;
27
+ class?: string | null | undefined;
28
+ typeof?: string | null | undefined;
29
+ radiogroup?: string | null | undefined;
30
+ accesskey?: string | null | undefined;
31
+ contenteditable?: "inherit" | import("svelte/elements").Booleanish | null | undefined;
32
+ enterkeyhint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | null | undefined;
31
33
  placeholder?: string | null | undefined;
32
- slot?: string | null | undefined;
33
- spellcheck?: import("svelte/elements").Booleanish | null | undefined;
34
34
  tabindex?: number | null | undefined;
35
- title?: string | null | undefined;
36
- translate?: "" | "yes" | "no" | null | undefined;
37
- inert?: boolean | null | undefined;
38
- role?: import("svelte/elements").AriaRole | null | undefined;
39
35
  about?: string | null | undefined;
40
36
  datatype?: string | null | undefined;
41
37
  inlist?: any;
42
- prefix?: string | null | undefined;
43
38
  property?: string | null | undefined;
44
39
  resource?: string | null | undefined;
45
- typeof?: string | null | undefined;
46
40
  vocab?: string | null | undefined;
47
- autocapitalize?: string | null | undefined;
48
41
  autocorrect?: string | null | undefined;
49
42
  autosave?: string | null | undefined;
50
- color?: string | null | undefined;
51
43
  itemprop?: string | null | undefined;
52
44
  itemscope?: boolean | null | undefined;
53
45
  itemtype?: string | null | undefined;
@@ -55,13 +47,13 @@ declare const __propDef: {
55
47
  itemref?: string | null | undefined;
56
48
  results?: number | null | undefined;
57
49
  security?: string | null | undefined;
58
- unselectable?: "on" | "off" | null | undefined;
59
- inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
50
+ unselectable?: "off" | "on" | null | undefined;
51
+ inputmode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | null | undefined;
60
52
  is?: string | null | undefined;
61
53
  'bind:innerHTML'?: string | null | undefined;
62
54
  'bind:textContent'?: string | null | undefined;
63
55
  'bind:innerText'?: string | null | undefined;
64
- 'bind:contentRect'?: any;
56
+ 'bind:contentRect'?: DOMRectReadOnly | null | undefined;
65
57
  'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
66
58
  'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
67
59
  'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
@@ -73,23 +65,23 @@ declare const __propDef: {
73
65
  'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
74
66
  'aria-activedescendant'?: string | null | undefined;
75
67
  'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
76
- 'aria-autocomplete'?: "inline" | "list" | "none" | "both" | null | undefined;
68
+ 'aria-autocomplete'?: "inline" | "both" | "none" | "list" | null | undefined;
77
69
  'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
78
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
70
+ 'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
79
71
  'aria-colcount'?: number | null | undefined;
80
72
  'aria-colindex'?: number | null | undefined;
81
73
  'aria-colspan'?: number | null | undefined;
82
74
  'aria-controls'?: string | null | undefined;
83
- 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
75
+ 'aria-current'?: "time" | "location" | "page" | import("svelte/elements").Booleanish | "step" | "date" | null | undefined;
84
76
  'aria-describedby'?: string | null | undefined;
85
77
  'aria-details'?: string | null | undefined;
86
78
  'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
87
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
79
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | null | undefined;
88
80
  'aria-errormessage'?: string | null | undefined;
89
81
  'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
90
82
  'aria-flowto'?: string | null | undefined;
91
83
  'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
92
- 'aria-haspopup'?: import("svelte/elements").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
84
+ 'aria-haspopup'?: "grid" | "dialog" | "menu" | import("svelte/elements").Booleanish | "listbox" | "tree" | null | undefined;
93
85
  'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
94
86
  'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
95
87
  'aria-keyshortcuts'?: string | null | undefined;
@@ -104,9 +96,9 @@ declare const __propDef: {
104
96
  'aria-owns'?: string | null | undefined;
105
97
  'aria-placeholder'?: string | null | undefined;
106
98
  'aria-posinset'?: number | null | undefined;
107
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
99
+ 'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
108
100
  'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
109
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
101
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
110
102
  'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
111
103
  'aria-roledescription'?: string | null | undefined;
112
104
  'aria-rowcount'?: number | null | undefined;
@@ -114,7 +106,7 @@ declare const __propDef: {
114
106
  'aria-rowspan'?: number | null | undefined;
115
107
  'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
116
108
  'aria-setsize'?: number | null | undefined;
117
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
109
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending" | null | undefined;
118
110
  'aria-valuemax'?: number | null | undefined;
119
111
  'aria-valuemin'?: number | null | undefined;
120
112
  'aria-valuenow'?: number | null | undefined;
@@ -134,37 +126,37 @@ declare const __propDef: {
134
126
  'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
135
127
  'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
136
128
  'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
137
- 'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
129
+ 'on:invalid'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
138
130
  'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
139
- 'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
140
- 'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
141
- 'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
131
+ 'on:load'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
132
+ 'on:error'?: import("svelte/elements").EventHandler<Event, Element> | null | undefined;
133
+ 'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
142
134
  'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
143
135
  'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
144
136
  'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
145
- 'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
146
- 'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
147
- 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
148
- 'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
149
- 'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
150
- 'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
151
- 'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
152
- 'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
153
- 'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
154
- 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
155
- 'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
156
- 'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
157
- 'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
158
- 'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
159
- 'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
160
- 'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
161
- 'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
162
- 'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
163
- 'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
164
- 'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
165
- 'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
166
- 'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
167
- 'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
137
+ 'on:abort'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
138
+ 'on:canplay'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
139
+ 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
140
+ 'on:cuechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
141
+ 'on:durationchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
142
+ 'on:emptied'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
143
+ 'on:encrypted'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
144
+ 'on:ended'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
145
+ 'on:loadeddata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
146
+ 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
147
+ 'on:loadstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
148
+ 'on:pause'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
149
+ 'on:play'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
150
+ 'on:playing'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
151
+ 'on:progress'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
152
+ 'on:ratechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
153
+ 'on:seeked'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
154
+ 'on:seeking'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
155
+ 'on:stalled'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
156
+ 'on:suspend'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
157
+ 'on:timeupdate'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
158
+ 'on:volumechange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
159
+ 'on:waiting'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
168
160
  'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
169
161
  'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
170
162
  'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
@@ -184,9 +176,9 @@ declare const __propDef: {
184
176
  'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
185
177
  'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
186
178
  'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
187
- 'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
188
- 'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
189
- 'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
179
+ 'on:select'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
180
+ 'on:selectionchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
181
+ 'on:selectstart'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
190
182
  'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
191
183
  'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
192
184
  'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
@@ -217,15 +209,22 @@ declare const __propDef: {
217
209
  'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
218
210
  'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
219
211
  'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
220
- 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
221
- 'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
222
- 'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
223
- 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
224
- 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
212
+ 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
213
+ 'on:cancel'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
214
+ 'on:close'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
215
+ 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
216
+ 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, HTMLButtonElement> | null | undefined;
217
+ formaction?: string | null | undefined;
218
+ formenctype?: string | null | undefined;
219
+ formmethod?: string | null | undefined;
220
+ formnovalidate?: boolean | null | undefined;
221
+ formtarget?: string | null | undefined;
222
+ force?: "enter" | "exit" | undefined;
223
+ styled?: boolean | undefined;
225
224
  };
226
225
  events: {
227
226
  click: CustomEvent<{
228
- state: "unsupported" | "insecure" | "blocked" | "supported";
227
+ state: "blocked" | "unsupported" | "insecure" | "supported";
229
228
  nativeEvent: MouseEvent;
230
229
  }>;
231
230
  error: CustomEvent<Error>;
package/dist/components/XR.svelte.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const __propDef: {
9
9
  * 0 = no foveation, full resolution
10
10
  *
11
11
  * 1 = maximum foveation, the edges render at lower resolution
12
- */ foveation?: number;
12
+ */ foveation?: number | undefined;
13
13
  /**
14
14
  * The target framerate for the XRSystem. Smaller rates give more CPU headroom at the cost of responsiveness.
15
15
  * Recommended range is `72`-`120`. Default is unset and left to the device.
@@ -18,7 +18,7 @@ declare const __propDef: {
18
18
  * headroom based on your experience.
19
19
  * @see https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API/Rendering#refresh_rate_and_frame_rate
20
20
  */ frameRate?: number | undefined;
21
- /** Type of WebXR reference space to use. Default is `local-floor` */ referenceSpace?: XRReferenceSpaceType;
21
+ /** Type of WebXR reference space to use. Default is `local-floor` */ referenceSpace?: XRReferenceSpaceType | undefined;
22
22
  };
23
23
  slots: {
24
24
  default: {};