@relu-interactives/spatial-ecs 0.5.2 → 0.8.0

package/dist/{chunk-RXBLOO5B.js → chunk-SGF73YTF.js}

@@ -1,490 +1,9 @@
-import { createTransform, applyTransform, resolveDracoDecoderPath, loadSharedGltf, cloneModelScene } from './chunk-WJD2VKEH.js';
-import { AnimationComponent, AudioComponent, Object3DRef, CameraComponent, MeshGeometryComponent, PhysicsComponent, Environment, EntityType, ImageComponent, ImageTargetAnchor, ImageTarget, LightComponent, MaterialComponent, MeshComponent, ModelComponent, Name, ParentId, Postprocessing, ScriptComponent, ScriptObjectComponent, Selectable, SelectionTransformState, SpriteComponent, TransformComponent, InstancedMeshComponent, InstanceSlotComponent, VideoComponent, XRRigComponent, VRTeleportAreaComponent, XRHandPoseComponent, XRAnchorComponent, XRInteractableComponent, XRInteractorComponent, XRInteractorSideComponent, UIButtonComponent, UIPanelComponent, UISliderComponent, UITextComponent, UIToggleComponent, DEFAULT_INSTANCE_TRANSFORM } from './chunk-BUEKOSR5.js';
-import { __name } from './chunk-OY7ZODZP.js';
-import * as THREE30 from 'three';
+import { readWorldRenderBackend } from './chunk-OHCNPPMX.js';
+import { createAnimationComponent, createAudioComponent, createCameraComponent, createPhysicsComponent, createEnvironmentComponent, createEntityTypeComponent, createImageComponent, createXRRigComponent, createVRTeleportAreaComponent, createXRHandPoseComponent, createXRAnchorComponent, createBoneAttachmentComponent, createIKComponent, createNetworkIdentityComponent, createNetworkTransformComponent, createNetworkedPropsComponent, createNetworkSpawnerComponent, createUIPanelComponent, createUITextComponent, createUIButtonComponent, createUIToggleComponent, createUISliderComponent, createXRInteractableComponent, createXRInteractorComponent, createXRInteractorSideComponent, createImageTargetAnchorComponent, createImageTargetComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createVideoComponent, createInstancedMeshComponent, createBaseEntity, createTransform, createModel } from './chunk-G4XJ53LS.js';
+import { Object3DRef, Name, InstanceSlotComponent, EntityType, Selectable, ParentId, DEFAULT_INSTANCE_TRANSFORM, VRTeleportAreaComponent, XRInteractorComponent, XRInteractorSideComponent, UIButtonComponent, XRInteractableComponent, UIPanelComponent, UISliderComponent, UITextComponent, UIToggleComponent, XRRigComponent } from './chunk-NNDUOQ7O.js';
+import { __name } from './chunk-XE4OXN2W.js';
+import * as THREE27 from 'three';
 import { RectAreaLightHelper } from 'three/examples/jsm/helpers/RectAreaLightHelper.js';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
-
-// core/factories/components/AnimationFactory.ts
-function createAnimationComponent(world, entityId, ...args) {
-  const component = new AnimationComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createAnimationComponent, "createAnimationComponent");
-function normalizeDistanceModel(distanceModel) {
-  const normalized = distanceModel.trim().toLowerCase();
-  if (normalized === "linear" || normalized === "exponential") {
-    return normalized;
-  }
-  return "inverse";
-}
-__name(normalizeDistanceModel, "normalizeDistanceModel");
-function createConfiguredAudio(listener, options) {
-  const sound = options.positional ? new THREE30.PositionalAudio(listener) : new THREE30.Audio(listener);
-  sound.setLoop(options.loop);
-  sound.setVolume(options.volume);
-  sound.setPlaybackRate(options.pitch);
-  if (sound instanceof THREE30.PositionalAudio) {
-    sound.setRefDistance(options.refDistance);
-    sound.setDistanceModel(normalizeDistanceModel(options.distanceModel));
-    sound.setRolloffFactor(options.rolloffFactor);
-  }
-  return sound;
-}
-__name(createConfiguredAudio, "createConfiguredAudio");
-function createAudioEditorHelper() {
-  if (typeof document === "undefined") {
-    const geometry = new THREE30.EdgesGeometry(
-      new THREE30.OctahedronGeometry(0.22, 0)
-    );
-    const material2 = new THREE30.LineBasicMaterial({
-      color: "#8bc8ff",
-      transparent: true,
-      opacity: 0.95,
-      depthTest: false
-    });
-    const fallback = new THREE30.LineSegments(geometry, material2);
-    fallback.renderOrder = 10;
-    fallback.userData.ecsHelper = true;
-    fallback.visible = false;
-    return fallback;
-  }
-  const size = 96;
-  const canvas = document.createElement("canvas");
-  canvas.width = size;
-  canvas.height = size;
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    return new THREE30.Object3D();
-  }
-  ctx.clearRect(0, 0, size, size);
-  ctx.fillStyle = "rgba(27, 35, 52, 0.9)";
-  ctx.beginPath();
-  ctx.arc(size / 2, size / 2, 36, 0, Math.PI * 2);
-  ctx.fill();
-  ctx.strokeStyle = "rgba(137, 202, 255, 0.9)";
-  ctx.lineWidth = 4;
-  ctx.beginPath();
-  ctx.arc(size / 2, size / 2, 36, 0, Math.PI * 2);
-  ctx.stroke();
-  ctx.fillStyle = "#d9ecff";
-  ctx.beginPath();
-  ctx.moveTo(33, 56);
-  ctx.lineTo(43, 56);
-  ctx.lineTo(54, 66);
-  ctx.lineTo(54, 30);
-  ctx.lineTo(43, 40);
-  ctx.lineTo(33, 40);
-  ctx.closePath();
-  ctx.fill();
-  ctx.strokeStyle = "#7fd2ff";
-  ctx.lineWidth = 4;
-  ctx.lineCap = "round";
-  ctx.beginPath();
-  ctx.arc(56, 48, 10, -0.8, 0.8);
-  ctx.stroke();
-  ctx.beginPath();
-  ctx.arc(56, 48, 16, -0.8, 0.8);
-  ctx.stroke();
-  const texture = new THREE30.CanvasTexture(canvas);
-  texture.needsUpdate = true;
-  const material = new THREE30.SpriteMaterial({
-    map: texture,
-    transparent: true,
-    depthTest: false
-  });
-  const helper = new THREE30.Sprite(material);
-  helper.scale.set(0.68, 0.68, 0.68);
-  helper.renderOrder = 10;
-  helper.userData.ecsHelper = true;
-  helper.visible = false;
-  return helper;
-}
-__name(createAudioEditorHelper, "createAudioEditorHelper");
-function createAudioComponent(world, entityId, path = "", options = {}, context) {
-  const component = new AudioComponent(path, options);
-  const anchor = context?.object ?? null;
-  const listener = context?.listener ?? null;
-  if (anchor && listener) {
-    component.object = anchor;
-    const sound = createConfiguredAudio(listener, component.options);
-    if (context?.isEditor) {
-      anchor.add(createAudioEditorHelper());
-    }
-    anchor.add(sound);
-    component.audio = sound;
-  }
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createAudioComponent, "createAudioComponent");
-function createCameraComponent(world, entityId, payload = {}) {
-  const object = world.getComponent(entityId, Object3DRef)?.object;
-  const objectCamera = object instanceof THREE30.Camera ? object : void 0;
-  const component = new CameraComponent({
-    ...payload,
-    camera: payload.camera ?? objectCamera
-  });
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createCameraComponent, "createCameraComponent");
-
-// core/factories/components/PhysicsFactory.ts
-function deriveColliderFromGeometry(world, entityId) {
-  const meshGeometry = world.getComponent(entityId, MeshGeometryComponent);
-  if (!meshGeometry) {
-    return null;
-  }
-  switch (meshGeometry.kind) {
-    case "plane": {
-      const params = meshGeometry.parameters;
-      return {
-        collider: {
-          shape: "cuboid",
-          size: { x: params.width, y: params.height, z: 0.05 }
-        },
-        // An (effectively) zero-thickness sheet is only physically meaningful
-        // as static geometry — planes are floors/walls, not dynamic bodies.
-        rigidbody: { type: "fixed" }
-      };
-    }
-    case "cube": {
-      const params = meshGeometry.parameters;
-      return {
-        collider: {
-          shape: "cuboid",
-          size: { x: params.width, y: params.height, z: params.depth }
-        }
-      };
-    }
-    case "sphere": {
-      const params = meshGeometry.parameters;
-      return { collider: { shape: "ball", radius: params.radius } };
-    }
-    case "capsule": {
-      const params = meshGeometry.parameters;
-      return {
-        collider: {
-          shape: "capsule",
-          radius: params.radius,
-          height: params.height
-        }
-      };
-    }
-    case "cylinder": {
-      const params = meshGeometry.parameters;
-      return {
-        collider: {
-          shape: "cylinder",
-          radius: params.radius,
-          height: params.height
-        }
-      };
-    }
-    default:
-      return null;
-  }
-}
-__name(deriveColliderFromGeometry, "deriveColliderFromGeometry");
-function createPhysicsComponent(world, entityId, values) {
-  const initial = values ?? deriveColliderFromGeometry(world, entityId) ?? void 0;
-  const component = new PhysicsComponent(initial);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createPhysicsComponent, "createPhysicsComponent");
-
-// core/factories/components/EnvironmentFactory.ts
-function createEnvironmentComponent(world, entityId, values) {
-  const component = new Environment(values);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createEnvironmentComponent, "createEnvironmentComponent");
-
-// core/factories/components/EntityTypeFactory.ts
-function createEntityTypeComponent(world, entityId, ...args) {
-  const component = new EntityType(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createEntityTypeComponent, "createEntityTypeComponent");
-
-// core/factories/components/ImageComponentFactory.ts
-function createImageComponent(world, entityId, ...args) {
-  const component = new ImageComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createImageComponent, "createImageComponent");
-
-// core/factories/components/ImageTargetAnchorFactory.ts
-function createImageTargetAnchorComponent(world, entityId, ...args) {
-  const component = new ImageTargetAnchor(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createImageTargetAnchorComponent, "createImageTargetAnchorComponent");
-
-// core/factories/components/ImageTargetFactory.ts
-function createImageTargetComponent(world, entityId, ...args) {
-  const component = new ImageTarget(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createImageTargetComponent, "createImageTargetComponent");
-
-// core/factories/components/LightFactory.ts
-function createLightComponent(world, entityId, ...args) {
-  const component = new LightComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createLightComponent, "createLightComponent");
-
-// core/factories/components/MaterialFactory.ts
-function createMaterialComponent(world, entityId, ...args) {
-  const component = new MaterialComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createMaterialComponent, "createMaterialComponent");
-
-// core/factories/components/MeshFactory.ts
-function createMeshComponent(world, entityId, ...args) {
-  const component = new MeshComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createMeshComponent, "createMeshComponent");
-
-// core/factories/components/MeshGeometryFactory.ts
-function createMeshGeometryComponent(world, entityId, ...args) {
-  const component = new MeshGeometryComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createMeshGeometryComponent, "createMeshGeometryComponent");
-
-// core/factories/components/ModelFactory.ts
-function createModelComponent(world, entityId, ...args) {
-  const component = new ModelComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createModelComponent, "createModelComponent");
-
-// core/factories/components/NameFactory.ts
-function createNameComponent(world, entityId, ...args) {
-  const component = new Name(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createNameComponent, "createNameComponent");
-
-// core/factories/components/Object3DRefFactory.ts
-function createObject3DRefComponent(world, entityId, ...args) {
-  const component = new Object3DRef(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createObject3DRefComponent, "createObject3DRefComponent");
-
-// core/factories/components/ParentIdFactory.ts
-function createParentIdComponent(world, entityId, ...args) {
-  const component = new ParentId(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createParentIdComponent, "createParentIdComponent");
-
-// core/factories/components/PostprocessingFactory.ts
-function createPostprocessingComponent(world, entityId, values) {
-  const component = new Postprocessing(values);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createPostprocessingComponent, "createPostprocessingComponent");
-
-// core/factories/components/ScriptComponentFactory.ts
-function createScriptComponent(world, entityId, payload = {}) {
-  const entries = Array.isArray(payload.entries) ? payload.entries.map((entry) => ({
-    entityId,
-    className: typeof entry.className === "string" ? entry.className : "",
-    scriptUrl: typeof entry.scriptUrl === "string" ? entry.scriptUrl : "",
-    enabled: typeof entry.enabled === "boolean" ? entry.enabled : true,
-    data: entry.data && typeof entry.data === "object" && !Array.isArray(entry.data) ? entry.data : {},
-    runtimeState: entry.runtimeState,
-    runtimeMessage: typeof entry.runtimeMessage === "string" ? entry.runtimeMessage : void 0
-  })) : [];
-  const component = new ScriptComponent(entries);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createScriptComponent, "createScriptComponent");
-
-// core/factories/components/ScriptObjectComponentFactory.ts
-function createScriptObjectComponent(world, entityId, payload = {}) {
-  const component = new ScriptObjectComponent(payload);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createScriptObjectComponent, "createScriptObjectComponent");
-
-// core/factories/components/SelectableFactory.ts
-function createSelectableComponent(world, entityId, ...args) {
-  const component = new Selectable(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createSelectableComponent, "createSelectableComponent");
-
-// core/factories/components/SelectionTransformStateFactory.ts
-function createSelectionTransformStateComponent(world, entityId, ...args) {
-  const component = new SelectionTransformState(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createSelectionTransformStateComponent, "createSelectionTransformStateComponent");
-
-// core/factories/components/SpriteFactory.ts
-function createSpriteComponent(world, entityId, ...args) {
-  const component = new SpriteComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createSpriteComponent, "createSpriteComponent");
-
-// core/factories/components/TransformFactory.ts
-function createTransformComponent(world, entityId, ...args) {
-  const component = new TransformComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createTransformComponent, "createTransformComponent");
-
-// core/factories/components/InstancedMeshComponentFactory.ts
-function createInstancedMeshComponent(world, entityId, meshKind, meshParameters, options) {
-  const component = new InstancedMeshComponent(meshKind, meshParameters, options);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createInstancedMeshComponent, "createInstancedMeshComponent");
-
-// core/factories/components/InstanceSlotComponentFactory.ts
-function createInstanceSlotComponent(world, entityId, groupEntityId, slotIndex) {
-  const component = new InstanceSlotComponent(groupEntityId, slotIndex);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createInstanceSlotComponent, "createInstanceSlotComponent");
-
-// core/factories/components/VideoFactory.ts
-function createVideoComponent(world, entityId, ...args) {
-  const component = new VideoComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createVideoComponent, "createVideoComponent");
-
-// 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/factories/components/VRTeleportAreaFactory.ts
-function createVRTeleportAreaComponent(world, entityId, ...args) {
-  const component = new VRTeleportAreaComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createVRTeleportAreaComponent, "createVRTeleportAreaComponent");
-
-// core/factories/components/XRHandPoseFactory.ts
-function createXRHandPoseComponent(world, entityId, ...args) {
-  const component = new XRHandPoseComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createXRHandPoseComponent, "createXRHandPoseComponent");
-
-// core/factories/components/XRAnchorFactory.ts
-function createXRAnchorComponent(world, entityId, ...args) {
-  const component = new XRAnchorComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createXRAnchorComponent, "createXRAnchorComponent");
-
-// 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/components/XRInteractorFactory.ts
-function createXRInteractorComponent(world, entityId, ...args) {
-  const component = new XRInteractorComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createXRInteractorComponent, "createXRInteractorComponent");
-
-// core/factories/components/XRInteractorSideFactory.ts
-function createXRInteractorSideComponent(world, entityId, ...args) {
-  const component = new XRInteractorSideComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createXRInteractorSideComponent, "createXRInteractorSideComponent");
-
-// core/factories/components/UIButtonComponentFactory.ts
-function createUIButtonComponent(world, entityId, ...args) {
-  const component = new UIButtonComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createUIButtonComponent, "createUIButtonComponent");
-
-// core/factories/components/UIPanelComponentFactory.ts
-function createUIPanelComponent(world, entityId, ...args) {
-  const component = new UIPanelComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createUIPanelComponent, "createUIPanelComponent");
-
-// core/factories/components/UISliderComponentFactory.ts
-function createUISliderComponent(world, entityId, ...args) {
-  const component = new UISliderComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createUISliderComponent, "createUISliderComponent");
-
-// core/factories/components/UITextComponentFactory.ts
-function createUITextComponent(world, entityId, ...args) {
-  const component = new UITextComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createUITextComponent, "createUITextComponent");
-
-// core/factories/components/UIToggleComponentFactory.ts
-function createUIToggleComponent(world, entityId, ...args) {
-  const component = new UIToggleComponent(...args);
-  world.addComponent(entityId, component);
-  return component;
-}
-__name(createUIToggleComponent, "createUIToggleComponent");
 
 // core/factories/registerDefaultComponentFactories.ts
 function registerDefaultComponentFactories(objectManagementSystem) {
@@ -499,6 +18,12 @@ function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("vrTeleportArea", createVRTeleportAreaComponent);
   objectManagementSystem.registerComponentFactory("xrHandPose", createXRHandPoseComponent);
   objectManagementSystem.registerComponentFactory("xrAnchor", createXRAnchorComponent);
+  objectManagementSystem.registerComponentFactory("boneAttachment", createBoneAttachmentComponent);
+  objectManagementSystem.registerComponentFactory("ik", createIKComponent);
+  objectManagementSystem.registerComponentFactory("networkIdentity", createNetworkIdentityComponent);
+  objectManagementSystem.registerComponentFactory("networkTransform", createNetworkTransformComponent);
+  objectManagementSystem.registerComponentFactory("networkedProps", createNetworkedPropsComponent);
+  objectManagementSystem.registerComponentFactory("networkSpawner", createNetworkSpawnerComponent);
   objectManagementSystem.registerComponentFactory("uiPanel", createUIPanelComponent);
   objectManagementSystem.registerComponentFactory("uiText", createUITextComponent);
   objectManagementSystem.registerComponentFactory("uiButton", createUIButtonComponent);
@@ -546,30 +71,12 @@ function registerDefaultComponentFactories(objectManagementSystem) {
   objectManagementSystem.registerComponentFactory("instancedMesh", createInstancedMeshComponent);
 }
 __name(registerDefaultComponentFactories, "registerDefaultComponentFactories");
-
-// core/factories/objects/shared.ts
-function createBaseEntity(world, object, options) {
-  const entityId = world.createEntity();
-  object.userData.entityId = entityId;
-  const transform = createTransform(options.transformInput);
-  applyTransform(object, transform);
-  world.addComponent(entityId, transform);
-  createObject3DRefComponent(world, entityId, object);
-  createNameComponent(world, entityId, options.label);
-  createEntityTypeComponent(world, entityId, options.entityType);
-  createParentIdComponent(world, entityId, options.parentId ?? null);
-  createSelectableComponent(world, entityId, true);
-  return entityId;
-}
-__name(createBaseEntity, "createBaseEntity");
-
-// core/factories/objects/AudioFactory.ts
 function getOrCreateListener(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE30.AudioListener) {
+  if (existing instanceof THREE27.AudioListener) {
     return existing;
   }
-  const listener = new THREE30.AudioListener();
+  const listener = new THREE27.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
@@ -582,7 +89,7 @@ function createAudio({
   payload,
   isEditor
 }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.Object3D();
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Audio",
     entityType: "audio",
@@ -604,7 +111,7 @@ function createAudio({
     return entityId;
   }
   if (!isEditor) {
-    const loader = new THREE30.AudioLoader();
+    const loader = new THREE27.AudioLoader();
     loader.load(
       audio.path,
       (buffer) => {
@@ -679,7 +186,7 @@ function applyCameraSettings(camera, options) {
   const near = typeof options.near === "number" ? options.near : DEFAULT_NEAR;
   const far = typeof options.far === "number" ? options.far : DEFAULT_FAR;
   const projection = options.projection;
-  if (camera instanceof THREE30.PerspectiveCamera) {
+  if (camera instanceof THREE27.PerspectiveCamera) {
     if (!projection || projection === "perspective") {
       camera.fov = typeof options.fov === "number" ? options.fov : DEFAULT_FOV;
     }
@@ -689,7 +196,7 @@ function applyCameraSettings(camera, options) {
     camera.updateProjectionMatrix();
     return;
   }
-  if (camera instanceof THREE30.OrthographicCamera) {
+  if (camera instanceof THREE27.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;
@@ -710,7 +217,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 THREE30.OrthographicCamera(
+    const camera = new THREE27.OrthographicCamera(
       left,
       right,
       top,
@@ -722,7 +229,7 @@ function createCameraObject(options) {
     camera.updateProjectionMatrix();
     return camera;
   }
-  return new THREE30.PerspectiveCamera(
+  return new THREE27.PerspectiveCamera(
     options.fov ?? DEFAULT_FOV,
     readViewportAspect(),
     near,
@@ -740,7 +247,7 @@ function createCamera({ world, scene, camera, payload, isEditor }) {
     transformInput: payload.transform
   });
   const objectRef = world.getComponent(entityId, Object3DRef);
-  if (objectRef?.object instanceof THREE30.Camera) {
+  if (objectRef?.object instanceof THREE27.Camera) {
     objectRef.object.userData.entityId = entityId;
   }
   const componentOptions = {
@@ -772,9 +279,9 @@ function createCapsule({
   scene,
   payload
 }) {
-  const geometry = new THREE30.CapsuleGeometry(0.5, 1, 4, 8);
-  const material = new THREE30.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE30.Mesh(geometry, material);
+  const geometry = new THREE27.CapsuleGeometry(0.5, 1, 4, 8);
+  const material = new THREE27.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Capsule",
     entityType: "capsule",
@@ -794,9 +301,9 @@ function createCapsule({
 }
 __name(createCapsule, "createCapsule");
 function createCube({ world, scene, payload }) {
-  const geometry = new THREE30.BoxGeometry(1, 1, 1);
-  const material = new THREE30.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE30.Mesh(geometry, material);
+  const geometry = new THREE27.BoxGeometry(1, 1, 1);
+  const material = new THREE27.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cube",
     entityType: "cube",
@@ -821,9 +328,9 @@ function createCylinder({
   scene,
   payload
 }) {
-  const geometry = new THREE30.CylinderGeometry(0.5, 0.5, 1, 20);
-  const material = new THREE30.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE30.Mesh(geometry, material);
+  const geometry = new THREE27.CylinderGeometry(0.5, 0.5, 1, 20);
+  const material = new THREE27.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Cylinder",
     entityType: "cylinder",
@@ -843,7 +350,7 @@ function createCylinder({
 }
 __name(createCylinder, "createCylinder");
 function createEmpty({ world, scene, payload, isEditor }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Empty",
     entityType: "empty",
@@ -854,7 +361,7 @@ function createEmpty({ world, scene, payload, isEditor }) {
 }
 __name(createEmpty, "createEmpty");
 function createImage({ world, scene, payload }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image",
@@ -867,7 +374,7 @@ function createImage({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE30.TextureLoader();
+  const loader = new THREE27.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -875,13 +382,13 @@ function createImage({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE30.MeshBasicMaterial({
+      const material = new THREE27.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE30.DoubleSide
+        side: THREE27.DoubleSide
       });
-      const geometry = new THREE30.PlaneGeometry(1, 1);
-      const plane = new THREE30.Mesh(geometry, material);
+      const geometry = new THREE27.PlaneGeometry(1, 1);
+      const plane = new THREE27.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -927,7 +434,7 @@ function createImageTarget({
   payload,
   isEditor
 }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Image Target",
@@ -944,7 +451,7 @@ function createImageTarget({
   if (!isEditor || !imagePath) {
     return entityId;
   }
-  const loader = new THREE30.TextureLoader();
+  const loader = new THREE27.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -952,13 +459,13 @@ function createImageTarget({
         texture.dispose();
         return;
       }
-      const material = new THREE30.MeshBasicMaterial({
+      const material = new THREE27.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE30.DoubleSide
+        side: THREE27.DoubleSide
       });
-      const geometry = new THREE30.PlaneGeometry(1, 1);
-      const plane = new THREE30.Mesh(geometry, material);
+      const geometry = new THREE27.PlaneGeometry(1, 1);
+      const plane = new THREE27.Mesh(geometry, material);
       plane.userData.entityId = entityId;
       const textureImage = texture.image;
       const width = textureImage?.width ?? 1;
@@ -1009,7 +516,7 @@ function createInstancedMesh({
   scene,
   payload
 }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.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;
@@ -1080,7 +587,7 @@ function createAmbientLight({
   scene,
   payload
 }) {
-  const light = new THREE30.AmbientLight("#ffffff", 0.6);
+  const light = new THREE27.AmbientLight("#ffffff", 0.6);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Ambient Light",
     entityType: "ambientLight",
@@ -1097,7 +604,8 @@ function createAreaLight({
   payload,
   isEditor
 }) {
-  const light = new THREE30.RectAreaLight("#ffffff", 5, 4, 4);
+  readWorldRenderBackend(world).prepareAreaLights?.(world);
+  const light = new THREE27.RectAreaLight("#ffffff", 5, 4, 4);
   light.lookAt(0, 0, 0);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Area Light",
@@ -1126,7 +634,7 @@ function createDirectionalLight({
   payload,
   isEditor
 }) {
-  const light = new THREE30.DirectionalLight("#ffffff", 1.5);
+  const light = new THREE27.DirectionalLight("#ffffff", 1.5);
   light.castShadow = true;
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Directional Light",
@@ -1137,7 +645,7 @@ function createDirectionalLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE30.DirectionalLightHelper(light, 1.8, "#38bdf8");
+    const helper = new THREE27.DirectionalLightHelper(light, 1.8, "#38bdf8");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1155,7 +663,7 @@ function createPointLight({
   payload,
   isEditor
 }) {
-  const light = new THREE30.PointLight("#ffffff", 1, 10);
+  const light = new THREE27.PointLight("#ffffff", 1, 10);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Point Light",
     entityType: "pointLight",
@@ -1165,7 +673,7 @@ function createPointLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE30.PointLightHelper(light, 0.35, "#fbbf24");
+    const helper = new THREE27.PointLightHelper(light, 0.35, "#fbbf24");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1183,7 +691,7 @@ function createSpotLight({
   payload,
   isEditor
 }) {
-  const light = new THREE30.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
+  const light = new THREE27.SpotLight("#ffffff", 1, 20, Math.PI / 6, 0.1, 1);
   const entityId = createBaseEntity(world, light, {
     label: payload.name ?? "Spot Light",
     entityType: "spotLight",
@@ -1193,7 +701,7 @@ function createSpotLight({
   });
   createLightComponent(world, entityId, light);
   if (isEditor) {
-    const helper = new THREE30.SpotLightHelper(light, "#f59e0b");
+    const helper = new THREE27.SpotLightHelper(light, "#f59e0b");
     helper.onBeforeRender = () => {
       helper.update();
     };
@@ -1205,101 +713,13 @@ function createSpotLight({
   return entityId;
 }
 __name(createSpotLight, "createSpotLight");
-function getModelFileName(path) {
-  const segments = path.split(/[\\/]/).filter(Boolean);
-  return segments[segments.length - 1] ?? "";
-}
-__name(getModelFileName, "getModelFileName");
-function createModelLoader() {
-  const loader = new GLTFLoader();
-  try {
-    const dracoLoader = new DRACOLoader();
-    dracoLoader.setDecoderPath(resolveDracoDecoderPath());
-    loader.setDRACOLoader(dracoLoader);
-  } catch (error) {
-    console.warn("DRACOLoader could not be configured. Loading non-Draco models only.", error);
-  }
-  return loader;
-}
-__name(createModelLoader, "createModelLoader");
-function createModel({
-  world,
-  scene,
-  payload,
-  isEditor
-}) {
-  const anchor = new THREE30.Object3D();
-  const modelPath = payload.path ?? "";
-  const entityId = createBaseEntity(world, anchor, {
-    label: payload.name ?? "Model",
-    entityType: "model",
-    transformInput: payload.transform
-  });
-  const model = createModelComponent(world, entityId, modelPath);
-  const meshGeometry = createMeshGeometryComponent(world, entityId, "model", anchor, {}, {
-    modelName: getModelFileName(modelPath),
-    castShadow: false,
-    receiveShadow: false
-  });
-  model.object = anchor;
-  scene.add(anchor);
-  if (!modelPath) {
-    return entityId;
-  }
-  const attachLoadedModel = /* @__PURE__ */ __name((gltf, object) => {
-    if (!world.hasEntity(entityId)) {
-      return;
-    }
-    object.userData.entityId = entityId;
-    object.traverse((child) => {
-      child.userData.entityId = entityId;
-    });
-    anchor.add(object);
-    model.object = object;
-    meshGeometry.object = object;
-    if (gltf.animations.length > 0) {
-      let animation = world.getComponent(entityId, AnimationComponent);
-      if (!animation) {
-        animation = createAnimationComponent(world, entityId, {
-          clips: gltf.animations,
-          externalClipSources: [],
-          paused: false,
-          reverse: false,
-          timeScale: 1,
-          crossFadeDuration: 0
-        });
-      }
-      animation.setModelClips(gltf.animations);
-    }
-  }, "attachLoadedModel");
-  const onLoadError = /* @__PURE__ */ __name((error) => {
-    console.error(`Failed to load model: ${modelPath}`, error);
-  }, "onLoadError");
-  if (isEditor) {
-    createModelLoader().load(
-      modelPath,
-      (gltf) => attachLoadedModel(gltf, gltf.scene),
-      void 0,
-      onLoadError
-    );
-  } else {
-    loadSharedGltf(
-      modelPath,
-      () => new Promise((resolve, reject) => {
-        createModelLoader().load(modelPath, resolve, void 0, reject);
-      })
-    ).then((gltf) => attachLoadedModel(gltf, cloneModelScene(gltf.scene))).catch(onLoadError);
-  }
-  return entityId;
-}
-__name(createModel, "createModel");
 function createPlane({ world, scene, payload }) {
-  const geometry = new THREE30.PlaneGeometry(100, 100);
-  const material = new THREE30.MeshStandardMaterial({
+  const geometry = new THREE27.PlaneGeometry(100, 100);
+  const material = new THREE27.MeshStandardMaterial({
     color: "#ffffff",
-    side: THREE30.DoubleSide
+    side: THREE27.DoubleSide
   });
-  const mesh = new THREE30.Mesh(geometry, material);
+  const mesh = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(
     world,
     mesh,
@@ -1335,7 +755,7 @@ function createScriptObject({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Script Object",
     entityType: "scriptObject",
@@ -1360,15 +780,15 @@ function createTeleportArea({
   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 THREE30.PlaneGeometry(width, depth);
-  const material = new THREE30.MeshBasicMaterial({
+  const geometry = new THREE27.PlaneGeometry(width, depth);
+  const material = new THREE27.MeshBasicMaterial({
     color: "#4da3ff",
     transparent: true,
     opacity: 0.18,
-    side: THREE30.DoubleSide,
+    side: THREE27.DoubleSide,
     depthWrite: false
   });
-  const object = new THREE30.Mesh(geometry, material);
+  const object = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "Teleport Area",
     entityType: "teleportArea",
@@ -1396,7 +816,7 @@ function createXRInteractor({
   scene,
   payload
 }) {
-  const root = new THREE30.Group();
+  const root = new THREE27.Group();
   const options = payload.options ?? {};
   const entityId = createBaseEntity(world, root, {
     label: payload.name ?? "XR Interactor",
@@ -1409,7 +829,7 @@ function createXRInteractor({
     return entityId;
   }
   for (const side of ["left", "right"]) {
-    const slot = new THREE30.Group();
+    const slot = new THREE27.Group();
     const label = side === "left" ? "Left Interactor" : "Right Interactor";
     const slotEntityId = createBaseEntity(world, slot, {
       label,
@@ -1427,7 +847,7 @@ function createUIButton({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "UI Button",
     entityType: "uiButton",
@@ -1452,7 +872,7 @@ function createUIPanel({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "UI Panel",
     entityType: "uiPanel",
@@ -1469,7 +889,7 @@ function createUISlider({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "UI Slider",
     entityType: "uiSlider",
@@ -1494,7 +914,7 @@ function createUIText({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "UI Text",
     entityType: "uiText",
@@ -1511,7 +931,7 @@ function createUIToggle({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "UI Toggle",
     entityType: "uiToggle",
@@ -1536,7 +956,7 @@ function createXRRig({
   scene,
   payload
 }) {
-  const object = new THREE30.Group();
+  const object = new THREE27.Group();
   const entityId = createBaseEntity(world, object, {
     label: payload.name ?? "XR Rig",
     entityType: "xrRig",
@@ -1549,7 +969,7 @@ function createXRRig({
 }
 __name(createXRRig, "createXRRig");
 function createSprite({ world, scene, payload }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.Object3D();
   const imagePath = payload.path ?? "";
   const entityId = createBaseEntity(world, anchor, {
     label: payload.name ?? "Sprite",
@@ -1561,7 +981,7 @@ function createSprite({ world, scene, payload }) {
   if (!imagePath) {
     return entityId;
   }
-  const loader = new THREE30.TextureLoader();
+  const loader = new THREE27.TextureLoader();
   loader.load(
     imagePath,
     (texture) => {
@@ -1569,11 +989,11 @@ function createSprite({ world, scene, payload }) {
         texture.dispose();
         return;
       }
-      const material = new THREE30.SpriteMaterial({
+      const material = new THREE27.SpriteMaterial({
         map: texture,
         transparent: true
       });
-      const sprite = new THREE30.Sprite(material);
+      const sprite = new THREE27.Sprite(material);
       sprite.userData.entityId = entityId;
       const textureImage = texture.image;
       spriteComponent.width = textureImage?.width ?? 1;
@@ -1591,9 +1011,9 @@ function createSprite({ world, scene, payload }) {
 }
 __name(createSprite, "createSprite");
 function createSphere({ world, scene, payload }) {
-  const geometry = new THREE30.SphereGeometry(0.5, 24, 24);
-  const material = new THREE30.MeshStandardMaterial({ color: "#ffffff" });
-  const mesh = new THREE30.Mesh(geometry, material);
+  const geometry = new THREE27.SphereGeometry(0.5, 24, 24);
+  const material = new THREE27.MeshStandardMaterial({ color: "#ffffff" });
+  const mesh = new THREE27.Mesh(geometry, material);
   const entityId = createBaseEntity(world, mesh, {
     label: payload.name ?? "Sphere",
     entityType: "sphere",
@@ -1613,21 +1033,21 @@ function createSphere({ world, scene, payload }) {
 __name(createSphere, "createSphere");
 function getOrCreateListener2(camera) {
   const existing = camera.userData.ecsAudioListener;
-  if (existing instanceof THREE30.AudioListener) {
+  if (existing instanceof THREE27.AudioListener) {
     return existing;
   }
-  const listener = new THREE30.AudioListener();
+  const listener = new THREE27.AudioListener();
   camera.add(listener);
   camera.userData.ecsAudioListener = listener;
   return listener;
 }
 __name(getOrCreateListener2, "getOrCreateListener");
-function normalizeDistanceModel2(value) {
+function normalizeDistanceModel(value) {
   const v = value.trim().toLowerCase();
   if (v === "linear" || v === "exponential") return v;
   return "inverse";
 }
-__name(normalizeDistanceModel2, "normalizeDistanceModel");
+__name(normalizeDistanceModel, "normalizeDistanceModel");
 function toBool(value, fallback) {
   return typeof value === "boolean" ? value : fallback;
 }
@@ -1665,58 +1085,23 @@ function normalizeOptions(input) {
   };
 }
 __name(normalizeOptions, "normalizeOptions");
-function createChromaMaterial(texture, options) {
-  return new THREE30.ShaderMaterial({
-    uniforms: {
-      tex: { value: texture },
-      keyColor: { value: new THREE30.Color(options.backgroundColor) },
-      similarity: { value: options.similarity },
-      smoothness: { value: options.smoothness },
-      spill: { value: options.spill }
-    },
-    vertexShader: `
-      varying vec2 vUv;
-      void main() {
-        vUv = uv;
-        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-      }
-    `,
-    fragmentShader: `
-      uniform sampler2D tex;
-      uniform vec3 keyColor;
-      uniform float similarity;
-      uniform float smoothness;
-      uniform float spill;
-      varying vec2 vUv;
-
-      void main() {
-        vec4 texel = texture2D(tex, vUv);
-        float chromaDist = distance(texel.rgb, keyColor);
-        float alpha = smoothstep(similarity, similarity + smoothness, chromaDist);
-
-        float spillFactor = smoothstep(similarity, similarity + spill + smoothness, chromaDist);
-        vec3 despilled = mix(vec3(dot(texel.rgb, vec3(0.299, 0.587, 0.114))), texel.rgb, spillFactor);
-
-        gl_FragColor = vec4(despilled, texel.a * alpha);
-      }
-    `,
-    transparent: true,
-    side: THREE30.DoubleSide
-  });
-}
-__name(createChromaMaterial, "createChromaMaterial");
 function createStandardMaterial(texture) {
-  return new THREE30.MeshBasicMaterial({
+  return new THREE27.MeshBasicMaterial({
     map: texture,
     transparent: true,
-    side: THREE30.DoubleSide
+    side: THREE27.DoubleSide
   });
 }
 __name(createStandardMaterial, "createStandardMaterial");
-function createVideoMesh(entityId, texture, options) {
-  const geometry = new THREE30.PlaneGeometry(1, 1);
-  const material = options.isGreenScreen ? createChromaMaterial(texture, options) : createStandardMaterial(texture);
-  const mesh = new THREE30.Mesh(geometry, material);
+function createVideoMesh(entityId, texture, options, backend) {
+  const geometry = new THREE27.PlaneGeometry(1, 1);
+  const material = options.isGreenScreen ? backend.createChromaKeyMaterial(texture, {
+    keyColor: options.backgroundColor,
+    similarity: options.similarity,
+    smoothness: options.smoothness,
+    spill: options.spill
+  }) : createStandardMaterial(texture);
+  const mesh = new THREE27.Mesh(geometry, material);
   mesh.userData.entityId = entityId;
   mesh.scale.set(options.width, options.height, 1);
   return { mesh, material };
@@ -1751,7 +1136,7 @@ function createVideo({
   payload,
   isEditor
 }) {
-  const anchor = new THREE30.Object3D();
+  const anchor = new THREE27.Object3D();
   const path = payload.path ?? "";
   const options = normalizeOptions(payload.options);
   const entityId = createBaseEntity(world, anchor, {
@@ -1766,10 +1151,15 @@ function createVideo({
     return entityId;
   }
   const video = createVideoElement(path, options);
-  const texture = new THREE30.VideoTexture(video);
-  texture.colorSpace = THREE30.SRGBColorSpace;
+  const texture = new THREE27.VideoTexture(video);
+  texture.colorSpace = THREE27.SRGBColorSpace;
   texture.needsUpdate = true;
-  const { mesh, material } = createVideoMesh(entityId, texture, options);
+  const { mesh, material } = createVideoMesh(
+    entityId,
+    texture,
+    options,
+    readWorldRenderBackend(world)
+  );
   anchor.add(mesh);
   videoComponent.videoElement = video;
   videoComponent.texture = texture;
@@ -1783,10 +1173,10 @@ function createVideo({
   });
   if (!isEditor && options.positional) {
     const listener = getOrCreateListener2(camera);
-    const audioNode = new THREE30.PositionalAudio(listener);
+    const audioNode = new THREE27.PositionalAudio(listener);
     audioNode.setVolume(options.volume);
     audioNode.setRefDistance(options.refDistance);
-    audioNode.setDistanceModel(normalizeDistanceModel2(options.distanceModel));
+    audioNode.setDistanceModel(normalizeDistanceModel(options.distanceModel));
     audioNode.setRolloffFactor(options.rolloffFactor);
     audioNode.setMediaElementSource(video);
     video.volume = 1;
@@ -1835,6 +1225,6 @@ function registerDefaultFactories(objectManagementSystem) {
 }
 __name(registerDefaultFactories, "registerDefaultFactories");
 
-export { createAnimationComponent, createAudioComponent, createCameraComponent, createEntityTypeComponent, createEnvironmentComponent, createImageComponent, createImageTargetAnchorComponent, createImageTargetComponent, createInstanceSlotComponent, createInstancedMeshComponent, createLightComponent, createMaterialComponent, createMeshComponent, createMeshGeometryComponent, createModelComponent, createNameComponent, createObject3DRefComponent, createParentIdComponent, createPhysicsComponent, createPostprocessingComponent, createScriptComponent, createScriptObjectComponent, createSelectableComponent, createSelectionTransformStateComponent, createSpriteComponent, createTransformComponent, createUIButtonComponent, createUIPanelComponent, createUISliderComponent, createUITextComponent, createUIToggleComponent, createVRTeleportAreaComponent, createVideoComponent, createXRAnchorComponent, createXRHandPoseComponent, createXRInteractableComponent, createXRInteractorComponent, createXRInteractorSideComponent, createXRRigComponent, registerDefaultComponentFactories, registerDefaultFactories };
-//# sourceMappingURL=chunk-RXBLOO5B.js.map
-//# sourceMappingURL=chunk-RXBLOO5B.js.map
+export { registerDefaultComponentFactories, registerDefaultFactories };
+//# sourceMappingURL=chunk-SGF73YTF.js.map
+//# sourceMappingURL=chunk-SGF73YTF.js.map