@realsee/dnalogel 3.4.0 → 3.5.0-dev.1

package/libs/CruisePlugin/CruiseController.js

@@ -0,0 +1,237 @@
+var v = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var f = (a, s, e) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, c = (a, s) => {
+  for (var e in s || (s = {}))
+    S.call(s, e) && f(a, e, s[e]);
+  if (g)
+    for (var e of g(s))
+      y.call(s, e) && f(a, e, s[e]);
+  return a;
+};
+var h = (a, s, e) => (f(a, typeof s != "symbol" ? s + "" : s, e), e);
+var n = (a, s, e) => new Promise((t, i) => {
+  var r = (d) => {
+    try {
+      o(e.next(d));
+    } catch (u) {
+      i(u);
+    }
+  }, b = (d) => {
+    try {
+      o(e.throw(d));
+    } catch (u) {
+      i(u);
+    }
+  }, o = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(r, b);
+  o((e = e.apply(a, s)).next());
+});
+import { Controller as C } from "../base/BasePlugin.js";
+import { equal as P } from "../shared-utils/equal.js";
+import { objectAssignDeepExports as L } from "../vendor/object-assign-deep/objectAssignDeep.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", l = `${m}`, Z = (a) => `${l}--${a}`, w = () => {
+  console.error(`${l} is disposed`);
+}, I = () => {
+  console.warn(`${l} is disabled`);
+}, D = () => {
+  console.error(`${l} is disabled`);
+}, p = /* @__PURE__ */ new Map();
+class ee 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");
+    // What is your use case? This line meaning don't need re if UnknownRecord and UnknownArray
+    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 n(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  /**
+   * @description Hide guide line
+   */
+  hide(e) {
+    return n(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 w();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return D();
+    const i = c({}, this.state);
+    this.state = L({}, 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 p.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 n(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 p.get(this.data.id);
+  }
+  /**
+   * @description Set pause data
+   */
+  setPauseData() {
+    var t;
+    const e = (t = this.data) == null ? void 0 : t.id;
+    if (e)
+      return p.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 && I();
+  }
+}
+export {
+  ee as default,
+  Z as pluginFlag
+};

package/libs/CruisePlugin/Move.d.ts

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

package/libs/CruisePlugin/Move.js

@@ -0,0 +1,120 @@
+var S = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var m = (o, e, t) => e in o ? S(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, v = (o, e) => {
+  for (var t in e || (e = {}))
+    y.call(e, t) && m(o, t, e[t]);
+  if (g)
+    for (var t of g(e))
+      P.call(e, t) && m(o, t, e[t]);
+  return o;
+};
+var r = (o, e, t) => (m(o, typeof e != "symbol" ? e + "" : e, t), t);
+import C from "./CruiseController.js";
+import { objectAssignDeepExports as u } 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 b } from "../shared-utils/uuid.js";
+import { getFiveStateOnCurve as c } 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 tt extends C {
+  constructor(t, s) {
+    var i;
+    super(t, s);
+    r(this, "curve");
+    r(this, "baseCurveOffset");
+    r(this, "curveOffset");
+    r(this, "playStartedTime", performance.now());
+    r(this, "duration");
+    r(this, "changeSpeed", (t, s = !0) => {
+      this.state.speed = t, this.hooks.emit("speedChange", t, { userAction: s });
+    });
+    r(this, "moveToStart", () => {
+      this.five.setState(c(this.curve, 0, this.curveOffset));
+    });
+    r(this, "playFromStart", () => {
+      this.clearPauseData(), this.setState({ playing: !0 });
+    });
+    r(this, "getDuration", () => this.getSpeededDuration(this.duration));
+    r(this, "getProgress", () => {
+      var n;
+      const t = this.getPauseData(), s = 1 - ((n = t == null ? void 0 : t.playedProgress) != null ? n : 0), a = this.getDuration(), i = (performance.now() - this.playStartedTime) / a;
+      return 1 - s + i;
+    });
+    const a = {
+      config: {
+        speedConfig: {
+          moveSpeed: 2,
+          moveSpeedUnit: "m/s"
+        }
+      }
+    }, f = {
+      allowBroke: !0
+    };
+    this.state = u({}, a, this.state), this.config = u({}, f, this.config), this.baseCurveOffset = u({ x: 0, y: 0, z: 0 }, { y: 2 }, (i = this.config) == null ? void 0 : i.offset);
+  }
+  load(t, s) {
+    var i, n, h, p, d, l;
+    if (this.clearPauseData(), this.data = v({ id: b() }, t), this.curve = this.data.path.curves[0], this.curveOffset = {
+      x: this.baseCurveOffset.x + ((n = (i = this.data.offset) == null ? void 0 : i.x) != null ? n : 0),
+      y: this.baseCurveOffset.y + ((p = (h = this.data.offset) == null ? void 0 : h.y) != null ? p : 0),
+      z: this.baseCurveOffset.z + ((l = (d = this.data.offset) == null ? void 0 : d.z) != null ? l : 0)
+    }, !this.curve)
+      throw new Error("curve is not defined");
+    const a = this.curve.getLength(), f = this.state.config.speedConfig.moveSpeedUnit === "m/ms" ? 1 : 1e3;
+    return this.duration = a / (this.state.config.speedConfig.moveSpeed / f), s ? this.setState(s) : (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();
+  }
+  handlePlay() {
+    return new Promise((t, s) => {
+      var n;
+      const a = this.getPauseData(), f = c(this.curve, (n = a == null ? void 0 : a.playedProgress) != null ? n : 0, this.curveOffset);
+      if (this.five.setState(f), this.playStartedTime = performance.now(), this.config.allowBroke) {
+        const h = this.addInterruptListener(() => {
+          this.hooks.emit("broke"), this.handlePause(), h();
+        });
+      }
+      const i = () => {
+        const h = this.getProgress();
+        if (h >= 1)
+          this.five.off("renderFrame", i), t("end");
+        else if (this.state.playing === !1)
+          this.five.off("renderFrame", i);
+        else if (h >= 0) {
+          const p = c(this.curve, h, this.curveOffset);
+          this.five.setState(p);
+        }
+      };
+      this.five.on("renderFrame", i);
+    });
+  }
+  handlePause(t) {
+    var s;
+    this.state.playing = !1, this.hooks.emit("pause", { userAction: (s = t == null ? void 0 : t.userAction) != null ? s : !0 }), this.setPauseData();
+  }
+}
+export {
+  tt 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;
 }