@threlte/core
Advanced tools
Comparing version 8.0.0 to 8.0.1
@@ -45,4 +45,7 @@ import { type Renderer } from 'three'; | ||
canvas: HTMLCanvasElement; | ||
size: import("..").CurrentReadable<DOMRect>; | ||
size: import("..").CurrentReadable<{ | ||
width: number; | ||
height: number; | ||
}>; | ||
scene: import("three").Scene; | ||
}; |
@@ -6,3 +6,6 @@ import { type CurrentReadable } from '../../utilities'; | ||
canvas: HTMLCanvasElement; | ||
size: CurrentReadable<DOMRect>; | ||
size: CurrentReadable<{ | ||
width: number; | ||
height: number; | ||
}>; | ||
}; | ||
@@ -9,0 +12,0 @@ export type CreateDOMContextOptions = { |
@@ -5,6 +5,9 @@ import { getContext, onMount, setContext } from 'svelte'; | ||
const { dom, canvas } = options; | ||
const size = currentWritable(dom.getBoundingClientRect()); | ||
const size = currentWritable({ width: dom.offsetWidth, height: dom.offsetHeight }); | ||
onMount(() => { | ||
const resizeObserver = new ResizeObserver(() => { | ||
size.set(dom.getBoundingClientRect()); | ||
const { offsetWidth, offsetHeight } = dom; | ||
if (size.current.width !== offsetWidth || size.current.height !== offsetHeight) { | ||
size.set({ width: offsetWidth, height: offsetHeight }); | ||
} | ||
}); | ||
@@ -11,0 +14,0 @@ resizeObserver.observe(dom); |
{ | ||
"name": "@threlte/core", | ||
"version": "8.0.0", | ||
"version": "8.0.1", | ||
"author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
145231
3792