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

package/libs/PanoTagPlugin/controller/index.js

@@ -41,15 +41,14 @@ import "../../shared-utils/tag.js";
 import { isModelLike as T } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import { waitFiveModelLoaded as G } from "../../shared-utils/five/fiveModelLoad.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.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 { nextFrame as N } from "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/five/FivePuppet.js";
 import { DebugUtil as V } from "../utils/DebugUtil.js";
@@ -61,13 +60,11 @@ import $ from "../Components/TagContainer.js";
 import { fiveEveryReadyListener as x } from "../../shared-utils/five/fiveEveryReadyListener.js";
 import { tweenProgress as W } from "../../shared-utils/animationFrame/BetterTween.js";
 import "./TagUtil.js";
-import "../typings/tag/TagConfig.js";
 import "../tag.config.js";
 import "../utils/normalPositionToPositions.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";
-import "@realsee/five";
 import "../utils/model/mediaPlane.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/loadTexture.js";
@@ -92,8 +89,7 @@ import "../../shared-utils/Utils/BaseUtil.js";
 import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
 import "../../shared-utils/url/absoluteUrl.js";
-import "../../shared-utils/typescript/entries.js";
-import "../utils/tag/adaptConfig.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/three/temp.js";
 import "../../shared-utils/throttle.js";
@@ -104,6 +100,7 @@ import "../../shared-utils/three/Assets/index.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../shared-utils/even.js";
 import "../../shared-utils/CSS3DRender/OpacityMesh.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";
@@ -128,12 +125,13 @@ 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 "@realsee/five-webgpu";
 import "../utils/addDebugPoints.js";
 import "./Tag/BaseTag.js";
 import "../utils/tag/calculateTagConfig.js";
+import "../../shared-utils/typescript/entries.js";
+import "../utils/tag/adaptConfig.js";
+import "../typings/tag/TagConfig.js";
 import "../../shared-utils/three/blink.js";
 import "../../shared-utils/vectorToCoordinate.js";
 import "../../shared-utils/formatRad.js";
@@ -146,7 +144,6 @@ import "../../shared-utils/five/getFloorIndex.js";
 import "../../shared-utils/promise/withResolvers.js";
 import "../../shared-utils/CSS3DRender/CSS3DObject.js";
 import "../../shared-utils/three/GLTFLoader.js";
-import "@realsee/five/gltf-loader";
 import "../utils/planeNormal.js";
 import "../Components/Tag/index.js";
 import "../Components/Tag/TextTag/index.js";
@@ -217,8 +214,8 @@ import "../Components/Tag/CustomTag.js";
 import "../../vendor/classnames/index.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
-const S = "Dnalogel-PanoTagPlugin", So = (d) => `${S}--${d}`;
-class Do extends R {
+const S = "Dnalogel-PanoTagPlugin", yo = (d) => `${S}--${d}`;
+class To extends R {
   constructor(e, i) {
     super(e);
     /** state */
@@ -635,7 +632,7 @@ class Do extends R {
   }
 }
 export {
-  Do as PanoTagPluginController,
-  Do as default,
-  So as pluginFlag
+  To as PanoTagPluginController,
+  To as default,
+  yo as pluginFlag
 };

package/libs/PanoTagPlugin/index.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import PanoTagPluginController from './controller';
 export * from './controller';
 export * from './typings';

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Hr } from "./controller/index.js";
-import { defaultGlobalConfig as Jr } from "./typings/tag/TagConfig.js";
-import { ContentType as Lr, DimensionType as Mr, PointType as Nr } from "./Archive/deprecated.js";
+import { pluginFlag as Ar } from "./controller/index.js";
+import { defaultGlobalConfig as Er } from "./typings/tag/TagConfig.js";
+import { ContentType as Ir, DimensionType as Jr, PointType as Kr } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -18,7 +18,6 @@ import "./utils/normalPositionToPositions.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
-import "@realsee/five";
 import "./utils/model/mediaPlane.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/loadTexture.js";
@@ -30,16 +29,21 @@ import "../shared-utils/three/getPositionsByObjectFit.js";
 import "../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../shared-utils/three/getNormal.js";
 import "../shared-utils/constants.js";
+import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/five/calculateThreeMouse.js";
+import "../shared-utils/five/getFiveModel.js";
+import "../shared-utils/three/core/Raycaster.js";
+import "./utils/Cache.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
 import "../shared-utils/five/vector3ToScreen.js";
-import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/Utils/FiveUtil.js";
 import "../shared-utils/Utils/BaseUtil.js";
-import "../shared-utils/Subscribe.js";
 import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
-import "../shared-utils/three/core/Raycaster.js";
 import "../shared-utils/five/fiveEveryReadyListener.js";
 import "../shared-utils/throttle.js";
 import "../vendor/hammerjs/hammer.js";
@@ -47,56 +51,48 @@ 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";
 import "../shared-utils/CSS3DRender/OpacityMesh.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 "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 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 "../shared-utils/five/mode.js";
-import "../shared-utils/five/FiveDomEvents.js";
-import "../shared-utils/five/calculateThreeMouse.js";
-import "./utils/Cache.js";
-import "../base/BasePlugin.js";
 import "../shared-utils/url/absoluteUrl.js";
-import "../shared-utils/typescript/entries.js";
-import "./utils/tag/adaptConfig.js";
+import "../shared-utils/five/mode.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/DebugUtil.js";
 import "../shared-utils/safeObj.js";
@@ -104,6 +100,8 @@ import "./utils/addDebugPoints.js";
 import "./controller/Tag/PointTag.js";
 import "./controller/Tag/BaseTag.js";
 import "./utils/tag/calculateTagConfig.js";
+import "../shared-utils/typescript/entries.js";
+import "./utils/tag/adaptConfig.js";
 import "../shared-utils/three/blink.js";
 import "../shared-utils/vectorToCoordinate.js";
 import "../shared-utils/formatRad.js";
@@ -117,7 +115,6 @@ import "../shared-utils/promise/withResolvers.js";
 import "./controller/Tag/ModelTag.js";
 import "../shared-utils/CSS3DRender/CSS3DObject.js";
 import "../shared-utils/three/GLTFLoader.js";
-import "@realsee/five/gltf-loader";
 import "./utils/planeNormal.js";
 import "./Components/Tag/index.js";
 import "./Components/Tag/TextTag/index.js";
@@ -191,14 +188,14 @@ import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Common/TagPoint.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Ar = (o, t) => new r(o, t);
+const qr = (o, t) => new r(o, t);
 export {
-  Lr as ContentType,
-  Mr as DimensionType,
-  Ar as PanoTagPlugin,
+  Ir as ContentType,
+  Jr as DimensionType,
+  qr as PanoTagPlugin,
   r as PanoTagPluginController,
-  Nr as PointType,
-  Ar as default,
-  Jr as defaultGlobalConfig,
-  Hr as pluginFlag
+  Kr as PointType,
+  qr as default,
+  Er as defaultGlobalConfig,
+  Ar as pluginFlag
 };

package/libs/PanoTagPlugin/typings/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import type { State as FiveState } from '@realsee/five';
+import type { State as FiveState } from '@realsee/five-webgpu';
 import type { TagConfig } from './TagConfig';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { Position, TagId, StickType, TagStyle, ElementRenderer, TagConfigByKey, ContentTypeConfigKey } from './Utils';

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -1,5 +1,5 @@
 import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/Controller';
-import type { Five, Mode } from '@realsee/five';
+import type { Five, Mode } from '@realsee/five-webgpu';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { MinMax } from './Utils';
 import type { PartialObjectDeep } from '../../../typings/typings';

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -1,9 +1,9 @@
-import type { GLTFObject } from '@realsee/five/gltf-loader';
+import type { Object3D } from 'three';
 import type { Group } from 'three';
 import type { TagContentType } from './TagData';
 import type { ImagePlane } from '../../utils/model/mediaPlane';
 import type { TagInstance, TagConfig } from '../..';
-import type { Mode } from '@realsee/five';
+import type { Mode } from '@realsee/five-webgpu';
 import type { LiteralUnion } from 'type-fest';
 export type TagId = string | number;
 export type ArrayPosition = number[];
@@ -45,7 +45,15 @@ export interface TagStyle {
         size?: 'S' | 'M' | 'L' | 'XL' | number;
     } & TagIconUrl;
 }
-export type TagGLTFObject = GLTFObject & {
+/**
+ * 原为 `GLTFObject & {...}`。five-webgpu 移除了 `gltf-loader` 入口及其 `GLTFObject` 类
+ * （那是 `THREE.Group` 的子类，额外带 `needsRender` 与 `mixer`）。
+ *
+ * 改为基于 `Object3D`，因为 `loadGltf` 返回的 `LoadResultType.scene` 实际就是 `THREE.Object3D`，
+ * 而 `ModelTag` 是用 `Object.assign(gltf.scene, {...})` 构造本类型的。
+ * 已确认 dnalogel 未使用过 `GLTFObject` 的 `mixer` 与 `needsRender`，故不需要补这两个成员。
+ */
+export type TagGLTFObject = Object3D & {
     customID: number | string;
     isTagModel: boolean;
     removeEventListener: () => void;

package/libs/PanoTagPlugin/utils/Cache.d.ts

@@ -1,4 +1,4 @@
-import type { State as FiveState } from '@realsee/five';
+import type { State as FiveState } from '@realsee/five-webgpu';
 import type { TagInstance } from '../typings';
 export declare class Cache {
     /**

package/libs/PanoTagPlugin/utils/addDebugPoints.d.ts

@@ -1,3 +1,3 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { Tag } from '../typings';
 export declare function addDebugPoints(five: Five, tags: Tag[]): void;

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -1,17 +1,12 @@
 import * as THREE from 'three';
 import { Vector3 } from 'three';
+import { type MetadataVideoTexture } from '../../../shared-utils/three/loadVideoTexture';
 import type { FiveDomEvents } from '../../../shared-utils/five/FiveDomEvents';
 import type { ObjectFit } from '../../typings';
-import type { Overwrite } from '../../../typings/utils.type';
 type Src = string;
-type VideoTexture = Overwrite<THREE.VideoTexture, {
-    image: HTMLVideoElement;
-    metadataLoaded: boolean;
-}>;
-type ImageTexture = Overwrite<THREE.Texture, {
-    image: HTMLImageElement;
-}>;
-declare abstract class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
+type VideoTexture = MetadataVideoTexture;
+type ImageTexture = THREE.Texture<HTMLImageElement>;
+declare abstract class MediaPlane extends THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicMaterial> {
     name: string;
     src?: string;
     removeFromParent(): this;

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -22,10 +22,10 @@ import { Vector3 as w } from "three";
 import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
 import { loadPicture as x } from "../../../shared-utils/three/loadTexture.js";
 import { QuadrangleGeometry as B, QuadrangleMesh as T } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as _, Image_Play_Icon as P } from "../../Assets/Icon.js";
+import { asCustomEventTarget as V, VIDEO_LOADED as _, getVideoTexture as L } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as R, Image_Play_Icon as P } from "../../Assets/Icon.js";
 import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as L } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
+import { FragmentTransparencyMaterial as j } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import { getNormal as E } from "../../../shared-utils/three/getNormal.js";
 import { CONST as F } from "../../../shared-utils/constants.js";
 import "../../../shared-utils/math/pointsIsRectangle.js";
@@ -51,7 +51,7 @@ class C extends I.Mesh {
     });
   }
 }
-class z extends C {
+class J extends C {
   constructor(e, i, t) {
     var o;
     super();
@@ -76,7 +76,7 @@ class z extends C {
     });
   }
 }
-class D extends C {
+class K extends C {
   // eslint-disable-next-line max-params
   constructor(e, i, t) {
     const {
@@ -104,7 +104,7 @@ class D extends C {
     r(this, "buttonMesh");
     r(this, "videoTextureMap");
     r(this, "ImageTextureMap");
-    this.cornerPoints = i, this.src = e, this.buttonSrc = (() => o === "withText" ? _ : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = n, this.objectFit = a, this.videoTextureMap = u, this.ImageTextureMap = M, this.domEvents = d, this.position.copy(b(...i)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+    this.cornerPoints = i, this.src = e, this.buttonSrc = (() => o === "withText" ? R : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = n, this.objectFit = a, this.videoTextureMap = u, this.ImageTextureMap = M, this.domEvents = d, this.position.copy(b(...i)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
       s ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
@@ -167,8 +167,8 @@ class D extends C {
         if (!this.src)
           return;
         const t = this.getVideoTexture(this.src), n = new I.MeshBasicMaterial({ transparent: !1, map: t }), a = yield new Promise((s) => {
-          t.metadataLoaded ? s(g(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight)) : t.addEventListener(
-            "videoLoaded",
+          t.metadataLoaded ? s(g(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight)) : V(t).addEventListener(
+            _,
             () => s(g(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight))
           );
         }), o = new T(a, n);
@@ -200,7 +200,7 @@ class D extends C {
         var m, f, p, y;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, t = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, { texture: s, transparent: u } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, s.image.width / s.image.height), d = new T(M, new L(s));
+        const i = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, t = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, { texture: s, transparent: u } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, s.image.width / s.image.height), d = new T(M, new j(s));
         d.position.copy(new w(0, 0, 0)), d.name = "buttonMesh", d.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(
           d,
           "click",
@@ -228,11 +228,11 @@ class D extends C {
     var t, n;
     if ((t = this.videoTextureMap) != null && t.has(e))
       return this.videoTextureMap.get(e);
-    const i = V(e);
+    const i = L(e);
     return (n = this.videoTextureMap) == null || n.set(e, i), i;
   }
 }
 export {
-  z as ImagePlane,
-  D as VideoPlane
+  J as ImagePlane,
+  K as VideoPlane
 };

package/libs/PanoTagPlugin/utils/tag/calculateTagConfig.js

@@ -14,20 +14,20 @@ import { objectAssignDeepExports as l } from "../../../vendor/object-assign-deep
 import { entries as I } from "../../../shared-utils/typescript/entries.js";
 import P from "./adaptConfig.js";
 import { defaultGlobalConfig as N } from "../../typings/tag/TagConfig.js";
-import { Five as Q } from "@realsee/five";
+import { Five as Q } from "@realsee/five-webgpu";
 import "../../../shared-utils/tag.js";
 import { isPanoramaLike as R, isModelLike as S } from "../../../shared-utils/five/mode.js";
 import "three";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
-import "../../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.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/five/FivePuppet.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
@@ -52,6 +52,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";
@@ -76,10 +77,7 @@ 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";
-function ui(o, i, t) {
+function si(o, i, t) {
   var v, b, j, C, A;
   const D = (v = t == null ? void 0 : t.useCache) != null ? v : !0;
   if (!o)
@@ -125,5 +123,5 @@ function ui(o, i, t) {
   return P(T), Object.values(f).forEach((e) => P(e)), T._isMerged = !0, T;
 }
 export {
-  ui as calculateTagConfig
+  si as calculateTagConfig
 };

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings';
 import { VideoMeshController } from './VideoMeshController';
 import * as BasePlugin from '../base/BasePlugin';

package/libs/PanoVideoPlugin/Controller.js

@@ -14,6 +14,8 @@ var s = (e, i, r) => (l(e, typeof i != "symbol" ? i + "" : i, r), r);
 import { VideoMeshController as m } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
+import "three/webgpu";
+import "three/tsl";
 import "../shared-utils/tag.js";
 import "../shared-utils/positionToVector3.js";
 import "three";
@@ -42,36 +44,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";
@@ -81,7 +79,7 @@ import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/absoluteUrl.js";
-class Lr extends _ {
+class Rr extends _ {
   constructor(r) {
     super(r);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
@@ -226,5 +224,5 @@ class Lr extends _ {
   }
 }
 export {
-  Lr as PanoVideoPluginController
+  Rr as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type { VideoMeshParams } from './typings';
 import type { Subscribe } from '../shared-utils/Subscribe';
 import type { PluginEventMap } from './typings';