Apply environment-settings on scene page

src/components/gltf-model-plus.js

@@ -58,7 +58,8 @@ const extractZipFile = promisifyWorker(new SketchfabZipWorker());
 
 function defaultInflator(el, componentName, componentData) {
   if (!AFRAME.components[componentName]) {
-    throw new Error(`Inflator failed. "${componentName}" component does not exist.`);
+    console.warn(`Inflator failed. "${componentName}" component does not exist.`);
+    return;
   }
   if (AFRAME.components[componentName].multiple && Array.isArray(componentData)) {
     for (let i = 0; i < componentData.length; i++) {

src/scene.js

@@ -31,6 +31,7 @@ import { disableiOSZoom } from "./utils/disable-ios-zoom";
 
 import "./systems/scene-systems";
 import "./gltf-component-mappings";
+import { EnvironmentSystem } from "./systems/environment-system";
 
 import { App } from "./App";
 
@@ -105,6 +106,8 @@ const onReady = async () => {
     });
   });
 
+  const envSystem = new EnvironmentSystem(scene);
+
   sceneModelEntity.addEventListener("environment-scene-loaded", () => {
     remountUI({ sceneLoaded: true });
     const previewCamera = gltfEl.object3D.getObjectByName("scene-preview-camera");
@@ -119,6 +122,9 @@ const onReady = async () => {
     }
 
     camera.setAttribute("scene-preview-camera", "");
+
+    const environmentEl = sceneModelEntity.childNodes[0];
+    envSystem.updateEnvironment(environmentEl);
   });
 
   const res = await fetchReticulumAuthenticated(`/api/v1/scenes/${sceneId}`);