@realsee/five 5.0.0-alpha.21 → 5.0.0-alpha.210

package/react/index.d.ts

@@ -11,6 +11,8 @@ import * as THREE_2 from 'three';
 import { Vector2 } from 'three';
 import { Work } from '@realsee/five';
 
+export declare function createFiveFeature<T extends FiveInjectionFeature>(...features: T[]): T[];
+
 /**
  * 创建一个 FiveProvider
  * 在 React 的体系下，使用 Provider 的方式来组织组件结构。
@@ -29,17 +31,56 @@ import { Work } from '@realsee/five';
  * ReactDOM.render(<App/>, document.getElementById("app"));
  * ```
  */
-export declare function createFiveProvider(fiveInitArgs: Omit<FiveInitArgs, "renderer" | "scissor">): {
-    new (props: FiveProviderPropTypes): {
+export declare function createFiveProvider(fiveInitArgs?: Omit<FiveInitArgs, "renderer" | "scissor">): {
+    new (props: FiveProviderPropTypes | Readonly<FiveProviderPropTypes>): {
+        /**
+         * five 实例，可以通过 FiveProvider 的 ref.five 获取得到
+         * 在一些外部调用方面可以尝试使用
+         */
+        five?: Five;
+        unmout: boolean;
+        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean): Promise<void>;
+        shouldComponentUpdate(nextProps: FiveProviderPropTypes): boolean;
+        componentWillUnmount(): void;
+        render(): React_2.FunctionComponentElement<React_2.ProviderProps<{
+            five: Five;
+            loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean) => Promise<void>;
+        }>>;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<FiveProviderPropTypes>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<FiveProviderPropTypes> & Readonly<{
+            children?: React_2.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React_2.ReactInstance;
+        };
+        componentDidMount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React_2.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<FiveProviderPropTypes>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<FiveProviderPropTypes>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<FiveProviderPropTypes>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<FiveProviderPropTypes>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<FiveProviderPropTypes>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<FiveProviderPropTypes>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: FiveProviderPropTypes, context: any): {
         /**
          * five 实例，可以通过 FiveProvider 的 ref.five 获取得到
          * 在一些外部调用方面可以尝试使用
          */
         five?: Five;
-        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number): void;
+        unmout: boolean;
+        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean): Promise<void>;
         shouldComponentUpdate(nextProps: FiveProviderPropTypes): boolean;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React_2.FunctionComponentElement<React_2.ProviderProps<{
+            five: Five;
+            loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean) => Promise<void>;
+        }>>;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<FiveProviderPropTypes>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -101,7 +142,7 @@ export declare function createStore<T extends StoreValueMapType, A extends Store
                 onValuesChange?: (value: T, prevValue: T) => void;
                 children: React_2.ReactNode;
             }): boolean;
-            render(): JSX.Element;
+            render(): React_2.FunctionComponentElement<React_2.ProviderProps<Store<T>>>;
             context: any;
             setState<K_3 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
                 initialValue: T;
@@ -174,26 +215,6 @@ export declare interface FiveActionReactCallbacks {
      * @returns Promise 是否移动成功
      */
     updateCamera(pose: Pose, duration: number): Promise<void>;
-    /**
-     * 初始化 initBasisLoader
-     * @description
-     * 同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
-     * basisLoader 只会初始化一次，一旦初始化则不会再修改。
-     *
-     * @param transcoderResourcePath - basis 解析器路径
-     * 如果不设置，使用默认解析器 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
@@ -255,7 +276,7 @@ export declare const FiveCanvas: React_2.FC<{
 
 export declare type FiveInjectionActionFeature = "loadWork" | "setState" | "on" | "off" | "intersectRaycaster" | "project2d" | "updateCamera" | "initBasisLoader" | "getPixels" | "render" | "needsRender" | "preloadPano" | "showFloor" | "toggleHelperVisible";
 
-export declare type FiveInjectionDataFeature = "unsafe__fiveInstance" | "currentState" | "state" | "work" | "scene" | "cameraDirection" | "cameraRaycaster" | "modelReadyState" | "shownFloor" | "totalFloorLength" | "helperVisible";
+export declare type FiveInjectionDataFeature = "unsafe__fiveInstance" | "currentState" | "currentObserver" | "state" | "work" | "model" | "scene" | "cameraDirection" | "cameraRaycaster" | "modelReadyState" | "shownFloor" | "totalFloorLength" | "helperVisible";
 
 export declare type FiveInjectionFeature = FiveInjectionDataFeature | FiveInjectionActionFeature;
 
@@ -398,26 +419,6 @@ export declare interface FiveInjectionTypes extends Record<FiveInjectionFeature,
      * @returns Promise 是否移动成功
      */
     updateCamera: Five["updateCamera"];
-    /**
-     * 初始化 initBasisLoader
-     * @description
-     * 同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
-     * basisLoader 只会初始化一次，一旦初始化则不会再修改。
-     *
-     * @param transcoderResourcePath - basis 解析器路径
-     * 如果不设置，使用默认解析器 basis 解析器。
-     * 可以传入解析器的 `resourcePath`, 则使用指定的解析器
-     * @example
-     * ```
-     * // 使用默认解析器
-     * five.initialBasisLoader();
-     *
-     * // 使用指定解析器
-     * // 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器
-     * five.initialBasisLoader("https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/");
-     * ```
-     */
-    initBasisLoader: Five["initBasisLoader"];
     /**
      * 获取画面中的像素颜色
      * @param x - 获取像素区域的起始坐标 x
@@ -472,22 +473,24 @@ export declare interface FiveInjectionTypes extends Record<FiveInjectionFeature,
 
 export declare type FiveProviderPropTypes = {
     work?: Work;
-    initialWork?: Work;
+    initialWork?: Work | Promise<Work>;
     initialState?: "inherit" | "initial" | Partial<Omit<State, "offset">>;
+    initialUserAction?: boolean;
     onWorkChange?: (work: Work) => void;
     onStateChange?: (state: State, userAction: boolean) => void;
     onCurrentStateChange?: (state: State, userAction: boolean) => void;
+    onError?: (error: Error) => void;
     children: React_2.ReactNode;
 };
 
 export declare type FiveProviderType = ReturnType<typeof createFiveProvider>;
 
-export declare interface InjectFiveToProps<F extends FiveInjectionFeature> {
-    [INJECTION_PROPNAME]: Pick<FiveInjectionTypes, F>;
-}
-
 export declare const INJECTION_PROPNAME = "$five";
 
+export declare interface PropTypeOfFiveFeatures<F extends FiveInjectionFeature[]> {
+    [INJECTION_PROPNAME]: Pick<FiveInjectionTypes, F[number]>;
+}
+
 /**
  * 监听者模式
  * @template T - 预设的监听回调类型
@@ -563,18 +566,6 @@ export declare function unsafe__useFiveInstance(): Five;
  * updateCamera(pose: Pose, duration: number): Promise<void>
  * ```
  *
- * @function initBasisLoader
- * ```
- * 初始化 initBasisLoader
- * 同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
- * basisLoader 只会初始化一次，一旦初始化则不会再修改。
- *
- * // param transcoderResourcePath
- * // 如果不设置，使用默认解析器 basis 解析器。
- * // 可以传入解析器的 `resourcePath`, 则使用指定的解析器
- * initBasisLoader(transcoderResourcePath?: string): void,
- * ```
- *
  * @function getPixels
  * ```
  * 获取画面中的像素颜色
@@ -639,6 +630,16 @@ export declare function useFiveCameraDirection(): THREE_2.Vector3;
  */
 export declare function useFiveCameraRaycaster(): THREE_2.Raycaster;
 
+/**
+ * Five React Hooks: Five 的当前观测点
+ * @returns Work.observers[number] 当前观测点, 如果 work 未加载则为 null
+ * @example
+ * ```
+ * const observer = useFiveCurrentObserver();
+ * ```
+ */
+export declare function useFiveCurrentObserver(): Work["observers"][number] | null;
+
 /**
  * Five React Hooks: Five 的实时状态
  * @returns
@@ -650,7 +651,7 @@ export declare function useFiveCameraRaycaster(): THREE_2.Raycaster;
  */
 export declare function useFiveCurrentState(): [
 currentState: State,
-setState: (state: Partial<State>, immediately?: boolean) => void
+setState: (state: Partial<State> | ((prevState: State) => Partial<State>), immediately?: boolean, userAction?: boolean) => void
 ];
 
 /**
@@ -669,7 +670,7 @@ export declare function useFiveEventCallback<T extends keyof EventCallback>(name
  * [ shownFloor: Five 当前显示的楼层， null 为都显示, showFloor: 设置显示楼层，不传参数为都显示 ]
  * @example
  * ```
- * const [ shownFloor, showFloor ] = useFiveHelper;
+ * const [ shownFloor, showFloor ] = useFiveFloor;
  * ```
  */
 export declare function useFiveFloor(): [
@@ -713,7 +714,7 @@ toggleHelperVisible: (visible: boolean) => void
 export declare function useFiveModelIntersectRaycaster(): (raycaster: THREE_2.Raycaster) => Intersection[];
 
 /**
- * Five React Hooks: 获取当前模型碰加载状态
+ * Five React Hooks: 获取当前模型加载状态
  * @returns
  * "Loaded": 加载完成
  * "Empty" 加载未完成
@@ -751,10 +752,10 @@ export declare const useFiveScene: typeof useFiveSceneEffect;
  * @param callback - 获取 Five 的 Scene 的回调函数
  * @example
  * ```
- * useFiveScene(scene => {
+ * useFiveSceneEffect(scene => {
  *  // object is a THREE.Object3D
  *  scene.add(object);
- *  return () => scene.remove(object);
+ *  return () => scene.remove(object); // 析构函数
  * });
  * ```
  */
@@ -762,7 +763,7 @@ export declare function useFiveSceneEffect(callback: (scene: Scene) => void | ((
 
 export declare function useFiveState(): [
 state: State,
-setState: (state: Partial<State>, immediately?: boolean) => void
+setState: (state: Partial<State> | ((prevState: State) => Partial<State>), immediately?: boolean, userAction?: boolean) => void
 ];
 
 /**
@@ -789,10 +790,10 @@ setState: (state: Partial<State>, immediately?: boolean) => void
  * ```
  */
 export declare function useFiveWork(): [
-work: Work,
-loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number) => void
+work: Work | undefined,
+loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean) => Promise<void>
 ];
 
-export declare function withFive<F extends FiveInjectionFeature>(...features: F[]): <P extends InjectFiveToProps<F>, C extends React_2.ComponentClass<P, any>>(Component: C & React_2.ComponentClass<P, any>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<Omit<P, "$five">> & React_2.RefAttributes<Omit<InstanceType<C>, "state" | "setState" | "render" | "componentDidMount" | "shouldComponentUpdate" | "componentWillUnmount" | "componentDidCatch" | "getSnapshotBeforeUpdate" | "componentDidUpdate" | "componentWillMount" | "UNSAFE_componentWillMount" | "componentWillReceiveProps" | "UNSAFE_componentWillReceiveProps" | "componentWillUpdate" | "UNSAFE_componentWillUpdate" | "context" | "forceUpdate" | "props" | "refs">>>;
+export declare function withFive<F extends FiveInjectionFeature[]>(features: F): <P extends PropTypeOfFiveFeatures<F>, C extends React_2.ComponentClass<P, any>>(Component: C & React_2.ComponentClass<P, any>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<Omit<P, "$five">> & React_2.RefAttributes<Omit<InstanceType<C>, "state" | "setState" | "render" | "componentDidMount" | "shouldComponentUpdate" | "componentWillUnmount" | "componentDidCatch" | "getSnapshotBeforeUpdate" | "componentDidUpdate" | "componentWillMount" | "UNSAFE_componentWillMount" | "componentWillReceiveProps" | "UNSAFE_componentWillReceiveProps" | "componentWillUpdate" | "UNSAFE_componentWillUpdate" | "context" | "forceUpdate" | "props" | "refs">>>;
 
 export { }

package/react/index.js

@@ -1 +1,260 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("three"),n=require("@realsee/five");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=o(r),i=o(t),a=[];var f=u.createContext(null);function s(){var e=u.useContext(f);if(!e)throw new Error("FiveProvider never found.");return e.five}function c(){var e=u.useContext(f);if(!e)throw new Error("FiveProvider never found.");return e.loadWork}var l={display:"inline-block",overflow:"hidden"};function d(e,r){var t=s(),n=[t];void 0!==r&&(n=n.concat(r)),u.useLayoutEffect((function(){return e(t.scene)}),n)}var v=d;function p(r){return e.__assign({},r.state)}function h(e){var r=e.camera.getWorldDirection(new i.Vector3);return new i.Raycaster(e.camera.position,r)}function m(e){return e.camera.getWorldDirection(new i.Vector3)}function y(e){return e.model.empty?"Empty":"Loaded"}function g(e,r){return r.indexOf(e)>=0}function S(e,r){for(var t=0,n=Object.keys(r);t<n.length;t++){var o=n[t];void 0!==r[o]&&(e[o]=r[o])}}function C(r,t){var n=g("state",t),o=u.useState(Symbol()),i=o[0],a=o[1],f=u.useMemo((function(){if(n)return e.__assign({},r.state)}),[r,i]);return u.useLayoutEffect((function(){if(n)return r.on("stateChange",(function(){return a(Symbol())}))}),[r]),[f,i]}function w(e,r){var t=g("currentState",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.getCurrentState()}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("currentStateChange",(function(){return i(Symbol())}))}),[e]),[a,o]}function b(e,r){return[g("unsafe__fiveInstance",r)?e:void 0]}function k(e,r){var t=g("work",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.work}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("load",(function(){return i(Symbol())}))}),[e]),[a,o]}function E(e,r){return[g("scene",r)?e.scene:void 0]}function x(e,r){var t=g("cameraDirection",r),n=u.useState(Symbol()),o=n[0],a=n[1],f=u.useMemo((function(){if(t)return e.camera.getWorldDirection(new i.Vector3)}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}function L(e,r){var t=g("cameraRaycaster",r),n=u.useState(Symbol()),o=n[0],a=n[1],f=u.useMemo((function(){if(t){var r=e.camera.getWorldDirection(new i.Vector3);return new i.Raycaster(e.camera.position,r)}}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}function _(e,r){var t=g("modelReadyState",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.model.empty?"Empty":"Loaded"}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,o]}function F(e,r){var t=g("shownFloor",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.model.shownFloor}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("modelShownFloorChange",(function(){return i(Symbol())}))}),[e]),[a,o]}function P(e,r){var t=g("totalFloorLength",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.model.hasFloors()}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,o]}function R(e,r){var t=g("helperVisible",r),n=u.useState(Symbol()),o=n[0],i=n[1],a=u.useMemo((function(){if(t)return e.helperVisible}),[e,o]);return u.useLayoutEffect((function(){if(t)return e.on("helpersVisibleChange",(function(){return i(Symbol())}))}),[e]),[a,o]}function V(e,r){if(g("loadWork",r))return e}function W(e,r){if(g("setState",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.setState.apply(e,r)}}function M(e,r){if(g("on",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.on.apply(e,r)}}function O(e,r){if(g("on",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.once.apply(e,r)}}function j(e,r){if(g("off",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.off.apply(e,r)}}function N(e,r){if(g("intersectRaycaster",r))return function(){for(var r,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return(r=e.model).intersectRaycaster.apply(r,t)}}function A(e,r){if(g("project2d",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.project2d.apply(e,r)}}function D(e,r){if(g("updateCamera",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.updateCamera.apply(e,r)}}function U(e,r){if(g("initBasisLoader",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.initBasisLoader.apply(e,r)}}function B(e,r){if(g("getPixels",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.getPixels.apply(e,r)}}function I(e,r){if(g("render",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.render.apply(e,r)}}function q(e,r){if(g("needsRender",r))return function(){e.needsRender=!0}}function H(e,r){if(g("preloadPano",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.preloadPano.apply(e,r)}}function z(e,r){if(g("showFloor",r))return function(r){"number"==typeof r?e.model.show(r):e.model.show()}}function G(e,r){if(g("toggleHelperVisible",r))return function(r){e.helperVisible=r}}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 $(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 J=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,t){var n,o,u=[];for(var i in t)r.indexOf(i)>=0&&(n=t[i],o=this.values[i],!("number"==typeof n&&"number"==typeof o&&isNaN(n)&&isNaN(o)||n===o))&&u.push(i);if(0!==u.length){for(var a=e.__assign({},this.values),f=0,s=u;f<s.length;f++){var c=s[f];this.values[c]=t[c]}this.onValuesChange&&this.onValuesChange(this.values,a);for(var l=0,d=this.listeners;l<d.length;l++){var v=d[l],p=v[0],h=v[1];if($(p,u)){var m=T(a,p);h(T(this.values,p),m)}}}},r}();exports.FiveCanvas=function(r){var t=r.width,n=r.height,o=s(),i=u.createRef(),a=e.__assign({width:t,height:n},l);return u.useLayoutEffect((function(){if(i.current){if(null!==o.renderer.domElement.parentNode&&o.renderer.domElement.parentNode!==i.current)throw new Error("There are more than 2 fiveCanvas in this context.");o.renderer.domElement.parentNode!==i.current&&i.current.appendChild(o.renderer.domElement),o.camera.aspect=t/n,o.camera.updateProjectionMatrix(),o.renderer.setSize(t,n),o.needsRender=!0}}),[t,n,i.current]),u.createElement("div",{ref:i,style:a})},exports.INJECTION_PROPNAME="$five",exports.Store=J,exports.createFiveProvider=function(r){return function(t){function o(o){var u=t.call(this,o)||this;if(!o.work&&!o.initialWork)throw new Error("props 'work' or 'initialWork' is never set.");var f=function(e){var r=void 0===e?{}:e,t=r.backgroundColor,n=void 0===t?1579548:t,o=r.backgroundAlpha,u=void 0===o?1:o,f=r.pixelRatio,s=void 0===f?1:f,c=a.shift();return c||((c=new i.WebGLRenderer({antialias:!1,alpha:!0})).outputEncoding=i.sRGBEncoding),c.setPixelRatio(s),c.setClearColor(n,u),c.autoClear=!0,c}({pixelRatio:1===n.getViewportScale()?window.devicePixelRatio:1});return u.five=new n.Five(e.__assign({renderer:f},r)),u.five.load(o.work||o.initialWork,o.initialState),u.five.on("load",(function(){var e;u.props.onWorkChange&&u.props.onWorkChange(null===(e=u.five)||void 0===e?void 0:e.work)})),u.five.on("stateChange",(function(e,r){u.props.onStateChange&&u.props.onStateChange(e,r)})),u.five.on("currentStateChange",(function(e,r){u.props.onCurrentStateChange&&u.props.onCurrentStateChange(e,r)})),u}return e.__extends(o,t),o.prototype.loadWork=function(e,r,t){var n;if(this.props.work)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");null===(n=this.five)||void 0===n||n.load(e,r,t)},o.prototype.shouldComponentUpdate=function(e){var r,t;return e.work&&e.work!==(null===(r=this.five)||void 0===r?void 0:r.work)&&(null===(t=this.five)||void 0===t||t.load(e.work,e.initialState)),e.children!==this.props.children},o.prototype.componentWillUnmount=function(){var e;this.five&&(this.five.dispose(),e=this.five.renderer,-1===a.indexOf(e)&&a.push(e),delete this.five)},o.prototype.render=function(){var e=this;return u.createElement(f.Provider,{value:{five:this.five,loadWork:function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.loadWork.apply(e,r)}}},this.props.children)},o}(u.Component)},exports.createStore=function(r){var t=u.createContext(null);return{useStore:function(r){var n=u.useContext(t);if(null===n)throw new Error("StoreProvider never found.");var o=u.useRef(!0),i=u.useState(n.getValues(r)),a=i[0],f=i[1],s=e.__spreadArray([n],r);return u.useLayoutEffect((function(){return o.current?o.current=!1:f(n.getValues(r)),n.on(r,(function(e){return f(e)}))}),s),[a,u.useCallback((function(e){return n.setValues(r,e)}),s)]},useStoreSetter:function(r){var n=u.useContext(t);if(null===n)throw new Error("StoreProvider never found.");return u.useCallback((function(e){return n.setValues(r,e)}),e.__spreadArray([n],r))},watchStore:function(r,n,o){var i=u.useContext(t);if(null===i)throw new Error("StoreProvider never found.");var a=e.__spreadArray([i],r);void 0!==o&&(a=a.concat(o)),u.useLayoutEffect((function(){return i.on(r,n)}),a)},useStoreAction:function(n){var o=u.useContext(t);if(null===o)throw new Error("StoreProvider never found.");return u.useCallback((function(){for(var t=[],u=0;u<arguments.length;u++)t[u]=arguments[u];var i=r[n],a=i[0],f=i.slice(1),s=function(){return o.getValues(f)},c=function(e){return o.setValues(f,e)};return a.apply(void 0,e.__spreadArray([s,c],t))}),[])},StoreProvider:function(r){function n(e){var t=r.call(this,e)||this;return t.store=new J(e.initialValue,(function(){for(var e,r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];t.props.onValuesChange&&(e=t.props).onValuesChange.apply(e,r)})),t}return e.__extends(n,r),n.prototype.shouldComponentUpdate=function(e){return e.children!==this.props.children},n.prototype.render=function(){return u.createElement(t.Provider,{value:this.store},this.props.children)},n}(u.Component)}},exports.unsafe__useFiveInstance=function(){return s()},exports.useFiveAction=function(){var e=s();return{updateCamera:u.useCallback((function(r,t){return e.updateCamera(r,t)}),[e]),initBasisLoader:u.useCallback((function(r){return e.initBasisLoader(r)}),[e]),getPixels:u.useCallback((function(r,t,n,o,u){return e.getPixels(r,t,n,o,u)}),[e]),render:u.useCallback((function(r){return e.render(r)}),[e]),needsRender:u.useCallback((function(){return e.needsRender=!0}),[e]),preloadPano:u.useCallback((function(r,t){return e.preloadPano(r,t)}),[e])}},exports.useFiveCameraDirection=function(){var e=s(),r=u.useState((function(){return m(e)})),t=r[0],n=r[1];return u.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(m(e))}))}),[e]),t},exports.useFiveCameraRaycaster=function(){var e=s(),r=u.useState((function(){return h(e)})),t=r[0],n=r[1];return u.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(h(e))}))}),[e]),t},exports.useFiveCurrentState=function(){var e=s(),r=u.useState((function(){return e.getCurrentState()})),t=r[0],n=r[1],o=u.useCallback((function(r,t){void 0===t&&(t=!1),e.setState(r,t)}),[e]);return u.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return n(e.getCurrentState())}))}),[e]),[t,o]},exports.useFiveEventCallback=function(e,r,t){var n=u.useState({});n[0],n[1];var o=s();if(!o)throw new Error("fiveProvider never found.");var i=[o,e];void 0!==t&&(i=i.concat(t)),u.useLayoutEffect((function(){return o.on(e,r)}),i)},exports.useFiveFloor=function(){var e=s(),r=u.useState(e.model.shownFloor),t=r[0],n=r[1],o=u.useState(e.model.floorLength),i=o[0],a=o[1],f=u.useCallback((function(r){"number"==typeof r?e.model.show(r):e.model.show()}),[e]);return u.useLayoutEffect((function(){var r=[];return r.push(e.on("modelShownFloorChange",(function(){return n(e.model.shownFloor)}))),r.push(e.on("modelLoaded",(function(){return a(e.model.floorLength)}))),function(){for(var e;e=r.shift();)e()}}),[e]),[t,i,f]},exports.useFiveHelper=function(){var e=s(),r=u.useState(e.helperVisible),t=r[0],n=r[1],o=u.useCallback((function(r){e.helperVisible=r}),[e]);return u.useLayoutEffect((function(){return e.on("helpersVisibleChange",(function(e){return n(e)}))}),[e]),[t,o]},exports.useFiveModelIntersectRaycaster=function(){var e=s();return u.useCallback((function(r){return e.model.intersectRaycaster(r)}),[e])},exports.useFiveModelReadyState=function(){var e=s(),r=u.useState((function(){return y(e)})),t=r[0],n=r[1];return u.useLayoutEffect((function(){return e.on("modelLoaded",(function(){return n(y(e))}))}),[e]),t},exports.useFiveProject2d=function(){var e=s();return u.useCallback((function(r,t){return e.project2d(r,t)}),[e])},exports.useFiveScene=v,exports.useFiveSceneEffect=d,exports.useFiveState=function(){var e=s(),r=u.useState((function(){return p(e)})),t=r[0],n=r[1],o=u.useCallback((function(r,t){void 0===t&&(t=!1),e.setState(r,t)}),[e]);return u.useLayoutEffect((function(){return e.on("stateChange",(function(){return n(p(e))}))}),[e]),[t,o]},exports.useFiveWork=function(){var e=s(),r=c(),t=u.useState((function(){return e.work})),n=t[0],o=t[1];return u.useLayoutEffect((function(){return e.on("load",(function(){return o(e.work)}))}),[e]),[n,r]},exports.withFive=function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return function(t){return u.forwardRef((function(n,o){var i=s(),a=c(),f=b(i,r)[0],l=C(i,r),d=l[0],v=l[1],p=w(i,r),h=p[0],m=p[1],y=k(i,r),g=y[0],T=y[1],$=E(i,r)[0],J=x(i,r),K=J[0],Q=J[1],X=L(i,r),Y=X[0],Z=X[1],ee=_(i,r),re=ee[0],te=ee[1],ne=F(i,r),oe=ne[0],ue=ne[1],ie=P(i,r),ae=ie[0],fe=ie[1],se=R(i,r),ce=se[0],le=se[1],de=u.useMemo((function(){var e={};return S(e,{setState:W(i,r),loadWork:V(a,r),on:M(i,r),once:O(i,r),off:j(i,r),intersectRaycaster:N(i,r),project2d:A(i,r),updateCamera:D(i,r),initBasisLoader:U(i,r),getPixels:B(i,r),render:I(i,r),needsRender:q(i,r),preloadPano:H(i,r),showFloor:z(i,r),toggleHelperVisible:G(i,r)}),e}),[i,a]),ve=u.useMemo((function(){var r=e.__assign({},de);return S(r,{unsafe__fiveInstance:f,state:d,currentState:h,work:g,scene:$,cameraDirection:K,cameraRaycaster:Y,modelReadyState:re,shownFloor:oe,totalFloorLength:ae,helperVisible:ce}),r}),[i,de,v,m,T,Q,Z,te,ue,fe,le]);return u.createElement(t,e.__assign({ref:o,$five:ve},n))}))}};
+/**
+ * @realsee/five
+ *
+ * Generated: 2023-08-07
+ * Version: 5.0.0-alpha.210
+ *
+ * Terms:
+ * Realsee SDK License Agreement
+ *
+ * Update: July 28, 2021
+ *
+ * THIS LICENSE AGREEMENT BETWEEN YOU AND 【BEIKE REALSEE TECHNOLOGY (HK)
+ * LIMITED】(“Realsee”) FORMS A LEGALLY BINDING CONTRACT BETWEEN YOU AND REALSEE IN
+ * RELATION TO YOUR USE OF THE SDK. This License Agreement accompanies the Realsee
+ * Software Development Kit(s) for the software and related explanatory materials
+ * (the "SDK") and includes any upgrades, modified versions, updates, additions,
+ * and copies of the SDK licensed to You by Realsee.
+ * BY DOWNLOADING, INSTALLING, OR OTHERWISE ACCESSING OR USING THE SDK, YOU AGREE
+ * THAT YOU HAVE READ, UNDERSTOOD, AND AGREE TO BE BOUND BY THIS AGREEMENT. YOU ARE
+ * AGREEING ON YOUR OWN BEHALF AND/OR ON BEHALF OF YOUR COMPANY OR ORGANIZATION TO
+ * THE TERMS AND CONDITIONS STATED BELOW.
+ * This Agreement applies to Your use of the SDK in the country in which You
+ * legally install it (“Territory”) and is subject to the laws of such Territory
+ * and further subject to Section 12 below. Different terms, conditions, and
+ * limitations may apply to the use of the SDK in any additional countries.
+ * 1. DEFINITIONS.
+ * “Agreement” means this Realsee SDK License Agreement.
+ * “Developer”, “You” and “Your” means the person(s) or entity acquiring or using
+ * the SDK or otherwise exercising rights under the terms of this Agreement.
+ * “Documentation” means the technical or other specifications or documentation
+ * that Realsee may provide to You for use in connection with the SDK.
+ * “Integrated Product” means any software, website, or on-line service developed
+ * by You based on or using the SDK (collectively, the “Integrated Product”).
+ * “Intellectual Property” means any patents, patent rights, trademarks, service
+ * marks, registered and unregistered designs, applications for any of the
+ * foregoing, copyright, and any other similar protected rights in any country and
+ * to the extent recognised by any relevant jurisdiction as intellectual property,
+ * trade secrets, know-how and confidential information. Realsee reserves all
+ * rights not expressly granted to You.
+ * “Realsee” means [Beike Realsee Technology (HK) Limited, a company incorporated
+ * and validly existing under the laws of Hong Kong].
+ * “SDK” means the Realsee-proprietary Software Development Kits (SDK) provided
+ * hereunder, includes all development tools (including any compiler and debugger),
+ * application programming interfaces (“APIs”), libraries, binary utilities, header
+ * files, Documentation, content, data, code samples, and other materials provided
+ * to You in connection with this Agreement, whether delivered through a download,
+ * or any other media or form, and is licensed, not sold, to You by Realsee for use
+ * only under the terms of this Agreement. The terms of this Agreement will govern
+ * any updates provided by Realsee that replace and/or supplement the original SDK
+ * delivered to You, unless such update is accompanied by a separate license, in
+ * which case the terms of such license will govern.
+ * 2. LICENSED USES AND RESTRICTIONS.
+ * 2.1 Subject to the restrictions contained in this Section 2, Realsee grants to
+ * You during the term, a limited, non-exclusive, revocable, non-sublicensable,
+ * non-transferable license to install and use the SDK within the Territory only
+ * for the purpose of internal development.
+ * 2.2 Restrictions. You acknowledge and agree that, You shall not, and shall
+ * ensure that Your affiliates, employees, agents, representatives, officers,
+ * representatives, and subcontractors do not (directly or indirectly):
+ * 2.2.1 decompile, reverse engineer, disassemble or attempt to derive the source
+ * code of, those components of the SDK provided in object code form, or any part
+ * thereof;
+ * 2.2.2 remove, alter, or obscure any copyright notice or other proprietary rights
+ * notice on any part of the SDK;
+ * 2.2.3 sell, assign, pledge, rent, lease, lend, upload to or host on any website
+ * or server for use by any third party except You, redistribute, or sublicense the
+ * SDK (or any part thereof), or operate the SDK (or any part thereof) in the
+ * capacity of a service bureau or other hosted services provider, in whole or in
+ * part, nor may You enable others to do so;
+ * 2.2.4 or alter, modify, customize or improve the SDK, or any part thereof;
+ * 2.2.5 use the SDK (or any part thereof) for any illegal purpose, in any manner
+ * that is inconsistent with the terms of this Agreement, or to engage in any
+ * illegal activity;
+ * 2.2.6 use the SDK (or any part thereof) in any manner that may damage the
+ * operation of Realsee’s products or services; or
+ * 2.2.7 use the SDK or any information contained therein or otherwise provided by
+ * Realsee for the purpose of developing, or having developed, any product
+ * competitive with any Realsee product or service, as determined by Realsee in its
+ * sole discretion;
+ * 2.2.8 include any portion of the SDK in Your Developer products.
+ * 2.3 Realsee has the right to impose reasonable conditions such as a reasonable
+ * fee for use of the SDK in Integrated Product in the future.
+ * 2.4 You may make a limited number of copies of the SDK to be used by Your
+ * employees or consultants as provided herein, and not for general business
+ * purposes, and such employees or consultants shall be subject to the obligations
+ * and restrictions in this Agreement.
+ * 2.5 All licenses not expressly granted in this Agreement are reserved and no
+ * other licenses, immunity, or rights, express or implied, are granted by Realsee,
+ * by implication, estoppel, or otherwise.
+ * 3. CONFIDENTIALITY.
+ * The SDK and all source code, Documentation, specifications, engineering details,
+ * and related information pertaining to the SDK, whether in oral, written,
+ * graphic, or electronic form, are and shall remain the confidential and
+ * proprietary information of Realsee or its licensors (collectively, the
+ * “Confidential Information”). You shall (i) disclose Confidential Information to
+ * only those directors and employees (collectively, “Affiliates”) whose duties
+ * justify their need to know such information and who have been clearly informed
+ * of their obligation to maintain the confidential, proprietary, and/or trade
+ * secret status of such Confidential Information; and (ii) use Confidential
+ * Information solely in accordance with the license granted hereunder. In any
+ * event, You and Your Affiliates shall treat Confidential Information as strictly
+ * confidential and shall use the same care to prevent disclosure of such
+ * information as You use with respect to Your own similar confidential and/or
+ * proprietary information, which shall not be less than the care a reasonable
+ * person would use under similar circumstances. All Confidential Information, and
+ * any copies thereof, shall be returned promptly to Realsee upon request. You
+ * shall ensure that Your Affiliates comply with the provisions of this Section 3,
+ * and You shall be liable for any breach of this Section 3 resulting from the act
+ * or omission of any of Your Affiliates. You shall not disclose Confidential
+ * Information to any third party, including, without limitation, any of Your
+ * subcontractors.
+ * 4. PROPRIETARY RIGHTS.
+ * 4.1 As between You and Realsee, Realsee and/or its licensors retain ownership of
+ * all right, title, and interest in, to, and under the SDK, including, without
+ * limitation, all patents, copyrights, trade secrets, trademarks and other
+ * intellectual property and other proprietary rights therein, and reserve all
+ * rights not expressly granted to You.
+ * 4.2 The items contained in the SDK are the intellectual property of Realsee and
+ * its licensors and are protected by PRC copyright and patent law, international
+ * treaty provisions and applicable laws of the country in which it is being used.
+ * You agree to protect all copyright and other ownership interests of Realsee
+ * and/or its licensors in all items in the SDK supplied under this License
+ * Agreement. You agree that all copies of the items in the SDK, reproduced for any
+ * reason by You, contain the same copyright notices, and other proprietary notices
+ * as appropriate, as appear on or in the original items delivered by Realsee in
+ * the SDK. Realsee and/or its licensors retain title and ownership of the items in
+ * the SDK, the media on which it is loaded, and all subsequent copies, regardless
+ * of the form or media in or on which the original and other copies may exist.
+ * Except as stated above, this Agreement does not grant You any rights to patents,
+ * copyrights, trade secrets, trademarks or any other rights in respect to the
+ * items in the SDK.
+ * 5. TERM AND TERMINATION.
+ * 5.1 This Agreement is effective until terminated. Realsee has the right to
+ * terminate this Agreement immediately, without judicial intervention, if You fail
+ * to comply with any term herein. Upon any such termination You must remove all
+ * full and partial copies of the items in the SDK from Your computer and
+ * discontinue the use of the items in the SDK.
+ * 5.2 Realsee may at any time, terminate the Agreement with You if: (A) You have
+ * breached any provision of the Agreement; or (B) Realsee is required to do so by
+ * law; or (C) Realsee decides to no longer provide the SDK or certain parts of the
+ * SDK to users in the country in which You are resident or from which You use the
+ * service, or the provision of the SDK or certain SDK services to You by Realsee
+ * is, in Realsee's sole discretion, no longer legally or commercially viable.
+ * 5.3 When the Agreement comes to an end, all of the legal rights, obligations and
+ * liabilities that You and Realsee have benefited from, been subject to (or which
+ * have accrued over time whilst the Agreement has been in force) or which are
+ * expressed to continue indefinitely, shall be unaffected by this cessation, and
+ * the provisions of Section 3, 4, 6, 7 and 8 shall continue to apply to such
+ * rights, obligations and liabilities indefinitely.
+ * 6. DISCLAIMER OF WARRANTY.
+ * YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT, TO THE EXTENT PERMITTED BY APPLICABLE
+ * LAW, USE OF THE SDK (OR ANY PART THEREOF) IS AT YOUR SOLE RISK AND THAT THE
+ * ENTIRE RISK AS TO SATISFACTORY QUALITY, PERFORMANCE, ACCURACY, AND EFFORT IS
+ * WITH YOU. REALSEE LICENSES THE SDK TO YOU ONLY ON AN "AS-IS" BASIS. REALSEE
+ * MAKES NO REPRESENTATION WITH RESPECT TO THE ADEQUACY OF ANY ITEMS IN THE SDK,
+ * WHETHER OR NOT USED BY YOU IN THE DEVELOPMENT OF INTEGRATED PRODUCT, FOR ANY
+ * PARTICULAR PURPOSE OR WITH RESPECT TO THEIR ADEQUACY TO PRODUCE ANY PARTICULAR
+ * RESULT. REALSEE AND ITS LICENSORS SHALL NOT BE LIABLE FOR LOSS OR DAMAGE ARISING
+ * OUT OF THIS AGREEMENT OR FROM THE DISTRIBUTION OR USE OF INTEGRATED PRODUCT
+ * CONTAINING PORTIONS OF THE SDK. REALSEE AND ITS LICENSORS DISCLAIM ALL
+ * WARRANTIES, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED
+ * CONDITIONS OR WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * OR NONINFRINGEMENT OF ANY THIRD PARTY RIGHT IN RESPECT OF THE ITEMS IN THE SDK
+ * OR ANY SERVICES RELATED TO THE SDK.
+ * REALSEE IS UNDER NO OBLIGATION TO PROVIDE ANY SUPPORT UNDER THIS LICENSE
+ * AGREEMENT, INCLUDING UPGRADES OR FUTURE VERSIONS OF THE SDK OR ANY PORTIONS
+ * THEREOF, TO YOU, END USER OR TO ANY OTHER PARTY.
+ * 7. LIMITATION OF LIABILITY.
+ * TO THE EXTENT NOT PROHIBITED BY APPLICABLE LAW, IN NO EVENT WILL REALSEE OR ITS
+ * LICENSORS BE LIABLE FOR ANY DIRECT, INCIDENTAL, SPECIAL, INDIRECT, OR
+ * CONSEQUENTIAL DAMAGES, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF USE,
+ * LOSS OF BUSINESS, REVENUE, OR PROFITS, LOSS OF OPPORTUNITY (WHETHER DIRECT OR
+ * INDIRECT), CORRUPTION OR LOSS OF DATA, LOSS OF REPUTATION OR SAVINGS, DOWNTIME,
+ * OR DAMAGE TO, LOSS OF OR REPLACEMENT OF DATA OR TRANSACTIONS, COST OF
+ * PROCUREMENT OF SUBSTITUTE SERVICES, BUSINESS INTERRUPTION, OR ANY OTHER
+ * COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY
+ * TO USE THE SDK (OR ANY PART THEREOF), ANY INTEGRATED PRODUCT, OR ANY THIRD PARTY
+ * SOFTWARE, APPLICATIONS, OR SERVICES IN CONJUNCTION WITH THE SDK (OR ANY PART
+ * THEREOF), HOWEVER CAUSED, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT,
+ * OR OTHERWISE) AND EVEN IF REALSEE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+ * DAMAGES. IN NO EVENT WILL REALSEE’S TOTAL LIABILITY TO YOU FOR ALL DAMAGES
+ * EXCEED ONE HUNDRED DOLLARS ($100.00). THE FOREGOING LIMITATIONS WILL APPLY EVEN
+ * IF THE ABOVE STATED REMEDY FAILS OF ITS ESSENTIAL PURPOSE. THE LIMITATIONS
+ * CONTAINED IN SECTIONS 6 AND THIS SECTION 7 ARE A FUNDAMENTAL PART OF THE BASIS
+ * OF REALSEE’S BARGAIN HEREUNDER, AND REALSEE WOULD NOT ENTER INTO THIS AGREEMENT
+ * OR PROVIDE YOU WITH ACCESS TO THE SDK ABSENT SUCH LIMITATIONS.
+ * 8. INDEMNIFICATION.
+ * To the extent permitted by applicable law, You agree to indemnify, defend and
+ * hold harmless Realsee, its affiliates and each of their directors, officers,
+ * employees, independent contractors, and agents (each a “Realsee Indemnified
+ * Party”) from any and all claims, losses, liabilities, damages, expenses, and
+ * costs (including without limitation attorneys’ fees and court costs) incurred by
+ * a Realsee Indemnified Party as a result of: (i) Your non-compliance with any
+ * terms of this Agreement; (ii) Your use of the SDK (or any part thereof); or
+ * (iii) Your use of any Integrated Product, including any claim that Integrated
+ * Product infringes the copyright, trademark, trade secret or other intellectual
+ * property right of a third party.
+ * 9. ACKNOWLEDGEMENTS.
+ * Portions of the SDK may utilize or include third party software and other
+ * copyrighted material. Acknowledgments, licensing terms, and disclaimers for such
+ * material are contained in Documentation for the SDK or may otherwise accompany
+ * such material, and Your use of such materials governed by their respective
+ * terms. In the event of conflict between the terms of this Agreement and an
+ * applicable open source or third party agreement, the open source or third party
+ * agreement will control solely with respect to the open source software or third
+ * party software. Moreover, You shall not subject any items (including not limited
+ * to source code, object code, and any software)  included in the SDK to any open
+ * source license.
+ * 10. NON-BLOCKING OF REALSEE DEVELOPMENT.
+ * You acknowledge that Realsee is currently developing or may develop technologies
+ * and products in the future that have or may have design and/or functionality
+ * similar to Integrated Product that You may develop based on Your license herein.
+ * Nothing in this Agreement shall impair, limit or curtail Realsee's right to
+ * continue with its development, maintenance and/or distribution of Realsee's
+ * technology or products.
+ * 11. GENERAL.
+ * 11.1 Export Control. You may not use or otherwise export or re-export the SDK
+ * (or any part thereof) except as authorized by United States law and the laws of
+ * the jurisdiction(s) in which the SDK (or any part thereof) was obtained. In
+ * particular, but without limitation, the SDK may not be exported or re-exported
+ * (i) into any U.S. embargoed countries or (ii) to anyone on the U.S. Treasury
+ * Department's list of Specially Designated Nationals or the U.S. Department of
+ * Commerce Denied Person's List or Entity List. By using the SDK (or any part
+ * thereof), You represent and warrant that You are not located in any such country
+ * or on any such list.
+ * 11.2 Governing Law. This Agreement and the rights of the parties hereunder shall
+ * be governed by and construed in accordance with the laws of People’s Republic of
+ * China (for purpose of this Agreement, excluding Hong Kong, Taiwan, and Macau),
+ * without reference to its conflict of laws principles. Any dispute, controversy
+ * or claim arising from or in connection with this Agreement, or the breach,
+ * termination or invalidity thereof, shall be submitted to China International
+ * Economic and Trade Arbitration Commission (“CIETAC”) for arbitration in Beijing
+ * which shall be conducted in accordance with the CIETAC's arbitration rules in
+ * effect at the time of applying for arbitration. The arbitral award is final and
+ * binding upon both parties.
+ * 11.3 Severability. If any provision of this Agreement is held by a court of
+ * competent jurisdiction to be unenforceable for any reason, the remaining
+ * provisions hereof will be unaffected and remain in full force and effect.
+ * 11.4. Modifications. Realsee reserves the right, from time to time, with or
+ * without notice to You, to make revisions to this Agreement in our sole and
+ * absolute discretion.  The most current version of this Agreement will supersede
+ * all previous versions and shall be made available on the website where the SDK
+ * is made available, or by such other means as Realsee may determine in its
+ * discretion. Any modified versions of this Agreement hereto shall take effect
+ * from the time that it is made available. You shall be responsible for regularly
+ * checking for notice of any such modifications. You agree that Your continued use
+ * of the SDK constitutes Your agreement to the modified Agreement.
+ * 11.5 Relationship of the Parties. This Agreement will not be construed as
+ * creating an agency, partnership, joint venture, fiduciary duty, or any other
+ * form of legal association between You and Realsee, and You will not represent to
+ * the contrary, whether expressly, by implication, appearance, or otherwise.
+ * 11.6 Entire Agreement; Governing Language. This Agreement constitutes the entire
+ * agreement between You and Realsee with respect to the use of the SDK licensed
+ * hereunder and supersedes all prior understandings regarding such subject matter.
+ * No amendment to or modification of this Agreement will be binding unless in
+ * writing and signed by Realsee. You and Realsee hereto confirm that this
+ * Agreement and all related documents shall be drafted in English.
+ */
+
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("three"),r=require("@realsee/five");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e),u=n(t),i=function(e,t){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},i(e,t)};function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function c(e,t,r){if(r||2===arguments.length)for(var n,o=0,u=t.length;o<u;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}var s=[],l=[];var v=o.createContext(null);function p(){var e=o.useContext(v);if(!e)throw new Error("FiveProvider never found.");return e.five}function d(){var e=o.useContext(v);if(!e)throw new Error("FiveProvider never found.");return e.loadWork}var h={display:"inline-block",overflow:"hidden"};function m(e,t){var r=p(),n=[r];void 0!==t&&(n=n.concat(t)),o.useLayoutEffect((function(){return e(r.scene)}),n)}var y=m;function g(e){return f({},e.state)}function S(e){var t=e.camera.getWorldDirection(new u.Vector3);return new u.Raycaster(e.camera.position,t)}function b(e){return e.camera.getWorldDirection(new u.Vector3)}function w(e){return e.model.empty?"Empty":"Loaded"}function C(e,t){return t.indexOf(e)>=0}function E(e,t){for(var r=0,n=Object.keys(t);r<n.length;r++){var o=n[r];void 0!==t[o]&&(e[o]=t[o])}}function k(e,t){if(C("loadWork",t))return e}function x(e,t){if(C("setState",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.setState.apply(e,t)}}function L(e,t){if(C("on",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.on.apply(e,t)}}function F(e,t){if(C("on",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.once.apply(e,t)}}function P(e,t){if(C("off",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.off.apply(e,t)}}function R(e,t){if(C("intersectRaycaster",t))return function(){for(var t,r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return(t=e.model).intersectRaycaster.apply(t,r)}}function V(e,t){if(C("project2d",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.project2d.apply(e,t)}}function O(e,t){if(C("updateCamera",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.updateCamera.apply(e,t)}}function W(e,t){if(C("getPixels",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.getPixels.apply(e,t)}}function M(e,t){if(C("render",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.render.apply(e,t)}}function _(e,t){if(C("needsRender",t))return function(){e.needsRender=!0}}function j(e,t){if(C("preloadPano",t))return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.preloadPano.apply(e,t)}}function A(e,t){if(C("showFloor",t))return function(t){"number"==typeof t?e.model.show(t):e.model.show()}}function N(e,t){if(C("toggleHelperVisible",t))return function(t){e.helperVisible=t}}function U(e,t){for(var r={},n=t.length,o=-1;++o<n;){var u=t[o];u in e&&(r[u]=e[u])}return r}function D(e,t){for(var r=0;r<e.length;r++)for(var n=0;n<t.length;n++)if(e[r]===t[n])return!0;return!1}var I=function(){function e(e,t){this.values=e,this.listeners=[],this.onValuesChange=t}return e.prototype.on=function(e,t){var r=this,n=[e,t];return this.listeners.push(n),function(){var e=r.listeners.indexOf(n);e>=0&&r.listeners.splice(e,1)}},e.prototype.getValues=function(e){return U(this.values,e)},e.prototype.setValues=function(e,t){var r,n,o=[];for(var u in t)e.indexOf(u)>=0&&(r=t[u],n=this.values[u],!("number"==typeof r&&"number"==typeof n&&isNaN(r)&&isNaN(n)||r===n))&&o.push(u);if(0!==o.length){for(var i=f({},this.values),a=0,c=o;a<c.length;a++){var s=c[a];this.values[s]=t[s]}this.onValuesChange&&this.onValuesChange(this.values,i);for(var l=0,v=this.listeners;l<v.length;l++){var p=v[l],d=p[0],h=p[1];if(D(d,o)){var m=U(i,d);h(U(this.values,d),m)}}}},e}();exports.FiveCanvas=function(e){var t=e.width,r=e.height,n=p(),u=o.createRef(),i=f({width:t,height:r},h);return o.useLayoutEffect((function(){if(u.current&&n.renderer){if(null!==n.renderer.domElement.parentNode&&n.renderer.domElement.parentNode!==u.current)throw new Error("There are more than 2 fiveCanvas in this context.");n.renderer.domElement.parentNode!==u.current&&u.current.appendChild(n.renderer.domElement),n.camera.aspect=t/r,n.camera.updateProjectionMatrix(),n.renderer.setSize(t,r),n.needsRender=!0}}),[t,r,u.current]),o.createElement("div",{ref:u,style:i})},exports.INJECTION_PROPNAME="$five",exports.Store=I,exports.createFiveFeature=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e},exports.createFiveProvider=function(e){return void 0===e&&(e={}),function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.unmout=!1,e}return a(n,t),n.prototype.loadWork=function(e,t,r,n){if(void 0===n&&(n=!0),this.props.work)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");return this.five.load(e,t,r,n)},n.prototype.shouldComponentUpdate=function(e){var t,r;return e.work&&e.work!==(null===(t=this.five)||void 0===t?void 0:t.work)&&(null===(r=this.five)||void 0===r||r.load(e.work,e.initialState)),!0},n.prototype.componentWillUnmount=function(){var e;this.unmout=!0,this.five&&(this.five.dispose(),(e=this.five.renderer)&&(e.capabilities.isWebGL2?-1===l.indexOf(e)&&l.push(e):-1===s.indexOf(e)&&s.push(e)),delete this.five)},n.prototype.render=function(){var t,n=this;if(this.unmout)return null;if(!this.five){var i=function(e){var t=void 0===e?{}:e,r=t.backgroundColor,n=void 0===r?1579548:r,o=t.backgroundAlpha,i=void 0===o?1:o,a=t.pixelRatio,f=void 0===a?1:a,c=t.webgl2,v=void 0!==c&&c;if("undefined"!=typeof window){var p=null;if(!(p=v?s.shift():l.shift())){if(v){var d=document.createElement("canvas"),h=d.getContext("webgl2");if(null===h)throw new Error("error occurred when getting webgl2 canvas context");p=new u.WebGLRenderer({antialias:!1,alpha:!0,canvas:d,context:h})}else p=new u.WebGLRenderer({antialias:!1,alpha:!0});p.outputEncoding=u.sRGBEncoding}return p.setPixelRatio(f),p.setClearColor(n,i),p.autoClear=!0,p}}({pixelRatio:1===r.getViewportScale()?window.devicePixelRatio:1,backgroundAlpha:e.backgroundAlpha,backgroundColor:e.backgroundColor,webgl2:null==e?void 0:e.webgl2});this.five=new r.Five(f({renderer:i},e)),(this.props.work||this.props.initialWork)&&this.five.load(this.props.work||this.props.initialWork,this.props.initialState,void 0,null===(t=this.props.initialUserAction)||void 0===t||t),this.five.on("load",(function(){var e;n.props.onWorkChange&&n.props.onWorkChange(null===(e=n.five)||void 0===e?void 0:e.work)})),this.five.on("stateChange",(function(e,t){n.props.onStateChange&&n.props.onStateChange(e,t)})),this.five.on("currentStateChange",(function(e,t){n.props.onCurrentStateChange&&n.props.onCurrentStateChange(e,t)})),this.five.on("error",(function(e){n.props.onError?n.props.onError(e):console.warn(e.message)}))}return o.createElement(v.Provider,{value:{five:this.five,loadWork:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.loadWork.apply(n,e)}}},this.props.children)},n}(o.Component)},exports.createStore=function(e){var t=o.createContext(null);return{useStore:function(e){var r=o.useContext(t);if(null===r)throw new Error("StoreProvider never found.");var n=o.useRef(!0),u=o.useState(r.getValues(e)),i=u[0],a=u[1],f=c([r],e,!0);o.useLayoutEffect((function(){return n.current?n.current=!1:a(r.getValues(e)),r.on(e,(function(e){return a(e)}))}),f);var s=o.useCallback((function(t){return r.setValues(e,t)}),f);return[i,s]},useStoreSetter:function(e){var r=o.useContext(t);if(null===r)throw new Error("StoreProvider never found.");return o.useCallback((function(t){return r.setValues(e,t)}),c([r],e,!0))},watchStore:function(e,r,n){var u=o.useContext(t);if(null===u)throw new Error("StoreProvider never found.");var i=c([u],e,!0);void 0!==n&&(i=i.concat(n)),o.useLayoutEffect((function(){return u.on(e,r)}),i)},useStoreAction:function(r){var n=o.useContext(t);if(null===n)throw new Error("StoreProvider never found.");var u=o.useCallback((function(){for(var t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];var u=e[r],i=u[0],a=u.slice(1);return i.apply(void 0,c([function(){return n.getValues(a)},function(e){return n.setValues(a,e)}],t,!1))}),[]);return u},StoreProvider:function(e){function r(t){var r=e.call(this,t)||this;return r.store=new I(t.initialValue,(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 a(r,e),r.prototype.shouldComponentUpdate=function(e){return e.children!==this.props.children},r.prototype.render=function(){return o.createElement(t.Provider,{value:this.store},this.props.children)},r}(o.Component)}},exports.unsafe__useFiveInstance=function(){return p()},exports.useFiveAction=function(){var e=p();return{updateCamera:o.useCallback((function(t,r){return e.updateCamera(t,r)}),[e]),getPixels:o.useCallback((function(t,r,n,o,u){return e.getPixels(t,r,n,o,u)}),[e]),render:o.useCallback((function(t){return e.render(t)}),[e]),needsRender:o.useCallback((function(){return e.needsRender=!0}),[e]),preloadPano:o.useCallback((function(t,r){return e.preloadPano(t,r)}),[e])}},exports.useFiveCameraDirection=function(){var e=p(),t=o.useState((function(){return b(e)})),r=t[0],n=t[1];return o.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(b(e))}))}),[e]),r},exports.useFiveCameraRaycaster=function(){var e=p(),t=o.useState((function(){return S(e)})),r=t[0],n=t[1];return o.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(S(e))}))}),[e]),r},exports.useFiveCurrentObserver=function(){var e=p(),t=o.useState((function(){return e.getCurrentState()})),r=t[0],n=t[1];return o.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return n(e.getCurrentState())}))}),[e]),e.work?e.work.observers[r.panoIndex]:null},exports.useFiveCurrentState=function(){var e=p(),t=o.useState((function(){return e.getCurrentState()})),r=t[0],n=t[1],u=o.useCallback((function(t,r,n){void 0===r&&(r=!1),void 0===n&&(n=!0);var o="function"==typeof t?t(e.getCurrentState()):t;e.setState(o,r,n)}),[e]);return o.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return n(e.getCurrentState())}))}),[e]),[r,u]},exports.useFiveEventCallback=function(e,t,r){var n=p(),u=[n,e];void 0!==r&&(u=u.concat(r)),o.useLayoutEffect((function(){return n.on(e,t)}),u)},exports.useFiveFloor=function(){var e=p(),t=o.useState(e.model.shownFloor),r=t[0],n=t[1],u=o.useState(e.model.floorLength),i=u[0],a=u[1],f=o.useCallback((function(t){"number"==typeof t?e.model.show(t):e.model.show()}),[e]);return o.useLayoutEffect((function(){var t=[];return t.push(e.on("modelShownFloorChange",(function(){return n(e.model.shownFloor)}))),t.push(e.on("modelLoaded",(function(){return a(e.model.floorLength)}))),function(){for(var e;e=t.shift();)e()}}),[e]),[r,i,f]},exports.useFiveHelper=function(){var e=p(),t=o.useState(e.helperVisible),r=t[0],n=t[1],u=o.useCallback((function(t){e.helperVisible=t}),[e]);return o.useLayoutEffect((function(){return e.on("helpersVisibleChange",(function(e){return n(e)}))}),[e]),[r,u]},exports.useFiveModelIntersectRaycaster=function(){var e=p();return o.useCallback((function(t){return e.model.intersectRaycaster(t)}),[e])},exports.useFiveModelReadyState=function(){var e=p(),t=o.useState((function(){return w(e)})),r=t[0],n=t[1];return o.useLayoutEffect((function(){return e.on("modelLoaded",(function(){return n(w(e))}))}),[e]),r},exports.useFiveProject2d=function(){var e=p(),t=o.useState((function(){return Symbol()}));t[0];var r=t[1];return o.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return r(Symbol())}))}),[e]),o.useCallback((function(t,r){return e.project2d(t,r)}),[e])},exports.useFiveScene=y,exports.useFiveSceneEffect=m,exports.useFiveState=function(){var e=p(),t=o.useState((function(){return g(e)})),r=t[0],n=t[1],u=o.useCallback((function(t,r,n){void 0===r&&(r=!1),void 0===n&&(n=!0);var o="function"==typeof t?t(e.getCurrentState()):t;e.setState(o,r,n)}),[e]);return o.useLayoutEffect((function(){return e.on("stateChange",(function(){return n(g(e))}))}),[e]),[r,u]},exports.useFiveWork=function(){var e=p(),t=d(),r=o.useState((function(){return e.work})),n=r[0],u=r[1];return o.useLayoutEffect((function(){return e.on("load",(function(){return u(e.work)}))}),[e]),[n,t]},exports.withFive=function(e){return function(t){return o.forwardRef((function(r,n){var i=p(),a=d(),c=function(e,t){return[C("unsafe__fiveInstance",t)?e:void 0]}(i,e)[0],s=function(e,t){var r=C("state",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return f({},e.state)}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("stateChange",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),l=s[0],v=s[1],h=function(e,t){var r=C("currentState",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.getCurrentState()}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("currentStateChange",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),m=h[0],y=h[1],g=function(e,t){var r=C("currentObserver",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.getCurrentState()}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("currentStateChange",(function(){return i(Symbol())}))}),[e]),[a?e.work?e.work.observers[a.panoIndex]:null:void 0,u]}(i,e),S=g[0],b=g[1],w=function(e,t){var r=C("work",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.work}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("load",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),U=w[0],D=w[1],I=function(e,t){var r=C("model",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.model}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),G=I[0],q=I[1],H=function(e,t){return[C("scene",t)?e.scene:void 0]}(i,e)[0],T=function(e,t){var r=C("cameraDirection",t),n=o.useState(Symbol()),i=n[0],a=n[1],f=o.useMemo((function(){if(r)return e.camera.getWorldDirection(new u.Vector3)}),[e,i]);return o.useLayoutEffect((function(){if(r)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,i]}(i,e),z=T[0],$=T[1],B=function(e,t){var r=C("cameraRaycaster",t),n=o.useState(Symbol()),i=n[0],a=n[1],f=o.useMemo((function(){if(r){var t=e.camera.getWorldDirection(new u.Vector3);return new u.Raycaster(e.camera.position,t)}}),[e,i]);return o.useLayoutEffect((function(){if(r)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,i]}(i,e),J=B[0],K=B[1],Q=function(e,t){var r=C("modelReadyState",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.model.empty?"Empty":"Loaded"}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),X=Q[0],Y=Q[1],Z=function(e,t){var r=C("shownFloor",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.model.shownFloor}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("modelShownFloorChange",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),ee=Z[0],te=Z[1],re=function(e,t){var r=C("totalFloorLength",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.model.hasFloors()}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),ne=re[0],oe=re[1],ue=function(e,t){var r=C("helperVisible",t),n=o.useState(Symbol()),u=n[0],i=n[1],a=o.useMemo((function(){if(r)return e.helperVisible}),[e,u]);return o.useLayoutEffect((function(){if(r)return e.on("helpersVisibleChange",(function(){return i(Symbol())}))}),[e]),[a,u]}(i,e),ie=ue[0],ae=ue[1],fe=o.useMemo((function(){var t={};return E(t,{setState:x(i,e),loadWork:k(a,e),on:L(i,e),once:F(i,e),off:P(i,e),intersectRaycaster:R(i,e),project2d:V(i,e),updateCamera:O(i,e),getPixels:W(i,e),render:M(i,e),needsRender:_(i,e),preloadPano:j(i,e),showFloor:A(i,e),toggleHelperVisible:N(i,e)}),t}),[i,a]),ce=o.useMemo((function(){var e=f({},fe);return E(e,{unsafe__fiveInstance:c,state:l,currentState:m,currentObserver:S,work:U,model:G,scene:H,cameraDirection:z,cameraRaycaster:J,modelReadyState:X,shownFloor:ee,totalFloorLength:ne,helperVisible:ie}),e}),[i,fe,v,y,b,D,q,$,K,Y,te,oe,ae]);return o.createElement(t,f({ref:n,$five:ce},r))}))}};

package/scripts/five-staticify.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+
+const { program } = require("commander");
+const staticify = require("../exporters/staticify");
+
+program
+  .requiredOption("--work <work>", "work 的 json 文件")
+  .requiredOption("--output <output>", "work 静态化的位置")
+  .option("--shortPath", "简化路径 可选")
+  .option("--jsonp", "使用jsonp的方式加载文件 可选")
+  .option("--no-preview", "不生成预览文件")
+  .option("--template <template>", "html模版文件ejs 参数为 work_json, short_path, jsonp")
+
+program.parse(process.argv);
+
+async function main(program) {
+  let { work, output, shortPath, jsonp, preview, template } = program.opts();
+  console.log(template)
+  if (preview !== false && template) {
+    preview = template;
+  }
+  await staticify(work, output, shortPath, jsonp, preview);
+}
+
+main(program);
+