architwin 1.0.48 → 1.0.50

package/README.md

@@ -1002,7 +1002,8 @@ In order to add an object, you may use the `addObjectToSpace()` method.
 
 | parameter | type | required | default |values |
 | :----: | :----: | :---: | :---: | :---: |
-| object | I3DObject | yes | | object payload |
+| objectUrl | string | yes | none | valid url to media/object |
+| objectType | string | yes | none | valid supported file type (GLB,FBX) |
 | config | ObjectConfig | yes | | valid config object |
 
 There are two ways you can use the `addObjectToSpace()` method. We will go through each one 
@@ -1016,9 +1017,8 @@ import * as atwin from 'architwin';
 
 ...
 
-const objectID = 1;
-let objectPayload:I3DObject;
-objectPayload = await atwin.getObject(objectID);
+let objectUrl:string = "https://example.s3.amazonaws.com/filename.GLB";
+let objectType:string = "GLB"
 
 const yourTargetPosition = {
   x: 12.345435,
@@ -1034,7 +1034,7 @@ let objectConfig = {
   rotation: objRotation,
 } as ObjectConfig;
 
-atwin.addObjectToSpace(objectPayload, objectConfig)
+atwin.addObjectToSpace(objectUrl,objectType, objectConfig)
 
 ...
 ```
@@ -1051,9 +1051,8 @@ import * as atwin from 'architwin';
 ...
 
 function myCallbackFunction(clickedPosition){
-  const objectID = 1;
-  let objectPayload:I3DObject;
-  objectPayload = await atwin.getObject(objectID);
+  let objectUrl:string = "https://example.s3.amazonaws.com/filename.GLB";
+  let objectType:string = "GLB"
 
   const objRotation = {x:0,y:0,z:0}
   const objScale = {x:1,y:1,z:1}
@@ -1064,7 +1063,7 @@ function myCallbackFunction(clickedPosition){
     rotation: objRotation,
   } as ObjectConfig;
 
-  await atwin.addObjectToSpace(objectPayload, objectConfig)
+  await atwin.addObjectToSpace(objectUrl,objectType, objectConfig)
 }
 
 atwin.getTargetPosition(myCallbackFunction)

package/lib/architwin.d.ts

@@ -19,7 +19,7 @@ declare const _config: {
 declare let _api: AxiosInstance;
 declare let _spaceId: string;
 declare let _space: ISpace;
-declare let _atwin: MpSdk;
+declare let _atwin: MpSdk | null;
 declare let tags: ITagPublic[];
 declare let sweeps: any;
 declare let _3DXObjects: IObjectData[];
@@ -40,7 +40,8 @@ declare function connectSpace(url: string, auth: {
     apiURL?: string;
     apiKey: string;
     user: IUser;
-}, config: IMPConfig): Promise<void>;
+} | null, config: IMPConfig): Promise<void>;
+declare function getAtwinSdk(): MpSdk | null;
 /**
  * This function returns an object that returns an array of 3D, video, and slideshow objects
  * You can pass a object type as a object parameter to set what the contents of the returned objects will be
@@ -60,11 +61,16 @@ declare function setRenderDistance(distance: number): void;
 declare function setAnimationState(action: string, modelId: number): void;
 declare function showObjectDimensions(selected: IObjectData): void;
 declare function hideObjectDimensions(): void;
+declare function goTo3dx(objectId: number): {
+    sweepId: string;
+    index: number;
+};
 declare function getTags(space: ISpace): Promise<ITag[] | null>;
 declare function gotoTag(tag_id: string): Promise<void>;
+declare function showTags(tags: ITag[]): Promise<void>;
 declare function getCurrentSweep(): ISweep;
-declare function getCurrentCameraPose(): any;
-declare function getCameraPosition(): any;
+declare function getCurrentCameraPose(): MpSdk.Camera.Pose;
+declare function getCameraPosition(): MpSdk.Vector3;
 declare function getCurrentSweepPosition(): MpSdk.Vector3;
 declare function getSweeps(): Promise<ISweep | null>;
 declare function moveToSweep(sweepId: string): Promise<void>;
@@ -134,7 +140,7 @@ declare function setPointerCoordinates(position: Vector3): void;
  * position, rotation, and scale to name an example
  * @returns {Promise<IShowcaseObject>}
  */
-declare function addObjectToSpace(object: I3DObject, config?: ObjectConfig): Promise<IShowcaseObject>;
+declare function addObjectToSpace(mediaUrl: string, objectType: string, config?: ObjectConfig): Promise<IShowcaseObject>;
 /**
  * Creates a copy of an object in the 3D space. You can specify a custom offset position and rotation of the cloned object
  * @param payload The object that you want to duplicate
@@ -164,7 +170,7 @@ declare function addMediaScreen(mediaUrl?: string, transform?: {
     position: Vector3;
     scale: Vector3;
     rotation: Vector3;
-}, readonly?: boolean, autoplay?: boolean): Promise<number>;
+}, readonly?: boolean, autoplay?: boolean): Promise<IShowcaseObject>;
 /**
  * Chages the value of the url property of a component. Can be used to change the media of a
  * node in a scene object. Please take note that the URL to the media you pass MUST be public and have the
@@ -255,4 +261,11 @@ declare function deleteMediaScreen(mediaScreenId: number): Promise<number>;
 declare function addTagToScene(tag: ITag): void;
 declare function showMinimap(): void;
 declare function hideMinimap(): void;
-export { _atwin, _config, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _space, _spaceId, _api, _pointerCoord, _3DXObjects, connectSpace, disconnectSpace, getTags, gotoTag, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, pauseVideo, playVideo, getCurrentCameraPose, getCameraPosition, moveInDirection, cameraLookAt, cameraPan, cameraRotate, getViewMode, setViewMode, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, clearActionHistory, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, addTagToScene, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, deleteObjectFromSpace, deleteMediaScreen, getShowcaseObject, setBasePointPosition, showObjectDimensions, hideObjectDimensions, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates, addTextMarkupScreen, setTextMarkupScreenContent };
+declare function renderTag(payload: {
+    tag: MpSdk.Tag.Descriptor;
+    relocate: boolean;
+}): Promise<void>;
+declare function getMpTags(): ITagPublic[];
+declare function removeTag(tagId: number | string): Promise<ITag>;
+declare function getTag(tagId: string): ITag;
+export { _atwin, _config, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _space, _spaceId, _api, _pointerCoord, _3DXObjects, getAtwinSdk, connectSpace, disconnectSpace, getTags, gotoTag, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, pauseVideo, playVideo, getCurrentCameraPose, getCameraPosition, moveInDirection, cameraLookAt, cameraPan, cameraRotate, getViewMode, setViewMode, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, clearActionHistory, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, addTagToScene, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, deleteObjectFromSpace, deleteMediaScreen, getShowcaseObject, setBasePointPosition, showObjectDimensions, hideObjectDimensions, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates, addTextMarkupScreen, setTextMarkupScreenContent, goTo3dx, renderTag, getMpTags, removeTag, getTag, showTags, };

package/lib/architwin.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P((function(resolve){resolve(value)}))}return new(P||(P=Promise))((function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())}))};import axios from"axios";import{planeType,planeFactory,gltfType,gltfFactory,boxType,boxFactory,textType,textFactory,css3DType,css3DFactory}from"./loaders";import{meterToMillimeter,generateRandomUniqueNumber,generateUUID}from"./convert";import*as JSZip from"jszip";import*as JSZipUtils from"jszip-utils";import*as superviz from"./superviz";import*as minimap from"./minimap";import"../static/map.css";const _config={aws:{region:"ap-northeast-1",accessKeyId:"AKIAVVUXZ66KW7GBSW7A",secretAccessKey:"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'"},mp:{appKey:"a3ae8341bd8f44899eba16df86307d7d",urlParams:["help","play","nt","qs","brand","dh","tour","gt","hr","mls","mt","tagNav","pin","portal","f","fp","lang","kb","lp","st","title","tourcta","wts","ts","hl","vr","nozoom","search","wh"]},meet:{meetingKey:"caxaodrjl2sfxycnegzmxvkb4zp1fe"}};let _apiURL="http://localhost:5173/api";let _appKey=_config.mp.appKey;const urlParams=_config.mp.urlParams;let _iframe={};let _api;let _mediaApi;let _spaceId="";let _space=null;let _url="";let _mpConfig={};let _atwin={};let _tags=[];let _objects=[];let tags=[];let sweeps=[];let _allSlideShow=[];let _slideShowImage=[];let _currentSlideShowID=0;let _currentSlideIndex=0;let _currentSlideShow=null;var _timer=null;let _videos=[];let _currentViewMode="";let _3DXObjects=[];let _unrenderedObjects=[];let _transformControlNode;let _inputControlComponent;let selectedObject;let _previousTimeStamp=0;let _renderDistance=8;let _autoDetectNearbyObj=false;let _viewMode="public";let _transformMode="translate";let _transformComponent;let previousObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let currentObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let _previousAction;let actionHistory=[];let _currentSweep=null;let _currentCameraPose={};let _sweeps=[];let _isInitialLoad=true;let _hasRegisteredLoaders=false;let _showMinimap=false;let _sceneObject;let _assetLibrary=[];let _objectMarker;let _pointerSubscription;let _pointerCoord;let _urlComponentPaths=[];let _userId;let _generatedObjectIds=[];let _textDimensions={top:{node:null,component:null},bottom:{node:null,component:null},left:{node:null,component:null},right:{node:null,component:null}};let _textDimensionIds=[];let state={isLoading:false,loaded:false,error:"",data:null};const supportedMediaTypes=["WMV","MOV","JPG","PNG","JPEG","image","video","FRAME"];const supportedModelTypes=["GLB","GLTF","FBX"];const supportedFileTypes=["ZIP",...supportedMediaTypes,...supportedModelTypes];function connectSpace(url,auth,config){return __awaiter(this,void 0,void 0,(function*(){console.log("connectSpace()");console.log("__config",config);_mpConfig=config;_url=url;if("apiURL"in auth){console.log("'apiURL' in auth");const lastString=auth.apiURL.slice(-1);if(lastString!=="/"){auth.apiURL+="/"}_apiURL=auth.apiURL}if("appKey"in config){console.log("'appKey' in config");_appKey=config.appKey}console.log("_apiURL",_apiURL);const api=axios.create({baseURL:_apiURL,headers:{"Access-Control-Allow-Origin":"*","Content-Type":"multipart/form-data",Authorization:auth.apiKey}});_api=api;_mediaApi=axios;if(config.viewMode==="interactive"){_viewMode="interactive"}const showcase=document.getElementById(config.iframeId);_iframe=showcase;if(url.includes("https://my.matterport.com/show/")){console.log("URL IS MATTERPORT");yield loadDefaultMpSpace(url,config,showcase)}else{console.log("URL IS REV-KITTEN");yield loadAtwinSpace(url,auth,config,showcase)}}))}function loadDefaultMpSpace(url,config,showcase){return __awaiter(this,void 0,void 0,(function*(){console.log("loadDefaultMpSpace(url: string, showcase: HTMLIFrameElement)",url,showcase);const iframeSrc=getIframeSrc(config,url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield _setTags()}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...")}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))));const _setTags=()=>__awaiter(this,void 0,void 0,(function*(){console.log("_setTags()");const mpTags=yield _atwin.Mattertag.getData();if(mpTags){const filteredMpTags=mpTags.map((i=>{const x={};x.id=i.sid;x.name=i.label;return x}));tags=filteredMpTags;console.log("tags",tags)}}))}))}function loadAtwinSpace(url,auth,config,showcase){var _a;return __awaiter(this,void 0,void 0,(function*(){console.log("loadAtwinSpace(url: string, auth: { apiKey: string; user: IUser },config: IMPConfig, showcase: HTMLIFrameElement)");const spaceId=getSpaceId(url);_spaceId=spaceId;if(!spaceId){console.error("spaceId is undefined");return}if(_isInitialLoad){const authUser=yield loginUser(auth.user);if(authUser){_userId=authUser.id}else{console.error("Custom error: authUser is undefined",authUser);return}}const space=yield getSpace(spaceId);if(!space){console.error("space is undefined");return}setSpace(space);const iframeSrc=getIframeSrc(config,space.space_url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const tags=yield getTags(space);if(!tags){console.log("tags is undefined");return}setTags(tags);if(_isInitialLoad){(_a=showcase.contentWindow)===null||_a===void 0?void 0:_a.location.reload()}_isInitialLoad=false;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);if(showcaseWindow.MP_SDK){try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);onShowcaseConnect()}catch(e){console.error(e)}}else{console.log("No showcaseWindow.MP_SDK found")}}))))}))}function onShowcaseConnect(){return __awaiter(this,void 0,void 0,(function*(){console.log("onShowcaseConnect()");try{const modelData=yield _atwin.Model.getData();console.log("Model sid:"+modelData.sid);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield get3DObjects(_spaceId)}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...");yield disposeTags()}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");yield showTags(_tags);yield getSweeps();_sceneObject=yield createSceneObject();yield setLighting();yield registerCustomLoaders();yield _atwin.Asset.registerTexture("targetPointer","../static/objective.png");create3dMarker();_atwin.Tag.data.subscribe({onAdded(indx,item,collection){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag added",item);const i=_tags.find((i=>i.json_data.id===item.id));if(!i){const removedTag=yield _atwin.Tag.remove(item.id);if(removedTag)console.log("Tag removed",removedTag)}}))}});_atwin.Sweep.current.subscribe((function(currentSweep){return __awaiter(this,void 0,void 0,(function*(){console.log("===currentSweep",currentSweep);if(currentSweep.sid===""){console.log("Not currently stationed at a sweep position")}else{_currentSweep=currentSweep;videoAutoPlay();if(superviz.isMeetingInitialized){yield minimap.locateAvatar()}}}))}));_atwin.Camera.pose.subscribe((function(pose){return __awaiter(this,void 0,void 0,(function*(){_currentCameraPose=pose;const hasElapsed=hasTimeElapsed(300);if(hasElapsed){console.log("_unrenderedObjects "+_unrenderedObjects.length);yield renderOnDemand()}if(hasTimeElapsed(1e3)&&_autoDetectNearbyObj){getNearbyObjects({type:"ALL",distance:2})}}))}));_atwin.Mode.current.subscribe((mode=>{_currentViewMode=mode}));if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))}function hasTimeElapsed(maxTime){const currentTimestamp=Date.now();const differenceInMilliseconds=(currentTimestamp-_previousTimeStamp)%1e3;_previousTimeStamp=currentTimestamp;if(differenceInMilliseconds>=maxTime){return true}else{return false}}function getNearbyUnrenderedObjects(payload){let toBeRendered=[];const currentPose={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};toBeRendered=_unrenderedObjects.filter((obj=>{const obj_pos={x:obj.object_position.x,y:obj.object_position.y,z:obj.object_position.z};const distance=calculateDistance(currentPose,obj_pos);return distance<payload.distance}));const filtered=_unrenderedObjects.filter((obj=>toBeRendered.indexOf(obj)===-1));_unrenderedObjects=filtered;console.log("render toBeRendered "+toBeRendered.length);return toBeRendered}function getNearbyObjects(payload){if(payload.type===undefined||payload.type===""){payload.type="ALL"}if(payload.distance===undefined){payload.distance=2}const pos1={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};let three_d=[];let videos=[];let slideshows=[];if(payload.type==="ALL"||"3DX"){three_d=_3DXObjects.filter((obj=>{const pos2={x:obj.node.position.x,y:obj.node.position.y,z:obj.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("3DX Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"VIDEO"){videos=_videos.filter((vid=>{const pos2={x:vid.node.position.x,y:vid.node.position.y,z:vid.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Video Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"SLIDESHOW"){slideshows=_allSlideShow.filter((slide=>{const pos2={x:slide.node.position.x,y:slide.node.position.y,z:slide.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Slideshow Distance: "+distance);return distance<payload.distance}))}console.log("nearby3DXObjects "+three_d.length);console.log("nearbyVideos "+videos.length);console.log("nearbySlideshows "+slideshows.length);return{x3d:three_d,videos:videos,slideshows:slideshows}}function setRenderDistance(distance){if(!Number.isInteger(distance)){console.error("Render distance argument is not a valid number");return}_renderDistance=distance}function createSceneObject(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);return sceneObject}))}function show3DObjects(object,options=null,action="loading"){var _a;return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();if(options==null){options={url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri,type:object.object_data.object_type}}const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const objTransformation={object_position:typeof object.object_position!=="string"?object.object_position:JSON.parse(object.object_position),object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);let type;if(object.object_data.object_type=="image"||object.object_data.object_type=="video"){type="FRAME"}else{type=object.object_data.object_type}modelNode.start();if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_3DXObjects.push({object:object,component:component,node:modelNode,type:type});console.log("_3DXObjects ",component);if(_viewMode==="interactive"&&object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(component,"gltfevents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"animationState",`animationState_${object.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(component,"boxEvents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"basePosition",`basePosition_${object.id}`);_sceneObject.addInputPath(component,"localPosition",`localPosition_${object.id}`)}else if(_viewMode==="interactive"&&supportedMediaTypes.includes(object.object_data.object_type)){const emitPath=_sceneObject.addEmitPath(component,"planeEvents");_sceneObject.spyOnEvent(new EmitSpy(emitPath,modelNode,component,object));_sceneObject.addInputPath(component,"url",`url_${object.object_data.id}`);_sceneObject.addInputPath(component,"type",`type_${object.object_data.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="MARKUP"){const eventPath=_sceneObject.addEmitPath(component,"css3devents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"title",`title_${object.id}`);_sceneObject.addInputPath(component,"text",`text_${object.id}`);_sceneObject.addInputPath(component,"textColor",`textColor_${object.id}`);_sceneObject.addInputPath(component,"backgroundColor",`backgroundColor_${object.id}`)}}))}function setAnimationState(action,modelId){const actions=["play","stop"];let animationStatePath;if(actions.includes(action)){if(modelId){for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`animationState_${modelId}`){animationStatePath=path}}animationStatePath.set(action);return}console.error("id of object is undefined");return}console.error("Argument for action is not valid");return}function show3dText(object,options=null,direction="top"){const modelNode=_sceneObject.addNode();const text=options.text;options={text:text,fontSize:.09,background:false,centered:true,height:.001,curveSegments:12,bevelEnabled:false,bevelThickness:10,bevelSize:8,bevelOffset:0,bevelSegments:5};const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(modelNode,component,direction,currentObjTransform.object_position,rotation);modelNode.start();_textDimensionIds.push(modelNode.id);_sceneObject.addInputPath(component,"visible",`visible_${modelNode.id}`);if(direction=="left"){_sceneObject.addInputPath(component,"text",`textDepth_${modelNode.id}`)}else if(direction=="right"){_sceneObject.addInputPath(component,"text",`textHeight_${modelNode.id}`)}else if(direction=="bottom"){_sceneObject.addInputPath(component,"text",`textBottom_${modelNode.id}`)}return{node:modelNode,component:component}}function showObjectDimensions(selected){console.log("Selected object",selectedObject);const textObj=selected.object;textObj.object_data.object_type="TEXT";const THREE=selected.component.context.three;const objectModel=selected.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;_textDimensions.top=show3dText(textObj,{text:selected.object.object_data.name},"top");_textDimensions.bottom=show3dText(textObj,{text:`W: ${meterToMillimeter(width)}mm`},"bottom");_textDimensions.left=show3dText(textObj,{text:`D: ${meterToMillimeter(depth)}mm`},"left");_textDimensions.right=show3dText(textObj,{text:`H: ${meterToMillimeter(height)}mm`},"right");console.log("Selected object",selectedObject)}function hideObjectDimensions(){let visiblePath;if(!_textDimensions.top){console.error("_textDeminsion is undefined");return}_textDimensionIds.forEach((index=>{for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`visible_${_textDimensionIds[index]}`){visiblePath=path}}visiblePath.set(false)}))}function setTextDimensionLabel(node,size){let textPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`textDepth_${node.id}`){textPath=path;textPath.set(`D: ${meterToMillimeter(size.z)}mm`)}if(desc.id===`textHeight_${node.id}`){textPath=path;textPath.set(`H: ${meterToMillimeter(size.y)}mm`)}if(desc.id===`textBottom_${node.id}`){textPath=path;textPath.set(`W: ${meterToMillimeter(size.x)}mm`)}}}function setTextDimensionPosition(node,component,direction,position,rotation){console.log("setTextDimensionPosition()");const THREE=selectedObject.component.context.three;const objectModel=selectedObject.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;let newPosition;if(direction==="top"){newPosition={x:position.x-rotation.y,y:position.y+height/2,z:position.z-depth+rotation.z}}else if(direction==="bottom"){newPosition={x:position.x,y:position.y-height/2,z:position.z-depth/3}}else if(direction==="left"){newPosition={x:position.x-width/1.3,y:position.y-height/2,z:position.z-depth+rotation.y}}else if(direction==="right"){newPosition={x:position.x+width/1.3-rotation.y,y:position.y,z:position.z-depth}}const objTransformation={object_position:{x:newPosition.x,y:newPosition.y,z:newPosition.z},object_rotation:rotation,object_scale:{x:.001,y:.001,z:.001}};setTextDimensionLabel(node,{x:width,y:depth,z:height});setObjectTransformation(node,objTransformation)}function renderOnDemand(){return __awaiter(this,void 0,void 0,(function*(){if(_unrenderedObjects.length!==0){console.log("renderOnDemand()");registerCustomLoaders();const objects=getNearbyUnrenderedObjects({type:"",distance:_renderDistance});objects.forEach((obj=>__awaiter(this,void 0,void 0,(function*(){var _a,_b,_c,_d;if(((_a=obj.object_data)===null||_a===void 0?void 0:_a.object_type)==="FBX"||((_b=obj.object_data)===null||_b===void 0?void 0:_b.object_type)==="GLB"||supportedMediaTypes.includes(obj.object_data.object_type)){yield show3DObjects(obj)}else if(((_c=obj.object_data)===null||_c===void 0?void 0:_c.object_type)==="MP4"){yield showVideoObjects(obj)}else if(((_d=obj.object_data)===null||_d===void 0?void 0:_d.object_type)==="ZIP"){yield showSlideScreenModel(obj)}}))))}}))}function getIframeSrc(config,url){console.log("getIframeSrc()",config,url);const modelId=url.split("?m=")[1];if(!modelId){console.error("modelId is undefined");return""}let src=``;if("bundlePath"in config){const lastString=config.bundlePath.slice(-1);if(lastString!=="/"){config.bundlePath+="/"}src+=`${config.bundlePath}showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{if(config.prod===undefined||config.prod===null){config.prod=true}if(config.prod){src+=`node_modules/architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{src+=`architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}}console.log("__src",src);for(let param of urlParams){if(param in config){src+=`&${param}=${config[param]}`}}return src}function loginUser(user){return __awaiter(this,void 0,void 0,(function*(){console.log("loginUser(user)",user);try{const response=yield _api.post("/cas/tickets?email="+user.email+"&password="+user.password);console.log("=== response",response);if(response.status===200){if(!response.data||!response.data.data||!response.data.data.auth||!response.data.data.auth.user){return null}return response.data.data.auth.user}else{return null}}catch(error){console.log("Custom error "+error);return null}}))}function getSpace(spaceId){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcase(spaceId: string)",spaceId);try{const response=yield _api.get(`/v1/showcases/id/${spaceId}`);console.log("response",response);if(response.status===200){if(response.data&&response.data.data&&response.data.data.length>0){return response.data.data[0]}console.error("Error in getting space")}else{console.error("Error in fetchShowcase()"+response)}}catch(error){console.error(error)}return null}))}function getSpaceId(url){const urlArray=url.split(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/);const path=urlArray[5];const spaceId=path.split("/")[3];console.log("urlArray",urlArray);console.log("path",path);if(!spaceId){console.error("spaceId is undefined");return}return spaceId}function setSpace(space){console.log("setSpace(space: ISpace)",space);_space=space}function getTags(space){return __awaiter(this,void 0,void 0,(function*(){console.log("getTags()");try{const response=yield _api.get(`/v1/tags/showcase-id/${space.id}`);console.log("response",response);if(response.status===200){const tags=response.data.data;if(!tags){console.error("tags is undefined")}return tags}else{console.error("Custom Error: Unable to fetch tags")}}catch(error){console.error(error)}return null}))}function setTags(tags){return __awaiter(this,void 0,void 0,(function*(){console.log("setTags()",tags);_tags=tags.map((tag=>{tag.json_data=JSON.parse(tag.json_data);tag.json_data.id=tag.json_data.sid;return tag}));mapTags(_tags)}))}function get3DObjects(showcase_id){return __awaiter(this,void 0,void 0,(function*(){if(showcase_id){try{const id=parseInt(showcase_id);console.log("showcase_id "+id);const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);const showcase_objects=response.data.data;console.log("showcase_objects "+JSON.stringify(showcase_objects));const object_ids=showcase_objects.map((obj=>obj.object_id));try{const response=yield _api.get(`/v1/objects`);console.log("Finished getting objects");const object_data=response.data.data.filter((obj=>object_ids.includes(obj.id)));_assetLibrary=object_data;console.log("object_data length "+object_data.length);const objectDataMap=object_data.reduce(((map,obj)=>{map[obj.id]=obj;return map}),{});console.log("object_data"+JSON.stringify(object_data));const threed_objects=showcase_objects.map((showcase=>{const target=objectDataMap[showcase.object_id];if(target){showcase.object_data=target}if(showcase.object_position){showcase.object_position=typeof showcase.object_position==="string"?JSON.parse(showcase.object_position):showcase.object_position}if(showcase.object_rotation){showcase.object_rotation=typeof showcase.object_rotation==="string"?JSON.parse(showcase.object_rotation):showcase.object_rotation}if(showcase.object_scale){showcase.object_scale=typeof showcase.object_scale==="string"?JSON.parse(showcase.object_scale):showcase.object_scale}return showcase}));console.log("get3DObjectsByShowcaseId "+JSON.stringify(threed_objects));_unrenderedObjects=threed_objects;const check=_unrenderedObjects.filter((obj=>obj.object_data.object_type==="PNG"));console.log("Check for media screen",check);return threed_objects}catch(error){console.error("threed_objects "+error)}}catch(error){console.error("get3DObjectsByShowcaseId "+error)}}return[]}))}function gotoTag(tag_id){return __awaiter(this,void 0,void 0,(function*(){console.log("gotoTag(tag: tag_id)",tag_id);if(!tag_id){console.error("tag is undefined");return}try{yield _atwin.Mattertag.navigateToTag(tag_id,_atwin.Mattertag.Transition.FLY)}catch(error){console.error(error)}}))}function showTags(tags){return __awaiter(this,void 0,void 0,(function*(){tags.forEach(((tag,indx)=>__awaiter(this,void 0,void 0,(function*(){const mpData=tag.json_data;if(!mpData){console.error("tag.json_data/mpData is undefined");return}const tagIds=yield _atwin.Tag.add({anchorPosition:mpData.anchorPosition,color:mpData.color,description:mpData.description,id:mpData.sid,label:mpData.label,stemVector:mpData.stemVector,stemVisible:mpData.stemVisible});if(tagIds){tag.json_data.id=tagIds[0];if(tag.json_data.media&&tag.json_data.media.src.trim()!==""){try{console.log("Attaching media...");const[attachmentId1]=yield _atwin.Tag.registerAttachment(tag.json_data.media.src);tag.json_data["attachments"]=[attachmentId1];yield _atwin.Tag.attach(tag.json_data.sid,attachmentId1);console.log("Media successfully attached")}catch(error){console.warn("Custom warn: Media not attached: Invalid media src link: "+error);console.warn(`mediaSrc: ${tag.json_data.media.src} | tag index: ${indx}`)}}}}))));console.log("tags",_tags)}))}function disposeTags(){return __awaiter(this,void 0,void 0,(function*(){console.log("hideTags()");const tags=yield _atwin.Mattertag.getData();if(tags){const tagIds=tags.map((i=>i.sid));yield _atwin.Mattertag.remove(tagIds);console.log("Tags removed in space: ",tagIds)}}))}function mapTags($tags){console.log("mapTags()",$tags);tags=$tags.map((i=>{const x={};x.id=i.json_data.id;x.name=i.json_data.label;return x}));console.log("tags",tags)}function getCurrentSweep(){return _currentSweep}function getCurrentCameraPose(){return _currentCameraPose}function getCameraPosition(){return _currentCameraPose.position}function getCurrentSweepPosition(){return _currentSweep.position}function getSweeps(){return __awaiter(this,void 0,void 0,(function*(){console.log("Getting Sweeps in Space");_atwin.Sweep.data.subscribe({onCollectionUpdated:function(collection){console.log("Sweeps In Space",collection);if(!collection){console.log("No Sweeps in loaded Space")}_sweeps=collection;const sw=Object.values(_sweeps);sweeps=sw.map((item=>({id:item.uuid,position:item.position,neighbors:item.neighbors})))}});return sweeps}))}function moveToSweep(sweepId){return __awaiter(this,void 0,void 0,(function*(){const transition=_atwin.Sweep.Transition.FLY;const transitionTime=2e3;console.log("Sweep Move",sweepId);_atwin.Sweep.moveTo(sweepId,{transition:transition,transitionTime:transitionTime}).then((function(){console.log("Sweep Arrived at sweep "+sweepId)})).catch((function(error){console.log("Sweep Error on Arriving",error)}))}))}function getNearbySweeps(sweepId){return __awaiter(this,void 0,void 0,(function*(){if(sweepId){const nearby=yield sweeps.find((item=>item.id==sweepId)).neighbors;console.log("Nearby Sweeps",nearby);return nearby}else{console.log("No Nearby Sweeps")}}))}function getComponentLoader(object){console.log("getComponentLoader()",object);if(object){let index=object.object_type;if(supportedMediaTypes.includes(object.object_type)){console.log("====Loader planeType");return planeType}let component={FBX:_atwin.Scene.Component.FBX_LOADER,GLB:gltfType,MP4:"liveVideo",ZIP:"slideScreenModel",BOX:boxType,TEXT:textType,MARKUP:css3DType};console.log("====Loader",component[index]);return component[index]||""}return""}function setSelectedObject(data,node,component,type){selectedObject={object:data,component:component,node:node,type:type};const previousCoords={object_position:selectedObject.node.obj3D.position,object_rotation:selectedObject.node.obj3D.rotation,object_scale:selectedObject.node.obj3D.scale};_previousAction=JSON.stringify(previousCoords);actionHistory.push(_previousAction);console.log("Previous transform "+JSON.stringify(previousObjTransform));console.log("setSelectedObject()")}function clearSelectedObject(){console.log("clearSelectedObject()");selectedObject=undefined}function setLighting(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);const lights=sceneObject.addNode();lights.addComponent("mp.directionalLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.addComponent("mp.ambientLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.start()}))}function removeTransformControls(){if(!_transformControlNode){console.error("_transformControlNode is undefined");return}if(!_inputControlComponent){console.error("!_inputControlComponent is undefined")}_transformControlNode.stop();console.log("removeTransformControls()")}function setTransformControls(selectedObject,mode="translate"){console.log("Object to be transformed "+selectedObject.object.object_data.name);removeTransformControls();const transformNode=_sceneObject.addNode();const transformComponent=transformNode.addComponent("mp.transformControls");_transformControlNode=transformNode;const inputComponent=transformNode.addComponent("mp.input",{eventsEnabled:true,userNavigationEnabled:true});_transformComponent=transformComponent;if(selectedObject.object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"gltfevents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(selectedObject.object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"boxEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(supportedMediaTypes.includes(selectedObject.object.object_data.object_type)){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"planeEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}transformNode.start();transformComponent.inputs.selection=selectedObject.node;transformComponent.inputs.mode=mode}function setTransformMode(mode){return __awaiter(this,void 0,void 0,(function*(){if(mode=="translate"){_transformMode="translate"}else if(mode=="rotate"){_transformMode="rotate"}else if(mode=="scale"){_transformMode="scale"}else{console.error("Transform mode not supported or incorrect")}_transformComponent.inputs.mode=_transformMode}))}function revertTransform(action="undo"){if(!selectedObject){console.error("selectedObject is undefined.");return}if(!currentObjTransform){console.error("currentObjTransform is undefined");return}if(actionHistory.length<=0){console.error("actionHistory is empty");return}let targetIndex;let nextIndex;const index=actionHistory.indexOf(JSON.stringify(currentObjTransform));console.log(`Action is ${action} and index is ${index}`);if(action==="undo"){if(index-1>=0){targetIndex=index-1;nextIndex=targetIndex-1}else{return false}}else if(action==="redo"){if(index+1<=actionHistory.length){targetIndex=index+1;nextIndex=targetIndex+1}else{return false}}else{console.error("Incorrect function argument for revertTransform");return false}previousObjTransform=JSON.parse(_previousAction);if(!actionHistory[targetIndex]){console.error("actionHistory is either empty or undefined");return}const objectTransform=JSON.parse(actionHistory[targetIndex]);const euler=convertToEuler(objectTransform.object_rotation);objectTransform.object_rotation={_x:euler.x,_y:euler.y,_z:euler.z};setObjectTransformation(selectedObject.node,objectTransform,true);console.log("Action history length "+actionHistory.length);console.log("Current history position "+index);console.log("Target history position "+targetIndex);currentObjTransform=JSON.parse(actionHistory[targetIndex]);if(action=="undo"&&nextIndex>=0){return false}else if(action=="redo"&&nextIndex<=actionHistory.length){return false}else{return true}}function clearActionHistory(){console.info("clearActionHistory()");actionHistory=[]}function convertToEuler(coords){const eulerX=Math.atan2(coords._x,coords._x);const eulerY=Math.atan2(-coords._x,Math.sqrt(coords._y*coords._y+coords._z*coords._z));const eulerZ=Math.atan2(coords._x,coords._x);const degreesX=eulerX*(180/Math.PI);const degreesY=eulerY*(180/Math.PI);const degreesZ=eulerZ*(180/Math.PI);const eulerCoords={x:degreesX,y:degreesY,z:degreesZ};console.log("Euler coords "+JSON.stringify(eulerCoords));return eulerCoords}function setObjectTransformation(node,transform,reverting=false){node.obj3D.scale.set(transform.object_scale.x,transform.object_scale.y,transform.object_scale.z);node.obj3D.position.set(transform.object_position.x,transform.object_position.y,transform.object_position.z);if(reverting){node.obj3D.rotation.set(transform.object_rotation._x,transform.object_rotation._y,transform.object_rotation._z)}else{node.obj3D.rotation.set(transform.object_rotation.x,transform.object_rotation.y,transform.object_rotation.z)}}function calculateDistance(pos1,pos2){const dx=pos2.x-pos1.x;const dy=pos2.y-pos1.y;const dz=pos2.z-pos1.z;return Math.sqrt(dx*dx+dy*dy+dz*dz)}function showVideoObjects(object,action="loading"){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){const liveStreamNode=_sceneObject.addNode();var liveStreamComponent=liveStreamNode.addComponent(getComponentLoader(object.object_data),{url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri});liveStreamNode.position.set(object.object_position.x,object.object_position.y,object.object_position.z);liveStreamNode.obj3D.rotation.set(object.object_rotation.x,object.object_rotation.y,object.object_rotation.z);liveStreamNode.scale.set(object.object_scale.x,object.object_scale.y,object.object_scale.z);if(liveStreamComponent.outputs.loadingState!="Error"){liveStreamNode.start()}liveStreamComponent.inputs.src=(_b=object.object_data)===null||_b===void 0?void 0:_b.amazon_uri;if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_videos.push({object:object,component:liveStreamComponent,node:liveStreamNode,collider:liveStreamComponent.outputs,type:"VIDEO"})}))}function playVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.play()}else{console.error("Unable to find video object using that id")}}function pauseVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.pause()}else{console.error("Unable to find video object using that id")}}function videoAutoPlay(){function nearestVideo(videoObject){return __awaiter(this,void 0,void 0,(function*(){let videoPosition=videoObject.object.object_position;let cameraPosition=getCurrentSweepPosition();const camPos={x:cameraPosition.x,y:cameraPosition.y,z:cameraPosition.z};const videoPos={x:videoPosition.x,y:videoPosition.y,z:videoPosition.z};const THREE=videoObject.component.context.three;const v3camPos=new THREE.Vector3(cameraPosition.x,cameraPosition.y,cameraPosition.z);const v3videoPos=new THREE.Vector3(videoPosition.x,videoPosition.y,videoPosition.z);const computedDistance=v3camPos.distanceTo(v3videoPos);try{if(videoObject.object.autoplay&&videoObject.object.autoplay_distance&&computedDistance<videoObject.object.autoplay_distance){setVideoPlayback("play",videoObject.component.video)}else{setVideoPlayback("pause",videoObject.component.video)}}catch(e){console.error("Unable to play or stop video")}}))}_videos.forEach((videoObject=>nearestVideo(videoObject)))}function createVideoComponent(){function videoRenderer(){this.inputs={visible:true,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,src:null};this.outputs={texture:null,video:null,aspect:720/480};this.onInit=function(){this.video;this.texture};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){if(eventType=="INTERACTION.CLICK"&&_viewMode==="interactive"){let video=_videos.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Video object "+JSON.stringify(video.object));const selectedObj={object:video.object,node:video.node,component:video.component};clearActionHistory();setSelectedObject(video.object,video.node,video.component,"VIDEO");setTransformControls(selectedObj)}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const THREE=this.context.three;if(!this.inputs.src){this.video.src="";return}if(this.inputs.src instanceof HTMLVideoElement){this.video=this.inputs.src}else{this.video=this.createVideoElement();if(typeof this.inputs.src==="string"){this.video.src=this.inputs.src}else{this.video.srcObject=this.inputs.src}this.video.load()}this.texture=new THREE.VideoTexture(this.video);this.texture.minFilter=THREE.LinearFilter;this.texture.magFilter=THREE.LinearFilter;this.texture.format=THREE.RGBFormat;var geometry=new THREE.PlaneGeometry(1,1);geometry.scale(1,480/720,1);geometry.translate(0,.33,0);this.material=new THREE.MeshBasicMaterial({map:this.texture,side:THREE.DoubleSide});var mesh=new THREE.Mesh(geometry,this.material);this.outputs.objectRoot=mesh;this.outputs.collider=mesh;mesh.visible=this.inputs.visible;this.outputs.texture=this.texture;this.outputs.video=this.video};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null;this.texture.dispose()}};this.createVideoElement=function(){const video=document.createElement("video");video.setAttribute("id","htmlLivestreamVideo");video.crossOrigin="anonymous";video.setAttribute("height","480");video.setAttribute("width","720");video.setAttribute("webkit-playsinline","webkit-playsinline");video.setAttribute("controls","controls");video.muted=false;video.loop=true;video.volume=1;return video};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose()};this.spyOnEvent=function(payload){console.log("payload",payload)}}function makeVideoRender(){return new videoRenderer}_atwin.Scene.register("liveVideo",makeVideoRender)}function createSlideScreenModel(){function SlideScreenModelRenderer(){this.inputs={src:null,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,visible:true};this.outputs={texture:null,t_image:null};this.onInit=function(){this.texture;this.t_image;this.material;this.mesh};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){console.log("onEventSlideShow",eventType,eventData);if(eventType=="INTERACTION.CLICK"){if(_allSlideShow.length>0){let slideshow=_allSlideShow.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Slideshow object "+JSON.stringify(slideshow.object));if(_viewMode==="interactive"){const selectedObj={object:slideshow.object,node:slideshow.node,component:slideshow.component,type:"ZIP"};clearActionHistory();setSelectedObject(slideshow.object,slideshow.node,slideshow.component,"ZIP");setTransformControls(selectedObj)}console.log("slideShow eventData",slideshow);if(slideshow!=null){console.log("slideShow eventData",slideshow);var mousePosition=yield getMousePosition();var planePosition=slideshow.node.obj3D.position;console.log("MOUSE POSITION",mousePosition);console.log("PLANE POSITION",planePosition);if(slideshow.object.object_data.object_type=="ZIP"){if(slideshow.object.id!=_currentSlideShowID){_currentSlideIndex=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).idx;console.log("CURRENT INDEX",_currentSlideIndex);_currentSlideShow=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).images;console.log("CURRENT SLIDE",_currentSlideShow)}if(slideshow.object.id==_currentSlideShowID){console.log("ChangeImage",slideshow,_currentSlideShowID);if(planePosition.x<mousePosition.x){console.log("LEFT SIDE");clearInterval(_timer);this.inputs.src=imageStream("prev")}else if(planePosition.y<mousePosition.y){console.log("RIGHT SIDE");clearInterval(_timer);this.inputs.src=imageStream("next")}else if(planePosition.y>mousePosition.y){console.log("AUTOPLAY");_timer=setInterval((()=>{_currentSlideIndex=(_currentSlideIndex+1)%_currentSlideShow.length;console.log("CURRENT INDEX",_currentSlideIndex);this.inputs.src=imageStream("next")}),2e3)}}else{_currentSlideShowID=slideshow.object.id}}}}}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const three=this.context.three;this.t_image=document.createElement("IMG");this.t_image.src=this.inputs.src;this.t_image.setAttribute("width","auto");this.t_image.setAttribute("height","auto");this.t_image.crossOrigin="anonymous";const planeGeo=new three.PlaneGeometry(1.5,1.5);planeGeo.translate(0,.33,0);if(previous.src!=this.inputs.src){this.texture=(new three.TextureLoader).load(this.t_image.src,((tex=this.texture)=>{tex.minFilter=three.LinearFilter;tex.magFilter=three.LinearFilter;tex.format=three.RGBAFormat;tex.needsUpdate=true;tex.onUpdate=this.textureUpdated;this.material=new three.MeshBasicMaterial({map:this.texture,side:three.DoubleSide,transparent:true,alphaTest:.5});this.mesh=new three.Mesh(planeGeo,this.material);this.mesh.scale.set(1,this.texture.image.height/this.texture.image.width,1);this.outputs.objectRoot=this.mesh;this.outputs.collider=this.mesh;this.outputs.texture=this.texture;this.outputs.t_image=this.t_image}))}if(this.mesh!=null){this.mesh.visible=this.inputs.visible}};this.textureUpdated=function(params){console.log("Update Callback",params)};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null}};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose();this.texture.dispose()}}function makeSlideScreenModelRenderer(){return new SlideScreenModelRenderer}_atwin.Scene.register("slideScreenModel",makeSlideScreenModelRenderer)}function registerCustomLoaders(){return __awaiter(this,void 0,void 0,(function*(){if(_hasRegisteredLoaders===false){console.log("registerCustomLoaders()");createVideoComponent();createSlideScreenModel();yield _atwin.Scene.registerComponents([{factory:planeFactory(_atwin),name:planeType},{factory:gltfFactory(_atwin),name:gltfType},{factory:boxFactory(_atwin),name:boxType},{factory:textFactory(_atwin),name:textType},{factory:css3DFactory(_atwin),name:css3DType}]);_hasRegisteredLoaders=true}}))}function showSlideScreenModel(object,action="loading"){return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();const component=modelNode.addComponent("slideScreenModel");console.log("COMPONENT",component);const objTransformation={object_position:object.object_position,object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}modelNode.start();yield addImageToSlideShow(object.object_data,component,object.id);console.log("SLIDE OUTPUT",component.outputs);if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved object",id);object.id}}var slideShow={collider:component.outputs,object:object,node:modelNode,component:component,type:"ZIP"};_allSlideShow.push(slideShow);console.log("ALL SLIDESHOW",_allSlideShow)}))}function addImageToSlideShow(data,component,objectID){return __awaiter(this,void 0,void 0,(function*(){var dataList=[];yield new JSZip.external.Promise((function(resolve,reject){JSZipUtils.getBinaryContent(data.amazon_uri,(function(err,data){if(err){console.log("getBI error",err);reject(err)}else{console.log("getBI success",data);resolve(data)}}))})).then((function(data){console.log("data from getBI",data);return JSZip.loadAsync(data)})).then((data=>{console.log("data from loadAsync",data);for(let key in data.files){if(key.includes("__MACOSX"))continue;if(key.includes(".DS_Store"))continue;if(data.files[key].dir)continue;let base=data.file(data.files[key].name).async("base64");base.then((res=>{dataList.push({name:data.files[key].name,path:`data:image/png;base64,${res}`});if(dataList.length==1){component.inputs.src=`data:image/png;base64,${res}`}}))}_slideShowImage.push({id:objectID,images:dataList,idx:0,playID:null,play:false,comp:component})}))}))}function getMousePosition(){return __awaiter(this,void 0,void 0,(function*(){let planePosition;const pointer=_atwin.Pointer.intersection.subscribe((function(intersection){planePosition=intersection.position}));pointer.cancel();return planePosition}))}function imageStream(direction){let diff=direction==="prev"?-1:1;let length=_currentSlideShow.length;let index=_currentSlideIndex+diff;if(index===-1){index=length-1}if(index===length){index=0}_currentSlideIndex=index;_slideShowImage.find((elem=>elem.id===_currentSlideShowID)).idx=index;return _currentSlideShow[_currentSlideIndex].path}function cameraRotate(x,y,speed){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.rotate(x,y,{speed:speed}).then((()=>{console.log("camera rotate success.",x,y)})).catch((error=>{console.log("camera rotate error.",error)}))}))}function cameraPan(x,z){return __awaiter(this,void 0,void 0,(function*(){let mode=getViewMode();if(mode==_atwin.Mode.Mode.FLOORPLAN||mode==_atwin.Mode.Mode.DOLLHOUSE){yield _atwin.Camera.pan({x:x,z:z}).then((()=>{console.log("camera pan success.")})).catch((error=>{console.log("camera rotate error:",error)}))}else{console.error("Incorrect view mode.")}}))}function cameraLookAt(x,y){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.lookAtScreenCoords(x,y).then((function(){console.log("camera looking at...",x,y)})).catch((function(error){console.log("camera looking at error:",error)}))}))}function moveInDirection(direction){return __awaiter(this,void 0,void 0,(function*(){let nextDirection=_atwin.Camera.Direction.LEFT;switch(direction.toUpperCase()){case"LEFT":nextDirection=_atwin.Camera.Direction.LEFT;break;case"RIGHT":nextDirection=_atwin.Camera.Direction.RIGHT;break;case"UP":nextDirection=_atwin.Camera.Direction.UP;break;case"DOWN":nextDirection=_atwin.Camera.Direction.DOWN;break;case"BACK":nextDirection=_atwin.Camera.Direction.BACK;break;case"FORWARD":nextDirection=_atwin.Camera.Direction.FORWARD;break;default:nextDirection=_atwin.Camera.Direction.LEFT;break}yield _atwin.Camera.moveInDirection(nextDirection).then((function(){console.log("Move to...",nextDirection)})).catch((function(){console.warn("An error occured while moving in that direction.",nextDirection)}))}))}function dispose3dObjects(){console.log("dispose3dObjects");_3DXObjects.forEach((obj=>{console.log("_3DXObjects stop",obj);obj.node.stop()}));_videos.forEach((vid=>{console.log("_videos pause and node stop",vid);vid.component.video.pause();vid.node.stop()}));_allSlideShow.forEach((slide=>{console.log("_allSlideShow stop",slide);slide.node.stop()}))}function getViewMode(){return _currentViewMode}function setViewMode(mode){return __awaiter(this,void 0,void 0,(function*(){console.log("=== get Mode Type ===",_getModeType(mode));let modeType=_getModeType(mode);yield _atwin.Mode.moveTo(modeType).then((function(nextMode){console.log("Arrived at new view mode "+nextMode)})).catch((function(error){console.error("Error occur on:",error)}))}))}function _getModeType(mode){let modes={DOLLHOUSE:"mode.dollhouse",FLOORPLAN:"mode.floorplan",INSIDE:"mode.inside",OUTSIDE:"mode.outside",TRANSITIONING:"mode.transitioning"};return modes[mode.toUpperCase()]||""}function disconnectSpace(){return __awaiter(this,void 0,void 0,(function*(){console.log("disconnectSpace()");yield disposeTags();dispose3dObjects();_atwin.disconnect();_iframe.src="";_api={};_atwin={};_tags=[];tags=[];sweeps=[];_allSlideShow=[];_slideShowImage=[];_currentSlideShowID=0;_currentSlideIndex=0;_currentSlideShow=null;_timer=null;_videos=[];_currentViewMode="";_3DXObjects=[];_unrenderedObjects=[];_previousTimeStamp=0;_currentSweep={};_currentCameraPose={};_sweeps=[]}))}function getTargetPosition(callback=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("getTargetPosition()");if(!_objectMarker){console.error("Object marker has not been created");return}const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};let pointerCoord;function onMouseClick(){return __awaiter(this,void 0,void 0,(function*(){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture();_objectMarker.removeEventListener("click",onMouseClick);console.info("Pointer coordinate is",pointerCoord);setState({isLoading:false,loaded:true,data:pointerCoord});if(callback!==undefined){callback(pointerCoord)}}))}console.log("Initializing pointer intersection");_objectMarker.addEventListener("click",onMouseClick);yield _atwin.Pointer.editTexture("targetPointer");_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}))}))}function setPointerCoordinates(position){_pointerCoord=position}function addObjectToSpace(object,config=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("addObjectToSpace()");console.log("Object Data ",object);const iframe=document.getElementById(_mpConfig.iframeId);let showcase_object;let pointerSubscriptionActive=false;const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onObjectPositionSet(object){return __awaiter(this,void 0,void 0,(function*(){console.log("Object positioned at: ",_pointerCoord);if(pointerSubscriptionActive){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture()}if(config){showcase_object=createIShowcaseObjectData(object,config.position,config.scale,config.rotation)}else{showcase_object=createIShowcaseObjectData(object)}console.log("Created object",showcase_object);console.log("About to render object",showcase_object);if(object.object_type=="MP4"){yield showVideoObjects(showcase_object)}else if(object.object_type=="ZIP"){yield showSlideScreenModel(showcase_object)}else{if(config){yield show3DObjects(showcase_object,config.options,"adding")}else{yield show3DObjects(showcase_object,null,"adding")}}_objectMarker.removeEventListener("click",handleClick);return showcase_object}))}const handleClick=()=>onObjectPositionSet(object);if(object!==undefined&&config===undefined||object!==undefined&&config.options&&!config.position){console.log("Positioning object to user pointer click coordinates");_objectMarker.addEventListener("click",handleClick);yield _atwin.Pointer.editTexture("targetPointer");pointerSubscriptionActive=true;_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}else if(object!==undefined&&config.position!=null){console.log("Positioning object to pre-defined coordinates");onObjectPositionSet(object);return}console.error("Object is either null or undefined");return}))}function translateElementPosition(element,coord){console.log("translateElementPosition()");if(coord){if(coord.x>0){element.style.left=`${Math.abs(coord.x-40)}px`;element.style.top=`${Math.abs(coord.y-45)}px`}else{element.style.left=`${Math.abs(coord.x+40)}px`;element.style.top=`${Math.abs(coord.y+45)}px`}const computedStyle=window.getComputedStyle(_objectMarker);const displayValue=computedStyle.getPropertyValue("display");if(displayValue=="none"){setElementVisibility(_objectMarker,true)}return}console.error("Argument for coord is undefined");return}function create3dMarker(){const container=document.getElementById("showcase-container");const checkMarker=document.getElementById("marker-3d");if(!checkMarker){console.log("Marker not found. Creating marker in DOM");_objectMarker=document.createElement("div");_objectMarker.setAttribute("id","marker-3d");_objectMarker.style.display="none";_objectMarker.style.width="90px";_objectMarker.style.height="90px";_objectMarker.style.cursor="pointer";_objectMarker.style.position="absolute";container.appendChild(_objectMarker);return}console.log("Marker found. Skipping marker creation")}function setElementVisibility(element,visible){if(visible){element.style.display="inline-block";return}element.style.display="none"}function createIShowcaseObjectData(object_data,position=undefined,scale=undefined,rotation=undefined){console.log("createIShowcaseObject()",object_data);const newObj=object_data;const showcase_object={};showcase_object.id=generateRandomUniqueNumber(_generatedObjectIds);showcase_object.object_id=object_data.id;showcase_object.user_id=_userId;showcase_object.showcase_id=parseInt(_spaceId);showcase_object.object_position=position!=undefined?position:_pointerCoord;showcase_object.object_rotation=rotation!=undefined?rotation:{x:0,y:0,z:0};showcase_object.object_scale=scale!=undefined?scale:{x:1,y:1,z:1};if(object_data.object_type=="MP4"){showcase_object.autoplay=true;showcase_object.autoplay_distance=2}showcase_object.offset_position=1;showcase_object.offset_rotation=1;showcase_object.position_unit="m";showcase_object.object_data=object_data;showcase_object.showcase_object_name=object_data.name;if(showcase_object.object_data){showcase_object.object_data=newObj}console.log("Returned objects",showcase_object);return showcase_object}function copyObject(payload,position_offset=undefined,rotation_offset=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("copyObject()");if(payload){payload.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(payload.id);if(position_offset==undefined){payload.object_position.x+=.5;payload.object_position.z+=.5}else{payload.object_position.x+=position_offset.x;payload.object_position.z+=position_offset.z}if(rotation_offset){payload.object_rotation.x+=rotation_offset.x;payload.object_rotation.y+=rotation_offset.y;payload.object_rotation.z+=rotation_offset.z}const showcase_obj=yield addObjectToSpace(payload.object_data,{position:payload.object_position,rotation:payload.object_rotation,scale:payload.object_scale});return showcase_obj}console.error("Payload for copyObject is undefined");return}))}function replaceObject(payload,target,options=null){return __awaiter(this,void 0,void 0,(function*(){console.log("replaceObject()");if(payload&&target){removeTransformControls();target.node.stop();const showcase_obj=yield addObjectToSpace(payload,{options:options,position:target.object.object_position,rotation:target.object.object_rotation,scale:target.object.object_scale});return showcase_obj}console.error("payload or target is undefined");return}))}function extractFileInfo(fileLink){return __awaiter(this,void 0,void 0,(function*(){let object_key="";const filenameMatch=fileLink.match(/\/([^/]+)$/);if(filenameMatch){object_key=filenameMatch[1].split(".")[0]}else{console.error("Failed to extract filename from URL")}let type="";if(fileLink){try{const response=yield _mediaApi.head(fileLink);if(response.status==200){console.log("== file info response ==",response);const contentType=response.headers["content-type"];const typeMatch=contentType.match(/\/([^;]+)/);if(typeMatch){type=typeMatch[1].toUpperCase()}else{console.error("Failed to extract content type")}}else{console.error("Failed get request")}}catch(error){console.error("Axios error"+error)}}console.log("=== OBJECT key ===",object_key);console.log("=== OBJECT type ===",type);return{object_key:object_key,type:type}}))}function createFileFromURL(url,fileName){return __awaiter(this,void 0,void 0,(function*(){console.info("createFileFromURL()");try{const response=yield fetch(url);const fileContent=yield response.blob();const file=new File([fileContent],fileName);console.info("Successfuly created file",file);return file}catch(error){console.error("Error creating File object:",error);return null}}))}function createMediaObject(url,filename){return __awaiter(this,void 0,void 0,(function*(){console.info("createMediaObject()");if(url&&filename){const file=yield createFileFromURL(url,filename);const filePayload={};filePayload.name=filename;filePayload.filename=filename;filePayload.object_type=filename.slice((filename.lastIndexOf(".")-1>>>0)+2).toUpperCase();filePayload.user_id=1;const obj_key=generateUUID();filePayload.object_key=obj_key!==null?obj_key:generateRandomUniqueNumber.toString();filePayload.file=file;console.info("Successfuly created file payload",filePayload);return filePayload}}))}function addMediaScreen(mediaUrl,transform,readonly,autoplay){return __awaiter(this,void 0,void 0,(function*(){console.log("=== addMediaScreen");console.log("=== mediaUrl",mediaUrl);console.log("=== transform",transform);console.log("=== readonly",readonly);console.log("=== autoplay",autoplay);let defaultImageUri="";let mediaType;let mediaName;if(_mpConfig.prod===undefined||_mpConfig.prod===null){_mpConfig.prod=true}if(mediaUrl&&mediaUrl!==""&&mediaUrl!==null){const{object_key:object_key,type:type}=yield extractFileInfo(mediaUrl);mediaName=object_key;mediaType=type}else{if(_mpConfig.prod&&!mediaUrl){defaultImageUri=`node_modules/architwin/static/Nomedia.png`;mediaName="Nomedia";mediaType="PNG"}else if(_mpConfig.prod==false&&!mediaUrl){defaultImageUri=`/architwin/static/Nomedia.png`;mediaName="Nomedia";mediaType="PNG"}}if(!mediaUrl||mediaUrl===""){console.log("=== mediaUrl is not set. Using default",defaultImageUri);mediaUrl=defaultImageUri}const mediaScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(mediaScreenId);const object_data={id:mediaScreenId,filename:`${mediaName}.${mediaType}`,name:mediaName,user_id:_userId,object_key:mediaName,object_type:mediaType,amazon_uri:mediaUrl};const options={name:"canvasFrame",type:mediaType,url:object_data.amazon_uri,visible:true,aspectRatio:1};if(transform){console.log("=== Adding programmatically");yield addObjectToSpace(object_data,{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale})}return object_data.id}))}function attachMediaScreenContent(mediaScreenId,mediaUrl,mediaType="image"){return __awaiter(this,void 0,void 0,(function*(){let urlPath;let typePath;const fileTypes=["image","video"];if(!fileTypes.includes(mediaType)){console.error("Unsupported file type, please use a valid type");return}for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`url_${mediaScreenId}`){urlPath=path}if(desc.id===`type_${mediaScreenId}`){typePath=path}}typePath.set(mediaType);if(urlPath){urlPath.set(mediaUrl);return}console.error("Could not find input path for specified object");return}))}function setBasePointPosition(id,position){let basePointPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`basePosition_${id}`){basePointPath=path}}if(position==="corner"){basePointPath.set("corner")}else{basePointPath.set("center")}}function setVideoPlayback(action,element){const actions=["play","pause","mute","unmute"];if(actions.includes(action)){if(action===actions[0]){element.play()}else if(action===actions[1]){element.pause()}else if(action===actions[2]){element.muted=true}else if(action===actions[3]){element.muted=false}return}console.error("Argument does not match known actions");return}function addTextMarkupScreen(title="",message,textScreenName,transform,textColor="black",backgroundColor="#fff"){return __awaiter(this,void 0,void 0,(function*(){console.log("=== title",title);console.log("=== message",message);console.log("=== textScreenName",textScreenName);if(!message){console.error("Message is undefined");return}if(!textScreenName){console.error("textScreenName is undefined");return}if(!transform){console.error("transform object is undefined. Please supply the necessary x,y,z values");return}const textScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(textScreenId);const object_data={id:textScreenId,filename:textScreenName,user_id:_userId,name:textScreenName,object_type:"MARKUP"};const options={name:textScreenName,title:title,text:message,iframeId:_mpConfig.iframeId,textColor:textColor,backgroundColor:backgroundColor,visible:true};transform.position.y+=2;console.log("=== Adding programmatically");const showcase_obj=yield addObjectToSpace(object_data,{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale});return showcase_obj}))}function setTextMarkupScreenContent(showcase_id,title="",text="",textColor="",backgroundColor=""){console.log("setTextMarkupScreenContent()");if(!showcase_id){console.error("showcase_id or textScreenName is undefined");return}let titlePath;let textPath;let textColorPath;let backgroundColorPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`title_${showcase_id}`){titlePath=path}if(desc.id===`text_${showcase_id}`){textPath=path}if(desc.id===`textColor_${showcase_id}`){textColorPath=path}if(desc.id===`backgroundColor_${showcase_id}`){backgroundColorPath=path}}if(title&&title!=="")titlePath.set(title);if(text&&text!=="")textPath.set(text);if(textColor&&textColor!=="")textColorPath.set(textColor);if(backgroundColor&&backgroundColor!=="")backgroundColorPath.set(backgroundColor)}function setState({isLoading:isLoading,loaded:loaded,error:error,data:data}){const newState={isLoading:isLoading,loaded:loaded,error:error!==undefined?error:"",data:data!==undefined?data:null};state=Object.assign({},newState)}function checkValidFileType(payload){if(payload){const fileName=payload.name;const fileExtension=fileName.substring(fileName.lastIndexOf(".")+1);console.log("File extension "+fileExtension);if(supportedFileTypes.includes(fileExtension.toUpperCase())){return{valid:true,type:fileExtension}}return{valid:false}}console.error("No file provided");return{valid:false}}function addObject(payload){return __awaiter(this,void 0,void 0,(function*(){if(_userId){payload.user_id=_userId}else{console.warn("_userId is not defined")}const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.post("/s3/file.json",payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.error("Unsupported file type");return}))}function addShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("addShowcaseObject()");if(payload){payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);delete payload["id"];try{const response=yield _api.post("/v1/showcase-objects.json",payload);console.log("API response is: ",response);if(response.data.status=="success"){console.log("Add showcase data",response.data.data);return response.data.data.id}}catch(error){console.error("Object upload failed"+error);return}}return}))}function getObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getObject()");setState({isLoading:true,loaded:false});if(id){try{const response=yield _api.get(`/v1/objects/id/${id}`);if(response.data.status=="success"){const object_data=response.data.data[0];console.log("Response"+JSON.stringify(object_data));return object_data}console.error("Failed to get requested object")}catch(error){console.error("Error getting object "+error)}}return}))}function getShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()");if(id){try{const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);if(response.data.status=="success"){const showcase_object=response.data.data[0];const object=yield getObject(showcase_object.object_id);showcase_object.object_data=object;console.log("Success ",showcase_object);return showcase_object}console.error("Failed to get requested showcase object")}catch(error){console.error("Error getting showcase object "+error)}}console.error("id is undefined");return}))}function updateShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()",payload);payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);if(payload.id){const objPayload=payload;delete objPayload["object_data"];try{const response=yield _api.put(`/v1/showcase-objects/${payload.id}`,payload);console.log("updateShowcaseObject API response ",response.data);if(response.data.status=="success"){console.log("Succsss API response ",response.data);const showcase_object=payload;const object=yield getObject(payload.object_id);showcase_object.object_data=object;return showcase_object}console.error("Failed to get requested showcase object");return}catch(error){console.error("Error getting showcase object "+error);return}}console.error("id is undefined");return}))}function updateObject(id,payload){return __awaiter(this,void 0,void 0,(function*(){const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.put(`/s3/file/${id}.json`,payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.log("Unsupported file type");return}))}function updateObjectUri(id,uri,mediaType){return __awaiter(this,void 0,void 0,(function*(){if(id&&uri){const payload={};payload.amazon_uri=uri;payload.object_type=mediaType.toUpperCase();try{const response=yield _api.put(`v1/objects/${id}.json`,payload);if(response.status==200){console.log("Successfuly updated URI");return}}catch(error){console.error("Update object uri error",error)}return}console.error("id and/or uri is undefined");return}))}function deleteObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/s3/file/${id}.json`);console.log("S3 response is: ",response.data);if(response.data.status=="success"){console.log("S3 object deleted");return}}catch(error){console.error("Object delete failed"+error);return}}console.error("id is undefined");return}))}function deleteShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/v1/showcase-objects/${id}.json`);console.log("deleteShowcaseObject response is: ",response.data);if(response.data.status=="success"){console.log("Showcase object deleted");return}}catch(error){console.error("Delete showcase object failed"+error);return}}console.error("id is undefined");return}))}function deleteObjectFromSpace(target){return __awaiter(this,void 0,void 0,(function*(){console.log("deleteObjectFromSpace()");if(target){try{removeTransformControls();target.node.stop();selectedObject=null;if(target.object.object_data.object_type==="MARKUP"){const targetElement=document.getElementById(target.object.object_data.name);if(targetElement){targetElement.remove()}}const filteredRenderedObjects=_3DXObjects.filter((obj=>obj.object.id!==target.object.id));_3DXObjects=filteredRenderedObjects;console.log("Deleted object from scene");return target.object.id}catch(error){console.log("Delete showcase object error",error);return}}console.error("Target object is undefined");return}))}function deleteMediaScreen(mediaScreenId){return __awaiter(this,void 0,void 0,(function*(){let selectedMediaScreen=_3DXObjects.find((obj=>obj.object.id===mediaScreenId&&obj.type==="FRAME"));console.log(selectedMediaScreen);const id=yield deleteObjectFromSpace(selectedMediaScreen);return id}))}function getLibrary(refetch=false){return __awaiter(this,void 0,void 0,(function*(){setState({isLoading:true,loaded:false});if(refetch){try{const response=yield _api.get(`/s3/file.json`);console.log("S3 response is: ",response);if(response.data.status=="success"){const objects=response.data.data;_assetLibrary=objects;setState({isLoading:false,loaded:true,data:objects});return state}setState({isLoading:false,loaded:false,error:"Could not fetch data"});return state}catch(error){console.log("Error! Failed to fetch data",error);setState({isLoading:false,loaded:false,error:error});return state}}return _assetLibrary}))}function addTagToScene(tag){console.log("addTagToScene()");const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onTagPositionSet(tag){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag positioned at: ",_pointerCoord);_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);_atwin.Pointer.setVisible(true);if(tag){if(tag.json_data.anchorPosition==undefined){}tag.json_data.anchorPosition=_pointerCoord;const tags=[];tags.push(tag);yield showTags(tags)}_objectMarker.removeEventListener("click",handleClick)}))}const handleClick=()=>onTagPositionSet(tag);if(tag!==undefined){_objectMarker.addEventListener("click",handleClick);_atwin.Pointer.setVisible(false);_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}console.error("Object is either null or undefined");return}function showMinimap(){minimap.showMinimap()}function hideMinimap(){minimap.hideMinimap()}function runSynchronousFunc(){console.log("runSynchronousFunc()")}class ClickSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("Clicked on 3D model");const selectedObj={object:this.object_data,node:this.node,component:this.component};if(this.object_data.object_data.object_type=="BOX"){}clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");setTransformControls(selectedObj)}}}class DragSpy{constructor(path,node,component,data){this.eventType="INTERACTION.DRAG_END";this.path=path;this.object_data=data;this.node=node;this.component=component}onEvent(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("INTERACTION.DRAG_END",payload);const selectedObj={object:this.object_data,node:this.node,component:this.component};console.log("New Drag Position"+JSON.stringify(selectedObj.node.position));console.log("New Drag Rotation"+JSON.stringify(selectedObj.node.obj3D.rotation));console.log("New Drag Scale"+JSON.stringify(selectedObj.node.scale));const objectCoords={object_position:selectedObj.node.position,object_rotation:selectedObj.node.obj3D.rotation,object_scale:selectedObj.node.scale};currentObjTransform=objectCoords;const currentTranform=JSON.stringify(currentObjTransform);actionHistory.push(currentTranform);console.log("Actions count "+actionHistory.length);const showcaseObjPayload=this.object_data;showcaseObjPayload.object_position=objectCoords.object_position;const obj_rot={x:objectCoords.object_rotation._x,y:objectCoords.object_rotation._y,z:objectCoords.object_rotation._z};showcaseObjPayload.object_rotation=obj_rot;showcaseObjPayload.object_scale=objectCoords.object_scale;console.log("object type",this.object_data.object_data.object_type);if(this.object_data.object_data.object_type=="TEXT"&&_textDimensions.top!==null){const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(_textDimensions.top.node,_textDimensions.top.component,"top",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.bottom.node,_textDimensions.bottom.component,"bottom",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.left.node,_textDimensions.left.component,"left",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.right.node,_textDimensions.right.component,"right",currentObjTransform.object_position,rotation)}}))}}class EmitSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("INTERACTION.CLICK",data);const selectedObj={object:this.object_data,node:this.node,component:this.component};clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");if(_viewMode==="interactive"){setTransformControls(selectedObj)}}}}export{_atwin,_config,tags,sweeps,selectedObject,previousObjTransform,currentObjTransform,actionHistory,state,_space,_spaceId,_api,_pointerCoord,_3DXObjects,connectSpace,disconnectSpace,getTags,gotoTag,getSweeps,getCurrentSweep,getCurrentSweepPosition,moveToSweep,getNearbySweeps,pauseVideo,playVideo,getCurrentCameraPose,getCameraPosition,moveInDirection,cameraLookAt,cameraPan,cameraRotate,getViewMode,setViewMode,getNearbyObjects,setTransformMode,setSelectedObject,clearSelectedObject,revertTransform,setTransformControls,removeTransformControls,setRenderDistance,clearActionHistory,addObject,getObject,addObjectToSpace,addMediaScreen,attachMediaScreenContent,addTagToScene,updateObject,updateShowcaseObject,deleteObject,deleteShowcaseObject,deleteObjectFromSpace,deleteMediaScreen,getShowcaseObject,setBasePointPosition,showObjectDimensions,hideObjectDimensions,setVideoPlayback,setAnimationState,showMinimap,hideMinimap,copyObject,replaceObject,getTargetPosition,setObjectTransformation,setPointerCoordinates,addTextMarkupScreen,setTextMarkupScreenContent};
+var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P((function(resolve){resolve(value)}))}return new(P||(P=Promise))((function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())}))};import axios from"axios";import{planeType,planeFactory,gltfType,gltfFactory,boxType,boxFactory,textType,textFactory,css3DType,css3DFactory}from"./loaders";import{meterToMillimeter,generateRandomUniqueNumber,generateUUID}from"./convert";import*as JSZip from"jszip";import*as JSZipUtils from"jszip-utils";import*as superviz from"./superviz";import*as minimap from"./minimap";import"../static/map.css";import*as _tag from"./tag";const _config={aws:{region:"ap-northeast-1",accessKeyId:"AKIAVVUXZ66KW7GBSW7A",secretAccessKey:"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'"},mp:{appKey:"a3ae8341bd8f44899eba16df86307d7d",urlParams:["help","play","nt","qs","brand","dh","tour","gt","hr","mls","mt","tagNav","pin","portal","f","fp","lang","kb","lp","st","title","tourcta","wts","ts","hl","vr","nozoom","search","wh"]},meet:{meetingKey:"caxaodrjl2sfxycnegzmxvkb4zp1fe"}};let _apiURL="http://localhost:5173/api";let _appKey=_config.mp.appKey;const urlParams=_config.mp.urlParams;let _iframe={};let _api;let _mediaApi;let _spaceId="";let _space=null;let _url="";let _mpConfig={};let _atwin=null;let _tags=[];let _objects=[];let tags=[];let sweeps=[];let _allSlideShow=[];let _slideShowImage=[];let _currentSlideShowID=0;let _currentSlideIndex=0;let _currentSlideShow=null;var _timer=null;let _videos=[];let _currentViewMode="";let _3DXObjects=[];let _unrenderedObjects=[];let _transformControlNode;let _inputControlComponent;let selectedObject;let _previousTimeStamp=0;let _renderDistance=8;let _autoDetectNearbyObj=false;let _viewMode="public";let _transformMode="translate";let _transformComponent;let previousObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let currentObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let _previousAction;let actionHistory=[];let _currentSweep=null;let _currentCameraPose;let _sweeps=[];let _isInitialLoad=true;let _hasRegisteredLoaders=false;let _showMinimap=false;let _sceneObject;let _assetLibrary=[];let _objectMarker;let _pointerSubscription;let _pointerCoord;let _urlComponentPaths=[];let _userId;let _generatedObjectIds=[];let _textDimensions={top:{node:null,component:null},bottom:{node:null,component:null},left:{node:null,component:null},right:{node:null,component:null}};let _textDimensionIds=[];let state={isLoading:false,loaded:false,error:"",data:null};const supportedMediaTypes=["WMV","MOV","JPG","PNG","JPEG","image","video","FRAME"];const supportedModelTypes=["GLB","GLTF","FBX"];const supportedFileTypes=["ZIP",...supportedMediaTypes,...supportedModelTypes];function connectSpace(url,auth,config){return __awaiter(this,void 0,void 0,(function*(){console.log("connectSpace()");console.log("__config",config);_mpConfig=config;_url=url;if(auth){if("apiURL"in auth){console.log("'apiURL' in auth");const lastString=auth.apiURL.slice(-1);if(lastString!=="/"){auth.apiURL+="/"}_apiURL=auth.apiURL}console.log("_apiURL",_apiURL);const api=axios.create({baseURL:_apiURL,headers:{"Access-Control-Allow-Origin":"*","Content-Type":"multipart/form-data",Authorization:auth.apiKey}});_api=api}if("appKey"in config){console.log("'appKey' in config");_appKey=config.appKey}_mediaApi=axios;if(config.viewMode==="interactive"){_viewMode="interactive"}const showcase=document.getElementById(config.iframeId);_iframe=showcase;if(url.includes("https://my.matterport.com/show/")){console.log("URL IS MATTERPORT");yield loadDefaultMpSpace(url,config,showcase)}else{console.log("URL IS REV-KITTEN");yield loadAtwinSpace(url,auth,config,showcase)}}))}function getAtwinSdk(){if(!_atwin){console.error("AtwinSdk is undefined");return null}return _atwin}function loadDefaultMpSpace(url,config,showcase){return __awaiter(this,void 0,void 0,(function*(){console.log("loadDefaultMpSpace(url: string, showcase: HTMLIFrameElement)",url,showcase);const iframeSrc=getIframeSrc(config,url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield _setTags()}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...");if("showOriginalTags"in config&&!config.showOriginalTags){yield disposeTags()}}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))));const _setTags=()=>__awaiter(this,void 0,void 0,(function*(){console.log("_setTags()");const mpTags=yield _atwin.Mattertag.getData();if(mpTags){const filteredMpTags=mpTags.map((i=>{const x={};x.id=i.sid;x.name=i.label;return x}));tags=filteredMpTags;console.log("tags",tags)}}))}))}function loadAtwinSpace(url,auth,config,showcase){var _a;return __awaiter(this,void 0,void 0,(function*(){console.log("loadAtwinSpace(url: string, auth: { apiKey: string; user: IUser },config: IMPConfig, showcase: HTMLIFrameElement)");const spaceId=getSpaceId(url);_spaceId=spaceId;if(!spaceId){console.error("spaceId is undefined");return}if(_isInitialLoad){const authUser=yield loginUser(auth.user);if(authUser){_userId=authUser.id}else{console.error("Custom error: authUser is undefined",authUser);return}}const space=yield getSpace(spaceId);if(!space){console.error("space is undefined");return}setSpace(space);const iframeSrc=getIframeSrc(config,space.space_url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const tags=yield getTags(space);if(!tags){console.log("tags is undefined");return}setTags(tags);if(_isInitialLoad){(_a=showcase.contentWindow)===null||_a===void 0?void 0:_a.location.reload()}_isInitialLoad=false;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);if(showcaseWindow.MP_SDK){try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);onShowcaseConnect()}catch(e){console.error(e)}}else{console.log("No showcaseWindow.MP_SDK found")}}))))}))}function onShowcaseConnect(){return __awaiter(this,void 0,void 0,(function*(){console.log("onShowcaseConnect()");try{const modelData=yield _atwin.Model.getData();console.log("Model sid:"+modelData.sid);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield get3DObjects(_spaceId)}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...");yield disposeTags()}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");yield showTags(_tags);yield getSweeps();_sceneObject=yield createSceneObject();yield setLighting();yield registerCustomLoaders();yield _atwin.Asset.registerTexture("targetPointer","../static/objective.png");create3dMarker();_atwin.Tag.data.subscribe({onAdded(indx,item,collection){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag added",item);const i=_tags.find((i=>i.json_data.id===item.id));if(!i){const removedTag=yield _atwin.Tag.remove(item.id);if(removedTag)console.log("Tag removed",removedTag)}}))}});_atwin.Sweep.current.subscribe((function(currentSweep){return __awaiter(this,void 0,void 0,(function*(){console.log("===currentSweep",currentSweep);if(currentSweep.sid===""){console.log("Not currently stationed at a sweep position")}else{_currentSweep=currentSweep;videoAutoPlay();if(superviz.isMeetingInitialized){yield minimap.locateAvatar()}}}))}));_atwin.Camera.pose.subscribe((function(pose){return __awaiter(this,void 0,void 0,(function*(){_currentCameraPose=pose;const hasElapsed=hasTimeElapsed(300);if(hasElapsed){console.log("_unrenderedObjects "+_unrenderedObjects.length);yield renderOnDemand()}if(hasTimeElapsed(1e3)&&_autoDetectNearbyObj){getNearbyObjects({type:"ALL",distance:2})}}))}));_atwin.Mode.current.subscribe((mode=>{_currentViewMode=mode}));if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))}function hasTimeElapsed(maxTime){const currentTimestamp=Date.now();const differenceInMilliseconds=(currentTimestamp-_previousTimeStamp)%1e3;_previousTimeStamp=currentTimestamp;if(differenceInMilliseconds>=maxTime){return true}else{return false}}function getNearbyUnrenderedObjects(payload){let toBeRendered=[];const currentPose={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};toBeRendered=_unrenderedObjects.filter((obj=>{const obj_pos={x:obj.object_position.x,y:obj.object_position.y,z:obj.object_position.z};const distance=calculateDistance(currentPose,obj_pos);return distance<payload.distance}));const filtered=_unrenderedObjects.filter((obj=>toBeRendered.indexOf(obj)===-1));_unrenderedObjects=filtered;console.log("render toBeRendered "+toBeRendered.length);return toBeRendered}function getNearbyObjects(payload){if(payload.type===undefined||payload.type===""){payload.type="ALL"}if(payload.distance===undefined){payload.distance=2}const pos1={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};let three_d=[];let videos=[];let slideshows=[];if(payload.type==="ALL"||"3DX"){three_d=_3DXObjects.filter((obj=>{const pos2={x:obj.node.position.x,y:obj.node.position.y,z:obj.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("3DX Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"VIDEO"){videos=_videos.filter((vid=>{const pos2={x:vid.node.position.x,y:vid.node.position.y,z:vid.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Video Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"SLIDESHOW"){slideshows=_allSlideShow.filter((slide=>{const pos2={x:slide.node.position.x,y:slide.node.position.y,z:slide.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Slideshow Distance: "+distance);return distance<payload.distance}))}console.log("nearby3DXObjects "+three_d.length);console.log("nearbyVideos "+videos.length);console.log("nearbySlideshows "+slideshows.length);return{x3d:three_d,videos:videos,slideshows:slideshows}}function setRenderDistance(distance){if(!Number.isInteger(distance)){console.error("Render distance argument is not a valid number");return}_renderDistance=distance}function createSceneObject(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);return sceneObject}))}function show3DObjects(object,options=null,action="loading"){var _a;return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();if(options==null){options={url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri,type:object.object_data.object_type}}const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const objTransformation={object_position:typeof object.object_position!=="string"?object.object_position:JSON.parse(object.object_position),object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);let type;if(object.object_data.object_type=="image"||object.object_data.object_type=="video"){type="FRAME"}else{type=object.object_data.object_type}modelNode.start();if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_3DXObjects.push({object:object,component:component,node:modelNode,type:type});console.log("_3DXObjects ",component);if(_viewMode==="interactive"&&object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(component,"gltfevents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"animationState",`animationState_${object.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(component,"boxEvents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"basePosition",`basePosition_${object.id}`);_sceneObject.addInputPath(component,"localPosition",`localPosition_${object.id}`)}else if(_viewMode==="interactive"&&supportedMediaTypes.includes(object.object_data.object_type)){const emitPath=_sceneObject.addEmitPath(component,"planeEvents");_sceneObject.spyOnEvent(new EmitSpy(emitPath,modelNode,component,object));_sceneObject.addInputPath(component,"url",`url_${object.id}`);_sceneObject.addInputPath(component,"type",`type_${object.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="MARKUP"){const eventPath=_sceneObject.addEmitPath(component,"css3devents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"title",`title_${object.id}`);_sceneObject.addInputPath(component,"text",`text_${object.id}`);_sceneObject.addInputPath(component,"textColor",`textColor_${object.id}`);_sceneObject.addInputPath(component,"backgroundColor",`backgroundColor_${object.id}`)}}))}function setAnimationState(action,modelId){const actions=["play","stop"];let animationStatePath;if(actions.includes(action)){if(modelId){for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`animationState_${modelId}`){animationStatePath=path}}animationStatePath.set(action);return}console.error("id of object is undefined");return}console.error("Argument for action is not valid");return}function show3dText(object,options=null,direction="top"){const modelNode=_sceneObject.addNode();const text=options.text;options={text:text,fontSize:.09,background:false,centered:true,height:.001,curveSegments:12,bevelEnabled:false,bevelThickness:10,bevelSize:8,bevelOffset:0,bevelSegments:5};const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(modelNode,component,direction,currentObjTransform.object_position,rotation);modelNode.start();_textDimensionIds.push(modelNode.id);_sceneObject.addInputPath(component,"visible",`visible_${modelNode.id}`);if(direction=="left"){_sceneObject.addInputPath(component,"text",`textDepth_${modelNode.id}`)}else if(direction=="right"){_sceneObject.addInputPath(component,"text",`textHeight_${modelNode.id}`)}else if(direction=="bottom"){_sceneObject.addInputPath(component,"text",`textBottom_${modelNode.id}`)}return{node:modelNode,component:component}}function showObjectDimensions(selected){console.log("Selected object",selectedObject);const textObj=selected.object;textObj.object_data.object_type="TEXT";const THREE=selected.component.context.three;const objectModel=selected.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;_textDimensions.top=show3dText(textObj,{text:selected.object.object_data.name},"top");_textDimensions.bottom=show3dText(textObj,{text:`W: ${meterToMillimeter(width)}mm`},"bottom");_textDimensions.left=show3dText(textObj,{text:`D: ${meterToMillimeter(depth)}mm`},"left");_textDimensions.right=show3dText(textObj,{text:`H: ${meterToMillimeter(height)}mm`},"right");console.log("Selected object",selectedObject)}function hideObjectDimensions(){let visiblePath;if(!_textDimensions.top){console.error("_textDeminsion is undefined");return}_textDimensionIds.forEach((index=>{for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`visible_${_textDimensionIds[index]}`){visiblePath=path}}visiblePath.set(false)}))}function setTextDimensionLabel(node,size){let textPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`textDepth_${node.id}`){textPath=path;textPath.set(`D: ${meterToMillimeter(size.z)}mm`)}if(desc.id===`textHeight_${node.id}`){textPath=path;textPath.set(`H: ${meterToMillimeter(size.y)}mm`)}if(desc.id===`textBottom_${node.id}`){textPath=path;textPath.set(`W: ${meterToMillimeter(size.x)}mm`)}}}function setTextDimensionPosition(node,component,direction,position,rotation){console.log("setTextDimensionPosition()");const THREE=selectedObject.component.context.three;const objectModel=selectedObject.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;let newPosition;if(direction==="top"){newPosition={x:position.x-rotation.y,y:position.y+height/2,z:position.z-depth+rotation.z}}else if(direction==="bottom"){newPosition={x:position.x,y:position.y-height/2,z:position.z-depth/3}}else if(direction==="left"){newPosition={x:position.x-width/1.3,y:position.y-height/2,z:position.z-depth+rotation.y}}else if(direction==="right"){newPosition={x:position.x+width/1.3-rotation.y,y:position.y,z:position.z-depth}}const objTransformation={object_position:{x:newPosition.x,y:newPosition.y,z:newPosition.z},object_rotation:rotation,object_scale:{x:.001,y:.001,z:.001}};setTextDimensionLabel(node,{x:width,y:depth,z:height});setObjectTransformation(node,objTransformation)}function goTo3dx(objectId){const target=_3DXObjects.find((obj=>obj.object.id===objectId));let closestIndex=-1;let lastDistance;if(target){const location=target.object.object_position;console.log("Target position",location);for(let i=0;i<sweeps.length;i++){const distance=calculateDistance(location,sweeps[i].position);console.log("Sweep positions",sweeps[i].position);console.log("distance ",distance);if(!lastDistance){lastDistance=distance}if(distance<lastDistance){lastDistance=distance;closestIndex=i}}if(closestIndex){console.log("Closest Sweep:",sweeps[closestIndex]);return{sweepId:sweeps[closestIndex].id,index:closestIndex}}else{console.log("No sweeps found");return}}console.error("Failed to find object");return}function renderOnDemand(){return __awaiter(this,void 0,void 0,(function*(){if(_unrenderedObjects.length!==0){console.log("renderOnDemand()");registerCustomLoaders();const objects=getNearbyUnrenderedObjects({type:"",distance:_renderDistance});objects.forEach((obj=>__awaiter(this,void 0,void 0,(function*(){var _a,_b,_c,_d;if(((_a=obj.object_data)===null||_a===void 0?void 0:_a.object_type)==="FBX"||((_b=obj.object_data)===null||_b===void 0?void 0:_b.object_type)==="GLB"||supportedMediaTypes.includes(obj.object_data.object_type)){yield show3DObjects(obj)}else if(((_c=obj.object_data)===null||_c===void 0?void 0:_c.object_type)==="MP4"){yield showVideoObjects(obj)}else if(((_d=obj.object_data)===null||_d===void 0?void 0:_d.object_type)==="ZIP"){yield showSlideScreenModel(obj)}}))))}}))}function getIframeSrc(config,url){console.log("getIframeSrc()",config,url);const modelId=url.split("?m=")[1];if(!modelId){console.error("modelId is undefined");return""}let src=``;if("bundlePath"in config){const lastString=config.bundlePath.slice(-1);if(lastString!=="/"){config.bundlePath+="/"}src+=`${config.bundlePath}showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{if(config.prod===undefined||config.prod===null){config.prod=true}if(config.prod){src+=`node_modules/architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{src+=`architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}}console.log("__src",src);for(let param of urlParams){if(param in config){src+=`&${param}=${config[param]}`}}return src}function loginUser(user){return __awaiter(this,void 0,void 0,(function*(){console.log("loginUser(user)",user);try{const response=yield _api.post("/cas/tickets?email="+user.email+"&password="+user.password);console.log("=== response",response);if(response.status===200){if(!response.data||!response.data.data||!response.data.data.auth||!response.data.data.auth.user){return null}return response.data.data.auth.user}else{return null}}catch(error){console.log("Custom error "+error);return null}}))}function getSpace(spaceId){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcase(spaceId: string)",spaceId);try{const response=yield _api.get(`/v1/showcases/id/${spaceId}`);console.log("response",response);if(response.status===200){if(response.data&&response.data.data&&response.data.data.length>0){return response.data.data[0]}console.error("Error in getting space")}else{console.error("Error in fetchShowcase()"+response)}}catch(error){console.error(error)}return null}))}function getSpaceId(url){const urlArray=url.split(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/);const path=urlArray[5];const spaceId=path.split("/")[3];console.log("urlArray",urlArray);console.log("path",path);if(!spaceId){console.error("spaceId is undefined");return}return spaceId}function setSpace(space){console.log("setSpace(space: ISpace)",space);_space=space}function getTags(space){return __awaiter(this,void 0,void 0,(function*(){console.log("getTags()");try{const response=yield _api.get(`/v1/tags/showcase-id/${space.id}`);console.log("response",response);if(response.status===200){const tags=response.data.data;if(!tags){console.error("tags is undefined")}return tags}else{console.error("Custom Error: Unable to fetch tags")}}catch(error){console.error(error)}return null}))}function setTags(tags){return __awaiter(this,void 0,void 0,(function*(){console.log("setTags()",tags);_tags=tags.map((tag=>{tag.json_data=JSON.parse(tag.json_data);tag.json_data.id=tag.json_data.sid;return tag}));mapTags(_tags)}))}function get3DObjects(showcase_id){return __awaiter(this,void 0,void 0,(function*(){if(showcase_id){try{const id=parseInt(showcase_id);console.log("showcase_id "+id);const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);const showcase_objects=response.data.data;console.log("showcase_objects "+JSON.stringify(showcase_objects));const object_ids=showcase_objects.map((obj=>obj.object_id));try{const response=yield _api.get(`/v1/objects`);console.log("Finished getting objects");const object_data=response.data.data.filter((obj=>object_ids.includes(obj.id)));_assetLibrary=object_data;console.log("object_data length "+object_data.length);const objectDataMap=object_data.reduce(((map,obj)=>{map[obj.id]=obj;return map}),{});console.log("object_data"+JSON.stringify(object_data));const threed_objects=showcase_objects.map((showcase=>{const target=objectDataMap[showcase.object_id];if(target){showcase.object_data=target}if(showcase.object_position){showcase.object_position=typeof showcase.object_position==="string"?JSON.parse(showcase.object_position):showcase.object_position}if(showcase.object_rotation){showcase.object_rotation=typeof showcase.object_rotation==="string"?JSON.parse(showcase.object_rotation):showcase.object_rotation}if(showcase.object_scale){showcase.object_scale=typeof showcase.object_scale==="string"?JSON.parse(showcase.object_scale):showcase.object_scale}return showcase}));console.log("get3DObjectsByShowcaseId "+JSON.stringify(threed_objects));_unrenderedObjects=threed_objects;const check=_unrenderedObjects.filter((obj=>obj.object_data.object_type==="PNG"));console.log("Check for media screen",check);return threed_objects}catch(error){console.error("threed_objects "+error)}}catch(error){console.error("get3DObjectsByShowcaseId "+error)}}return[]}))}function gotoTag(tag_id){return __awaiter(this,void 0,void 0,(function*(){console.log("gotoTag(tag: tag_id)",tag_id);if(!tag_id){console.error("tag is undefined");return}try{yield _atwin.Mattertag.navigateToTag(tag_id,_atwin.Mattertag.Transition.FLY)}catch(error){console.error(error)}}))}function showTags(tags){return __awaiter(this,void 0,void 0,(function*(){tags.forEach(((tag,indx)=>__awaiter(this,void 0,void 0,(function*(){const mpData=tag.json_data;if(!mpData){console.error("tag.json_data/mpData is undefined");return}const tagIds=yield _atwin.Tag.add({anchorPosition:mpData.anchorPosition,color:mpData.color,description:mpData.description,id:mpData.sid,label:mpData.label,stemVector:mpData.stemVector,stemVisible:mpData.stemVisible});if(tagIds){tag.json_data.id=tagIds[0];if(tag.json_data.media&&tag.json_data.media.src.trim()!==""){try{console.log("Attaching media...");const[attachmentId1]=yield _atwin.Tag.registerAttachment(tag.json_data.media.src);tag.json_data["attachments"]=[attachmentId1];yield _atwin.Tag.attach(tag.json_data.sid,attachmentId1);console.log("Media successfully attached")}catch(error){console.warn("Custom warn: Media not attached: Invalid media src link: "+error);console.warn(`mediaSrc: ${tag.json_data.media.src} | tag index: ${indx}`)}}}}))));console.log("tags",_tags)}))}function disposeTags(){return __awaiter(this,void 0,void 0,(function*(){console.log("hideTags()");const tags=yield _atwin.Mattertag.getData();if(tags){const tagIds=tags.map((i=>i.sid));yield _atwin.Mattertag.remove(tagIds);console.log("Tags removed in space: ",tagIds)}}))}function mapTags($tags){console.log("mapTags()",$tags);tags=$tags.map((i=>{const x={};x.id=i.json_data.id;x.name=i.json_data.label;return x}));console.log("tags",tags)}function getCurrentSweep(){return _currentSweep}function getCurrentCameraPose(){return _currentCameraPose}function getCameraPosition(){return _currentCameraPose.position}function getCurrentSweepPosition(){return _currentSweep.position}function getSweeps(){return __awaiter(this,void 0,void 0,(function*(){console.log("Getting Sweeps in Space");_atwin.Sweep.data.subscribe({onCollectionUpdated:function(collection){console.log("Sweeps In Space",collection);if(!collection){console.log("No Sweeps in loaded Space")}_sweeps=collection;const sw=Object.values(_sweeps);sweeps=sw.map((item=>({id:item.uuid,position:item.position,neighbors:item.neighbors})))}});return sweeps}))}function moveToSweep(sweepId){return __awaiter(this,void 0,void 0,(function*(){const transition=_atwin.Sweep.Transition.FLY;const transitionTime=2e3;console.log("Sweep Move",sweepId);_atwin.Sweep.moveTo(sweepId,{transition:transition,transitionTime:transitionTime}).then((function(){console.log("Sweep Arrived at sweep "+sweepId)})).catch((function(error){console.log("Sweep Error on Arriving",error)}))}))}function getNearbySweeps(sweepId){return __awaiter(this,void 0,void 0,(function*(){if(sweepId){const nearby=yield sweeps.find((item=>item.id==sweepId)).neighbors;console.log("Nearby Sweeps",nearby);return nearby}else{console.log("No Nearby Sweeps")}}))}function getComponentLoader(object){console.log("getComponentLoader()",object);if(object){let index=object.object_type;if(supportedMediaTypes.includes(object.object_type)){console.log("====Loader planeType");return planeType}let component={FBX:_atwin.Scene.Component.FBX_LOADER,GLB:gltfType,MP4:"liveVideo",ZIP:"slideScreenModel",BOX:boxType,TEXT:textType,MARKUP:css3DType};console.log("====Loader",component[index]);return component[index]||""}return""}function setSelectedObject(data,node,component,type){selectedObject={object:data,component:component,node:node,type:type};const previousCoords={object_position:selectedObject.node.obj3D.position,object_rotation:selectedObject.node.obj3D.rotation,object_scale:selectedObject.node.obj3D.scale};_previousAction=JSON.stringify(previousCoords);actionHistory.push(_previousAction);console.log("Previous transform "+JSON.stringify(previousObjTransform));console.log("setSelectedObject()")}function clearSelectedObject(){console.log("clearSelectedObject()");selectedObject=undefined}function setLighting(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);const lights=sceneObject.addNode();lights.addComponent("mp.directionalLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.addComponent("mp.ambientLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.start()}))}function removeTransformControls(){if(!_transformControlNode){console.error("_transformControlNode is undefined");return}if(!_inputControlComponent){console.error("!_inputControlComponent is undefined")}_transformControlNode.stop();console.log("removeTransformControls()")}function setTransformControls(selectedObject,mode="translate"){console.log("Object to be transformed "+selectedObject.object.object_data.name);removeTransformControls();const transformNode=_sceneObject.addNode();const transformComponent=transformNode.addComponent("mp.transformControls");_transformControlNode=transformNode;const inputComponent=transformNode.addComponent("mp.input",{eventsEnabled:true,userNavigationEnabled:true});_transformComponent=transformComponent;if(selectedObject.object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"gltfevents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(selectedObject.object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"boxEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(supportedMediaTypes.includes(selectedObject.object.object_data.object_type)){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"planeEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}transformNode.start();transformComponent.inputs.selection=selectedObject.node;transformComponent.inputs.mode=mode}function setTransformMode(mode){return __awaiter(this,void 0,void 0,(function*(){if(mode=="translate"){_transformMode="translate"}else if(mode=="rotate"){_transformMode="rotate"}else if(mode=="scale"){_transformMode="scale"}else{console.error("Transform mode not supported or incorrect")}_transformComponent.inputs.mode=_transformMode}))}function revertTransform(action="undo"){if(!selectedObject){console.error("selectedObject is undefined.");return}if(!currentObjTransform){console.error("currentObjTransform is undefined");return}if(actionHistory.length<=0){console.error("actionHistory is empty");return}let targetIndex;let nextIndex;const index=actionHistory.indexOf(JSON.stringify(currentObjTransform));console.log(`Action is ${action} and index is ${index}`);if(action==="undo"){if(index-1>=0){targetIndex=index-1;nextIndex=targetIndex-1}else{return false}}else if(action==="redo"){if(index+1<=actionHistory.length){targetIndex=index+1;nextIndex=targetIndex+1}else{return false}}else{console.error("Incorrect function argument for revertTransform");return false}previousObjTransform=JSON.parse(_previousAction);if(!actionHistory[targetIndex]){console.error("actionHistory is either empty or undefined");return}const objectTransform=JSON.parse(actionHistory[targetIndex]);const euler=convertToEuler(objectTransform.object_rotation);objectTransform.object_rotation={_x:euler.x,_y:euler.y,_z:euler.z};setObjectTransformation(selectedObject.node,objectTransform,true);console.log("Action history length "+actionHistory.length);console.log("Current history position "+index);console.log("Target history position "+targetIndex);currentObjTransform=JSON.parse(actionHistory[targetIndex]);if(action=="undo"&&nextIndex>=0){return false}else if(action=="redo"&&nextIndex<=actionHistory.length){return false}else{return true}}function clearActionHistory(){console.info("clearActionHistory()");actionHistory=[]}function convertToEuler(coords){const eulerX=Math.atan2(coords._x,coords._x);const eulerY=Math.atan2(-coords._x,Math.sqrt(coords._y*coords._y+coords._z*coords._z));const eulerZ=Math.atan2(coords._x,coords._x);const degreesX=eulerX*(180/Math.PI);const degreesY=eulerY*(180/Math.PI);const degreesZ=eulerZ*(180/Math.PI);const eulerCoords={x:degreesX,y:degreesY,z:degreesZ};console.log("Euler coords "+JSON.stringify(eulerCoords));return eulerCoords}function setObjectTransformation(node,transform,reverting=false){node.obj3D.scale.set(transform.object_scale.x,transform.object_scale.y,transform.object_scale.z);node.obj3D.position.set(transform.object_position.x,transform.object_position.y,transform.object_position.z);if(reverting){node.obj3D.rotation.set(transform.object_rotation._x,transform.object_rotation._y,transform.object_rotation._z)}else{node.obj3D.rotation.set(transform.object_rotation.x,transform.object_rotation.y,transform.object_rotation.z)}}function calculateDistance(pos1,pos2){const dx=pos2.x-pos1.x;const dy=pos2.y-pos1.y;const dz=pos2.z-pos1.z;return Math.sqrt(dx*dx+dy*dy+dz*dz)}function showVideoObjects(object,action="loading"){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){const liveStreamNode=_sceneObject.addNode();var liveStreamComponent=liveStreamNode.addComponent(getComponentLoader(object.object_data),{url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri});liveStreamNode.position.set(object.object_position.x,object.object_position.y,object.object_position.z);liveStreamNode.obj3D.rotation.set(object.object_rotation.x,object.object_rotation.y,object.object_rotation.z);liveStreamNode.scale.set(object.object_scale.x,object.object_scale.y,object.object_scale.z);if(liveStreamComponent.outputs.loadingState!="Error"){liveStreamNode.start()}liveStreamComponent.inputs.src=(_b=object.object_data)===null||_b===void 0?void 0:_b.amazon_uri;if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_videos.push({object:object,component:liveStreamComponent,node:liveStreamNode,collider:liveStreamComponent.outputs,type:"VIDEO"})}))}function playVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.play()}else{console.error("Unable to find video object using that id")}}function pauseVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.pause()}else{console.error("Unable to find video object using that id")}}function videoAutoPlay(){function nearestVideo(videoObject){return __awaiter(this,void 0,void 0,(function*(){let videoPosition=videoObject.object.object_position;let cameraPosition=getCurrentSweepPosition();const camPos={x:cameraPosition.x,y:cameraPosition.y,z:cameraPosition.z};const videoPos={x:videoPosition.x,y:videoPosition.y,z:videoPosition.z};const THREE=videoObject.component.context.three;const v3camPos=new THREE.Vector3(cameraPosition.x,cameraPosition.y,cameraPosition.z);const v3videoPos=new THREE.Vector3(videoPosition.x,videoPosition.y,videoPosition.z);const computedDistance=v3camPos.distanceTo(v3videoPos);try{if(videoObject.object.autoplay&&videoObject.object.autoplay_distance&&computedDistance<videoObject.object.autoplay_distance){setVideoPlayback("play",videoObject.component.video)}else{setVideoPlayback("pause",videoObject.component.video)}}catch(e){console.error("Unable to play or stop video")}}))}_videos.forEach((videoObject=>nearestVideo(videoObject)))}function createVideoComponent(){function videoRenderer(){this.inputs={visible:true,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,src:null};this.outputs={texture:null,video:null,aspect:720/480};this.onInit=function(){this.video;this.texture};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){if(eventType=="INTERACTION.CLICK"&&_viewMode==="interactive"){let video=_videos.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Video object "+JSON.stringify(video.object));const selectedObj={object:video.object,node:video.node,component:video.component};clearActionHistory();setSelectedObject(video.object,video.node,video.component,"VIDEO");setTransformControls(selectedObj)}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const THREE=this.context.three;if(!this.inputs.src){this.video.src="";return}if(this.inputs.src instanceof HTMLVideoElement){this.video=this.inputs.src}else{this.video=this.createVideoElement();if(typeof this.inputs.src==="string"){this.video.src=this.inputs.src}else{this.video.srcObject=this.inputs.src}this.video.load()}this.texture=new THREE.VideoTexture(this.video);this.texture.minFilter=THREE.LinearFilter;this.texture.magFilter=THREE.LinearFilter;this.texture.format=THREE.RGBFormat;var geometry=new THREE.PlaneGeometry(1,1);geometry.scale(1,480/720,1);geometry.translate(0,.33,0);this.material=new THREE.MeshBasicMaterial({map:this.texture,side:THREE.DoubleSide});var mesh=new THREE.Mesh(geometry,this.material);this.outputs.objectRoot=mesh;this.outputs.collider=mesh;mesh.visible=this.inputs.visible;this.outputs.texture=this.texture;this.outputs.video=this.video};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null;this.texture.dispose()}};this.createVideoElement=function(){const video=document.createElement("video");video.setAttribute("id","htmlLivestreamVideo");video.crossOrigin="anonymous";video.setAttribute("height","480");video.setAttribute("width","720");video.setAttribute("webkit-playsinline","webkit-playsinline");video.setAttribute("controls","controls");video.muted=false;video.loop=true;video.volume=1;return video};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose()};this.spyOnEvent=function(payload){console.log("payload",payload)}}function makeVideoRender(){return new videoRenderer}_atwin.Scene.register("liveVideo",makeVideoRender)}function createSlideScreenModel(){function SlideScreenModelRenderer(){this.inputs={src:null,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,visible:true};this.outputs={texture:null,t_image:null};this.onInit=function(){this.texture;this.t_image;this.material;this.mesh};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){console.log("onEventSlideShow",eventType,eventData);if(eventType=="INTERACTION.CLICK"){if(_allSlideShow.length>0){let slideshow=_allSlideShow.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Slideshow object "+JSON.stringify(slideshow.object));if(_viewMode==="interactive"){const selectedObj={object:slideshow.object,node:slideshow.node,component:slideshow.component,type:"ZIP"};clearActionHistory();setSelectedObject(slideshow.object,slideshow.node,slideshow.component,"ZIP");setTransformControls(selectedObj)}console.log("slideShow eventData",slideshow);if(slideshow!=null){console.log("slideShow eventData",slideshow);var mousePosition=yield getMousePosition();var planePosition=slideshow.node.obj3D.position;console.log("MOUSE POSITION",mousePosition);console.log("PLANE POSITION",planePosition);if(slideshow.object.object_data.object_type=="ZIP"){if(slideshow.object.id!=_currentSlideShowID){_currentSlideIndex=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).idx;console.log("CURRENT INDEX",_currentSlideIndex);_currentSlideShow=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).images;console.log("CURRENT SLIDE",_currentSlideShow)}if(slideshow.object.id==_currentSlideShowID){console.log("ChangeImage",slideshow,_currentSlideShowID);if(planePosition.x<mousePosition.x){console.log("LEFT SIDE");clearInterval(_timer);this.inputs.src=imageStream("prev")}else if(planePosition.y<mousePosition.y){console.log("RIGHT SIDE");clearInterval(_timer);this.inputs.src=imageStream("next")}else if(planePosition.y>mousePosition.y){console.log("AUTOPLAY");_timer=setInterval((()=>{_currentSlideIndex=(_currentSlideIndex+1)%_currentSlideShow.length;console.log("CURRENT INDEX",_currentSlideIndex);this.inputs.src=imageStream("next")}),2e3)}}else{_currentSlideShowID=slideshow.object.id}}}}}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const three=this.context.three;this.t_image=document.createElement("IMG");this.t_image.src=this.inputs.src;this.t_image.setAttribute("width","auto");this.t_image.setAttribute("height","auto");this.t_image.crossOrigin="anonymous";const planeGeo=new three.PlaneGeometry(1.5,1.5);planeGeo.translate(0,.33,0);if(previous.src!=this.inputs.src){this.texture=(new three.TextureLoader).load(this.t_image.src,((tex=this.texture)=>{tex.minFilter=three.LinearFilter;tex.magFilter=three.LinearFilter;tex.format=three.RGBAFormat;tex.needsUpdate=true;tex.onUpdate=this.textureUpdated;this.material=new three.MeshBasicMaterial({map:this.texture,side:three.DoubleSide,transparent:true,alphaTest:.5});this.mesh=new three.Mesh(planeGeo,this.material);this.mesh.scale.set(1,this.texture.image.height/this.texture.image.width,1);this.outputs.objectRoot=this.mesh;this.outputs.collider=this.mesh;this.outputs.texture=this.texture;this.outputs.t_image=this.t_image}))}if(this.mesh!=null){this.mesh.visible=this.inputs.visible}};this.textureUpdated=function(params){console.log("Update Callback",params)};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null}};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose();this.texture.dispose()}}function makeSlideScreenModelRenderer(){return new SlideScreenModelRenderer}_atwin.Scene.register("slideScreenModel",makeSlideScreenModelRenderer)}function registerCustomLoaders(){return __awaiter(this,void 0,void 0,(function*(){if(_hasRegisteredLoaders===false){console.log("registerCustomLoaders()");createVideoComponent();createSlideScreenModel();yield _atwin.Scene.registerComponents([{factory:planeFactory(_atwin),name:planeType},{factory:gltfFactory(_atwin),name:gltfType},{factory:boxFactory(_atwin),name:boxType},{factory:textFactory(_atwin),name:textType},{factory:css3DFactory(_atwin),name:css3DType}]);_hasRegisteredLoaders=true}}))}function showSlideScreenModel(object,action="loading"){return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();const component=modelNode.addComponent("slideScreenModel");console.log("COMPONENT",component);const objTransformation={object_position:object.object_position,object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}modelNode.start();yield addImageToSlideShow(object.object_data,component,object.id);console.log("SLIDE OUTPUT",component.outputs);if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved object",id);object.id}}var slideShow={collider:component.outputs,object:object,node:modelNode,component:component,type:"ZIP"};_allSlideShow.push(slideShow);console.log("ALL SLIDESHOW",_allSlideShow)}))}function addImageToSlideShow(data,component,objectID){return __awaiter(this,void 0,void 0,(function*(){var dataList=[];yield new JSZip.external.Promise((function(resolve,reject){JSZipUtils.getBinaryContent(data.amazon_uri,(function(err,data){if(err){console.log("getBI error",err);reject(err)}else{console.log("getBI success",data);resolve(data)}}))})).then((function(data){console.log("data from getBI",data);return JSZip.loadAsync(data)})).then((data=>{console.log("data from loadAsync",data);for(let key in data.files){if(key.includes("__MACOSX"))continue;if(key.includes(".DS_Store"))continue;if(data.files[key].dir)continue;let base=data.file(data.files[key].name).async("base64");base.then((res=>{dataList.push({name:data.files[key].name,path:`data:image/png;base64,${res}`});if(dataList.length==1){component.inputs.src=`data:image/png;base64,${res}`}}))}_slideShowImage.push({id:objectID,images:dataList,idx:0,playID:null,play:false,comp:component})}))}))}function getMousePosition(){return __awaiter(this,void 0,void 0,(function*(){let planePosition;const pointer=_atwin.Pointer.intersection.subscribe((function(intersection){planePosition=intersection.position}));pointer.cancel();return planePosition}))}function imageStream(direction){let diff=direction==="prev"?-1:1;let length=_currentSlideShow.length;let index=_currentSlideIndex+diff;if(index===-1){index=length-1}if(index===length){index=0}_currentSlideIndex=index;_slideShowImage.find((elem=>elem.id===_currentSlideShowID)).idx=index;return _currentSlideShow[_currentSlideIndex].path}function cameraRotate(x,y,speed){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.rotate(x,y,{speed:speed}).then((()=>{console.log("camera rotate success.",x,y)})).catch((error=>{console.log("camera rotate error.",error)}))}))}function cameraPan(x,z){return __awaiter(this,void 0,void 0,(function*(){let mode=getViewMode();if(mode==_atwin.Mode.Mode.FLOORPLAN||mode==_atwin.Mode.Mode.DOLLHOUSE){yield _atwin.Camera.pan({x:x,z:z}).then((()=>{console.log("camera pan success.")})).catch((error=>{console.log("camera rotate error:",error)}))}else{console.error("Incorrect view mode.")}}))}function cameraLookAt(x,y){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.lookAtScreenCoords(x,y).then((function(){console.log("camera looking at...",x,y)})).catch((function(error){console.log("camera looking at error:",error)}))}))}function moveInDirection(direction){return __awaiter(this,void 0,void 0,(function*(){let nextDirection=_atwin.Camera.Direction.LEFT;switch(direction.toUpperCase()){case"LEFT":nextDirection=_atwin.Camera.Direction.LEFT;break;case"RIGHT":nextDirection=_atwin.Camera.Direction.RIGHT;break;case"UP":nextDirection=_atwin.Camera.Direction.UP;break;case"DOWN":nextDirection=_atwin.Camera.Direction.DOWN;break;case"BACK":nextDirection=_atwin.Camera.Direction.BACK;break;case"FORWARD":nextDirection=_atwin.Camera.Direction.FORWARD;break;default:nextDirection=_atwin.Camera.Direction.LEFT;break}yield _atwin.Camera.moveInDirection(nextDirection).then((function(){console.log("Move to...",nextDirection)})).catch((function(){console.warn("An error occured while moving in that direction.",nextDirection)}))}))}function dispose3dObjects(){console.log("dispose3dObjects");_3DXObjects.forEach((obj=>{console.log("_3DXObjects stop",obj);obj.node.stop()}));_videos.forEach((vid=>{console.log("_videos pause and node stop",vid);vid.component.video.pause();vid.node.stop()}));_allSlideShow.forEach((slide=>{console.log("_allSlideShow stop",slide);slide.node.stop()}))}function getViewMode(){return _currentViewMode}function setViewMode(mode){return __awaiter(this,void 0,void 0,(function*(){console.log("=== get Mode Type ===",_getModeType(mode));let modeType=_getModeType(mode);yield _atwin.Mode.moveTo(modeType).then((function(nextMode){console.log("Arrived at new view mode "+nextMode)})).catch((function(error){console.error("Error occur on:",error)}))}))}function _getModeType(mode){let modes={DOLLHOUSE:"mode.dollhouse",FLOORPLAN:"mode.floorplan",INSIDE:"mode.inside",OUTSIDE:"mode.outside",TRANSITIONING:"mode.transitioning"};return modes[mode.toUpperCase()]||""}function disconnectSpace(){return __awaiter(this,void 0,void 0,(function*(){console.log("disconnectSpace()");yield disposeTags();dispose3dObjects();_atwin.disconnect();_iframe.src="";_api={};_atwin={};_tags=[];tags=[];sweeps=[];_allSlideShow=[];_slideShowImage=[];_currentSlideShowID=0;_currentSlideIndex=0;_currentSlideShow=null;_timer=null;_videos=[];_currentViewMode="";_3DXObjects=[];_unrenderedObjects=[];_previousTimeStamp=0;_currentSweep={};_currentCameraPose={};_sweeps=[]}))}function getTargetPosition(callback=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("getTargetPosition()");if(!_objectMarker){console.error("Object marker has not been created");return}const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};let pointerCoord;function onMouseClick(){return __awaiter(this,void 0,void 0,(function*(){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture();_objectMarker.removeEventListener("click",onMouseClick);console.info("Pointer coordinate is",pointerCoord);setState({isLoading:false,loaded:true,data:pointerCoord});if(callback!==undefined){callback(pointerCoord)}}))}console.log("Initializing pointer intersection");_objectMarker.addEventListener("click",onMouseClick);yield _atwin.Pointer.editTexture("targetPointer");_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}))}))}function setPointerCoordinates(position){_pointerCoord=position}function addObjectToSpace(mediaUrl,objectType,config=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("addObjectToSpace()");console.log("Object Media URL ",mediaUrl);const iframe=document.getElementById(_mpConfig.iframeId);let showcase_object;let pointerSubscriptionActive=false;let mediaType;let mediaName;let isDefaultImage=true;if(objectType===""||objectType===null){objectType=undefined}const urlPattern=/^(https?:\/\/)/;if(urlPattern.test(mediaUrl))isDefaultImage=false;if(mediaUrl&&mediaUrl!==""&&mediaUrl!==null&&objectType===undefined&&isDefaultImage===false){const{object_key:object_key,type:type}=yield extractFileInfo(mediaUrl);if(!object_key||!type){console.error("Invalid URL provided. URL is not valid and failed to return content-type header");return}mediaName=object_key;mediaType=type}if(objectType){mediaType=objectType}if(isDefaultImage){mediaType="PNG"}mediaType=mediaType.toUpperCase();const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onObjectPositionSet(mediaUrl){return __awaiter(this,void 0,void 0,(function*(){console.log("Object positioned at: ",_pointerCoord);const object={};object.amazon_uri=mediaUrl;object.object_key=mediaName;object.object_type=mediaType;if(pointerSubscriptionActive){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture()}showcase_object=createIShowcaseObjectData(object,config.position,config.scale,config.rotation);console.log("Created object",showcase_object);console.log("About to render object",showcase_object);if(object.object_type=="MP4"){yield showVideoObjects(showcase_object)}else if(object.object_type=="ZIP"){yield showSlideScreenModel(showcase_object)}else{if(config){yield show3DObjects(showcase_object,config.options)}else{yield show3DObjects(showcase_object,null)}}_objectMarker.removeEventListener("click",handleClick);return showcase_object}))}const handleClick=()=>onObjectPositionSet(mediaUrl);if(mediaUrl!==undefined&&config===undefined||mediaUrl!==undefined&&config.options&&!config.position){console.log("Positioning object to user pointer click coordinates");_objectMarker.addEventListener("click",handleClick);yield _atwin.Pointer.editTexture("targetPointer");pointerSubscriptionActive=true;_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}else if(mediaUrl!==undefined&&config.position!=null){console.log("Positioning object to pre-defined coordinates");onObjectPositionSet(mediaUrl);return}console.error("Object is either null or undefined");return}))}function translateElementPosition(element,coord){console.log("translateElementPosition()");if(coord){if(coord.x>0){element.style.left=`${Math.abs(coord.x-40)}px`;element.style.top=`${Math.abs(coord.y-45)}px`}else{element.style.left=`${Math.abs(coord.x+40)}px`;element.style.top=`${Math.abs(coord.y+45)}px`}const computedStyle=window.getComputedStyle(_objectMarker);const displayValue=computedStyle.getPropertyValue("display");if(displayValue=="none"){setElementVisibility(_objectMarker,true)}return}console.error("Argument for coord is undefined");return}function create3dMarker(){const container=document.getElementById("showcase-container");const checkMarker=document.getElementById("marker-3d");if(!checkMarker){console.log("Marker not found. Creating marker in DOM");_objectMarker=document.createElement("div");_objectMarker.setAttribute("id","marker-3d");_objectMarker.style.display="none";_objectMarker.style.width="90px";_objectMarker.style.height="90px";_objectMarker.style.cursor="pointer";_objectMarker.style.position="absolute";container.appendChild(_objectMarker);return}console.log("Marker found. Skipping marker creation")}function setElementVisibility(element,visible){if(visible){element.style.display="inline-block";return}element.style.display="none"}function createIShowcaseObjectData(object_data,position=undefined,scale=undefined,rotation=undefined){console.log("createIShowcaseObject()",object_data);const newObj=object_data;const showcase_object={};showcase_object.id=generateRandomUniqueNumber(_generatedObjectIds);showcase_object.object_id=object_data.id;showcase_object.user_id=_userId;showcase_object.showcase_id=parseInt(_spaceId);showcase_object.object_position=position!=undefined?position:_pointerCoord;showcase_object.object_rotation=rotation!=undefined?rotation:{x:0,y:0,z:0};showcase_object.object_scale=scale!=undefined?scale:{x:1,y:1,z:1};if(object_data.object_type=="MP4"){showcase_object.autoplay=true;showcase_object.autoplay_distance=2}showcase_object.offset_position=1;showcase_object.offset_rotation=1;showcase_object.position_unit="m";showcase_object.object_data=object_data;showcase_object.showcase_object_name=object_data.name;if(showcase_object.object_data){showcase_object.object_data=newObj}console.log("Returned objects",showcase_object);return showcase_object}function copyObject(payload,position_offset=undefined,rotation_offset=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("copyObject()");if(payload){payload.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(payload.id);if(position_offset==undefined){payload.object_position.x+=.5;payload.object_position.z+=.5}else{payload.object_position.x+=position_offset.x;payload.object_position.z+=position_offset.z}if(rotation_offset){payload.object_rotation.x+=rotation_offset.x;payload.object_rotation.y+=rotation_offset.y;payload.object_rotation.z+=rotation_offset.z}const showcase_obj=yield addObjectToSpace(payload.object_data.amazon_uri,"",{position:payload.object_position,rotation:payload.object_rotation,scale:payload.object_scale});return showcase_obj}console.error("Payload for copyObject is undefined");return}))}function replaceObject(payload,target,options=null){return __awaiter(this,void 0,void 0,(function*(){console.log("replaceObject()");if(payload&&target){removeTransformControls();target.node.stop();const showcase_obj=yield addObjectToSpace(payload.amazon_uri,"",{options:options,position:target.object.object_position,rotation:target.object.object_rotation,scale:target.object.object_scale});return showcase_obj}console.error("payload or target is undefined");return}))}function extractFileInfo(fileLink){return __awaiter(this,void 0,void 0,(function*(){console.log("fileLink",fileLink);let object_key="";let type="";if(fileLink){try{const response=yield _mediaApi.head(fileLink);if(response.status==200){console.log("== file info response ==",response);const contentType=response.headers["content-type"];const typeMatch=contentType.match(/\/([^;]+)/);if(typeMatch){type=typeMatch[1].toUpperCase()}else{console.error("Failed to extract content type");return}}else{console.error("Failed get request");return}}catch(error){console.error("Axios error",error);return}}console.log("=== OBJECT key ===",object_key);console.log("=== OBJECT type ===",type);return{object_key:object_key,type:type}}))}function createFileFromURL(url,fileName){return __awaiter(this,void 0,void 0,(function*(){console.info("createFileFromURL()");try{const response=yield fetch(url);const fileContent=yield response.blob();const file=new File([fileContent],fileName);console.info("Successfuly created file",file);return file}catch(error){console.error("Error creating File object:",error);return null}}))}function createMediaObject(url,filename){return __awaiter(this,void 0,void 0,(function*(){console.info("createMediaObject()");if(url&&filename){const file=yield createFileFromURL(url,filename);const filePayload={};filePayload.name=filename;filePayload.filename=filename;filePayload.object_type=filename.slice((filename.lastIndexOf(".")-1>>>0)+2).toUpperCase();filePayload.user_id=1;const obj_key=generateUUID();filePayload.object_key=obj_key!==null?obj_key:generateRandomUniqueNumber.toString();filePayload.file=file;console.info("Successfuly created file payload",filePayload);return filePayload}}))}function addMediaScreen(mediaUrl,transform,readonly,autoplay){return __awaiter(this,void 0,void 0,(function*(){console.log("=== addMediaScreen");console.log("=== mediaUrl",mediaUrl);console.log("=== transform",transform);console.log("=== readonly",readonly);console.log("=== autoplay",autoplay);let defaultImageUri="";let mediaType;let mediaName;if(mediaUrl===null||mediaUrl===""){mediaUrl=undefined}if(!transform){console.error("Transform parameter is undefined");return}if(_mpConfig.prod===undefined||_mpConfig.prod===null){_mpConfig.prod=true}if(mediaUrl&&mediaUrl!==""&&mediaUrl!==null){const{object_key:object_key,type:type}=yield extractFileInfo(mediaUrl);if(!object_key||!type){console.error("Invalid URL provided. URL is not valid and failed to return content-type header");return}mediaName=object_key;mediaType=type}else{if(_mpConfig.prod&&!mediaUrl){defaultImageUri=`../static/Nomedia.png`;mediaName="Nomedia";mediaType="PNG"}else if(_mpConfig.prod==false&&!mediaUrl){defaultImageUri=`/architwin/static/Nomedia.png`;mediaName="Nomedia";mediaType="PNG"}}if(!mediaUrl||mediaUrl===""){console.log("=== mediaUrl is not set. Using default",defaultImageUri);mediaUrl=defaultImageUri}const mediaScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(mediaScreenId);const object_data={id:mediaScreenId,filename:`${mediaName}.${mediaType}`,name:mediaName,user_id:_userId,object_key:mediaName,object_type:mediaType,amazon_uri:mediaUrl};const options={name:"canvasFrame",type:mediaType,url:object_data.amazon_uri,visible:true,aspectRatio:1};console.log("=== Adding programmatically");const showcase_obj=yield addObjectToSpace(object_data.amazon_uri,"",{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale});return showcase_obj}))}function attachMediaScreenContent(mediaScreenId,mediaUrl,mediaType="image"){return __awaiter(this,void 0,void 0,(function*(){let urlPath;let typePath;const fileTypes=["image","video"];if(!fileTypes.includes(mediaType)){console.error("Unsupported file type, please use a valid type");return}for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`url_${mediaScreenId}`){urlPath=path}if(desc.id===`type_${mediaScreenId}`){typePath=path}}typePath.set(mediaType);if(urlPath){urlPath.set(mediaUrl);return}console.error("Could not find input path for specified object");return}))}function setBasePointPosition(id,position){let basePointPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`basePosition_${id}`){basePointPath=path}}if(position==="corner"){basePointPath.set("corner")}else{basePointPath.set("center")}}function setVideoPlayback(action,element){const actions=["play","pause","mute","unmute"];if(actions.includes(action)){if(action===actions[0]){element.play()}else if(action===actions[1]){element.pause()}else if(action===actions[2]){element.muted=true}else if(action===actions[3]){element.muted=false}return}console.error("Argument does not match known actions");return}function addTextMarkupScreen(title="",message,textScreenName,transform,textColor="black",backgroundColor="#fff"){return __awaiter(this,void 0,void 0,(function*(){console.log("=== title",title);console.log("=== message",message);console.log("=== textScreenName",textScreenName);if(!message){console.error("Message is undefined");return}if(!textScreenName){console.error("textScreenName is undefined");return}if(!transform){console.error("transform object is undefined. Please supply the necessary x,y,z values");return}const textScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(textScreenId);const object_data={id:textScreenId,filename:textScreenName,user_id:_userId,name:textScreenName,object_type:"MARKUP"};const options={name:textScreenName,title:title,text:message,iframeId:_mpConfig.iframeId,textColor:textColor,backgroundColor:backgroundColor,visible:true};transform.position.y+=2;console.log("=== Adding programmatically");const showcase_obj=yield addObjectToSpace(object_data.amazon_uri,"",{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale});return showcase_obj}))}function setTextMarkupScreenContent(showcase_id,title="",text="",textColor="",backgroundColor=""){console.log("setTextMarkupScreenContent()");if(!showcase_id){console.error("showcase_id or textScreenName is undefined");return}let titlePath;let textPath;let textColorPath;let backgroundColorPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`title_${showcase_id}`){titlePath=path}if(desc.id===`text_${showcase_id}`){textPath=path}if(desc.id===`textColor_${showcase_id}`){textColorPath=path}if(desc.id===`backgroundColor_${showcase_id}`){backgroundColorPath=path}}if(title&&title!=="")titlePath.set(title);if(text&&text!=="")textPath.set(text);if(textColor&&textColor!=="")textColorPath.set(textColor);if(backgroundColor&&backgroundColor!=="")backgroundColorPath.set(backgroundColor)}function setState({isLoading:isLoading,loaded:loaded,error:error,data:data}){const newState={isLoading:isLoading,loaded:loaded,error:error!==undefined?error:"",data:data!==undefined?data:null};state=Object.assign({},newState)}function checkValidFileType(payload){if(payload){const fileName=payload.name;const fileExtension=fileName.substring(fileName.lastIndexOf(".")+1);console.log("File extension "+fileExtension);if(supportedFileTypes.includes(fileExtension.toUpperCase())){return{valid:true,type:fileExtension}}return{valid:false}}console.error("No file provided");return{valid:false}}function addObject(payload){return __awaiter(this,void 0,void 0,(function*(){if(_userId){payload.user_id=_userId}else{console.warn("_userId is not defined")}const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.post("/s3/file.json",payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.error("Unsupported file type");return}))}function addShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("addShowcaseObject()");if(payload){payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);delete payload["id"];try{const response=yield _api.post("/v1/showcase-objects.json",payload);console.log("API response is: ",response);if(response.data.status=="success"){console.log("Add showcase data",response.data.data);return response.data.data.id}}catch(error){console.error("Object upload failed"+error);return}}return}))}function getObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getObject()");setState({isLoading:true,loaded:false});if(id){try{const response=yield _api.get(`/v1/objects/id/${id}`);if(response.data.status=="success"){const object_data=response.data.data[0];console.log("Response"+JSON.stringify(object_data));return object_data}console.error("Failed to get requested object")}catch(error){console.error("Error getting object "+error)}}return}))}function getShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()");if(id){try{const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);if(response.data.status=="success"){const showcase_object=response.data.data[0];const object=yield getObject(showcase_object.object_id);showcase_object.object_data=object;console.log("Success ",showcase_object);return showcase_object}console.error("Failed to get requested showcase object")}catch(error){console.error("Error getting showcase object "+error)}}console.error("id is undefined");return}))}function updateShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()",payload);payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);if(payload.id){const objPayload=payload;delete objPayload["object_data"];try{const response=yield _api.put(`/v1/showcase-objects/${payload.id}`,payload);console.log("updateShowcaseObject API response ",response.data);if(response.data.status=="success"){console.log("Succsss API response ",response.data);const showcase_object=payload;const object=yield getObject(payload.object_id);showcase_object.object_data=object;return showcase_object}console.error("Failed to get requested showcase object");return}catch(error){console.error("Error getting showcase object "+error);return}}console.error("id is undefined");return}))}function updateObject(id,payload){return __awaiter(this,void 0,void 0,(function*(){const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.put(`/s3/file/${id}.json`,payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.log("Unsupported file type");return}))}function updateObjectUri(id,uri,mediaType){return __awaiter(this,void 0,void 0,(function*(){if(id&&uri){const payload={};payload.amazon_uri=uri;payload.object_type=mediaType.toUpperCase();try{const response=yield _api.put(`v1/objects/${id}.json`,payload);if(response.status==200){console.log("Successfuly updated URI");return}}catch(error){console.error("Update object uri error",error)}return}console.error("id and/or uri is undefined");return}))}function deleteObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/s3/file/${id}.json`);console.log("S3 response is: ",response.data);if(response.data.status=="success"){console.log("S3 object deleted");return}}catch(error){console.error("Object delete failed"+error);return}}console.error("id is undefined");return}))}function deleteShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/v1/showcase-objects/${id}.json`);console.log("deleteShowcaseObject response is: ",response.data);if(response.data.status=="success"){console.log("Showcase object deleted");return}}catch(error){console.error("Delete showcase object failed"+error);return}}console.error("id is undefined");return}))}function deleteObjectFromSpace(target){return __awaiter(this,void 0,void 0,(function*(){console.log("deleteObjectFromSpace()");if(target){try{removeTransformControls();target.node.stop();selectedObject=null;if(target.object.object_data.object_type==="MARKUP"){const targetElement=document.getElementById(target.object.object_data.name);if(targetElement){targetElement.remove()}}const filteredRenderedObjects=_3DXObjects.filter((obj=>obj.object.id!==target.object.id));_3DXObjects=filteredRenderedObjects;console.log("Deleted object from scene");return target.object.id}catch(error){console.log("Delete showcase object error",error);return}}console.error("Target object is undefined");return}))}function deleteMediaScreen(mediaScreenId){return __awaiter(this,void 0,void 0,(function*(){let selectedMediaScreen=_3DXObjects.find((obj=>obj.object.id===mediaScreenId&&obj.type==="FRAME"));console.log(selectedMediaScreen);const id=yield deleteObjectFromSpace(selectedMediaScreen);return id}))}function getLibrary(refetch=false){return __awaiter(this,void 0,void 0,(function*(){setState({isLoading:true,loaded:false});if(refetch){try{const response=yield _api.get(`/s3/file.json`);console.log("S3 response is: ",response);if(response.data.status=="success"){const objects=response.data.data;_assetLibrary=objects;setState({isLoading:false,loaded:true,data:objects});return state}setState({isLoading:false,loaded:false,error:"Could not fetch data"});return state}catch(error){console.log("Error! Failed to fetch data",error);setState({isLoading:false,loaded:false,error:error});return state}}return _assetLibrary}))}function addTagToScene(tag){console.log("addTagToScene()");const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onTagPositionSet(tag){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag positioned at: ",_pointerCoord);_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);_atwin.Pointer.setVisible(true);if(tag){if(tag.json_data.anchorPosition==undefined){}tag.json_data.anchorPosition=_pointerCoord;const tags=[];tags.push(tag);yield showTags(tags)}_objectMarker.removeEventListener("click",handleClick)}))}const handleClick=()=>onTagPositionSet(tag);if(tag!==undefined){_objectMarker.addEventListener("click",handleClick);_atwin.Pointer.setVisible(false);_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}console.error("Object is either null or undefined");return}function showMinimap(){minimap.showMinimap()}function hideMinimap(){minimap.hideMinimap()}function renderTag(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("=== renderTag",payload);const tag=yield _tag.renderTag({tag:payload.tag,sdk:_atwin,tags:_tags,relocate:payload.relocate});console.log("=== tag rendered",tag)}))}function getMpTags(){console.log("=== getMpTags()");return _tags.map((i=>{const x={};x.id=i.json_data.id;x.name=i.json_data.label;return x}))}function removeTag(tagId){return __awaiter(this,void 0,void 0,(function*(){console.log("=== removeTag",tagId);const tag=yield _tag.removeTag({tagId:tagId,sdk:_atwin,tags:_tags});if(tag){return tag}}))}function getTag(tagId){console.log("=== getTag()",tagId);const tag=_tags.find((i=>i.json_data.id===tagId));if(!tag){console.error("Tag not found");return}return tag}function runSynchronousFunc(){console.log("runSynchronousFunc()")}class ClickSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("Clicked on 3D model");const selectedObj={object:this.object_data,node:this.node,component:this.component};if(this.object_data.object_data.object_type=="BOX"){}clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");setTransformControls(selectedObj)}}}class DragSpy{constructor(path,node,component,data){this.eventType="INTERACTION.DRAG_END";this.path=path;this.object_data=data;this.node=node;this.component=component}onEvent(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("INTERACTION.DRAG_END",payload);const selectedObj={object:this.object_data,node:this.node,component:this.component};console.log("New Drag Position"+JSON.stringify(selectedObj.node.position));console.log("New Drag Rotation"+JSON.stringify(selectedObj.node.obj3D.rotation));console.log("New Drag Scale"+JSON.stringify(selectedObj.node.scale));const objectCoords={object_position:selectedObj.node.position,object_rotation:selectedObj.node.obj3D.rotation,object_scale:selectedObj.node.scale};currentObjTransform=objectCoords;const currentTranform=JSON.stringify(currentObjTransform);actionHistory.push(currentTranform);console.log("Actions count "+actionHistory.length);const showcaseObjPayload=this.object_data;showcaseObjPayload.object_position=objectCoords.object_position;const obj_rot={x:objectCoords.object_rotation._x,y:objectCoords.object_rotation._y,z:objectCoords.object_rotation._z};showcaseObjPayload.object_rotation=obj_rot;showcaseObjPayload.object_scale=objectCoords.object_scale;console.log("object type",this.object_data.object_data.object_type);if(this.object_data.object_data.object_type=="TEXT"&&_textDimensions.top!==null){const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(_textDimensions.top.node,_textDimensions.top.component,"top",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.bottom.node,_textDimensions.bottom.component,"bottom",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.left.node,_textDimensions.left.component,"left",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.right.node,_textDimensions.right.component,"right",currentObjTransform.object_position,rotation)}}))}}class EmitSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("INTERACTION.CLICK",data);const selectedObj={object:this.object_data,node:this.node,component:this.component};clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");if(_viewMode==="interactive"){setTransformControls(selectedObj)}}}}export{_atwin,_config,tags,sweeps,selectedObject,previousObjTransform,currentObjTransform,actionHistory,state,_space,_spaceId,_api,_pointerCoord,_3DXObjects,getAtwinSdk,connectSpace,disconnectSpace,getTags,gotoTag,getSweeps,getCurrentSweep,getCurrentSweepPosition,moveToSweep,getNearbySweeps,pauseVideo,playVideo,getCurrentCameraPose,getCameraPosition,moveInDirection,cameraLookAt,cameraPan,cameraRotate,getViewMode,setViewMode,getNearbyObjects,setTransformMode,setSelectedObject,clearSelectedObject,revertTransform,setTransformControls,removeTransformControls,setRenderDistance,clearActionHistory,addObject,getObject,addObjectToSpace,addMediaScreen,attachMediaScreenContent,addTagToScene,updateObject,updateShowcaseObject,deleteObject,deleteShowcaseObject,deleteObjectFromSpace,deleteMediaScreen,getShowcaseObject,setBasePointPosition,showObjectDimensions,hideObjectDimensions,setVideoPlayback,setAnimationState,showMinimap,hideMinimap,copyObject,replaceObject,getTargetPosition,setObjectTransformation,setPointerCoordinates,addTextMarkupScreen,setTextMarkupScreenContent,goTo3dx,renderTag,getMpTags,removeTag,getTag,showTags};

package/lib/tag.d.ts

@@ -0,0 +1,14 @@
+import { MpSdk } from "../bundle/sdk";
+import { ITag } from "./types";
+declare function renderTag(payload: {
+    tag: MpSdk.Tag.Descriptor;
+    sdk: MpSdk;
+    tags: ITag[];
+    relocate?: boolean;
+}): Promise<ITag>;
+declare function removeTag(payload: {
+    tagId: number | string;
+    sdk: MpSdk;
+    tags: ITag[];
+}): Promise<ITag> | null;
+export { renderTag, removeTag, };

package/lib/tag.js

@@ -0,0 +1,73 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { faker } from '@faker-js/faker';
+import { TagPlacer } from './tagPlacer';
+// 1. need first to append tag in tags array so that it will not be remove automatically
+// 2. Note: there is a tag listener wherein a tag will be remove if not in tags array 
+// 3. step 2 is implemented in order to remove original/default mattertags 
+// 4. See architwin.ts file -> onShowcaseConnect() function for more info; (_atwin.Tag.data.subscribe)
+function renderTag(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log('=== renderTag()');
+        console.log('=== payload', payload);
+        if (!payload.tag.anchorPosition) {
+            console.error('Anchor Position is required');
+            return;
+        }
+        if (!payload.tag.stemVector) {
+            console.error('Stem Vector is required');
+            return;
+        }
+        const tagData = {};
+        tagData.label = payload.tag.label;
+        tagData.description = payload.tag.description;
+        tagData.stemVisible = payload.tag.stemVisible;
+        tagData.color = payload.tag.color;
+        tagData.anchorPosition = payload.tag.anchorPosition;
+        tagData.stemVector = payload.tag.stemVector;
+        const id = faker.string.uuid(); // use a faker uuid since it is not yet stored in db
+        payload.tags.push({
+            id: id,
+            json_data: tagData
+        });
+        const tagIds = yield payload.sdk.Tag.add(payload.tag);
+        // update tag.json_data.id from the tag id provided by matterport 
+        const tag = payload.tags.find(i => i.id === id);
+        tag.json_data.id = tagIds[0];
+        if (payload.relocate) {
+            const placer = new TagPlacer(payload.sdk);
+            placer.tagDataId = tag.json_data.id;
+            const onClick = (anchorPosition, stemVector) => {
+                console.log('=== onClick()');
+                tag.json_data.anchorPosition = anchorPosition;
+                tag.json_data.stemVector = stemVector;
+            };
+            yield placer.moveTag(onClick);
+        }
+        return tag;
+    });
+}
+function removeTag(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log('=== removeTag()', payload);
+        const indx = payload.tags.findIndex(i => i.json_data.id === payload.tagId);
+        if (indx === -1) {
+            console.error('Tag not found');
+            return null;
+        }
+        const tag = payload.tags[indx];
+        console.log('=== tag found to be remove', tag);
+        payload.tags.splice(indx, 1);
+        const tagIds = yield payload.sdk.Tag.remove(payload.tagId + '');
+        console.log('=== removed tag Ids: ', tagIds);
+        return tag;
+    });
+}
+export { renderTag, removeTag, };

package/lib/tagPlacer.d.ts

@@ -0,0 +1,18 @@
+import type { IObserver, ISubscription, MpSdk, Pointer, Scene, Vector3 } from '../bundle/sdk';
+export declare class TagPlacer implements Scene.IComponentEventSpy, IObserver<Pointer.Intersection> {
+    mpSdk: MpSdk;
+    tagDataId: string;
+    eventType: string;
+    tagPointer: ISubscription;
+    input: Scene.IComponent;
+    stemScalar: number;
+    inputNode: Scene.INode;
+    anchorPosition: Vector3;
+    stemVector: Vector3;
+    callbackFunc: any;
+    constructor(mpSdk: MpSdk);
+    onEvent(): Promise<void>;
+    onChanged(data: Pointer.Intersection): void;
+    setupInput(): Promise<void>;
+    moveTag(callback: any): Promise<void>;
+}