@realsee/dnalogel 2.1.0-alpha.18 → 2.1.0-alpha.19

package/libs/CSS3DRenderPlugin/CSS3DRender.js

@@ -3,12 +3,12 @@ var q = (f, e, s) => e in f ? B(f, e, { enumerable: !0, configurable: !0, writab
 var l = (f, e, s) => (q(f, typeof e != "symbol" ? e + "" : e, s), s);
 import * as m from "three";
 import { CSS3DRenderer as A } from "three/examples/jsm/renderers/CSS3DRenderer";
-import H from "../shared-utils/Subscribe.js";
+import { Subscribe as H } from "../shared-utils/Subscribe.js";
 import { evenNumber as _ } from "./utils/evenNumber.js";
 import { anyPositionToVector3 as x } from "./utils/positionToVector3.js";
 import { CSS3DObjectPlus as V } from "./utils/CSS3DObjectPlus.js";
 import "./utils/centerPoint.js";
-const U = "v2.0.0", T = "CSS3DRenderer", Z = "__CSS3DOBJECT_CSS3DRENDER_CONTAINER__", D = `${T}@${U}`, L = (f) => `${D}--${f}`, ee = 216e-5, o = {};
+const U = "v2.0.1", T = "CSS3DRenderer", Z = "__CSS3DOBJECT_CSS3DRENDER_CONTAINER__", D = `${T}@${U}`, L = (f) => `${D}--${f}`, ee = 216e-5, o = {};
 class te {
   constructor() {
     l(this, "hooks", new H());
@@ -104,7 +104,9 @@ class te {
     l(this, "setVisibleById", (e, s) => {
       var i;
       const t = (i = this.store.frontModeCSS3DObjects[e]) != null ? i : this.store.behindModeCSS3DObjects[e];
-      !t || (t.css3DObject.visible = s, t.visible = s, t.mode === "behind" && (t.opacityMesh.visible = s));
+      if (!t)
+        return console.error("id not found", e);
+      t.visible = s, this.state.visible && (t.css3DObject.visible = s, t.mode === "behind" && (t.opacityMesh.visible = s));
     });
     l(this, "setEnabledById", (e, s) => {
       var n, a, h;

package/libs/CSS3DRenderPlugin/Controller.d.ts

@@ -1,7 +1,7 @@
 import type * as BasePlugin from '../base/BasePlugin';
 import type { Five } from '@realsee/five';
 import { CSS3DRender, CSS3DRenderEventMap, CSS3DRenderState } from './CSS3DRender';
-import { AnyPosition } from './utils';
+import type { AnyPosition } from './utils';
 export declare const PLUGIN_NAME: string;
 export interface Create3DDomContainerParamsType {
     points: AnyPosition[];
@@ -22,6 +22,7 @@ export interface Create3DDomContainerParamsType {
 }
 export default class Controller extends CSS3DRender implements BasePlugin.Controller<CSS3DRenderState, CSS3DRenderEventMap> {
     five: Five;
+    readonly staticPrefix: string;
     constructor(five: Five);
     /** @deprecated disposeAll() renamed as dispose() */
     disposeAll(): void;
@@ -61,7 +62,7 @@ export default class Controller extends CSS3DRender implements BasePlugin.Contro
      *    } | void
      * ```
      */
-    create3DDomContainer: (points: Create3DDomContainerParamsType['points'], config?: Create3DDomContainerParamsType['config']) => void | {
+    create3DDomContainer: (points: Create3DDomContainerParamsType['points'], config?: Create3DDomContainerParamsType['config']) => {
         render: () => void;
         id: string;
         container: HTMLElement;

package/libs/CSS3DRenderPlugin/Controller.js

@@ -1,46 +1,48 @@
 var h = Object.defineProperty;
-var R = (o, r, t) => r in o ? h(o, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[r] = t;
-var m = (o, r, t) => (R(o, typeof r != "symbol" ? r + "" : r, t), t);
+var R = (i, r, t) => r in i ? h(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var n = (i, r, t) => (R(i, typeof r != "symbol" ? r + "" : r, t), t);
 import { CSS3DRender as E } from "./CSS3DRender.js";
 import "three";
-import { random as S } from "./utils/random.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../shared-utils/Subscribe.js";
 import "./utils/evenNumber.js";
 import "./utils/positionToVector3.js";
 import "./utils/CSS3DObjectPlus.js";
 import "./utils/centerPoint.js";
-const C = "v2.0.0", c = `CSS3DRenderPlugin-${S()}@${C}`;
-class O extends E {
+const S = "v2.0.1", c = `CSS3DRenderPlugin@${S}`;
+class A extends E {
   constructor(t) {
     super();
-    m(this, "five");
-    m(this, "create3DDomContainer", (t, e) => {
+    n(this, "five");
+    n(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    n(this, "create3DDomContainer", (t, e) => {
       if (this.state.disposed)
         return;
-      const i = (() => {
+      const d = (() => {
         var v;
         (e == null ? void 0 : e.dpr) !== void 0 && console.warn(`${c}: please use "config.devicePixelRatio" replace "config.dpr"`);
-        const n = {
+        const o = {
           ratio: 216e-5,
           devicePixelRatio: (v = e == null ? void 0 : e.dpr) != null ? v : 1,
           mode: "front",
           autoRender: !0
         };
-        return Object.assign(n, e, (e == null ? void 0 : e.mode) === "behind" ? { scene: this.five.scene } : void 0);
-      })(), d = this.five.getElement();
-      if (!d)
-        return console.error(`${c}: five.getElement() is ${d}`);
-      const { autoRender: p, mode: s } = i, f = s === "front" ? d.parentElement : i.behindFiveContainer;
+        return Object.assign(o, e, (e == null ? void 0 : e.mode) === "behind" ? { scene: this.five.scene } : void 0);
+      })(), a = this.five.getElement();
+      if (!a) {
+        console.error(`${c}: five.getElement() is ${a}`);
+        return;
+      }
+      const { autoRender: p, mode: s } = d, f = s === "front" ? a.parentElement : d.behindFiveContainer;
       this.appendToElement(f || document.body, s);
-      const a = this.create3DElement(this.five.camera, t, { ...i, autoRender: !1 });
-      if (!a)
+      const l = this.create3DElement(this.five.camera, t, { ...d, autoRender: !1 });
+      if (!l)
         return;
-      const l = a.render, u = () => {
-        var n;
-        s === "front" && l(), s === "behind" && ((n = this.five.model) != null && n.loaded ? l() : this.five.once("modelLoaded", () => l()));
+      const m = l.render, u = () => {
+        var o;
+        s === "front" && m(), s === "behind" && ((o = this.five.model) != null && o.loaded ? m() : this.five.once("modelLoaded", () => m()));
       };
-      return p && u(), { ...a, render: p ? void 0 : u };
+      return p && u(), { ...l, render: p ? void 0 : u };
     });
     this.five = t;
   }
@@ -54,5 +56,5 @@ class O extends E {
 }
 export {
   c as PLUGIN_NAME,
-  O as default
+  A as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -7,9 +7,8 @@ import "./utils/evenNumber.js";
 import "./utils/positionToVector3.js";
 import "./utils/CSS3DObjectPlus.js";
 import "./utils/centerPoint.js";
-import "./utils/random.js";
-const s = (o) => new r(o);
+const f = (o) => new r(o);
 export {
-  s as CSS3DRenderPlugin,
-  s as default
+  f as CSS3DRenderPlugin,
+  f as default
 };

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -1,25 +1,24 @@
-var v = Object.defineProperty;
-var H = (l, o, t) => o in l ? v(l, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[o] = t;
-var i = (l, o, t) => (H(l, typeof o != "symbol" ? o + "" : o, t), t);
-import { CSS3DObject as z } from "three/examples/jsm/renderers/CSS3DRenderer";
-import * as V from "three";
-import { Vector3 as a } from "three";
-import { evenNumber as b } from "./evenNumber.js";
-import { centerPoint as D } from "./centerPoint.js";
-const f = "1.0.0", O = `CSS3DObjectPlus@${f}`, P = 216e-5, R = 3e-3;
-class T extends z {
-  constructor(t, e, h = R, x = 1) {
-    const n = Math.max(P, h), p = e[0].distanceTo(e[1]), r = e[1].distanceTo(e[2]), c = b(p / h * x), d = b(r / h * x), m = D(e[0], e[2]);
-    let u;
-    if (n === h)
-      t.style.width = `${c}px`, t.style.height = `${d}px`, u = t;
+var P = Object.defineProperty;
+var W = (c, o, t) => o in c ? P(c, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[o] = t;
+var i = (c, o, t) => (W(c, typeof o != "symbol" ? o + "" : o, t), t);
+import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Vector3 as m } from "three";
+import { evenNumber as V } from "./evenNumber.js";
+import { centerPoint as E } from "./centerPoint.js";
+const f = "1.0.1", H = `CSS3DObjectPlus@${f}`, j = 216e-5, v = 3e-3;
+class T extends D {
+  constructor(t, e, h = v, u = 1) {
+    const l = Math.max(j, h), p = e[0].distanceTo(e[1]), a = e[1].distanceTo(e[2]), n = V(p / h * u), d = V(a / h * u), x = E(...e);
+    let g;
+    if (l === h)
+      t.style.width = `${n}px`, t.style.height = `${d}px`, g = t;
     else {
       const s = document.createElement("div");
-      s.style.width = `${c}px`, s.style.height = `${d}px`, s.style.pointerEvents = "none";
-      const g = h / n;
-      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${g * c}px`, t.style.height = `${g * d}px`, s.appendChild(t), u = s;
+      s.style.width = `${n}px`, s.style.height = `${d}px`, s.style.pointerEvents = "none";
+      const b = h / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * n}px`, t.style.height = `${b * d}px`, s.appendChild(t), g = s;
     }
-    super(u);
+    super(g);
     i(this, "version", f);
     i(this, "width");
     i(this, "height");
@@ -29,21 +28,21 @@ class T extends z {
     i(this, "ratio");
     i(this, "container");
     i(this, "centerPosition");
-    if (this.scale.set(n, n, n), this.cornerPoints = e, this.ratio = h, this.container = t, n === h)
-      this.width = p, this.height = r, this.domWidthPx = c, this.domHeightPx = d, this.centerPosition = m;
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = h, this.container = t, l === h)
+      this.width = p, this.height = a, this.domWidthPx = n, this.domHeightPx = d, this.centerPosition = x;
     else {
-      const s = h / n;
-      this.width = s * p, this.height = s * r, this.domWidthPx = s * c, this.domHeightPx = s * d, this.centerPosition = new a().subVectors(m.clone(), e[0].clone()).multiplyScalar(s).add(e[0]);
+      const s = h / l;
+      this.width = s * p, this.height = s * a, this.domWidthPx = s * n, this.domHeightPx = s * d, this.centerPosition = new m().subVectors(x, e[0]).multiplyScalar(s).add(e[0]);
     }
-    t.classList.add(`${O}__container`);
-    const S = new a(1, 0, 0), y = new a(0, 1, 0), $ = new a().subVectors(e[1], e[0]), E = new a().subVectors(e[2], e[1]), w = new V.Quaternion().setFromUnitVectors(S.normalize(), $.normalize());
-    this.applyQuaternion(w), y.applyQuaternion(w);
-    const Q = new V.Quaternion().setFromUnitVectors(y.normalize(), E.normalize());
-    this.applyQuaternion(Q), this.position.set(m.x, m.y, m.z);
+    t.classList.add(`${H}__container`);
+    const S = new m().subVectors(e[1], e[0]), r = new m().subVectors(e[3], e[0]), $ = new m().crossVectors(S, r).normalize();
+    this.lookAt($);
+    const y = this.up.clone().applyQuaternion(this.quaternion), w = r.clone(), O = new m().crossVectors(y, w).normalize();
+    this.rotateOnWorldAxis(O, y.angleTo(w)), this.position.copy(x);
   }
 }
 export {
   T as CSS3DObjectPlus,
-  R as DefaultRatio,
-  P as MinRatio
+  v as DefaultRatio,
+  j as MinRatio
 };

package/libs/CSS3DRenderPlugin/utils/centerPoint.d.ts

@@ -1,2 +1,2 @@
 import { Vector3 } from 'three';
-export declare function centerPoint(point1: Vector3, point2: Vector3): Vector3;
+export declare function centerPoint(...args: Vector3[]): Vector3;

package/libs/CSS3DRenderPlugin/utils/centerPoint.js

@@ -1,7 +1,10 @@
-import { Vector3 as c } from "three";
-function x(r, e) {
-  return new c((r.x + e.x) / 2, (r.y + e.y) / 2, (r.z + e.z) / 2);
+import { Vector3 as r } from "three";
+function c(...t) {
+  const e = new r();
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
 }
 export {
-  x as centerPoint
+  c as centerPoint
 };

package/libs/CruisePlugin/Controller.d.ts

@@ -2,14 +2,16 @@ import type { Five } from '@realsee/five';
 import type { BaseOptions } from '../base/BasePlugin';
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { PluginState, EventMap, PluginServerData, PluginData } from './typing';
+import type { Config } from '../base/BasePlugin';
 export declare const pluginFlag: (name: string) => string;
 export default class CruisePluginController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
     static PluginVersion: string;
     state: PluginState;
     protected data?: PluginData;
+    private config?;
     private privateState;
     private GuideLine?;
-    constructor(five: Five);
+    constructor(five: Five, config?: Config);
     /**
      * @description Load Data and State
      */