@realsee/five-webgpu 1.0.0-alpha.13 → 1.0.0-alpha.14

package/react/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five-webgpu
- * Generated: 2026/10/30
- * Version: 1.0.0-alpha.13
+ * Generated: 2026/11/3
+ * Version: 1.0.0-alpha.14
  * License:
  * Realsee SDK License Agreement
 
@@ -335,645 +335,4 @@
  * 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 { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { Five as a } from "@realsee/five-webgpu";
-import * as o from "three/webgpu";
-//#region build/react/context.js
-var s = e.createContext(null);
-function c() {
-	let t = e.useContext(s);
-	if (!t) throw Error("FiveProvider never found.");
-	return t.five;
-}
-function l() {
-	let t = e.useContext(s);
-	if (!t) throw Error("FiveProvider never found.");
-	return t.loadWork;
-}
-//#endregion
-//#region build/react/createProvider.js
-function u(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 d(t = {}) {
-	return class extends e.Component {
-		constructor(e) {
-			super(e), this.__fiveEventDisposers = [], this.__fiveDisposeTimer = null, this.five = new a(Object.assign({}, t)), this.loadWork = this.loadWork.bind(this), this.state = { renderer: this.five.renderer };
-		}
-		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 && !u(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
-		}
-		componentDidMount() {
-			var e;
-			clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null, this.state.renderer !== this.five.renderer && this.setState({ renderer: this.five.renderer }), this.__fiveEventDisposers.push(this.five.on("load", () => {
-				this.props.onWorksChange && this.props.onWorksChange(this.five.works);
-			})), this.__fiveEventDisposers.push(this.five.on("stateChange", (e, t) => {
-				this.props.onStateChange && this.props.onStateChange(e, t);
-			})), this.__fiveEventDisposers.push(this.five.on("currentStateChange", (e, t) => {
-				this.props.onCurrentStateChange && this.props.onCurrentStateChange(e, t);
-			})), this.__fiveEventDisposers.push(this.five.on("error", (e) => {
-				this.props.onError ? this.props.onError(e) : console.warn(e.message);
-			}));
-			let t = this.props.work || this.props.initialWork;
-			t && this.five.load(t, this.props.initialState, this.props.initialOptions, (e = this.props.initialUserAction) == null ? !0 : e);
-		}
-		componentWillUnmount() {
-			var e;
-			for (let e of this.__fiveEventDisposers) e();
-			this.__fiveEventDisposers = [], (e = this.five.controller) == null || e.destroy(), 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(s.Provider, { value: {
-				renderer: r,
-				five: t,
-				loadWork: n
-			} }, this.props.children);
-		}
-	};
-}
-//#endregion
-//#region build/react/canvas.js
-var f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, p = {
-	display: "inline-block",
-	overflow: "hidden"
-}, m = ({ width: t, height: n }) => {
-	let r = c(), i = e.createRef(), a = Object.assign({
-		width: t,
-		height: n
-	}, p);
-	return f(() => {
-		let e = i.current;
-		if (!e || !r.renderer) return;
-		let a = r.renderer.domElement;
-		if (a.parentNode !== null && a.parentNode !== e) throw Error("There are more than 2 fiveCanvas in this context.");
-		return a.parentNode !== e && e.appendChild(a), r.camera.aspect = t / n, r.camera.updateProjectionMatrix(), r.renderer.setSize(t, n), r.refresh({
-			width: t,
-			height: n
-		}), r.needsRender = !0, () => {
-			a.parentNode === e && e.removeChild(a);
-		};
-	}, [
-		r,
-		r.renderer,
-		t,
-		n,
-		i.current
-	]), e.createElement("div", {
-		ref: i,
-		style: a
-	});
-}, h = ({ children: t }) => {
-	let n = c(), 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);
-}, g = ({ renderChildren: t, load: n, children: r, fallback: i }) => {
-	let a = e.useContext(s), o = a == null ? void 0 : a.five, [c, l] = e.useState(!!t), [u, d] = e.useState(!1);
-	return e.useEffect(() => {
-		o && o.getElement() && (l(!0), n && n(o).then((e) => {
-			o.load(...e);
-		}));
-	}, [o]), e.useEffect(() => {
-		if (!o) return;
-		let e = () => d(!0);
-		return o.on("works.load", e), o.works && o.works.length > 0 && d(!0), () => {
-			o.off("works.load", e);
-		};
-	}, [o]), !o || !u && !t || !c ? i == null ? null : e.createElement(e.Fragment, null, i) : e.createElement(e.Fragment, null, r);
-}, _ = {
-	position: "relative",
-	width: "100vw",
-	height: "100vh",
-	overflow: "hidden"
-}, v = {
-	backgroundAlpha: 1,
-	backgroundColor: 0,
-	imageOptions: { size: 512 },
-	textureOptions: { autoResize: !1 },
-	preserveDrawingBuffer: !0
-}, y = ({ fiveInitArgs: t = v, renderChildren: n, plugins: r, load: i, children: a, fullscreen: o, autoCanvas: s = !0, fallback: c }) => {
-	let [l] = e.useState(() => d(Object.assign(Object.assign({}, t), { plugins: r }))), u = [];
-	s && u.push(e.createElement(h, { key: "auto-canvas" })), a && u.push(a);
-	let f = e.createElement(l, null, e.createElement(g, {
-		load: i,
-		renderChildren: n,
-		fallback: c
-	}, ...u));
-	return o ? e.createElement("div", { style: _ }, f) : f;
-};
-//#endregion
-//#region build/react/hooks/unsafe__useFiveInstance.js
-function b() {
-	return c();
-}
-//#endregion
-//#region build/react/hooks/useFiveSceneEffect.js
-function x(t, n) {
-	let r = c(), i = [r];
-	n !== void 0 && (i = i.concat(n)), e.useLayoutEffect(() => t(r.scene), i);
-}
-var S = x;
-//#endregion
-//#region build/react/hooks/useFiveWork.js
-function C() {
-	let t = c(), n = l(), [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 w(e) {
-	return Object.assign({}, e.state);
-}
-function T() {
-	let t = c(), [n, r] = e.useState(() => w(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(w(t))), [t]), [n, i];
-}
-//#endregion
-//#region build/react/hooks/useFiveCurrentState.js
-function E() {
-	let t = c(), [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]);
-	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), [n, i];
-}
-//#endregion
-//#region build/react/hooks/useFiveCurrentObserver.js
-function D() {
-	let t = c(), [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 O(t, n, r) {
-	let i = c(), 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 k() {
-	let t = c();
-	return {
-		updateCamera: e.useCallback((e, n) => t.updateCamera(e, n), [t]),
-		getPixels: e.useCallback(t.getPixels.bind(t), [t]),
-		render: e.useCallback((e) => t.render(e), [t]),
-		needsRender: e.useCallback(() => t.needsRender = !0, [t]),
-		preloadPano: e.useCallback((e, n) => t.preloadPano(e, n), [t])
-	};
-}
-//#endregion
-//#region build/react/hooks/useFiveProject2d.js
-function A() {
-	let t = c(), [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 j(e) {
-	let t = e.camera.getWorldDirection(new o.Vector3());
-	return new o.Raycaster(e.camera.position, t);
-}
-function M() {
-	let t = c(), [n, r] = e.useState(() => j(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(j(t))), [t]), n;
-}
-//#endregion
-//#region build/react/hooks/useFiveCameraDirection.js
-function N(e) {
-	return e.camera.getWorldDirection(new o.Vector3());
-}
-function P() {
-	let t = c(), [n, r] = e.useState(() => N(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(N(t))), [t]), n;
-}
-//#endregion
-//#region build/react/hooks/useFiveModelIntersectRaycaster.js
-function ee() {
-	let t = c();
-	return e.useCallback((e) => t.model.intersectRaycaster(e), [t]);
-}
-//#endregion
-//#region build/react/hooks/useFiveModelReadyState.js
-function F(e) {
-	return e.model.empty ? "Empty" : "Loaded";
-}
-function I() {
-	let t = c(), [n, r] = e.useState(() => F(t));
-	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(F(t))), [t]), n;
-}
-//#endregion
-//#region build/react/hooks/useFivePlugin.js
-var L = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-function z(e) {
-	let t = R.get(e);
-	t && t.forEach((e) => e());
-}
-function te(e, t) {
-	return R.has(e) || R.set(e, /* @__PURE__ */ new Set()), R.get(e).add(t), () => {
-		let n = R.get(e);
-		n && (n.delete(t), n.size === 0 && R.delete(e));
-	};
-}
-function B(e, t) {
-	return `${e}:${t}`;
-}
-function ne(e, t) {
-	var n;
-	return (n = L.get(B(e, t))) == null ? void 0 : n.plugin;
-}
-function re(e, t, n) {
-	L.set(B(e, t), { plugin: n }), z(e);
-}
-function V(e, a) {
-	var o, s;
-	let l = c(), u = (s = (o = l.work) == null ? void 0 : o.workCode) == null ? "" : s, d = B(u, e), f = r(l), [, p] = i(0);
-	return n(() => {
-		if (u) return te(u, () => p((e) => e + 1));
-	}, [u]), n(() => {
-		if (f.current === l) return;
-		f.current = l;
-		let t = L.get(d);
-		if (!t) return;
-		let n = t.plugin;
-		if (a != null && a.reCreateOnFiveChange && a.createPlugin) {
-			typeof n.dispose == "function" && n.dispose();
-			let t = a.createPlugin(l);
-			L.set(d, { plugin: t }), l.plugins[e] = t, z(u);
-		} else n && (typeof n.updateFive == "function" ? n.updateFive(l) : "five" in n && (n.five = l));
-	}, [l]), t(() => {
-		let t = L.get(d);
-		if (t) return l.plugins[e] = t.plugin, t.plugin;
-		let n = l.plugins[e];
-		if (n) return L.set(d, { plugin: n }), n;
-		if (a != null && a.createPlugin) {
-			let t = a.createPlugin(l);
-			return L.set(d, { plugin: t }), l.plugins[e] = t, z(u), t;
-		}
-	}, [
-		d,
-		l,
-		a == null ? void 0 : a.createPlugin
-	])();
-}
-//#endregion
-//#region build/react/hooks/useFiveFloor.js
-function H() {
-	let t = c(), [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(() => {
-		let e = [];
-		return e.push(t.on("modelShownFloorChange", () => r(t.model.shownFloor))), e.push(t.on("modelLoaded", () => a(t.model.floorLength))), () => {
-			let t;
-			for (; t = e.shift();) t();
-		};
-	}, [t]), [
-		n,
-		i,
-		o
-	];
-}
-//#endregion
-//#region build/react/hooks/useFiveHelper.js
-function U() {
-	let t = c(), [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 W = "$five";
-function G(e, t) {
-	return t.indexOf(e) >= 0;
-}
-function K(e, t) {
-	for (let n of Object.keys(t)) t[n] !== void 0 && (e[n] = t[n]);
-}
-function q(t, n) {
-	let r = G("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 J(t, n) {
-	let r = G("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 Y(t, n) {
-	let r = G("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
-		if (r) return t.getCurrentState();
-	}, [t, i]);
-	e.useLayoutEffect(() => {
-		if (r) return t.on("currentStateChange", () => a(Symbol()));
-	}, [t]);
-	let s;
-	return o && (s = t.works.getObserver(o)), [s, i];
-}
-function X(e, t) {
-	return [G("unsafe__fiveInstance", t) ? e : void 0];
-}
-function ie(t, n) {
-	let r = G("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 ae(t, n) {
-	let r = G("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 oe(e, t) {
-	return [G("scene", t) ? e.scene : void 0];
-}
-function se(t, n) {
-	let r = G("cameraDirection", n), [i, a] = e.useState(Symbol()), s = e.useMemo(() => {
-		if (r) return t.camera.getWorldDirection(new o.Vector3());
-	}, [t, i]);
-	return e.useLayoutEffect(() => {
-		if (r) return t.on("cameraUpdate", () => a(Symbol()));
-	}, [t]), [s, i];
-}
-function ce(t, n) {
-	let r = G("cameraRaycaster", n), [i, a] = e.useState(Symbol()), s = e.useMemo(() => {
-		if (r) {
-			let e = t.camera.getWorldDirection(new o.Vector3());
-			return new o.Raycaster(t.camera.position, e);
-		}
-	}, [t, i]);
-	return e.useLayoutEffect(() => {
-		if (r) return t.on("cameraUpdate", () => a(Symbol()));
-	}, [t]), [s, i];
-}
-function le(t, n) {
-	let r = G("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 ue(t, n) {
-	let r = G("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 de(t, n) {
-	let r = G("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 fe(e, t) {
-	if (G("loadWork", t)) return e;
-}
-function pe(e, t) {
-	if (G("setState", t)) return (...t) => e.setState(...t);
-}
-function me(e, t) {
-	if (G("on", t)) return (...t) => e.on(...t);
-}
-function he(e, t) {
-	if (G("on", t)) return (...t) => e.once(...t);
-}
-function ge(e, t) {
-	if (G("off", t)) return (...t) => e.off(...t);
-}
-function _e(e, t) {
-	if (G("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
-}
-function ve(e, t) {
-	if (G("project2d", t)) return (...t) => e.project2d(...t);
-}
-function ye(e, t) {
-	if (G("updateCamera", t)) return (...t) => e.updateCamera(...t);
-}
-function be(e, t) {
-	if (G("getPixels", t)) return e.getPixels.bind(e);
-}
-function xe(e, t) {
-	if (G("render", t)) return (...t) => e.render(...t);
-}
-function Se(e, t) {
-	if (G("needsRender", t)) return () => {
-		e.needsRender = !0;
-	};
-}
-function Z(e, t) {
-	if (G("preloadPano", t)) return (...t) => e.preloadPano(...t);
-}
-function Ce(e, t) {
-	if (G("showFloor", t)) return (t) => {
-		typeof t == "number" ? e.model.show(t) : e.model.show();
-	};
-}
-function we(e, t) {
-	if (G("toggleHelperVisible", t)) return (t) => {
-		e.helperVisible = t;
-	};
-}
-function Te(t) {
-	return function(n) {
-		return e.forwardRef((r, i) => {
-			let a = c(), o = l(), [s] = X(a, t), [u, d] = q(a, t), [f, p] = J(a, t), [m, h] = Y(a, t), [g, _] = ie(a, t), [v, y] = ae(a, t), [b] = oe(a, t), [x, S] = se(a, t), [C, w] = ce(a, t), [T, E] = le(a, t), [D, O] = ue(a, t), [k, A] = de(a, t), j = e.useMemo(() => {
-				let e = {};
-				return K(e, {
-					setState: pe(a, t),
-					loadWork: fe(o, t),
-					on: me(a, t),
-					once: he(a, t),
-					off: ge(a, t),
-					intersectRaycaster: _e(a, t),
-					project2d: ve(a, t),
-					updateCamera: ye(a, t),
-					getPixels: be(a, t),
-					render: xe(a, t),
-					needsRender: Se(a, t),
-					preloadPano: Z(a, t),
-					showFloor: Ce(a, t),
-					toggleHelperVisible: we(a, t)
-				}), e;
-			}, [a, o]), M = e.useMemo(() => {
-				let e = Object.assign({}, j);
-				return K(e, {
-					unsafe__fiveInstance: s,
-					state: u,
-					currentState: f,
-					currentObserver: m,
-					work: g,
-					model: v,
-					scene: b,
-					cameraDirection: x,
-					cameraRaycaster: C,
-					modelReadyState: T,
-					shownFloor: D,
-					helperVisible: k
-				}), e;
-			}, [
-				a,
-				j,
-				d,
-				p,
-				h,
-				_,
-				y,
-				S,
-				w,
-				E,
-				O,
-				A
-			]);
-			return e.createElement(n, Object.assign({
-				ref: i,
-				$five: M
-			}, r));
-		});
-	};
-}
-function Ee(...e) {
-	return e;
-}
-//#endregion
-//#region build/react/createStore.js
-function Q(e, t) {
-	let n = {}, r = t.length, i = -1;
-	for (; ++i < r;) {
-		let r = t[i];
-		r in e && (n[r] = e[r]);
-	}
-	return n;
-}
-function De(e, t) {
-	return typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t) ? !0 : e === t;
-}
-function Oe(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;
-}
-var $ = class {
-	constructor(e, t) {
-		this.values = e, this.listeners = [], this.onValuesChange = t;
-	}
-	on(e, t) {
-		let n = [e, t];
-		return this.listeners.push(n), () => {
-			let e = this.listeners.indexOf(n);
-			e >= 0 && this.listeners.splice(e, 1);
-		};
-	}
-	getValues(e) {
-		return Q(this.values, e);
-	}
-	setValues(e, t) {
-		let n = [];
-		for (let r in t) e.indexOf(r) >= 0 && !De(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 (!Oe(e, n)) continue;
-			let i = Q(r, e);
-			t(Q(this.values, e), i);
-		}
-	}
-};
-function ke(t) {
-	let n = e.createContext(null);
-	return {
-		useStore(t) {
-			let r = e.useContext(n);
-			if (r === null) throw Error("StoreProvider never found.");
-			let i = e.useRef(!0), [a, o] = e.useState(r.getValues(t)), s = [r, ...t];
-			return e.useLayoutEffect(() => (i.current ? i.current = !1 : o(r.getValues(t)), r.on(t, (e) => o(e))), s), [a, e.useCallback((e) => r.setValues(t, e), s)];
-		},
-		useStoreSetter(t) {
-			let r = e.useContext(n);
-			if (r === null) throw Error("StoreProvider never found.");
-			return e.useCallback((e) => r.setValues(t, e), [r, ...t]);
-		},
-		watchStore(t, r, i) {
-			let a = e.useContext(n);
-			if (a === null) throw Error("StoreProvider never found.");
-			let o = [a, ...t];
-			i !== void 0 && (o = o.concat(i)), e.useLayoutEffect(() => a.on(t, r), o);
-		},
-		useStoreAction(r) {
-			let i = e.useContext(n);
-			if (i === null) throw Error("StoreProvider never found.");
-			return e.useCallback((...e) => {
-				let [n, ...a] = t[r];
-				return n(() => i.getValues(a), (e) => i.setValues(a, e), ...e);
-			}, []);
-		},
-		StoreProvider: class extends e.Component {
-			constructor(e) {
-				super(e), this.store = new $(e.initialValue, (...e) => {
-					this.props.onValuesChange && this.props.onValuesChange(...e);
-				});
-			}
-			shouldComponentUpdate(e) {
-				return e.children !== this.props.children;
-			}
-			render() {
-				return e.createElement(n.Provider, { value: this.store }, this.props.children);
-			}
-		}
-	};
-}
-//#endregion
-export { y as FiveApp, h as FiveAutoCanvas, m as FiveCanvas, W as INJECTION_PROPNAME, $ as Store, Ee as createFiveFeature, d as createFiveProvider, ke as createStore, ne as getPlugin, re as setPlugin, b as unsafe__useFiveInstance, k as useFiveAction, P as useFiveCameraDirection, M as useFiveCameraRaycaster, D as useFiveCurrentObserver, E as useFiveCurrentState, O as useFiveEventCallback, H as useFiveFloor, U as useFiveHelper, ee as useFiveModelIntersectRaycaster, I as useFiveModelReadyState, V as useFivePlugin, A as useFiveProject2d, S as useFiveScene, x as useFiveSceneEffect, T as useFiveState, C as useFiveWork, Te as withFive };
+*/import*as React from"react";import{useCallback,useEffect,useRef,useState}from"react";import{Five}from"@realsee/five-webgpu";import*as THREE from"three/webgpu";var FiveContext=React.createContext(null);function useFiveInstance(){let context=React.useContext(FiveContext);if(!context)throw Error(`FiveProvider never found.`);return context.five}function useFiveWorkLoader(){let context=React.useContext(FiveContext);if(!context)throw Error(`FiveProvider never found.`);return context.loadWork}function workEqual(work1,work2){let work1Array=Array.isArray(work1)?work1:[work1],work2Array=Array.isArray(work2)?work2:[work2];if(work1Array.length!==work2Array.length)return!1;for(let i=0;i<work1Array.length;i++)if(work1Array[i].workCode!==work2Array[i].workCode)return!1;return!0}function createFiveProvider(fiveInitArgs={}){return class extends React.Component{constructor(props){super(props),this.__fiveEventDisposers=[],this.__fiveDisposeTimer=null,this.five=new Five(Object.assign({},fiveInitArgs)),this.loadWork=this.loadWork.bind(this),this.state={renderer:this.five.renderer}}loadWork(works,state,options,userAction=!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(works,state,options,userAction)}shouldComponentUpdate(nextProps){return this.five.renderer&&this.five&&nextProps.work&&!workEqual(nextProps.work,this.five.works)&&this.five.load(nextProps.work,nextProps.initialState,nextProps.initialOptions),!0}componentDidMount(){var _a;clearTimeout(this.__fiveDisposeTimer),this.__fiveDisposeTimer=null,this.state.renderer!==this.five.renderer&&this.setState({renderer:this.five.renderer}),this.__fiveEventDisposers.push(this.five.on(`load`,()=>{this.props.onWorksChange&&this.props.onWorksChange(this.five.works)})),this.__fiveEventDisposers.push(this.five.on(`stateChange`,(state,userAction)=>{this.props.onStateChange&&this.props.onStateChange(state,userAction)})),this.__fiveEventDisposers.push(this.five.on(`currentStateChange`,(state,userAction)=>{this.props.onCurrentStateChange&&this.props.onCurrentStateChange(state,userAction)})),this.__fiveEventDisposers.push(this.five.on(`error`,error=>{this.props.onError?this.props.onError(error):console.warn(error.message)}));let inputWork=this.props.work||this.props.initialWork;inputWork&&this.five.load(inputWork,this.props.initialState,this.props.initialOptions,(_a=this.props.initialUserAction)==null?!0:_a)}componentWillUnmount(){var _a;for(let dispose of this.__fiveEventDisposers)dispose();this.__fiveEventDisposers=[],(_a=this.five.controller)==null||_a.destroy(),this.__fiveDisposeTimer=setTimeout(()=>{this.__fiveDisposeTimer=null,this.five.dispose()},1e3)}render(){let five=this.five,loadWork=this.loadWork,renderer=this.state.renderer;return React.createElement(FiveContext.Provider,{value:{renderer,five,loadWork}},this.props.children)}}}var useIsomorphicLayoutEffect=typeof window<`u`?React.useLayoutEffect:React.useEffect,baseStyle={display:`inline-block`,overflow:`hidden`},FiveCanvas=({width,height})=>{let five=useFiveInstance(),containerRef=React.createRef(),style=Object.assign({width,height},baseStyle);return useIsomorphicLayoutEffect(()=>{let node=containerRef.current;if(!node||!five.renderer)return;let canvas=five.renderer.domElement;if(canvas.parentNode!==null&&canvas.parentNode!==node)throw Error(`There are more than 2 fiveCanvas in this context.`);return canvas.parentNode!==node&&node.appendChild(canvas),five.camera.aspect=width/height,five.camera.updateProjectionMatrix(),five.renderer.setSize(width,height),five.refresh({width,height}),five.needsRender=!0,()=>{canvas.parentNode===node&&node.removeChild(canvas)}},[five,five.renderer,width,height,containerRef.current]),React.createElement(`div`,{ref:containerRef,style})},FiveAutoCanvas=({children})=>{let five=useFiveInstance(),containerRef=React.useRef(null);return React.useEffect(()=>{let node=containerRef.current;if(!node||!five.renderer)return;let canvas=five.renderer.domElement;node.appendChild(canvas);let onResize=()=>{var _a;let{width,height}=node.getBoundingClientRect();width===0||height===0||(five.camera.aspect=width/height,five.camera.updateProjectionMatrix(),(_a=five.renderer)==null||_a.setSize(width,height),five.refresh({width,height}),five.needsRender=!0)},sizeObserver=new ResizeObserver(onResize);return sizeObserver.observe(node),onResize(),()=>{canvas.parentNode===node&&node.removeChild(canvas),sizeObserver.unobserve(node),sizeObserver.disconnect()}},[]),React.createElement(`div`,{ref:containerRef,style:{position:`absolute`,top:0,left:0,right:0,bottom:0}},children)},FiveInstanceWrapper=({renderChildren,load,children,fallback})=>{let context=React.useContext(FiveContext),five=context==null?void 0:context.five,[ready,setReady]=React.useState(!!renderChildren),[worksLoaded,setWorksLoaded]=React.useState(!1);return React.useEffect(()=>{five&&five.getElement()&&(setReady(!0),load&&load(five).then(loadArgs=>{five.load(...loadArgs)}))},[five]),React.useEffect(()=>{if(!five)return;let onLoad=()=>setWorksLoaded(!0);return five.on(`works.load`,onLoad),five.works&&five.works.length>0&&setWorksLoaded(!0),()=>{five.off(`works.load`,onLoad)}},[five]),!five||!worksLoaded&&!renderChildren||!ready?fallback==null?null:React.createElement(React.Fragment,null,fallback):React.createElement(React.Fragment,null,children)},fullscreenStyle={position:`relative`,width:`100vw`,height:`100vh`,overflow:`hidden`},defaultFiveInitArgs={backgroundAlpha:1,backgroundColor:0,imageOptions:{size:512},textureOptions:{autoResize:!1},preserveDrawingBuffer:!0},FiveApp=({fiveInitArgs=defaultFiveInitArgs,renderChildren,plugins,load,children,fullscreen,autoCanvas=!0,fallback})=>{let[Provider]=React.useState(()=>createFiveProvider(Object.assign(Object.assign({},fiveInitArgs),{plugins}))),innerChildren=[];autoCanvas&&innerChildren.push(React.createElement(FiveAutoCanvas,{key:`auto-canvas`})),children&&innerChildren.push(children);let content=React.createElement(Provider,null,React.createElement(FiveInstanceWrapper,{load,renderChildren,fallback},...innerChildren));return fullscreen?React.createElement(`div`,{style:fullscreenStyle},content):content};function unsafe__useFiveInstance(){return useFiveInstance()}function useFiveSceneEffect(callback,deps){let five=useFiveInstance(),dependencyList=[five];deps!==void 0&&(dependencyList=dependencyList.concat(deps)),React.useLayoutEffect(()=>callback(five.scene),dependencyList)}var useFiveScene=useFiveSceneEffect;function useFiveWork(){let five=useFiveInstance(),loadWork=useFiveWorkLoader(),[works,updateWorks]=React.useState(()=>five.works);return React.useLayoutEffect(()=>five.on(`load`,()=>updateWorks(five.works)),[five]),[works,loadWork]}function getState(five){return Object.assign({},five.state)}function useFiveState(){let five=useFiveInstance(),[state,updateState]=React.useState(()=>getState(five)),setState=React.useCallback((state,immediately=!1,userAction=!0)=>{let nextState=typeof state==`function`?state(five.getCurrentState()):state;five.setState(nextState,immediately,userAction)},[five]);return React.useLayoutEffect(()=>five.on(`stateChange`,()=>updateState(getState(five))),[five]),[state,setState]}function useFiveCurrentState(){let five=useFiveInstance(),[currentState,updateCurrentState]=React.useState(()=>five.getCurrentState()),setState=React.useCallback((state,immediately=!1,userAction=!0)=>{let nextState=typeof state==`function`?state(five.getCurrentState()):state;five.setState(nextState,immediately,userAction)},[five]);return React.useLayoutEffect(()=>five.on(`currentStateChange`,()=>updateCurrentState(five.getCurrentState())),[five]),[currentState,setState]}function useFiveCurrentObserver(){let five=useFiveInstance(),[currentState,updateCurrentState]=React.useState(()=>five.getCurrentState());return React.useLayoutEffect(()=>five.on(`currentStateChange`,()=>updateCurrentState(five.getCurrentState())),[five]),five.works.getObserver(currentState)}function useFiveEventCallback(name,callback,deps){let five=useFiveInstance(),dependencyList=[five,name];deps!==void 0&&(dependencyList=dependencyList.concat(deps)),React.useLayoutEffect(()=>five.on(name,callback),dependencyList)}function useFiveAction(){let five=useFiveInstance();return{updateCamera:React.useCallback((pose,duration)=>five.updateCamera(pose,duration),[five]),getPixels:React.useCallback(five.getPixels.bind(five),[five]),render:React.useCallback(callback=>five.render(callback),[five]),needsRender:React.useCallback(()=>five.needsRender=!0,[five]),preloadPano:React.useCallback((pano,callback)=>five.preloadPano(pano,callback),[five])}}function useFiveProject2d(){let five=useFiveInstance(),[_,upadte]=React.useState(()=>Symbol());return React.useLayoutEffect(()=>five.on(`cameraUpdate`,()=>upadte(Symbol())),[five]),React.useCallback((vector,testModel)=>five.project2d(vector,testModel),[five])}function getRaycaster(five){let direction=five.camera.getWorldDirection(new THREE.Vector3);return new THREE.Raycaster(five.camera.position,direction)}function useFiveCameraRaycaster(){let five=useFiveInstance(),[raycaster,updateRaycaster]=React.useState(()=>getRaycaster(five));return React.useLayoutEffect(()=>five.on(`cameraUpdate`,()=>updateRaycaster(getRaycaster(five))),[five]),raycaster}function getDirection(five){return five.camera.getWorldDirection(new THREE.Vector3)}function useFiveCameraDirection(){let five=useFiveInstance(),[direction,updateDirection]=React.useState(()=>getDirection(five));return React.useLayoutEffect(()=>five.on(`cameraUpdate`,()=>updateDirection(getDirection(five))),[five]),direction}function useFiveModelIntersectRaycaster(){let five=useFiveInstance();return React.useCallback(raycaster=>five.model.intersectRaycaster(raycaster),[five])}function getReadyState(five){return five.model.empty?`Empty`:`Loaded`}function useFiveModelReadyState(){let five=useFiveInstance(),[readyState,updateReadyState]=React.useState(()=>getReadyState(five));return React.useLayoutEffect(()=>five.on(`modelLoaded`,()=>updateReadyState(getReadyState(five))),[five]),readyState}var pluginMap=new Map,listeners=new Map;function notify(workCode){let set=listeners.get(workCode);set&&set.forEach(fn=>fn())}function subscribe(workCode,fn){return listeners.has(workCode)||listeners.set(workCode,new Set),listeners.get(workCode).add(fn),()=>{let set=listeners.get(workCode);set&&(set.delete(fn),set.size===0&&listeners.delete(workCode))}}function getCacheKey(workCode,pluginName){return`${workCode}:${pluginName}`}function getPlugin(workCode,pluginName){var _a;return(_a=pluginMap.get(getCacheKey(workCode,pluginName)))==null?void 0:_a.plugin}function setPlugin(workCode,pluginName,plugin){pluginMap.set(getCacheKey(workCode,pluginName),{plugin}),notify(workCode)}function useFivePlugin(pluginName,options){var _a,_b;let five=useFiveInstance(),workCode=(_b=(_a=five.work)==null?void 0:_a.workCode)==null?``:_b,cacheKey=getCacheKey(workCode,pluginName),prevFiveRef=useRef(five),[,forceUpdate]=useState(0);return useEffect(()=>{if(workCode)return subscribe(workCode,()=>forceUpdate(n=>n+1))},[workCode]),useEffect(()=>{if(prevFiveRef.current===five)return;prevFiveRef.current=five;let cached=pluginMap.get(cacheKey);if(!cached)return;let plugin=cached.plugin;if(options!=null&&options.reCreateOnFiveChange&&options.createPlugin){typeof plugin.dispose==`function`&&plugin.dispose();let newPlugin=options.createPlugin(five);pluginMap.set(cacheKey,{plugin:newPlugin}),five.plugins[pluginName]=newPlugin,notify(workCode)}else plugin&&(typeof plugin.updateFive==`function`?plugin.updateFive(five):`five`in plugin&&(plugin.five=five))},[five]),useCallback(()=>{let cached=pluginMap.get(cacheKey);if(cached)return five.plugins[pluginName]=cached.plugin,cached.plugin;let existing=five.plugins[pluginName];if(existing)return pluginMap.set(cacheKey,{plugin:existing}),existing;if(options!=null&&options.createPlugin){let plugin=options.createPlugin(five);return pluginMap.set(cacheKey,{plugin}),five.plugins[pluginName]=plugin,notify(workCode),plugin}},[cacheKey,five,options==null?void 0:options.createPlugin])()}function useFiveFloor(){let five=useFiveInstance(),[shownFloor,updateShownFloor]=React.useState(five.model.shownFloor),[totalFloorLength,updateTotalFloorLength]=React.useState(five.model.floorLength),showFloor=React.useCallback(floorIndex=>{typeof floorIndex==`number`?five.model.show(floorIndex):five.model.show()},[five]);return React.useLayoutEffect(()=>{let off=[];return off.push(five.on(`modelShownFloorChange`,()=>updateShownFloor(five.model.shownFloor))),off.push(five.on(`modelLoaded`,()=>updateTotalFloorLength(five.model.floorLength))),()=>{let callback;for(;callback=off.shift();)callback()}},[five]),[shownFloor,totalFloorLength,showFloor]}function useFiveHelper(){let five=useFiveInstance(),[helperVisible,updateHelperVisible]=React.useState(five.helperVisible),toggleHelperVisible=React.useCallback(visible=>{five.helperVisible=visible},[five]);return React.useLayoutEffect(()=>five.on(`helpersVisibleChange`,visible=>updateHelperVisible(visible)),[five]),[helperVisible,toggleHelperVisible]}var INJECTION_PROPNAME=`$five`;function hasFeature(feature,features){return features.indexOf(feature)>=0}function injectObject(object,assign){for(let name of Object.keys(assign))assign[name]!==void 0&&(object[name]=assign[name])}function useFiveState$1(five,features){let enable=hasFeature(`state`,features),[updated,update]=React.useState(Symbol()),state=React.useMemo(()=>{if(enable)return Object.assign({},five.state)},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`stateChange`,()=>update(Symbol()))},[five]),[state,updated]}function useFiveCurrentState$1(five,features){let enable=hasFeature(`currentState`,features),[updated,update]=React.useState(Symbol()),currentState=React.useMemo(()=>{if(enable)return five.getCurrentState()},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`currentStateChange`,()=>update(Symbol()))},[five]),[currentState,updated]}function useFivecurrentObserver(five,features){let enable=hasFeature(`currentObserver`,features),[updated,update]=React.useState(Symbol()),currentState=React.useMemo(()=>{if(enable)return five.getCurrentState()},[five,updated]);React.useLayoutEffect(()=>{if(enable)return five.on(`currentStateChange`,()=>update(Symbol()))},[five]);let observer;return currentState&&(observer=five.works.getObserver(currentState)),[observer,updated]}function useUnsafe__fiveInstance(five,features){return[hasFeature(`unsafe__fiveInstance`,features)?five:void 0]}function useFiveWork$1(five,features){let enable=hasFeature(`works`,features),[updated,update]=React.useState(Symbol()),work=React.useMemo(()=>{if(enable)return five.works},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`load`,()=>update(Symbol()))},[five]),[work,updated]}function useFiveModel(five,features){let enable=hasFeature(`model`,features),[updated,update]=React.useState(Symbol()),model=React.useMemo(()=>{if(enable)return five.model},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`modelLoaded`,()=>update(Symbol()))},[five]),[model,updated]}function useFiveScene$1(five,features){return[hasFeature(`scene`,features)?five.scene:void 0]}function useFiveCameraDirection$1(five,features){let enable=hasFeature(`cameraDirection`,features),[updated,update]=React.useState(Symbol()),cameraDirection=React.useMemo(()=>{if(enable)return five.camera.getWorldDirection(new THREE.Vector3)},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`cameraUpdate`,()=>update(Symbol()))},[five]),[cameraDirection,updated]}function useFiveCameraRaycaster$1(five,features){let enable=hasFeature(`cameraRaycaster`,features),[updated,update]=React.useState(Symbol()),cameraRaycaster=React.useMemo(()=>{if(enable){let direction=five.camera.getWorldDirection(new THREE.Vector3);return new THREE.Raycaster(five.camera.position,direction)}},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`cameraUpdate`,()=>update(Symbol()))},[five]),[cameraRaycaster,updated]}function useFiveModelReadyState$1(five,features){let enable=hasFeature(`modelReadyState`,features),[updated,update]=React.useState(Symbol()),modelReadyState=React.useMemo(()=>{if(enable)return five.model.empty?`Empty`:`Loaded`},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`modelLoaded`,()=>update(Symbol()))},[five]),[modelReadyState,updated]}function useFiveShownFloor(five,features){let enable=hasFeature(`shownFloor`,features),[updated,update]=React.useState(Symbol()),shownFloor=React.useMemo(()=>{if(enable)return five.model.shownFloor},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`modelShownFloorChange`,()=>update(Symbol()))},[five]),[shownFloor,updated]}function useHelperVisible(five,features){let enable=hasFeature(`helperVisible`,features),[updated,update]=React.useState(Symbol()),helperVisible=React.useMemo(()=>{if(enable)return five.helperVisible},[five,updated]);return React.useLayoutEffect(()=>{if(enable)return five.on(`helpersVisibleChange`,()=>update(Symbol()))},[five]),[helperVisible,updated]}function useFiveLoadWork(loadWork,features){if(hasFeature(`loadWork`,features))return loadWork}function useFiveSetState(five,features){if(hasFeature(`setState`,features))return(...args)=>five.setState(...args)}function useFiveOn(five,features){if(hasFeature(`on`,features))return(...args)=>five.on(...args)}function useFiveOnce(five,features){if(hasFeature(`on`,features))return(...args)=>five.once(...args)}function useFiveOff(five,features){if(hasFeature(`off`,features))return(...args)=>five.off(...args)}function useFiveModelIntersectRaycaster$1(five,features){if(hasFeature(`intersectRaycaster`,features))return(...args)=>five.model.intersectRaycaster(...args)}function useFiveProject2d$1(five,features){if(hasFeature(`project2d`,features))return(...args)=>five.project2d(...args)}function useFiveUpdateCamera(five,features){if(hasFeature(`updateCamera`,features))return(...args)=>five.updateCamera(...args)}function useFiveGetPixels(five,features){if(hasFeature(`getPixels`,features))return five.getPixels.bind(five)}function useFiveRender(five,features){if(hasFeature(`render`,features))return(...args)=>five.render(...args)}function useFiveNeedsRender(five,features){if(hasFeature(`needsRender`,features))return()=>{five.needsRender=!0}}function useFivePreloadPano(five,features){if(hasFeature(`preloadPano`,features))return(...args)=>five.preloadPano(...args)}function useFiveShowFloor(five,features){if(hasFeature(`showFloor`,features))return floorIndex=>{typeof floorIndex==`number`?five.model.show(floorIndex):five.model.show()}}function useFiveToggleHelperVisible(five,features){if(hasFeature(`toggleHelperVisible`,features))return visible=>{five.helperVisible=visible}}function withFive(features){return function(Component){return React.forwardRef((props,ref)=>{let five=useFiveInstance(),loadWork=useFiveWorkLoader(),[unsafe__fiveInstance]=useUnsafe__fiveInstance(five,features),[state,stateUpdated]=useFiveState$1(five,features),[currentState,currentStateUpdated]=useFiveCurrentState$1(five,features),[currentObserver,currentObserverUpdated]=useFivecurrentObserver(five,features),[work,workUpdated]=useFiveWork$1(five,features),[model,modelUpdated]=useFiveModel(five,features),[scene]=useFiveScene$1(five,features),[cameraDirection,cameraDirectionUpdated]=useFiveCameraDirection$1(five,features),[cameraRaycaster,cameraRaycasterUpdated]=useFiveCameraRaycaster$1(five,features),[modelReadyState,modelReadyStateUpdated]=useFiveModelReadyState$1(five,features),[shownFloor,shownFloorUpdated]=useFiveShownFloor(five,features),[helperVisible,helperVisibleUpdated]=useHelperVisible(five,features),actions=React.useMemo(()=>{let injection={};return injectObject(injection,{setState:useFiveSetState(five,features),loadWork:useFiveLoadWork(loadWork,features),on:useFiveOn(five,features),once:useFiveOnce(five,features),off:useFiveOff(five,features),intersectRaycaster:useFiveModelIntersectRaycaster$1(five,features),project2d:useFiveProject2d$1(five,features),updateCamera:useFiveUpdateCamera(five,features),getPixels:useFiveGetPixels(five,features),render:useFiveRender(five,features),needsRender:useFiveNeedsRender(five,features),preloadPano:useFivePreloadPano(five,features),showFloor:useFiveShowFloor(five,features),toggleHelperVisible:useFiveToggleHelperVisible(five,features)}),injection},[five,loadWork]),injection=React.useMemo(()=>{let injection=Object.assign({},actions);return injectObject(injection,{unsafe__fiveInstance,state,currentState,currentObserver,work,model,scene,cameraDirection,cameraRaycaster,modelReadyState,shownFloor,helperVisible}),injection},[five,actions,stateUpdated,currentStateUpdated,currentObserverUpdated,workUpdated,modelUpdated,cameraDirectionUpdated,cameraRaycasterUpdated,modelReadyStateUpdated,shownFloorUpdated,helperVisibleUpdated]);return React.createElement(Component,Object.assign({ref,$five:injection},props))})}}function createFiveFeature(...features){return features}function pick(obj,keys){let res={},len=keys.length,idx=-1;for(;++idx<len;){let key=keys[idx];key in obj&&(res[key]=obj[key])}return res}function valueEquals(value1,value2){return typeof value1==`number`&&typeof value2==`number`&&isNaN(value1)&&isNaN(value2)?!0:value1===value2}function hasSameItemInBothStringArray(array1,array2){for(let i=0;i<array1.length;i++)for(let j=0;j<array2.length;j++)if(array1[i]===array2[j])return!0;return!1}var Store=class{constructor(initialValue,onValuesChange){this.values=initialValue,this.listeners=[],this.onValuesChange=onValuesChange}on(names,callback){let listener=[names,callback];return this.listeners.push(listener),()=>{let index=this.listeners.indexOf(listener);index>=0&&this.listeners.splice(index,1)}}getValues(names){return pick(this.values,names)}setValues(names,values){let modifyNames=[];for(let name in values)names.indexOf(name)>=0&&!valueEquals(values[name],this.values[name])&&modifyNames.push(name);if(modifyNames.length===0)return;let prevValue=Object.assign({},this.values);for(let name of modifyNames)this.values[name]=values[name];this.onValuesChange&&this.onValuesChange(this.values,prevValue);for(let[names,callback]of this.listeners){if(!hasSameItemInBothStringArray(names,modifyNames))continue;let prevValue_=pick(prevValue,names);callback(pick(this.values,names),prevValue_)}}};function createStore(actionHandler){let StoreContext=React.createContext(null);return{useStore(names){let store=React.useContext(StoreContext);if(store===null)throw Error(`StoreProvider never found.`);let firstUpdate=React.useRef(!0),[values,setValues_]=React.useState(store.getValues(names)),dependencyList=[store,...names];return React.useLayoutEffect(()=>(firstUpdate.current?firstUpdate.current=!1:setValues_(store.getValues(names)),store.on(names,value=>setValues_(value))),dependencyList),[values,React.useCallback(values=>store.setValues(names,values),dependencyList)]},useStoreSetter(names){let store=React.useContext(StoreContext);if(store===null)throw Error(`StoreProvider never found.`);return React.useCallback(values=>store.setValues(names,values),[store,...names])},watchStore(names,callback,deps){let store=React.useContext(StoreContext);if(store===null)throw Error(`StoreProvider never found.`);let dependencyList=[store,...names];deps!==void 0&&(dependencyList=dependencyList.concat(deps)),React.useLayoutEffect(()=>store.on(names,callback),dependencyList)},useStoreAction(actionName){let store=React.useContext(StoreContext);if(store===null)throw Error(`StoreProvider never found.`);return React.useCallback((...args)=>{let[callback,...deps]=actionHandler[actionName];return callback(()=>store.getValues(deps),values=>store.setValues(deps,values),...args)},[])},StoreProvider:class extends React.Component{constructor(props){super(props),this.store=new Store(props.initialValue,(...args)=>{this.props.onValuesChange&&this.props.onValuesChange(...args)})}shouldComponentUpdate(nextProps){return nextProps.children!==this.props.children}render(){return React.createElement(StoreContext.Provider,{value:this.store},this.props.children)}}}}export{FiveApp,FiveAutoCanvas,FiveCanvas,INJECTION_PROPNAME,Store,createFiveFeature,createFiveProvider,createStore,getPlugin,setPlugin,unsafe__useFiveInstance,useFiveAction,useFiveCameraDirection,useFiveCameraRaycaster,useFiveCurrentObserver,useFiveCurrentState,useFiveEventCallback,useFiveFloor,useFiveHelper,useFiveModelIntersectRaycaster,useFiveModelReadyState,useFivePlugin,useFiveProject2d,useFiveScene,useFiveSceneEffect,useFiveState,useFiveWork,withFive};