How to build XR-only Components

 1import {Component} from '@wonderlandengine/api';
 2
 3export class ActiveOnlyInVr extends Component {
 4  static TypeName = 'active-only-in-vr';
 5
 6  start() {
 7    this.engine.onXRSessionStart.add(this.onXRSessionStart);
 8    this.engine.onXRSessionEnd.add(this.onXRSessionEnd);
 9
10    /* Session might already be active */
11    this.active = !!this.engine.xr;
12  }
13
14  onDestroy() {
15    this.engine.onXRSessionStart.remove(this.onXRSessionStart);
16    this.engine.onXRSessionEnd.remove(this.onXRSessionEnd);
17  }
18
19  update() {
20    /* Only called when xrSession is valid */
21  }
22
23  onXRSessionStart = s => {
24    this.active = true;
25  };
26
27  onXRSessionEnd = s => {
28    this.active = false;
29  };
30});