@threlte/xr 0.0.13 → 0.1.0
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.
- package/dist/components/ARButton.svelte.d.ts +38 -37
- package/dist/components/Headset.svelte.d.ts +1 -0
- package/dist/components/VRButton.svelte.d.ts +38 -37
- package/dist/components/XR.svelte +5 -5
- package/dist/components/XRButton.svelte.d.ts +38 -37
- package/dist/components/internal/Cursor.svelte.d.ts +1 -0
- package/dist/components/internal/PointerCursor.svelte.d.ts +1 -0
- package/dist/components/internal/ScenePortal.svelte.d.ts +1 -0
- package/dist/components/internal/ShortRay.svelte.d.ts +1 -0
- package/dist/components/internal/TeleportCursor.svelte.d.ts +1 -0
- package/dist/components/internal/TeleportRay.svelte.d.ts +1 -0
- package/dist/internal/useFixed.d.ts +1 -1
- package/package.json +2 -2
- package/dist/plugins/pointerControls/types.d.ts +0 -62
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="bun-types" />
|
|
1
2
|
/// <reference types="webxr" />
|
|
2
3
|
import { SvelteComponent } from "svelte";
|
|
3
4
|
declare const __propDef: {
|
|
@@ -56,12 +57,12 @@ declare const __propDef: {
|
|
|
56
57
|
results?: number | null | undefined;
|
|
57
58
|
security?: string | null | undefined;
|
|
58
59
|
unselectable?: "on" | "off" | null | undefined;
|
|
59
|
-
inputmode?: "
|
|
60
|
+
inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
|
|
60
61
|
is?: string | null | undefined;
|
|
61
62
|
'bind:innerHTML'?: string | null | undefined;
|
|
62
63
|
'bind:textContent'?: string | null | undefined;
|
|
63
64
|
'bind:innerText'?: string | null | undefined;
|
|
64
|
-
'bind:contentRect'?:
|
|
65
|
+
'bind:contentRect'?: any;
|
|
65
66
|
'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
66
67
|
'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
67
68
|
'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
@@ -134,37 +135,37 @@ declare const __propDef: {
|
|
|
134
135
|
'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
135
136
|
'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
136
137
|
'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
|
|
137
|
-
'on:invalid'?: import("svelte/elements").EventHandler<Event
|
|
138
|
+
'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
|
|
138
139
|
'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
|
|
139
|
-
'on:load'?: import("svelte/elements").EventHandler<Event
|
|
140
|
-
'on:error'?: import("svelte/elements").EventHandler<Event
|
|
141
|
-
'on:toggle'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
142
143
|
'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
143
144
|
'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
144
145
|
'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
145
|
-
'on:abort'?: import("svelte/elements").EventHandler<Event
|
|
146
|
-
'on:canplay'?: import("svelte/elements").EventHandler<Event
|
|
147
|
-
'on:canplaythrough'?: import("svelte/elements").EventHandler<Event
|
|
148
|
-
'on:cuechange'?: import("svelte/elements").EventHandler<Event
|
|
149
|
-
'on:durationchange'?: import("svelte/elements").EventHandler<Event
|
|
150
|
-
'on:emptied'?: import("svelte/elements").EventHandler<Event
|
|
151
|
-
'on:encrypted'?: import("svelte/elements").EventHandler<Event
|
|
152
|
-
'on:ended'?: import("svelte/elements").EventHandler<Event
|
|
153
|
-
'on:loadeddata'?: import("svelte/elements").EventHandler<Event
|
|
154
|
-
'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event
|
|
155
|
-
'on:loadstart'?: import("svelte/elements").EventHandler<Event
|
|
156
|
-
'on:pause'?: import("svelte/elements").EventHandler<Event
|
|
157
|
-
'on:play'?: import("svelte/elements").EventHandler<Event
|
|
158
|
-
'on:playing'?: import("svelte/elements").EventHandler<Event
|
|
159
|
-
'on:progress'?: import("svelte/elements").EventHandler<Event
|
|
160
|
-
'on:ratechange'?: import("svelte/elements").EventHandler<Event
|
|
161
|
-
'on:seeked'?: import("svelte/elements").EventHandler<Event
|
|
162
|
-
'on:seeking'?: import("svelte/elements").EventHandler<Event
|
|
163
|
-
'on:stalled'?: import("svelte/elements").EventHandler<Event
|
|
164
|
-
'on:suspend'?: import("svelte/elements").EventHandler<Event
|
|
165
|
-
'on:timeupdate'?: import("svelte/elements").EventHandler<Event
|
|
166
|
-
'on:volumechange'?: import("svelte/elements").EventHandler<Event
|
|
167
|
-
'on:waiting'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
168
169
|
'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
169
170
|
'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
170
171
|
'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -184,9 +185,9 @@ declare const __propDef: {
|
|
|
184
185
|
'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
185
186
|
'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
186
187
|
'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
187
|
-
'on:select'?: import("svelte/elements").EventHandler<Event
|
|
188
|
-
'on:selectionchange'?: import("svelte/elements").EventHandler<Event
|
|
189
|
-
'on:selectstart'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
190
191
|
'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
191
192
|
'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
192
193
|
'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -217,11 +218,11 @@ declare const __propDef: {
|
|
|
217
218
|
'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
|
|
218
219
|
'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
219
220
|
'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
220
|
-
'on:visibilitychange'?: import("svelte/elements").EventHandler<Event
|
|
221
|
-
'on:cancel'?: import("svelte/elements").EventHandler<Event
|
|
222
|
-
'on:close'?: import("svelte/elements").EventHandler<Event
|
|
223
|
-
'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event
|
|
224
|
-
'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
225
226
|
sessionInit?: XRSessionInit & {
|
|
226
227
|
domOverlay?: {
|
|
227
228
|
root: HTMLElement;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="bun-types" />
|
|
1
2
|
import { SvelteComponent } from "svelte";
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
@@ -55,12 +56,12 @@ declare const __propDef: {
|
|
|
55
56
|
results?: number | null | undefined;
|
|
56
57
|
security?: string | null | undefined;
|
|
57
58
|
unselectable?: "on" | "off" | null | undefined;
|
|
58
|
-
inputmode?: "
|
|
59
|
+
inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
|
|
59
60
|
is?: string | null | undefined;
|
|
60
61
|
'bind:innerHTML'?: string | null | undefined;
|
|
61
62
|
'bind:textContent'?: string | null | undefined;
|
|
62
63
|
'bind:innerText'?: string | null | undefined;
|
|
63
|
-
'bind:contentRect'?:
|
|
64
|
+
'bind:contentRect'?: any;
|
|
64
65
|
'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
65
66
|
'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
66
67
|
'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
@@ -133,37 +134,37 @@ declare const __propDef: {
|
|
|
133
134
|
'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
134
135
|
'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
135
136
|
'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
|
|
136
|
-
'on:invalid'?: import("svelte/elements").EventHandler<Event
|
|
137
|
+
'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
|
|
137
138
|
'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
|
|
138
|
-
'on:load'?: import("svelte/elements").EventHandler<Event
|
|
139
|
-
'on:error'?: import("svelte/elements").EventHandler<Event
|
|
140
|
-
'on:toggle'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
141
142
|
'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
142
143
|
'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
143
144
|
'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
144
|
-
'on:abort'?: import("svelte/elements").EventHandler<Event
|
|
145
|
-
'on:canplay'?: import("svelte/elements").EventHandler<Event
|
|
146
|
-
'on:canplaythrough'?: import("svelte/elements").EventHandler<Event
|
|
147
|
-
'on:cuechange'?: import("svelte/elements").EventHandler<Event
|
|
148
|
-
'on:durationchange'?: import("svelte/elements").EventHandler<Event
|
|
149
|
-
'on:emptied'?: import("svelte/elements").EventHandler<Event
|
|
150
|
-
'on:encrypted'?: import("svelte/elements").EventHandler<Event
|
|
151
|
-
'on:ended'?: import("svelte/elements").EventHandler<Event
|
|
152
|
-
'on:loadeddata'?: import("svelte/elements").EventHandler<Event
|
|
153
|
-
'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event
|
|
154
|
-
'on:loadstart'?: import("svelte/elements").EventHandler<Event
|
|
155
|
-
'on:pause'?: import("svelte/elements").EventHandler<Event
|
|
156
|
-
'on:play'?: import("svelte/elements").EventHandler<Event
|
|
157
|
-
'on:playing'?: import("svelte/elements").EventHandler<Event
|
|
158
|
-
'on:progress'?: import("svelte/elements").EventHandler<Event
|
|
159
|
-
'on:ratechange'?: import("svelte/elements").EventHandler<Event
|
|
160
|
-
'on:seeked'?: import("svelte/elements").EventHandler<Event
|
|
161
|
-
'on:seeking'?: import("svelte/elements").EventHandler<Event
|
|
162
|
-
'on:stalled'?: import("svelte/elements").EventHandler<Event
|
|
163
|
-
'on:suspend'?: import("svelte/elements").EventHandler<Event
|
|
164
|
-
'on:timeupdate'?: import("svelte/elements").EventHandler<Event
|
|
165
|
-
'on:volumechange'?: import("svelte/elements").EventHandler<Event
|
|
166
|
-
'on:waiting'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
167
168
|
'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
168
169
|
'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
169
170
|
'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -183,9 +184,9 @@ declare const __propDef: {
|
|
|
183
184
|
'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
184
185
|
'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
185
186
|
'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
186
|
-
'on:select'?: import("svelte/elements").EventHandler<Event
|
|
187
|
-
'on:selectionchange'?: import("svelte/elements").EventHandler<Event
|
|
188
|
-
'on:selectstart'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
189
190
|
'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
190
191
|
'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
191
192
|
'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -216,11 +217,11 @@ declare const __propDef: {
|
|
|
216
217
|
'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
|
|
217
218
|
'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
218
219
|
'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
219
|
-
'on:visibilitychange'?: import("svelte/elements").EventHandler<Event
|
|
220
|
-
'on:cancel'?: import("svelte/elements").EventHandler<Event
|
|
221
|
-
'on:close'?: import("svelte/elements").EventHandler<Event
|
|
222
|
-
'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event
|
|
223
|
-
'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
224
225
|
};
|
|
225
226
|
events: {
|
|
226
227
|
click: CustomEvent<{
|
|
@@ -34,9 +34,9 @@ export let foveation = 1;
|
|
|
34
34
|
export let frameRate = void 0;
|
|
35
35
|
export let referenceSpace = "local-floor";
|
|
36
36
|
const dispatch = createRawEventDispatcher();
|
|
37
|
-
const { renderer,
|
|
37
|
+
const { renderer, renderMode } = useThrelte();
|
|
38
38
|
const { xr } = renderer;
|
|
39
|
-
let
|
|
39
|
+
let originalRenderMode = $renderMode;
|
|
40
40
|
setupRaf();
|
|
41
41
|
setupHeadset();
|
|
42
42
|
setupControllers();
|
|
@@ -84,10 +84,10 @@ watch(session, (currentSession) => {
|
|
|
84
84
|
});
|
|
85
85
|
watch(isPresenting, (presenting) => {
|
|
86
86
|
if (presenting) {
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
originalRenderMode = renderMode.current;
|
|
88
|
+
renderMode.set("always");
|
|
89
89
|
} else {
|
|
90
|
-
|
|
90
|
+
renderMode.set(originalRenderMode);
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
93
|
onMount(() => {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="bun-types" />
|
|
1
2
|
/// <reference types="webxr" />
|
|
2
3
|
import { SvelteComponent } from "svelte";
|
|
3
4
|
declare const __propDef: {
|
|
@@ -54,12 +55,12 @@ declare const __propDef: {
|
|
|
54
55
|
results?: number | null | undefined;
|
|
55
56
|
security?: string | null | undefined;
|
|
56
57
|
unselectable?: "on" | "off" | null | undefined;
|
|
57
|
-
inputmode?: "
|
|
58
|
+
inputmode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | null | undefined;
|
|
58
59
|
is?: string | null | undefined;
|
|
59
60
|
'bind:innerHTML'?: string | null | undefined;
|
|
60
61
|
'bind:textContent'?: string | null | undefined;
|
|
61
62
|
'bind:innerText'?: string | null | undefined;
|
|
62
|
-
'bind:contentRect'?:
|
|
63
|
+
'bind:contentRect'?: any;
|
|
63
64
|
'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
64
65
|
'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
65
66
|
'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
|
|
@@ -132,37 +133,37 @@ declare const __propDef: {
|
|
|
132
133
|
'on:input'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
133
134
|
'on:reset'?: import("svelte/elements").FormEventHandler<HTMLButtonElement> | null | undefined;
|
|
134
135
|
'on:submit'?: import("svelte/elements").EventHandler<SubmitEvent, HTMLButtonElement> | null | undefined;
|
|
135
|
-
'on:invalid'?: import("svelte/elements").EventHandler<Event
|
|
136
|
+
'on:invalid'?: import("svelte/elements").EventHandler<Event<EventTarget>, HTMLButtonElement> | null | undefined;
|
|
136
137
|
'on:formdata'?: import("svelte/elements").EventHandler<FormDataEvent, HTMLButtonElement> | null | undefined;
|
|
137
|
-
'on:load'?: import("svelte/elements").EventHandler<Event
|
|
138
|
-
'on:error'?: import("svelte/elements").EventHandler<Event
|
|
139
|
-
'on:toggle'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
140
141
|
'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
141
142
|
'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
142
143
|
'on:keyup'?: import("svelte/elements").KeyboardEventHandler<HTMLButtonElement> | null | undefined;
|
|
143
|
-
'on:abort'?: import("svelte/elements").EventHandler<Event
|
|
144
|
-
'on:canplay'?: import("svelte/elements").EventHandler<Event
|
|
145
|
-
'on:canplaythrough'?: import("svelte/elements").EventHandler<Event
|
|
146
|
-
'on:cuechange'?: import("svelte/elements").EventHandler<Event
|
|
147
|
-
'on:durationchange'?: import("svelte/elements").EventHandler<Event
|
|
148
|
-
'on:emptied'?: import("svelte/elements").EventHandler<Event
|
|
149
|
-
'on:encrypted'?: import("svelte/elements").EventHandler<Event
|
|
150
|
-
'on:ended'?: import("svelte/elements").EventHandler<Event
|
|
151
|
-
'on:loadeddata'?: import("svelte/elements").EventHandler<Event
|
|
152
|
-
'on:loadedmetadata'?: import("svelte/elements").EventHandler<Event
|
|
153
|
-
'on:loadstart'?: import("svelte/elements").EventHandler<Event
|
|
154
|
-
'on:pause'?: import("svelte/elements").EventHandler<Event
|
|
155
|
-
'on:play'?: import("svelte/elements").EventHandler<Event
|
|
156
|
-
'on:playing'?: import("svelte/elements").EventHandler<Event
|
|
157
|
-
'on:progress'?: import("svelte/elements").EventHandler<Event
|
|
158
|
-
'on:ratechange'?: import("svelte/elements").EventHandler<Event
|
|
159
|
-
'on:seeked'?: import("svelte/elements").EventHandler<Event
|
|
160
|
-
'on:seeking'?: import("svelte/elements").EventHandler<Event
|
|
161
|
-
'on:stalled'?: import("svelte/elements").EventHandler<Event
|
|
162
|
-
'on:suspend'?: import("svelte/elements").EventHandler<Event
|
|
163
|
-
'on:timeupdate'?: import("svelte/elements").EventHandler<Event
|
|
164
|
-
'on:volumechange'?: import("svelte/elements").EventHandler<Event
|
|
165
|
-
'on:waiting'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
166
167
|
'on:auxclick'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
167
168
|
'on:click'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
168
169
|
'on:contextmenu'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -182,9 +183,9 @@ declare const __propDef: {
|
|
|
182
183
|
'on:mouseout'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
183
184
|
'on:mouseover'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
184
185
|
'on:mouseup'?: import("svelte/elements").MouseEventHandler<HTMLButtonElement> | null | undefined;
|
|
185
|
-
'on:select'?: import("svelte/elements").EventHandler<Event
|
|
186
|
-
'on:selectionchange'?: import("svelte/elements").EventHandler<Event
|
|
187
|
-
'on:selectstart'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
188
189
|
'on:touchcancel'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
189
190
|
'on:touchend'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
190
191
|
'on:touchmove'?: import("svelte/elements").TouchEventHandler<HTMLButtonElement> | null | undefined;
|
|
@@ -215,11 +216,11 @@ declare const __propDef: {
|
|
|
215
216
|
'on:introend'?: import("svelte/elements").EventHandler<CustomEvent<null>, HTMLButtonElement> | null | undefined;
|
|
216
217
|
'on:message'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
217
218
|
'on:messageerror'?: import("svelte/elements").MessageEventHandler<HTMLButtonElement> | null | undefined;
|
|
218
|
-
'on:visibilitychange'?: import("svelte/elements").EventHandler<Event
|
|
219
|
-
'on:cancel'?: import("svelte/elements").EventHandler<Event
|
|
220
|
-
'on:close'?: import("svelte/elements").EventHandler<Event
|
|
221
|
-
'on:fullscreenchange'?: import("svelte/elements").EventHandler<Event
|
|
222
|
-
'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event
|
|
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;
|
|
223
224
|
mode: XRSessionMode;
|
|
224
225
|
sessionInit?: XRSessionInit & {
|
|
225
226
|
domOverlay?: {
|
|
@@ -7,5 +7,5 @@ type UseFixedOptions = ThrelteUseFrameOptions & {
|
|
|
7
7
|
*
|
|
8
8
|
* @Todo Can be removed if this or a similar feature is merged.
|
|
9
9
|
*/
|
|
10
|
-
export declare const useFixed: (fn: (ctx: ThrelteContext, delta: number) => void, options: UseFixedOptions) => import("@threlte/core/dist/hooks/useFrame").ThrelteUseFrame;
|
|
10
|
+
export declare const useFixed: (fn: (ctx: ThrelteContext, delta: number) => void, options: UseFixedOptions) => import("@threlte/core/dist/hooks/legacy/useFrame").ThrelteUseFrame;
|
|
11
11
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@threlte/xr",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"devDependencies": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"typescript": "^5.1.6",
|
|
19
19
|
"vite": "^4.4.6",
|
|
20
20
|
"vite-plugin-mkcert": "^1.16.0",
|
|
21
|
-
"@threlte/core": "
|
|
21
|
+
"@threlte/core": "7.0.0"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"svelte": ">=4",
|
|
@@ -1,62 +0,0 @@
|
|
|
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)[];
|