@relu-interactives/spatial-ecs 0.2.25 → 0.3.1

package/dist/factories/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var THREE29 = require('three');
+var THREE31 = require('three');
 var SkeletonUtils_js = require('three/examples/jsm/utils/SkeletonUtils.js');
 var RectAreaLightHelper_js = require('three/examples/jsm/helpers/RectAreaLightHelper.js');
 var DRACOLoader_js = require('three/examples/jsm/loaders/DRACOLoader.js');
@@ -25,7 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var THREE29__namespace = /*#__PURE__*/_interopNamespace(THREE29);
+var THREE31__namespace = /*#__PURE__*/_interopNamespace(THREE31);
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -298,14 +298,14 @@ var _AnimationComponent = class _AnimationComponent extends Component {
       return;
     }
     this.importedClips = clips.map((entry) => {
-      if (entry instanceof THREE29__namespace.AnimationClip) {
+      if (entry instanceof THREE31__namespace.AnimationClip) {
         return { clip: entry, sourceUrl: null };
       }
       if (!entry || typeof entry !== "object") {
         return null;
       }
       const candidate = entry;
-      if (!(candidate.clip instanceof THREE29__namespace.AnimationClip)) {
+      if (!(candidate.clip instanceof THREE31__namespace.AnimationClip)) {
         return null;
       }
       return {
@@ -513,11 +513,11 @@ function normalizeDistanceModel(distanceModel) {
 }
 __name(normalizeDistanceModel, "normalizeDistanceModel");
 function createConfiguredAudio(listener, options) {
-  const sound = options.positional ? new THREE29__namespace.PositionalAudio(listener) : new THREE29__namespace.Audio(listener);
+  const sound = options.positional ? new THREE31__namespace.PositionalAudio(listener) : new THREE31__namespace.Audio(listener);
   sound.setLoop(options.loop);
   sound.setVolume(options.volume);
   sound.setPlaybackRate(options.pitch);
-  if (sound instanceof THREE29__namespace.PositionalAudio) {
+  if (sound instanceof THREE31__namespace.PositionalAudio) {
     sound.setRefDistance(options.refDistance);
     sound.setDistanceModel(normalizeDistanceModel(options.distanceModel));
     sound.setRolloffFactor(options.rolloffFactor);
@@ -527,16 +527,16 @@ function createConfiguredAudio(listener, options) {
 __name(createConfiguredAudio, "createConfiguredAudio");
 function createAudioEditorHelper() {
   if (typeof document === "undefined") {
-    const geometry = new THREE29__namespace.EdgesGeometry(
-      new THREE29__namespace.OctahedronGeometry(0.22, 0)
+    const geometry = new THREE31__namespace.EdgesGeometry(
+      new THREE31__namespace.OctahedronGeometry(0.22, 0)
     );
-    const material2 = new THREE29__namespace.LineBasicMaterial({
+    const material2 = new THREE31__namespace.LineBasicMaterial({
       color: "#8bc8ff",
       transparent: true,
       opacity: 0.95,
       depthTest: false
     });
-    const fallback = new THREE29__namespace.LineSegments(geometry, material2);
+    const fallback = new THREE31__namespace.LineSegments(geometry, material2);
     fallback.renderOrder = 10;
     fallback.userData.ecsHelper = true;
     fallback.visible = false;
@@ -548,7 +548,7 @@ function createAudioEditorHelper() {
   canvas.height = size;
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    return new THREE29__namespace.Object3D();
+    return new THREE31__namespace.Object3D();
   }
   ctx.clearRect(0, 0, size, size);
   ctx.fillStyle = "rgba(27, 35, 52, 0.9)";
@@ -579,14 +579,14 @@ function createAudioEditorHelper() {
   ctx.beginPath();
   ctx.arc(56, 48, 16, -0.8, 0.8);
   ctx.stroke();
-  const texture = new THREE29__namespace.CanvasTexture(canvas);
+  const texture = new THREE31__namespace.CanvasTexture(canvas);
   texture.needsUpdate = true;
-  const material = new THREE29__namespace.SpriteMaterial({
+  const material = new THREE31__namespace.SpriteMaterial({
     map: texture,
     transparent: true,
     depthTest: false
   });
-  const helper = new THREE29__namespace.Sprite(material);
+  const helper = new THREE31__namespace.Sprite(material);
   helper.scale.set(0.68, 0.68, 0.68);
   helper.renderOrder = 10;
   helper.userData.ecsHelper = true;
@@ -620,7 +620,7 @@ var DEFAULT_ORTHO_TOP = 5;
 var DEFAULT_ORTHO_BOTTOM = -5;
 var DEFAULT_ZOOM = 1;
 function inferProjection(camera) {
-  if (camera instanceof THREE29__namespace.OrthographicCamera) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera) {
     return "orthographic";
   }
   return "perspective";
@@ -641,7 +641,7 @@ function readCameraFar(camera) {
 }
 __name(readCameraFar, "readCameraFar");
 function inferFov(camera) {
-  if (camera instanceof THREE29__namespace.PerspectiveCamera && Number.isFinite(camera.fov)) {
+  if (camera instanceof THREE31__namespace.PerspectiveCamera && Number.isFinite(camera.fov)) {
     return camera.fov;
   }
   return DEFAULT_FOV;
@@ -664,28 +664,28 @@ function inferFar(camera) {
 }
 __name(inferFar, "inferFar");
 function inferOrthoLeft(camera) {
-  if (camera instanceof THREE29__namespace.OrthographicCamera && Number.isFinite(camera.left)) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera && Number.isFinite(camera.left)) {
     return camera.left;
   }
   return DEFAULT_ORTHO_LEFT;
 }
 __name(inferOrthoLeft, "inferOrthoLeft");
 function inferOrthoRight(camera) {
-  if (camera instanceof THREE29__namespace.OrthographicCamera && Number.isFinite(camera.right)) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera && Number.isFinite(camera.right)) {
     return camera.right;
   }
   return DEFAULT_ORTHO_RIGHT;
 }
 __name(inferOrthoRight, "inferOrthoRight");
 function inferOrthoTop(camera) {
-  if (camera instanceof THREE29__namespace.OrthographicCamera && Number.isFinite(camera.top)) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera && Number.isFinite(camera.top)) {
     return camera.top;
   }
   return DEFAULT_ORTHO_TOP;
 }
 __name(inferOrthoTop, "inferOrthoTop");
 function inferOrthoBottom(camera) {
-  if (camera instanceof THREE29__namespace.OrthographicCamera && Number.isFinite(camera.bottom)) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera && Number.isFinite(camera.bottom)) {
     return camera.bottom;
   }
   return DEFAULT_ORTHO_BOTTOM;
@@ -701,7 +701,7 @@ __name(inferZoom, "inferZoom");
 var _CameraComponent = class _CameraComponent extends Component {
   constructor(payload = {}) {
     super();
-    this.camera = payload.camera ?? new THREE29__namespace.PerspectiveCamera();
+    this.camera = payload.camera ?? new THREE31__namespace.PerspectiveCamera();
     this.type = payload.type ?? "3d";
     this.isDefault = typeof payload.isDefault === "boolean" ? payload.isDefault : false;
     this.projection = payload.projection ?? inferProjection(payload.camera);
@@ -732,7 +732,7 @@ var Object3DRef = _Object3DRef;
 // core/factories/components/CameraFactory.ts
 function createCameraComponent(world, entityId, payload = {}) {
   const object = world.getComponent(entityId, Object3DRef)?.object;
-  const objectCamera = object instanceof THREE29__namespace.Camera ? object : void 0;
+  const objectCamera = object instanceof THREE31__namespace.Camera ? object : void 0;
   const component = new CameraComponent({
     ...payload,
     camera: payload.camera ?? objectCamera
@@ -1290,15 +1290,15 @@ function createValueState(light) {
     castShadow: light.castShadow ?? false,
     frustumCulling: light.frustumCulled
   };
-  if (light instanceof THREE29__namespace.PointLight) {
+  if (light instanceof THREE31__namespace.PointLight) {
     base.distance = light.distance;
     base.decay = light.decay;
-  } else if (light instanceof THREE29__namespace.SpotLight) {
+  } else if (light instanceof THREE31__namespace.SpotLight) {
     base.distance = light.distance;
     base.decay = light.decay;
     base.angle = light.angle;
     base.penumbra = light.penumbra;
-  } else if (light instanceof THREE29__namespace.RectAreaLight) {
+  } else if (light instanceof THREE31__namespace.RectAreaLight) {
     base.width = light.width;
     base.height = light.height;
   }
@@ -1341,18 +1341,34 @@ function toHexColor2(value, fallback) {
 }
 __name(toHexColor2, "toHexColor");
 function getMaterialType(material) {
-  if (material instanceof THREE29__namespace.MeshPhysicalMaterial) {
+  if (material instanceof THREE31__namespace.MeshPhysicalMaterial) {
     return "physical";
   }
-  if (material instanceof THREE29__namespace.MeshPhongMaterial) {
+  if (material instanceof THREE31__namespace.MeshPhongMaterial) {
     return "phong";
   }
-  if (material instanceof THREE29__namespace.MeshBasicMaterial) {
+  if (material instanceof THREE31__namespace.MeshBasicMaterial) {
     return "basic";
   }
   return "standard";
 }
 __name(getMaterialType, "getMaterialType");
+function textureImageSrc(texture) {
+  const src = texture?.image?.src;
+  return typeof src === "string" ? src : void 0;
+}
+__name(textureImageSrc, "textureImageSrc");
+function textureSourceUrl(texture) {
+  if (!texture?.image) {
+    return void 0;
+  }
+  const currentSrc = texture.source?.data?.currentSrc;
+  if (typeof currentSrc === "string" && currentSrc) {
+    return currentSrc;
+  }
+  return textureImageSrc(texture);
+}
+__name(textureSourceUrl, "textureSourceUrl");
 function createMaterialValue(material) {
   const materialRecord = material;
   const normalScale = materialRecord.normalScale;
@@ -1366,24 +1382,40 @@ function createMaterialValue(material) {
     opacity: typeof materialRecord.opacity === "number" ? materialRecord.opacity : 1,
     emissive: toHexColor2(materialRecord.emissive, "#000000"),
     emissiveIntensity: typeof materialRecord.emissiveIntensity === "number" ? materialRecord.emissiveIntensity : 0,
-    side: typeof materialRecord.side === "number" ? materialRecord.side : THREE29__namespace.FrontSide,
-    blending: typeof materialRecord.blending === "number" ? materialRecord.blending : THREE29__namespace.NormalBlending,
+    side: typeof materialRecord.side === "number" ? materialRecord.side : THREE31__namespace.FrontSide,
+    blending: typeof materialRecord.blending === "number" ? materialRecord.blending : THREE31__namespace.NormalBlending,
     depthTest: materialRecord.depthTest !== false,
     depthWrite: materialRecord.depthWrite !== false,
     wireframe: Boolean(materialRecord.wireframe),
     transparent: Boolean(materialRecord.transparent),
-    textureMap: map?.image ? map.source?.data?.currentSrc || map.image?.src : void 0,
-    alphaTextureMap: materialRecord.alphaMap?.image?.src,
-    normalMap: materialRecord.normalMap?.image?.src,
-    roughnessMap: materialRecord.roughnessMap?.image?.src,
-    metalnessMap: materialRecord.metalnessMap?.image?.src,
-    aoMap: materialRecord.aoMap?.image?.src,
-    emissiveMap: materialRecord.emissiveMap?.image?.src,
-    bumpMap: materialRecord.bumpMap?.image?.src,
-    displacementMap: materialRecord.displacementMap?.image?.src,
-    lightMap: materialRecord.lightMap?.image?.src,
-    envMap: materialRecord.envMap?.image?.src,
-    textureFiltering: map?.magFilter === THREE29__namespace.NearestFilter ? "sharp" : "smooth",
+    textureMap: textureSourceUrl(map),
+    alphaTextureMap: textureImageSrc(
+      materialRecord.alphaMap
+    ),
+    normalMap: textureImageSrc(
+      materialRecord.normalMap
+    ),
+    roughnessMap: textureImageSrc(
+      materialRecord.roughnessMap
+    ),
+    metalnessMap: textureImageSrc(
+      materialRecord.metalnessMap
+    ),
+    aoMap: textureImageSrc(materialRecord.aoMap),
+    emissiveMap: textureImageSrc(
+      materialRecord.emissiveMap
+    ),
+    bumpMap: textureImageSrc(
+      materialRecord.bumpMap
+    ),
+    displacementMap: textureImageSrc(
+      materialRecord.displacementMap
+    ),
+    lightMap: textureImageSrc(
+      materialRecord.lightMap
+    ),
+    envMap: textureImageSrc(materialRecord.envMap),
+    textureFiltering: map?.magFilter === THREE31__namespace.NearestFilter ? "sharp" : "smooth",
     useMipmaps: map?.generateMipmaps !== false
   };
 }
@@ -1398,8 +1430,8 @@ function defaultMaterialValue() {
     opacity: 1,
     emissive: "#000000",
     emissiveIntensity: 0,
-    side: THREE29__namespace.FrontSide,
-    blending: THREE29__namespace.NormalBlending,
+    side: THREE31__namespace.FrontSide,
+    blending: THREE31__namespace.NormalBlending,
     depthTest: true,
     depthWrite: true,
     wireframe: false,
@@ -1970,14 +2002,14 @@ var _TransformComponent = class _TransformComponent extends Component {
       z: scale.z ?? 1
     };
   }
-  toPositionVector3(target = new THREE29.Vector3()) {
+  toPositionVector3(target = new THREE31.Vector3()) {
     return target.set(this.position.x, this.position.y, this.position.z);
   }
-  toRotationEuler(target = new THREE29.Euler(), order = "XYZ") {
+  toRotationEuler(target = new THREE31.Euler(), order = "XYZ") {
     return target.set(this.rotation.x, this.rotation.y, this.rotation.z, order);
   }
-  toRotationQuaternion(target = new THREE29.Quaternion(), order = "XYZ") {
-    const euler = new THREE29.Euler(
+  toRotationQuaternion(target = new THREE31.Quaternion(), order = "XYZ") {
+    const euler = new THREE31.Euler(
       this.rotation.x,
       this.rotation.y,
       this.rotation.z,
@@ -1985,7 +2017,7 @@ var _TransformComponent = class _TransformComponent extends Component {
     );
     return target.setFromEuler(euler);
   }
-  toScaleVector3(target = new THREE29.Vector3()) {
+  toScaleVector3(target = new THREE31.Vector3()) {
     return target.set(this.scale.x, this.scale.y, this.scale.z);
   }
   setPosition(input) {
@@ -2003,8 +2035,8 @@ var _TransformComponent = class _TransformComponent extends Component {
     return this;
   }
   setRotation(input, order = "XYZ") {
-    if (input instanceof THREE29.Quaternion) {
-      const euler = new THREE29.Euler().setFromQuaternion(input, order);
+    if (input instanceof THREE31.Quaternion) {
+      const euler = new THREE31.Euler().setFromQuaternion(input, order);
       this.rotation.x = euler.x;
       this.rotation.y = euler.y;
       this.rotation.z = euler.z;
@@ -2209,6 +2241,71 @@ function createVideoComponent(world, entityId, ...args) {
 }
 __name(createVideoComponent, "createVideoComponent");
 
+// core/components/XRRig.ts
+var _XRRigComponent = class _XRRigComponent extends Component {
+  constructor(options) {
+    super();
+    this.locomotion = options?.locomotion ?? "teleport";
+    this.moveSpeed = options?.moveSpeed ?? 2;
+    this.snapTurn = options?.snapTurn ?? true;
+    this.snapTurnDegrees = options?.snapTurnDegrees ?? 30;
+    this.fallbackEyeHeight = options?.fallbackEyeHeight ?? 1.6;
+  }
+};
+__name(_XRRigComponent, "XRRigComponent");
+var XRRigComponent = _XRRigComponent;
+
+// core/factories/components/XRRigFactory.ts
+function createXRRigComponent(world, entityId, ...args) {
+  const component = new XRRigComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRRigComponent, "createXRRigComponent");
+
+// core/components/VRTeleportArea.ts
+var _VRTeleportAreaComponent = class _VRTeleportAreaComponent extends Component {
+  constructor(options) {
+    super();
+    this.enabled = options?.enabled ?? true;
+    this.shape = options?.shape ?? "plane";
+    this.width = options?.width ?? 10;
+    this.depth = options?.depth ?? 10;
+  }
+};
+__name(_VRTeleportAreaComponent, "VRTeleportAreaComponent");
+var VRTeleportAreaComponent = _VRTeleportAreaComponent;
+
+// core/factories/components/VRTeleportAreaFactory.ts
+function createVRTeleportAreaComponent(world, entityId, ...args) {
+  const component = new VRTeleportAreaComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createVRTeleportAreaComponent, "createVRTeleportAreaComponent");
+
+// core/components/XRInteractable.ts
+var _XRInteractableComponent = class _XRInteractableComponent extends Component {
+  constructor(options) {
+    super();
+    this.enabled = options?.enabled ?? true;
+    this.grabbable = options?.grabbable ?? true;
+    this.pointable = options?.pointable ?? true;
+    this.grabMode = options?.grabMode ?? "kinematic";
+    this.highlightOnHover = options?.highlightOnHover ?? true;
+  }
+};
+__name(_XRInteractableComponent, "XRInteractableComponent");
+var XRInteractableComponent = _XRInteractableComponent;
+
+// core/factories/components/XRInteractableFactory.ts
+function createXRInteractableComponent(world, entityId, ...args) {
+  const component = new XRInteractableComponent(...args);
+  world.addComponent(entityId, component);
+  return component;
+}
+__name(createXRInteractableComponent, "createXRInteractableComponent");
+
 // core/factories/registerDefaultComponentFactories.ts
 function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("animation", createAnimationComponent);
@@ -2218,6 +2315,9 @@ function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("environment", createEnvironmentComponent);
   objectManagementSystem.registerComponentFactory("entityType", createEntityTypeComponent);
   objectManagementSystem.registerComponentFactory("image", createImageComponent);
+  objectManagementSystem.registerComponentFactory("xrRig", createXRRigComponent);
+  objectManagementSystem.registerComponentFactory("vrTeleportArea", createVRTeleportAreaComponent);
+  objectManagementSystem.registerComponentFactory("xrInteractable", createXRInteractableComponent);
   objectManagementSystem.registerComponentFactory(
     "imageTargetAnchor",
     createImageTargetAnchorComponent
@@ -2261,7 +2361,7 @@ var SHARED_MODEL_RESOURCE_FLAG = "spatialEcsSharedModelResource";
 var modelCache = /* @__PURE__ */ new Map();
 function markSharedResources(root) {
   root.traverse((child) => {
-    if (!(child instanceof THREE29__namespace.Mesh)) {
+    if (!(child instanceof THREE31__namespace.Mesh)) {
       return;
     }
     if (child.geometry) {
@@ -2335,10 +2435,10 @@ __name(createBaseEntity, "createBaseEntity");
 // core/factories/objects/AudioFactory.ts
 function getOrCreateListener(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE29__namespace.AudioListener) {
+  if (existing instanceof THREE31__namespace.AudioListener) {
     return existing;
   }
-  const listener = new THREE29__namespace.AudioListener();
+  const listener = new THREE31__namespace.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -2351,7 +2451,7 @@ function createAudio({
   payload,
   isEditor
 }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Audio",
     entityType: "audio",
@@ -2373,7 +2473,7 @@ function createAudio({
     return entityId;
   }
   if (!isEditor) {
-    const loader = new THREE29__namespace.AudioLoader();
+    const loader = new THREE31__namespace.AudioLoader();
     loader.load(
       audio.path,
       (buffer) => {
@@ -2448,7 +2548,7 @@ function applyCameraSettings(camera, options) {
   const near = typeof options.near === "number" ? options.near : DEFAULT_NEAR2;
   const far = typeof options.far === "number" ? options.far : DEFAULT_FAR2;
   const projection = options.projection;
-  if (camera instanceof THREE29__namespace.PerspectiveCamera) {
+  if (camera instanceof THREE31__namespace.PerspectiveCamera) {
     if (!projection || projection === "perspective") {
       camera.fov = typeof options.fov === "number" ? options.fov : DEFAULT_FOV2;
     }
@@ -2458,7 +2558,7 @@ function applyCameraSettings(camera, options) {
     camera.updateProjectionMatrix();
     return;
   }
-  if (camera instanceof THREE29__namespace.OrthographicCamera) {
+  if (camera instanceof THREE31__namespace.OrthographicCamera) {
     camera.left = typeof options.left === "number" ? options.left : -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     camera.right = typeof options.right === "number" ? options.right : DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     camera.top = typeof options.top === "number" ? options.top : DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
@@ -2479,7 +2579,7 @@ function createCameraObject(options) {
     const bottom = options.bottom ?? -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     const left = options.left ?? -DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
     const right = options.right ?? DEFAULT_ORTHOGRAPHIC_HALF_HEIGHT;
-    const camera = new THREE29__namespace.OrthographicCamera(
+    const camera = new THREE31__namespace.OrthographicCamera(
       left,
       right,
       top,
@@ -2491,7 +2591,7 @@ function createCameraObject(options) {
     camera.updateProjectionMatrix();
     return camera;
   }
-  return new THREE29__namespace.PerspectiveCamera(
+  return new THREE31__namespace.PerspectiveCamera(
     options.fov ?? DEFAULT_FOV2,
     readViewportAspect(),
     near,
@@ -2509,7 +2609,7 @@ function createCamera({ world, scene, camera, payload, isEditor }) {
     transformInput: payload.transform
   });
   const objectRef = world.getComponent(entityId, Object3DRef);
-  if (objectRef?.object instanceof THREE29__namespace.Camera) {
+  if (objectRef?.object instanceof THREE31__namespace.Camera) {
     objectRef.object.userData.entityId = entityId;
   }
   const componentOptions = {
@@ -2541,9 +2641,9 @@ function createCapsule({
   scene,
   payload
 }) {
-  const geometry = new THREE29__namespace.CapsuleGeometry(0.5, 1, 4, 8);
-  const material = new THREE29__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const geometry = new THREE31__namespace.CapsuleGeometry(0.5, 1, 4, 8);
+  const material = new THREE31__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Capsule",
     entityType: "capsule",
@@ -2563,9 +2663,9 @@ function createCapsule({
 }
 __name(createCapsule, "createCapsule");
 function createCube({ world, scene, payload }) {
-  const geometry = new THREE29__namespace.BoxGeometry(1, 1, 1);
-  const material = new THREE29__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const geometry = new THREE31__namespace.BoxGeometry(1, 1, 1);
+  const material = new THREE31__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cube",
     entityType: "cube",
@@ -2590,9 +2690,9 @@ function createCylinder({
   scene,
   payload
 }) {
-  const geometry = new THREE29__namespace.CylinderGeometry(0.5, 0.5, 1, 20);
-  const material = new THREE29__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const geometry = new THREE31__namespace.CylinderGeometry(0.5, 0.5, 1, 20);
+  const material = new THREE31__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cylinder",
     entityType: "cylinder",
@@ -2612,7 +2712,7 @@ function createCylinder({
 }
 __name(createCylinder, "createCylinder");
 function createEmpty({ world, scene, payload, isEditor }) {
-  const object = new THREE29__namespace.Group();
+  const object = new THREE31__namespace.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Empty",
     entityType: "empty",
@@ -2623,7 +2723,7 @@ function createEmpty({ world, scene, payload, isEditor }) {
 }
 __name(createEmpty, "createEmpty");
 function createImage({ world, scene, payload }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image",
@@ -2636,7 +2736,7 @@ function createImage({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE29__namespace.TextureLoader();
+  const loader = new THREE31__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -2644,13 +2744,13 @@ function createImage({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE29__namespace.MeshBasicMaterial({
+      const material = new THREE31__namespace.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE29__namespace.DoubleSide
+        side: THREE31__namespace.DoubleSide
       });
-      const geometry = new THREE29__namespace.PlaneGeometry(1, 1);
-      const plane = new THREE29__namespace.Mesh(geometry, material);
+      const geometry = new THREE31__namespace.PlaneGeometry(1, 1);
+      const plane = new THREE31__namespace.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -2696,7 +2796,7 @@ function createImageTarget({
   payload,
   isEditor
 }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image Target",
@@ -2713,7 +2813,7 @@ function createImageTarget({
   if (!isEditor || !imagePath) {
     return entityId;
   }
-  const loader = new THREE29__namespace.TextureLoader();
+  const loader = new THREE31__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -2721,13 +2821,13 @@ function createImageTarget({
         texture.dispose();
         return;
       }
-      const material = new THREE29__namespace.MeshBasicMaterial({
+      const material = new THREE31__namespace.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE29__namespace.DoubleSide
+        side: THREE31__namespace.DoubleSide
       });
-      const geometry = new THREE29__namespace.PlaneGeometry(1, 1);
-      const plane = new THREE29__namespace.Mesh(geometry, material);
+      const geometry = new THREE31__namespace.PlaneGeometry(1, 1);
+      const plane = new THREE31__namespace.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -2778,7 +2878,7 @@ function createInstancedMesh({
   scene,
   payload
 }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const opts = payload.options ?? {};
   const meshKind = isInstancedMeshKind(opts.meshKind) ? opts.meshKind : "cube";
   const meshParameters = opts.meshParameters && typeof opts.meshParameters === "object" ? opts.meshParameters : void 0;
@@ -2849,7 +2949,7 @@ function createAmbientLight({
   scene,
   payload
 }) {
-  const light = new THREE29__namespace.AmbientLight("#ffffff", 0.6);
+  const light = new THREE31__namespace.AmbientLight("#ffffff", 0.6);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Ambient Light",
     entityType: "ambientLight",
@@ -2866,7 +2966,7 @@ function createAreaLight({
   payload,
   isEditor
 }) {
-  const light = new THREE29__namespace.RectAreaLight("#ffffff", 5, 4, 4);
+  const light = new THREE31__namespace.RectAreaLight("#ffffff", 5, 4, 4);
   light.lookAt(0, 0, 0);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Area Light",
@@ -2895,7 +2995,7 @@ function createDirectionalLight({
   payload,
   isEditor
 }) {
-  const light = new THREE29__namespace.DirectionalLight("#ffffff", 1.5);
+  const light = new THREE31__namespace.DirectionalLight("#ffffff", 1.5);
   light.castShadow = true;
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Directional Light",
@@ -2906,7 +3006,7 @@ function createDirectionalLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE29__namespace.DirectionalLightHelper(light, 1.8, "#38bdf8");
+    const helper = new THREE31__namespace.DirectionalLightHelper(light, 1.8, "#38bdf8");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -2924,7 +3024,7 @@ function createPointLight({
   payload,
   isEditor
 }) {
-  const light = new THREE29__namespace.PointLight("#ffffff", 1, 10);
+  const light = new THREE31__namespace.PointLight("#ffffff", 1, 10);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Point Light",
     entityType: "pointLight",
@@ -2934,7 +3034,7 @@ function createPointLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE29__namespace.PointLightHelper(light, 0.35, "#fbbf24");
+    const helper = new THREE31__namespace.PointLightHelper(light, 0.35, "#fbbf24");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -2952,7 +3052,7 @@ function createSpotLight({
   payload,
   isEditor
 }) {
-  const light = new THREE29__namespace.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
+  const light = new THREE31__namespace.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Spot Light",
     entityType: "spotLight",
@@ -2962,7 +3062,7 @@ function createSpotLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE29__namespace.SpotLightHelper(light, "#f59e0b");
+    const helper = new THREE31__namespace.SpotLightHelper(light, "#f59e0b");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -3022,7 +3122,7 @@ function createModel({
   payload,
   isEditor
 }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const modelPath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Model",
@@ -3088,12 +3188,12 @@ function createModel({
 }
 __name(createModel, "createModel");
 function createPlane({ world, scene, payload }) {
-  const geometry = new THREE29__namespace.PlaneGeometry(100, 100);
-  const material = new THREE29__namespace.MeshStandardMaterial({
+  const geometry = new THREE31__namespace.PlaneGeometry(100, 100);
+  const material = new THREE31__namespace.MeshStandardMaterial({
     color: "#ffffff",
-    side: THREE29__namespace.DoubleSide
+    side: THREE31__namespace.DoubleSide
   });
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(
     world,
     mesh,
@@ -3129,7 +3229,7 @@ function createScriptObject({
   scene,
   payload
 }) {
-  const object = new THREE29__namespace.Group();
+  const object = new THREE31__namespace.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Script Object",
     entityType: "scriptObject",
@@ -3146,8 +3246,56 @@ function createScriptObject({
   return entityId;
 }
 __name(createScriptObject, "createScriptObject");
+function createTeleportArea({
+  world,
+  scene,
+  payload
+}) {
+  const options = payload.options ?? {};
+  const width = typeof options.width === "number" ? options.width : 10;
+  const depth = typeof options.depth === "number" ? options.depth : 10;
+  const geometry = new THREE31__namespace.PlaneGeometry(width, depth);
+  const material = new THREE31__namespace.MeshBasicMaterial({
+    color: "#4da3ff",
+    transparent: true,
+    opacity: 0.18,
+    side: THREE31__namespace.DoubleSide,
+    depthWrite: false
+  });
+  const object = new THREE31__namespace.Mesh(geometry, material);
+  object.rotation.x = -Math.PI / 2;
+  const entityId = createBaseEntity(world, object, {
+    label: payload.name ?? "Teleport Area",
+    entityType: "teleportArea",
+    transformInput: payload.transform
+  });
+  world.addComponent(
+    entityId,
+    new VRTeleportAreaComponent({ width, depth, ...options })
+  );
+  scene.add(object);
+  return entityId;
+}
+__name(createTeleportArea, "createTeleportArea");
+function createXRRig({
+  world,
+  scene,
+  payload
+}) {
+  const object = new THREE31__namespace.Group();
+  const entityId = createBaseEntity(world, object, {
+    label: payload.name ?? "XR Rig",
+    entityType: "xrRig",
+    transformInput: payload.transform
+  });
+  const options = payload.options ?? {};
+  world.addComponent(entityId, new XRRigComponent(options));
+  scene.add(object);
+  return entityId;
+}
+__name(createXRRig, "createXRRig");
 function createSprite({ world, scene, payload }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Sprite",
@@ -3159,7 +3307,7 @@ function createSprite({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE29__namespace.TextureLoader();
+  const loader = new THREE31__namespace.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -3167,11 +3315,11 @@ function createSprite({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE29__namespace.SpriteMaterial({
+      const material = new THREE31__namespace.SpriteMaterial({
         map: texture,
         transparent: true
       });
-      const sprite = new THREE29__namespace.Sprite(material);
+      const sprite = new THREE31__namespace.Sprite(material);
       sprite.userData.entityId = entityId;
       const textureImage = texture.image;
       spriteComponent.width = textureImage?.width ?? 1;
@@ -3189,9 +3337,9 @@ function createSprite({ world, scene, payload }) {
 }
 __name(createSprite, "createSprite");
 function createSphere({ world, scene, payload }) {
-  const geometry = new THREE29__namespace.SphereGeometry(0.5, 24, 24);
-  const material = new THREE29__namespace.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const geometry = new THREE31__namespace.SphereGeometry(0.5, 24, 24);
+  const material = new THREE31__namespace.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Sphere",
     entityType: "sphere",
@@ -3211,10 +3359,10 @@ function createSphere({ world, scene, payload }) {
 __name(createSphere, "createSphere");
 function getOrCreateListener2(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE29__namespace.AudioListener) {
+  if (existing instanceof THREE31__namespace.AudioListener) {
     return existing;
   }
-  const listener = new THREE29__namespace.AudioListener();
+  const listener = new THREE31__namespace.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -3264,10 +3412,10 @@ function normalizeOptions(input) {
 }
 __name(normalizeOptions, "normalizeOptions");
 function createChromaMaterial(texture, options) {
-  return new THREE29__namespace.ShaderMaterial({
+  return new THREE31__namespace.ShaderMaterial({
     uniforms: {
       tex: { value: texture },
-      keyColor: { value: new THREE29__namespace.Color(options.backgroundColor) },
+      keyColor: { value: new THREE31__namespace.Color(options.backgroundColor) },
       similarity: { value: options.similarity },
       smoothness: { value: options.smoothness },
       spill: { value: options.spill }
@@ -3299,22 +3447,22 @@ function createChromaMaterial(texture, options) {
       }
     `,
     transparent: true,
-    side: THREE29__namespace.DoubleSide
+    side: THREE31__namespace.DoubleSide
   });
 }
 __name(createChromaMaterial, "createChromaMaterial");
 function createStandardMaterial(texture) {
-  return new THREE29__namespace.MeshBasicMaterial({
+  return new THREE31__namespace.MeshBasicMaterial({
     map: texture,
     transparent: true,
-    side: THREE29__namespace.DoubleSide
+    side: THREE31__namespace.DoubleSide
   });
 }
 __name(createStandardMaterial, "createStandardMaterial");
 function createVideoMesh(entityId, texture, options) {
-  const geometry = new THREE29__namespace.PlaneGeometry(1, 1);
+  const geometry = new THREE31__namespace.PlaneGeometry(1, 1);
   const material = options.isGreenScreen ? createChromaMaterial(texture, options) : createStandardMaterial(texture);
-  const mesh = new THREE29__namespace.Mesh(geometry, material);
+  const mesh = new THREE31__namespace.Mesh(geometry, material);
   mesh.userData.entityId = entityId;
   mesh.scale.set(options.width, options.height, 1);
   return { mesh, material };
@@ -3349,7 +3497,7 @@ function createVideo({
   payload,
   isEditor
 }) {
-  const anchor = new THREE29__namespace.Object3D();
+  const anchor = new THREE31__namespace.Object3D();
   const path = payload.path ?? "";
   const options = normalizeOptions(payload.options);
   const entityId = createBaseEntity(world, anchor, {
@@ -3364,8 +3512,8 @@ function createVideo({
     return entityId;
   }
   const video = createVideoElement(path, options);
-  const texture = new THREE29__namespace.VideoTexture(video);
-  texture.colorSpace = THREE29__namespace.SRGBColorSpace;
+  const texture = new THREE31__namespace.VideoTexture(video);
+  texture.colorSpace = THREE31__namespace.SRGBColorSpace;
   texture.needsUpdate = true;
   const { mesh, material } = createVideoMesh(entityId, texture, options);
   anchor.add(mesh);
@@ -3381,7 +3529,7 @@ function createVideo({
   });
   if (!isEditor && options.positional) {
     const listener = getOrCreateListener2(camera);
-    const audioNode = new THREE29__namespace.PositionalAudio(listener);
+    const audioNode = new THREE31__namespace.PositionalAudio(listener);
     audioNode.setVolume(options.volume);
     audioNode.setRefDistance(options.refDistance);
     audioNode.setDistanceModel(normalizeDistanceModel2(options.distanceModel));
@@ -3421,6 +3569,8 @@ function registerDefaultFactories(objectManagementSystem) {
   objectManagementSystem.register("spotLight", createSpotLight);
   objectManagementSystem.register("areaLight", createAreaLight);
   objectManagementSystem.register("scriptObject", createScriptObject);
+  objectManagementSystem.register("xrRig", createXRRig);
+  objectManagementSystem.register("teleportArea", createTeleportArea);
   registerDefaultComponentFactories(objectManagementSystem);
 }
 __name(registerDefaultFactories, "registerDefaultFactories");
@@ -3451,7 +3601,10 @@ exports.createSelectableComponent = createSelectableComponent;
 exports.createSelectionTransformStateComponent = createSelectionTransformStateComponent;
 exports.createSpriteComponent = createSpriteComponent;
 exports.createTransformComponent = createTransformComponent;
+exports.createVRTeleportAreaComponent = createVRTeleportAreaComponent;
 exports.createVideoComponent = createVideoComponent;
+exports.createXRInteractableComponent = createXRInteractableComponent;
+exports.createXRRigComponent = createXRRigComponent;
 exports.registerDefaultComponentFactories = registerDefaultComponentFactories;
 exports.registerDefaultFactories = registerDefaultFactories;
 //# sourceMappingURL=index.cjs.map