@realsee/dnalogel 3.64.23-alpha.3 → 3.64.23-ke-webgpu.1

package/libs/ModelViewPlugin/Plugin.js

@@ -1,44 +1,44 @@
 var _ = Object.defineProperty;
 var D = Object.getOwnPropertySymbols;
 var q = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var I = (e, o, r) => o in e ? _(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, C = (e, o) => {
-  for (var r in o || (o = {}))
-    q.call(o, r) && I(e, r, o[r]);
+var E = (e, r, i) => r in e ? _(e, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[r] = i, C = (e, r) => {
+  for (var i in r || (r = {}))
+    q.call(r, i) && E(e, i, r[i]);
   if (D)
-    for (var r of D(o))
-      X.call(o, r) && I(e, r, o[r]);
+    for (var i of D(r))
+      X.call(r, i) && E(e, i, r[i]);
   return e;
 };
-var S = (e, o, r) => new Promise((p, f) => {
+var I = (e, r, i) => new Promise((l, f) => {
   var g = (n) => {
     try {
-      x(r.next(n));
+      x(i.next(n));
     } catch (d) {
       f(d);
     }
-  }, i = (n) => {
+  }, o = (n) => {
     try {
-      x(r.throw(n));
+      x(i.throw(n));
     } catch (d) {
       f(d);
     }
-  }, x = (n) => n.done ? p(n.value) : Promise.resolve(n.value).then(g, i);
-  x((r = r.apply(e, o)).next());
+  }, x = (n) => n.done ? l(n.value) : Promise.resolve(n.value).then(g, o);
+  x((i = i.apply(e, r)).next());
 });
-import { Camera as Y, loadAt3d as J } from "@realsee/five";
+import { Camera as Y, loadAt3d as J } from "@realsee/five-webgpu";
 import { Subscribe as K } from "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
 import * as m from "three";
 import "../vendor/hammerjs/hammer.js";
 import "../shared-utils/three/PointSelector/index.js";
-import "../shared-utils/three/CSS3DRenderer/index.js";
+import { WebGPURenderer as Q } from "three/webgpu";
+import "three/tsl";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
-import { boundingBox as Q } from "../shared-utils/three/boundingBox.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
+import { boundingBox as Z } from "../shared-utils/three/boundingBox.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../shared-utils/five/FivePuppet.js";
 import "../shared-utils/positionToVector3.js";
 import "../shared-utils/five/vector3ToScreen.js";
@@ -63,6 +63,7 @@ import "../shared-utils/even.js";
 import "../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../shared-utils/isNil.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
@@ -87,21 +88,18 @@ import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../Sculpt/utils/three/rayOnLine.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-const me = (e, o) => {
+const ae = (e, r) => {
   var M, N;
-  const r = new K();
-  let p = (N = (M = o == null ? void 0 : o.initialState) == null ? void 0 : M.enabled) != null ? N : !0, f = !1, g = !0, i = null;
+  const i = new K();
+  let l = (N = (M = r == null ? void 0 : r.initialState) == null ? void 0 : M.enabled) != null ? N : !0, f = !1, g = !0, o = null;
   const n = C(C({}, {
     lookAtCurrentCamera: !1,
     lockedPanoIndex: null,
     lockedLatitude: null,
     lockedLongitude: null
-  }), o == null ? void 0 : o.config), d = new m.Scene(), c = new Y(60);
+  }), r == null ? void 0 : r.config), d = new m.Scene(), c = new Y(60);
   c.near = 1, c.updateTime(Date.now());
-  let u = new m.Object3D(), b, k;
+  let u = new m.Object3D(), k, b;
   {
     const t = new m.DirectionalLight(16777215, 0.5);
     t.position.copy(new m.Vector3(1, 1, 1)), d.add(t);
@@ -115,73 +113,74 @@ const me = (e, o) => {
     d.add(t);
   }
   d.add(u);
-  const y = () => S(void 0, null, function* () {
-    var h, E, B, R;
-    if (f || !((E = (h = e.work) == null ? void 0 : h.model) != null && E.file))
+  const y = () => I(void 0, null, function* () {
+    var h, S, z, B;
+    if (f || !((S = (h = e.work) == null ? void 0 : h.model) != null && S.file))
       return;
     d.remove(u), u = yield J(e.work.model.file, {
       textureOptions: { size: 128, quality: 70 },
-      textureArray: (B = e.work.model) == null ? void 0 : B.textures,
-      textureBaseUri: (R = e.work.model) == null ? void 0 : R.textureBase
+      // five 的 textures 是 readonly string[]，loadAt3d 要求可变数组，复制一份
+      textureArray: (z = e.work.model) != null && z.textures ? [...e.work.model.textures] : void 0,
+      textureBaseUri: (B = e.work.model) == null ? void 0 : B.textureBase
     }).then((H) => {
-      const z = H.scene;
-      return z.rotateX(-Math.PI / 2), z;
+      const R = H.scene;
+      return R.rotateX(-Math.PI / 2), R;
     });
-    const t = Q(u), a = new m.Box3();
+    const t = Z(u), a = new m.Box3();
     a.expandByPoint(new m.Vector3(t.min.x, t.min.z, -t.min.y)), a.expandByPoint(new m.Vector3(t.max.x, t.max.z, -t.max.y));
-    const s = Math.pow(
+    const p = Math.pow(
       Math.pow(a.max.x - a.min.x + 1, 2) + Math.pow(a.max.y - a.min.y + 1, 2) + Math.pow(a.max.z - a.min.z + 1, 2),
       1 / 2
     );
-    let l = s / 2 / Math.tan(Math.PI * c.fov / 360);
-    c.aspect < 1 && (l = b / c.aspect), b = isNaN(l) ? s : l, k = a.getCenter(new m.Vector3()), d.add(u), f = !0, r.emit("loaded"), w();
+    let s = p / 2 / Math.tan(Math.PI * c.fov / 360);
+    c.aspect < 1 && (s = k / c.aspect), k = isNaN(s) ? p : s, b = a.getCenter(new m.Vector3()), d.add(u), f = !0, i.emit("loaded"), w();
   });
-  p && y();
+  l && y();
   const A = () => {
     if (e.renderer)
-      return i || (i = new m.WebGLRenderer({ antialias: !1, alpha: !0 }), i.setPixelRatio(e.renderer.getPixelRatio()), i.outputEncoding = m.sRGBEncoding, i.setClearColor(1579548, 0), i.autoClear = !0), i;
+      return o || (o = new Q({ antialias: !1, alpha: !0 }), o.setPixelRatio(e.renderer.getPixelRatio()), o.outputColorSpace = m.SRGBColorSpace, o.setClearColor(1579548, 0), o.autoClear = !0, o.init()), o;
   }, V = () => {
-    d.remove(u), u = new m.Object3D(), d.add(u), f = !1, r.emit("willLoad"), w();
+    d.remove(u), u = new m.Object3D(), d.add(u), f = !1, i.emit("willLoad"), w();
   }, j = () => {
-    p && (f || y());
+    l && (f || y());
   }, F = () => {
     var t, a;
-    p || (p = !0, d.add(u), !f && ((a = (t = e.work) == null ? void 0 : t.model) != null && a.file) && y(), w());
+    l || (l = !0, d.add(u), !f && ((a = (t = e.work) == null ? void 0 : t.model) != null && a.file) && y(), w());
   }, O = () => {
-    p && (d.remove(u), g = !0, P(), p = !1);
+    l && (d.remove(u), g = !0, L(), l = !1);
   }, T = (t, a = {}) => {
-    const s = A();
-    if (!s)
+    const p = A();
+    if (!p)
       return;
-    t.appendChild(s.domElement), L(a);
-    const l = window.getComputedStyle(t).position;
-    l !== "relative" && l !== "absolute" && l !== "fixed" && l !== "sticky" && (t.style.position = "relative");
-  }, L = (t = {}) => {
-    if (!i)
+    t.appendChild(p.domElement), P(a);
+    const s = window.getComputedStyle(t).position;
+    s !== "relative" && s !== "absolute" && s !== "fixed" && s !== "sticky" && (t.style.position = "relative");
+  }, P = (t = {}) => {
+    if (!o)
       return;
-    const s = i.domElement.parentNode;
-    if (s != null && s.nodeName) {
-      const { width: l = s.offsetWidth, height: h = s.offsetHeight } = t;
-      i.setSize(l, h), c.aspect = l / h, c.updateProjectionMatrix();
+    const p = o.domElement.parentNode;
+    if (p != null && p.nodeName) {
+      const { width: s = p.offsetWidth, height: h = p.offsetHeight } = t;
+      o.setSize(s, h), c.aspect = s / h, c.updateProjectionMatrix();
     }
     w();
   }, w = () => {
-    if (!p || !b || !k)
+    if (!l || !k || !b)
       return;
     const t = e.getPose();
-    t.fov = c.fov, t.offset = k, t.distance = b, typeof n.lockedLatitude == "number" && (t.latitude = n.lockedLatitude), typeof n.lockedLongitude == "number" && (t.longitude = n.lockedLongitude), typeof n.lockedPanoIndex == "number" && (t.offset = e.work.observers[n.lockedPanoIndex].standingPosition.clone()), n.lookAtCurrentCamera && (t.offset = e.camera.position.clone().setY(e.camera.position.y + 1)), c.setFromPose(t), g = !0;
-  }, P = () => {
-    !p || g !== !0 || !i || !i.domElement.parentNode || i.domElement.parentNode.offsetWidth === 0 || (i.render(d, c), g = !1);
-  }, W = () => {
-    i && i.dispose(), i = null;
-  }, U = (t) => {
+    t.fov = c.fov, t.offset = b, t.distance = k, typeof n.lockedLatitude == "number" && (t.latitude = n.lockedLatitude), typeof n.lockedLongitude == "number" && (t.longitude = n.lockedLongitude), typeof n.lockedPanoIndex == "number" && (t.offset = e.work.observers[n.lockedPanoIndex].standingPosition.clone()), n.lookAtCurrentCamera && (t.offset = e.camera.position.clone().setY(e.camera.position.y + 1)), c.setFromPose(t), g = !0;
+  }, L = () => {
+    !l || g !== !0 || !o || !o.initialized || !o.domElement.parentNode || o.domElement.parentNode.offsetWidth === 0 || (o.render(d, c), g = !1);
+  }, U = () => {
+    o && o.dispose(), o = null;
+  }, W = (t) => {
     Object.assign(n, t), w();
   }, G = () => ({
-    enabled: p
+    enabled: l
   });
-  return e.on("loaded", j), e.on("willLoad", V), e.on("cameraDirectionUpdate", w), e.on("dispose", W), e.on("renderFrame", P), e.on("cameraPositionUpdate", w), { appendTo: T, refresh: L, changeConfigs: U, enable: F, disable: O, getCurrentState: G, hooks: r };
+  return e.on("loaded", j), e.on("willLoad", V), e.on("cameraDirectionUpdate", w), e.on("dispose", U), e.on("renderFrame", L), e.on("cameraPositionUpdate", w), { appendTo: T, refresh: P, changeConfigs: W, enable: F, disable: O, getCurrentState: G, hooks: i };
 };
 export {
-  me as ModelViewPlugin,
-  me as default
+  ae as ModelViewPlugin,
+  ae as default
 };

package/libs/ModelViewPlugin/index.js

@@ -1,5 +1,5 @@
 import { ModelViewPlugin as i } from "./Plugin.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
@@ -20,6 +20,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
@@ -28,35 +30,31 @@ import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/five/FivePuppet.js";
+import "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
-import "../shared-utils/five/fiveModelLoad.js";
+import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/createResizeObserver.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
 import "../Sculpt/typings/style.js";
 import "../shared-utils/three/IObject3D.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
-import "../shared-utils/five/FivePuppet.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";

package/libs/Object3DHelperPlugin/Controller.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import * as BasePlugin from '../base/BasePlugin';
 import type * as THREE from 'three';
 import { Object3DHelper } from '../shared-utils/Object3DHelper/index';

package/libs/Object3DHelperPlugin/Controller.js

@@ -64,6 +64,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
@@ -71,13 +73,13 @@ import "../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
 import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
@@ -101,9 +103,6 @@ import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../Sculpt/utils/three/rayOnLine.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
@@ -127,6 +126,9 @@ import "../shared-utils/math/rad2Deg.js";
 import "../shared-utils/math/deg2Rad.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/three/vectorIsEqual.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 const M = "Object3DHelperPlugin", O = M, Z = () => {
   console.error(`${O} is disposed`);
 }, ee = () => {
@@ -134,7 +136,7 @@ const M = "Object3DHelperPlugin", O = M, Z = () => {
 }, re = () => {
   console.error(`${O} is disabled`);
 };
-class Tr extends L {
+class Yr extends L {
   constructor(e) {
     super(e);
     c(this, "name", M);
@@ -340,6 +342,6 @@ class Tr extends L {
   }
 }
 export {
-  Tr as Object3DHelperController,
+  Yr as Object3DHelperController,
   O as PLUGIN
 };

package/libs/Object3DHelperPlugin/FiveControllerWrapper.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description: 将手势操作绑定到controller上
  */
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { BaseController } from '../shared-utils/Object3DHelper/Base/BaseController';
 import type * as THREE from 'three';
 import type { Subscribe } from '../shared-utils/Subscribe';

package/libs/Object3DHelperPlugin/index.d.ts

@@ -1,6 +1,6 @@
 export * from '../shared-utils/Object3DHelper/typings';
 export * from './Controller';
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 import { Object3DHelperController } from './Controller';
 export declare const Object3DHelperPlugin: FivePlugin<void, InstanceType<typeof Object3DHelperController>>;
 export default Object3DHelperPlugin;

package/libs/Object3DHelperPlugin/index.js

@@ -1,5 +1,5 @@
 import { Object3DHelperController as o } from "./Controller.js";
-import { PLUGIN as $r } from "./Controller.js";
+import { PLUGIN as oo } from "./Controller.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
@@ -21,6 +21,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
@@ -29,36 +31,32 @@ import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/five/FivePuppet.js";
+import "@realsee/five-webgpu";
+import "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
-import "../shared-utils/five/fiveModelLoad.js";
+import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/createResizeObserver.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
 import "../Sculpt/typings/style.js";
 import "../shared-utils/three/IObject3D.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
-import "../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -78,6 +76,10 @@ import "../shared-utils/Object3DHelper/utils/getPoseFromCamera.js";
 import "../shared-utils/clamp.js";
 import "../shared-utils/formatRad.js";
 import "../shared-utils/Object3DHelper/utils/getOrthographicCameraDirection.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
 import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
@@ -101,10 +103,10 @@ import "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
 import "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
 import "../shared-utils/Object3DHelper/Controller/ScaleController.js";
 import "../shared-utils/threex/domevents/index.js";
-const Yr = (r) => new o(r);
+const _r = (r) => new o(r);
 export {
   o as Object3DHelperController,
-  Yr as Object3DHelperPlugin,
-  $r as PLUGIN,
-  Yr as default
+  _r as Object3DHelperPlugin,
+  oo as PLUGIN,
+  _r as default
 };

package/libs/PanoCompassPlugin/Controller.d.ts

@@ -1,5 +1,5 @@
 import type { BaseOptions } from '../base/BasePlugin';
-import { Five } from '@realsee/five';
+import { Five } from '@realsee/five-webgpu';
 import * as BasePlugin from '../base/BasePluginWithData';
 import type { EventMap, PanoCompassPluginData, PanoCompassPluginParameterType, PluginData, PluginServerData, State } from './typings';
 export declare class PanoCompassController extends BasePlugin.Controller<State, EventMap, PluginServerData, PluginData> {

package/libs/PanoCompassPlugin/Controller.js

@@ -27,7 +27,7 @@ var d = (h, n, e) => new Promise((t, o) => {
   m((e = e.apply(h, n)).next());
 });
 import * as a from "three";
-import { Five as _ } from "@realsee/five";
+import { Five as _ } from "@realsee/five-webgpu";
 import { Controller as A } from "../base/BasePluginWithData.js";
 import { getRoomInfoInstance as U } from "./getRoomInfoInstance.js";
 import { loadTexture as M } from "../shared-utils/three/loadTexture.js";
@@ -53,6 +53,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
@@ -61,35 +63,31 @@ import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/five/FivePuppet.js";
+import "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
-import "../shared-utils/five/fiveModelLoad.js";
+import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/createResizeObserver.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
 import "../Sculpt/typings/style.js";
 import "../shared-utils/three/IObject3D.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
-import "../shared-utils/five/FivePuppet.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -99,9 +97,13 @@ import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/url/absoluteUrl.js";
 import "./Assets/roomInfoIcon.js";
 import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/animationFrame/index.js";
 const g = { userAction: !0 };
-class qe extends A {
+class Qe extends A {
   constructor(e, t) {
     super(e, t);
     /**
@@ -325,7 +327,7 @@ class qe extends A {
         return;
       const e = this.state.config.logoURL, t = yield M(e);
       t.minFilter = a.NearestFilter, t.magFilter = a.NearestFilter;
-      const o = new a.PlaneBufferGeometry(0.4, 0.4), s = new a.MeshBasicMaterial({
+      const o = new a.PlaneGeometry(0.4, 0.4), s = new a.MeshBasicMaterial({
         map: t,
         opacity: 0,
         transparent: !0,
@@ -356,5 +358,5 @@ class qe extends A {
   }
 }
 export {
-  qe as PanoCompassController
+  Qe as PanoCompassController
 };

package/libs/PanoCompassPlugin/index.d.ts

@@ -1,4 +1,4 @@
-import type { FivePlugin } from '@realsee/five';
+import type { FivePlugin } from '@realsee/five-webgpu';
 import { PanoCompassController } from './Controller';
 import type { PanoCompassPluginParameterType } from './typings';
 export type PanoCompassPluginExportType = PanoCompassController;

package/libs/PanoCompassPlugin/index.js

@@ -1,6 +1,6 @@
 import { PanoCompassController as t } from "./Controller.js";
 import "three";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -22,6 +22,8 @@ import "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/three/Assets/index.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../shared-utils/even.js";
@@ -30,35 +32,31 @@ import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/five/FivePuppet.js";
+import "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/three/PointSelector/utils/html.js";
 import "../shared-utils/CSS3DRender/index.js";
-import "../shared-utils/five/fiveModelLoad.js";
+import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../shared-utils/createResizeObserver.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
 import "../Sculpt/typings/style.js";
 import "../shared-utils/three/IObject3D.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
 import "../Sculpt/utils/unit.js";
 import "../Sculpt/utils/renderDom.js";
-import "../shared-utils/five/FivePuppet.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -71,10 +69,14 @@ import "./Assets/roomInfoIcon.js";
 import "../shared-utils/three/loadTexture.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
-const vo = (o, r) => new t(o, r);
+const zo = (o, r) => new t(o, r);
 export {
-  vo as PanoCompassPlugin,
-  vo as default
+  zo as PanoCompassPlugin,
+  zo as default
 };