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

package/lib/Player/modules/Drawer/index.d.ts

@@ -1,2 +1,3 @@
-export declare function Drawer(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function Drawer(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/Drawer/index.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,MAAM,4CAIrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmC9B,wBAAgB,MAAM,sBAIrB"}

package/lib/Player/modules/PopUp/index.d.ts

@@ -1,2 +1,3 @@
-export declare function PopUp(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function PopUp(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/PopUp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/PopUp/index.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,KAAK,4CAGpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/PopUp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,wBAAgB,KAAK,sBAGpB"}

package/lib/Player/modules/ResizeObserver/index.d.ts

@@ -1,2 +1,3 @@
-export declare function ResizeObserver(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function ResizeObserver(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/ResizeObserver/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/ResizeObserver/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,4CAkB7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/ResizeObserver/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,cAAc,sBAkB7B"}

package/lib/Player/modules/VideoAgent/index.d.ts

@@ -3,13 +3,13 @@ import { VideoAgentMeshOptions } from './VideoAgentMesh';
 export declare const VideoAgent: ((props: {
     onClick?: () => void;
     options?: VideoAgentMeshOptions;
-}) => import("react/jsx-runtime").JSX.Element) & React.NamedExoticComponent<{
+}) => React.JSX.Element) & React.NamedExoticComponent<{
     onClick?: () => void;
     options?: VideoAgentMeshOptions;
 }> & {
     readonly type: (props: {
         onClick?: () => void;
         options?: VideoAgentMeshOptions;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/Wave/index.d.ts

@@ -1,7 +1,8 @@
 import { WaveAppearance } from '../../typings';
+import React from 'react';
 export declare function Wave(props?: {
     appearance?: WaveAppearance;
     onClick?: () => void;
     staticPrefix?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/Wave/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/Wave/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAwD9C,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,cAAc,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAC,2CA8BvG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/modules/Wave/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAkE,MAAM,OAAO,CAAC;AAuDvF,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,cAAc,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAC,qBA8BvG"}

package/lib/Player/modules/keyframes/BgMusic/index.d.ts

@@ -1,2 +1,3 @@
-export declare function BgMusic(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function BgMusic(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/BgMusic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/BgMusic/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,OAAO,4CA6CtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/BgMusic/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,wBAAgB,OAAO,sBA6CtB"}

package/lib/Player/modules/keyframes/CameraMovement/index.d.ts

@@ -1,2 +1,3 @@
-export declare function CameraMovement(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function CameraMovement(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/CameraMovement/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/CameraMovement/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,4CA8B7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/CameraMovement/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,wBAAgB,cAAc,sBA8B7B"}

package/lib/Player/modules/keyframes/InfoPanel/index.d.ts

@@ -1,2 +1,3 @@
-export declare function InfoPanel(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function InfoPanel(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/InfoPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/InfoPanel/index.tsx"],"names":[],"mappings":"AAiGA,wBAAgB,SAAS,4CA8ExB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/InfoPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiG9B,wBAAgB,SAAS,sBA8ExB"}

package/lib/Player/modules/keyframes/ModelVideo/index.d.ts

@@ -1,2 +1,3 @@
-export declare function ModelVideo(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function ModelVideo(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/ModelVideo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/ModelVideo/index.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,4CAqFzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/ModelVideo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,wBAAgB,UAAU,sBAqFzB"}

package/lib/Player/modules/keyframes/PanoEffect/index.d.ts

@@ -1,2 +1,3 @@
-export declare function PanoEffect(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function PanoEffect(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/PanoEffect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/PanoEffect/index.tsx"],"names":[],"mappings":"AASA,wBAAgB,UAAU,4CAyFzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/PanoEffect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,wBAAgB,UAAU,sBAyFzB"}

package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 /**
  * 空间文本标签。
  */
-export declare function PanoTextLabel(): import("react/jsx-runtime").JSX.Element;
+export declare function PanoTextLabel(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/PanoTextLabel/index.tsx"],"names":[],"mappings":"AA+CA;;GAEG;AACH,wBAAgB,aAAa,4CAyE5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/PanoTextLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+C9B;;GAEG;AACH,wBAAgB,aAAa,sBAyE5B"}

package/lib/Player/modules/keyframes/Prompter/index.d.ts

@@ -1,2 +1,3 @@
-export declare function Prompter(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function Prompter(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/Prompter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/Prompter/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,4CAmDvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/Prompter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,wBAAgB,QAAQ,sBAmDvB"}

package/lib/Player/modules/keyframes/UpdateVRPanorama/index.d.ts

@@ -1,2 +1,3 @@
-export declare function UpdateVRPanorama(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function UpdateVRPanorama(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/UpdateVRPanorama/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,4CAgG/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,wBAAgB,gBAAgB,sBAgG/B"}

package/lib/Player/modules/keyframes/VideoEffect/index.d.ts

@@ -1,2 +1,3 @@
-export declare function VideoEffect(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare function VideoEffect(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/Player/modules/keyframes/VideoEffect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/VideoEffect/index.tsx"],"names":[],"mappings":"AAWA,wBAAgB,WAAW,4CA4G1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../resources/Player/modules/keyframes/VideoEffect/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,wBAAgB,WAAW,sBA4G1B"}

package/lib/chunks/CSS3DRenderPlugin-CtnLUnu7.js

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

package/lib/chunks/CSS3DRenderPlugin-CtnLUnu7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSS3DRenderPlugin-CtnLUnu7.js","names":["THREE","evenNumber","roundNum","num","config","centerPoint","Vector3","point1","point2","transformPositionToVector3","x","y","z","createResizeObserver","observing","element","callback","observer","CSS3DRenderPlugin","state","createLayer","scene","Scene","renderer","CSS3DRenderer","setSize","fiveElement","resize","wrapper","running","frame","layer","render","five","create3DDomContainer","params","points","point","ratio","dpr","mode","autoRender","container","createObject","entry","rendered","disposed","css3DObject","mesh","dispose","planeWidth","planeHeight","domWidthPx","domHeightPx","CSS3DObject","centerPosition","vector01","vector12","rotateXAngle","rotateYAngle","rotateZAngle","rotateX","rotateY","rotateZ","material","geometry"],"sources":["../../resources/fivePlugins/CSS3DRenderPlugin/evenNumber.ts","../../resources/fivePlugins/CSS3DRenderPlugin/centerPoint.ts","../../resources/fivePlugins/CSS3DRenderPlugin/transformPositionToVector3.ts","../../resources/fivePlugins/CSS3DRenderPlugin/createResizeObserver.ts","../../resources/fivePlugins/CSS3DRenderPlugin/index.ts"],"sourcesContent":["export default function evenNumber(num: number, config?: { smaller?: boolean }): number {\n  const roundNum = Math.round(num)\n  return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.smaller ? -1 : 1)\n}\n","import { Vector3 } from 'three/webgpu'\n\nexport default function centerPoint(point1: Vector3, point2: Vector3): Vector3 {\n  return new Vector3((point1.x + point2.x) / 2, (point1.y + point2.y) / 2, (point1.z + point2.z) / 2)\n}\n","import { Vector3 } from 'three/webgpu'\n\nconst transformPositionToVector3 = ({ x, y, z }: { x: number; y: number; z: number }) => new Vector3(x, y, z)\n\nexport default transformPositionToVector3\n","export default function createResizeObserver(callback: () => void, element?: HTMLElement) {\n  let observing = false\n  if (!element || typeof ResizeObserver === 'undefined') {\n    return {\n      observe() {\n        if (observing) return\n        observing = true\n        window.addEventListener('resize', callback)\n      },\n      unobserve() {\n        if (!observing) return\n        observing = false\n        window.removeEventListener('resize', callback)\n      },\n      disconnect() {\n        if (!observing) return\n        observing = false\n        window.removeEventListener('resize', callback)\n      },\n    }\n  }\n\n  const observer = new ResizeObserver(callback)\n  return {\n    observe() {\n      if (observing) return\n      observing = true\n      observer.observe(element)\n    },\n    unobserve() {\n      if (!observing) return\n      observing = false\n      observer.unobserve(element)\n    },\n    disconnect() {\n      observing = false\n      observer.disconnect()\n    },\n  }\n}\n","import { FivePlugin } from '@realsee/five-webgpu'\nimport * as THREE from 'three/webgpu'\nimport { Scene, Vector3 } from 'three/webgpu'\nimport { CSS3DObject, CSS3DRenderer } from 'three/addons/renderers/CSS3DRenderer.js'\nimport evenNumber from './evenNumber'\nimport centerPoint from './centerPoint'\nimport transformPositionToVector3 from './transformPositionToVector3'\nimport createResizeObserver from './createResizeObserver'\n\nexport interface Vector3Position {\n  x: number\n  y: number\n  z: number\n}\n\nexport type CSS3DRenderPluginParameterType = undefined\nexport interface CSS3DRenderPluginExportType {\n  create3DDomContainer: (\n    points: Vector3[] | Vector3Position[],\n    config?: { ratio?: number; dpr?: number; autoRender?: boolean; container?: HTMLElement; [key: string]: any } & (\n      | { mode?: 'front' }\n      | { mode: 'behind'; behindFiveContainer: HTMLElement }\n    ),\n  ) => { container: HTMLElement; dispose: () => void; css3DObject: CSS3DObject; render?: () => void } | void\n  disposeAll: () => void\n}\n\ntype CreateContainer = CSS3DRenderPluginExportType['create3DDomContainer']\ntype CreateContainerConfig = NonNullable<Parameters<CreateContainer>[1]>\ninterface RenderLayer {\n  scene: Scene\n  renderer: CSS3DRenderer\n  entries: Set<object>\n  start: () => void\n  stop: () => void\n  dispose: () => void\n}\ninterface CSS3DRenderPluginState {\n  disposers: Set<() => void>\n  front?: RenderLayer\n  behind?: RenderLayer\n}\n\n/** Renders DOM overlays in a Five scene. One renderer is shared by each front/behind layer. */\nexport const CSS3DRenderPlugin: FivePlugin<CSS3DRenderPluginParameterType, CSS3DRenderPluginExportType> = (five) => {\n  const state: CSS3DRenderPluginState = { disposers: new Set() }\n\n  const createLayer = (wrapper: HTMLElement, fiveElement: HTMLElement): RenderLayer => {\n    const scene = new Scene()\n    const renderer = new CSS3DRenderer()\n    const setSize = () => renderer.setSize(\n      evenNumber(fiveElement.clientWidth, { smaller: true }),\n      evenNumber(fiveElement.clientHeight, { smaller: true }),\n    )\n    setSize()\n    const resize = createResizeObserver(setSize, fiveElement)\n    renderer.domElement.style.position = 'absolute'\n    renderer.domElement.style.top = '0'\n    renderer.domElement.style.userSelect = 'none'\n    renderer.domElement.style.pointerEvents = 'none'\n    wrapper.appendChild(renderer.domElement)\n\n    let running = false\n    let frame: number | undefined\n    const layer: RenderLayer = {\n      scene,\n      renderer,\n      entries: new Set(),\n      start() {\n        if (running) return\n        running = true\n        resize.observe()\n        const render = () => {\n          if (!running) return\n          renderer.render(scene, five.camera)\n          frame = requestAnimationFrame(render)\n        }\n        render()\n      },\n      stop() {\n        if (!running) return\n        running = false\n        if (frame !== undefined) cancelAnimationFrame(frame)\n        frame = undefined\n        resize.unobserve()\n      },\n      dispose() {\n        layer.stop()\n        resize.disconnect()\n        renderer.domElement.remove()\n      },\n    }\n    return layer\n  }\n\n  const create3DDomContainer = (...params: Parameters<CreateContainer>): ReturnType<CreateContainer> => {\n    const points = params[0].map(point => point instanceof Vector3 ? point : transformPositionToVector3(point))\n    const config = params[1]\n    if (points.length < 4) return console.error('points must be equal or greater than 4')\n    if (!five.model.loaded) return console.error('five.model.loaded is false')\n    const fiveElement = five.getElement()\n    if (!fiveElement) return console.error('five.getElement() is empty')\n\n    const ratio = config?.ratio ?? 0.00216\n    if (ratio <= 0.00215) console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215')\n    const dpr = config?.dpr ?? 1\n    const mode = config?.mode ?? 'front'\n    const autoRender = config?.autoRender ?? true\n    const container = config?.container ?? document.createElement('div')\n    container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin')\n    const { css3DObject, mesh } = createObject(points, { ratio, dpr, container, mode })\n\n    let layer = mode === 'behind' ? state.behind : state.front\n    if (!layer) {\n      const wrapper = mode === 'behind'\n        ? config?.behindFiveContainer ?? fiveElement.parentElement ?? document.body\n        : fiveElement.parentElement ?? document.body\n      layer = createLayer(wrapper, fiveElement)\n      if (mode === 'behind') state.behind = layer\n      else state.front = layer\n    }\n\n    const entry = {}\n    layer.entries.add(entry)\n    let rendered = false\n    let disposed = false\n    const render = () => {\n      if (disposed || rendered) return\n      rendered = true\n      layer!.scene.add(css3DObject)\n      if (mesh) five.scene.add(mesh)\n      layer!.start()\n    }\n    const dispose = () => {\n      if (disposed) return\n      disposed = true\n      state.disposers.delete(dispose)\n      layer!.entries.delete(entry)\n      if (rendered) {\n        layer!.scene.remove(css3DObject)\n        if (mesh) five.scene.remove(mesh)\n      }\n      mesh?.geometry.dispose()\n      mesh?.material.dispose()\n      if (layer!.scene.children.length === 0) layer!.stop()\n      if (layer!.entries.size === 0) {\n        layer!.dispose()\n        if (mode === 'behind' && state.behind === layer) state.behind = undefined\n        if (mode === 'front' && state.front === layer) state.front = undefined\n      }\n    }\n    state.disposers.add(dispose)\n    if (autoRender) render()\n    return { container, dispose, css3DObject, render: autoRender ? undefined : render }\n  }\n\n  const createObject = (\n    points: Vector3[],\n    config: Required<Pick<CreateContainerConfig, 'ratio' | 'dpr' | 'container'>> & Pick<CreateContainerConfig, 'mode'>,\n  ) => {\n    const { ratio, dpr, container: element, mode } = config\n    const planeWidth = points[0].distanceTo(points[1])\n    const planeHeight = points[1].distanceTo(points[2])\n    const domWidthPx = evenNumber((planeWidth / ratio) * dpr)\n    const domHeightPx = evenNumber((planeHeight / ratio) * dpr)\n    const css3DObject = new CSS3DObject(element)\n    css3DObject.scale.set(ratio, ratio, ratio)\n    element.style.width = domWidthPx + 'px'\n    element.style.height = domHeightPx + 'px'\n    element.style.pointerEvents = 'none'\n\n    const centerPosition = centerPoint(points[0], points[2])\n    const vector01 = points[1].clone().sub(points[0])\n    const vector12 = points[2].clone().sub(points[1])\n    const rotateXAngle = new Vector3(0, 1, 0).angleTo(new Vector3(0, vector12.y, vector12.z))\n    const rotateYAngle = new Vector3(1, 0, 0).angleTo(new Vector3(vector01.x, 0, vector01.z))\n    const rotateZAngle = vector01.angleTo(new Vector3(vector01.x, 0, vector01.z))\n    const rotateX = (vector12.z > 0 ? -1 : 1) * rotateXAngle\n    const rotateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle\n    const rotateZ = ((vector01.x > 0 && vector01.y < 0) || (vector01.x < 0 && vector01.y > 0) ? -1 : 1) * rotateZAngle\n    css3DObject.rotateOnWorldAxis(new Vector3(1, 0, 0), rotateX)\n    css3DObject.rotateOnWorldAxis(new Vector3(0, 1, 0), rotateY)\n    css3DObject.rotateOnWorldAxis(new Vector3(0, 0, 1), rotateZ)\n    css3DObject.position.set(centerPosition.x, centerPosition.y, centerPosition.z)\n\n    let mesh: THREE.Mesh<THREE.PlaneGeometry, THREE.MeshBasicNodeMaterial> | undefined\n    if (mode === 'behind') {\n      const material = new THREE.MeshBasicNodeMaterial({ opacity: 0, transparent: false, side: THREE.DoubleSide })\n      const geometry = new THREE.PlaneGeometry(domWidthPx, domHeightPx)\n      mesh = new THREE.Mesh(geometry, material)\n      mesh.name = 'CSS3DRenderPlugin-mesh'\n      mesh.position.copy(css3DObject.position)\n      mesh.rotation.copy(css3DObject.rotation)\n      mesh.scale.copy(css3DObject.scale)\n    }\n    return { css3DObject, mesh }\n  }\n\n  return {\n    create3DDomContainer,\n    disposeAll: () => [...state.disposers].forEach(dispose => dispose()),\n  }\n}\n\nexport default CSS3DRenderPlugin\n"],"mappings":"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"}

package/lib/chunks/CameraMovementPlugin-YCaScSFU.js

@@ -0,0 +1,77 @@
+import { Five as e } from "@realsee/five-webgpu";
+// resources/fivePlugins/CameraMovementPlugin/typings.ts
+var t = /* @__PURE__ */ function(e) {
+	return e.Move = "Move", e.Rotate = "Rotate", e;
+}({}), n = /* @__PURE__ */ function(e) {
+	return e.Clockwise = "Clockwise", e.Anticlockwise = "Anticlockwise", e.Loop = "Loop", e;
+}({}), r = Math.PI * 2, i = !1;
+function a(e, t, n) {
+	return e === t ? e : e + (t - e) * n;
+}
+function o(e, t, i, a) {
+	let o = i === n.Clockwise, s = (o ? e - t : t - e) % r, c = s < 0 ? s + r : s;
+	return (e + (o ? -c : c) * a) % r;
+}
+var s = (t) => ({
+	move: (n, r, a = { preload: !0 }) => new Promise(async (o, s) => {
+		if (i = !0, a.asyncStartCallback && a.asyncStartCallback(), t.panoIndex === void 0) return s(!1);
+		if (n.mode && n.mode !== t.currentMode) return await t.changeMode(n.mode, n, r), o(!0);
+		if (n.mode === e.Mode.Floorplan || (a.preload && n.panoIndex !== void 0 && n.panoIndex !== t.panoIndex && await t.preloadPano(n.panoIndex), a.asyncEndCallback?.(), n.panoIndex === void 0 && n.fov === void 0 && n.latitude === void 0 && n.longitude === void 0)) return o(!0);
+		let c = n.panoIndex === void 0 ? t.panoIndex : n.panoIndex;
+		if (c !== void 0) {
+			let e = performance.now();
+			await t.ready();
+			let i = Object.assign({}, n, {
+				duration: r - (performance.now() - e),
+				moveEndCallback: () => o(!0),
+				moveCancelCallback: () => {
+					o(!0);
+				},
+				effect: n.transEffect || "fly"
+			});
+			await t.moveToPano(c, i);
+		} else s(!1);
+	}),
+	rotate: async (r, s, c = {}) => {
+		i = !1, c.asyncStartCallback?.(), r.mode && t.currentMode !== r.mode && await t.changeMode(r.mode, r.mode === e.Mode.Panorama ? { latitude: 0 } : void 0), r.mode === e.Mode.Panorama && t.currentMode === e.Mode.Panorama && r.panoIndex !== void 0 && r.panoIndex !== t.panoIndex && (c.preload && await t.preloadPano(r.panoIndex), await new Promise((e, n) => {
+			t.moveToPano(r.panoIndex, {
+				moveEndCallback: () => e(!0),
+				moveCancelCallback: () => n(!1),
+				effect: "fade"
+			});
+		})), await t.ready(), c.asyncEndCallback?.();
+		let l = t.getCurrentState(), u = r, d = !1, f = performance.now(), p = s;
+		r.rotation === n.Loop && (p = r.rotateSpeed ? Math.ceil(Math.abs(u.longitude - l.longitude) / r.rotateSpeed * 1e3) : s, p = Math.min(s, p));
+		let m = () => {
+			if (d || i) {
+				t.off("renderFrame", m);
+				return;
+			}
+			let e = {};
+			if (r.rotation !== n.Loop) {
+				let t = (performance.now() - f) / s;
+				e = {
+					fov: a(l.fov, u.fov, t),
+					latitude: a(l.latitude, u.latitude, t),
+					longitude: o(l.longitude, u.longitude, r.rotation, t)
+				};
+			} else {
+				let t = (performance.now() - f) / p, n = Math.floor(t), r = t - n, i = n % 2 == 1 ? 1 - r : r;
+				e = {
+					fov: a(l.fov, u.fov, i),
+					latitude: a(l.latitude, u.latitude, i),
+					longitude: a(l.longitude, u.longitude, i)
+				};
+			}
+			t.setState(e, !0);
+		};
+		return t.on("renderFrame", m), await new Promise((e) => {
+			setTimeout(() => {
+				d = !0, t.off("renderFrame", m), e(!0);
+			}, s);
+		});
+	}
+});
+export { t as n, s as t };
+
+//# sourceMappingURL=CameraMovementPlugin-YCaScSFU.js.map

package/lib/chunks/CameraMovementPlugin-YCaScSFU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraMovementPlugin-YCaScSFU.js","names":["CameraMovementEffect","\"Move\"","\"Rotate\"","Rotation","\"Clockwise\"","\"Anticlockwise\"","\"Loop\"","PI_2","moving","progressNumber","from","to","pst","progressLongitude","clockwise","rotation","deltaMod","fromLongitude","toLongitude","deltaMod2","progress","CameraMovementPlugin","opts","five","reject","args","duration","resolve","Five","panoIndex","start","movePanoOptions","timeEnd","animeDuration","onFiveRenderFrame","targetState","times","progress2","resultProgress"],"sources":["../../resources/fivePlugins/CameraMovementPlugin/typings.ts","../../resources/fivePlugins/CameraMovementPlugin/index.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { Mode, MovePanoOptions, Pose } from '@realsee/five-webgpu'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CameraMovementPluginParameterType { }\n\nexport interface CameraMovementPluginExportType {\n  /**\n   * 运镜：移动\n   * @param moveArgs\n   * @param duration\n   * @param opts\n   */\n  move(moveArgs: Partial<MoveArgs>, duration: number, opts?: MoveOpts): Promise<boolean>\n  /**\n   * 运镜：旋转\n   * @param args\n   * @param duration\n   * @param opts\n   */\n  rotate(args: RotateArgs, duration: number, opts?: RotateOpts): Promise<boolean>\n}\n\nexport enum CameraMovementEffect {\n  Move = 'Move',\n  Rotate = 'Rotate',\n}\nexport enum Rotation {\n  Clockwise = 'Clockwise',\n  Anticlockwise = 'Anticlockwise',\n  Loop = 'Loop',\n}\n\nexport interface CameraMovementOptsCallback {\n  asyncStartCallback?: () => void\n  asyncEndCallback?: () => void\n}\n\nexport type MoveArgs = {\n  mode: Mode\n  panoIndex: number\n  transEffect?: \"fly\" | \"fade\" | \"instant\"\n} & Pose\n\nexport type MoveOpts = {\n  preload?: boolean\n} & CameraMovementOptsCallback\n\nexport type RotateArgs = {\n  mode?: Mode\n  panoIndex: number\n  loop: boolean\n  rotateSpeed: number\n  rotation: Rotation\n} & Pose\n\nexport type RotateOpts = {\n  preload?: boolean\n} & CameraMovementOptsCallback\n","import { Five, MovePanoOptions } from '@realsee/five-webgpu'\nimport type { FivePlugin } from '@realsee/five-webgpu'\n\nimport {\n  CameraMovementPluginParameterType,\n  CameraMovementPluginExportType,\n  MoveArgs,\n  MoveOpts,\n  RotateArgs,\n  RotateOpts,\n  Rotation,\n} from './typings'\n\nconst PI = Math.PI\nconst PI_2 = PI * 2\nlet moving = false // five 6 神秘bug， move 的时候不能 setState\n\nfunction progressNumber(from: number, to: number, pst: number) {\n  if (from === to) return from\n  return from + (to - from) * pst\n}\n\nfunction progressLongitude(fromLongitude: number, toLongitude: number, rotation: Rotation, progress: number): number {\n  const clockwise = rotation === Rotation.Clockwise\n  const delta = clockwise ? fromLongitude - toLongitude : toLongitude - fromLongitude\n  const deltaMod = delta % PI_2\n  const deltaMod2 = deltaMod < 0 ? deltaMod + PI_2 : deltaMod\n  const deltaMod3 = clockwise ? -deltaMod2 : deltaMod2\n  const progressLongitude = fromLongitude + deltaMod3 * progress\n  return progressLongitude % PI_2\n}\n\n/**\n * **运镜插件** 模拟类似于电影运镜效果。\n */\nexport const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType, CameraMovementPluginExportType> = (\n  five: Five,\n) => {\n\n  const move = (args: Partial<MoveArgs>, duration: number, opts: MoveOpts = { preload: true }) => {\n    return new Promise<boolean>(async (resolve, reject) => {\n      moving = true\n      if (opts.asyncStartCallback) {\n        opts.asyncStartCallback()\n      }\n\n      if (five.panoIndex === undefined) {\n        return reject(false)\n      }\n\n      if (args.mode && args.mode !== five.currentMode) {\n        await five.changeMode(args.mode, args, duration)\n        return resolve(true)\n      }\n\n      // 模型态不能 move\n      if (args.mode === Five.Mode.Floorplan) {\n        return resolve(true)\n      }\n\n      if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex) {\n        await five.preloadPano(args.panoIndex)\n      }\n\n      opts.asyncEndCallback?.()\n\n      if (\n        args.panoIndex === undefined &&\n        args.fov === undefined &&\n        args.latitude === undefined &&\n        args.longitude === undefined\n      ) {\n        return resolve(true)\n      }\n\n\n      const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex\n\n      if (panoIndex !== undefined) {\n        const start = performance.now()\n        await five.ready()\n        const movePanoOptions: MovePanoOptions = Object.assign({}, args, {\n          duration: duration - (performance.now() - start), // 移动耗时\n          moveEndCallback: () => resolve(true), // 移动结束\n          moveCancelCallback: () => {\n            resolve(true)\n          }, // 移动开始\n          effect: args.transEffect || 'fly',\n        })\n        await five.moveToPano(\n          panoIndex,\n          movePanoOptions,\n        )\n      } else {\n        reject(false)\n      }\n    })\n  }\n\n  const rotate = async (args: RotateArgs, duration: number, opts: RotateOpts = {}) => {\n    moving = false\n    opts.asyncStartCallback?.()\n\n    // 先切换模型再出旋转效果\n    if (args.mode && five.currentMode !== args.mode) {\n      await five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {latitude: 0} : undefined)\n    }\n\n    // 全景状态下，需要点位对齐\n    if (args.mode === Five.Mode.Panorama &&\n      five.currentMode === Five.Mode.Panorama &&\n      args.panoIndex !== undefined &&\n      args.panoIndex !== five.panoIndex) {\n      if (opts.preload) await five.preloadPano(args.panoIndex)\n      await new Promise((resolve, reject) => {\n        five.moveToPano(args.panoIndex, {\n          moveEndCallback: () => resolve(true), // 移动结束\n          moveCancelCallback: () => reject(false), // 移动开始\n          effect: 'fade',\n        })\n      })\n    }\n\n    await five.ready()\n\n    opts.asyncEndCallback?.()\n\n    // 计算to\n    const from = five.getCurrentState()\n    const to = (() => {\n      return args\n    })()\n\n    let timeEnd = false\n\n    // 开始时间\n    const start = performance.now()\n\n    let animeDuration = duration\n\n    if (args.rotation === Rotation.Loop) {\n      animeDuration = args.rotateSpeed\n        ? Math.ceil((Math.abs(to.longitude - from.longitude) / args.rotateSpeed) * 1000)\n        : duration\n      animeDuration = Math.min(duration, animeDuration)\n    }\n\n    const onFiveRenderFrame = () => {\n      if (timeEnd || moving) {\n        five.off('renderFrame', onFiveRenderFrame)\n        return\n      }\n      \n      let targetState = {}\n      \n      if (args.rotation !== Rotation.Loop) {\n        const progress = (performance.now() - start) / duration\n        targetState = {\n          fov: progressNumber(from.fov, to.fov, progress),\n          latitude: progressNumber(from.latitude, to.latitude, progress),\n          longitude: progressLongitude(from.longitude, to.longitude, args.rotation, progress)\n        }\n      } else {\n        const progress = (performance.now() - start) / animeDuration // 可能大于1\n        const times = Math.floor(progress)\n        const progress2 = progress - times // 一定小于1\n        const isNegative = times % 2 === 1 // 是否为反向旋转, 0: 正, 1: 反, 2: 正, 3: 反 以此类推\n        const resultProgress = isNegative ? 1 - progress2 : progress2\n        targetState = {\n          fov: progressNumber(from.fov, to.fov, resultProgress),\n          latitude: progressNumber(from.latitude, to.latitude, resultProgress),\n          longitude: progressNumber(from.longitude, to.longitude, resultProgress)\n        }\n      }\n\n      five.setState(targetState, true)\n    }\n    \n    five.on('renderFrame', onFiveRenderFrame)\n\n    return await new Promise<boolean>((resolve) => {\n      setTimeout(() => {\n        timeEnd = true\n        five.off('renderFrame', onFiveRenderFrame)\n        // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式\n        resolve(true)\n      }, duration)\n    })\n  }\n\n  return {\n    move,\n    rotate,\n  }\n}\n"],"mappings":"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"}