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

package/libs/Sculpt/Meshes/Prism.d.ts

@@ -6,6 +6,7 @@ import type { LineStyle } from '../typings/style';
 import type { ColoredMeshStyle } from '../utils/three/ColoredMesh';
 import ColoredMesh from '../utils/three/ColoredMesh';
 import { PrismGeometry } from '../../shared-utils/three/core/PrismGeometry';
+import { LineMesh } from './Line';
 export type PrismStyle = ColoredMeshStyle & LineStyle;
 export interface PrismData extends AreaData {
     heightPoint: AnyPosition;
@@ -48,10 +49,14 @@ export declare class PrismMesh extends IObject3D {
     prismMesh: ColoredMesh & {
         geometry: PrismGeometry;
     };
-    private edgeMesh;
+    edgeMesh: LineMesh;
     paramStyle: Partial<PrismStyle>;
     constructor(params?: Partial<PrismData & PrismStyle>);
     setStyle(params?: Partial<PrismStyle>): void;
+    /**
+     * Check if the prism is a box (has 4 bottom positions)
+     */
+    isBox(): boolean;
     setPoints(params: Partial<PrismData>): void;
     highlight(): void;
     unhighlight(): void;

package/libs/Sculpt/Meshes/Prism.js

@@ -1,15 +1,15 @@
 var b = Object.defineProperty;
 var d = Object.getOwnPropertySymbols;
 var C = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var c = (o, t, e) => t in o ? b(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, a = (o, t) => {
-  for (var e in t || (t = {}))
-    C.call(t, e) && c(o, e, t[e]);
+var c = (o, e, t) => e in o ? b(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
+  for (var t in e || (e = {}))
+    C.call(e, t) && c(o, t, e[t]);
   if (d)
-    for (var e of d(t))
-      w.call(t, e) && c(o, e, t[e]);
+    for (var t of d(e))
+      w.call(e, t) && c(o, t, e[t]);
   return o;
 };
-var s = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
+var s = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
 import { anyPositionToVector3 as f } from "../../shared-utils/positionToVector3.js";
 import * as i from "three";
@@ -18,9 +18,9 @@ import { ColoredMesh as A } from "../utils/three/ColoredMesh.js";
 import { PrismGeometry as S } from "../../shared-utils/three/core/PrismGeometry.js";
 import { triangleArea as E, triangleCenter as W } from "../../shared-utils/three/geometryUtil.js";
 import { LineMesh as v } from "./Line.js";
-import { LineGeometry as N } from "../../shared-utils/three/core/LineGeometry.js";
+import { LineGeometry as x } from "../../shared-utils/three/core/LineGeometry.js";
 class H extends V {
-  constructor(e) {
+  constructor(t) {
     super();
     s(this, "name", "PrismMesh");
     s(this, "_geometryInfoCache");
@@ -28,17 +28,17 @@ class H extends V {
     s(this, "prismMesh", new A());
     s(this, "edgeMesh", new v());
     s(this, "paramStyle");
-    this.prismMesh.name = "PrismMesh", this.prismMesh.geometry = new S(), this.edgeMesh.name = "EdgeMesh", this.addIfNotExists(this.prismMesh, this.edgeMesh), e && this.setPoints(e), this.setStyle(e);
+    this.prismMesh.name = "PrismMesh", this.prismMesh.geometry = new S(), this.edgeMesh.name = "EdgeMesh", this.addIfNotExists(this.prismMesh, this.edgeMesh), t && this.setPoints(t), this.setStyle(t);
   }
   get topPosition() {
     return new i.Vector3().fromArray(this.prismMesh.geometry.topPosition);
   }
   get bottomPositions() {
-    return this.prismMesh.geometry.bottomPositions.map((e) => new i.Vector3().fromArray(e));
+    return this.prismMesh.geometry.bottomPositions.map((t) => new i.Vector3().fromArray(t));
   }
   get topPositions() {
-    const e = this.bottomPositions[0].clone().sub(this.topPosition);
-    return this.bottomPositions.map((r) => r.clone().sub(e));
+    const t = this.bottomPositions[0].clone().sub(this.topPosition);
+    return this.bottomPositions.map((r) => r.clone().sub(t));
   }
   get style() {
     return {
@@ -66,23 +66,23 @@ class H extends V {
     return this.localCenter.clone();
   }
   get localCenter() {
-    var e;
-    return (e = this.geometryInfo.center.clone()) != null ? e : new i.Vector3(9999, 9999, 9999);
+    var t;
+    return (t = this.geometryInfo.center.clone()) != null ? t : new i.Vector3(9999, 9999, 9999);
   }
   get geometryInfo() {
     if (this.geometryInfoNeedUpdate) {
       this.geometryInfoNeedUpdate = !1;
-      const e = this.prismMesh.geometry.bottomPositions, r = this.prismMesh.geometry.topPosition;
-      if (!e || e.length < 3 || !r) {
+      const t = this.prismMesh.geometry.bottomPositions, r = this.prismMesh.geometry.topPosition;
+      if (!t || t.length < 3 || !r) {
         this._geometryInfoCache = void 0;
         return;
       }
-      const n = e.map((l, h) => {
-        if (!(h >= e.length - 2))
+      const n = t.map((l, h) => {
+        if (!(h >= t.length - 2))
           return [
-            new i.Vector3().fromArray(e[0]),
-            new i.Vector3().fromArray(e[h + 1]),
-            new i.Vector3().fromArray(e[h + 2])
+            new i.Vector3().fromArray(t[0]),
+            new i.Vector3().fromArray(t[h + 1]),
+            new i.Vector3().fromArray(t[h + 2])
           ];
       }).filter(Boolean);
       if (n.length === 0) {
@@ -95,7 +95,7 @@ class H extends V {
         g += y, m.add(P);
       }
       m = m.divideScalar(g);
-      const u = new i.Vector3().fromArray(r).sub(new i.Vector3().fromArray(e[0])), M = m.clone().add(u.divideScalar(2));
+      const u = new i.Vector3().fromArray(r).sub(new i.Vector3().fromArray(t[0])), M = m.clone().add(u.divideScalar(2));
       this._geometryInfoCache = { center: M };
     }
     return this._geometryInfoCache;
@@ -112,15 +112,22 @@ class H extends V {
   get lineColor() {
     return this.edgeMesh.color;
   }
-  setStyle(e = {}) {
-    this.paramStyle = a(a({}, this.paramStyle), e), this.prismMesh.setStyle(this.paramStyle), this.edgeMesh.setStyle(this.paramStyle);
+  setStyle(t = {}) {
+    this.paramStyle = a(a({}, this.paramStyle), t), this.prismMesh.setStyle(this.paramStyle), this.edgeMesh.setStyle(this.paramStyle);
   }
-  setPoints(e) {
+  /**
+   * Check if the prism is a box (has 4 bottom positions)
+   */
+  isBox() {
+    const t = this.prismMesh.geometry.bottomPositions;
+    return t && t.length === 4;
+  }
+  setPoints(t) {
     var r;
     this.prismMesh.geometry.setPosition({
-      bottomPositions: (r = e.points) == null ? void 0 : r.map(f).map((n) => n.toArray()),
-      topPosition: e.heightPoint ? f(e.heightPoint).toArray() : void 0
-    }), this.edgeMesh.geometry = new N().fromEdgesGeometry(new i.EdgesGeometry(this.prismMesh.geometry)), this.geometryInfoNeedUpdate = !0;
+      bottomPositions: (r = t.points) == null ? void 0 : r.map(f).map((n) => n.toArray()),
+      topPosition: t.heightPoint ? f(t.heightPoint).toArray() : void 0
+    }), this.edgeMesh.geometry = new x().fromEdgesGeometry(new i.EdgesGeometry(this.prismMesh.geometry)), this.geometryInfoNeedUpdate = !0;
   }
   highlight() {
     this.prismMesh.highlight();
@@ -128,8 +135,8 @@ class H extends V {
   unhighlight() {
     this.prismMesh.unhighlight();
   }
-  raycast(e, r) {
-    return this.children.forEach((n) => I(n, e, r, !0)), !1;
+  raycast(t, r) {
+    return this.children.forEach((n) => I(n, t, r, !0)), !1;
   }
 }
 export {

package/libs/Sculpt/Meshes/Rectangle.js

@@ -6,15 +6,15 @@ import "../../shared-utils/tag.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 "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as h } from "../../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/five/FivePuppet.js";
 import { PolygonMesh as g } from "./Polygon.js";
 import { RectangleGeometry as d } from "../utils/three/RectangleGeometry.js";

package/libs/Sculpt/Objects/Base/index.js

@@ -19,15 +19,15 @@ import "../../../shared-utils/tag.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 "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as y } from "../../../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/five/FivePuppet.js";
 const p = /* @__PURE__ */ new Map();
 class M extends S {

package/libs/Sculpt/Objects/Line/Editor.js

@@ -9,15 +9,15 @@ import "../../../shared-utils/tag.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 "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as h } from "../../../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/five/FivePuppet.js";
 class l extends d {
   constructor(t) {

package/libs/Sculpt/Objects/Rectangle/index.js

@@ -2,51 +2,51 @@ var q = Object.defineProperty, G = Object.defineProperties;
 var J = Object.getOwnPropertyDescriptors;
 var W = Object.getOwnPropertySymbols;
 var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
-var T = (s, e, n) => e in s ? q(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n, p = (s, e) => {
+var _ = (s, e, n) => e in s ? q(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n, p = (s, e) => {
   for (var n in e || (e = {}))
-    K.call(e, n) && T(s, n, e[n]);
+    K.call(e, n) && _(s, n, e[n]);
   if (W)
     for (var n of W(e))
-      Q.call(e, n) && T(s, n, e[n]);
+      Q.call(e, n) && _(s, n, e[n]);
   return s;
 }, P = (s, e) => G(s, J(e));
-var N = (s, e, n) => (T(s, typeof e != "symbol" ? e + "" : e, n), n);
-var D = (s, e, n) => new Promise((a, f) => {
-  var u = (c) => {
+var N = (s, e, n) => (_(s, typeof e != "symbol" ? e + "" : e, n), n);
+var D = (s, e, n) => new Promise((i, f) => {
+  var w = (c) => {
     try {
-      i(n.next(c));
+      a(n.next(c));
     } catch (m) {
       f(m);
     }
   }, l = (c) => {
     try {
-      i(n.throw(c));
+      a(n.throw(c));
     } catch (m) {
       f(m);
     }
-  }, i = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(u, l);
-  i((n = n.apply(s, e)).next());
+  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(w, l);
+  a((n = n.apply(s, e)).next());
 });
 import { BaseObject as X } from "../Base/index.js";
 import * as r from "three";
 import { PolylineWithDotsMesh as L } from "../../Meshes/Polyline.js";
 import { RectangleMeshEditor as Y } from "../../Editors/RectangleMeshEditor.js";
 import { RectangleMesh as Z } from "../../Meshes/Rectangle.js";
-import { RectangleWithEdgeMesh as B } from "../../Meshes/RectangleWithEdge.js";
-import { sortPositionsByCameraPosition as H } from "../../utils/sortPositionsByCameraPosition.js";
-import { Sculpt as I } from "../../index.js";
+import { RectangleWithEdgeMesh as I } from "../../Meshes/RectangleWithEdge.js";
+import { sortPositionsByCameraPosition as B } from "../../utils/sortPositionsByCameraPosition.js";
+import { Sculpt as H } from "../../index.js";
 import { vector3ToArray as $ } from "../../../shared-utils/three/vector3ToArray.js";
 import { anyPositionToVector3 as j } from "../../../shared-utils/positionToVector3.js";
 import { withResolvers as U } from "../../../shared-utils/promise/withResolvers.js";
 import { PolygonMesh as S } from "../../Meshes/Polygon.js";
 import { getNormal as ee } from "../../../shared-utils/three/getNormal.js";
 class ge extends X {
-  constructor(n, a) {
-    super(n, a);
+  constructor(n, i) {
+    super(n, i);
     N(this, "type", "Rectangle");
     N(this, "rectangleMesh");
     N(this, "_editor");
-    n && (this.rectangleMesh = new B(p(p({}, n.style), n)), this.add(this.rectangleMesh));
+    n && (this.rectangleMesh = new I(p(p({}, n.style), n)), this.add(this.rectangleMesh));
   }
   get editor() {
     return this._editor || (this._editor = new Y(this.rectangleMesh)), this._editor;
@@ -76,8 +76,8 @@ class ge extends X {
   create(n) {
     return D(this, null, function* () {
       this.removeChildren();
-      const a = new B(n);
-      this.rectangleMesh = a, this.add(this.rectangleMesh), yield te(this.rectangleMesh, this.pointSelector, n), this.config.defaultAction && this.editor.enable();
+      const i = new I(n);
+      this.rectangleMesh = i, this.add(this.rectangleMesh), yield te(this.rectangleMesh, this.pointSelector, n), this.config.defaultAction && this.editor.enable();
     });
   }
 }
@@ -87,91 +87,91 @@ function te(s, e, n) {
 }
 function ne(s, e) {
   const n = [];
-  return s.scene.traverse((a) => {
+  return s.scene.traverse((i) => {
     var f;
-    if (a.visible && !((f = e == null ? void 0 : e.excludes) != null && f.includes(a)) && (a instanceof Z || a instanceof S)) {
-      const u = a.points.map((l) => {
-        const i = new r.Face3(l.x, l.y, l.z, a.normal);
-        return a.style.occlusionVisibility && (i.IsAlwaysVisible = !0), i;
+    if (i.visible && !((f = e == null ? void 0 : e.excludes) != null && f.includes(i)) && (i instanceof Z || i instanceof S)) {
+      const w = i.points.map((l) => {
+        const a = { a: l.x, b: l.y, c: l.z, normal: i.normal, materialIndex: 0 };
+        return i.style.occlusionVisibility && (a.IsAlwaysVisible = !0), a;
       });
-      n.push(...u);
+      n.push(...w);
     }
   }), n;
 }
 function se(s, e, n) {
   var C;
-  const { promise: a, reject: f, resolve: u } = U(), l = s.parent;
+  const { promise: i, reject: f, resolve: w } = U(), l = s.parent;
   if (!l)
     return f(new Error("No container"));
-  const i = (C = n == null ? void 0 : n.limit) != null ? C : "none", c = new L(P(p({}, s.style), { dashed: !0 })), m = new L(P(p({}, s.style), { dashed: !0, lengthEnable: !1 })), g = new L(P(p({}, s.style), { dashed: !1, lengthEnable: !1 }));
+  const a = (C = n == null ? void 0 : n.limit) != null ? C : "none", c = new L(P(p({}, s.style), { dashed: !0 })), m = new L(P(p({}, s.style), { dashed: !0, lengthEnable: !1 })), g = new L(P(p({}, s.style), { dashed: !1, lengthEnable: !1 }));
   l.add(c, g, m), e.enable();
   const t = [];
-  let d = new r.Vector3(), M = new r.Vector3();
-  const h = new r.Plane(), b = () => {
-    t.push(d.clone()), t.length === 1 ? (i === "xoz" && h.setFromNormalAndCoplanarPoint(new r.Vector3(0, 1, 0), t[0]), i === "none" && h.setFromNormalAndCoplanarPoint(M, t[0])) : t.length === 2 ? i === "y" || i === "xoz" ? (v(), u()) : g.setPoints([t[0], t[1]]) : t.length === 3 && (v(), u());
-  }, x = (o) => {
+  let d = new r.Vector3(), b = new r.Vector3();
+  const h = new r.Plane(), x = () => {
+    t.push(d.clone()), t.length === 1 ? (a === "xoz" && h.setFromNormalAndCoplanarPoint(new r.Vector3(0, 1, 0), t[0]), a === "none" && h.setFromNormalAndCoplanarPoint(b, t[0])) : t.length === 2 ? a === "y" || a === "xoz" ? (v(), w()) : g.setPoints([t[0], t[1]]) : t.length === 3 && (v(), w());
+  }, M = (o) => {
     var A, R;
     if (!(o != null && o.raycaster))
       return;
     const z = (A = t.at(-1)) == null ? void 0 : A.clone();
     if (t.length === 0) {
-      d = o.point.clone(), M = (R = o.face) == null ? void 0 : R.normal;
+      d = o.point.clone(), b = (R = o.face) == null ? void 0 : R.normal;
       return;
     }
-    if (t.length === 1 && i === "y") {
-      const w = new r.Line3(new r.Vector3(0, 1, 0).add(t[0]), new r.Vector3(0, -1, 0).add(t[0])).closestPointToPoint(o.point, !1, new r.Vector3());
-      s.setPoints([t[0], w, o.point]);
+    if (t.length === 1 && a === "y") {
+      const u = new r.Line3(new r.Vector3(0, 1, 0).add(t[0]), new r.Vector3(0, -1, 0).add(t[0])).closestPointToPoint(o.point, !1, new r.Vector3());
+      s.setPoints([t[0], u, o.point]);
       return;
     }
-    if (t.length === 1 && i === "xoz") {
-      const y = new r.Line3(new r.Vector3(1, 0, 0).add(t[0]), new r.Vector3(-1, 0, 0).add(t[0])), w = o.raycaster.ray.intersectPlane(h, new r.Vector3()), V = y.closestPointToPoint(w, !1, new r.Vector3());
-      s.setPoints([t[0], V, w]);
+    if (t.length === 1 && a === "xoz") {
+      const y = new r.Line3(new r.Vector3(1, 0, 0).add(t[0]), new r.Vector3(-1, 0, 0).add(t[0])), u = o.raycaster.ray.intersectPlane(h, new r.Vector3()), V = y.closestPointToPoint(u, !1, new r.Vector3());
+      s.setPoints([t[0], V, u]);
       return;
     }
-    if (t.length === 1 && i === "none") {
+    if (t.length === 1 && a === "none") {
       h ? (d = o.raycaster.ray.intersectPlane(h, new r.Vector3()), m.setPoints([d, o.point])) : d = o.point.clone(), c.setPoints([z, d]);
       return;
     }
-    if (t.length === 2 && i === "none") {
+    if (t.length === 2 && a === "none") {
       l.remove(c);
-      const y = o.raycaster.ray.intersectPlane(h, new r.Vector3()), w = t[0].distanceTo(t[1]) / 2, V = new r.Vector3().lerpVectors(t[0], t[1], 0.5), _ = new r.Vector3().subVectors(y, V).normalize();
-      d = new r.Vector3().addVectors(V, _.multiplyScalar(w));
-      const F = [t[0], d, t[1]], O = H(F, I.modules.five.camera.position);
-      s.setPoints(O);
+      const y = o.raycaster.ray.intersectPlane(h, new r.Vector3()), u = t[0].distanceTo(t[1]) / 2, V = new r.Vector3().lerpVectors(t[0], t[1], 0.5), F = new r.Vector3().subVectors(y, V).normalize();
+      d = new r.Vector3().addVectors(V, F.multiplyScalar(u));
+      const O = [t[0], d, t[1]], T = B(O, H.modules.five.camera.position);
+      s.setPoints(T);
       return;
     }
   }, v = () => {
-    e.off("select", b), e.off("intersectionUpdate", x), e.off("disable", E), e.disable(), l == null || l.remove(c, g, m);
+    e.off("select", x), e.off("intersectionUpdate", M), e.off("disable", E), e.disable(), l == null || l.remove(c, g, m);
   }, E = () => {
     v(), l == null || l.remove(s), f(new Error("Cancelled"));
   };
-  return e.on("select", b), e.on("intersectionUpdate", x), e.on("disable", E), a;
+  return e.on("select", x), e.on("intersectionUpdate", M), e.on("disable", E), i;
 }
 function oe(s, e, n) {
   var C;
-  const { promise: a, reject: f, resolve: u } = U(), l = s.parent;
+  const { promise: i, reject: f, resolve: w } = U(), l = s.parent;
   if (!l)
     return f(new Error("No container"));
-  const i = (C = n == null ? void 0 : n.limit) != null ? C : "none", c = new L(P(p({}, s.style), { dashed: !0 })), m = new L(P(p({}, s.style), { dashed: !0, lengthEnable: !1 })), g = new L(P(p({}, s.style), { dashed: !1, lengthEnable: !1 }));
+  const a = (C = n == null ? void 0 : n.limit) != null ? C : "none", c = new L(P(p({}, s.style), { dashed: !0 })), m = new L(P(p({}, s.style), { dashed: !0, lengthEnable: !1 })), g = new L(P(p({}, s.style), { dashed: !1, lengthEnable: !1 }));
   l.add(c, g, m), e.enable(), e.setAdherePoints(ne(e.five, { excludes: [s] }));
   const t = [];
-  let d = new r.Vector3(), M = new r.Vector3();
-  const h = new r.Plane(), b = () => {
+  let d = new r.Vector3(), b = new r.Vector3();
+  const h = new r.Plane(), x = () => {
     if (t.push(d.clone()), t.length === 1)
-      e.planeMode = "onlyPlane", i === "y" && (e.adhereLine = [new r.Line3(t[0], new r.Vector3(0, 1, 0).add(t[0]))]), i === "xoz" && (h.setFromNormalAndCoplanarPoint(new r.Vector3(0, 1, 0), t[0]), e.plane = h), i === "none" && (h.setFromNormalAndCoplanarPoint(M, t[0]), e.plane = h);
+      e.planeMode = "onlyPlane", a === "y" && (e.adhereLine = [new r.Line3(t[0], new r.Vector3(0, 1, 0).add(t[0]))]), a === "xoz" && (h.setFromNormalAndCoplanarPoint(new r.Vector3(0, 1, 0), t[0]), e.plane = h), a === "none" && (h.setFromNormalAndCoplanarPoint(b, t[0]), e.plane = h);
     else if (t.length === 2) {
-      e.planeMode = "vertical", i === "y" && (e.adhereLine = []);
+      e.planeMode = "vertical", a === "y" && (e.adhereLine = []);
       let o = !1;
-      t[0].x === t[1].x && t[0].z === t[1].z && (o = !0), i === "y" && !o && (h.setFromCoplanarPoints(t[0], t[1], new r.Vector3(0, 1, 0).add(t[0])), e.plane = h), g.setPoints([t[0], t[1]]);
+      t[0].x === t[1].x && t[0].z === t[1].z && (o = !0), a === "y" && !o && (h.setFromCoplanarPoints(t[0], t[1], new r.Vector3(0, 1, 0).add(t[0])), e.plane = h), g.setPoints([t[0], t[1]]);
     } else
-      t.length === 3 && (v(), u());
-  }, x = (o) => {
-    var A, R, y, w;
+      t.length === 3 && (v(), w());
+  }, M = (o) => {
+    var A, R, y, u;
     if (!o || !(o != null && o.raycaster))
       return;
     const z = (A = t.at(-1)) == null ? void 0 : A.clone();
     if (t.length === 0) {
-      d = o.point.clone(), M = (R = o.face) == null ? void 0 : R.normal;
+      d = o.point.clone(), b = (R = o.face) == null ? void 0 : R.normal;
       return;
     }
     if (t.length === 1) {
@@ -183,19 +183,19 @@ function oe(s, e, n) {
         const k = ee([t[0], t[1], o.point]);
         h.setFromNormalAndCoplanarPoint(k, t[0]);
       }
-      m.setPoints([(w = o.originalPoint) != null ? w : o.point, o.point]);
+      m.setPoints([(u = o.originalPoint) != null ? u : o.point, o.point]);
       const V = new r.Vector3().crossVectors(t[0].clone().sub(t[1]), h.normal).normalize();
       d = new r.Line3(t[1].clone().add(V), t[1].clone().sub(V)).closestPointToPoint(o.point, !1, new r.Vector3());
-      const F = [t[0], t[1], d], O = H(F, I.modules.five.camera.position);
-      s.setPoints(O);
+      const O = [t[0], t[1], d], T = B(O, H.modules.five.camera.position);
+      s.setPoints(T);
       return;
     }
   }, v = () => {
-    e.setAdherePoints([]), e.adhereLine = [], e.adherePlane = [], e.plane = void 0, e.off("select", b), e.off("intersectionUpdate", x), e.off("disable", E), e.disable(), l == null || l.remove(c, g, m);
+    e.setAdherePoints([]), e.adhereLine = [], e.adherePlane = [], e.plane = void 0, e.off("select", x), e.off("intersectionUpdate", M), e.off("disable", E), e.disable(), l == null || l.remove(c, g, m);
   }, E = () => {
     v(), l == null || l.remove(s), f(new Error("Cancelled"));
   };
-  return e.on("select", b), e.on("intersectionUpdate", x), e.on("disable", E), a;
+  return e.on("select", x), e.on("intersectionUpdate", M), e.on("disable", E), i;
 }
 export {
   ge as Rectangle,

package/libs/Sculpt/index.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type * as THREE from 'three';
 import type { BaseObjectConfig } from './Objects/Base';
 import { Subscribe } from '../shared-utils/Subscribe';
@@ -83,12 +83,6 @@ export declare class Sculpt extends Subscribe<Event> {
             readonly style: {
                 readonly color: number;
                 readonly lineWidth: number;
-                /**
-                 * @description: 点击事件
-                 * @param {MouseEvent} e 鼠标事件
-                 * @param {BuiltInItem} item 点击的物体
-                 * 返回 false 来禁用 Five 默认行为
-                 */
                 readonly lineColor: number;
             };
             readonly id: string;

package/libs/Sculpt/index.js

@@ -1,8 +1,8 @@
-var L = Object.defineProperty, B = Object.defineProperties;
+var D = Object.defineProperty, B = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
 var _ = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var g = (c, i, e) => i in c ? L(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e, a = (c, i) => {
+var g = (c, i, e) => i in c ? D(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e, a = (c, i) => {
   for (var e in i || (i = {}))
     _.call(i, e) && g(c, e, i[e]);
   if (y)
@@ -34,28 +34,28 @@ import "../shared-utils/tag.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 "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as k } from "../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/five/FivePuppet.js";
 import { recurveFindObject as H } from "../shared-utils/three/recurveFindObject.js";
 import { Polyline as I } from "./Objects/Polyline/index.js";
 import { Point as b } from "./Objects/Point/index.js";
 import { Polygon as w } from "./Objects/Polygon/index.js";
 import { Prism as j } from "./Objects/Prism/index.js";
-import { Rectangle as O } from "./Objects/Rectangle/index.js";
-import { Circle as P } from "./Objects/Circle/index.js";
-import { Cylinder as v } from "./Objects/Cylinder/index.js";
-import { Box as C } from "./Objects/Box/index.js";
+import { Rectangle as v } from "./Objects/Rectangle/index.js";
+import { Circle as O } from "./Objects/Circle/index.js";
+import { Cylinder as P } from "./Objects/Cylinder/index.js";
+import { Box as R } from "./Objects/Box/index.js";
 import { forReverseEach as M } from "../shared-utils/forReverseEach.js";
-import { Line as R } from "./Objects/Line/index.js";
-import { hotkeys as D } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import { Line as C } from "./Objects/Line/index.js";
+import { hotkeys as L } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
 import { withResolvers as G } from "../shared-utils/promise/withResolvers.js";
 const u = class extends S {
   constructor(e, t) {
@@ -78,7 +78,7 @@ const u = class extends S {
       var e;
       console.log("redo"), (e = this.creatingItem) == null || e.redo(), this.five.needsRender = !0;
     });
-    this.five = e, this.theme = t, this.group = new z(), this.group.name = "Sculpt", e.scene.add(this.group), u.modules.init(e), D("ctrl+z, command+z", this.undo), D("ctrl+shift+z, command+shift+z", this.redo), u.modules.fiveDomEvents.addEventListener(this.group, "click", ({ intersects: r, origDomEvent: l }) => {
+    this.five = e, this.theme = t, this.group = new z(), this.group.name = "Sculpt", e.scene.add(this.group), u.modules.init(e), L("ctrl+z, command+z", this.undo), L("ctrl+shift+z, command+shift+z", this.redo), u.modules.fiveDomEvents.addEventListener(this.group, "click", ({ intersects: r, origDomEvent: l }) => {
       var o;
       const n = H((o = r == null ? void 0 : r[0]) == null ? void 0 : o.object, (s) => s.isSculptObject);
       return n && !n.editing ? this.emit("click", l, n) : !1;
@@ -109,7 +109,7 @@ const u = class extends S {
       const o = f(a({}, n), {
         style: a(a({}, (s = this.theme) == null ? void 0 : s[n.type.toLowerCase()]), n.style)
       });
-      return n.type === "Point" ? new b(o, t) : n.type === "line" ? new R(o, t) : n.type === "Polyline" ? new I(o, t) : n.type === "Polygon" ? new w(o, t) : n.type === "Prism" ? new j(o, t) : n.type === "Rectangle" ? new O(o, t) : n.type === "Circle" ? new P(o, t) : n.type === "Cylinder" ? new v(o, t) : n.type === "Box" ? new C(o, t) : null;
+      return n.type === "Point" ? new b(o, t) : n.type === "Line" ? new C(o, t) : n.type === "Polyline" ? new I(o, t) : n.type === "Polygon" ? new w(o, t) : n.type === "Prism" ? new j(o, t) : n.type === "Rectangle" ? new v(o, t) : n.type === "Circle" ? new O(o, t) : n.type === "Cylinder" ? new P(o, t) : n.type === "Box" ? new R(o, t) : null;
     });
     this.group.add(...r), this.five.needsRender = !0;
   }
@@ -143,7 +143,7 @@ const u = class extends S {
   createLine(...e) {
     return m(this, null, function* () {
       var t, r;
-      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.line, e[0]), this.createItem(R, ...e);
+      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.line, e[0]), this.createItem(C, ...e);
     });
   }
   /**
@@ -187,7 +187,7 @@ const u = class extends S {
   createRectangle(...e) {
     return m(this, null, function* () {
       var t, r;
-      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.rectangle, e[0]), this.createItem(O, ...e);
+      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.rectangle, e[0]), this.createItem(v, ...e);
     });
   }
   /**
@@ -196,7 +196,7 @@ const u = class extends S {
   createCircle(...e) {
     return m(this, null, function* () {
       var t, r;
-      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.circle, e[0]), this.createItem(P, ...e);
+      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.circle, e[0]), this.createItem(O, ...e);
     });
   }
   /**
@@ -205,7 +205,7 @@ const u = class extends S {
   createCylinder(...e) {
     return m(this, null, function* () {
       var t, r;
-      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.cylinder, e[0]), this.createItem(v, ...e);
+      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.cylinder, e[0]), this.createItem(P, ...e);
     });
   }
   /**
@@ -214,7 +214,7 @@ const u = class extends S {
   createBox(...e) {
     return m(this, null, function* () {
       var t, r;
-      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.box, e[0]), this.createItem(C, ...e);
+      return Object.assign((t = e[0]) != null ? t : {}, (r = this.theme) == null ? void 0 : r.box, e[0]), this.createItem(R, ...e);
     });
   }
   canUndo() {
@@ -235,7 +235,7 @@ const u = class extends S {
     return m(this, null, function* () {
       this.creatingItem && (this.creatingItem.stopCreating(), this.creatingItem = null);
       const r = new e();
-      this.creatingItem = r, this.group.add(r);
+      this.creatingItem = r, this.group.add(r), this.five.needsRender = !0;
       const { promise: l, resolve: n, reject: o } = G();
       return yield r.create(...t).then((...s) => (this.creatingItem = null, n(r), s)).catch((s) => {
         o(s), this.group.remove(r);

package/libs/Sculpt/utils/Meshes/getLengthHTML.js

@@ -5,7 +5,7 @@ function l(i, e) {
     .LineLengthTag {
       cursor: default;
       position: absolute;
-      font-size: 16px;
+      font-size: 14px;
       letter-spacing: 1px;
       color: white;
       left: 50%;

package/libs/Sculpt/utils/Modules/Global.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import { Cursor } from './Cursor';
 import { Object3DHelperController } from '../../../Object3DHelperPlugin';
 import { FiveDomEvents } from '../../../shared-utils/five/FiveDomEvents';

package/libs/Sculpt/utils/renderDom.d.ts

@@ -6,7 +6,7 @@ export type RenderDomObjectType = THREE.Object3D & {
     _onHidden: () => void;
 };
 export declare class RenderDom {
-    static cacheObject: Set<THREE.Object3D & {
+    static cacheObject: Set<THREE.Object3D<THREE.Object3DEventMap> & THREE.Object3D<THREE.Object3DEventMap> & {
         _onAdded: () => void;
         _onRemoved: () => void;
         _onShowed: () => void;