@realsee/five/react/index.js

Realsee Renderer SDK

/**
 * @license
 * @realsee/five
 * Generated: 10/28/2026
 * Version: 6.9.3
 * 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.
*/Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c,1);let l=require(`three`);l=s(l,1);let u=require(`@realsee/five`);var d=[],f=[],p=null,m=3e3;function h({preserveDrawingBuffer:e,premultipliedAlpha:t,stencil:n,antialias:r,webgl2:i,logarithmicDepthBuffer:a,precision:o,powerPreference:s}){let c={antialias:r,alpha:!0,depth:!0,preserveDrawingBuffer:e,stencil:n,premultipliedAlpha:t,powerPreference:s},u={logarithmicDepthBuffer:a,precision:o},d;if(i){let e=document.createElement(`canvas`),t=e.getContext(`webgl2`,c);t?d=new l.WebGLRenderer(Object.assign(Object.assign(Object.assign({},c),u),{canvas:e,context:t})):(console.error(`error occurred when getting webgl2 canvas context, maybe webgl2 not supported, fallback to webgl.`),d=new l.WebGLRenderer(Object.assign(Object.assign({},c),u)))}else d=new l.WebGLRenderer(Object.assign(Object.assign({},c),u));return d.outputEncoding=l.sRGBEncoding,d.autoClear=!0,d}function g({preserveDrawingBuffer:e=!0,premultipliedAlpha:t=!0,stencil:n=!0,antialias:r=!1,webgl2:i=!1,logarithmicDepthBuffer:a,precision:o,powerPreference:s,backgroundColor:c=1579548,backgroundAlpha:l=1,pixelRatio:u}={}){if(typeof window>`u`)return;p&&(clearTimeout(p),p=null);let m;return m=i?f.shift():d.shift(),m||(m=h({preserveDrawingBuffer:e,premultipliedAlpha:t,stencil:n,antialias:r,webgl2:i,logarithmicDepthBuffer:a,precision:o,powerPreference:s})),u!==void 0&&m.setPixelRatio(u),m.setClearColor(c,l),m.autoClear=!0,m}function _(e){e&&(e.capabilities.isWebGL2?f.indexOf(e)===-1&&f.push(e):d.indexOf(e)===-1&&d.push(e),v())}function v(e=m){p&&clearTimeout(p),p=setTimeout(()=>{p=null,y()},e)}function y(){for(let e of d)e.dispose();for(let e of f)e.dispose();d.length=0,f.length=0}var b=c.createContext(null);function x(){let e=c.useContext(b);if(!e)throw Error(`FiveProvider never found.`);return e.five}function S(){let e=c.useContext(b);if(!e)throw Error(`FiveProvider never found.`);return e.loadWork}function C(e,t){let n=Array.isArray(e)?e:[e],r=Array.isArray(t)?t:[t];if(n.length!==r.length)return!1;for(let e=0;e<n.length;e++)if(n[e].workCode!==r[e].workCode)return!1;return!0}function w(e={}){let t=(0,u.getViewportScale)()===1?window.devicePixelRatio:1,n=e.backgroundColor;return{webgl2:e.webgl2,preserveDrawingBuffer:e.preserveDrawingBuffer,antialias:e.antialias,logarithmicDepthBuffer:e.logarithmicDepthBuffer,precision:e.precision,powerPreference:e.powerPreference,backgroundColor:(n instanceof l.Color,n),backgroundAlpha:e.backgroundAlpha,pixelRatio:t}}function T(e={}){return class extends c.Component{constructor(t){super(t),this.__fiveEventDisposers=[],this.__fiveDisposeTimer=null,this.five=new u.Five(Object.assign(Object.assign({},e),{renderer:void 0})),this.loadWork=this.loadWork.bind(this),this.state={}}loadWork(e,t,n,r=!0){if(this.props.work)throw Error(`props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.`);return this.five.load(e,t,n,r)}shouldComponentUpdate(e){return this.five.renderer&&this.five&&e.work&&!C(e.work,this.five.works)&&this.five.load(e.work,e.initialState,e.initialOptions),!0}componentDidMount(){var t;clearTimeout(this.__fiveDisposeTimer),this.__fiveDisposeTimer=null;let n;typeof window<`u`&&(n=g(w(e))),this.five.renderer=n,this.setState({renderer:n}),this.__fiveEventDisposers.push(this.five.on(`load`,()=>{this.props.onWorksChange&&this.props.onWorksChange(this.five.works)})),this.__fiveEventDisposers.push(this.five.on(`stateChange`,(e,t)=>{this.props.onStateChange&&this.props.onStateChange(e,t)})),this.__fiveEventDisposers.push(this.five.on(`currentStateChange`,(e,t)=>{this.props.onCurrentStateChange&&this.props.onCurrentStateChange(e,t)})),this.__fiveEventDisposers.push(this.five.on(`error`,e=>{this.props.onError?this.props.onError(e):console.warn(e.message)}));let r=this.props.work||this.props.initialWork;r&&this.five.load(r,this.props.initialState,this.props.initialOptions,(t=this.props.initialUserAction)==null?!0:t)}componentWillUnmount(){var e;(e=this.five.controller)==null||e.destroy();let t=this.five.renderer;this.five.renderer=void 0,_(t),this.setState({renderer:void 0}),this.__fiveDisposeTimer=setTimeout(()=>{this.__fiveDisposeTimer=null,this.five.dispose()},1e3)}render(){let e=this.five,t=this.loadWork,n=this.state.renderer;return c.createElement(b.Provider,{value:{renderer:n,five:e,loadWork:t}},this.props.children)}}}var E=typeof window<`u`?c.useLayoutEffect:c.useEffect,D={display:`inline-block`,overflow:`hidden`},O=({width:e,height:t})=>{let n=x(),r=c.createRef(),i=Object.assign({width:e,height:t},D);return E(()=>{let i=r.current;if(!i||!n.renderer)return;let a=n.renderer.domElement;if(a.parentNode!==null&&a.parentNode!==i)throw Error(`There are more than 2 fiveCanvas in this context.`);return a.parentNode!==i&&i.appendChild(a),n.camera.aspect=e/t,n.camera.updateProjectionMatrix(),n.renderer.setSize(e,t),n.refresh({width:e,height:t}),n.needsRender=!0,()=>{a.parentNode===i&&i.removeChild(a)}},[n,n.renderer,e,t,r.current]),c.createElement(`div`,{ref:r,style:i})},k=({children:e})=>{let t=x(),n=c.useRef(null);return c.useEffect(()=>{let e=n.current;if(!e||!t.renderer)return;let r=t.renderer.domElement;e.appendChild(r);let i=()=>{var n;let{width:r,height:i}=e.getBoundingClientRect();r===0||i===0||(t.camera.aspect=r/i,t.camera.updateProjectionMatrix(),(n=t.renderer)==null||n.setSize(r,i),t.refresh({width:r,height:i}),t.needsRender=!0)},a=new ResizeObserver(i);return a.observe(e),i(),()=>{r.parentNode===e&&e.removeChild(r),a.unobserve(e),a.disconnect()}},[]),c.createElement(`div`,{ref:n,style:{position:`absolute`,top:0,left:0,right:0,bottom:0}},e)},A=({renderChildren:e,load:t,children:n,fallback:r})=>{let i=c.useContext(b),a=i==null?void 0:i.five,[o,s]=c.useState(!!e),[l,u]=c.useState(!1);return c.useEffect(()=>{a&&a.getElement()&&(s(!0),t&&t(a).then(e=>{a.load(...e)}))},[a]),c.useEffect(()=>{if(!a)return;let e=()=>u(!0);return a.on(`works.load`,e),a.works&&a.works.length>0&&u(!0),()=>{a.off(`works.load`,e)}},[a]),!a||!l&&!e||!o?r==null?null:c.createElement(c.Fragment,null,r):c.createElement(c.Fragment,null,n)},j={position:`relative`,width:`100vw`,height:`100vh`,overflow:`hidden`},M={backgroundAlpha:1,backgroundColor:0,imageOptions:{size:512},textureOptions:{autoResize:!1},preserveDrawingBuffer:!0,webgl2:!0},ee=({fiveInitArgs:e=M,renderChildren:t,plugins:n,load:r,children:i,fullscreen:a,autoCanvas:o=!0,fallback:s})=>{let[l]=c.useState(()=>T(Object.assign(Object.assign({},e),{plugins:n}))),u=[];o&&u.push(c.createElement(k,{key:`auto-canvas`})),i&&u.push(i);let d=c.createElement(l,null,c.createElement(A,{load:r,renderChildren:t,fallback:s},...u));return a?c.createElement(`div`,{style:j},d):d};function N(){return x()}function P(e,t){let n=x(),r=[n];t!==void 0&&(r=r.concat(t)),c.useLayoutEffect(()=>e(n.scene),r)}var te=P;function F(){let e=x(),t=S(),[n,r]=c.useState(()=>e.works);return c.useLayoutEffect(()=>e.on(`load`,()=>r(e.works)),[e]),[n,t]}function I(e){return Object.assign({},e.state)}function L(){let e=x(),[t,n]=c.useState(()=>I(e)),r=c.useCallback((t,n=!1,r=!0)=>{let i=typeof t==`function`?t(e.getCurrentState()):t;e.setState(i,n,r)},[e]);return c.useLayoutEffect(()=>e.on(`stateChange`,()=>n(I(e))),[e]),[t,r]}function R(){let e=x(),[t,n]=c.useState(()=>e.getCurrentState()),r=c.useCallback((t,n=!1,r=!0)=>{let i=typeof t==`function`?t(e.getCurrentState()):t;e.setState(i,n,r)},[e]);return c.useLayoutEffect(()=>e.on(`currentStateChange`,()=>n(e.getCurrentState())),[e]),[t,r]}function ne(){let e=x(),[t,n]=c.useState(()=>e.getCurrentState());return c.useLayoutEffect(()=>e.on(`currentStateChange`,()=>n(e.getCurrentState())),[e]),e.works.getObserver(t)}function re(e,t,n){let r=x(),i=[r,e];n!==void 0&&(i=i.concat(n)),c.useLayoutEffect(()=>r.on(e,t),i)}function ie(){let e=x();return{updateCamera:c.useCallback((t,n)=>e.updateCamera(t,n),[e]),getPixels:c.useCallback(e.getPixels.bind(e),[e]),render:c.useCallback(t=>e.render(t),[e]),needsRender:c.useCallback(()=>e.needsRender=!0,[e]),preloadPano:c.useCallback((t,n)=>e.preloadPano(t,n),[e])}}function ae(){let e=x(),[t,n]=c.useState(()=>Symbol());return c.useLayoutEffect(()=>e.on(`cameraUpdate`,()=>n(Symbol())),[e]),c.useCallback((t,n)=>e.project2d(t,n),[e])}function z(e){let t=e.camera.getWorldDirection(new l.Vector3);return new l.Raycaster(e.camera.position,t)}function oe(){let e=x(),[t,n]=c.useState(()=>z(e));return c.useLayoutEffect(()=>e.on(`cameraUpdate`,()=>n(z(e))),[e]),t}function B(e){return e.camera.getWorldDirection(new l.Vector3)}function V(){let e=x(),[t,n]=c.useState(()=>B(e));return c.useLayoutEffect(()=>e.on(`cameraUpdate`,()=>n(B(e))),[e]),t}function H(){let e=x();return c.useCallback(t=>e.model.intersectRaycaster(t),[e])}function U(e){return e.model.empty?`Empty`:`Loaded`}function W(){let e=x(),[t,n]=c.useState(()=>U(e));return c.useLayoutEffect(()=>e.on(`modelLoaded`,()=>n(U(e))),[e]),t}var G=new Map,K=new Map;function q(e){let t=K.get(e);t&&t.forEach(e=>e())}function se(e,t){return K.has(e)||K.set(e,new Set),K.get(e).add(t),()=>{let n=K.get(e);n&&(n.delete(t),n.size===0&&K.delete(e))}}function J(e,t){return`${e}:${t}`}function ce(e,t){var n;return(n=G.get(J(e,t)))==null?void 0:n.plugin}function le(e,t,n){G.set(J(e,t),{plugin:n}),q(e)}function ue(e,t){var n,r;let i=x(),a=(r=(n=i.work)==null?void 0:n.workCode)==null?``:r,o=J(a,e),s=(0,c.useRef)(i),[,l]=(0,c.useState)(0);return(0,c.useEffect)(()=>{if(a)return se(a,()=>l(e=>e+1))},[a]),(0,c.useEffect)(()=>{if(s.current===i)return;s.current=i;let n=G.get(o);if(!n)return;let r=n.plugin;if(t!=null&&t.reCreateOnFiveChange&&t.createPlugin){typeof r.dispose==`function`&&r.dispose();let n=t.createPlugin(i);G.set(o,{plugin:n}),i.plugins[e]=n,q(a)}else r&&(typeof r.updateFive==`function`?r.updateFive(i):`five`in r&&(r.five=i))},[i]),(0,c.useCallback)(()=>{let n=G.get(o);if(n)return i.plugins[e]=n.plugin,n.plugin;let r=i.plugins[e];if(r)return G.set(o,{plugin:r}),r;if(t!=null&&t.createPlugin){let n=t.createPlugin(i);return G.set(o,{plugin:n}),i.plugins[e]=n,q(a),n}},[o,i,t==null?void 0:t.createPlugin])()}function de(){let e=x(),[t,n]=c.useState(e.model.shownFloor),[r,i]=c.useState(e.model.floorLength),a=c.useCallback(t=>{typeof t==`number`?e.model.show(t):e.model.show()},[e]);return c.useLayoutEffect(()=>{let t=[];return t.push(e.on(`modelShownFloorChange`,()=>n(e.model.shownFloor))),t.push(e.on(`modelLoaded`,()=>i(e.model.floorLength))),()=>{let e;for(;e=t.shift();)e()}},[e]),[t,r,a]}function fe(){let e=x(),[t,n]=c.useState(e.helperVisible),r=c.useCallback(t=>{e.helperVisible=t},[e]);return c.useLayoutEffect(()=>e.on(`helpersVisibleChange`,e=>n(e)),[e]),[t,r]}var pe=`$five`;function Y(e,t){return t.indexOf(e)>=0}function X(e,t){for(let n of Object.keys(t))t[n]!==void 0&&(e[n]=t[n])}function me(e,t){let n=Y(`state`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return Object.assign({},e.state)},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`stateChange`,()=>i(Symbol()))},[e]),[a,r]}function he(e,t){let n=Y(`currentState`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.getCurrentState()},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`currentStateChange`,()=>i(Symbol()))},[e]),[a,r]}function ge(e,t){let n=Y(`currentObserver`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.getCurrentState()},[e,r]);c.useLayoutEffect(()=>{if(n)return e.on(`currentStateChange`,()=>i(Symbol()))},[e]);let o;return a&&(o=e.works.getObserver(a)),[o,r]}function _e(e,t){return[Y(`unsafe__fiveInstance`,t)?e:void 0]}function ve(e,t){let n=Y(`works`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.works},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`load`,()=>i(Symbol()))},[e]),[a,r]}function ye(e,t){let n=Y(`model`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.model},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`modelLoaded`,()=>i(Symbol()))},[e]),[a,r]}function be(e,t){return[Y(`scene`,t)?e.scene:void 0]}function xe(e,t){let n=Y(`cameraDirection`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.camera.getWorldDirection(new l.Vector3)},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`cameraUpdate`,()=>i(Symbol()))},[e]),[a,r]}function Se(e,t){let n=Y(`cameraRaycaster`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n){let t=e.camera.getWorldDirection(new l.Vector3);return new l.Raycaster(e.camera.position,t)}},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`cameraUpdate`,()=>i(Symbol()))},[e]),[a,r]}function Ce(e,t){let n=Y(`modelReadyState`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.model.empty?`Empty`:`Loaded`},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`modelLoaded`,()=>i(Symbol()))},[e]),[a,r]}function we(e,t){let n=Y(`shownFloor`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.model.shownFloor},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`modelShownFloorChange`,()=>i(Symbol()))},[e]),[a,r]}function Te(e,t){let n=Y(`helperVisible`,t),[r,i]=c.useState(Symbol()),a=c.useMemo(()=>{if(n)return e.helperVisible},[e,r]);return c.useLayoutEffect(()=>{if(n)return e.on(`helpersVisibleChange`,()=>i(Symbol()))},[e]),[a,r]}function Ee(e,t){if(Y(`loadWork`,t))return e}function De(e,t){if(Y(`setState`,t))return(...t)=>e.setState(...t)}function Oe(e,t){if(Y(`on`,t))return(...t)=>e.on(...t)}function ke(e,t){if(Y(`on`,t))return(...t)=>e.once(...t)}function Ae(e,t){if(Y(`off`,t))return(...t)=>e.off(...t)}function je(e,t){if(Y(`intersectRaycaster`,t))return(...t)=>e.model.intersectRaycaster(...t)}function Me(e,t){if(Y(`project2d`,t))return(...t)=>e.project2d(...t)}function Ne(e,t){if(Y(`updateCamera`,t))return(...t)=>e.updateCamera(...t)}function Pe(e,t){if(Y(`getPixels`,t))return e.getPixels.bind(e)}function Fe(e,t){if(Y(`render`,t))return(...t)=>e.render(...t)}function Ie(e,t){if(Y(`needsRender`,t))return()=>{e.needsRender=!0}}function Z(e,t){if(Y(`preloadPano`,t))return(...t)=>e.preloadPano(...t)}function Le(e,t){if(Y(`showFloor`,t))return t=>{typeof t==`number`?e.model.show(t):e.model.show()}}function Re(e,t){if(Y(`toggleHelperVisible`,t))return t=>{e.helperVisible=t}}function ze(e){return function(t){return c.forwardRef((n,r)=>{let i=x(),a=S(),[o]=_e(i,e),[s,l]=me(i,e),[u,d]=he(i,e),[f,p]=ge(i,e),[m,h]=ve(i,e),[g,_]=ye(i,e),[v]=be(i,e),[y,b]=xe(i,e),[C,w]=Se(i,e),[T,E]=Ce(i,e),[D,O]=we(i,e),[k,A]=Te(i,e),j=c.useMemo(()=>{let t={};return X(t,{setState:De(i,e),loadWork:Ee(a,e),on:Oe(i,e),once:ke(i,e),off:Ae(i,e),intersectRaycaster:je(i,e),project2d:Me(i,e),updateCamera:Ne(i,e),getPixels:Pe(i,e),render:Fe(i,e),needsRender:Ie(i,e),preloadPano:Z(i,e),showFloor:Le(i,e),toggleHelperVisible:Re(i,e)}),t},[i,a]),M=c.useMemo(()=>{let e=Object.assign({},j);return X(e,{unsafe__fiveInstance:o,state:s,currentState:u,currentObserver:f,work:m,model:g,scene:v,cameraDirection:y,cameraRaycaster:C,modelReadyState:T,shownFloor:D,helperVisible:k}),e},[i,j,l,d,p,h,_,b,w,E,O,A]);return c.createElement(t,Object.assign({ref:r,$five:M},n))})}}function Be(...e){return e}function Q(e,t){let n={},r=t.length,i=-1;for(;++i<r;){let r=t[i];r in e&&(n[r]=e[r])}return n}function Ve(e,t){return typeof e==`number`&&typeof t==`number`&&isNaN(e)&&isNaN(t)?!0:e===t}function He(e,t){for(let n=0;n<e.length;n++)for(let r=0;r<t.length;r++)if(e[n]===t[r])return!0;return!1}var $=class{constructor(e,t){this.values=e,this.listeners=[],this.onValuesChange=t}on(e,t){let n=[e,t];return this.listeners.push(n),()=>{let e=this.listeners.indexOf(n);e>=0&&this.listeners.splice(e,1)}}getValues(e){return Q(this.values,e)}setValues(e,t){let n=[];for(let r in t)e.indexOf(r)>=0&&!Ve(t[r],this.values[r])&&n.push(r);if(n.length===0)return;let r=Object.assign({},this.values);for(let e of n)this.values[e]=t[e];this.onValuesChange&&this.onValuesChange(this.values,r);for(let[e,t]of this.listeners){if(!He(e,n))continue;let i=Q(r,e);t(Q(this.values,e),i)}}};function Ue(e){let t=c.createContext(null);return{useStore(e){let n=c.useContext(t);if(n===null)throw Error(`StoreProvider never found.`);let r=c.useRef(!0),[i,a]=c.useState(n.getValues(e)),o=[n,...e];return c.useLayoutEffect(()=>(r.current?r.current=!1:a(n.getValues(e)),n.on(e,e=>a(e))),o),[i,c.useCallback(t=>n.setValues(e,t),o)]},useStoreSetter(e){let n=c.useContext(t);if(n===null)throw Error(`StoreProvider never found.`);return c.useCallback(t=>n.setValues(e,t),[n,...e])},watchStore(e,n,r){let i=c.useContext(t);if(i===null)throw Error(`StoreProvider never found.`);let a=[i,...e];r!==void 0&&(a=a.concat(r)),c.useLayoutEffect(()=>i.on(e,n),a)},useStoreAction(n){let r=c.useContext(t);if(r===null)throw Error(`StoreProvider never found.`);return c.useCallback((...t)=>{let[i,...a]=e[n];return i(()=>r.getValues(a),e=>r.setValues(a,e),...t)},[])},StoreProvider:class extends c.Component{constructor(e){super(e),this.store=new $(e.initialValue,(...e)=>{this.props.onValuesChange&&this.props.onValuesChange(...e)})}shouldComponentUpdate(e){return e.children!==this.props.children}render(){return c.createElement(t.Provider,{value:this.store},this.props.children)}}}}exports.FiveApp=ee,exports.FiveAutoCanvas=k,exports.FiveCanvas=O,exports.INJECTION_PROPNAME=pe,exports.Store=$,exports.createFiveFeature=Be,exports.createFiveProvider=T,exports.createStore=Ue,exports.getPlugin=ce,exports.setPlugin=le,exports.unsafe__useFiveInstance=N,exports.useFiveAction=ie,exports.useFiveCameraDirection=V,exports.useFiveCameraRaycaster=oe,exports.useFiveCurrentObserver=ne,exports.useFiveCurrentState=R,exports.useFiveEventCallback=re,exports.useFiveFloor=de,exports.useFiveHelper=fe,exports.useFiveModelIntersectRaycaster=H,exports.useFiveModelReadyState=W,exports.useFivePlugin=ue,exports.useFiveProject2d=ae,exports.useFiveScene=te,exports.useFiveSceneEffect=P,exports.useFiveState=L,exports.useFiveWork=F,exports.withFive=ze;