@wannaby/wanna-sdk 3.4.0-alpha.3 → 3.4.1

package/core.js

@@ -2689,7 +2689,7 @@ return i.for_each_object((A=>{if(A.get_visible()){const i=t.compute_scene_object
 g=e.aabb_unite(i,g)}})),g})(this.scene_view,this.lib)),this.draw(),this.sceneAnimations.tick(),this.sceneAnimations.hasRunningAnimations&&requestAnimationFrame(this.renderFrame),this.cameraControls.update(),this.first3dRenderSucceeded||(this.first3dRenderSucceeded=!0,this.logger.logEvent("log_3d_succeeded",this.modelId),this.emitter.emit(IA,{modelId:this.modelId}),this.fpsLogger.initLogFps(),this.fpsCounter.initCalcSessionFps())))})),Viewer3d_defineProperty(this,"getZoomToFitObject",(A=>{})),Viewer3d_defineProperty(this,"viewerSetPOI",(async A=>{const{cameras:e}=this.get3dModeModel(),t=e[A]
 if(0!==A)return this.cameraControls.lookAtWithBounceAnimation(t.position,t.target)
 const{target:i}=this.getDefaultCameraPositionAndTarget(),g=this.getCameraPositionToFitModelPOI({position:bi.A.sub(t.position,bi.A.sub(t.target,i)),target:i})
-return this.cameraControls.lookAtWithBounceAnimation(g,i)})),Viewer3d_defineProperty(this,"viewerCameraZoom",(async A=>this.cameraControls.zoomToDirection(A))),Viewer3d_defineProperty(this,"stopOnboarding",(()=>{this.animations.stopAll(),this.onboardingStopped=!0,this.cameraControls.orbitControls.off("start",this.stopOnboarding)})),this.viewKeypoints=!1,this.showSegmentation=!1,this.enableDoubleClick=A.enableDoubleClick,this.viewerSize=A.viewer3dSize}async getResourcesFromLoader(A){let{modelLoader:e,loadContext:t}=A
+return this.cameraControls.lookAtWithBounceAnimation(g,i)})),Viewer3d_defineProperty(this,"viewerCameraZoom",(async A=>this.cameraControls.zoomToDirection(A))),Viewer3d_defineProperty(this,"stopOnboarding",(()=>{this.animations.stopAll(),this.onboardingStopped=!0,this.cameraControls.orbitControls.off("start",this.stopOnboarding)})),this.viewKeypoints=!1,this.enableDoubleClick=A.enableDoubleClick,this.setViewerSize(A.viewer3dSize)}setViewerSize(A){this.viewerSize={width:Math.max(1,A.width),height:Math.max(1,A.height)}}async getResourcesFromLoader(A){let{modelLoader:e,loadContext:t}=A
 const i=await this.getObjectsFromLoader(e,Ri,t)
 let[g,r]=i
 if(!g&&!r)throw new Error("Unable to get left or right model")
@@ -2719,7 +2719,7 @@ if(i){const e=getNodesByNames(A,[Qg.DIMENSIONS_CM,Qg.DIMENSIONS_INCH])
 s=[...s,...e]}const n=getUnitedBoundingBox(A,s,this.scene_view.get_scene_transform(),this.lib),B=2*((i?114:0)+.05*r),C=.1*g,E=this.cameraControls.getDistanceToFitBoundingBox(e,t,n,B,C)
 return this.cameraControls.updateSceneTransformations(o,I),this.cameraControls.getPositionOnDistance(e,t,Math.min(E,a))}))}getDefaultCameraPositionAndTarget(){const{modelCenter:A}=this.get3dModeModel()
 return{position:bi.A.add([1,0,0],A),target:A}}apply3dModeResolution(A){const{width:e,height:t}=A
-this.configureRenderTarget(A),this.debug&&this.emitter.emit(BA,{viewerDebug:{resolution:{width:e,height:t}}})}reset3dModeSize(A){if((0,Ei.l7)(this.viewerSize,A)||(this.viewerSize=A),this.camera){const e=this.get3dModeResolution()
+this.configureRenderTarget(A),this.debug&&this.emitter.emit(BA,{viewerDebug:{resolution:{width:e,height:t}}})}reset3dModeSize(A){if((0,Ei.l7)(this.viewerSize,A)||this.setViewerSize(A),this.camera){const e=this.get3dModeResolution()
 this.apply3dModeResolution(e),this.cameraControls.setViewerSize(A),this.camera=this.cameraControls.getRenderCamera(),this.requestRender3dModeFrame()}}_get3dModeBackground(){let A=document.getElementsByClassName("current-background")[0]
 if(!A){const[e]=getBackgroundCanvases()
 this.renderBackground(e),A=e}const{width:e,height:t}=this.viewerSize
@@ -2753,8 +2753,8 @@ getNodeByName(A,Qg.MAIN)&&A.access_each_node((A=>{[Qg.MAIN,Qg.PLANE_AO].includes
 const e=getNodesByNames(A,[Qg.PLANE_AO])
 setNodesBlendingState(e,this.lib,!0)}disposeSceneForOcclusions(){}cancelRenderFrame(){this.requestedRenderFrame&&(cancelAnimationFrame(this.requestedRenderFrame),this.requestedRenderFrame=null)}unloadScene(){this.animations&&this.stopOnboarding(),this.cancelRenderFrame(),super.unloadScene(),this.currentModelId=null,this.viewerModelInfo=null,this.destroyControls()}destroyControls(){this.cameraControls&&(this.cameraControls.off("change",this.requestRender3dModeFrame),this.cameraControls.dispose())}applyDebugSettings(A){if(!this.debug||!this.camera)return
 const{name:e,value:t}=A
-switch(e){case"width":case"height":{const A=this.get3dModeResolution()
-return void(A[e]!==Number(t)&&(A[e]=Number(t),this.apply3dModeResolution(A),this.requestRender3dModeFrame()))}case"playAnimation":{this.debugAnimationEnabled=t,this.cameraControls.orbitControls.enabled=!t
+switch(e){case"width":case"height":{const A=this.get3dModeResolution(),i=Math.max(1,Number(t))
+return void(A[e]!==i&&(A[e]=i,this.apply3dModeResolution(A),this.requestRender3dModeFrame()))}case"playAnimation":{this.debugAnimationEnabled=t,this.cameraControls.orbitControls.enabled=!t
 const runDebugAnimation=async()=>{const{modelLength:A,modelCenter:e}=this.get3dModeModel(),t=[[2*A,.5*A,2*A],[.5*-A,.5*A,.5*A],[2*A,.5*-A,2*A],[.5*A,.5*-A,.5*A],[2*A,.5*A,2*-A],[.5*A,.5*A,.5*-A]]
 for(const A of t)await this.cameraControls.lookAtWithAnimation(A,e)
 this.debugAnimationEnabled&&runDebugAnimation()}
@@ -3538,7 +3538,7 @@ if(!this.wasmLogger)return this.delayedEvents.push({eventFnName:A,params:t}),Pro
 if(!this.wasmLogger[A])throw new Bt(`Event ${A} is not found`)
 const g=this.wasmLogger[A](...t).catch((e=>{throw new Bt(`Failed to log event ${A}.`,{cause:e})}))
 return this.addRequest(g),g}catch(e){throw new Bt(`Failed to log event ${A}.`,{cause:e})}}logEvent(A){try{for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i]
-this.logEventAsync(A,...t).catch((A=>_r.handleError(A)))}catch(A){_r.handleError(A)}}logError(A){this.logErrorObject(Bt.toObject(A))}logErrorObject(A){try{if(A.name===Ci)return void this.logEvent("log_camera_access_denied")
+this.logEventAsync(A,...t).catch((A=>_r.handleError(A)))}catch(A){_r.handleError(A)}}logError(A){this.logErrorObject(Bt.toObject(A))}logErrorObject(A){try{if(A.rootCauseName===Ci)return void this.logEvent("log_camera_access_denied")
 if(!this.wasmLogger)return void this.delayedErrors.push(A)
 const e=A.stack||`${A.name}: ${A.message}`,t=A.errorId,i=A.params||{}
 this.debug&&(console.error("----------logging-error:",t),console.error(e),console.error("-----------error-params:",i),console.error("------------------------")),this.addRequest(this.wasmLogger.log_error(e,t,i).catch((A=>{throw new Bt(`Failed to log error id=${t}.`,{cause:A})})))}catch(A){this.debug&&console.error(A)}}async waitForAllLogsSent(){return new Promise((A=>{if(0===this.requestsList.length)return A()
@@ -3899,9 +3899,9 @@ if(this.mode===Ze)g=t,r=i
 else if(A&&e){const o=((A,e)=>{var{width:t,height:i}=A,{width:g,height:r}=e
 return Math.max(t/g,i/r)})({width:t,height:i},{width:A,height:e})
 g=Math.round(A*o),r=Math.round(e*o)}return{width:g,height:r}}_handleVtoWindowResize(){const{width:A,height:e}=this.videoSize
-this.recalcDimensions({videoWidth:A,videoHeight:e})}_handle3dWindowResize(){var A,e
+this.recalcDimensions({videoWidth:A,videoHeight:e})}_handle3dWindowResize(){try{var A,e
 const t=getAvailableSize(Po)
-null===(A=Lr.renderStep)||void 0===A||null===(A=A.realRenderStep)||void 0===A||null===(e=A.reset3dModeSize)||void 0===e||e.call(A,t),this.recalcDimensions()}async setupVideoAutoplay(){utils_video_useAutoPlayClickVideo()&&await wi({playButton:jo,video:Ko})}async setVideoSource(A){let{src:e,stream:t}=A
+null===(A=Lr.renderStep)||void 0===A||null===(A=A.realRenderStep)||void 0===A||null===(e=A.reset3dModeSize)||void 0===e||e.call(A,t),this.recalcDimensions()}catch(A){_r.handleError(new Bt(`Failed to resize viewer to ${Ho.innerWidth}x${Ho.innerHeight}`,{cause:A}))}}async setupVideoAutoplay(){utils_video_useAutoPlayClickVideo()&&await wi({playButton:jo,video:Ko})}async setVideoSource(A){let{src:e,stream:t}=A
 if(!this.isRecordVideoMode){if(t)this.setVideoElementStream(t)
 else{if(!e)throw new Error("No source for video is set.")
 Ko.src!==e&&(this.killStream(),Ko.loop=!0,Ko.crossOrigin="anonymous",Ko.disablePictureInPicture=!0,Ko.src=e)}await this.setupVideoAutoplay()}}getMode(){return this.mode}async debug(A){if(!this.debugger.handleDebug(A))return Lr.reInit(A)}async setPOI(A){if(this.mode!==Ze)throw new Error("setPOI only available in 3D mode")

package/iframe.html

@@ -1 +1 @@
-<!-- Copyright © 2024 WANNABY INC. All rights reserved. --><!doctype html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>WANNABY / WEB-AR</title><meta name="description" content="WANNA WEB-AR"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><style>body,html{height:100%;margin:0;padding:0}*{touch-action:none}.wrapper{height:100%;position:relative;overflow:hidden}#background-canvases,#debug-canvases,#interactions-layer,.wrapper canvas,.wrapper video{height:100%;width:100%}#canvases-wrapper{width:100%;height:100%;display:grid;grid-auto-columns:1fr;align-content:center;justify-content:center}#canvases-wrapper>*{position:relative;grid-column-start:1;grid-row-start:1}#debug-canvases{display:flex;flex-direction:column;gap:20px}#debug-canvases>div>canvas{position:absolute}#background-canvases{z-index:-1}#debug-canvases,#debug-overlay>canvas,#interactions-layer{position:absolute;top:0;left:0}#interactions-layer{user-select:none;-webkit-user-select:none}#background-canvases canvas:not(.current-background){display:none}#debug{position:absolute;top:200px;right:0;bottom:0;min-width:220px;max-height:calc(100% - 300px);overflow:auto;color:#fff;padding:5px;text-align:right}#debug,#debug *{touch-action:pan-x pan-y}#debug>div{padding:0 5px}.has-substeps>span{font-weight:700}.has-substeps{border:1px solid;margin:5px 0}video{opacity:0;position:absolute;top:0;z-index:-1}.video-mirrored{transform:scaleX(-1)}.video-visible{opacity:1}#screen-loading-stub{width:100%;height:100%;display:none;background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99}#play-button{display:none;position:absolute;top:50%;right:0;background-color:transparent;color:transparent;outline:0;border:none}@media (orientation:landscape){.desktopWrapper.arWrapper canvas,.desktopWrapper.arWrapper video{height:100%;width:auto}.desktopWrapper.arWrapper #debug{color:#000}.desktopWrapper.arWrapper #debug>*{border-color:#000}}</style><script defer="defer" src="./core.js?75bb0cbf9670b7106b56"></script></head><body><div id="wrapper" class="wrapper"><div id="screen-loading-stub"></div><button id="play-button">play</button><div id="canvases-wrapper"><video autoplay muted playsinline id="video" aria-hidden="true"></video><div id="background-canvases"><canvas></canvas><canvas></canvas><canvas></canvas></div><canvas id="three-canvas"></canvas><div id="debug-overlay"></div></div><div id="debug-canvases"></div><div id="debug"></div><div id="interactions-layer"></div></div></body></html>
+<!-- Copyright © 2024 WANNABY INC. All rights reserved. --><!doctype html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>WANNABY / WEB-AR</title><meta name="description" content="WANNA WEB-AR"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><style>body,html{height:100%;margin:0;padding:0}*{touch-action:none}.wrapper{height:100%;position:relative;overflow:hidden}#background-canvases,#debug-canvases,#interactions-layer,.wrapper canvas,.wrapper video{height:100%;width:100%}#canvases-wrapper{width:100%;height:100%;display:grid;grid-auto-columns:1fr;align-content:center;justify-content:center}#canvases-wrapper>*{position:relative;grid-column-start:1;grid-row-start:1}#debug-canvases{display:flex;flex-direction:column;gap:20px}#debug-canvases>div>canvas{position:absolute}#background-canvases{z-index:-1}#debug-canvases,#debug-overlay>canvas,#interactions-layer{position:absolute;top:0;left:0}#interactions-layer{user-select:none;-webkit-user-select:none}#background-canvases canvas:not(.current-background){display:none}#debug{position:absolute;top:200px;right:0;bottom:0;min-width:220px;max-height:calc(100% - 300px);overflow:auto;color:#fff;padding:5px;text-align:right}#debug,#debug *{touch-action:pan-x pan-y}#debug>div{padding:0 5px}.has-substeps>span{font-weight:700}.has-substeps{border:1px solid;margin:5px 0}video{opacity:0;position:absolute;top:0;z-index:-1}.video-mirrored{transform:scaleX(-1)}.video-visible{opacity:1}#screen-loading-stub{width:100%;height:100%;display:none;background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99}#play-button{display:none;position:absolute;top:50%;right:0;background-color:transparent;color:transparent;outline:0;border:none}@media (orientation:landscape){.desktopWrapper.arWrapper canvas,.desktopWrapper.arWrapper video{height:100%;width:auto}.desktopWrapper.arWrapper #debug{color:#000}.desktopWrapper.arWrapper #debug>*{border-color:#000}}</style><script defer="defer" src="./core.js?796507487bffd7653fbe"></script></head><body><div id="wrapper" class="wrapper"><div id="screen-loading-stub"></div><button id="play-button">play</button><div id="canvases-wrapper"><video autoplay muted playsinline id="video" aria-hidden="true"></video><div id="background-canvases"><canvas></canvas><canvas></canvas><canvas></canvas></div><canvas id="three-canvas"></canvas><div id="debug-overlay"></div></div><div id="debug-canvases"></div><div id="debug"></div><div id="interactions-layer"></div></div></body></html>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wannaby/wanna-sdk",
   "description": "Wanna WEB-AR SDK to import as package dependency",
-  "version": "3.4.0-alpha.3",
+  "version": "3.4.1",
   "main": "./sdk/sdk.js",
   "license": "SEE LICENSE IN LICENSE.md"
 }