@realsee/dnalogel 2.1.0-alpha.15 → 2.1.0-alpha.16

package/libs/src/CruisePlugin/index.d.ts

@@ -1,6 +0,0 @@
-import type { FivePlugin } from '@realsee/five';
-import CruisePluginController from './Controller';
-export { CruisePluginController };
-export declare const CruisePlugin: FivePlugin<void, InstanceType<typeof CruisePluginController>>;
-export type { CruisePluginExportType } from './typing';
-export default CruisePlugin;

package/libs/src/CruisePlugin/index.js

@@ -1,4 +0,0 @@
-import CruisePluginController from './Controller';
-export { CruisePluginController };
-export const CruisePlugin = (five) => new CruisePluginController(five);
-export default CruisePlugin;

package/libs/src/CruisePlugin/typing.d.ts

@@ -1,129 +0,0 @@
-import type { MovePanoOptions, Pose, State } from '@realsee/five';
-import type CruisePlugin from '.';
-import type * as BasePluginWithData from '../base/BasePluginWithData';
-declare type FivePoseAndState = Partial<Pose> & Partial<State>;
-export declare type MoveEffect = MovePanoOptions['effect'];
-export declare type CruiseData = {
-    /** 移动/旋转 */
-    effect: 'Move' | 'Rotate';
-    /** five走点动画 */
-    moveEffect?: MoveEffect;
-    /** 移动速度 */
-    moveSpeed?: number;
-    /** 旋转速度 */
-    rotateSpeed?: number;
-} & FivePoseAndState;
-export interface CruiseKeyframe {
-    id: string;
-    index: number;
-    moveIndex: number;
-    stay?: number;
-    start?: number;
-    end?: number;
-    data: CruiseData;
-}
-export interface PluginData {
-    keyframesId: string;
-    keyframes: CruiseKeyframe[];
-}
-export interface PluginServerData extends BasePluginWithData.ServerData {
-    data: {
-        keyframes: {
-            uuid?: string;
-            id?: string;
-            start?: number;
-            end?: number;
-            data: CruiseData;
-        }[];
-        /** for ts check, no care */
-        panoIndexList?: undefined;
-        /** for ts check, no care */
-        moveEffect?: undefined;
-        /** for ts check, no care */
-        moveType?: undefined;
-        /** for ts check, no care */
-        moveToFirstPanoEffect?: undefined;
-        /** for ts check, no care */
-        stay?: undefined;
-    } | {
-        /** 点位列表 */
-        panoIndexList: number[];
-        /** five走点动画 */
-        moveEffect?: MoveEffect;
-        /** 到第一个点的走点动画 / 续播到暂停处的走点动画 */
-        moveToFirstPanoEffect?: MoveEffect;
-        /** 漫游方式：justMove 为移动到指定点位，且朝向为下一个点的朝向；moveAndRotate 为先移动到指定点位且朝向不变，然后旋转到下一个点的朝向 */
-        moveType?: 'justMove' | 'moveAndRotate';
-        /** 停留时长 */
-        stay?: number;
-        /** for ts check, no care */
-        keyframes?: undefined;
-    };
-}
-export interface PluginState extends BasePluginWithData.State {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否正在播放 */
-    playing: boolean;
-    /** 是否销毁 */
-    disposed: boolean;
-    /** 播放速度 */
-    speed: number;
-    config?: {
-        /** 速度配置 */
-        speedConfig?: {
-            /** 旋转速度 */
-            rotateSpeed: number;
-            /** 旋转速度单位 */
-            rotateSpeedUnit: 'rad/s' | 'rad/ms';
-            /** 移动速度 */
-            moveSpeed: number;
-            /** 移动速度单位 */
-            moveSpeedUnit: 'm/s' | 'm/ms';
-        };
-        /** five 走点动画 */
-        moveEffect?: MoveEffect;
-    };
-}
-export interface EventMap extends BasePluginWithData.EventMap<PluginState, PluginData> {
-    /** 展示 */
-    show: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 隐藏 */
-    hide: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 开启 */
-    enable: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 关闭 */
-    disable: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 播放状态改变，playingState: playing 表示播放；pause 表示暂停 */
-    playStateChange: (playingState: 'playing' | 'pause', options: {
-        userAction: boolean;
-    }) => void;
-    /** 开始播放，相当于 playStateChange: ('playing') => void */
-    play: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 暂停播放，相当于 playStateChange: ('pause') => void */
-    pause: (options: {
-        userAction: boolean;
-    }) => void;
-    /** 播放的帧改变，index表示开始播放第{index}个帧 */
-    playIndexChange: (index: number, keyframe: CruiseKeyframe) => void;
-    /** 播放被手势操作打断，同时会触发 ”pause“ 事件 */
-    broke: () => void;
-    /** 播放结束 */
-    end: () => void;
-    /** 播放速度改变，speed表示播放速度 */
-    speedChange: (speed: number, options: {
-        userAction: boolean;
-    }) => void;
-}
-export declare type CruisePluginExportType = ReturnType<typeof CruisePlugin>;
-export {};

package/libs/src/CruisePlugin/typing.js

@@ -1 +0,0 @@
-export {};

package/libs/src/CruisePlugin/utils/coordinatesAngle.d.ts

@@ -1,12 +0,0 @@
-/**
- * @description: 获取coordinates间的夹角
- * @return {number} 夹角角度
- */
-declare function coordinatesAngle(coordinates1: {
-    longitude: number;
-    latitude: number;
-}, coordinates2: {
-    longitude: number;
-    latitude: number;
-}): number;
-export { coordinatesAngle };

package/libs/src/CruisePlugin/utils/coordinatesAngle.js

@@ -1,12 +0,0 @@
-import { coordinatesToVector } from './coordinatesToVector';
-/**
- * @description: 获取coordinates间的夹角
- * @return {number} 夹角角度
- */
-function coordinatesAngle(coordinates1, coordinates2) {
-    const vector1 = coordinatesToVector(coordinates1);
-    const vector2 = coordinatesToVector(coordinates2);
-    const angle = vector1.angleTo(vector2);
-    return angle;
-}
-export { coordinatesAngle };

package/libs/src/CruisePlugin/utils/coordinatesToVector.d.ts

@@ -1,7 +0,0 @@
-import * as THREE from 'three';
-/** 坐标转换成单位向量 */
-declare function coordinatesToVector(coordinates: {
-    longitude: number;
-    latitude: number;
-}): THREE.Vector3;
-export { coordinatesToVector };

package/libs/src/CruisePlugin/utils/coordinatesToVector.js

@@ -1,10 +0,0 @@
-import * as THREE from 'three';
-/** 坐标转换成单位向量 */
-function coordinatesToVector(coordinates) {
-    const distance = Math.abs(Math.cos(coordinates.latitude));
-    return new THREE.Vector3(
-    /* x */ -Math.sin(coordinates.longitude) * distance, 
-    /* y */ -Math.sin(coordinates.latitude), 
-    /* z */ -Math.cos(coordinates.longitude) * distance);
-}
-export { coordinatesToVector };

package/libs/src/CruisePlugin/utils/formatRad.d.ts

@@ -1,7 +0,0 @@
-/**
- * 将弧度转成 0 - 2PI 中的值
- * @param rad - 任意弧度值
- * @return 0 - 2PI 的数值
- */
-declare function formatRad(rad: number): number;
-export { formatRad };

package/libs/src/CruisePlugin/utils/formatRad.js

@@ -1,12 +0,0 @@
-const TAU = Math.PI * 2;
-/**
- * 将弧度转成 0 - 2PI 中的值
- * @param rad - 任意弧度值
- * @return 0 - 2PI 的数值
- */
-function formatRad(rad) {
-    if (rad >= 0 && rad < TAU)
-        return rad;
-    return ((rad % TAU) + TAU) % TAU;
-}
-export { formatRad };

package/libs/src/CruisePlugin/utils/linerValue.d.ts

@@ -1 +0,0 @@
-export default function linerValue(x0: number, v0: number, t1: number, t: number): number;

package/libs/src/CruisePlugin/utils/linerValue.js

@@ -1,6 +0,0 @@
-// eslint-disable-next-line max-params
-export default function linerValue(x0, v0, t1, t) {
-    const a = -x0 / t1;
-    const d = x0;
-    return a * t + d;
-}

package/libs/src/CruisePlugin/utils/safeCall.d.ts

@@ -1 +0,0 @@
-export declare const safeCall: (fn: () => Promise<any>) => Promise<void>;

package/libs/src/CruisePlugin/utils/safeCall.js

@@ -1,7 +0,0 @@
-export const safeCall = async (fn) => {
-    try {
-        // eslint-disable-next-line prettier/prettier
-        fn().then(() => { }, () => { }).catch(() => { });
-    }
-    catch (e) { }
-};

package/libs/src/CruisePlugin/utils/sleep.d.ts

@@ -1 +0,0 @@
-export declare function sleep(duration: number): Promise<void>;

package/libs/src/CruisePlugin/utils/sleep.js

@@ -1,7 +0,0 @@
-export function sleep(duration) {
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            resolve();
-        }, duration);
-    });
-}

package/libs/src/CruisePlugin/utils/vectorToCoordinates.d.ts

@@ -1,7 +0,0 @@
-import type * as THREE from 'three';
-/** 单位向量转换成坐标 */
-declare function vectorToCoordinates(vector: THREE.Vector3): {
-    longitude: number;
-    latitude: number;
-};
-export { vectorToCoordinates };

package/libs/src/CruisePlugin/utils/vectorToCoordinates.js

@@ -1,9 +0,0 @@
-import { formatRad } from './formatRad';
-/** 单位向量转换成坐标 */
-function vectorToCoordinates(vector) {
-    return {
-        longitude: formatRad(-Math.atan2(vector.x, -vector.z)),
-        latitude: -Math.asin(vector.y / 1),
-    };
-}
-export { vectorToCoordinates };

package/libs/src/GuideLinePlugin/Controller.d.ts

@@ -1,46 +0,0 @@
-import * as BasePluginWithData from '../base/BasePluginWithData';
-import type { Five } from '@realsee/five';
-import type { EventMap, PluginData, PluginServerData, PluginState } from './typing';
-export declare const pluginFlag: (name: string) => string;
-export default class Controller extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
-    static lasestVersion: string;
-    state: {
-        visible: boolean;
-        enabled: boolean;
-        disposed: boolean;
-    };
-    protected data?: PluginData;
-    private linesGroup?;
-    constructor(five: Five);
-    load(serverData: PluginServerData | PluginData, state?: PluginState, userAction?: boolean): Promise<void>;
-    formatData(serverData: any): Promise<PluginData>;
-    show(options?: {
-        userAction?: boolean;
-    }): Promise<void>;
-    hide(options?: {
-        userAction?: boolean;
-    }): Promise<void>;
-    enable(options?: {
-        userAction?: boolean;
-    }): void;
-    disable(options?: {
-        userAction?: boolean;
-    }): void;
-    dispose(): void;
-    setState(state: Partial<PluginState>, options?: {
-        userAction?: boolean;
-    }): void;
-    private handleEnable;
-    private handleVisible;
-    private handleDispose;
-    /**
-     * 获取多条路线的 Mesh Group
-     */
-    private getLinesGroup;
-    /**
-     * 获取单条路线
-     */
-    private getLine;
-    private disposedErrorLog;
-    private actionWhenEnabled;
-}

package/libs/src/GuideLinePlugin/Controller.js

@@ -1,186 +0,0 @@
-import * as BasePluginWithData from '../base/BasePluginWithData';
-import * as THREE from 'three';
-import getLineGeometries from './utils/getLineGeometries';
-import { getArrowMaterial } from './utils/getArrowMaterial';
-import { notNil } from '../shared-utils/isNil';
-import equal from '../shared-utils/equal';
-const VERSION = 'v1.0.1';
-const PLUGIN_NAME = 'GuideLinePlugin';
-const PLUGIN = `${PLUGIN_NAME}@${VERSION}`;
-export const pluginFlag = (name) => `${PLUGIN}--${name}`;
-export default class Controller extends BasePluginWithData.Controller {
-    constructor(five) {
-        super(five);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                visible: false,
-                enabled: true,
-                disposed: false,
-            }
-        });
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "linesGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "disposedErrorLog", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                console.error(`${PLUGIN} is disposed`);
-            }
-        });
-        Object.defineProperty(this, "actionWhenEnabled", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (func) => {
-                if (this.state.enabled)
-                    return func();
-            }
-        });
-        Object.assign(window, { [`__${PLUGIN_NAME}_DEBUG__`]: this });
-    }
-    async load(serverData, state, userAction = true) {
-        const prevData = this.data ? JSON.parse(JSON.stringify(this.data)) : undefined;
-        // format server data to plugin data
-        const data = await this.formatData(serverData);
-        this.hooks.emit('dataChange', data, prevData);
-        this.data = data;
-        // render line group
-        if (this.linesGroup)
-            this.five.scene.remove(this.linesGroup);
-        const linesGroup = this.getLinesGroup(data.routes);
-        if (!linesGroup)
-            return;
-        this.linesGroup = linesGroup;
-        this.five.scene.add(linesGroup);
-        this.handleVisible(this.state.visible);
-        this.handleEnable(this.state.enabled);
-        // initialize plugin state
-        if (state)
-            this.setState(state);
-        // load end
-        this.five.needsRender = true;
-        this.hooks.emit('dataLoaded', data);
-        console.log(`${PLUGIN} loaded`, data);
-    }
-    async formatData(serverData) {
-        if (typeof serverData === 'object' && serverData !== null && serverData.version && serverData.data) {
-            return serverData.data;
-        }
-        return serverData;
-    }
-    async show(options) {
-        this.setState({ visible: true }, options);
-    }
-    async hide(options) {
-        this.setState({ visible: false }, options);
-    }
-    enable(options) {
-        this.setState({ enabled: true }, options);
-    }
-    disable(options) {
-        this.setState({ enabled: false }, options);
-    }
-    dispose() {
-        this.setState({ disposed: true });
-    }
-    setState(state, options) {
-        var _a;
-        if (this.state.disposed)
-            return this.disposedErrorLog();
-        const prevState = Object.assign({}, this.state);
-        this.state = Object.assign(Object.assign({}, this.state), state);
-        if (state.disposed !== undefined && state.disposed !== prevState.disposed) {
-            if (state.disposed)
-                this.handleDispose();
-        }
-        if (state.visible !== undefined && state.visible !== prevState.visible) {
-            this.handleVisible(state.visible, options === null || options === void 0 ? void 0 : options.userAction);
-        }
-        if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
-            this.handleEnable(state.enabled, options === null || options === void 0 ? void 0 : options.userAction);
-        }
-        if (!equal(prevState, this.state, { deep: true })) {
-            this.hooks.emit('stateChange', { state: this.state, prevState, userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
-            this.five.needsRender = true;
-        }
-    }
-    handleEnable(enabled, userAction = true) {
-        if (this.linesGroup) {
-            if (enabled) {
-                this.five.scene.add(this.linesGroup);
-                this.actionWhenEnabled(() => this.hooks.emit('enable', { userAction }));
-            }
-            else {
-                this.five.scene.remove(this.linesGroup);
-                this.hooks.emit('disable', { userAction });
-            }
-        }
-    }
-    handleVisible(visible, userAction = true) {
-        if (this.linesGroup) {
-            if (visible) {
-                this.linesGroup.visible = true;
-                this.actionWhenEnabled(() => this.hooks.emit('show', { userAction }));
-            }
-            else {
-                this.linesGroup.visible = false;
-                this.actionWhenEnabled(() => this.hooks.emit('hide', { userAction }));
-            }
-        }
-    }
-    handleDispose() {
-        if (this.linesGroup)
-            this.five.scene.add(this.linesGroup);
-    }
-    /**
-     * 获取多条路线的 Mesh Group
-     */
-    getLinesGroup(routes) {
-        /** 'as THREE.Mesh[]' for build check */
-        const meshes = routes.map(this.getLine.bind(this)).filter(notNil);
-        const group = new THREE.Group();
-        group.name = pluginFlag('route-group');
-        if (meshes.length === 0)
-            return;
-        group.add(...meshes);
-        return group;
-    }
-    /**
-     * 获取单条路线
-     */
-    getLine(data) {
-        const group = new THREE.Group();
-        const positions = data.panoIndexList.map((panoIndex) => { var _a; return (_a = this.five.work.observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.standingPosition; }).filter(notNil);
-        const geometries = getLineGeometries(positions, { skipPosition: true, unitWidth: 0.6, unitHeight: 0.4 });
-        if (!geometries)
-            return;
-        const material = getArrowMaterial({ textureUrl: data.arrowTextureUrl });
-        geometries.forEach((geometry) => {
-            const mesh = new THREE.Mesh(geometry, material);
-            mesh.name = pluginFlag('route-line-mesh');
-            group.add(mesh);
-        });
-        // mesh.renderOrder = 3
-        return group;
-    }
-}
-Object.defineProperty(Controller, "lasestVersion", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: VERSION
-});

package/libs/src/GuideLinePlugin/index.d.ts

@@ -1,5 +0,0 @@
-import type { FivePlugin } from '@realsee/five';
-import Controller from './Controller';
-export declare const GuideLinePlugin: FivePlugin<void, InstanceType<typeof Controller>>;
-export type { GuideLinePluginExportType } from './typing';
-export default GuideLinePlugin;

package/libs/src/GuideLinePlugin/index.js

@@ -1,3 +0,0 @@
-import Controller from './Controller';
-export const GuideLinePlugin = (five) => new Controller(five);
-export default GuideLinePlugin;

package/libs/src/GuideLinePlugin/typing.d.ts

@@ -1,31 +0,0 @@
-import type GuideLinePlugin from '.';
-import type * as BasePluginWithData from '../base/BasePluginWithData';
-export interface Route {
-    panoIndexList: number[];
-    arrowTextureUrl?: string;
-}
-export interface PluginData {
-    routes: Route[];
-}
-export interface PluginServerData extends BasePluginWithData.ServerData {
-    data: PluginData;
-}
-export interface PluginState extends BasePluginWithData.State {
-    visible: boolean;
-    disposed: boolean;
-}
-export interface EventMap extends BasePluginWithData.EventMap<PluginState, PluginData> {
-    show: (options: {
-        userAction: boolean;
-    }) => void;
-    hide: (options: {
-        userAction: boolean;
-    }) => void;
-    enable: (options: {
-        userAction: boolean;
-    }) => void;
-    disable: (options: {
-        userAction: boolean;
-    }) => void;
-}
-export declare type GuideLinePluginExportType = ReturnType<typeof GuideLinePlugin>;

package/libs/src/GuideLinePlugin/typing.js

@@ -1 +0,0 @@
-export {};

package/libs/src/GuideLinePlugin/utils/getArrowMaterial.d.ts

@@ -1,4 +0,0 @@
-import * as THREE from 'three';
-export declare function getArrowMaterial(params?: {
-    textureUrl?: string;
-}): THREE.MeshBasicMaterial;

package/libs/src/GuideLinePlugin/utils/getArrowMaterial.js

@@ -1,19 +0,0 @@
-import * as THREE from 'three';
-export function getArrowMaterial(params) {
-    var _a;
-    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow.c5d028e4.png')
-    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow2.aa1762e4.png')
-    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow3.06c5b657.png')
-    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow4.b1427685.png')
-    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow5.ae49f3c8.png')
-    const texture = new THREE.TextureLoader().load((_a = params === null || params === void 0 ? void 0 : params.textureUrl) !== null && _a !== void 0 ? _a : '//vrlab-static.ljcdn.com/release/web/arrow6.b6ce0c62.png');
-    texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
-    texture.encoding = THREE.sRGBEncoding;
-    const arrowMaterial = new THREE.MeshBasicMaterial({
-        color: 0xffffff,
-        map: texture,
-        transparent: true,
-        opacity: 0.8,
-    });
-    return arrowMaterial;
-}

package/libs/src/GuideLinePlugin/utils/getLineGeometries.d.ts

@@ -1,14 +0,0 @@
-import * as THREE from 'three';
-/**
- * @description: 根据坐标获取平滑曲线
- * @param {Vector3[]} positionList 坐标点数组
- * @param {number} config.unitWidth 宽
- * @param {number} config.unitHeight 高
- * @param {boolean} config.skipPosition 是否越过点位。如果点位上有其他物体，比如点位圆环，可以开启此选项来使越过点位，使其不会重叠显示
- * @return {THREE.BufferGeometry[]} THREE.BufferGeometry[]
- */
-export default function getLineGeometries(positionList: THREE.Vector3[], config?: {
-    skipPosition?: boolean;
-    unitWidth?: number;
-    unitHeight?: number;
-}): THREE.BufferGeometry[];