@threlte/xr 0.1.1 → 0.1.3

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 (23) hide show
  1. package/dist/components/ARButton.svelte +1 -3
  2. package/dist/components/ARButton.svelte.d.ts +9 -221
  3. package/dist/components/Controller.svelte +6 -1
  4. package/dist/components/Headset.svelte +3 -4
  5. package/dist/components/Headset.svelte.d.ts +0 -1
  6. package/dist/components/VRButton.svelte +1 -2
  7. package/dist/components/VRButton.svelte.d.ts +10 -222
  8. package/dist/components/XRButton.svelte +3 -2
  9. package/dist/components/XRButton.svelte.d.ts +2 -220
  10. package/dist/components/internal/Cursor.svelte +1 -3
  11. package/dist/components/internal/Cursor.svelte.d.ts +0 -1
  12. package/dist/components/internal/PointerCursor.svelte.d.ts +0 -1
  13. package/dist/components/internal/ScenePortal.svelte.d.ts +0 -1
  14. package/dist/components/internal/ShortRay.svelte +1 -4
  15. package/dist/components/internal/ShortRay.svelte.d.ts +0 -1
  16. package/dist/components/internal/TeleportCursor.svelte.d.ts +0 -1
  17. package/dist/components/internal/TeleportRay.svelte +3 -3
  18. package/dist/components/internal/TeleportRay.svelte.d.ts +0 -1
  19. package/dist/internal/setupControllers.js +1 -1
  20. package/dist/internal/setupHands.js +1 -1
  21. package/dist/plugins/pointerControls/types.d.ts +62 -0
  22. package/dist/types.d.ts +2 -2
  23. package/package.json +22 -21
package/dist/components/ARButton.svelte CHANGED
@@ -9,7 +9,6 @@
9
9
  />
10
10
  ```
11
11
  -->
12
-
13
12
  <script>import XRButton from "./XRButton.svelte";
14
13
  </script>
15
14
 
@@ -20,8 +19,7 @@
20
19
  optionalFeatures: ['local-floor', 'bounded-floor', 'hand-tracking', 'layers', 'hit-test']
21
20
  }}
22
21
  {...$$restProps}
23
- mode='immersive-ar'
24
-
22
+ mode="immersive-ar"
25
23
  on:click
26
24
  on:error
27
25
  />
package/dist/components/ARButton.svelte.d.ts CHANGED
@@ -1,228 +1,16 @@
1
- /// <reference types="bun-types" />
2
1
  /// <reference types="webxr" />
3
2
  import { SvelteComponent } from "svelte";
4
3
  declare const __propDef: {
5
- props: {
6
- name?: string | null | undefined;
7
- type?: "button" | "submit" | "reset" | null | undefined;
8
- style?: string | null | undefined;
9
- class?: string | null | undefined;
10
- typeof?: string | null | undefined;
11
- value?: string | number | string[] | null | undefined;
12
- form?: string | null | undefined;
13
- radiogroup?: string | null | undefined;
14
- accesskey?: string | null | undefined;
15
- autofocus?: boolean | null | undefined;
16
- contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
17
- contextmenu?: string | null | undefined;
18
- dir?: string | null | undefined;
19
- draggable?: import("svelte/elements").Booleanish | null | undefined;
20
- enterkeyhint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | null | undefined;
21
- hidden?: boolean | null | undefined;
22
- id?: string | null | undefined;
23
- lang?: string | null | undefined;
24
- part?: string | null | undefined;
25
- placeholder?: string | null | undefined;
26
- slot?: string | null | undefined;
27
- spellcheck?: import("svelte/elements").Booleanish | null | undefined;
28
- tabindex?: number | null | undefined;
29
- title?: string | null | undefined;
30
- translate?: "" | "yes" | "no" | null | undefined;
31
- inert?: boolean | null | undefined;
32
- role?: import("svelte/elements").AriaRole | null | undefined;
33
- about?: string | null | undefined;
34
- datatype?: string | null | undefined;
35
- inlist?: any;
36
- prefix?: string | null | undefined;
37
- property?: string | null | undefined;
38
- resource?: string | null | undefined;
39
- vocab?: string | null | undefined;
40
- autocapitalize?: string | null | undefined;
41
- autocorrect?: string | null | undefined;
42
- autosave?: string | null | undefined;
43
- color?: string | null | undefined;
44
- itemprop?: string | null | undefined;
45
- itemscope?: boolean | null | undefined;
46
- itemtype?: string | null | undefined;
47
- itemid?: string | null | undefined;
48
- itemref?: string | null | undefined;
49
- results?: number | null | undefined;
50
- security?: string | null | undefined;
51
- unselectable?: "off" | "on" | null | undefined;
52
- inputmode?: "search" | "numeric" | "decimal" | "none" | "text" | "tel" | "url" | "email" | null | undefined;
53
- is?: string | null | undefined;
54
- 'bind:innerHTML'?: string | null | undefined;
55
- 'bind:textContent'?: string | null | undefined;
56
- 'bind:innerText'?: string | null | undefined;
57
- 'bind:contentRect'?: any;
58
- 'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
59
- 'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
60
- 'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
61
- 'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
62
- 'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
63
- 'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
64
- 'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
65
- 'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
66
- 'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
67
- 'aria-activedescendant'?: string | null | undefined;
68
- 'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
69
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | null | undefined;
70
- 'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
71
- 'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
72
- 'aria-colcount'?: number | null | undefined;
73
- 'aria-colindex'?: number | null | undefined;
74
- 'aria-colspan'?: number | null | undefined;
75
- 'aria-controls'?: string | null | undefined;
76
- 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
77
- 'aria-describedby'?: string | null | undefined;
78
- 'aria-details'?: string | null | undefined;
79
- 'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
80
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
81
- 'aria-errormessage'?: string | null | undefined;
82
- 'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
83
- 'aria-flowto'?: string | null | undefined;
84
- 'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
85
- 'aria-haspopup'?: import("svelte/elements").Booleanish | "menu" | "listbox" | "tree" | "grid" | "dialog" | null | undefined;
86
- 'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
87
- 'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
88
- 'aria-keyshortcuts'?: string | null | undefined;
89
- 'aria-label'?: string | null | undefined;
90
- 'aria-labelledby'?: string | null | undefined;
91
- 'aria-level'?: number | null | undefined;
92
- 'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
93
- 'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
94
- 'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
95
- 'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
96
- 'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
97
- 'aria-owns'?: string | null | undefined;
98
- 'aria-placeholder'?: string | null | undefined;
99
- 'aria-posinset'?: number | null | undefined;
100
- 'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
101
- 'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
102
- 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | null | undefined;
103
- 'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
104
- 'aria-roledescription'?: string | null | undefined;
105
- 'aria-rowcount'?: number | null | undefined;
106
- 'aria-rowindex'?: number | null | undefined;
107
- 'aria-rowspan'?: number | null | undefined;
108
- 'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
109
- 'aria-setsize'?: number | null | undefined;
110
- 'aria-sort'?: "other" | "none" | "ascending" | "descending" | null | undefined;
111
- 'aria-valuemax'?: number | null | undefined;
112
- 'aria-valuemin'?: number | null | undefined;
113
- 'aria-valuenow'?: number | null | undefined;
114
- 'aria-valuetext'?: string | null | undefined;
115
- 'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
116
- 'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
117
- 'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
118
- 'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
119
- 'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
120
- 'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
121
- 'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
122
- 'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
123
- 'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
124
- 'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
125
- 'on:change'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
126
- 'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLButtonElement> | null | undefined;
127
- 'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
128
- 'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
129
- 'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
130
- 'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
131
- 'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
132
- 'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
133
- 'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
134
- 'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
135
- 'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
136
- 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
137
- 'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
138
- 'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
139
- 'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
140
- 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
141
- 'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
142
- 'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
143
- 'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
144
- 'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
145
- 'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
146
- 'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
147
- 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
148
- 'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
149
- 'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
150
- 'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
151
- 'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
152
- 'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
153
- 'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
154
- 'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
155
- 'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
156
- 'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
157
- 'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
158
- 'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
159
- 'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
160
- 'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
161
- 'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
162
- 'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
163
- 'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
164
- 'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
165
- 'on:drag'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
166
- 'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
167
- 'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
168
- 'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
169
- 'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
170
- 'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
171
- 'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
172
- 'on:drop'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
173
- 'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
174
- 'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
175
- 'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
176
- 'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
177
- 'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
178
- 'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
179
- 'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
180
- 'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
181
- 'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
182
- 'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
183
- 'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
184
- 'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
185
- 'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
186
- 'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
187
- 'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
188
- 'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
189
- 'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
190
- 'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
191
- 'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
192
- 'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
193
- 'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
194
- 'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
195
- 'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
196
- 'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
197
- 'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
198
- 'on:resize'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
199
- 'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLButtonElement> | null | undefined;
200
- 'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
201
- 'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
202
- 'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
203
- 'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
204
- 'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
205
- 'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
206
- 'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
207
- 'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
208
- 'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
209
- 'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
210
- 'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
211
- 'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
212
- 'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
213
- 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
214
- 'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
215
- 'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
216
- 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
217
- 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
218
- disabled?: boolean | null | undefined;
219
- formaction?: string | null | undefined;
220
- formenctype?: string | null | undefined;
221
- formmethod?: string | null | undefined;
222
- formnovalidate?: boolean | null | undefined;
223
- formtarget?: string | null | undefined;
4
+ props: Omit<import("svelte/elements").HTMLButtonAttributes & {
5
+ mode: XRSessionMode;
6
+ sessionInit?: (XRSessionInit & {
7
+ domOverlay?: {
8
+ root: HTMLElement;
9
+ } | undefined;
10
+ }) | undefined;
224
11
  force?: "enter" | "exit" | undefined;
225
12
  styled?: boolean | undefined;
13
+ }, "mode" | "sessionInit"> & {
226
14
  sessionInit?: (XRSessionInit & {
227
15
  domOverlay?: {
228
16
  root: HTMLElement;
@@ -231,7 +19,7 @@ declare const __propDef: {
231
19
  };
232
20
  events: {
233
21
  click: CustomEvent<{
234
- state: "unsupported" | "insecure" | "blocked" | "supported";
22
+ state: "blocked" | "unsupported" | "insecure" | "supported";
235
23
  nativeEvent: MouseEvent;
236
24
  }>;
237
25
  error: CustomEvent<Error>;
package/dist/components/Controller.svelte CHANGED
@@ -7,7 +7,12 @@
7
7
  >import { writable } from "svelte/store";
8
8
  import { T, createRawEventDispatcher } from "@threlte/core";
9
9
  import { left as leftStore, right as rightStore } from "../hooks/useController";
10
- import { isHandTracking, pointerState, teleportState, controllerDispatchers } from "../internal/stores";
10
+ import {
11
+ isHandTracking,
12
+ pointerState,
13
+ teleportState,
14
+ controllerDispatchers
15
+ } from "../internal/stores";
11
16
  import PointerCursor from "./internal/PointerCursor.svelte";
12
17
  import ShortRay from "./internal/ShortRay.svelte";
13
18
  import ScenePortal from "./internal/ScenePortal.svelte";
package/dist/components/Headset.svelte CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  <script>import { T } from "@threlte/core";
3
2
  import { useHeadset } from "../hooks/useHeadset";
4
3
  import ScenePortal from "./internal/ScenePortal.svelte";
@@ -6,7 +5,7 @@ const headset = useHeadset();
6
5
  </script>
7
6
 
8
7
  <ScenePortal>
9
- <T is={headset}>
10
- <slot />
11
- </T>
8
+ <T is={headset}>
9
+ <slot />
10
+ </T>
12
11
  </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 CHANGED
@@ -9,7 +9,6 @@
9
9
  />
10
10
  ```
11
11
  -->
12
-
13
12
  <script>import XRButton from "./XRButton.svelte";
14
13
  </script>
15
14
 
@@ -18,7 +17,7 @@
18
17
  optionalFeatures: ['local-floor', 'bounded-floor', 'hand-tracking', 'layers']
19
18
  }}
20
19
  {...$$restProps}
21
- mode='immersive-vr'
20
+ mode="immersive-vr"
22
21
  on:click
23
22
  on:error
24
23
  />
package/dist/components/VRButton.svelte.d.ts CHANGED
@@ -1,231 +1,19 @@
1
- /// <reference types="bun-types" />
1
+ /// <reference types="webxr" />
2
2
  import { SvelteComponent } from "svelte";
3
3
  declare const __propDef: {
4
- props: {
5
- name?: string | null | undefined;
6
- type?: "button" | "submit" | "reset" | null | undefined;
7
- style?: string | null | undefined;
8
- class?: string | null | undefined;
9
- typeof?: string | null | undefined;
10
- value?: string | number | string[] | null | undefined;
11
- form?: string | null | undefined;
12
- radiogroup?: string | null | undefined;
13
- accesskey?: string | null | undefined;
14
- autofocus?: boolean | null | undefined;
15
- contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
16
- contextmenu?: string | null | undefined;
17
- dir?: string | null | undefined;
18
- draggable?: import("svelte/elements").Booleanish | null | undefined;
19
- enterkeyhint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | null | undefined;
20
- hidden?: boolean | null | undefined;
21
- id?: string | null | undefined;
22
- lang?: string | null | undefined;
23
- part?: string | null | undefined;
24
- placeholder?: string | null | undefined;
25
- slot?: string | null | undefined;
26
- spellcheck?: import("svelte/elements").Booleanish | null | undefined;
27
- tabindex?: number | null | undefined;
28
- title?: string | null | undefined;
29
- translate?: "" | "yes" | "no" | null | undefined;
30
- inert?: boolean | null | undefined;
31
- role?: import("svelte/elements").AriaRole | null | undefined;
32
- about?: string | null | undefined;
33
- datatype?: string | null | undefined;
34
- inlist?: any;
35
- prefix?: string | null | undefined;
36
- property?: string | null | undefined;
37
- resource?: string | null | undefined;
38
- vocab?: string | null | undefined;
39
- autocapitalize?: string | null | undefined;
40
- autocorrect?: string | null | undefined;
41
- autosave?: string | null | undefined;
42
- color?: string | null | undefined;
43
- itemprop?: string | null | undefined;
44
- itemscope?: boolean | null | undefined;
45
- itemtype?: string | null | undefined;
46
- itemid?: string | null | undefined;
47
- itemref?: string | null | undefined;
48
- results?: number | null | undefined;
49
- security?: string | null | undefined;
50
- unselectable?: "off" | "on" | null | undefined;
51
- inputmode?: "search" | "numeric" | "decimal" | "none" | "text" | "tel" | "url" | "email" | null | undefined;
52
- is?: string | null | undefined;
53
- 'bind:innerHTML'?: string | null | undefined;
54
- 'bind:textContent'?: string | null | undefined;
55
- 'bind:innerText'?: string | null | undefined;
56
- 'bind:contentRect'?: any;
57
- 'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
58
- 'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
59
- 'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
60
- 'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
61
- 'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
62
- 'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
63
- 'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
64
- 'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
65
- 'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
66
- 'aria-activedescendant'?: string | null | undefined;
67
- 'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
68
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | null | undefined;
69
- 'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
70
- 'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
71
- 'aria-colcount'?: number | null | undefined;
72
- 'aria-colindex'?: number | null | undefined;
73
- 'aria-colspan'?: number | null | undefined;
74
- 'aria-controls'?: string | null | undefined;
75
- 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
76
- 'aria-describedby'?: string | null | undefined;
77
- 'aria-details'?: string | null | undefined;
78
- 'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
79
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
80
- 'aria-errormessage'?: string | null | undefined;
81
- 'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
82
- 'aria-flowto'?: string | null | undefined;
83
- 'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
84
- 'aria-haspopup'?: import("svelte/elements").Booleanish | "menu" | "listbox" | "tree" | "grid" | "dialog" | null | undefined;
85
- 'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
86
- 'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
87
- 'aria-keyshortcuts'?: string | null | undefined;
88
- 'aria-label'?: string | null | undefined;
89
- 'aria-labelledby'?: string | null | undefined;
90
- 'aria-level'?: number | null | undefined;
91
- 'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
92
- 'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
93
- 'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
94
- 'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
95
- 'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
96
- 'aria-owns'?: string | null | undefined;
97
- 'aria-placeholder'?: string | null | undefined;
98
- 'aria-posinset'?: number | null | undefined;
99
- 'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
100
- 'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
101
- 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | null | undefined;
102
- 'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
103
- 'aria-roledescription'?: string | null | undefined;
104
- 'aria-rowcount'?: number | null | undefined;
105
- 'aria-rowindex'?: number | null | undefined;
106
- 'aria-rowspan'?: number | null | undefined;
107
- 'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
108
- 'aria-setsize'?: number | null | undefined;
109
- 'aria-sort'?: "other" | "none" | "ascending" | "descending" | null | undefined;
110
- 'aria-valuemax'?: number | null | undefined;
111
- 'aria-valuemin'?: number | null | undefined;
112
- 'aria-valuenow'?: number | null | undefined;
113
- 'aria-valuetext'?: string | null | undefined;
114
- 'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
115
- 'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
116
- 'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
117
- 'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
118
- 'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
119
- 'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
120
- 'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
121
- 'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
122
- 'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
123
- 'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
124
- 'on:change'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
125
- 'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLButtonElement> | null | undefined;
126
- 'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
127
- 'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
128
- 'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
129
- 'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
130
- 'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
131
- 'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
132
- 'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
133
- 'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
134
- 'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
135
- 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
136
- 'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
137
- 'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
138
- 'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
139
- 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
140
- 'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
141
- 'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
142
- 'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
143
- 'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
144
- 'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
145
- 'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
146
- 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
147
- 'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
148
- 'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
149
- 'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
150
- 'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
151
- 'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
152
- 'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
153
- 'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
154
- 'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
155
- 'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
156
- 'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
157
- 'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
158
- 'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
159
- 'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
160
- 'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
161
- 'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
162
- 'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
163
- 'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
164
- 'on:drag'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
165
- 'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
166
- 'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
167
- 'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
168
- 'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
169
- 'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
170
- 'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
171
- 'on:drop'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
172
- 'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
173
- 'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
174
- 'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
175
- 'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
176
- 'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
177
- 'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
178
- 'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
179
- 'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
180
- 'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
181
- 'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
182
- 'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
183
- 'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
184
- 'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
185
- 'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
186
- 'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
187
- 'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
188
- 'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
189
- 'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
190
- 'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
191
- 'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
192
- 'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
193
- 'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
194
- 'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
195
- 'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
196
- 'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
197
- 'on:resize'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
198
- 'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLButtonElement> | null | undefined;
199
- 'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
200
- 'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
201
- 'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
202
- 'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
203
- 'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
204
- 'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
205
- 'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
206
- 'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
207
- 'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
208
- 'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
209
- 'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
210
- 'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
211
- 'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
212
- 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
213
- 'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
214
- 'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
215
- 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
216
- 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
217
- disabled?: boolean | 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;
4
+ props: Omit<import("svelte/elements").HTMLButtonAttributes & {
5
+ mode: XRSessionMode;
6
+ sessionInit?: (XRSessionInit & {
7
+ domOverlay?: {
8
+ root: HTMLElement;
9
+ } | undefined;
10
+ }) | undefined;
223
11
  force?: "enter" | "exit" | undefined;
224
12
  styled?: boolean | undefined;
225
- };
13
+ }, "mode" | "sessionInit">;
226
14
  events: {
227
15
  click: CustomEvent<{
228
- state: "unsupported" | "insecure" | "blocked" | "supported";
16
+ state: "blocked" | "unsupported" | "insecure" | "supported";
229
17
  nativeEvent: MouseEvent;
230
18
  }>;
231
19
  error: CustomEvent<Error>;
package/dist/components/XRButton.svelte CHANGED
@@ -17,7 +17,6 @@ display info about your WebXR session. This is aliased by `ARButton` and
17
17
  />
18
18
  ```
19
19
  -->
20
-
21
20
  <script>import { createEventDispatcher } from "svelte";
22
21
  import { getXRSupportState } from "../lib/getXRSupportState";
23
22
  import { toggleXRSession } from "../lib/toggleXRSession";
@@ -29,7 +28,9 @@ export let styled = true;
29
28
  const dispatch = createEventDispatcher();
30
29
  const handleButtonClick = async (nativeEvent, state) => {
31
30
  if (!$xr) {
32
- throw new Error("The <XR> component was not created. This is required to start an XR session.");
31
+ throw new Error(
32
+ "The <XR> component was not created. This is required to start an XR session."
33
+ );
33
34
  }
34
35
  dispatch("click", { state, nativeEvent });
35
36
  if (state !== "supported")
package/dist/components/XRButton.svelte.d.ts CHANGED
@@ -1,226 +1,8 @@
1
- /// <reference types="bun-types" />
2
1
  /// <reference types="webxr" />
3
2
  import { SvelteComponent } from "svelte";
3
+ import type { HTMLButtonAttributes } from 'svelte/elements';
4
4
  declare const __propDef: {
5
- props: {
6
- disabled?: boolean | null | undefined;
7
- form?: string | null | undefined;
8
- formaction?: string | null | undefined;
9
- formenctype?: string | null | undefined;
10
- formmethod?: string | null | undefined;
11
- formnovalidate?: boolean | null | undefined;
12
- formtarget?: string | null | undefined;
13
- name?: string | null | undefined;
14
- type?: "button" | "submit" | "reset" | null | undefined;
15
- value?: string | number | string[] | null | undefined;
16
- accesskey?: string | null | undefined;
17
- autofocus?: boolean | null | undefined;
18
- class?: string | null | undefined;
19
- contenteditable?: import("svelte/elements").Booleanish | "inherit" | null | undefined;
20
- contextmenu?: string | null | undefined;
21
- dir?: string | null | undefined;
22
- draggable?: import("svelte/elements").Booleanish | null | undefined;
23
- enterkeyhint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | null | undefined;
24
- hidden?: boolean | null | undefined;
25
- id?: string | null | undefined;
26
- lang?: string | null | undefined;
27
- part?: string | null | undefined;
28
- placeholder?: string | null | undefined;
29
- slot?: string | null | undefined;
30
- spellcheck?: import("svelte/elements").Booleanish | null | undefined;
31
- style?: string | null | undefined;
32
- tabindex?: number | null | undefined;
33
- title?: string | null | undefined;
34
- translate?: "" | "yes" | "no" | null | undefined;
35
- inert?: boolean | null | undefined;
36
- radiogroup?: string | null | undefined;
37
- role?: import("svelte/elements").AriaRole | null | undefined;
38
- about?: string | null | undefined;
39
- datatype?: string | null | undefined;
40
- inlist?: any;
41
- prefix?: string | null | undefined;
42
- property?: string | null | undefined;
43
- resource?: string | null | undefined;
44
- typeof?: string | null | undefined;
45
- vocab?: string | null | undefined;
46
- autocapitalize?: string | null | undefined;
47
- autocorrect?: string | null | undefined;
48
- autosave?: string | null | undefined;
49
- color?: string | null | undefined;
50
- itemprop?: string | null | undefined;
51
- itemscope?: boolean | null | undefined;
52
- itemtype?: string | null | undefined;
53
- itemid?: string | null | undefined;
54
- itemref?: string | null | undefined;
55
- results?: number | null | undefined;
56
- security?: string | null | undefined;
57
- unselectable?: "off" | "on" | null | undefined;
58
- inputmode?: "search" | "numeric" | "decimal" | "none" | "text" | "tel" | "url" | "email" | null | undefined;
59
- is?: string | null | undefined;
60
- 'bind:innerHTML'?: string | null | undefined;
61
- 'bind:textContent'?: string | null | undefined;
62
- 'bind:innerText'?: string | null | undefined;
63
- 'bind:contentRect'?: any;
64
- 'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
65
- 'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
66
- 'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
67
- 'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
68
- 'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
69
- 'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
70
- 'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
71
- 'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
72
- 'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
73
- 'aria-activedescendant'?: string | null | undefined;
74
- 'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
75
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | null | undefined;
76
- 'aria-busy'?: import("svelte/elements").Booleanish | null | undefined;
77
- 'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
78
- 'aria-colcount'?: number | null | undefined;
79
- 'aria-colindex'?: number | null | undefined;
80
- 'aria-colspan'?: number | null | undefined;
81
- 'aria-controls'?: string | null | undefined;
82
- 'aria-current'?: import("svelte/elements").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
83
- 'aria-describedby'?: string | null | undefined;
84
- 'aria-details'?: string | null | undefined;
85
- 'aria-disabled'?: import("svelte/elements").Booleanish | null | undefined;
86
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
87
- 'aria-errormessage'?: string | null | undefined;
88
- 'aria-expanded'?: import("svelte/elements").Booleanish | null | undefined;
89
- 'aria-flowto'?: string | null | undefined;
90
- 'aria-grabbed'?: import("svelte/elements").Booleanish | null | undefined;
91
- 'aria-haspopup'?: import("svelte/elements").Booleanish | "menu" | "listbox" | "tree" | "grid" | "dialog" | null | undefined;
92
- 'aria-hidden'?: import("svelte/elements").Booleanish | null | undefined;
93
- 'aria-invalid'?: import("svelte/elements").Booleanish | "grammar" | "spelling" | null | undefined;
94
- 'aria-keyshortcuts'?: string | null | undefined;
95
- 'aria-label'?: string | null | undefined;
96
- 'aria-labelledby'?: string | null | undefined;
97
- 'aria-level'?: number | null | undefined;
98
- 'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
99
- 'aria-modal'?: import("svelte/elements").Booleanish | null | undefined;
100
- 'aria-multiline'?: import("svelte/elements").Booleanish | null | undefined;
101
- 'aria-multiselectable'?: import("svelte/elements").Booleanish | null | undefined;
102
- 'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
103
- 'aria-owns'?: string | null | undefined;
104
- 'aria-placeholder'?: string | null | undefined;
105
- 'aria-posinset'?: number | null | undefined;
106
- 'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
107
- 'aria-readonly'?: import("svelte/elements").Booleanish | null | undefined;
108
- 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | null | undefined;
109
- 'aria-required'?: import("svelte/elements").Booleanish | null | undefined;
110
- 'aria-roledescription'?: string | null | undefined;
111
- 'aria-rowcount'?: number | null | undefined;
112
- 'aria-rowindex'?: number | null | undefined;
113
- 'aria-rowspan'?: number | null | undefined;
114
- 'aria-selected'?: import("svelte/elements").Booleanish | null | undefined;
115
- 'aria-setsize'?: number | null | undefined;
116
- 'aria-sort'?: "other" | "none" | "ascending" | "descending" | null | undefined;
117
- 'aria-valuemax'?: number | null | undefined;
118
- 'aria-valuemin'?: number | null | undefined;
119
- 'aria-valuenow'?: number | null | undefined;
120
- 'aria-valuetext'?: string | null | undefined;
121
- 'on:copy'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
122
- 'on:cut'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
123
- 'on:paste'?: import("svelte/elements").ClipboardEventHandler<HTMLButtonElement> | null | undefined;
124
- 'on:compositionend'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
125
- 'on:compositionstart'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
126
- 'on:compositionupdate'?: import("svelte/elements").CompositionEventHandler<HTMLButtonElement> | null | undefined;
127
- 'on:focus'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
128
- 'on:focusin'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
129
- 'on:focusout'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
130
- 'on:blur'?: import("svelte/elements").FocusEventHandler<HTMLButtonElement> | null | undefined;
131
- 'on:change'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
132
- 'on:beforeinput'?: import("svelte/elements").EventHandler<InputEvent, HTMLButtonElement> | null | undefined;
133
- 'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
134
- 'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
135
- 'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
136
- 'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
137
- 'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
138
- 'on:load'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
139
- 'on:error'?: import("svelte/elements").EventHandler<Event<EventTarget>, Element> | null | undefined;
140
- 'on:toggle'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
141
- 'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
142
- 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
143
- 'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
144
- 'on:abort'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
145
- 'on:canplay'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
146
- 'on:canplaythrough'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
147
- 'on:cuechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
148
- 'on:durationchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
149
- 'on:emptied'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
150
- 'on:encrypted'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
151
- 'on:ended'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
152
- 'on:loadeddata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
153
- 'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
154
- 'on:loadstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
155
- 'on:pause'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
156
- 'on:play'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
157
- 'on:playing'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
158
- 'on:progress'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
159
- 'on:ratechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
160
- 'on:seeked'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
161
- 'on:seeking'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
162
- 'on:stalled'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
163
- 'on:suspend'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
164
- 'on:timeupdate'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
165
- 'on:volumechange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
166
- 'on:waiting'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
167
- 'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
168
- 'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
169
- 'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
170
- 'on:dblclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
171
- 'on:drag'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
172
- 'on:dragend'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
173
- 'on:dragenter'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
174
- 'on:dragexit'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
175
- 'on:dragleave'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
176
- 'on:dragover'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
177
- 'on:dragstart'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
178
- 'on:drop'?: import("svelte/elements").DragEventHandler<HTMLButtonElement> | null | undefined;
179
- 'on:mousedown'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
180
- 'on:mouseenter'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
181
- 'on:mouseleave'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
182
- 'on:mousemove'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
183
- 'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
184
- 'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
185
- 'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
186
- 'on:select'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
187
- 'on:selectionchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
188
- 'on:selectstart'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
189
- 'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
190
- 'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
191
- 'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
192
- 'on:touchstart'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
193
- 'on:gotpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
194
- 'on:pointercancel'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
195
- 'on:pointerdown'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
196
- 'on:pointerenter'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
197
- 'on:pointerleave'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
198
- 'on:pointermove'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
199
- 'on:pointerout'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
200
- 'on:pointerover'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
201
- 'on:pointerup'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
202
- 'on:lostpointercapture'?: import("svelte/elements").PointerEventHandler<HTMLButtonElement> | null | undefined;
203
- 'on:scroll'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
204
- 'on:resize'?: import("svelte/elements").UIEventHandler<HTMLButtonElement> | null | undefined;
205
- 'on:wheel'?: import("svelte/elements").WheelEventHandler<HTMLButtonElement> | null | undefined;
206
- 'on:animationstart'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
207
- 'on:animationend'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
208
- 'on:animationiteration'?: import("svelte/elements").AnimationEventHandler<HTMLButtonElement> | null | undefined;
209
- 'on:transitionstart'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
210
- 'on:transitionrun'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
211
- 'on:transitionend'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
212
- 'on:transitioncancel'?: import("svelte/elements").TransitionEventHandler<HTMLButtonElement> | null | undefined;
213
- 'on:outrostart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
214
- 'on:outroend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
215
- 'on:introstart'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
216
- 'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
217
- 'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
218
- 'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
219
- 'on:visibilitychange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
220
- 'on:cancel'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
221
- 'on:close'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
222
- 'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
223
- 'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
5
+ props: HTMLButtonAttributes & {
224
6
  mode: XRSessionMode;
225
7
  sessionInit?: (XRSessionInit & {
226
8
  domOverlay?: {
package/dist/components/internal/Cursor.svelte CHANGED
@@ -43,9 +43,7 @@ $:
43
43
  shaderMaterial.uniforms.color.value = color;
44
44
  </script>
45
45
 
46
- <T.Mesh
47
- scale={size}
48
- >
46
+ <T.Mesh scale={size}>
49
47
  <T.PlaneGeometry />
50
48
  <T is={shaderMaterial} />
51
49
  </T.Mesh>
package/dist/components/internal/Cursor.svelte.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="bun-types" />
2
1
  import { SvelteComponent } from "svelte";
3
2
  import { type ColorRepresentation } from 'three';
4
3
  declare const __propDef: {
package/dist/components/internal/PointerCursor.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: {
package/dist/components/internal/ScenePortal.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/internal/ShortRay.svelte CHANGED
@@ -15,9 +15,7 @@ $:
15
15
  rotation.x={-Math.PI / 2}
16
16
  position.z={-0.1}
17
17
  >
18
- <T.CylinderGeometry
19
- args={[0.002, 0.002, 0.2, 16, 1, false]}
20
- />
18
+ <T.CylinderGeometry args={[0.002, 0.002, 0.2, 16, 1, false]} />
21
19
  <T.RawShaderMaterial
22
20
  transparent
23
21
  vertexShader={`
@@ -42,4 +40,3 @@ $:
42
40
  </T.Mesh>
43
41
  </slot>
44
42
  </T.Group>
45
-
package/dist/components/internal/ShortRay.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: {
package/dist/components/internal/TeleportCursor.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: {
package/dist/components/internal/TeleportRay.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>import { Vector3, QuadraticBezierCurve3, Vector2 } from "three";
2
- import { Line2 } from "three/examples/jsm/lines/Line2";
3
- import { LineGeometry } from "three/examples/jsm/lines/LineGeometry";
4
- import { LineMaterial } from "three/examples/jsm/lines/LineMaterial";
2
+ import { Line2 } from "three/examples/jsm/lines/Line2.js";
3
+ import { LineGeometry } from "three/examples/jsm/lines/LineGeometry.js";
4
+ import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
5
5
  import { T, useTask } from "@threlte/core";
6
6
  import { teleportIntersection } from "../../internal/stores";
7
7
  export let handedness;
package/dist/components/internal/TeleportRay.svelte.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="bun-types" />
2
1
  import { SvelteComponent } from "svelte";
3
2
  import { type XRTargetRaySpace } from 'three';
4
3
  declare const __propDef: {
package/dist/internal/setupControllers.js CHANGED
@@ -1,4 +1,4 @@
1
- import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory';
1
+ import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory.js';
2
2
  import { useThrelte } from '@threlte/core';
3
3
  import { onMount } from 'svelte';
4
4
  import { useHandTrackingState } from './useHandTrackingState';
package/dist/internal/setupHands.js CHANGED
@@ -1,4 +1,4 @@
1
- import { XRHandModelFactory } from 'three/examples/jsm/webxr/XRHandModelFactory';
1
+ import { XRHandModelFactory } from 'three/examples/jsm/webxr/XRHandModelFactory.js';
2
2
  import { useThrelte } from '@threlte/core';
3
3
  import { onMount } from 'svelte';
4
4
  import { left, right } from '../hooks/useHand';
package/dist/plugins/pointerControls/types.d.ts ADDED
@@ -0,0 +1,62 @@
1
+ import type { Intersection as ThreeIntersection, Object3D, Vector3, Ray, Raycaster, Event } from 'three';
2
+ import type { CurrentWritable } from '@threlte/core';
3
+ import type { ComputeFunction } from './compute';
4
+ export type Properties<T> = Pick<T, {
5
+ [K in keyof T]: T[K] extends (_: any) => any ? never : K;
6
+ }[keyof T]>;
7
+ export interface Intersection extends ThreeIntersection {
8
+ /** The event source (the object which registered the handler) */
9
+ eventObject: Object3D;
10
+ }
11
+ export interface IntersectionEvent extends Intersection {
12
+ /** The event source (the object which registered the handler) */
13
+ eventObject: Object3D;
14
+ /** An array of intersections */
15
+ intersections: Intersection[];
16
+ /** Normalized event coordinates */
17
+ pointer: Vector3;
18
+ /** Delta between first click and this event */
19
+ delta: number;
20
+ /** The ray that pierced it */
21
+ ray: Ray;
22
+ /** stopPropagation will stop underlying handlers from firing */
23
+ stopPropagation: () => void;
24
+ /** The original host event */
25
+ nativeEvent: Event | undefined;
26
+ /** If the event was stopped by calling stopPropagation */
27
+ stopped: boolean;
28
+ }
29
+ export type FilterFunction = (items: Intersection[], state: ControlsContext, handState: HandContext) => Intersection[];
30
+ export type ControlsContext = {
31
+ interactiveObjects: Object3D[];
32
+ raycaster: Raycaster;
33
+ compute: ComputeFunction;
34
+ filter?: FilterFunction | undefined;
35
+ };
36
+ export type HandContext = {
37
+ hand: 'left' | 'right';
38
+ enabled: CurrentWritable<boolean>;
39
+ pointer: CurrentWritable<Vector3>;
40
+ pointerOverTarget: CurrentWritable<boolean>;
41
+ lastEvent: Event | undefined;
42
+ initialClick: [x: number, y: number, z: number];
43
+ initialHits: Object3D[];
44
+ hovered: Map<string, IntersectionEvent>;
45
+ };
46
+ export interface PointerCaptureTarget {
47
+ intersection: Intersection;
48
+ target: Element;
49
+ }
50
+ export type ThrelteXREvents = {
51
+ click: IntersectionEvent;
52
+ contextmenu: IntersectionEvent;
53
+ pointerup: IntersectionEvent;
54
+ pointerdown: IntersectionEvent;
55
+ pointerover: IntersectionEvent;
56
+ pointerout: IntersectionEvent;
57
+ pointerenter: IntersectionEvent;
58
+ pointerleave: IntersectionEvent;
59
+ pointermove: IntersectionEvent;
60
+ pointermissed: IntersectionEvent;
61
+ };
62
+ export declare const events: (keyof ThrelteXREvents)[];
package/dist/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="webxr" />
2
2
  import type { Event, Group, XRTargetRaySpace, XRGripSpace, XRHandSpace } from 'three';
3
- import type { XRControllerModel } from 'three/examples/jsm/webxr/XRControllerModelFactory';
4
- import type { XRHandModel } from 'three/examples/jsm/webxr/XRHandModelFactory';
3
+ import type { XRControllerModel } from 'three/examples/jsm/webxr/XRControllerModelFactory.js';
4
+ import type { XRHandModel } from 'three/examples/jsm/webxr/XRHandModelFactory.js';
5
5
  export type XRSessionEventType = 'sessionstart' | 'sessionend' | 'visibilitychange' | 'frameratechange';
6
6
  export type XRControllerEventType = 'select' | 'selectstart' | 'selectend' | 'squeeze' | 'squeezeend' | 'squeezestart' | 'disconnected' | 'connected';
7
7
  export type XRHandEventType = 'pinchstart' | 'pinchend' | 'connected' | 'disconnected';
package/package.json CHANGED
@@ -1,32 +1,33 @@
1
1
  {
2
2
  "name": "@threlte/xr",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
5
5
  "license": "MIT",
6
6
  "devDependencies": {
7
- "@sveltejs/adapter-auto": "^2.1.0",
8
- "@sveltejs/kit": "^1.26.0",
9
- "@sveltejs/package": "^2.2.2",
10
- "@typescript-eslint/eslint-plugin": "^6.8.0",
11
- "@typescript-eslint/parser": "^6.8.0",
12
- "eslint": "^8.51.0",
13
- "eslint-plugin-svelte": "^2.34.0",
14
- "svelte-check": "^3.5.2",
15
- "typescript": "^5.2.2",
16
- "@types/three": "^0.158.3",
17
- "autoprefixer": "^10.4.14",
18
- "postcss": "^8.4.27",
19
- "publint": "^0.1.16",
20
- "svelte": "^4.1.1",
21
- "three": "^0.158.0",
22
- "tslib": "^2.6.0",
23
- "vite": "^4.4.6",
24
- "vite-plugin-mkcert": "^1.16.0",
25
- "@threlte/core": "7.0.2"
7
+ "@sveltejs/adapter-auto": "^3.1.1",
8
+ "@sveltejs/kit": "^2.4.3",
9
+ "@sveltejs/package": "^2.2.6",
10
+ "@sveltejs/vite-plugin-svelte": "^3.0.1",
11
+ "@typescript-eslint/eslint-plugin": "^6.19.1",
12
+ "@typescript-eslint/parser": "^6.19.1",
13
+ "eslint": "^8.56.0",
14
+ "eslint-plugin-svelte": "^2.35.1",
15
+ "svelte-check": "^3.6.3",
16
+ "typescript": "^5.3.3",
17
+ "@types/three": "^0.160.0",
18
+ "autoprefixer": "^10.4.17",
19
+ "postcss": "^8.4.33",
20
+ "publint": "^0.2.7",
21
+ "svelte": "^4.2.9",
22
+ "three": "^0.160.1",
23
+ "tslib": "^2.6.2",
24
+ "vite": "^5.0.12",
25
+ "vite-plugin-mkcert": "^1.17.3",
26
+ "@threlte/core": "7.2.1"
26
27
  },
27
28
  "peerDependencies": {
28
29
  "svelte": ">=4",
29
- "three": ">=0.133"
30
+ "three": ">=0.152"
30
31
  },
31
32
  "type": "module",
32
33
  "exports": {