@realsee/dnalogel 3.6.0 → 3.7.0-dev.0

package/libs/CruisePlugin/BaseController.js

@@ -0,0 +1,231 @@
+var v = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var u = (a, s, e) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, b = (a, s) => {
+  for (var e in s || (s = {}))
+    S.call(s, e) && u(a, e, s[e]);
+  if (g)
+    for (var e of g(s))
+      y.call(s, e) && u(a, e, s[e]);
+  return a;
+};
+var d = (a, s, e) => (u(a, typeof s != "symbol" ? s + "" : s, e), e);
+var f = (a, s, e) => new Promise((i, t) => {
+  var r = (h) => {
+    try {
+      n(e.next(h));
+    } catch (o) {
+      t(o);
+    }
+  }, c = (h) => {
+    try {
+      n(e.throw(h));
+    } catch (o) {
+      t(o);
+    }
+  }, n = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(r, c);
+  n((e = e.apply(a, s)).next());
+});
+import { Controller as L } from "../base/BasePlugin.js";
+import { equal as C } from "../shared-utils/equal.js";
+import { objectAssignDeepExports as P } 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}`, T = (a) => `${l}--${a}`, p = /* @__PURE__ */ new Map();
+class X extends L {
+  constructor(e, i) {
+    super(e, i);
+    d(this, "state", {
+      visible: !0,
+      enabled: !0,
+      disposed: !1,
+      playing: !1,
+      speed: 1
+    });
+    d(this, "data");
+    d(this, "config");
+    d(this, "privateState", {
+      playing: !1,
+      broke: !1,
+      modeChanging: !1
+    });
+    d(this, "GuideLine");
+    d(this, "disposedErrorLog", () => {
+      console.error(`${l} is disposed`);
+    });
+    d(this, "disableWarnLog", () => {
+      console.warn(`${l} is disabled`);
+    });
+    d(this, "disableErrorLog", () => {
+      console.error(`${l} is disabled`);
+    });
+    this.config = i, 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 f(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  /**
+   * @description Hide guide line
+   */
+  hide(e) {
+    return f(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, i) {
+    var r;
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return this.disableErrorLog();
+    const t = b({}, this.state);
+    this.state = P({}, this.state, e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible, i == null ? void 0 : i.userAction), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled, i == null ? void 0 : i.userAction), e.playing !== void 0 && e.playing !== t.playing && this.changePlayState(e.playing, i), e.speed !== void 0 && e.speed !== t.speed && this.changeSpeed(e.speed), C(t, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: (r = i == null ? void 0 : i.userAction) != null ? r : !0 });
+  }
+  /**
+   * @description Clear pause data
+   */
+  clearPauseData() {
+    var e, i;
+    if ((e = this.data) != null && e.id)
+      return p.delete((i = this.data) == null ? void 0 : i.id);
+  }
+  changePlayState(e, i) {
+    this.actionIfStateIsEnabled(
+      () => {
+        var t;
+        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (t = i == null ? void 0 : i.userAction) != null ? t : !0 });
+      }
+    ), e ? this.handlePlay(i) : this.handlePause(i), this.state.playing = e;
+  }
+  handleEnable(e, i = !0) {
+    var t, r;
+    e ? ((t = this.GuideLine) == null || t.enable(), this.hooks.emit("enable", { userAction: i })) : ((r = this.GuideLine) == null || r.disable(), this.changePlayState(!1, { userAction: i }), this.hooks.emit("disable", { userAction: i })), this.state.enabled = e;
+  }
+  handleVisible(e, i = !0) {
+    var t, r;
+    e ? ((t = this.GuideLine) == null || t.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: i }))) : ((r = this.GuideLine) == null || r.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: i }))), this.state.visible = e;
+  }
+  /**
+   * @description: listen interupted by five gesture
+   */
+  addInterruptListener(e) {
+    const i = () => {
+      this.privateState.modeChanging || e();
+    }, t = (r) => {
+      r !== "mouseMove" && (e(), this.five.off("gesture", t));
+    };
+    return this.five.on("gesture", t), this.five.once("wantsChangeMode", i), () => {
+      this.five.off("gesture", t), this.five.off("wantsChangeMode", i);
+    };
+  }
+  /**
+   * @description Get duration by speed
+   */
+  getSpeededDuration(e) {
+    return e / this.state.speed;
+  }
+  /**
+   * @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 i;
+    const e = (i = this.data) == null ? void 0 : i.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, i) {
+    if (this.state.enabled)
+      return e();
+    i != null && i.warnLog && this.disableWarnLog();
+  }
+}
+export {
+  X as default,
+  T as pluginFlag
+};

package/libs/CruisePlugin/Move.d.ts

@@ -0,0 +1,40 @@
+import type { Five } from '@realsee/five';
+import CruiseController from './BaseController';
+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?: Partial<{
+        x: number;
+        y: number;
+        z: number;
+    }>;
+};
+type Config = {
+    offset?: Partial<{
+        x: number;
+        y: number;
+        z: 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 "./BaseController.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.handlePause(), this.clear(), 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, !0);
+        }
+      };
+      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/Work.d.ts

@@ -0,0 +1,120 @@
+import type { Five, State } from '@realsee/five';
+import type { PluginState, PluginServerData, PluginData, CruiseKeyframe, MoveEffect, Config } from './typing';
+import CruiseController from './BaseController';
+export default class WalkController extends CruiseController<PluginData, Config> {
+    state: PluginState;
+    protected privateState: {
+        /**
+         * privateState.playing 和 state.playing 的区别：
+         * state.playing 先为true，然后才 handleplay，handleplay方法内会检查privateState.playing，如果已经开始（privateState.playing === true），就不执行操作，如果为false，就执行操作
+         * 其实就是加了一个不允许重复执行handleplay的逻辑
+         */
+        playing: boolean;
+        currentPlayKeyframe: {
+            keyframe: CruiseKeyframe;
+            originDuration?: number;
+        } | null;
+        currentPlayQueue: Promise<any>[];
+        broke: boolean;
+        playId?: string;
+        moveToFirstPanoEffect?: MoveEffect;
+        moveToFirstPanoDuration?: number;
+        modeChanging?: boolean;
+    };
+    constructor(five: Five, config?: Config);
+    /**
+     * @description Load Data and State
+     */
+    load(serverData: PluginServerData | PluginServerData['data'], state?: PluginState, userAction?: boolean): Promise<void>;
+    /**
+     * @description If playing, first pause, then play from keyframes index/id
+     * @param {number} options.index play from keyframes index
+     * @param {string} options.id play from keyframes id
+     */
+    playFrom(options: {
+        userAction?: boolean;
+        index?: number;
+        id?: string;
+    }): void;
+    /**
+     * @description Play from first keyframe
+     */
+    playFromStart(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Format data
+     */
+    protected formatData(serverData: PluginServerData | PluginServerData['data']): Promise<PluginData>;
+    /**
+     * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+     * @param {number} options.playFromIndex play from keyframes index
+     * @param {string} options.playFromId play from keyframes id
+     */
+    protected handlePlay(options?: {
+        userAction?: boolean;
+        playFromIndex?: number;
+        playFromId?: string;
+        notEmitEvent?: true;
+    }): Promise<string>;
+    /**
+     * @description: Pause and record pause state
+     */
+    protected handlePause(options?: {
+        userAction?: boolean;
+        notEmitEvent?: true;
+    }): void;
+    /**
+     * @description: Change play speed
+     */
+    protected changeSpeed(speed: number, userAction?: boolean): void;
+    /**
+     * @description Get ratate progress
+     */
+    protected getProgress(): any;
+    /**
+     * @description Set pause data
+     */
+    protected setPauseData(): Map<string, {
+        fiveState: Partial<State>;
+        id?: string | number;
+        playedProgress: number;
+        duration?: number;
+    }>;
+    /**
+     * @description: Restore state that before loaded
+     */
+    protected clear(): void;
+    /**
+     * @description Play single keyframe
+     */
+    private playKeyframe;
+    /**
+     * @description: getPlayPromise
+     */
+    private getPlayPromise;
+    /**
+     * @description Action promise queue in sequence
+     */
+    private actionPromiseQueue;
+    /**
+     * @description Action move keyframe
+     */
+    private move;
+    /**
+     * @description Action rotate keyframe
+     */
+    private rotate;
+    /**
+     * @description Update five camera
+     */
+    private updateCamera;
+    /**
+     * @description: Change five pano
+     */
+    private changePano;
+    /**
+     * @description Change five mode
+     */
+    private changeMode;
+}