@realsee/five 5.0.0-alpha.11 → 5.0.0-alpha.112

package/objects/line/utils/LineSegments2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineSegments2=void 0;var t=require("tslib"),e=t.__importStar(require("three")),r=require("./LineSegmentsGeometry"),n=require("./LineMaterial"),a=function(a){function i(t,e){var i=a.call(this)||this;return i.type="LineSegments2",i.geometry=void 0!==t?t:new r.LineSegmentsGeometry,i.material=void 0!==e?e:new n.LineMaterial({color:16777215*Math.random()}),i}return t.__extends(i,a),i.prototype.computeLineDistances=function(){for(var t=this.geometry,r=t.attributes.instanceStart,n=t.attributes.instanceEnd,a=new Float32Array(2*r.count),i=new e.Vector3,o=new e.Vector3,s=0,c=0,u=r.count;s<u;s++,c+=2)i.fromBufferAttribute(r,s),o.fromBufferAttribute(n,s),a[c]=0===c?0:a[c-1],a[c+1]=a[c]+i.distanceTo(o);var l=new e.InstancedInterleavedBuffer(a,2,1);return t.setAttribute("instanceDistanceStart",new e.InterleavedBufferAttribute(l,1,0)),t.setAttribute("instanceDistanceEnd",new e.InterleavedBufferAttribute(l,1,1)),this},i.prototype.raycast=function(t,r){null===t.camera&&console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2.');var n=t.ray,a=t.camera,i=a.projectionMatrix,o=this.geometry,s=this.material,c=s.resolution,u=s.linewidth,l=o.attributes.instanceStart,p=o.attributes.instanceEnd,m=new e.Vector4,y=new e.Vector4,f=new e.Vector4,d=new e.Vector3,w=new e.Matrix4,x=new e.Line3,v=new e.Vector3;n.at(1,f),f.w=1,f.applyMatrix4(a.matrixWorldInverse),f.applyMatrix4(i),f.multiplyScalar(1/f.w),f.x*=c.x/2,f.y*=c.y/2,f.z=0,d.copy(f);var b=this.matrixWorld;w.multiplyMatrices(a.matrixWorldInverse,b);for(var M=0,S=l.count;M<S;M++){m.fromBufferAttribute(l,M),y.fromBufferAttribute(p,M),m.w=1,y.w=1,m.applyMatrix4(w),y.applyMatrix4(w),m.applyMatrix4(i),y.applyMatrix4(i),m.multiplyScalar(1/m.w),y.multiplyScalar(1/y.w);var g=m.z<-1&&y.z<-1,h=m.z>1&&y.z>1;if(!g&&!h){m.x*=c.x/2,m.y*=c.y/2,y.x*=c.x/2,y.y*=c.y/2,x.start.copy(m),x.start.z=0,x.end.copy(y),x.end.z=0;var L=x.closestPointToPointParameter(d,!0);x.at(L,v);var A=e.MathUtils.lerp(m.z,y.z,L),z=A>=-1&&A<=1,B=d.distanceTo(v)<.5*u;if(z&&B){x.start.fromBufferAttribute(l,M),x.end.fromBufferAttribute(p,M),x.start.applyMatrix4(b),x.end.applyMatrix4(b);var V=new e.Vector3,I=new e.Vector3;n.distanceSqToSegment(x.start,x.end,I,V),r.push({point:I,pointOnLine:V,distance:n.origin.distanceTo(I),object:this,faceIndex:M})}}}},i}(e.Mesh);exports.LineSegments2=a,Object.assign(a.prototype,{isLineSegments2:!0});

package/objects/line/utils/LineSegmentsGeometry.d.ts

@@ -1,15 +0,0 @@
-import * as THREE from "three";
-declare class LineSegmentsGeometry extends THREE.InstancedBufferGeometry {
-    constructor();
-    applyMatrix4(matrix: THREE.Matrix4): this;
-    setPositions(array: ArrayLike<number> | number[]): this;
-    setColors(array: Float32Array | number[]): this;
-    fromWireframeGeometry(geometry: THREE.WireframeGeometry): this;
-    fromEdgesGeometry(geometry: THREE.EdgesGeometry): this;
-    fromMesh(mesh: THREE.Mesh): this;
-    fromLineSegments(lineSegments: THREE.LineSegments): this;
-    computeBoundingBox(): void;
-    computeBoundingSphere(): void;
-    toJSON(): void;
-}
-export { LineSegmentsGeometry };

package/objects/line/utils/LineSegmentsGeometry.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LineSegmentsGeometry=void 0;var t=require("tslib"),e=t.__importStar(require("three")),r=function(r){function n(){var t=r.call(this)||this;t.type="LineSegmentsGeometry";return t.setIndex([0,2,1,2,3,1,2,4,3,4,5,3,4,6,5,6,7,5]),t.setAttribute("position",new e.Float32BufferAttribute([-1,2,0,1,2,0,-1,1,0,1,1,0,-1,0,0,1,0,0,-1,-1,0,1,-1,0],3)),t.setAttribute("uv",new e.Float32BufferAttribute([-1,2,1,2,-1,1,1,1,-1,-1,1,-1,-1,-2,1,-2],2)),t}return t.__extends(n,r),n.prototype.applyMatrix4=function(t){var e=this.attributes.instanceStart,r=this.attributes.instanceEnd;return void 0!==e&&(e.applyMatrix4(t),r.applyMatrix4(t),e.needsUpdate=!0),null!==this.boundingBox&&this.computeBoundingBox(),null!==this.boundingSphere&&this.computeBoundingSphere(),this},n.prototype.setPositions=function(t){var r;r=t instanceof Float32Array?t:Array.isArray(t)?new Float32Array(t):new Float32Array;var n=new e.InstancedInterleavedBuffer(r,6,1);return this.setAttribute("instanceStart",new e.InterleavedBufferAttribute(n,3,0)),this.setAttribute("instanceEnd",new e.InterleavedBufferAttribute(n,3,3)),this.computeBoundingBox(),this.computeBoundingSphere(),this},n.prototype.setColors=function(t){var r;r=t instanceof Float32Array?t:Array.isArray(t)?new Float32Array(t):new Float32Array;var n=new e.InstancedInterleavedBuffer(r,6,1);return this.setAttribute("instanceColorStart",new e.InterleavedBufferAttribute(n,3,0)),this.setAttribute("instanceColorEnd",new e.InterleavedBufferAttribute(n,3,3)),this},n.prototype.fromWireframeGeometry=function(t){return this.setPositions(t.attributes.position.array),this},n.prototype.fromEdgesGeometry=function(t){return this.setPositions(t.attributes.position.array),this},n.prototype.fromMesh=function(t){return this.fromWireframeGeometry(new e.WireframeGeometry(t.geometry)),this},n.prototype.fromLineSegments=function(t){var r=t.geometry;if(r instanceof e.Geometry){var n=(new e.BufferGeometry).fromGeometry(r);this.setPositions(n.attributes.position.array)}else r instanceof e.BufferGeometry&&this.setPositions(r.attributes.position.array);return this},n.prototype.computeBoundingBox=function(){null===this.boundingBox&&(this.boundingBox=new e.Box3);var t=this.attributes.instanceStart,r=this.attributes.instanceEnd;if(void 0!==t&&void 0!==r){var n=new e.Box3;this.boundingBox.setFromBufferAttribute(t),n.setFromBufferAttribute(r),this.boundingBox.union(n)}},n.prototype.computeBoundingSphere=function(){null===this.boundingSphere&&(this.boundingSphere=new e.Sphere),null===this.boundingBox&&this.computeBoundingBox();var t=this.attributes.instanceStart,r=this.attributes.instanceEnd;if(void 0!==t&&void 0!==r){var n=this.boundingSphere.center;this.boundingBox.getCenter(n);for(var i=0,o=new e.Vector3,s=0,a=t.count;s<a;s++)o.fromBufferAttribute(t,s),i=Math.max(i,n.distanceToSquared(o)),o.fromBufferAttribute(r,s),i=Math.max(i,n.distanceToSquared(o));this.boundingSphere.radius=Math.sqrt(i),isNaN(this.boundingSphere.radius)&&console.error("THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.",this)}},n.prototype.toJSON=function(){},n}(e.InstancedBufferGeometry);exports.LineSegmentsGeometry=r,Object.assign(r.prototype,{isLineSegmentsGeometry:!0});

package/react/canvas.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-/**
- * Five 渲染区域组件
- * @description Five 渲染区域组件，请在 FiveProvider 内使用
- * @param width 渲染区域的宽度
- * @param height 渲染区域的高度
- * @returns React 元素
- * @example
- * ```typescript
- * <FiveProvider initalWork={work}>
- *  <FiveCanvas width={512} height={512}/>
- * </FiveProvider>
- * ```
- */
-declare const FiveCanvas: React.FC<{
-    width: number;
-    height: number;
-}>;
-export { FiveCanvas };

package/react/canvas.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FiveCanvas=void 0;var e=require("tslib"),r=e.__importStar(require("react")),t=require("./context"),n={display:"inline-block",overflow:"hidden"};exports.FiveCanvas=function(i){var o=i.width,a=i.height,d=t.useFiveInstance(),s=r.createRef(),u=e.__assign({width:o,height:a},n);return r.useLayoutEffect((function(){if(s.current){if(null!==d.renderer.domElement.parentNode&&d.renderer.domElement.parentNode!==s.current)throw new Error("There are more than 2 fiveCanvas in this context.");d.renderer.domElement.parentNode!==s.current&&s.current.appendChild(d.renderer.domElement),d.renderer.setSize(o,a)}}),[o,a,s.current]),r.createElement("div",{ref:s,style:u})};

package/react/context.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { Five, Work, State } from "@realsee/five";
-declare const FiveContext: React.Context<{
-    five: Five;
-    loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number) => void;
-}>;
-declare function useFiveInstance(): Five;
-declare function useFiveWorkLoader(): (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number) => void;
-export { FiveContext, useFiveInstance, useFiveWorkLoader };

package/react/context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveWorkLoader=exports.useFiveInstance=exports.FiveContext=void 0;var e=require("tslib").__importStar(require("react")),r=e.createContext(null);exports.FiveContext=r,exports.useFiveInstance=function(){var t=e.useContext(r);if(!t)throw new Error("FiveProvider never found.");return t.five},exports.useFiveWorkLoader=function(){var t=e.useContext(r);if(!t)throw new Error("FiveProvider never found.");return t.loadWork};

package/react/createProvider.d.ts

@@ -1,65 +0,0 @@
-import * as React from "react";
-import { Five, FiveInitArgs, Work, State } from "@realsee/five";
-declare type PropTypes = {
-    work?: Work;
-    initalWork?: Work;
-    initalState?: "inherit" | "initial" | Partial<Omit<State, "offset">>;
-    onWorkChange?: (work: Work) => void;
-    onStateChange?: (state: State, userAction: boolean) => void;
-    onCurrentStateChange?: (state: State, userAction: boolean) => void;
-    children: React.ReactNode;
-};
-/**
- * 创建一个 FiveProvider
- * 在 React 的体系下，使用 Provider 的方式来组织组件结构。
- * 在 FiveProvider 下，可以使用 FiveCanvas 来创建渲染画布。
- * 以及使用 useFiveState useFiveEvent等 Five React Hooks API 来对 FiveProvider 进行操作
- * @param fiveInitArgs Five 初始化参数
- * @returns FiveProvider React 组件
- * @example
- * ```
- * const FiveProvider = createFiveProvider({...fiveInitArgs});
- * const App: React.FC = () => {
- *  return <FiveProvider initalWork={work}>
- *    <FiveCanvas width={512} height={512} />
- *  </FiveProvider>
- * };
- * ReactDOM.render(<App/>, document.getElementById("app"));
- * ```
- */
-declare function createFiveProvider(fiveInitArgs: Omit<FiveInitArgs, "renderer" | "scissor">): {
-    new (props: PropTypes): {
-        /**
-         * five 实例，可以通过 FiveProvider 的 ref.five 获取得到
-         * 在一些外部调用方面可以尝试使用
-         */
-        five?: Five;
-        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number): void;
-        shouldComponentUpdate(nextProps: PropTypes): boolean;
-        componentWillUnmount(): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<PropTypes>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<PropTypes> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<PropTypes>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<PropTypes>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<PropTypes>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PropTypes>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<PropTypes>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<PropTypes>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any>;
-};
-declare type FiveProviderType = ReturnType<typeof createFiveProvider>;
-export { createFiveProvider, FiveProviderType };

package/react/createProvider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createFiveProvider=void 0;var e=require("tslib"),r=e.__importStar(require("react")),o=require("./rendererPool"),t=require("./context"),i=require("@realsee/five");exports.createFiveProvider=function(n){return function(a){function s(r){var t=a.call(this,r)||this;if(!r.work&&!r.initalWork)throw new Error("props 'work' or 'initalWork' is never set.");var s=1===i.getViewportScale()?window.devicePixelRatio:1,v=o.getRenderer({pixelRatio:s});return t.five=new i.Five(e.__assign({renderer:v},n)),t.five.load(r.work||r.initalWork,r.initalState),t.five.on("load",(function(){var e;t.props.onWorkChange&&t.props.onWorkChange(null===(e=t.five)||void 0===e?void 0:e.work)})),t.five.on("stateChange",(function(e,r){t.props.onStateChange&&t.props.onStateChange(e,r)})),t.five.on("currentStateChange",(function(e,r){t.props.onCurrentStateChange&&t.props.onCurrentStateChange(e,r)})),t}return e.__extends(s,a),s.prototype.loadWork=function(e,r,o){var t;if(this.props.work)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initalWork' instead.");null===(t=this.five)||void 0===t||t.load(e,r,o)},s.prototype.shouldComponentUpdate=function(e){var r,o;return e.work&&e.work!==(null===(r=this.five)||void 0===r?void 0:r.work)&&(null===(o=this.five)||void 0===o||o.load(e.work,e.initalState)),e.children!==this.props.children},s.prototype.componentWillUnmount=function(){this.five&&(this.five.dispose(),o.revokeRenderer(this.five.renderer),delete this.five)},s.prototype.render=function(){var e=this;return r.createElement(t.FiveContext.Provider,{value:{five:this.five,loadWork:function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];return e.loadWork.apply(e,r)}}},this.props.children)},s}(r.Component)};

package/react/createStore.d.ts

@@ -1,138 +0,0 @@
-import * as React from "react";
-declare type ValueMap = Record<string, any>;
-declare type ActionMap = {
-    [name: string]: (...args: any[]) => any;
-};
-declare type ActionMapHanlder<T extends ValueMap, K extends keyof T, M extends ActionMap> = {
-    [Key in keyof M]: [
-        callback: (getValues: () => Pick<T, K>, setValues: (values: Pick<T, K>) => void, ...args: Parameters<M[Key]>) => ReturnType<M[Key]>,
-        ...deps: K[]
-    ];
-};
-/**
- * 监听者模式
- * @template T 预设的监听回调类型
- * @example
- * ```
- * new Store<{
- * "foo": [arg1: number, arg2: string],
- * "bar": [arg: boolean],
- * }>()
- * ```
- */
-declare class Store<T extends ValueMap> {
-    /** 值 */
-    values: T;
-    /** 全局的数据变化钩子 */
-    onValuesChange?: (values: T, prevValues: T) => void;
-    private listeners;
-    constructor(initalValue: T, onValuesChange?: (values: T, prevValues: T) => void);
-    /**
-     * 监听数据变化
-     * @param  names    监听的字段名称
-     * @param  callback 回调函数
-     * @returns 解除监听数据变化
-     */
-    on<K extends keyof T>(names: K[], callback: (values: Pick<T, K>, prevValues: Pick<T, K>) => void): () => void;
-    /**
-     * 获取值
-     * @param names 值的名称
-     */
-    getValues<K extends keyof T>(names: K[]): Pick<T, K>;
-    /**
-     * 设置值
-     * @param values 设置值
-     */
-    setValues<K extends keyof T>(names: K[], values: Pick<T, K>): void;
-}
-declare function createStore<T extends ValueMap, A extends ActionMap = {}>(actionHandler: ActionMapHanlder<T, keyof T, A>): {
-    new (props: {
-        initalValue: T;
-        onValuesChange?: (value: T, prevValue: T) => void;
-        children: React.ReactNode;
-    }): {
-        store: Store<T>;
-        shouldComponentUpdate(nextProps: {
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }): boolean;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
-            initalValue: T;
-            onValuesChange?: (value: T, prevValue: T) => void;
-            children: React.ReactNode;
-        }>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    /**
-     * 使用 Store
-     * @param names 获取的 Store 字段
-     * @returns [值, 修改值方法]
-     */
-    useStore<K_1 extends keyof T>(names: K_1[]): [values: Pick<T, K_1>, setValues: (values: Pick<T, K_1>) => void];
-    /**
-     * 使用 Store (仅设置值)
-     * @param names 获取的 Store 字段
-     * @returns 修改值方法
-     */
-    useStoreSetter<K_2 extends keyof T>(names: K_2[]): (values: Pick<T, K_2>) => void;
-    /**
-     * 监听 Store 变化
-     * @param names Store 字段
-     * @param callback 监听变化的回调函数
-     * @param deps 依赖对象
-     */
-    watchStore<K_3 extends keyof T>(names: K_3[], callback: (values: Pick<T, K_3>, prevValues: Pick<T, K_3>) => void, deps?: React.DependencyList | undefined): void;
-    useStoreAction<N extends keyof A, F extends A[N]>(actionName: N): F;
-    contextType?: React.Context<any>;
-};
-declare type StoreProviderType = ReturnType<typeof createStore>;
-export { createStore, StoreProviderType };

package/react/createStore.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createStore=void 0;var e=require("tslib"),r=e.__importStar(require("react"));function t(e,r){for(var t={},n=r.length,o=-1;++o<n;){var u=r[o];u in e&&(t[u]=e[u])}return t}function n(e,r){for(var t=0;t<e.length;t++)for(var n=0;t<r.length;n++)if(e[t]===r[n])return!0;return!1}var o=function(){function r(e,r){this.values=e,this.listeners=[],this.onValuesChange=r}return r.prototype.on=function(e,r){var t=this,n=[e,r];return this.listeners.push(n),function(){var e=t.listeners.indexOf(n);e>=0&&t.listeners.splice(e,1)}},r.prototype.getValues=function(e){return t(this.values,e)},r.prototype.setValues=function(r,o){var u,s,a=[];for(var i in o)r.indexOf(i)>=0&&(u=o[i],s=this.values[i],!("number"==typeof u&&"number"==typeof s&&isNaN(u)&&isNaN(s)||u===s))&&a.push(i);if(0!==a.length){for(var l=e.__assign({},this.values),f=0,c=a;f<c.length;f++){var v=c[f];this.values[v]=o[v]}this.onValuesChange&&this.onValuesChange(this.values,l);for(var h=0,p=this.listeners;h<p.length;h++){var d=p[h],g=d[0],y=d[1];if(n(g,a)){var _=t(l,g);y(t(this.values,g),_)}}}},r}();exports.createStore=function(t){var n=r.createContext(null);return function(u){function s(e){var r=u.call(this,e)||this;return r.store=new o(e.initalValue,(function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];r.props.onValuesChange&&(e=r.props).onValuesChange.apply(e,t)})),r}return e.__extends(s,u),s.useStore=function(t){var o=r.useContext(n);if(null===o)throw new Error("StoreProvider never found.");var u=r.useRef(!0),s=r.useState(o.getValues(t)),a=s[0],i=s[1],l=e.__spreadArray([o],t);return r.useLayoutEffect((function(){return u.current?u.current=!1:i(o.getValues(t)),o.on(t,(function(e){return i(e)}))}),l),[a,r.useCallback((function(e){return o.setValues(t,e)}),l)]},s.useStoreSetter=function(t){var o=r.useContext(n);if(null===o)throw new Error("StoreProvider never found.");return r.useCallback((function(e){return o.setValues(t,e)}),e.__spreadArray([o],t))},s.watchStore=function(t,o,u){var s=r.useContext(n);if(null===s)throw new Error("StoreProvider never found.");var a=e.__spreadArray([s],t);void 0!==u&&(a=a.concat(u)),r.useLayoutEffect((function(){return s.on(t,o)}),a)},s.useStoreAction=function(o){var u=r.useContext(n);if(null===u)throw new Error("StoreProvider never found.");return r.useCallback((function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var s=t[o],a=s[0],i=s.slice(1),l=function(){return u.getValues(i)},f=function(e){return u.setValues(i,e)};return a.apply(void 0,e.__spreadArray([l,f],r))}),[])},s.prototype.shouldComponentUpdate=function(e){return e.children!==this.props.children},s.prototype.render=function(){return r.createElement(n.Provider,{value:this.store},this.props.children)},s}(r.Component)};

package/react/hooks/unsafe__useFiveInstance.d.ts

@@ -1,9 +0,0 @@
-/**
- * Five React Hooks: 获取 five 实例
- * @description
- * 不到万不得已，并不推荐直接使用。
- * @deprecated
- * @returns five 实例
- */
-declare function unsafe__useFiveInstance(): import("../../application/five").Five;
-export { unsafe__useFiveInstance };

package/react/hooks/unsafe__useFiveInstance.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.unsafe__useFiveInstance=void 0;var e=require("../context");exports.unsafe__useFiveInstance=function(){return e.useFiveInstance()};

package/react/hooks/useFiveAction.d.ts

@@ -1,154 +0,0 @@
-import { Pose } from "@realsee/five";
-/**
- * Five 命令集合
- */
-interface FiveActionReactCallbacks {
-    /**
-     * 移动相机。（不触发点位移动）
-     * @description
-     * 如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
-     * 会 Promise.reject。运动完成则 Promise.resolve
-     * @param pose 相机目标位置
-     * @param duration 动画触发的时常
-     * @returns Promise 是否移动成功
-     */
-    updateCamera(pose: Pose, duration: number): Promise<void>;
-    /**
-     * 初始化 initBasisLoader
-     * @description
-     * 同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
-     * basisLoader 只会初始化一次，一旦初始化则不会再修改。
-     *
-     * @param transcoderResourcePath
-     * 如果不设置，使用默认解析器 basis 解析器。
-     * 可以传入解析器的 `resourcePath`, 则使用指定的解析器
-     * @example
-     * ```
-     * // 使用默认解析器
-     * initialBasisLoader();
-     *
-     * // 使用指定解析器
-     * // 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器
-     * initialBasisLoader("https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/");
-     * ```
-     */
-    initBasisLoader(transcoderResourcePath?: string): void;
-    /**
-     * 获取画面中的像素颜色
-     * @param x 获取像素区域的起始坐标 x
-     * @param y 获取像素区域的起始坐标 y
-     * @param width 获取像素区域的宽度
-     * @param height 获取像素区域的高度
-     * @param pixelRatio 获取区域的像素比
-     * @returns rgba颜色平铺的 Uint8Array
-     */
-    getPixels(x: number, y: number, width: number, height: number, pixelRatio?: number): Uint8Array;
-    /**
-     * 强制渲染
-     * @description
-     * 调用 `render()` 和 `needsRender()` 均可在按需渲染时，使得画面渲染一次
-     * 区别在于：
-     * - `needsRender()` 为在下帧渲染画面
-     * - `render()` 在当前帧渲染画面
-     * 推荐使用 `needsRender()`, 可以更加流畅。但是如果需要截图等同步操作，可以使用 `render()`
-     *
-     * @param callback 渲染完成回调
-     */
-    render(callback?: () => void): void;
-    /**
-     * 下一帧渲染
-     * @description
-     * 调用 `render()` 和 `needsRender()` 均可在按需渲染时，使得画面渲染一次
-     * 区别在于：
-     * - `needsRender()` 为在下帧渲染画面
-     * - `render()` 在当前帧渲染画面
-     * 推荐使用 `needsRender()`, 可以更加流畅。但是如果需要截图等同步操作，可以使用 `render()`
-     */
-    needsRender(): void;
-    /**
-     * 预加载点位图片资源
-     * @param panoIndex 观察点序号
-     * @param callback 加载完成回调, 并传递加载用时。
-     * @returns 加载完成的 Promise 参数同 callback
-     */
-    preloadPano(panoIndex: number, callback?: (costs: number) => void): Promise<number>;
-}
-/**
- * Five React Hooks: 使用 Five 的命令
- *
- * @function updateCamera
- * ```
- * 移动相机。（不触发点位移动）
- * 如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
- * 会 Promise.reject。运动完成则 Promise.resolve
- *
- * // params pose 相机目标位置
- * // params duration 动画触发的时常
- * // params Promise 是否移动成功
- * updateCamera(pose: Pose, duration: number): Promise<void>
- * ```
- *
- * @function initBasisLoader
- * ```
- * 初始化 initBasisLoader
- * 同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
- * basisLoader 只会初始化一次，一旦初始化则不会再修改。
- *
- * // param transcoderResourcePath
- * // 如果不设置，使用默认解析器 basis 解析器。
- * // 可以传入解析器的 `resourcePath`, 则使用指定的解析器
- * initBasisLoader(transcoderResourcePath?: string): void,
- * ```
- *
- * @function getPixels
- * ```
- * 获取画面中的像素颜色
- * // param x 获取像素区域的起始坐标 x
- * // param y 获取像素区域的起始坐标 y
- * // param width 获取像素区域的宽度
- * // param height 获取像素区域的高度
- * // param pixelRatio 获取区域的像素比
- * // returns rgba颜色平铺的 Uint8Array
- * getPixels(x: number, y: number, width: number, height: number, pixelRatio?: number): Uint8Array,
- * ```
- *
- * @function render
- * ```
- * 强制渲染
- * 调用 render() 和 needsRender() 均可在按需渲染时，使得画面渲染一次
- * 区别在于：
- * - needsRender() 为在下帧渲染画面
- * - render() 在当前帧渲染画面
- * 推荐使用 needsRender(), 可以更加流畅。但是如果需要截图等同步操作，可以使用 render()
- *
- * // param callback 渲染完成回调
- * render(callback?: () => void): void,
- * ```
- *
- * @function needsRender
- * ```
- * 下一帧渲染
- * 调用 render() 和 needsRender() 均可在按需渲染时，使得画面渲染一次
- * 区别在于：
- * - needsRender() 为在下帧渲染画面
- * - render() 在当前帧渲染画面
- * 推荐使用 needsRender(), 可以更加流畅。但是如果需要截图等同步操作，可以使用 render()
- * needsRender(): void,
- * ```
- *
- * @function preloadPano
- * ```
- * 预加载点位图片资源
- * // param panoIndex 观察点序号
- * // param callback 加载完成回调, 并传递加载用时。
- * // returns 加载完成的 Promise 参数同 callback
- * preloadPano(panoIndex: number, callback?: (costs: number) => void): Promise<number>
- * ```
- *
- * @example
- * ```
- * const { updateCamera, initBasisLoader, getPixels, render, needsRender, preloadPano } = useFiveAction();
- * ```
- */
-declare function useFiveAction(): FiveActionReactCallbacks;
-export { useFiveAction, FiveActionReactCallbacks };

package/react/hooks/useFiveAction.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveAction=void 0;var e=require("tslib").__importStar(require("react")),r=require("../context");exports.useFiveAction=function(){var n=r.useFiveInstance();return{updateCamera:e.useCallback((function(e,r){return n.updateCamera(e,r)}),[n]),initBasisLoader:e.useCallback((function(e){return n.initBasisLoader(e)}),[n]),getPixels:e.useCallback((function(e,r,t,a,u){return n.getPixels(e,r,t,a,u)}),[n]),render:e.useCallback((function(e){return n.render(e)}),[n]),needsRender:e.useCallback((function(){return n.needsRender=!0}),[n]),preloadPano:e.useCallback((function(e,r){return n.preloadPano(e,r)}),[n])}};

package/react/hooks/useFiveCameraDirection.d.ts

@@ -1,7 +0,0 @@
-import * as THREE from "three";
-/**
- * Five React Hooks: 得到当前相机的方向（单位向量）
- * @returns 当前相机的方向的单位向量
- */
-declare function useFiveCameraDirection(): THREE.Vector3;
-export { useFiveCameraDirection };

package/react/hooks/useFiveCameraDirection.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveCameraDirection=void 0;var e=require("tslib"),r=e.__importStar(require("three")),t=e.__importStar(require("react")),i=require("../context");function n(e){return e.camera.getWorldDirection(new r.Vector3)}exports.useFiveCameraDirection=function(){var e=i.useFiveInstance(),r=t.useState((function(){return n(e)})),u=r[0],o=r[1];return t.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return o(n(e))}))}),[e]),u};

package/react/hooks/useFiveCameraRaycaster.d.ts

@@ -1,7 +0,0 @@
-import * as THREE from "three";
-/**
- * Five React Hooks: 得到当前相机的方向（射线对象）
- * @returns 当前相机的方向的射线对象
- */
-declare function useFiveCameraRaycaster(): THREE.Raycaster;
-export { useFiveCameraRaycaster };

package/react/hooks/useFiveCameraRaycaster.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveCameraRaycaster=void 0;var e=require("tslib"),r=e.__importStar(require("three")),t=e.__importStar(require("react")),a=require("../context");function n(e){var t=e.camera.getWorldDirection(new r.Vector3);return new r.Raycaster(e.camera.position,t)}exports.useFiveCameraRaycaster=function(){var e=a.useFiveInstance(),r=t.useState((function(){return n(e)})),u=r[0],i=r[1];return t.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return i(n(e))}))}),[e]),u};

package/react/hooks/useFiveCurrentState.d.ts

@@ -1,15 +0,0 @@
-import { State } from "@realsee/five";
-/**
- * Five React Hooks: Five 的实时状态
- * @returns
- * [ currentState: Five 的实时状态, setState: 设置 Five 的状态 ]
- * @example
- * ```
- * const [ currentState, setState ] = useFiveCurrentState;
- * ```
- */
-declare function useFiveCurrentState(): [
-    currentState: State,
-    setState: (state: Partial<State>, immediately?: boolean) => void
-];
-export { useFiveCurrentState };

package/react/hooks/useFiveCurrentState.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveCurrentState=void 0;var e=require("tslib").__importStar(require("react")),t=require("../context");exports.useFiveCurrentState=function(){var r=t.useFiveInstance(),u=e.useState((function(){return r.getCurrentState()})),n=u[0],a=u[1],i=e.useCallback((function(e,t){void 0===t&&(t=!1),r.setState(e,t)}),[r]);return e.useLayoutEffect((function(){return r.on("currentStateChange",(function(){return a(r.getCurrentState())}))}),[r]),[n,i]};

package/react/hooks/useFiveEvent.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { FiveEventCallback } from "@realsee/five";
-/**
- * Five React Hooks: Five 事件监听
- * 具体事件列表 请查看 {@link FiveEventCallback}
- * @example
- * ```
- * useFiveEvent("cameraUpdate", pose => {});
- * ```
- */
-declare function useFiveEvent<T extends keyof FiveEventCallback>(name: T, callback: FiveEventCallback[T], deps?: React.DependencyList | undefined): void;
-export { useFiveEvent };

package/react/hooks/useFiveEvent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveEvent=void 0;var e=require("tslib").__importStar(require("react")),r=require("../context");exports.useFiveEvent=function(t,o,i){var n=e.useState({}),u=(n[0],n[1],r.useFiveInstance());if(!u)throw new Error("fiveProvider never found.");var v=[u,t];void 0!==i&&(v=v.concat(i)),e.useLayoutEffect((function(){return u.on(t,o)}),v)};

package/react/hooks/useFiveModelIntersectRaycaster.d.ts

@@ -1,21 +0,0 @@
-import * as THREE from "three";
-/**
- * Five React Hooks: 获取当前模型碰撞检测方法
- *
- * @function fiveModelIntersectRaycaster
- * ```
- * 计算模型射线碰撞检测
- * // param raycaster THREE 射线对象
- * // param floors 和某一楼层做碰撞检测， 不传为和所有楼层做碰撞检测
- * // returns 返回碰撞
- * intersectRaycaster(raycaster: THREE.Raycaster, floors?: number | number[]): Intersection[]
- * ```
- *
- * @example
- * ```
- * const fiveModelIntersectRaycaster = useFiveModelIntersectRaycaster();
- * const intersects = fiveModelIntersectRaycaster(raycaster);
- * ```
- */
-declare function useFiveModelIntersectRaycaster(): (raycaster: THREE.Raycaster) => import("../../loaders/model").Intersection[];
-export { useFiveModelIntersectRaycaster };

package/react/hooks/useFiveModelIntersectRaycaster.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveModelIntersectRaycaster=void 0;var e=require("tslib").__importStar(require("react")),r=require("../context");exports.useFiveModelIntersectRaycaster=function(){var t=r.useFiveInstance();return e.useCallback((function(e){return t.model.intersectRaycaster(e)}),[t])};

package/react/hooks/useFiveModelReadyState.d.ts

@@ -1,8 +0,0 @@
-/**
- * Five React Hooks: 获取当前模型碰加载状态
- * @returns
- * "Loaded": 加载完成
- * "Empty" 加载未完成
- */
-declare function useFiveModelReadyState(): "Loaded" | "Empty";
-export { useFiveModelReadyState };

package/react/hooks/useFiveModelReadyState.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveModelReadyState=void 0;var e=require("tslib").__importStar(require("react")),t=require("../context");function r(e){return e.model.empty?"Empty":"Loaded"}exports.useFiveModelReadyState=function(){var u=t.useFiveInstance(),o=e.useState((function(){return r(u)})),n=o[0],i=o[1];return e.useLayoutEffect((function(){return u.on("modelLoaded",(function(){return i(r(u))}))}),[u]),n};

package/react/hooks/useFiveProject2d.d.ts

@@ -1,20 +0,0 @@
-/**
- * Five React Hooks: 将三维的坐标对应到而为屏幕
- *
- * @function preject2d
- * ```
- * 计算模型射线碰撞检测
- * // param vector 三维的坐标
- * // param testModel 是否和模型检测，如果检测，则被模型遮挡会返回 null
- * // returns 三维的坐标 或者 null
- * preject2d(vector: THREE.Vector3, testModel: boolean): THREE.Vector2 ｜ null
- * ```
- *
- * @example
- * ```
- * const preject2d = useFiveProject2d();
- * const { x: width, y: height } = preject2d(new THREE.Vector3(0, 0, 0));
- * ```
- */
-declare function useFiveProject2d(): (vector: THREE.Vector3, testModel: boolean) => import("three").Vector2;
-export { useFiveProject2d };

package/react/hooks/useFiveProject2d.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveProject2d=void 0;var e=require("tslib").__importStar(require("react")),r=require("../context");exports.useFiveProject2d=function(){var t=r.useFiveInstance();return e.useCallback((function(e,r){return t.project2d(e,r)}),[t])};

package/react/hooks/useFiveScene.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { FiveScene } from "@realsee/five";
-/**
- * Five React Hooks: 操作 Five 的 Scene
- * @param callback 获取 Five 的 Scene 的回调函数
- * @example
- * ```
- * useFiveScene(scene => {
- *  // object is a THREE.Object3D
- *  scene.add(object);
- *  return () => scene.remove(object);
- * });
- * ```
- */
-declare function useFiveScene(callback: (scene: FiveScene) => void | (() => void), deps?: React.DependencyList | undefined): void;
-export { useFiveScene };

package/react/hooks/useFiveScene.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveScene=void 0;var e=require("tslib").__importStar(require("react")),t=require("../context");exports.useFiveScene=function(r,i){var u=t.useFiveInstance(),c=[u];void 0!==i&&(c=c.concat(i)),e.useLayoutEffect((function(){return r(u.scene)}),c)};

package/react/hooks/useFiveState.d.ts

@@ -1,6 +0,0 @@
-import { State } from "@realsee/five";
-declare function useFiveState(): [
-    state: State,
-    setState: (state: Partial<State>, immediately?: boolean) => void
-];
-export { useFiveState };

package/react/hooks/useFiveState.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFiveState=void 0;var e=require("tslib"),t=e.__importStar(require("react")),r=require("../context");function n(t){return e.__assign({},t.state)}exports.useFiveState=function(){var e=r.useFiveInstance(),u=t.useState((function(){return n(e)})),i=u[0],s=u[1],a=t.useCallback((function(t,r){void 0===r&&(r=!1),e.setState(t,r)}),[e]);return t.useLayoutEffect((function(){return e.on("stateChange",(function(){return s(n(e))}))}),[e]),[i,a]};