@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/CSS3DRenderPlugin/typing.d.ts

@@ -0,0 +1,26 @@
+import type CSS3DRenderPlugin from '.';
+import type * as BasePlugin from '../base/BasePlugin';
+import type { CSS3DRender } from './CSS3DRender';
+export declare type CSS3DRenderPluginParameterType = undefined;
+export declare type CSS3DRenderPluginExportType = ReturnType<typeof CSS3DRenderPlugin>;
+export declare type CSS3DRenderExportType = InstanceType<typeof CSS3DRender>;
+export declare type Create3DDomContainerReturnType = ReturnType<CSS3DRenderPluginExportType['create3DDomContainer']>;
+export declare type Create3DElementReturnType = ReturnType<InstanceType<typeof CSS3DRender>['create3DElement']>;
+export interface CSS3DRenderPluginState extends BasePlugin.State {
+    enabled: boolean;
+    visible: boolean;
+}
+export interface CSS3DRenderPluginEventMap extends BasePlugin.EventMap<CSS3DRenderPluginState> {
+    show: (options?: {
+        userAction?: boolean;
+    }) => void;
+    hide: (options?: {
+        userAction?: boolean;
+    }) => void;
+    enable: (options?: {
+        userAction?: boolean;
+    }) => void;
+    disable: (options?: {
+        userAction?: boolean;
+    }) => void;
+}

package/esm/CSS3DRenderPlugin/typing.js

@@ -0,0 +1 @@
+

package/esm/CSS3DRenderPlugin/utils/CSS3DObjectPlus.d.ts

@@ -0,0 +1,34 @@
+import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
+import { Matrix4, Quaternion, Vector3 } from 'three';
+import { Subscribe } from '../../shared-utils/Subscribe';
+import type * as THREE from 'three';
+export declare const MinRatio = 0.00216;
+export declare const DefaultRatio = 0.003;
+export declare type Mode = 'front' | 'behind';
+export declare type CornerPoints = [Vector3, Vector3, Vector3, Vector3];
+export declare type CSS3DRenderEventMap = {
+    applyMatrix4: (matrix: Matrix4) => void;
+    applyQuaternion: (quaternion: Quaternion) => void;
+    applyScaleMatrix4: (matrix: Matrix4) => void;
+    changeMode: <T extends Mode = Mode>(mode: T, prevMode: Mode, scene: T extends 'behind' ? THREE.Scene : undefined) => void;
+};
+export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extends CSS3DObject {
+    version: string;
+    width: number;
+    height: number;
+    domWidthPx: number;
+    domHeightPx: number;
+    cornerPoints: CornerPoints;
+    ratio: number;
+    container: T;
+    centerPosition: Vector3;
+    mode: 'front' | 'behind';
+    readonly hooks: Subscribe<CSS3DRenderEventMap>;
+    readonly isCSS3DObjectPlus: true;
+    constructor(container: T, cornerPoints: CornerPoints, ratio?: number, dpr?: number, mode?: Mode);
+    changeMode(mode: 'front'): void;
+    changeMode(mode: 'behind', scene: THREE.Scene): void;
+    applyScaleMatrix4(matrix: Matrix4): void;
+    applyMatrix4(matrix: Matrix4): void;
+    applyQuaternion(quaternion: Quaternion): this;
+}

package/esm/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

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

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

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

package/esm/CSS3DRenderPlugin/utils/centerPoint.js

@@ -0,0 +1,10 @@
+import { Vector3 as r } from "three";
+function o(...t) {
+  const e = new r();
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
+}
+export {
+  o as c
+};

package/esm/CSS3DRenderPlugin/utils/evenNumber.d.ts

@@ -0,0 +1,3 @@
+export declare function evenNumber(num: number, config?: {
+    smaller?: boolean;
+}): number;

package/esm/CSS3DRenderPlugin/utils/evenNumber.js

@@ -0,0 +1,7 @@
+function t(u, e) {
+  const r = Math.round(u);
+  return r % 2 === 0 ? r : r + Number(e != null && e.smaller ? -1 : 1);
+}
+export {
+  t as e
+};

package/esm/CSS3DRenderPlugin/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './centerPoint';
+export * from './evenNumber';
+export * from './random';
+export * from './positionToVector3';

package/esm/CSS3DRenderPlugin/utils/index.js

@@ -0,0 +1 @@
+import "three";

package/esm/CSS3DRenderPlugin/utils/positionToVector3.d.ts

@@ -0,0 +1,13 @@
+import { Vector3 } from 'three';
+export declare type AnyPosition = Vector3 | [number, number, number] | {
+    x: number;
+    y: number;
+    z: number;
+};
+export declare const positionToVector3: ({ x, y, z }: {
+    x: number;
+    y: number;
+    z: number;
+}) => Vector3;
+export declare const arrayPositionToVector3: ([x, y, z]: [number, number, number]) => Vector3;
+export declare const anyPositionToVector3: (position: AnyPosition) => Vector3;

package/esm/CSS3DRenderPlugin/utils/positionToVector3.js

@@ -0,0 +1,6 @@
+import { Vector3 as t } from "three";
+const n = ({ x: r, y: e, z: o }) => new t(r, e, o), a = ([r, e, o]) => new t(r, e, o), s = (r) => r instanceof t ? r : Array.isArray(r) ? a(r) : n(r);
+export {
+  s as a,
+  a as b
+};

package/esm/CSS3DRenderPlugin/utils/random.d.ts

@@ -0,0 +1 @@
+export declare function random(): string;

package/esm/CSS3DRenderPlugin/utils/random.js

@@ -0,0 +1 @@
+

package/esm/CameraMovementPlugin/CameraMovementPlugin.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import { CameraMovementPluginExportType, CameraMovementPluginParameterType } from './typing';
+/**
+ * **运镜插件** 模拟类似于电影运镜效果。
+ */
+export declare const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType, CameraMovementPluginExportType>;
+export default CameraMovementPlugin;

package/esm/CameraMovementPlugin/CameraMovementPlugin.js

@@ -0,0 +1,87 @@
+var b = (e, a, n) => new Promise((m, p) => {
+  var t = (d) => {
+    try {
+      o(n.next(d));
+    } catch (s) {
+      p(s);
+    }
+  }, i = (d) => {
+    try {
+      o(n.throw(d));
+    } catch (s) {
+      p(s);
+    }
+  }, o = (d) => d.done ? m(d.value) : Promise.resolve(d.value).then(t, i);
+  o((n = n.apply(e, a)).next());
+});
+import { Five as y } from "@realsee/five";
+import * as h from "@tweenjs/tween.js";
+import { t as T } from "../shared-utils/animationFrame/tween.js";
+import { R as r } from "./typing.js";
+import { f as P, a as v } from "../shared-utils/animationFrame/formatRad.js";
+import { p as I } from "../shared-utils/animationFrame/calculateProgress.js";
+const w = (e, a, n) => {
+  const m = Math.PI, p = m * 2;
+  return e = v(e), a = v(a), n === r.Anticlockwise && e < a && (e += p), n === r.Clockwise && a < e && (a += p), n === r.Loop && a - e > m ? w(e, a, r.Anticlockwise) : n === r.Loop && e - a > m ? w(e, a, r.Clockwise) : { from: e, to: a };
+}, O = (e) => {
+  const a = {}, n = (d, s, ...L) => b(void 0, [d, s, ...L], function* (t, i, o = { preload: !0 }) {
+    return a.interruptCallback && a.interruptCallback(!1), o.asyncStartCallback && (yield o.asyncStartCallback()), t.mode && t.mode !== e.currentMode && (yield e.changeMode(t.mode)), o.preload && t.panoIndex !== void 0 && t.panoIndex !== e.panoIndex && (yield e.preloadPano(t.panoIndex)), o.asyncEndCallback && (yield o.asyncEndCallback()), t.panoIndex === void 0 && t.fov === void 0 && t.latitude === void 0 && t.longitude === void 0 ? !0 : yield new Promise((u, l) => {
+      const c = t.panoIndex !== void 0 ? t.panoIndex : e.panoIndex;
+      c !== void 0 ? e.moveToPano(
+        c,
+        Object.assign(
+          {
+            duration: i,
+            moveEndCallback: () => u(!0),
+            moveCancelCallback: () => l(!1)
+          },
+          t
+        )
+      ) : l(!1);
+    });
+  }), m = (t) => {
+    const i = e.state, o = P(i.latitude), d = P(t.latitude), { from: s, to: L } = w(
+      i.longitude,
+      t.longitude,
+      t.rotation || r.Loop
+    ), u = i.fov, l = t.fov;
+    return {
+      from: { latitude: o, longitude: s, fov: u },
+      to: { latitude: d, longitude: L, fov: l }
+    };
+  };
+  return {
+    move: n,
+    rotate: (d, s, ...L) => b(void 0, [d, s, ...L], function* (t, i, o = {}) {
+      a.interruptCallback && a.interruptCallback(!1), o.asyncStartCallback && (yield o.asyncStartCallback()), e.currentMode !== y.Mode.Panorama && (yield e.changeMode(y.Mode.Panorama)), t.panoIndex !== void 0 && t.panoIndex !== e.panoIndex && (o.preload && (yield e.preloadPano(t.panoIndex)), yield new Promise((c, k) => {
+        if (!t.panoIndex) {
+          c(!0);
+          return;
+        }
+        e.moveToPano(t.panoIndex, {
+          moveEndCallback: () => c(!0),
+          moveCancelCallback: () => k(!1)
+        });
+      })), o.asyncEndCallback && (yield o.asyncEndCallback());
+      const { from: u, to: l } = m(t);
+      return yield new Promise((c) => {
+        const k = ({ progress: f }) => {
+          const C = {};
+          C.longitude = I(u.longitude, l.longitude, f), C.latitude = I(u.latitude, l.latitude, f), C.fov = I(u.fov, l.fov, f), e.setState(C, !0);
+        }, M = () => {
+          c(!0);
+        }, E = () => {
+          c(!1);
+        }, S = t.rotateSpeed ? Math.ceil(Math.abs(l.longitude - u.longitude) / t.rotateSpeed * 1e3) : i, x = T(S, h.Easing.Linear.None).onUpdate(k).onComplete(M).onDestroy(E);
+        t.rotation === r.Loop && x.repeat(1 / 0).yoyo(!0), a.interruptCallback = (f = !0) => {
+          x.destroy(), a.interruptCallback = void 0, a.timeoutId && (clearTimeout(a.timeoutId), a.timeoutId = void 0), c(f);
+        }, a.timeoutId = setTimeout(() => {
+          a.interruptCallback && a.interruptCallback(!0);
+        }, i);
+      });
+    })
+  };
+};
+export {
+  O as C
+};

package/esm/CameraMovementPlugin/index.d.ts

@@ -0,0 +1,5 @@
+import CameraMovementPlugin from "./CameraMovementPlugin";
+export { CameraMovementPlugin };
+export default CameraMovementPlugin;
+export type { MoveArgs, MoveOpts, RotateArgs, RotateOpts, CameraMovementPluginExportType } from './typing';
+export { CameraMovementEffect, Rotation } from './typing';

package/esm/CameraMovementPlugin/index.js

@@ -0,0 +1,16 @@
+import "./CameraMovementPlugin.js";
+import { C as s, C as l } from "./CameraMovementPlugin.js";
+import { C as v, R as M } from "./typing.js";
+import "@realsee/five";
+import "@tweenjs/tween.js";
+import "../shared-utils/animationFrame/tween.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/formatRad.js";
+import "../shared-utils/animationFrame/calculateProgress.js";
+export {
+  v as CameraMovementEffect,
+  s as CameraMovementPlugin,
+  M as Rotation,
+  l as default
+};

package/esm/CameraMovementPlugin/typing.d.ts

@@ -0,0 +1,68 @@
+import type { Mode, Pose } from '@realsee/five';
+export interface CameraMovementPluginParameterType {
+}
+export interface CameraMovementPluginExportType {
+    /**
+     * 运镜：移动
+     * @param moveArgs 移动参数
+     * @param duration 移动耗时
+     * @param opts 额外配置
+     */
+    move(moveArgs: Partial<MoveArgs>, duration: number, opts?: MoveOpts): Promise<boolean>;
+    /**
+     * 运镜：旋转
+     * @param rotateArgs 旋转参数
+     * @param duration 旋转耗时
+     * @param opts 额外配置
+     */
+    rotate(rotateArgs: Partial<RotateArgs>, duration: number, opts?: RotateOpts): Promise<boolean>;
+}
+/**
+ * 运镜效果
+ */
+export declare enum CameraMovementEffect {
+    Move = "Move",
+    Rotate = "Rotate"
+}
+/**
+ * 旋转类型
+ */
+export declare enum Rotation {
+    Clockwise = "Clockwise",
+    Anticlockwise = "Anticlockwise",
+    Loop = "Loop"
+}
+/**
+ * 回调配置
+ */
+export interface CameraMovementOptsCallback {
+    asyncStartCallback?: () => void;
+    asyncEndCallback?: () => void;
+}
+/**
+ * 移动运镜参数
+ */
+export declare type MoveArgs = {
+    mode: Mode;
+    panoIndex: number;
+} & Pose;
+/**
+ * 移动运镜配置
+ */
+export declare type MoveOpts = {
+    preload?: boolean;
+} & CameraMovementOptsCallback;
+/**
+ * 旋转运镜参数
+ */
+export declare type RotateArgs = {
+    panoIndex?: number;
+    rotateSpeed?: number;
+    rotation?: Rotation;
+} & Pose;
+/**
+ * 旋转运镜配置
+ */
+export declare type RotateOpts = {
+    preload?: boolean;
+} & CameraMovementOptsCallback;

package/esm/CameraMovementPlugin/typing.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((o) => (o.Move = "Move", o.Rotate = "Rotate", o))(e || {}), r = /* @__PURE__ */ ((o) => (o.Clockwise = "Clockwise", o.Anticlockwise = "Anticlockwise", o.Loop = "Loop", o))(r || {});
+export {
+  e as C,
+  r as R
+};

package/esm/CruisePlugin/Controller.d.ts

@@ -0,0 +1,172 @@
+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, config?: Config);
+    /**
+     * @description Load Data and State
+     */
+    load(serverData: PluginServerData | PluginServerData['data'], state?: PluginState, userAction?: boolean): Promise<void>;
+    /**
+     * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+     */
+    play(options?: {
+        userAction?: boolean;
+    }): 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 Pause
+     */
+    pause(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Show guide line
+     */
+    show(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Hide guide line
+     */
+    hide(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Enable
+     */
+    enable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Disable
+     */
+    disable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Dispose
+     */
+    dispose(): void;
+    /**
+     * @description Set state
+     */
+    setState(state: Partial<PluginState>, options?: BaseOptions & Record<string, any>): void;
+    /**
+     * @description Format data
+     */
+    protected formatData(serverData: PluginServerData | PluginServerData['data']): Promise<PluginData>;
+    private handleEnable;
+    private handleVisible;
+    private changePlayState;
+    /**
+     * @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
+     */
+    private handlePlay;
+    /**
+     * @description: Pause and record pause state
+     */
+    private handlePause;
+    /**
+     * @description Play single keyframe
+     */
+    private playKeyframe;
+    /**
+     * @description: listen interupted by five gesture
+     */
+    private addInterruptListener;
+    /**
+     * @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 play speed
+     */
+    private changeSpeed;
+    /**
+     * @description Get duration by speed
+     */
+    private getSpeededDuration;
+    /**
+     * @description Get ratate progress
+     */
+    private getProgress;
+    /**
+     * @description Change five mode
+     */
+    private changeMode;
+    /**
+     * @description Force interupt five updateCamera
+     */
+    private forceInteruptUpdateCamera;
+    private getPauseData;
+    /**
+     * @description Set pause data
+     */
+    private setPauseData;
+    /**
+     * @description Clear pause data
+     */
+    private clearPauseData;
+    /**
+     * @description: Restore state that before loaded
+     */
+    private clear;
+    private handleDispose;
+    /**
+     * @description Action function if plugin is enable
+     */
+    private actionIfStateIsEnabled;
+    /**
+     * @description: Wait for five work ready
+     */
+    private waitFiveLoaded;
+    private setFiveLinearUpdateCamera;
+    private setFiveOriginUpdateCamera;
+}