@realsee/dnalogel 3.3.5 → 3.4.0-dev.0

package/libs/CruisePlugin/CruiseController.js

@@ -0,0 +1,235 @@
+var v = Object.defineProperty;
+var c = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var p = (a, s, e) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, n = (a, s) => {
+  for (var e in s || (s = {}))
+    S.call(s, e) && p(a, e, s[e]);
+  if (c)
+    for (var e of c(s))
+      y.call(s, e) && p(a, e, s[e]);
+  return a;
+};
+var h = (a, s, e) => (p(a, typeof s != "symbol" ? s + "" : s, e), e);
+var l = (a, s, e) => new Promise((t, i) => {
+  var r = (d) => {
+    try {
+      u(e.next(d));
+    } catch (f) {
+      i(f);
+    }
+  }, b = (d) => {
+    try {
+      u(e.throw(d));
+    } catch (f) {
+      i(f);
+    }
+  }, u = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(r, b);
+  u((e = e.apply(a, s)).next());
+});
+import { Controller as C } from "../base/BasePlugin.js";
+import { equal as P } from "../shared-utils/equal.js";
+import "../shared-utils/Subscribe.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/isTruelyObject.js";
+const m = "CruisePlugin", o = `${m}`, X = (a) => `${o}--${a}`, L = () => {
+  console.error(`${o} is disposed`);
+}, w = () => {
+  console.warn(`${o} is disabled`);
+}, I = () => {
+  console.error(`${o} is disabled`);
+}, g = /* @__PURE__ */ new Map();
+class Y extends C {
+  constructor(e, t) {
+    super(e, t);
+    h(this, "state", {
+      visible: !0,
+      enabled: !0,
+      disposed: !1,
+      playing: !1,
+      speed: 1
+    });
+    h(this, "data");
+    h(this, "config");
+    h(this, "privateState", {
+      playing: !1,
+      broke: !1,
+      modeChanging: !1
+    });
+    h(this, "GuideLine");
+    this.config = t, Object.assign(window, { [`__${m}_DEBUG__`]: this });
+  }
+  /**
+   * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+   */
+  play(e) {
+    this.setState({ playing: !0 }, e);
+  }
+  /**
+   * @description Pause
+   */
+  pause(e) {
+    this.setState({ playing: !1 }, e);
+  }
+  /**
+   * @description Show guide line
+   */
+  show(e) {
+    return l(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  /**
+   * @description Hide guide line
+   */
+  hide(e) {
+    return l(this, null, function* () {
+      this.setState({ visible: !1 }, e);
+    });
+  }
+  /**
+   * @description Enable
+   */
+  enable(e) {
+    this.setState({ enabled: !0 }, e);
+  }
+  /**
+   * @description Disable
+   */
+  disable(e) {
+    this.setState({ enabled: !1 }, e);
+  }
+  /**
+   * @description Dispose
+   */
+  dispose() {
+    this.setState({ disposed: !0 });
+  }
+  /**
+   * @description Set state
+   */
+  setState(e, t) {
+    var r;
+    if (this.state.disposed)
+      return L();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return I();
+    const i = n({}, this.state);
+    this.state = n(n({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed), P(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
+  }
+  /**
+   * @description Clear pause data
+   */
+  clearPauseData() {
+    var e, t;
+    if ((e = this.data) != null && e.id)
+      return g.delete((t = this.data) == null ? void 0 : t.id);
+  }
+  changePlayState(e, t) {
+    this.actionIfStateIsEnabled(
+      () => {
+        var i;
+        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
+      }
+    ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
+  }
+  handleEnable(e, t = !0) {
+    var i, r;
+    e ? ((i = this.GuideLine) == null || i.enable(), this.hooks.emit("enable", { userAction: t })) : ((r = this.GuideLine) == null || r.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+  }
+  handleVisible(e, t = !0) {
+    var i, r;
+    e ? ((i = this.GuideLine) == null || i.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((r = this.GuideLine) == null || r.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+  }
+  /**
+   * @description: listen interupted by five gesture
+   */
+  addInterruptListener(e) {
+    const t = () => {
+      this.privateState.modeChanging || e();
+    }, i = (r) => {
+      r !== "mouseMove" && (e(), this.five.off("gesture", i));
+    };
+    return this.five.on("gesture", i), this.five.once("wantsChangeMode", t), () => {
+      this.five.off("gesture", i), this.five.off("wantsChangeMode", t);
+    };
+  }
+  /**
+   * @description Get duration by speed
+   */
+  getSpeededDuration(e) {
+    return e / this.state.speed;
+  }
+  /**
+   * @description Change five mode
+   */
+  changeMode(e, t) {
+    return l(this, null, function* () {
+      e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+    });
+  }
+  /**
+   * @description Force interupt five updateCamera
+   */
+  forceInteruptUpdateCamera() {
+    this.five.updateCamera({}, 0);
+  }
+  getPauseData() {
+    var e;
+    if ((e = this.data) != null && e.id)
+      return g.get(this.data.id);
+  }
+  /**
+   * @description Set pause data
+   */
+  setPauseData() {
+    var t;
+    const e = (t = this.data) == null ? void 0 : t.id;
+    if (e)
+      return g.set(e, {
+        fiveState: this.five.getCurrentState(),
+        playedProgress: this.getProgress()
+      });
+  }
+  /**
+   * @description: Restore state that before loaded
+   */
+  clear() {
+    this.clearPauseData();
+  }
+  // TODO
+  handleDispose() {
+    var e;
+    this.setState({ playing: !1 }), this.clearPauseData(), this.clear(), (e = this.GuideLine) == null || e.dispose(), this.GuideLine = void 0;
+  }
+  /**
+   * @description Action function if plugin is enable
+   */
+  actionIfStateIsEnabled(e, t) {
+    if (this.state.enabled)
+      return e();
+    t != null && t.warnLog && w();
+  }
+}
+export {
+  Y as default,
+  X as pluginFlag
+};

package/libs/CruisePlugin/Move.d.ts

@@ -0,0 +1,25 @@
+import type { Five } from '@realsee/five';
+import CruiseController from './CruiseController';
+import type { PluginState } from './typing';
+import type * as THREE from 'three';
+type Data = {
+    path: THREE.CurvePath<THREE.Vector3>;
+};
+type Config = {
+    allowBreak?: boolean;
+};
+export default class MoveController extends CruiseController<Data, Config> {
+    private curve;
+    private curveOffset;
+    private playStartedTime;
+    private duration;
+    constructor(five: Five, config?: Config);
+    load(data: Data, state?: PluginState): Promise<void>;
+    changeSpeed: (speed: number, userAction?: boolean) => void;
+    playFromStart(): void;
+    protected getDuration(): number;
+    protected getProgress(): number;
+    protected handlePlay(): Promise<string>;
+    protected handlePause(): void;
+}
+export {};

package/libs/CruisePlugin/Move.js

@@ -0,0 +1,111 @@
+var g = Object.defineProperty;
+var c = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var m = (s, e, t) => e in s ? g(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, d = (s, e) => {
+  for (var t in e || (e = {}))
+    v.call(e, t) && m(s, t, e[t]);
+  if (c)
+    for (var t of c(e))
+      S.call(e, t) && m(s, t, e[t]);
+  return s;
+};
+var a = (s, e, t) => (m(s, typeof e != "symbol" ? e + "" : e, t), t);
+import P from "./CruiseController.js";
+import { objectAssignDeepExports as l } from "../vendor/object-assign-deep/objectAssignDeep.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { uuid as y } from "../shared-utils/uuid.js";
+import { getFiveStateOnCurve as u } from "./utils/getFiveStateOnCurve.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/vectorToCoordinate.js";
+import "../shared-utils/formatRad.js";
+class _ extends P {
+  constructor(t, i) {
+    super(t, i);
+    a(this, "curve");
+    a(this, "curveOffset", { y: 2 });
+    a(this, "playStartedTime", performance.now());
+    a(this, "duration");
+    a(this, "changeSpeed", (t, i = !0) => {
+      this.state.speed = t, this.hooks.emit("speedChange", t, { userAction: i });
+    });
+    const r = {
+      config: {
+        speedConfig: {
+          moveSpeed: 2,
+          moveSpeedUnit: "m/s"
+        }
+      }
+    }, o = {
+      allowBreak: !0
+    };
+    this.state = l({}, r, this.state), this.config = l({}, o, this.config);
+  }
+  load(t, i) {
+    if (this.clearPauseData(), this.data = d({ id: y() }, t), this.curve = this.data.path.curves[0], !this.curve)
+      throw new Error("curve is not defined");
+    const r = this.curve.getLength(), o = this.state.config.speedConfig.moveSpeedUnit === "m/ms" ? 1 : 1e3;
+    return this.duration = r / (this.state.config.speedConfig.moveSpeed / o), i ? this.setState(i) : (this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed)), Promise.resolve();
+  }
+  playFromStart() {
+    this.clearPauseData(), this.setState({ playing: !0 });
+  }
+  getDuration() {
+    return this.getSpeededDuration(this.duration);
+  }
+  getProgress() {
+    var h;
+    const t = this.getPauseData(), i = 1 - ((h = t == null ? void 0 : t.playedProgress) != null ? h : 0), r = this.getDuration(), n = (performance.now() - this.playStartedTime) / r;
+    return 1 - i + n;
+  }
+  handlePlay() {
+    return new Promise((t, i) => {
+      var h;
+      const r = this.getPauseData(), o = u(this.curve, (h = r == null ? void 0 : r.playedProgress) != null ? h : 0, this.curveOffset);
+      if (this.five.setState(o), this.playStartedTime = performance.now(), this.config.allowBreak) {
+        const p = this.addInterruptListener(() => {
+          this.hooks.emit("broke"), this.handlePause(), p();
+        });
+      }
+      const n = () => {
+        const p = this.getProgress();
+        if (p >= 1)
+          this.five.off("renderFrame", n), t("end");
+        else if (this.state.playing === !1)
+          this.five.off("renderFrame", n);
+        else if (p >= 0) {
+          const f = u(this.curve, p, this.curveOffset);
+          this.five.setState(f);
+        }
+      };
+      this.five.on("renderFrame", n);
+    });
+  }
+  handlePause() {
+    this.state.playing = !1, this.hooks.emit("playStateChange", "pause", { userAction: !0 }), this.setPauseData();
+  }
+}
+export {
+  _ as default
+};

package/libs/CruisePlugin/{Controller.d.ts → Work.d.ts}

@@ -3,8 +3,7 @@ import type { BaseOptions } from '../base/BasePlugin';
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { PluginState, EventMap, PluginServerData, PluginData, Config } from './typing';
 export declare const pluginFlag: (name: string) => string;
-export default class CruisePluginController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
-    static PluginVersion: string;
+export default class WalkController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
     state: PluginState;
     protected data?: PluginData;
     private config?;
@@ -162,10 +161,4 @@ export default class CruisePluginController extends BasePluginWithData.Controlle
      * @description Action function if plugin is enable
      */
     private actionIfStateIsEnabled;
-    /**
-     * @description: Wait for five work ready
-     */
-    private waitFiveLoaded;
-    private setFiveLinearUpdateCamera;
-    private setFiveOriginUpdateCamera;
 }