@realsee/vreo 3.0.0-webgpu.10 → 4.0.0-react19.0

package/lib/plugins/CSS3DRenderPlugin.js

@@ -1,115 +1 @@
-import * as D from "three/webgpu";
-import { Vector3 as l, Scene as T } from "three/webgpu";
-import { CSS3DObject as W, CSS3DRenderer as L } from "three/addons/renderers/CSS3DRenderer.js";
-function g(s, t) {
-  const r = Math.round(s);
-  return r % 2 === 0 ? r : r + (t != null && t.smaller ? -1 : 1);
-}
-function j(s, t) {
-  return new l((s.x + t.x) / 2, (s.y + t.y) / 2, (s.z + t.z) / 2);
-}
-const H = ({ x: s, y: t, z: r }) => new l(s, t, r);
-function M(s, t) {
-  let r = !1;
-  if (!t || typeof ResizeObserver > "u")
-    return {
-      observe() {
-        r || (r = !0, window.addEventListener("resize", s));
-      },
-      unobserve() {
-        r && (r = !1, window.removeEventListener("resize", s));
-      },
-      disconnect() {
-        r && (r = !1, window.removeEventListener("resize", s));
-      }
-    };
-  const E = new ResizeObserver(s);
-  return {
-    observe() {
-      r || (r = !0, E.observe(t));
-    },
-    unobserve() {
-      r && (r = !1, E.unobserve(t));
-    },
-    disconnect() {
-      r = !1, E.disconnect();
-    }
-  };
-}
-const q = (s) => {
-  const t = { disposers: /* @__PURE__ */ new Set() }, r = (i, p) => {
-    const e = new T(), d = new L(), u = () => d.setSize(
-      g(p.clientWidth, { smaller: !0 }),
-      g(p.clientHeight, { smaller: !0 })
-    );
-    u();
-    const v = M(u, p);
-    d.domElement.style.position = "absolute", d.domElement.style.top = "0", d.domElement.style.userSelect = "none", d.domElement.style.pointerEvents = "none", i.appendChild(d.domElement);
-    let a = !1, m;
-    const f = {
-      scene: e,
-      renderer: d,
-      entries: /* @__PURE__ */ new Set(),
-      start() {
-        if (a) return;
-        a = !0, v.observe();
-        const b = () => {
-          a && (d.render(e, s.camera), m = requestAnimationFrame(b));
-        };
-        b();
-      },
-      stop() {
-        a && (a = !1, m !== void 0 && cancelAnimationFrame(m), m = void 0, v.unobserve());
-      },
-      dispose() {
-        f.stop(), v.disconnect(), d.domElement.remove();
-      }
-    };
-    return f;
-  }, E = (...i) => {
-    const p = i[0].map((h) => h instanceof l ? h : H(h)), e = i[1];
-    if (p.length < 4) return console.error("points must be equal or greater than 4");
-    if (!s.model.loaded) return console.error("five.model.loaded is false");
-    const d = s.getElement();
-    if (!d) return console.error("five.getElement() is empty");
-    const u = (e == null ? void 0 : e.ratio) ?? 216e-5;
-    u <= 215e-5 && console.warn("if you need click css3DElement on safari, ratio must be greater than 0.00215");
-    const v = (e == null ? void 0 : e.dpr) ?? 1, a = (e == null ? void 0 : e.mode) ?? "front", m = (e == null ? void 0 : e.autoRender) ?? !0, f = (e == null ? void 0 : e.container) ?? document.createElement("div");
-    f.classList.add("__Dnalogel-plugin--CSS3DRenderPlugin");
-    const { css3DObject: b, mesh: n } = O(p, { ratio: u, dpr: v, container: f, mode: a });
-    let o = a === "behind" ? t.behind : t.front;
-    if (!o) {
-      const h = a === "behind" ? (e == null ? void 0 : e.behindFiveContainer) ?? d.parentElement ?? document.body : d.parentElement ?? document.body;
-      o = r(h, d), a === "behind" ? t.behind = o : t.front = o;
-    }
-    const c = {};
-    o.entries.add(c);
-    let y = !1, z = !1;
-    const x = () => {
-      z || y || (y = !0, o.scene.add(b), n && s.scene.add(n), o.start());
-    }, S = () => {
-      z || (z = !0, t.disposers.delete(S), o.entries.delete(c), y && (o.scene.remove(b), n && s.scene.remove(n)), n == null || n.geometry.dispose(), n == null || n.material.dispose(), o.scene.children.length === 0 && o.stop(), o.entries.size === 0 && (o.dispose(), a === "behind" && t.behind === o && (t.behind = void 0), a === "front" && t.front === o && (t.front = void 0)));
-    };
-    return t.disposers.add(S), m && x(), { container: f, dispose: S, css3DObject: b, render: m ? void 0 : x };
-  }, O = (i, p) => {
-    const { ratio: e, dpr: d, container: u, mode: v } = p, a = i[0].distanceTo(i[1]), m = i[1].distanceTo(i[2]), f = g(a / e * d), b = g(m / e * d), n = new W(u);
-    n.scale.set(e, e, e), u.style.width = f + "px", u.style.height = b + "px", u.style.pointerEvents = "none";
-    const o = j(i[0], i[2]), c = i[1].clone().sub(i[0]), y = i[2].clone().sub(i[1]), z = new l(0, 1, 0).angleTo(new l(0, y.y, y.z)), x = new l(1, 0, 0).angleTo(new l(c.x, 0, c.z)), S = c.angleTo(new l(c.x, 0, c.z)), h = (y.z > 0 ? -1 : 1) * z, R = (c.z < 0 ? 1 : -1) * x, A = (c.x > 0 && c.y < 0 || c.x < 0 && c.y > 0 ? -1 : 1) * S;
-    n.rotateOnWorldAxis(new l(1, 0, 0), h), n.rotateOnWorldAxis(new l(0, 1, 0), R), n.rotateOnWorldAxis(new l(0, 0, 1), A), n.position.set(o.x, o.y, o.z);
-    let w;
-    if (v === "behind") {
-      const P = new D.MeshBasicNodeMaterial({ opacity: 0, transparent: !1, side: D.DoubleSide }), C = new D.PlaneGeometry(f, b);
-      w = new D.Mesh(C, P), w.name = "CSS3DRenderPlugin-mesh", w.position.copy(n.position), w.rotation.copy(n.rotation), w.scale.copy(n.scale);
-    }
-    return { css3DObject: n, mesh: w };
-  };
-  return {
-    create3DDomContainer: E,
-    disposeAll: () => [...t.disposers].forEach((i) => i())
-  };
-};
-export {
-  q as CSS3DRenderPlugin,
-  q as default
-};
-//# sourceMappingURL=CSS3DRenderPlugin.js.map
+export { t as CSS3DRenderPlugin, t as default } from "../chunks/CSS3DRenderPlugin-CtnLUnu7.js";

package/lib/plugins/CameraMovementPlugin.js

@@ -1,6 +1 @@
-import "@realsee/five-webgpu";
-import { C as r } from "../chunks/index-BgPSzRSs.js";
-export {
-  r as CameraMovementPlugin
-};
-//# sourceMappingURL=CameraMovementPlugin.js.map
+export { t as CameraMovementPlugin } from "../chunks/CameraMovementPlugin-YCaScSFU.js";

package/lib/plugins/ModelTVVideoPlugin.js

@@ -1,162 +1,134 @@
-import * as u from "three/webgpu";
-const j = (c, { videoElement: A, mediaManager: w }) => {
-  const E = [], b = (e, n) => (E.push(() => {
-    c.off(e, n);
-  }), c.on(e, n));
-  let f = 0, h = !1;
-  const t = {
-    videoMeshes: [],
-    videoTextureEnabled: !1,
-    videoSource: "",
-    rectPoints: [],
-    enabled: !1,
-    videoElement: A
-  };
-  let T, x, v;
-  const L = () => {
-    ++f, v == null || v(), v = void 0, x && (x.muted = !0, x.pause()), x = void 0, T = void 0, t.enabled = !1, t.videoMeshes.forEach((e) => {
-      e.geometry.dispose(), e.material.dispose(), c.scene.remove(e);
-    }), t.videoMeshes = [], c.needsRender = !0;
-  }, m = w == null ? void 0 : w.createController({ label: "vreo-model-video", onCancel: L }), z = (e, n) => {
-    var o;
-    const d = (o = t.videoTexture) == null ? void 0 : o.image;
-    if (!d) return;
-    const r = (m == null ? void 0 : m.begin({ userAction: e, audible: n })) ?? void 0;
-    if (!(m && !r))
-      return T = r, x = r ? r.bind(d) : d;
-  }, p = (e, n = !1) => {
-    const d = t.enabled, r = e ? x : z(n, !0);
-    if (!r) return;
-    r.muted = e, d && !t.enabled && (t.enabled = !0, t.videoMeshes = V(), t.videoMeshes.forEach((i) => c.scene.add(i)));
-    const o = T, s = f;
-    t.enabled && r.play().catch((i) => {
-      s === f && !(o != null && o.signal.aborted) && (g(), console.error(i));
-    });
-  }, F = () => (x == null ? void 0 : x.muted) ?? !0, R = () => {
-    if (h || t.enabled || !t.videoTexture) return;
-    const e = z(!1, !1);
-    if (!e) return;
-    const n = f, d = T, r = t.videoTexture.image, o = () => n === f && !h && t.enabled && !(d != null && d.signal.aborted);
-    t.enabled = !0, t.videoMeshes = V(), t.videoMeshes.forEach((l) => c.scene.add(l));
-    const s = () => {
-      r.removeEventListener("timeupdate", s), o() && (t.videoTextureEnabled = !0, t.videoMeshes.forEach((l) => {
-        l.material.map = t.videoTexture;
-      }), c.needsRender = !0);
-    }, i = () => {
-      c.off("modelLoaded", i), o() && (r.addEventListener("timeupdate", s), e.play().catch((l) => {
-        o() && (g(), console.error(l));
-      }));
-    };
-    v = () => {
-      c.off("modelLoaded", i), r.removeEventListener("timeupdate", s);
-    }, c.model.loaded ? i() : c.on("modelLoaded", i);
-  }, g = () => {
-    m == null || m.cancel(), L();
-  }, V = () => t.rectPoints.map((e, n) => {
-    const d = new u.BufferGeometry(), r = 128, o = [];
-    o.push(e[0].x, e[0].y, e[0].z);
-    for (let a = 1; a < r; a++)
-      o.push(
-        e[0].x + (e[1].x - e[0].x) * a / r,
-        e[0].y + (e[1].y - e[0].y) * a / r,
-        e[0].z + (e[1].z - e[0].z) * a / r
-      );
-    o.push(e[1].x, e[1].y, e[1].z), o.push(e[2].x, e[2].y, e[2].z);
-    for (let a = 1; a < r; a++)
-      o.push(
-        e[2].x + (e[3].x - e[2].x) * a / r,
-        e[2].y + (e[3].y - e[2].y) * a / r,
-        e[2].z + (e[3].z - e[2].z) * a / r
-      );
-    o.push(e[3].x, e[3].y, e[3].z);
-    const s = [];
-    s.push(0, 1);
-    for (let a = 1; a < r; a++)
-      s.push(0, 1 - a / r);
-    s.push(0, 0), s.push(1, 0);
-    for (let a = 1; a < r; a++)
-      s.push(1, a / r);
-    s.push(1, 1);
-    const i = [];
-    for (let a = 0; a < r; a++)
-      i.push(a, a + 1, r * 2 - a, a, r * 2 - a, r * 2 + 1 - a);
-    d.setAttribute("position", new u.BufferAttribute(new Float32Array(o), 3)), d.setAttribute("uv", new u.BufferAttribute(new Float32Array(s), 2)), d.setIndex(new u.BufferAttribute(new Uint32Array(i), 1));
-    const l = new u.MeshBasicNodeMaterial({
-      map: t.videoTextureEnabled ? t.videoTexture : t.imageTexture,
-      side: u.DoubleSide
-    }), y = new u.Mesh(d, l);
-    return y.renderOrder = 1, y.name = `video-${n}-${performance.now()}`, y;
-  }), O = (e) => {
-    const n = new u.TextureLoader().load(e);
-    return n.minFilter = u.LinearFilter, n.magFilter = u.LinearFilter, n;
-  }, U = (e, n, d = () => !0) => new Promise((r, o) => {
-    const s = new XMLHttpRequest();
-    s.onreadystatechange = () => {
-      if (s.readyState == 4) {
-        if (!d()) {
-          o(new DOMException("Playback cancelled", "AbortError"));
-          return;
-        }
-        if (s.status == 200) {
-          const i = window.URL || window.webkitURL;
-          n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = i.createObjectURL(s.response);
-          const l = new u.VideoTexture(n);
-          l.colorSpace = u.SRGBColorSpace, l.minFilter = u.LinearFilter, l.magFilter = u.LinearFilter, r(Object.assign(l, { videoSource: e }));
-        } else
-          o(new Error("Video download Error: " + s.status));
-      }
-    }, s.onerror = (i) => o(i), s.open("GET", e), s.responseType = "blob", s.send();
-  }), M = async (e, n) => {
-    const d = ++f, { video_src: r, video_poster_src: o, points: s } = e;
-    t.videoSource = r, t.rectPoints = s.map((l) => l.map(({ x: y, y: a, z: P }) => new u.Vector3(y, a, P))), t.imageTexture = O(o), n && (t.videoElement = n);
-    const i = await U(t.videoSource, t.videoElement, () => !h && d === f);
-    if (h || d !== f) {
-      i.image.muted = !0, i.image.pause(), URL.revokeObjectURL(i.image.src), i.dispose();
-      return;
-    }
-    t.videoTexture && (t.videoTexture.image.pause(), URL.revokeObjectURL(t.videoTexture.image.src), t.videoTexture.dispose()), t.videoTexture = i, e.enable && R();
-  };
-  return b("modeChange", () => p(!0)), b("wantsTapGesture", (e) => {
-    if (!t.enabled) return;
-    const [n] = e.intersectObjects(c.scene.children, !0);
-    if (n && /^video/.test(n.object.name))
-      return t.videoTexture && p(!t.videoTexture.image.muted, !0), !1;
-  }), b("panoArrived", () => {
-    if (!t.enabled || F()) return;
-    const e = c.camera.position;
-    t.rectPoints.find((d) => {
-      const r = d.reduce(
-        (o, s) => new u.Vector3(
-          o.x + s.x / d.length,
-          o.y + s.y / d.length,
-          o.z + s.z / d.length
-        ),
-        new u.Vector3()
-      );
-      return d.map(
-        (o) => new u.Vector3(
-          (o.x + r.x) / 2,
-          (o.y + r.y) / 2,
-          (o.z + r.z) / 2
-        )
-      ).filter((o) => {
-        o = o.clone().sub(e).normalize();
-        const s = new u.Raycaster(e, o), [i] = s.intersectObjects(c.scene.children, !0);
-        return !!i && /^video/.test(i.object.name);
-      }).length >= 2;
-    }) || p(!0);
-  }), b("renderFrame", () => {
-    t.videoMeshes.forEach((e) => {
-      e && (e.needsRender = !0);
-    });
-  }), b("load", (e) => {
-    e.modelTVVideoData && M(e.modelTVVideoData);
-  }), { enable: R, disable: g, load: M, dispose: () => {
-    var e;
-    h = !0, ++f, g(), m == null || m.dispose(), E.splice(0).forEach((n) => n()), (e = t.imageTexture) == null || e.dispose(), t.videoTexture && (URL.revokeObjectURL(t.videoTexture.image.src), t.videoTexture.dispose());
-  } };
+import * as e from "three/webgpu";
+// resources/fivePlugins/ModelTVVideoPlugin/index.ts
+var t = (t, { videoElement: n, mediaManager: r }) => {
+	let i = [], a = (e, n) => (i.push(() => {
+		t.off(e, n);
+	}), t.on(e, n)), o = 0, s = !1, c = {
+		videoMeshes: [],
+		videoTextureEnabled: !1,
+		videoSource: "",
+		rectPoints: [],
+		enabled: !1,
+		videoElement: n
+	}, l, u, d, f = () => {
+		++o, d?.(), d = void 0, u && (u.muted = !0, u.pause()), u = void 0, l = void 0, c.enabled = !1, c.videoMeshes.forEach((e) => {
+			e.geometry.dispose(), e.material.dispose(), t.scene.remove(e);
+		}), c.videoMeshes = [], t.needsRender = !0;
+	}, p = r?.createController({
+		label: "vreo-model-video",
+		onCancel: f
+	}), m = (e, t) => {
+		let n = c.videoTexture?.image;
+		if (!n) return;
+		let r = p?.begin({
+			userAction: e,
+			audible: t
+		}) ?? void 0;
+		if (!p || r) return l = r, u = r ? r.bind(n) : n;
+	}, h = (e, n = !1) => {
+		let r = c.enabled, i = e ? u : m(n, !0);
+		if (!i) return;
+		i.muted = e, r && !c.enabled && (c.enabled = !0, c.videoMeshes = y(), c.videoMeshes.forEach((e) => t.scene.add(e)));
+		let a = l, s = o;
+		c.enabled && i.play().catch((e) => {
+			s === o && !a?.signal.aborted && (v(), console.error(e));
+		});
+	}, g = () => u?.muted ?? !0, _ = () => {
+		if (s || c.enabled || !c.videoTexture) return;
+		let e = m(!1, !1);
+		if (!e) return;
+		let n = o, r = l, i = c.videoTexture.image, a = () => n === o && !s && c.enabled && !r?.signal.aborted;
+		c.enabled = !0, c.videoMeshes = y(), c.videoMeshes.forEach((e) => t.scene.add(e));
+		let u = () => {
+			i.removeEventListener("timeupdate", u), a() && (c.videoTextureEnabled = !0, c.videoMeshes.forEach((e) => {
+				e.material.map = c.videoTexture;
+			}), t.needsRender = !0);
+		}, f = () => {
+			t.off("modelLoaded", f), a() && (i.addEventListener("timeupdate", u), e.play().catch((e) => {
+				a() && (v(), console.error(e));
+			}));
+		};
+		d = () => {
+			t.off("modelLoaded", f), i.removeEventListener("timeupdate", u);
+		}, t.model.loaded ? f() : t.on("modelLoaded", f);
+	}, v = () => {
+		p?.cancel(), f();
+	}, y = () => c.rectPoints.map((t, n) => {
+		let r = new e.BufferGeometry(), i = [];
+		i.push(t[0].x, t[0].y, t[0].z);
+		for (let e = 1; e < 128; e++) i.push(t[0].x + (t[1].x - t[0].x) * e / 128, t[0].y + (t[1].y - t[0].y) * e / 128, t[0].z + (t[1].z - t[0].z) * e / 128);
+		i.push(t[1].x, t[1].y, t[1].z), i.push(t[2].x, t[2].y, t[2].z);
+		for (let e = 1; e < 128; e++) i.push(t[2].x + (t[3].x - t[2].x) * e / 128, t[2].y + (t[3].y - t[2].y) * e / 128, t[2].z + (t[3].z - t[2].z) * e / 128);
+		i.push(t[3].x, t[3].y, t[3].z);
+		let a = [];
+		a.push(0, 1);
+		for (let e = 1; e < 128; e++) a.push(0, 1 - e / 128);
+		a.push(0, 0), a.push(1, 0);
+		for (let e = 1; e < 128; e++) a.push(1, e / 128);
+		a.push(1, 1);
+		let o = [];
+		for (let e = 0; e < 128; e++) o.push(e, e + 1, 256 - e, e, 256 - e, 257 - e);
+		r.setAttribute("position", new e.BufferAttribute(new Float32Array(i), 3)), r.setAttribute("uv", new e.BufferAttribute(new Float32Array(a), 2)), r.setIndex(new e.BufferAttribute(new Uint32Array(o), 1));
+		let s = new e.MeshBasicNodeMaterial({
+			map: c.videoTextureEnabled ? c.videoTexture : c.imageTexture,
+			side: e.DoubleSide
+		}), l = new e.Mesh(r, s);
+		return l.renderOrder = 1, l.name = `video-${n}-${performance.now()}`, l;
+	}), b = (t) => {
+		let n = new e.TextureLoader().load(t);
+		return n.minFilter = e.LinearFilter, n.magFilter = e.LinearFilter, n;
+	}, x = (t, n, r = () => !0) => new Promise((i, a) => {
+		let o = new XMLHttpRequest();
+		o.onreadystatechange = () => {
+			if (o.readyState == 4) {
+				if (!r()) {
+					a(new DOMException("Playback cancelled", "AbortError"));
+					return;
+				}
+				if (o.status == 200) {
+					let r = window.URL || window.webkitURL;
+					n ||= document.createElement("video"), n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = r.createObjectURL(o.response);
+					let a = new e.VideoTexture(n);
+					a.colorSpace = e.SRGBColorSpace, a.minFilter = e.LinearFilter, a.magFilter = e.LinearFilter, i(Object.assign(a, { videoSource: t }));
+				} else a(/* @__PURE__ */ Error("Video download Error: " + o.status));
+			}
+		}, o.onerror = (e) => a(e), o.open("GET", t), o.responseType = "blob", o.send();
+	}), S = async (t, n) => {
+		let r = ++o, { video_src: i, video_poster_src: a, points: l } = t;
+		c.videoSource = i, c.rectPoints = l.map((t) => t.map(({ x: t, y: n, z: r }) => new e.Vector3(t, n, r))), c.imageTexture = b(a), n && (c.videoElement = n);
+		let u = await x(c.videoSource, c.videoElement, () => !s && r === o);
+		s || r !== o ? (u.image.muted = !0, u.image.pause(), URL.revokeObjectURL(u.image.src), u.dispose()) : (c.videoTexture && (c.videoTexture.image.pause(), URL.revokeObjectURL(c.videoTexture.image.src), c.videoTexture.dispose()), c.videoTexture = u, t.enable && _());
+	};
+	return a("modeChange", () => h(!0)), a("wantsTapGesture", (e) => {
+		if (!c.enabled) return;
+		let [n] = e.intersectObjects(t.scene.children, !0);
+		if (n && /^video/.test(n.object.name)) return c.videoTexture && h(!c.videoTexture.image.muted, !0), !1;
+	}), a("panoArrived", () => {
+		if (!c.enabled || g()) return;
+		let n = t.camera.position;
+		c.rectPoints.find((r) => {
+			let i = r.reduce((t, n) => new e.Vector3(t.x + n.x / r.length, t.y + n.y / r.length, t.z + n.z / r.length), new e.Vector3());
+			return r.map((t) => new e.Vector3((t.x + i.x) / 2, (t.y + i.y) / 2, (t.z + i.z) / 2)).filter((r) => {
+				r = r.clone().sub(n).normalize();
+				let [i] = new e.Raycaster(n, r).intersectObjects(t.scene.children, !0);
+				return !!i && /^video/.test(i.object.name);
+			}).length >= 2;
+		}) || h(!0);
+	}), a("renderFrame", () => {
+		c.videoMeshes.forEach((e) => {
+			e && (e.needsRender = !0);
+		});
+	}), a("load", (e) => {
+		e.modelTVVideoData && S(e.modelTVVideoData);
+	}), {
+		enable: _,
+		disable: v,
+		load: S,
+		dispose: () => {
+			s = !0, ++o, v(), p?.dispose(), i.splice(0).forEach((e) => e()), c.imageTexture?.dispose(), c.videoTexture && (URL.revokeObjectURL(c.videoTexture.image.src), c.videoTexture.dispose());
+		}
+	};
 };
-export {
-  j as ModelTVVideoPlugin
-};
-//# sourceMappingURL=ModelTVVideoPlugin.js.map
+export { t as ModelTVVideoPlugin };
+
+//# sourceMappingURL=ModelTVVideoPlugin.js.map

package/lib/plugins/ModelTVVideoPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelTVVideoPlugin.js","sources":["../../resources/fivePlugins/ModelTVVideoPlugin/index.ts"],"sourcesContent":["import * as THREE from 'three/webgpu'\nimport type { FivePlugin } from '@realsee/five-webgpu'\nimport type { PlaybackManager, PlaybackSession, MediaOperations } from '../../Player/playback-types'\n\nexport interface ModelTVVideoPluginData {\n  enable?: boolean\n  video_src: string\n  video_poster_src: string\n  points: { x: number; y: number; z: number }[][]\n}\n\nexport interface ModelTVVideoPluginParameterType {\n  videoElement?: HTMLVideoElement\n  mediaManager?: PlaybackManager\n}\nexport interface ModelTVVideoPluginExportType {\n  enable: () => void\n  disable: () => void\n  dispose: () => void\n  load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>\n}\n\ntype ModelTVVideoPluginPoints = THREE.Vector3[][]\n\ntype ModelTVVideoPluginState = {\n  videoMeshes: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicNodeMaterial>[]\n  videoTextureEnabled: boolean\n  videoSource: string\n  rectPoints: ModelTVVideoPluginPoints\n  enabled: boolean\n  imageTexture?: THREE.Texture\n  videoTexture?: THREE.VideoTexture\n  videoElement?: HTMLVideoElement\n}\n\nexport const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType> = (\n  five,\n  { videoElement, mediaManager },\n) => {\n  const listeners: (() => void)[] = []\n  const on: typeof five.on = (name, callback) => {\n    listeners.push(() => { five.off(name, callback) })\n    return five.on(name, callback)\n  }\n  let generation = 0\n  let disposed = false\n  const state: ModelTVVideoPluginState = {\n    videoMeshes: [],\n    videoTextureEnabled: false,\n    videoSource: '',\n    rectPoints: [],\n    enabled: false,\n    videoElement: videoElement,\n  }\n\n  let session: PlaybackSession | undefined\n  let output: MediaOperations | undefined\n  let removeReady: (() => void) | undefined\n  const stop = () => {\n    ++generation\n    removeReady?.()\n    removeReady = undefined\n    if (output) { output.muted = true; output.pause() }\n    output = undefined\n    session = undefined\n    state.enabled = false\n    state.videoMeshes.forEach(mesh => {\n      mesh.geometry.dispose()\n      mesh.material.dispose()\n      five.scene.remove(mesh)\n    })\n    state.videoMeshes = []\n    five.needsRender = true\n  }\n  const controller = mediaManager?.createController({ label: 'vreo-model-video', onCancel: stop })\n  const bind = (userAction: boolean, audible: boolean) => {\n    const element = state.videoTexture?.image as HTMLVideoElement | undefined\n    if (!element) return undefined\n    const next = controller?.begin({ userAction, audible }) ?? undefined\n    if (controller && !next) return undefined\n    session = next\n    return output = next ? next.bind(element) : element\n  }\n  const setMuted = (muted: boolean, userAction = false) => {\n    const wasEnabled = state.enabled\n    const media = !muted ? bind(userAction, true) : output\n    if (!media) return\n    media.muted = muted\n    if (wasEnabled && !state.enabled) {\n      state.enabled = true\n      state.videoMeshes = createPanoVideoMeshes()\n      state.videoMeshes.forEach(mesh => five.scene.add(mesh))\n    }\n    const run = session\n    const current = generation\n    if (state.enabled) void media.play().catch(error => { if (current === generation && !run?.signal.aborted) { disable(); console.error(error) } })\n  }\n  const getMuted = () => output?.muted ?? true\n  const enable = () => {\n    if (disposed || state.enabled || !state.videoTexture) return\n    const media = bind(false, false)\n    if (!media) return\n    const current = generation\n    const run = session\n    const element = state.videoTexture.image as HTMLVideoElement\n    const valid = () => current === generation && !disposed && state.enabled && !run?.signal.aborted\n    state.enabled = true\n    state.videoMeshes = createPanoVideoMeshes()\n    state.videoMeshes.forEach(mesh => five.scene.add(mesh))\n    const timeupdate = () => {\n      element.removeEventListener('timeupdate', timeupdate)\n      if (!valid()) return\n      state.videoTextureEnabled = true\n      state.videoMeshes.forEach(mesh => { mesh.material.map = state.videoTexture! })\n      five.needsRender = true\n    }\n    const play = () => {\n      five.off('modelLoaded', play)\n      if (!valid()) return\n      element.addEventListener('timeupdate', timeupdate)\n      void media.play().catch(error => { if (valid()) { disable(); console.error(error) } })\n    }\n    removeReady = () => { five.off('modelLoaded', play); element.removeEventListener('timeupdate', timeupdate) }\n    if (five.model.loaded) play()\n    else five.on('modelLoaded', play)\n  }\n  const disable = () => { controller?.cancel(); stop() }\n\n  const createPanoVideoMeshes = () => {\n    return state.rectPoints.map((points, index) => {\n      const geometry = new THREE.BufferGeometry()\n      const segments = 128\n\n      const verticesArray: number[] = []\n      verticesArray.push(points[0].x, points[0].y, points[0].z)\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[0].x + ((points[1].x - points[0].x) * i) / segments,\n          points[0].y + ((points[1].y - points[0].y) * i) / segments,\n          points[0].z + ((points[1].z - points[0].z) * i) / segments,\n        )\n      }\n      verticesArray.push(points[1].x, points[1].y, points[1].z)\n      verticesArray.push(points[2].x, points[2].y, points[2].z)\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[2].x + ((points[3].x - points[2].x) * i) / segments,\n          points[2].y + ((points[3].y - points[2].y) * i) / segments,\n          points[2].z + ((points[3].z - points[2].z) * i) / segments,\n        )\n      }\n      verticesArray.push(points[3].x, points[3].y, points[3].z)\n\n      const uvArray: number[] = []\n      uvArray.push(0, 1)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(0, 1 - i / segments)\n      }\n      uvArray.push(0, 0)\n      uvArray.push(1, 0)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(1, i / segments)\n      }\n      uvArray.push(1, 1)\n\n      const indicesArray: number[] = []\n      for (let i = 0; i < segments; i++) {\n        indicesArray.push(i, i + 1, segments * 2 - i, i, segments * 2 - i, segments * 2 + 1 - i)\n      }\n      geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3))\n      geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2))\n      geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1))\n      const material = new THREE.MeshBasicNodeMaterial({\n        map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,\n        side: THREE.DoubleSide,\n      })\n      const mesh = new THREE.Mesh(geometry, material)\n      mesh.renderOrder = 1\n      mesh.name = `video-${index}-${performance.now()}`\n      return mesh\n    })\n  }\n\n  const getImageTexture = (source: string) => {\n    const texture = new THREE.TextureLoader().load(source)\n    texture.minFilter = THREE.LinearFilter\n    texture.magFilter = THREE.LinearFilter\n    return texture\n  }\n\n  const getVideoTexture = (\n    source: string,\n    video?: HTMLVideoElement,\n    valid = () => true,\n  ): Promise<THREE.VideoTexture & { videoSource: string }> => {\n    return new Promise((resolve, reject) => {\n      const xhr = new XMLHttpRequest()\n      xhr.onreadystatechange = () => {\n        if (xhr.readyState == 4) {\n          if (!valid()) { reject(new DOMException('Playback cancelled', 'AbortError')); return }\n          if (xhr.status == 200) {\n            const url = window.URL || window.webkitURL\n            video = video || document.createElement('video')\n            video.crossOrigin = 'anonymous'\n            video.autoplay = false\n            video.muted = true\n            video.loop = true\n            video.playsInline = true\n            video.src = url.createObjectURL(xhr.response)\n            const texture = new THREE.VideoTexture(video)\n            texture.colorSpace = THREE.SRGBColorSpace\n            texture.minFilter = THREE.LinearFilter\n            texture.magFilter = THREE.LinearFilter\n            resolve(Object.assign(texture, { videoSource: source }))\n          } else {\n            reject(new Error('Video download Error: ' + xhr.status))\n          }\n        }\n      }\n      xhr.onerror = (error) => reject(error)\n      xhr.open('GET', source)\n      xhr.responseType = 'blob'\n      xhr.send()\n    })\n  }\n\n  const load = async (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => {\n    const current = ++generation\n    const { video_src, video_poster_src, points } = data\n    state.videoSource = video_src\n    state.rectPoints = points.map((items) => items.map(({ x, y, z }) => new THREE.Vector3(x, y, z)))\n    state.imageTexture = getImageTexture(video_poster_src)\n\n    if (videoElement) {\n      state.videoElement = videoElement\n    }\n\n    const texture = await getVideoTexture(state.videoSource, state.videoElement, () => !disposed && current === generation)\n    if (disposed || current !== generation) {\n      texture.image.muted = true\n      texture.image.pause()\n      URL.revokeObjectURL(texture.image.src)\n      texture.dispose()\n      return\n    }\n    if (state.videoTexture) {\n      state.videoTexture.image.pause()\n      URL.revokeObjectURL(state.videoTexture.image.src)\n      state.videoTexture.dispose()\n    }\n    state.videoTexture = texture\n\n    if (data.enable) enable()\n  }\n\n  on('modeChange', () => setMuted(true))\n\n  on('wantsTapGesture', (raycaster) => {\n    if (!state.enabled) return\n    const [intersect] = raycaster.intersectObjects(five.scene.children, true)\n    if (!!intersect && /^video/.test(intersect.object.name)) {\n      if (state.videoTexture) setMuted(!state.videoTexture.image.muted, true)\n      return false\n    }\n  })\n\n  on('panoArrived', () => {\n    if (!state.enabled) return\n    if (getMuted()) return\n    const cameraPosition = five.camera.position\n\n    const visible = state.rectPoints.find((points) => {\n      const centerVector = points.reduce(\n        (total, curr) =>\n          new THREE.Vector3(\n            total.x + curr.x / points.length,\n            total.y + curr.y / points.length,\n            total.z + curr.z / points.length,\n          ),\n        new THREE.Vector3(),\n      )\n\n      return (\n        points\n          .map(\n            (point) =>\n              new THREE.Vector3(\n                (point.x + centerVector.x) / 2,\n                (point.y + centerVector.y) / 2,\n                (point.z + centerVector.z) / 2,\n              ),\n          )\n          .filter((vector) => {\n            vector = vector.clone().sub(cameraPosition).normalize()\n            const raycaster = new THREE.Raycaster(cameraPosition, vector)\n            const [intersect] = raycaster.intersectObjects(five.scene.children, true)\n            return !!intersect && /^video/.test(intersect.object.name)\n          }).length >= 2\n      )\n    })\n    if (!visible) setMuted(true)\n  })\n\n  on('renderFrame', () => {\n    state.videoMeshes.forEach((meshes) => {\n      if (meshes)\n        //@ts-ignore\n        meshes.needsRender = true\n    })\n  })\n\n  on('load', (input) => {\n    if (input.modelTVVideoData) {\n      load(input.modelTVVideoData)\n    }\n  })\n\n  const dispose = () => {\n    disposed = true\n    ++generation\n    disable()\n    controller?.dispose()\n    listeners.splice(0).forEach(remove => remove())\n    state.imageTexture?.dispose()\n    if (state.videoTexture) {\n      URL.revokeObjectURL(state.videoTexture.image.src)\n      state.videoTexture.dispose()\n    }\n  }\n  return { enable, disable, load, dispose }\n}\n"],"names":["ModelTVVideoPlugin","five","videoElement","mediaManager","listeners","on","name","callback","generation","disposed","state","session","output","removeReady","stop","mesh","controller","bind","userAction","audible","element","_a","next","setMuted","muted","wasEnabled","media","createPanoVideoMeshes","run","current","error","disable","getMuted","enable","valid","timeupdate","play","points","index","geometry","THREE","segments","verticesArray","i","uvArray","indicesArray","material","getImageTexture","source","texture","getVideoTexture","video","resolve","reject","xhr","url","load","data","video_src","video_poster_src","items","x","y","z","raycaster","intersect","cameraPosition","centerVector","total","curr","point","vector","meshes","input","remove"],"mappings":"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"}
+{"version":3,"file":"ModelTVVideoPlugin.js","names":["THREE","ModelTVVideoPlugin","listeners","on","name","callback","five","generation","disposed","state","session","output","removeReady","stop","mesh","controller","mediaManager","bind","element","next","setMuted","wasEnabled","media","muted","userAction","createPanoVideoMeshes","run","current","disable","error","getMuted","enable","valid","timeupdate","play","geometry","verticesArray","points","i","uvArray","indicesArray","material","index","getImageTexture","texture","source","getVideoTexture","xhr","url","video","resolve","reject","load","data","video_src","items","x","y","z","video_poster_src","videoElement","intersect","raycaster","cameraPosition","centerVector","total","curr","point","vector","meshes","input","remove"],"sources":["../../resources/fivePlugins/ModelTVVideoPlugin/index.ts"],"sourcesContent":["import * as THREE from 'three/webgpu'\nimport type { FivePlugin } from '@realsee/five-webgpu'\nimport type { PlaybackManager, PlaybackSession, MediaOperations } from '../../Player/playback-types'\n\nexport interface ModelTVVideoPluginData {\n  enable?: boolean\n  video_src: string\n  video_poster_src: string\n  points: { x: number; y: number; z: number }[][]\n}\n\nexport interface ModelTVVideoPluginParameterType {\n  videoElement?: HTMLVideoElement\n  mediaManager?: PlaybackManager\n}\nexport interface ModelTVVideoPluginExportType {\n  enable: () => void\n  disable: () => void\n  dispose: () => void\n  load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>\n}\n\ntype ModelTVVideoPluginPoints = THREE.Vector3[][]\n\ntype ModelTVVideoPluginState = {\n  videoMeshes: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicNodeMaterial>[]\n  videoTextureEnabled: boolean\n  videoSource: string\n  rectPoints: ModelTVVideoPluginPoints\n  enabled: boolean\n  imageTexture?: THREE.Texture\n  videoTexture?: THREE.VideoTexture\n  videoElement?: HTMLVideoElement\n}\n\nexport const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType> = (\n  five,\n  { videoElement, mediaManager },\n) => {\n  const listeners: (() => void)[] = []\n  const on: typeof five.on = (name, callback) => {\n    listeners.push(() => { five.off(name, callback) })\n    return five.on(name, callback)\n  }\n  let generation = 0\n  let disposed = false\n  const state: ModelTVVideoPluginState = {\n    videoMeshes: [],\n    videoTextureEnabled: false,\n    videoSource: '',\n    rectPoints: [],\n    enabled: false,\n    videoElement: videoElement,\n  }\n\n  let session: PlaybackSession | undefined\n  let output: MediaOperations | undefined\n  let removeReady: (() => void) | undefined\n  const stop = () => {\n    ++generation\n    removeReady?.()\n    removeReady = undefined\n    if (output) { output.muted = true; output.pause() }\n    output = undefined\n    session = undefined\n    state.enabled = false\n    state.videoMeshes.forEach(mesh => {\n      mesh.geometry.dispose()\n      mesh.material.dispose()\n      five.scene.remove(mesh)\n    })\n    state.videoMeshes = []\n    five.needsRender = true\n  }\n  const controller = mediaManager?.createController({ label: 'vreo-model-video', onCancel: stop })\n  const bind = (userAction: boolean, audible: boolean) => {\n    const element = state.videoTexture?.image as HTMLVideoElement | undefined\n    if (!element) return undefined\n    const next = controller?.begin({ userAction, audible }) ?? undefined\n    if (controller && !next) return undefined\n    session = next\n    return output = next ? next.bind(element) : element\n  }\n  const setMuted = (muted: boolean, userAction = false) => {\n    const wasEnabled = state.enabled\n    const media = !muted ? bind(userAction, true) : output\n    if (!media) return\n    media.muted = muted\n    if (wasEnabled && !state.enabled) {\n      state.enabled = true\n      state.videoMeshes = createPanoVideoMeshes()\n      state.videoMeshes.forEach(mesh => five.scene.add(mesh))\n    }\n    const run = session\n    const current = generation\n    if (state.enabled) void media.play().catch(error => { if (current === generation && !run?.signal.aborted) { disable(); console.error(error) } })\n  }\n  const getMuted = () => output?.muted ?? true\n  const enable = () => {\n    if (disposed || state.enabled || !state.videoTexture) return\n    const media = bind(false, false)\n    if (!media) return\n    const current = generation\n    const run = session\n    const element = state.videoTexture.image as HTMLVideoElement\n    const valid = () => current === generation && !disposed && state.enabled && !run?.signal.aborted\n    state.enabled = true\n    state.videoMeshes = createPanoVideoMeshes()\n    state.videoMeshes.forEach(mesh => five.scene.add(mesh))\n    const timeupdate = () => {\n      element.removeEventListener('timeupdate', timeupdate)\n      if (!valid()) return\n      state.videoTextureEnabled = true\n      state.videoMeshes.forEach(mesh => { mesh.material.map = state.videoTexture! })\n      five.needsRender = true\n    }\n    const play = () => {\n      five.off('modelLoaded', play)\n      if (!valid()) return\n      element.addEventListener('timeupdate', timeupdate)\n      void media.play().catch(error => { if (valid()) { disable(); console.error(error) } })\n    }\n    removeReady = () => { five.off('modelLoaded', play); element.removeEventListener('timeupdate', timeupdate) }\n    if (five.model.loaded) play()\n    else five.on('modelLoaded', play)\n  }\n  const disable = () => { controller?.cancel(); stop() }\n\n  const createPanoVideoMeshes = () => {\n    return state.rectPoints.map((points, index) => {\n      const geometry = new THREE.BufferGeometry()\n      const segments = 128\n\n      const verticesArray: number[] = []\n      verticesArray.push(points[0].x, points[0].y, points[0].z)\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[0].x + ((points[1].x - points[0].x) * i) / segments,\n          points[0].y + ((points[1].y - points[0].y) * i) / segments,\n          points[0].z + ((points[1].z - points[0].z) * i) / segments,\n        )\n      }\n      verticesArray.push(points[1].x, points[1].y, points[1].z)\n      verticesArray.push(points[2].x, points[2].y, points[2].z)\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[2].x + ((points[3].x - points[2].x) * i) / segments,\n          points[2].y + ((points[3].y - points[2].y) * i) / segments,\n          points[2].z + ((points[3].z - points[2].z) * i) / segments,\n        )\n      }\n      verticesArray.push(points[3].x, points[3].y, points[3].z)\n\n      const uvArray: number[] = []\n      uvArray.push(0, 1)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(0, 1 - i / segments)\n      }\n      uvArray.push(0, 0)\n      uvArray.push(1, 0)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(1, i / segments)\n      }\n      uvArray.push(1, 1)\n\n      const indicesArray: number[] = []\n      for (let i = 0; i < segments; i++) {\n        indicesArray.push(i, i + 1, segments * 2 - i, i, segments * 2 - i, segments * 2 + 1 - i)\n      }\n      geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3))\n      geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2))\n      geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1))\n      const material = new THREE.MeshBasicNodeMaterial({\n        map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,\n        side: THREE.DoubleSide,\n      })\n      const mesh = new THREE.Mesh(geometry, material)\n      mesh.renderOrder = 1\n      mesh.name = `video-${index}-${performance.now()}`\n      return mesh\n    })\n  }\n\n  const getImageTexture = (source: string) => {\n    const texture = new THREE.TextureLoader().load(source)\n    texture.minFilter = THREE.LinearFilter\n    texture.magFilter = THREE.LinearFilter\n    return texture\n  }\n\n  const getVideoTexture = (\n    source: string,\n    video?: HTMLVideoElement,\n    valid = () => true,\n  ): Promise<THREE.VideoTexture & { videoSource: string }> => {\n    return new Promise((resolve, reject) => {\n      const xhr = new XMLHttpRequest()\n      xhr.onreadystatechange = () => {\n        if (xhr.readyState == 4) {\n          if (!valid()) { reject(new DOMException('Playback cancelled', 'AbortError')); return }\n          if (xhr.status == 200) {\n            const url = window.URL || window.webkitURL\n            video = video || document.createElement('video')\n            video.crossOrigin = 'anonymous'\n            video.autoplay = false\n            video.muted = true\n            video.loop = true\n            video.playsInline = true\n            video.src = url.createObjectURL(xhr.response)\n            const texture = new THREE.VideoTexture(video)\n            texture.colorSpace = THREE.SRGBColorSpace\n            texture.minFilter = THREE.LinearFilter\n            texture.magFilter = THREE.LinearFilter\n            resolve(Object.assign(texture, { videoSource: source }))\n          } else {\n            reject(new Error('Video download Error: ' + xhr.status))\n          }\n        }\n      }\n      xhr.onerror = (error) => reject(error)\n      xhr.open('GET', source)\n      xhr.responseType = 'blob'\n      xhr.send()\n    })\n  }\n\n  const load = async (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => {\n    const current = ++generation\n    const { video_src, video_poster_src, points } = data\n    state.videoSource = video_src\n    state.rectPoints = points.map((items) => items.map(({ x, y, z }) => new THREE.Vector3(x, y, z)))\n    state.imageTexture = getImageTexture(video_poster_src)\n\n    if (videoElement) {\n      state.videoElement = videoElement\n    }\n\n    const texture = await getVideoTexture(state.videoSource, state.videoElement, () => !disposed && current === generation)\n    if (disposed || current !== generation) {\n      texture.image.muted = true\n      texture.image.pause()\n      URL.revokeObjectURL(texture.image.src)\n      texture.dispose()\n      return\n    }\n    if (state.videoTexture) {\n      state.videoTexture.image.pause()\n      URL.revokeObjectURL(state.videoTexture.image.src)\n      state.videoTexture.dispose()\n    }\n    state.videoTexture = texture\n\n    if (data.enable) enable()\n  }\n\n  on('modeChange', () => setMuted(true))\n\n  on('wantsTapGesture', (raycaster) => {\n    if (!state.enabled) return\n    const [intersect] = raycaster.intersectObjects(five.scene.children, true)\n    if (!!intersect && /^video/.test(intersect.object.name)) {\n      if (state.videoTexture) setMuted(!state.videoTexture.image.muted, true)\n      return false\n    }\n  })\n\n  on('panoArrived', () => {\n    if (!state.enabled) return\n    if (getMuted()) return\n    const cameraPosition = five.camera.position\n\n    const visible = state.rectPoints.find((points) => {\n      const centerVector = points.reduce(\n        (total, curr) =>\n          new THREE.Vector3(\n            total.x + curr.x / points.length,\n            total.y + curr.y / points.length,\n            total.z + curr.z / points.length,\n          ),\n        new THREE.Vector3(),\n      )\n\n      return (\n        points\n          .map(\n            (point) =>\n              new THREE.Vector3(\n                (point.x + centerVector.x) / 2,\n                (point.y + centerVector.y) / 2,\n                (point.z + centerVector.z) / 2,\n              ),\n          )\n          .filter((vector) => {\n            vector = vector.clone().sub(cameraPosition).normalize()\n            const raycaster = new THREE.Raycaster(cameraPosition, vector)\n            const [intersect] = raycaster.intersectObjects(five.scene.children, true)\n            return !!intersect && /^video/.test(intersect.object.name)\n          }).length >= 2\n      )\n    })\n    if (!visible) setMuted(true)\n  })\n\n  on('renderFrame', () => {\n    state.videoMeshes.forEach((meshes) => {\n      if (meshes)\n        //@ts-ignore\n        meshes.needsRender = true\n    })\n  })\n\n  on('load', (input) => {\n    if (input.modelTVVideoData) {\n      load(input.modelTVVideoData)\n    }\n  })\n\n  const dispose = () => {\n    disposed = true\n    ++generation\n    disable()\n    controller?.dispose()\n    listeners.splice(0).forEach(remove => remove())\n    state.imageTexture?.dispose()\n    if (state.videoTexture) {\n      URL.revokeObjectURL(state.videoTexture.image.src)\n      state.videoTexture.dispose()\n    }\n  }\n  return { enable, disable, load, dispose }\n}\n"],"mappings":";;AAmCA,IAAaC,KACX,GACA,EAAE,iBAAc,sBACb;CACH,IAAMC,IAA4B,CAAC,GAC7BC,KAAsB,GAAM,OAChCD,EAAU,WAAW;EAAE,EAAK,IAAIE,GAAMC,CAAQ;CAAE,CAAC,GAC1CC,EAAK,GAAGF,GAAMC,CAAQ,IAE3BE,IAAa,GACbC,IAAW,IACTC,IAAiC;EACrC,aAAa,CAAC;EACd,qBAAqB;EACrB,aAAa;EACb,YAAY,CAAC;EACb,SAAS;EACK;CAChB,GAEIC,GACAC,GACAC,GACEC,UAAa;EAcjB,AAbA,EAAEN,GACFK,IAAc,GACd,IAAc,KAAA,GACVD,MAAU,EAAO,QAAQ,IAAMA,EAAO,MAAM,IAChD,IAAS,KAAA,GACT,IAAU,KAAA,GACV,EAAM,UAAU,IAChBF,EAAM,YAAY,SAAQ,MAAQ;GAGhC,AAFAK,EAAK,SAAS,QAAQ,GACtBA,EAAK,SAAS,QAAQ,GACtBR,EAAK,MAAM,OAAOQ,CAAI;EACxB,CAAC,GACD,EAAM,cAAc,CAAC,GACrB,EAAK,cAAc;CACrB,GACMC,IAAaC,GAAc,iBAAiB;EAAE,OAAO;EAAoB,UAAUH;CAAK,CAAC,GACzFI,KAAQ,GAAqB,MAAqB;EACtD,IAAMC,IAAUT,EAAM,cAAc;EACpC,IAAI,CAACS,GAAS;EACd,IAAMC,IAAOJ,GAAY,MAAM;GAAE;GAAY;EAAQ,CAAC,KAAK,KAAA;EAC3D,IAAI,MAAeI,GAEnB,OADA,IAAUA,GACH,IAASA,IAAOA,EAAK,KAAKD,CAAO,IAAIA;CAC9C,GACME,KAAY,GAAgB,IAAa,OAAU;EACvD,IAAMC,IAAaZ,EAAM,SACnBa,IAASC,IAAiCZ,IAAzBM,EAAKO,GAAY,EAAI;EAC5C,IAAI,CAACF,GAAO;EAEZ,AADA,EAAM,QAAQC,GACVF,KAAc,CAACZ,EAAM,YACvB,EAAM,UAAU,IAChB,EAAM,cAAcgB,EAAsB,GAC1ChB,EAAM,YAAY,SAAQ,MAAQH,EAAK,MAAM,IAAIQ,CAAI,CAAC;EAExD,IAAMY,IAAMhB,GACNiB,IAAUpB;EAChB,AAAIE,EAAM,WAASa,EAAW,KAAK,CAAC,CAAC,OAAM,MAAS;GAAE,AAAIK,MAAYpB,KAAc,CAACmB,GAAK,OAAO,YAAWE,EAAQ,GAAG,QAAQ,MAAMC,CAAK;EAAI,CAAC;CACjJ,GACMC,UAAiBnB,GAAQ,SAAS,IAClCoB,UAAe;EACnB,IAAIvB,KAAYC,EAAM,WAAW,CAACA,EAAM,cAAc;EACtD,IAAMa,IAAQL,EAAK,IAAO,EAAK;EAC/B,IAAI,CAACK,GAAO;EACZ,IAAMK,IAAUpB,GACVmB,IAAMhB,GACNQ,IAAUT,EAAM,aAAa,OAC7BuB,UAAcL,MAAYpB,KAAc,CAACC,KAAYC,EAAM,WAAW,CAACiB,GAAK,OAAO;EAGzF,AAFA,EAAM,UAAU,IAChB,EAAM,cAAcD,EAAsB,GAC1ChB,EAAM,YAAY,SAAQ,MAAQH,EAAK,MAAM,IAAIQ,CAAI,CAAC;EACtD,IAAMmB,UAAmB;GAEvB,AADAf,EAAQ,oBAAoB,cAAce,CAAU,GAC/CD,EAAM,MACX,EAAM,sBAAsB,IAC5BvB,EAAM,YAAY,SAAQ,MAAQ;IAAE,EAAK,SAAS,MAAMA,EAAM;GAAc,CAAC,GAC7E,EAAK,cAAc;EACrB,GACMyB,UAAa;GAEjB,AADA5B,EAAK,IAAI,eAAe4B,CAAI,GACvBF,EAAM,MACXd,EAAQ,iBAAiB,cAAce,CAAU,GACjDX,EAAW,KAAK,CAAC,CAAC,OAAM,MAAS;IAAE,AAAIU,EAAM,MAAKJ,EAAQ,GAAG,QAAQ,MAAMC,CAAK;GAAI,CAAC;EACvF;EAEA,AADA,UAAoB;GAAiC,AAA/BvB,EAAK,IAAI,eAAe4B,CAAI,GAAGhB,EAAQ,oBAAoB,cAAce,CAAU;EAAE,GACvG3B,EAAK,MAAM,SAAQ4B,EAAK,IACvB5B,EAAK,GAAG,eAAe4B,CAAI;CAClC,GACMN,UAAgB;EAAwB,AAAtBb,GAAY,OAAO,GAAGF,EAAK;CAAE,GAE/CY,UACGhB,EAAM,WAAW,KAAK,GAAQ,MAAU;EAC7C,IAAM0B,IAAW,IAAInC,EAAM,eAAe,GAGpCoC,IAA0B,CAAC;EACjC,EAAc,KAAKC,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,CAAC;EACxD,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAU,KAC5B,EAAc,KACZD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,KAClDD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,KAClDD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,GACpD;EAGF,AADAF,EAAc,KAAKC,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,CAAC,GACxDD,EAAc,KAAKC,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,CAAC;EACxD,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAU,KAC5B,EAAc,KACZD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,KAClDD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,KAClDD,EAAO,EAAE,CAAC,KAAMA,EAAO,EAAE,CAAC,IAAIA,EAAO,EAAE,CAAC,KAAKC,IAAK,GACpD;EAEF,EAAc,KAAKD,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,GAAGA,EAAO,EAAE,CAAC,CAAC;EAExD,IAAME,IAAoB,CAAC;EAC3B,EAAQ,KAAK,GAAG,CAAC;EACjB,KAAK,IAAID,IAAI,GAAGA,IAAI,KAAU,KAC5B,EAAQ,KAAK,GAAG,IAAIA,IAAI,GAAQ;EAGlC,AADAC,EAAQ,KAAK,GAAG,CAAC,GACjBA,EAAQ,KAAK,GAAG,CAAC;EACjB,KAAK,IAAID,IAAI,GAAGA,IAAI,KAAU,KAC5B,EAAQ,KAAK,GAAGA,IAAI,GAAQ;EAE9B,EAAQ,KAAK,GAAG,CAAC;EAEjB,IAAME,IAAyB,CAAC;EAChC,KAAK,IAAIF,IAAI,GAAGA,IAAI,KAAU,KAC5B,EAAa,KAAKA,GAAGA,IAAI,GAAG,MAAeA,GAAGA,GAAG,MAAeA,GAAG,MAAmBA,CAAC;EAIzF,AAFAH,EAAS,aAAa,YAAY,IAAInC,EAAM,gBAAgB,IAAI,aAAaoC,CAAa,GAAG,CAAC,CAAC,GAC/FD,EAAS,aAAa,MAAM,IAAInC,EAAM,gBAAgB,IAAI,aAAauC,CAAO,GAAG,CAAC,CAAC,GACnFJ,EAAS,SAAS,IAAInC,EAAM,gBAAgB,IAAI,YAAYwC,CAAY,GAAG,CAAC,CAAC;EAC7E,IAAMC,IAAW,IAAIzC,EAAM,sBAAsB;GAC/C,KAAKS,EAAM,sBAAsBA,EAAM,eAAeA,EAAM;GAC5D,MAAMT,EAAM;EACd,CAAC,GACKc,IAAO,IAAId,EAAM,KAAKmC,GAAUM,CAAQ;EAG9C,OAFA,EAAK,cAAc,GACnB,EAAK,OAAO,SAASC,EAAM,GAAG,YAAY,IAAI,KACvC5B;CACT,CAAC,GAGG6B,KAAmB,MAAmB;EAC1C,IAAMC,IAAU,IAAI5C,EAAM,cAAc,CAAC,CAAC,KAAK6C,CAAM;EAGrD,OAFA,EAAQ,YAAY7C,EAAM,cAC1B,EAAQ,YAAYA,EAAM,cACnB4C;CACT,GAEME,KACJ,GACA,GACA,UAAc,OAEP,IAAI,SAAS,GAAS,MAAW;EACtC,IAAMC,IAAM,IAAI,eAAe;EA0B/B,AAzBA,EAAI,2BAA2B;GAC7B,IAAIA,EAAI,cAAc,GAAG;IACvB,IAAI,CAACf,EAAM,GAAG;KAAE,EAAO,IAAI,aAAa,sBAAsB,YAAY,CAAC;KAAG;IAAO;IACrF,IAAIe,EAAI,UAAU,KAAK;KACrB,IAAMC,IAAM,OAAO,OAAO,OAAO;KAOjC,AANA,MAAiB,SAAS,cAAc,OAAO,GAC/C,EAAM,cAAc,aACpB,EAAM,WAAW,IACjB,EAAM,QAAQ,IACd,EAAM,OAAO,IACb,EAAM,cAAc,IACpB,EAAM,MAAMA,EAAI,gBAAgBD,EAAI,QAAQ;KAC5C,IAAMH,IAAU,IAAI5C,EAAM,aAAaiD,CAAK;KAI5C,AAHA,EAAQ,aAAajD,EAAM,gBAC3B,EAAQ,YAAYA,EAAM,cAC1B,EAAQ,YAAYA,EAAM,cAC1BkD,EAAQ,OAAO,OAAON,GAAS,EAAE,aAAaC,EAAO,CAAC,CAAC;IACzD,OACE,EAAO,gBAAI,MAAM,2BAA2BE,EAAI,MAAM,CAAC;GAE3D;EACF,GACA,EAAI,WAAW,MAAUI,EAAOtB,CAAK,GACrCkB,EAAI,KAAK,OAAOF,CAAM,GACtB,EAAI,eAAe,QACnBE,EAAI,KAAK;CACX,CAAC,GAGGK,IAAO,OAAO,GAA8B,MAAoC;EACpF,IAAMzB,IAAU,EAAEpB,GACZ,EAAE,cAAW,qBAAkB,cAAW8C;EAKhD,AAJA,EAAM,cAAcC,GACpB,EAAM,aAAajB,EAAO,KAAK,MAAUkB,EAAM,KAAK,EAAE,MAAG,MAAG,WAAQ,IAAIvD,EAAM,QAAQwD,GAAGC,GAAGC,CAAC,CAAC,CAAC,GAC/F,EAAM,eAAef,EAAgBgB,CAAgB,GAEjDC,MACF,EAAM,eAAeA;EAGvB,IAAMhB,IAAU,MAAME,EAAgBrC,EAAM,aAAaA,EAAM,oBAAoB,CAACD,KAAYmB,MAAYpB,CAAU;EACtH,AAAIC,KAAYmB,MAAYpB,KAC1B,EAAQ,MAAM,QAAQ,IACtBqC,EAAQ,MAAM,MAAM,GACpB,IAAI,gBAAgBA,EAAQ,MAAM,GAAG,GACrCA,EAAQ,QAAQ,MAGdnC,EAAM,iBACRA,EAAM,aAAa,MAAM,MAAM,GAC/B,IAAI,gBAAgBA,EAAM,aAAa,MAAM,GAAG,GAChDA,EAAM,aAAa,QAAQ,IAE7B,EAAM,eAAemC,GAEjBS,EAAK,UAAQtB,EAAO;CAC1B;CA4EA,OA1EA5B,EAAG,oBAAoBiB,EAAS,EAAI,CAAC,GAErCjB,EAAG,oBAAoB,MAAc;EACnC,IAAI,CAACM,EAAM,SAAS;EACpB,IAAM,CAACoD,KAAaC,EAAU,iBAAiBxD,EAAK,MAAM,UAAU,EAAI;EACxE,IAAMuD,KAAa,SAAS,KAAKA,EAAU,OAAO,IAAI,GAEpD,OADIpD,EAAM,gBAAcW,EAAS,CAACX,EAAM,aAAa,MAAM,OAAO,EAAI,GAC/D;CAEX,CAAC,GAEDN,EAAG,qBAAqB;EAEtB,IADI,CAACM,EAAM,WACPqB,EAAS,GAAG;EAChB,IAAMiC,IAAiBzD,EAAK,OAAO;EA+BnC,AA7BgBG,EAAM,WAAW,MAAM,MAAW;GAChD,IAAMuD,IAAe3B,EAAO,QACzB,GAAO,MACN,IAAIrC,EAAM,QACRiE,EAAM,IAAIC,EAAK,IAAI7B,EAAO,QAC1B4B,EAAM,IAAIC,EAAK,IAAI7B,EAAO,QAC1B4B,EAAM,IAAIC,EAAK,IAAI7B,EAAO,MAC5B,GACF,IAAIrC,EAAM,QAAQ,CACpB;GAEA,OACEqC,EACG,KACE,MACC,IAAIrC,EAAM,SACPmE,EAAM,IAAIH,EAAa,KAAK,IAC5BG,EAAM,IAAIH,EAAa,KAAK,IAC5BG,EAAM,IAAIH,EAAa,KAAK,CAC/B,CACJ,CAAC,CACA,QAAQ,MAAW;IAClB,IAASI,EAAO,MAAM,CAAC,CAAC,IAAIL,CAAc,CAAC,CAAC,UAAU;IAEtD,IAAM,CAACF,KAAa,IADE7D,EAAM,UAAU+D,GAAgBK,CAClC,CAAA,CAAU,iBAAiB9D,EAAK,MAAM,UAAU,EAAI;IACxE,OAAO,CAAC,CAACuD,KAAa,SAAS,KAAKA,EAAU,OAAO,IAAI;GAC3D,CAAC,CAAC,CAAC,UAAU;EAEnB,CACK,KAASzC,EAAS,EAAI;CAC7B,CAAC,GAEDjB,EAAG,qBAAqB;EACtB,EAAM,YAAY,SAAS,MAAW;GACpC,AAAIkE,MAEF,EAAO,cAAc;EACzB,CAAC;CACH,CAAC,GAEDlE,EAAG,SAAS,MAAU;EACpB,AAAImE,EAAM,oBACRlB,EAAKkB,EAAM,gBAAgB;CAE/B,CAAC,GAcM;EAAE;EAAQ;EAAS;EAAM,eAZV;GAOpB,AANA,IAAW,IACX,EAAE/D,GACFqB,EAAQ,GACRb,GAAY,QAAQ,GACpBb,EAAU,OAAO,CAAC,CAAC,CAAC,SAAQ,MAAUqE,EAAO,CAAC,GAC9C9D,EAAM,cAAc,QAAQ,GACxBA,EAAM,iBACR,IAAI,gBAAgBA,EAAM,aAAa,MAAM,GAAG,GAChDA,EAAM,aAAa,QAAQ;EAE/B;CACwC;AAC1C"}

package/lib/react/index.js

@@ -1,44 +1,46 @@
-import { jsx as f, Fragment as h } from "react/jsx-runtime";
-import { unsafe__useFiveInstance as m } from "@realsee/five-webgpu/react";
+import { t as e } from "../chunks/Player-BzRqdH4q.js";
 import * as t from "react";
-import { Player as x } from "../Player/index.js";
-const p = t.createContext(null), k = (e) => {
-  const o = m(), [n, s] = t.useState(null), r = t.useRef(null), c = t.useRef(e.configs ?? {});
-  return t.useEffect(() => {
-    const u = new x(o, c.current);
-    return r.current = u, s(u), () => {
-      r.current === u && (r.current = null), u.dispose();
-    };
-  }, [o]), n ? /* @__PURE__ */ f(p.Provider, { value: n, children: e.children }) : /* @__PURE__ */ f(h, {});
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { unsafe__useFiveInstance as i } from "@realsee/five-webgpu/react";
+// resources/react/index.tsx
+var a = t.createContext(null), o = (o) => {
+	let s = i(), [c, l] = t.useState(null), u = t.useRef(null), d = t.useRef(o.configs ?? {});
+	return t.useEffect(() => {
+		let t = new e(s, d.current);
+		return u.current = t, l(t), () => {
+			u.current === t && (u.current = null), t.dispose();
+		};
+	}, [s]), c ? /* @__PURE__ */ r(a.Provider, {
+		value: c,
+		children: o.children
+	}) : /* @__PURE__ */ r(n, {});
 };
-function i() {
-  const e = t.useContext(p);
-  if (!e)
-    throw new Error("VreoProvider never found.");
-  return e;
+function s() {
+	let e = t.useContext(a);
+	if (!e) throw Error("VreoProvider never found.");
+	return e;
 }
-function w() {
-  const e = i(), o = t.useCallback(
-    (a, l, y, C, v) => e.load(a, l, y, C, v),
-    [e]
-  ), n = t.useCallback((a, l) => e.play(a, l), [e]), s = t.useCallback(() => e.pause(), [e]), r = t.useCallback(() => e.show(), [e]), c = t.useCallback(() => e.hide(), [e]), u = t.useCallback(() => e.dispose(), [e]);
-  return { load: o, pause: s, show: r, play: n, hide: c, dispose: u };
+function c() {
+	let e = s(), n = t.useCallback((t, n, r, i, a) => e.load(t, n, r, i, a), [e]), r = t.useCallback((t, n) => e.play(t, n), [e]);
+	return {
+		load: n,
+		pause: t.useCallback(() => e.pause(), [e]),
+		show: t.useCallback(() => e.show(), [e]),
+		play: r,
+		hide: t.useCallback(() => e.hide(), [e]),
+		dispose: t.useCallback(() => e.dispose(), [e])
+	};
 }
-function d(e, o, n) {
-  const s = i();
-  let r = [s, e];
-  n !== void 0 && (r = r.concat(n)), t.useEffect(() => (s.on(e, o), () => {
-    s.off(e, o);
-  }), r);
+function l(e, n, r) {
+	let i = s(), a = [i, e];
+	r !== void 0 && (a = a.concat(r)), t.useEffect(() => (i.on(e, n), () => {
+		i.off(e, n);
+	}), a);
 }
-function g() {
-  const e = i(), [o, n] = t.useState(e.paused);
-  return d("paused", () => n(!0)), d("playing", () => n(!1)), o;
+function u() {
+	let e = s(), [n, r] = t.useState(e.paused);
+	return l("paused", () => r(!0)), l("playing", () => r(!1)), n;
 }
-export {
-  k as VreoProvider,
-  w as useVreoAction,
-  d as useVreoEventCallback,
-  g as useVreoPausedState
-};
-//# sourceMappingURL=index.js.map
+export { o as VreoProvider, c as useVreoAction, l as useVreoEventCallback, u as useVreoPausedState };
+
+//# sourceMappingURL=index.js.map