@realsee/five 6.8.0 → 6.8.2

package/react/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 4/17/2026
- * Version: 6.8.0
+ * Generated: 5/8/2026
+ * Version: 6.8.2
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -253,85 +253,86 @@
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
 */import * as e from "react";
-import * as t from "three";
-import { Five as n, getViewportScale as r } from "@realsee/five";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import * as a from "three";
+import { Five as o, getViewportScale as s } from "@realsee/five";
 //#region build/react/rendererPool.js
-var i = [], a = [];
-function o({ preserveDrawingBuffer: e = !0, webgl2: n = !1 } = {}) {
+var c = [], l = [];
+function u({ preserveDrawingBuffer: e = !0, webgl2: t = !1 } = {}) {
 	if (typeof window > "u") return;
-	let r = null;
-	if (r = n ? i.shift() : a.shift(), !r) {
-		if (n) {
-			let n = document.createElement("canvas"), i = n.getContext("webgl2");
-			i ? r = new t.WebGLRenderer({
+	let n = null;
+	if (n = t ? c.shift() : l.shift(), !n) {
+		if (t) {
+			let t = document.createElement("canvas"), r = t.getContext("webgl2");
+			r ? n = new a.WebGLRenderer({
 				preserveDrawingBuffer: e,
 				antialias: !0,
 				alpha: !0,
 				stencil: !0,
-				canvas: n,
-				context: i
-			}) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), r = new t.WebGLRenderer({
+				canvas: t,
+				context: r
+			}) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), n = new a.WebGLRenderer({
 				preserveDrawingBuffer: e,
 				antialias: !1,
 				alpha: !0,
 				stencil: !0
 			}));
-		} else r = new t.WebGLRenderer({
+		} else n = new a.WebGLRenderer({
 			preserveDrawingBuffer: e,
 			antialias: !1,
 			alpha: !0,
 			stencil: !0
 		});
-		r.outputEncoding = t.sRGBEncoding;
+		n.outputEncoding = a.sRGBEncoding;
 	}
-	return r.autoClear = !0, r;
+	return n.autoClear = !0, n;
 }
-function s(e) {
-	e && (e.capabilities.isWebGL2 ? a.indexOf(e) === -1 && a.push(e) : i.indexOf(e) === -1 && i.push(e));
+function d(e) {
+	e && (e.capabilities.isWebGL2 ? l.indexOf(e) === -1 && l.push(e) : c.indexOf(e) === -1 && c.push(e));
 }
 //#endregion
 //#region build/react/context.js
-var c = e.createContext(null);
-function l() {
-	let t = e.useContext(c);
+var f = e.createContext(null);
+function p() {
+	let t = e.useContext(f);
 	if (!t) throw Error("FiveProvider never found.");
 	return t.five;
 }
-function u() {
-	let t = e.useContext(c);
+function m() {
+	let t = e.useContext(f);
 	if (!t) throw Error("FiveProvider never found.");
 	return t.loadWork;
 }
 //#endregion
 //#region build/react/createProvider.js
-function d(e, t) {
+function h(e, t) {
 	let n = Array.isArray(e) ? e : [e], r = Array.isArray(t) ? t : [t];
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) if (n[e].workCode !== r[e].workCode) return !1;
 	return !0;
 }
-function f(t = {}) {
+function g(t = {}) {
 	return class extends e.Component {
 		constructor(e) {
-			super(e), this.__fiveEventDisposers = [], this.__fiveDisposeTimer = null, this.five = new n(Object.assign(Object.assign({}, t), { renderer: void 0 })), this.loadWork = this.loadWork.bind(this), this.state = {};
+			super(e), this.__fiveEventDisposers = [], this.__fiveDisposeTimer = null, this.five = new o(Object.assign(Object.assign({}, t), { renderer: void 0 })), this.loadWork = this.loadWork.bind(this), this.state = {};
 		}
 		loadWork(e, t, n, r = !0) {
 			if (this.props.work) throw Error("props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
 			return this.five.load(e, t, n, r);
 		}
 		shouldComponentUpdate(e) {
-			return this.five.renderer && this.five && e.work && !d(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
+			return this.five.renderer && this.five && e.work && !h(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
 		}
 		componentDidMount() {
 			var e;
 			clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null;
 			let n;
 			if (typeof window < "u") {
-				n = o({
+				n = u({
 					webgl2: t == null ? void 0 : t.webgl2,
 					preserveDrawingBuffer: t == null ? void 0 : t.preserveDrawingBuffer
 				});
-				let e = r() === 1 ? window.devicePixelRatio : 1;
+				let e = s() === 1 ? window.devicePixelRatio : 1;
 				n == null || n.setPixelRatio(e);
 			}
 			this.five.renderer = n, this.setState({ renderer: n }), this.__fiveEventDisposers.push(this.five.on("load", () => {
@@ -343,20 +344,20 @@ function f(t = {}) {
 			})), this.__fiveEventDisposers.push(this.five.on("error", (e) => {
 				this.props.onError ? this.props.onError(e) : console.warn(e.message);
 			}));
-			let i = this.props.work || this.props.initialWork;
-			i && this.five.load(i, this.props.initialState, this.props.initialOptions, (e = this.props.initialUserAction) == null ? !0 : e);
+			let r = this.props.work || this.props.initialWork;
+			r && this.five.load(r, this.props.initialState, this.props.initialOptions, (e = this.props.initialUserAction) == null ? !0 : e);
 		}
 		componentWillUnmount() {
 			var e;
 			(e = this.five.controller) == null || e.destroy();
 			let t = this.five.renderer;
-			this.five.renderer = void 0, s(t), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(() => {
+			this.five.renderer = void 0, d(t), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(() => {
 				this.__fiveDisposeTimer = null, this.five.dispose();
 			}, 1e3);
 		}
 		render() {
 			let t = this.five, n = this.loadWork, r = this.state.renderer;
-			return e.createElement(c.Provider, { value: {
+			return e.createElement(f.Provider, { value: {
 				renderer: r,
 				five: t,
 				loadWork: n
@@ -366,15 +367,15 @@ function f(t = {}) {
 }
 //#endregion
 //#region build/react/canvas.js
-var p = typeof window < "u" ? e.useLayoutEffect : e.useEffect, m = {
+var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
 	display: "inline-block",
 	overflow: "hidden"
-}, h = ({ width: t, height: n }) => {
-	let r = l(), i = e.createRef(), a = Object.assign({
+}, y = ({ width: t, height: n }) => {
+	let r = p(), i = e.createRef(), a = Object.assign({
 		width: t,
 		height: n
-	}, m);
-	return p(() => {
+	}, v);
+	return _(() => {
 		let e = i.current;
 		if (!e || !r.renderer) return;
 		let a = r.renderer.domElement;
@@ -395,41 +396,103 @@ var p = typeof window < "u" ? e.useLayoutEffect : e.useEffect, m = {
 		ref: i,
 		style: a
 	});
+}, b = ({ children: t }) => {
+	let n = p(), r = e.useRef(null);
+	return e.useEffect(() => {
+		let e = r.current;
+		if (!e || !n.renderer) return;
+		let t = n.renderer.domElement;
+		e.appendChild(t);
+		let i = () => {
+			var t;
+			let { width: r, height: i } = e.getBoundingClientRect();
+			r === 0 || i === 0 || (n.camera.aspect = r / i, n.camera.updateProjectionMatrix(), (t = n.renderer) == null || t.setSize(r, i), n.refresh({
+				width: r,
+				height: i
+			}), n.needsRender = !0);
+		}, a = new ResizeObserver(i);
+		return a.observe(e), i(), () => {
+			t.parentNode === e && e.removeChild(t), a.unobserve(e), a.disconnect();
+		};
+	}, []), e.createElement("div", {
+		ref: r,
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0
+		}
+	}, t);
+}, x = ({ renderChildren: t, load: n, children: r, fallback: i }) => {
+	let a = e.useContext(f), o = a == null ? void 0 : a.five, [s, c] = e.useState(!!t), [l, u] = e.useState(!1);
+	return e.useEffect(() => {
+		o && o.getElement() && (c(!0), n && n(o).then((e) => {
+			o.load(...e);
+		}));
+	}, [o]), e.useEffect(() => {
+		if (!o) return;
+		let e = () => u(!0);
+		return o.on("works.load", e), o.works && o.works.length > 0 && u(!0), () => {
+			o.off("works.load", e);
+		};
+	}, [o]), !o || !l && !t || !s ? i == null ? null : e.createElement(e.Fragment, null, i) : e.createElement(e.Fragment, null, r);
+}, S = {
+	position: "relative",
+	width: "100vw",
+	height: "100vh",
+	overflow: "hidden"
+}, C = {
+	backgroundAlpha: 1,
+	backgroundColor: 0,
+	imageOptions: { size: 512 },
+	textureOptions: { autoResize: !1 },
+	preserveDrawingBuffer: !0,
+	webgl2: !0
+}, w = ({ fiveInitArgs: t = C, renderChildren: n, plugins: r, load: i, children: a, fullscreen: o, autoCanvas: s = !0, fallback: c }) => {
+	let [l] = e.useState(() => g(Object.assign(Object.assign({}, t), { plugins: r }))), u = [];
+	s && u.push(e.createElement(b, { key: "auto-canvas" })), a && u.push(a);
+	let d = e.createElement(l, null, e.createElement(x, {
+		load: i,
+		renderChildren: n,
+		fallback: c
+	}, ...u));
+	return o ? e.createElement("div", { style: S }, d) : d;
 };
 //#endregion
 //#region build/react/hooks/unsafe__useFiveInstance.js
-function g() {
-	return l();
+function T() {
+	return p();
 }
 //#endregion
 //#region build/react/hooks/useFiveSceneEffect.js
-function _(t, n) {
-	let r = l(), i = [r];
+function E(t, n) {
+	let r = p(), i = [r];
 	n !== void 0 && (i = i.concat(n)), e.useLayoutEffect(() => t(r.scene), i);
 }
-var v = _;
+var D = E;
 //#endregion
 //#region build/react/hooks/useFiveWork.js
-function y() {
-	let t = l(), n = u(), [r, i] = e.useState(() => t.works);
+function O() {
+	let t = p(), n = m(), [r, i] = e.useState(() => t.works);
 	return e.useLayoutEffect(() => t.on("load", () => i(t.works)), [t]), [r, n];
 }
 //#endregion
 //#region build/react/hooks/useFiveState.js
-function b(e) {
+function k(e) {
 	return Object.assign({}, e.state);
 }
-function x() {
-	let t = l(), [n, r] = e.useState(() => b(t)), i = e.useCallback((e, n = !1, r = !0) => {
+function A() {
+	let t = p(), [n, r] = e.useState(() => k(t)), i = e.useCallback((e, n = !1, r = !0) => {
 		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
 		t.setState(i, n, r);
 	}, [t]);
-	return e.useLayoutEffect(() => t.on("stateChange", () => r(b(t))), [t]), [n, i];
+	return e.useLayoutEffect(() => t.on("stateChange", () => r(k(t))), [t]), [n, i];
 }
 //#endregion
 //#region build/react/hooks/useFiveCurrentState.js
-function S() {
-	let t = l(), [n, r] = e.useState(() => t.getCurrentState()), i = e.useCallback((e, n = !1, r = !0) => {
+function j() {
+	let t = p(), [n, r] = e.useState(() => t.getCurrentState()), i = e.useCallback((e, n = !1, r = !0) => {
 		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
 		t.setState(i, n, r);
 	}, [t]);
@@ -437,20 +500,20 @@ function S() {
 }
 //#endregion
 //#region build/react/hooks/useFiveCurrentObserver.js
-function C() {
-	let t = l(), [n, r] = e.useState(() => t.getCurrentState());
+function M() {
+	let t = p(), [n, r] = e.useState(() => t.getCurrentState());
 	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), t.works.getObserver(n);
 }
 //#endregion
 //#region build/react/hooks/useFiveEventCallback.js
-function w(t, n, r) {
-	let i = l(), a = [i, t];
+function ee(t, n, r) {
+	let i = p(), a = [i, t];
 	r !== void 0 && (a = a.concat(r)), e.useLayoutEffect(() => i.on(t, n), a);
 }
 //#endregion
 //#region build/react/hooks/useFiveAction.js
-function T() {
-	let t = l();
+function te() {
+	let t = p();
 	return {
 		updateCamera: e.useCallback((e, n) => t.updateCamera(e, n), [t]),
 		getPixels: e.useCallback(t.getPixels.bind(t), [t]),
@@ -461,48 +524,102 @@ function T() {
 }
 //#endregion
 //#region build/react/hooks/useFiveProject2d.js
-function E() {
-	let t = l(), [n, r] = e.useState(() => Symbol());
+function ne() {
+	let t = p(), [n, r] = e.useState(() => Symbol());
 	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(Symbol())), [t]), e.useCallback((e, n) => t.project2d(e, n), [t]);
 }
 //#endregion
 //#region build/react/hooks/useFiveCameraRaycaster.js
-function D(e) {
-	let n = e.camera.getWorldDirection(new t.Vector3());
-	return new t.Raycaster(e.camera.position, n);
+function N(e) {
+	let t = e.camera.getWorldDirection(new a.Vector3());
+	return new a.Raycaster(e.camera.position, t);
 }
-function O() {
-	let t = l(), [n, r] = e.useState(() => D(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(D(t))), [t]), n;
+function re() {
+	let t = p(), [n, r] = e.useState(() => N(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(N(t))), [t]), n;
 }
 //#endregion
 //#region build/react/hooks/useFiveCameraDirection.js
-function k(e) {
-	return e.camera.getWorldDirection(new t.Vector3());
+function P(e) {
+	return e.camera.getWorldDirection(new a.Vector3());
 }
-function A() {
-	let t = l(), [n, r] = e.useState(() => k(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(k(t))), [t]), n;
+function F() {
+	let t = p(), [n, r] = e.useState(() => P(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(P(t))), [t]), n;
 }
 //#endregion
 //#region build/react/hooks/useFiveModelIntersectRaycaster.js
-function j() {
-	let t = l();
+function I() {
+	let t = p();
 	return e.useCallback((e) => t.model.intersectRaycaster(e), [t]);
 }
 //#endregion
 //#region build/react/hooks/useFiveModelReadyState.js
-function M(e) {
+function L(e) {
 	return e.model.empty ? "Empty" : "Loaded";
 }
-function ee() {
-	let t = l(), [n, r] = e.useState(() => M(t));
-	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(M(t))), [t]), n;
+function ie() {
+	let t = p(), [n, r] = e.useState(() => L(t));
+	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(L(t))), [t]), n;
+}
+//#endregion
+//#region build/react/hooks/useFivePlugin.js
+var R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
+function B(e) {
+	let t = z.get(e);
+	t && t.forEach((e) => e());
+}
+function V(e, t) {
+	return z.has(e) || z.set(e, /* @__PURE__ */ new Set()), z.get(e).add(t), () => {
+		let n = z.get(e);
+		n && (n.delete(t), n.size === 0 && z.delete(e));
+	};
+}
+function H(e, t) {
+	return `${e}:${t}`;
+}
+function U(e, t) {
+	var n;
+	return (n = R.get(H(e, t))) == null ? void 0 : n.plugin;
+}
+function W(e, t, n) {
+	R.set(H(e, t), { plugin: n }), B(e);
+}
+function G(e, a) {
+	var o, s;
+	let c = p(), l = (s = (o = c.work) == null ? void 0 : o.workCode) == null ? "" : s, u = H(l, e), d = r(c), [, f] = i(0);
+	return n(() => {
+		if (l) return V(l, () => f((e) => e + 1));
+	}, [l]), n(() => {
+		if (d.current === c) return;
+		d.current = c;
+		let t = R.get(u);
+		if (!t) return;
+		let n = t.plugin;
+		if (a != null && a.reCreateOnFiveChange && a.createPlugin) {
+			typeof n.dispose == "function" && n.dispose();
+			let t = a.createPlugin(c);
+			R.set(u, { plugin: t }), c.plugins[e] = t, B(l);
+		} else n && (typeof n.updateFive == "function" ? n.updateFive(c) : "five" in n && (n.five = c));
+	}, [c]), t(() => {
+		let t = R.get(u);
+		if (t) return c.plugins[e] = t.plugin, t.plugin;
+		let n = c.plugins[e];
+		if (n) return R.set(u, { plugin: n }), n;
+		if (a != null && a.createPlugin) {
+			let t = a.createPlugin(c);
+			return R.set(u, { plugin: t }), c.plugins[e] = t, B(l), t;
+		}
+	}, [
+		u,
+		c,
+		a == null ? void 0 : a.createPlugin
+	])();
 }
 //#endregion
 //#region build/react/hooks/useFiveFloor.js
-function N() {
-	let t = l(), [n, r] = e.useState(t.model.shownFloor), [i, a] = e.useState(t.model.floorLength), o = e.useCallback((e) => {
+function K() {
+	let t = p(), [n, r] = e.useState(t.model.shownFloor), [i, a] = e.useState(t.model.floorLength), o = e.useCallback((e) => {
 		typeof e == "number" ? t.model.show(e) : t.model.show();
 	}, [t]);
 	return e.useLayoutEffect(() => {
@@ -519,39 +636,39 @@ function N() {
 }
 //#endregion
 //#region build/react/hooks/useFiveHelper.js
-function te() {
-	let t = l(), [n, r] = e.useState(t.helperVisible), i = e.useCallback((e) => {
+function q() {
+	let t = p(), [n, r] = e.useState(t.helperVisible), i = e.useCallback((e) => {
 		t.helperVisible = e;
 	}, [t]);
 	return e.useLayoutEffect(() => t.on("helpersVisibleChange", (e) => r(e)), [t]), [n, i];
 }
 //#endregion
 //#region build/react/withFive.js
-var ne = "$five";
-function P(e, t) {
+var J = "$five";
+function Y(e, t) {
 	return t.indexOf(e) >= 0;
 }
-function F(e, t) {
+function X(e, t) {
 	for (let n of Object.keys(t)) t[n] !== void 0 && (e[n] = t[n]);
 }
-function I(t, n) {
-	let r = P("state", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function ae(t, n) {
+	let r = Y("state", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return Object.assign({}, t.state);
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("stateChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function L(t, n) {
-	let r = P("currentState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function oe(t, n) {
+	let r = Y("currentState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.getCurrentState();
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("currentStateChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function R(t, n) {
-	let r = P("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function se(t, n) {
+	let r = Y("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.getCurrentState();
 	}, [t, i]);
 	e.useLayoutEffect(() => {
@@ -560,147 +677,147 @@ function R(t, n) {
 	let s;
 	return o && (s = t.works.getObserver(o)), [s, i];
 }
-function z(e, t) {
-	return [P("unsafe__fiveInstance", t) ? e : void 0];
+function ce(e, t) {
+	return [Y("unsafe__fiveInstance", t) ? e : void 0];
 }
-function B(t, n) {
-	let r = P("works", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function le(t, n) {
+	let r = Y("works", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.works;
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("load", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function V(t, n) {
-	let r = P("model", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function ue(t, n) {
+	let r = Y("model", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model;
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("modelLoaded", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function H(e, t) {
-	return [P("scene", t) ? e.scene : void 0];
+function de(e, t) {
+	return [Y("scene", t) ? e.scene : void 0];
 }
-function U(n, r) {
-	let i = P("cameraDirection", r), [a, o] = e.useState(Symbol()), s = e.useMemo(() => {
-		if (i) return n.camera.getWorldDirection(new t.Vector3());
-	}, [n, a]);
+function fe(t, n) {
+	let r = Y("cameraDirection", n), [i, o] = e.useState(Symbol()), s = e.useMemo(() => {
+		if (r) return t.camera.getWorldDirection(new a.Vector3());
+	}, [t, i]);
 	return e.useLayoutEffect(() => {
-		if (i) return n.on("cameraUpdate", () => o(Symbol()));
-	}, [n]), [s, a];
-}
-function W(n, r) {
-	let i = P("cameraRaycaster", r), [a, o] = e.useState(Symbol()), s = e.useMemo(() => {
-		if (i) {
-			let e = n.camera.getWorldDirection(new t.Vector3());
-			return new t.Raycaster(n.camera.position, e);
+		if (r) return t.on("cameraUpdate", () => o(Symbol()));
+	}, [t]), [s, i];
+}
+function pe(t, n) {
+	let r = Y("cameraRaycaster", n), [i, o] = e.useState(Symbol()), s = e.useMemo(() => {
+		if (r) {
+			let e = t.camera.getWorldDirection(new a.Vector3());
+			return new a.Raycaster(t.camera.position, e);
 		}
-	}, [n, a]);
+	}, [t, i]);
 	return e.useLayoutEffect(() => {
-		if (i) return n.on("cameraUpdate", () => o(Symbol()));
-	}, [n]), [s, a];
+		if (r) return t.on("cameraUpdate", () => o(Symbol()));
+	}, [t]), [s, i];
 }
-function G(t, n) {
-	let r = P("modelReadyState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function me(t, n) {
+	let r = Y("modelReadyState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model.empty ? "Empty" : "Loaded";
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("modelLoaded", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function K(t, n) {
-	let r = P("shownFloor", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function he(t, n) {
+	let r = Y("shownFloor", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model.shownFloor;
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("modelShownFloorChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function q(t, n) {
-	let r = P("helperVisible", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+function ge(t, n) {
+	let r = Y("helperVisible", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.helperVisible;
 	}, [t, i]);
 	return e.useLayoutEffect(() => {
 		if (r) return t.on("helpersVisibleChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function J(e, t) {
-	if (P("loadWork", t)) return e;
+function _e(e, t) {
+	if (Y("loadWork", t)) return e;
 }
-function Y(e, t) {
-	if (P("setState", t)) return (...t) => e.setState(...t);
+function ve(e, t) {
+	if (Y("setState", t)) return (...t) => e.setState(...t);
 }
-function X(e, t) {
-	if (P("on", t)) return (...t) => e.on(...t);
+function ye(e, t) {
+	if (Y("on", t)) return (...t) => e.on(...t);
 }
-function re(e, t) {
-	if (P("on", t)) return (...t) => e.once(...t);
+function be(e, t) {
+	if (Y("on", t)) return (...t) => e.once(...t);
 }
-function ie(e, t) {
-	if (P("off", t)) return (...t) => e.off(...t);
+function xe(e, t) {
+	if (Y("off", t)) return (...t) => e.off(...t);
 }
-function ae(e, t) {
-	if (P("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
+function Se(e, t) {
+	if (Y("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
 }
-function oe(e, t) {
-	if (P("project2d", t)) return (...t) => e.project2d(...t);
+function Ce(e, t) {
+	if (Y("project2d", t)) return (...t) => e.project2d(...t);
 }
-function se(e, t) {
-	if (P("updateCamera", t)) return (...t) => e.updateCamera(...t);
+function we(e, t) {
+	if (Y("updateCamera", t)) return (...t) => e.updateCamera(...t);
 }
-function ce(e, t) {
-	if (P("getPixels", t)) return e.getPixels.bind(e);
+function Te(e, t) {
+	if (Y("getPixels", t)) return e.getPixels.bind(e);
 }
-function le(e, t) {
-	if (P("render", t)) return (...t) => e.render(...t);
+function Ee(e, t) {
+	if (Y("render", t)) return (...t) => e.render(...t);
 }
-function Z(e, t) {
-	if (P("needsRender", t)) return () => {
+function De(e, t) {
+	if (Y("needsRender", t)) return () => {
 		e.needsRender = !0;
 	};
 }
-function ue(e, t) {
-	if (P("preloadPano", t)) return (...t) => e.preloadPano(...t);
+function Oe(e, t) {
+	if (Y("preloadPano", t)) return (...t) => e.preloadPano(...t);
 }
-function de(e, t) {
-	if (P("showFloor", t)) return (t) => {
+function ke(e, t) {
+	if (Y("showFloor", t)) return (t) => {
 		typeof t == "number" ? e.model.show(t) : e.model.show();
 	};
 }
-function fe(e, t) {
-	if (P("toggleHelperVisible", t)) return (t) => {
+function Z(e, t) {
+	if (Y("toggleHelperVisible", t)) return (t) => {
 		e.helperVisible = t;
 	};
 }
-function pe(t) {
+function Ae(t) {
 	return function(n) {
 		return e.forwardRef((r, i) => {
-			let a = l(), o = u(), [s] = z(a, t), [c, d] = I(a, t), [f, p] = L(a, t), [m, h] = R(a, t), [g, _] = B(a, t), [v, y] = V(a, t), [b] = H(a, t), [x, S] = U(a, t), [C, w] = W(a, t), [T, E] = G(a, t), [D, O] = K(a, t), [k, A] = q(a, t), j = e.useMemo(() => {
+			let a = p(), o = m(), [s] = ce(a, t), [c, l] = ae(a, t), [u, d] = oe(a, t), [f, h] = se(a, t), [g, _] = le(a, t), [v, y] = ue(a, t), [b] = de(a, t), [x, S] = fe(a, t), [C, w] = pe(a, t), [T, E] = me(a, t), [D, O] = he(a, t), [k, A] = ge(a, t), j = e.useMemo(() => {
 				let e = {};
-				return F(e, {
-					setState: Y(a, t),
-					loadWork: J(o, t),
-					on: X(a, t),
-					once: re(a, t),
-					off: ie(a, t),
-					intersectRaycaster: ae(a, t),
-					project2d: oe(a, t),
-					updateCamera: se(a, t),
-					getPixels: ce(a, t),
-					render: le(a, t),
-					needsRender: Z(a, t),
-					preloadPano: ue(a, t),
-					showFloor: de(a, t),
-					toggleHelperVisible: fe(a, t)
+				return X(e, {
+					setState: ve(a, t),
+					loadWork: _e(o, t),
+					on: ye(a, t),
+					once: be(a, t),
+					off: xe(a, t),
+					intersectRaycaster: Se(a, t),
+					project2d: Ce(a, t),
+					updateCamera: we(a, t),
+					getPixels: Te(a, t),
+					render: Ee(a, t),
+					needsRender: De(a, t),
+					preloadPano: Oe(a, t),
+					showFloor: ke(a, t),
+					toggleHelperVisible: Z(a, t)
 				}), e;
 			}, [a, o]), M = e.useMemo(() => {
 				let e = Object.assign({}, j);
-				return F(e, {
+				return X(e, {
 					unsafe__fiveInstance: s,
 					state: c,
-					currentState: f,
-					currentObserver: m,
+					currentState: u,
+					currentObserver: f,
 					work: g,
 					model: v,
 					scene: b,
@@ -713,8 +830,8 @@ function pe(t) {
 			}, [
 				a,
 				j,
+				l,
 				d,
-				p,
 				h,
 				_,
 				y,
@@ -731,7 +848,7 @@ function pe(t) {
 		});
 	};
 }
-function me(...e) {
+function je(...e) {
 	return e;
 }
 //#endregion
@@ -744,10 +861,10 @@ function Q(e, t) {
 	}
 	return n;
 }
-function he(e, t) {
+function Me(e, t) {
 	return typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t) ? !0 : e === t;
 }
-function ge(e, t) {
+function Ne(e, t) {
 	for (let n = 0; n < e.length; n++) for (let r = 0; r < t.length; r++) if (e[n] === t[r]) return !0;
 	return !1;
 }
@@ -767,19 +884,19 @@ var $ = class {
 	}
 	setValues(e, t) {
 		let n = [];
-		for (let r in t) e.indexOf(r) >= 0 && !he(t[r], this.values[r]) && n.push(r);
+		for (let r in t) e.indexOf(r) >= 0 && !Me(t[r], this.values[r]) && n.push(r);
 		if (n.length === 0) return;
 		let r = Object.assign({}, this.values);
 		for (let e of n) this.values[e] = t[e];
 		this.onValuesChange && this.onValuesChange(this.values, r);
 		for (let [e, t] of this.listeners) {
-			if (!ge(e, n)) continue;
+			if (!Ne(e, n)) continue;
 			let i = Q(r, e);
 			t(Q(this.values, e), i);
 		}
 	}
 };
-function _e(t) {
+function Pe(t) {
 	let n = e.createContext(null);
 	return {
 		useStore(t) {
@@ -823,4 +940,4 @@ function _e(t) {
 	};
 }
 //#endregion
-export { h as FiveCanvas, ne as INJECTION_PROPNAME, $ as Store, me as createFiveFeature, f as createFiveProvider, _e as createStore, g as unsafe__useFiveInstance, T as useFiveAction, A as useFiveCameraDirection, O as useFiveCameraRaycaster, C as useFiveCurrentObserver, S as useFiveCurrentState, w as useFiveEventCallback, N as useFiveFloor, te as useFiveHelper, j as useFiveModelIntersectRaycaster, ee as useFiveModelReadyState, E as useFiveProject2d, v as useFiveScene, _ as useFiveSceneEffect, x as useFiveState, y as useFiveWork, pe as withFive };
+export { w as FiveApp, b as FiveAutoCanvas, y as FiveCanvas, J as INJECTION_PROPNAME, $ as Store, je as createFiveFeature, g as createFiveProvider, Pe as createStore, U as getPlugin, W as setPlugin, T as unsafe__useFiveInstance, te as useFiveAction, F as useFiveCameraDirection, re as useFiveCameraRaycaster, M as useFiveCurrentObserver, j as useFiveCurrentState, ee as useFiveEventCallback, K as useFiveFloor, q as useFiveHelper, I as useFiveModelIntersectRaycaster, ie as useFiveModelReadyState, G as useFivePlugin, ne as useFiveProject2d, D as useFiveScene, E as useFiveSceneEffect, A as useFiveState, O as useFiveWork, Ae as withFive };