@needle-tools/engine 2.35.5-pre → 2.37.0-pre

package/src/engine/codegen/register_types.js

@@ -1,150 +1,436 @@
 import { TypeStore } from "./../engine_typestore"
+import {$BuiltInTypeFlag} from "./../engine_typestore"
 
 // Import types
 import { AlignmentConstraint } from "../../engine-components/AlignmentConstraint.ts";
+AlignmentConstraint[$BuiltInTypeFlag] = true;
+
 import { Animation } from "../../engine-components/Animation.ts";
+Animation[$BuiltInTypeFlag] = true;
+
 import { AnimationCurve } from "../../engine-components/AnimationCurve.ts";
+AnimationCurve[$BuiltInTypeFlag] = true;
+
 import { Animator } from "../../engine-components/Animator.ts";
+Animator[$BuiltInTypeFlag] = true;
+
 import { AnimatorController } from "../../engine-components/AnimatorController.ts";
+AnimatorController[$BuiltInTypeFlag] = true;
+
 import { AudioListener } from "../../engine-components/AudioListener.ts";
+AudioListener[$BuiltInTypeFlag] = true;
+
 import { AudioSource } from "../../engine-components/AudioSource.ts";
+AudioSource[$BuiltInTypeFlag] = true;
+
 import { AvatarModel } from "../../engine-components/AvatarLoader.ts";
+AvatarModel[$BuiltInTypeFlag] = true;
+
 import { AvatarLoader } from "../../engine-components/AvatarLoader.ts";
+AvatarLoader[$BuiltInTypeFlag] = true;
+
 import { AxesHelper } from "../../engine-components/AxesHelper.ts";
+AxesHelper[$BuiltInTypeFlag] = true;
+
 import { BasicIKConstraint } from "../../engine-components/BasicIKConstraint.ts";
+BasicIKConstraint[$BuiltInTypeFlag] = true;
+
 import { BoxHelperComponent } from "../../engine-components/BoxHelperComponent.ts";
+BoxHelperComponent[$BuiltInTypeFlag] = true;
+
 import { Camera } from "../../engine-components/Camera.ts";
+Camera[$BuiltInTypeFlag] = true;
+
 import { Collider } from "../../engine-components/Collider.ts";
+Collider[$BuiltInTypeFlag] = true;
+
 import { SphereCollider } from "../../engine-components/Collider.ts";
+SphereCollider[$BuiltInTypeFlag] = true;
+
 import { BoxCollider } from "../../engine-components/Collider.ts";
+BoxCollider[$BuiltInTypeFlag] = true;
+
+import { MeshCollider } from "../../engine-components/Collider.ts";
+MeshCollider[$BuiltInTypeFlag] = true;
+
 import { DeleteBox } from "../../engine-components/DeleteBox.ts";
+DeleteBox[$BuiltInTypeFlag] = true;
+
 import { Deletable } from "../../engine-components/DeleteBox.ts";
+Deletable[$BuiltInTypeFlag] = true;
+
 import { DeviceFlag } from "../../engine-components/DeviceFlag.ts";
+DeviceFlag[$BuiltInTypeFlag] = true;
+
 import { DragControls } from "../../engine-components/DragControls.ts";
+DragControls[$BuiltInTypeFlag] = true;
+
 import { DropListener } from "../../engine-components/DropListener.ts";
+DropListener[$BuiltInTypeFlag] = true;
+
 import { Duplicatable } from "../../engine-components/Duplicatable.ts";
+Duplicatable[$BuiltInTypeFlag] = true;
+
 import { CallInfo } from "../../engine-components/EventList.ts";
+CallInfo[$BuiltInTypeFlag] = true;
+
 import { EventListEvent } from "../../engine-components/EventList.ts";
+EventListEvent[$BuiltInTypeFlag] = true;
+
 import { EventList } from "../../engine-components/EventList.ts";
+EventList[$BuiltInTypeFlag] = true;
+
 import { EventTrigger } from "../../engine-components/EventTrigger.ts";
+EventTrigger[$BuiltInTypeFlag] = true;
+
 import { FlyControls } from "../../engine-components/FlyControls.ts";
+FlyControls[$BuiltInTypeFlag] = true;
+
 import { BoxGizmo } from "../../engine-components/Gizmos.ts";
+BoxGizmo[$BuiltInTypeFlag] = true;
+
 import { GltfExportBox } from "../../engine-components/GltfExport.ts";
+GltfExportBox[$BuiltInTypeFlag] = true;
+
 import { GltfExport } from "../../engine-components/GltfExport.ts";
+GltfExport[$BuiltInTypeFlag] = true;
+
 import { GridHelper } from "../../engine-components/GridHelper.ts";
+GridHelper[$BuiltInTypeFlag] = true;
+
 import { GroundProjectedEnv } from "../../engine-components/GroundProjection.ts";
+GroundProjectedEnv[$BuiltInTypeFlag] = true;
+
 import { Interactable } from "../../engine-components/Interactable.ts";
+Interactable[$BuiltInTypeFlag] = true;
+
 import { UsageMarker } from "../../engine-components/Interactable.ts";
+UsageMarker[$BuiltInTypeFlag] = true;
+
 import { Light } from "../../engine-components/Light.ts";
+Light[$BuiltInTypeFlag] = true;
+
 import { LODModel } from "../../engine-components/LODGroup.ts";
+LODModel[$BuiltInTypeFlag] = true;
+
 import { LODGroup } from "../../engine-components/LODGroup.ts";
+LODGroup[$BuiltInTypeFlag] = true;
+
 import { LookAtConstraint } from "../../engine-components/LookAtConstraint.ts";
-import { NavMesh } from "../../engine-components/NavMesh.ts";
-import { NavMeshAgent } from "../../engine-components/NavMesh.ts";
+LookAtConstraint[$BuiltInTypeFlag] = true;
+
 import { NestedGltf } from "../../engine-components/NestedGltf.ts";
+NestedGltf[$BuiltInTypeFlag] = true;
+
 import { Networking } from "../../engine-components/Networking.ts";
+Networking[$BuiltInTypeFlag] = true;
+
 import { OffsetConstraint } from "../../engine-components/OffsetConstraint.ts";
+OffsetConstraint[$BuiltInTypeFlag] = true;
+
 import { OrbitControls } from "../../engine-components/OrbitControls.ts";
+OrbitControls[$BuiltInTypeFlag] = true;
+
 import { ParticleSystemRenderer } from "../../engine-components/ParticleSystem.ts";
+ParticleSystemRenderer[$BuiltInTypeFlag] = true;
+
 import { ParticleSystem } from "../../engine-components/ParticleSystem.ts";
+ParticleSystem[$BuiltInTypeFlag] = true;
+
 import { MainModule } from "../../engine-components/ParticleSystemModules.ts";
+MainModule[$BuiltInTypeFlag] = true;
+
 import { EmissionModule } from "../../engine-components/ParticleSystemModules.ts";
+EmissionModule[$BuiltInTypeFlag] = true;
+
 import { ShapeModule } from "../../engine-components/ParticleSystemModules.ts";
+ShapeModule[$BuiltInTypeFlag] = true;
+
 import { PlayerColor } from "../../engine-components/PlayerColor.ts";
+PlayerColor[$BuiltInTypeFlag] = true;
+
+import { ReflectionProbe } from "../../engine-components/ReflectionProbe.ts";
+ReflectionProbe[$BuiltInTypeFlag] = true;
+
 import { FieldWithDefault } from "../../engine-components/Renderer.ts";
+FieldWithDefault[$BuiltInTypeFlag] = true;
+
 import { Renderer } from "../../engine-components/Renderer.ts";
+Renderer[$BuiltInTypeFlag] = true;
+
 import { MeshRenderer } from "../../engine-components/Renderer.ts";
+MeshRenderer[$BuiltInTypeFlag] = true;
+
 import { SkinnedMeshRenderer } from "../../engine-components/Renderer.ts";
+SkinnedMeshRenderer[$BuiltInTypeFlag] = true;
+
 import { RendererLightmap } from "../../engine-components/RendererLightmap.ts";
+RendererLightmap[$BuiltInTypeFlag] = true;
+
 import { Rigidbody } from "../../engine-components/RigidBody.ts";
+Rigidbody[$BuiltInTypeFlag] = true;
+
 import { ScreenCapture } from "../../engine-components/ScreenCapture.ts";
+ScreenCapture[$BuiltInTypeFlag] = true;
+
 import { ShadowCatcher } from "../../engine-components/ShadowCatcher.ts";
+ShadowCatcher[$BuiltInTypeFlag] = true;
+
 import { RemoteSkybox } from "../../engine-components/Skybox.ts";
+RemoteSkybox[$BuiltInTypeFlag] = true;
+
 import { SmoothFollow } from "../../engine-components/SmoothFollow.ts";
+SmoothFollow[$BuiltInTypeFlag] = true;
+
 import { SpatialTriggerReceiver } from "../../engine-components/SpatialTrigger.ts";
+SpatialTriggerReceiver[$BuiltInTypeFlag] = true;
+
 import { SpatialTrigger } from "../../engine-components/SpatialTrigger.ts";
+SpatialTrigger[$BuiltInTypeFlag] = true;
+
 import { SpectatorCamera } from "../../engine-components/SpectatorCamera.ts";
-import { SpringJoint } from "../../engine-components/SpringJoint.ts";
+SpectatorCamera[$BuiltInTypeFlag] = true;
+
 import { Sprite } from "../../engine-components/SpriteRenderer.ts";
+Sprite[$BuiltInTypeFlag] = true;
+
 import { SpriteRenderer } from "../../engine-components/SpriteRenderer.ts";
+SpriteRenderer[$BuiltInTypeFlag] = true;
+
 import { SyncedCamera } from "../../engine-components/SyncedCamera.ts";
+SyncedCamera[$BuiltInTypeFlag] = true;
+
 import { SyncedRoom } from "../../engine-components/SyncedRoom.ts";
+SyncedRoom[$BuiltInTypeFlag] = true;
+
 import { SyncedTransform } from "../../engine-components/SyncedTransform.ts";
+SyncedTransform[$BuiltInTypeFlag] = true;
+
 import { TestRunner } from "../../engine-components/TestRunner.ts";
+TestRunner[$BuiltInTypeFlag] = true;
+
 import { TestSimulateUserData } from "../../engine-components/TestRunner.ts";
+TestSimulateUserData[$BuiltInTypeFlag] = true;
+
 import { TransformGizmo } from "../../engine-components/TransformGizmo.ts";
+TransformGizmo[$BuiltInTypeFlag] = true;
+
 import { VideoPlayer } from "../../engine-components/VideoPlayer.ts";
+VideoPlayer[$BuiltInTypeFlag] = true;
+
 import { Voip } from "../../engine-components/Voip.ts";
+Voip[$BuiltInTypeFlag] = true;
+
 import { VolumeParameter } from "../../engine-components/Volume.ts";
+VolumeParameter[$BuiltInTypeFlag] = true;
+
 import { VolumeComponent } from "../../engine-components/Volume.ts";
+VolumeComponent[$BuiltInTypeFlag] = true;
+
 import { ToneMapping } from "../../engine-components/Volume.ts";
+ToneMapping[$BuiltInTypeFlag] = true;
+
 import { ColorAdjustments } from "../../engine-components/Volume.ts";
+ColorAdjustments[$BuiltInTypeFlag] = true;
+
 import { VolumeProfile } from "../../engine-components/Volume.ts";
+VolumeProfile[$BuiltInTypeFlag] = true;
+
 import { Volume } from "../../engine-components/Volume.ts";
+Volume[$BuiltInTypeFlag] = true;
+
 import { WebARSessionRoot } from "../../engine-components/WebARSessionRoot.ts";
+WebARSessionRoot[$BuiltInTypeFlag] = true;
+
 import { WebXR } from "../../engine-components/WebXR.ts";
+WebXR[$BuiltInTypeFlag] = true;
+
 import { WebAR } from "../../engine-components/WebXR.ts";
+WebAR[$BuiltInTypeFlag] = true;
+
 import { AvatarMarker } from "../../engine-components/WebXRAvatar.ts";
+AvatarMarker[$BuiltInTypeFlag] = true;
+
 import { WebXRAvatar } from "../../engine-components/WebXRAvatar.ts";
+WebXRAvatar[$BuiltInTypeFlag] = true;
+
 import { TeleportTarget } from "../../engine-components/WebXRController.ts";
+TeleportTarget[$BuiltInTypeFlag] = true;
+
 import { WebXRController } from "../../engine-components/WebXRController.ts";
+WebXRController[$BuiltInTypeFlag] = true;
+
 import { AttachedObject } from "../../engine-components/WebXRController.ts";
+AttachedObject[$BuiltInTypeFlag] = true;
+
 import { XRGrabModel } from "../../engine-components/WebXRGrabRendering.ts";
+XRGrabModel[$BuiltInTypeFlag] = true;
+
 import { XRGrabRendering } from "../../engine-components/WebXRGrabRendering.ts";
+XRGrabRendering[$BuiltInTypeFlag] = true;
+
 import { XRRig } from "../../engine-components/WebXRRig.ts";
+XRRig[$BuiltInTypeFlag] = true;
+
 import { VRUserState } from "../../engine-components/WebXRSync.ts";
+VRUserState[$BuiltInTypeFlag] = true;
+
 import { WebXRSync } from "../../engine-components/WebXRSync.ts";
+WebXRSync[$BuiltInTypeFlag] = true;
+
 import { XRState } from "../../engine-components/XRFlag.ts";
+XRState[$BuiltInTypeFlag] = true;
+
 import { XRFlag } from "../../engine-components/XRFlag.ts";
+XRFlag[$BuiltInTypeFlag] = true;
+
 import { AvatarBlink_Simple } from "../../engine-components/avatar/AvatarBlink_Simple.ts";
+AvatarBlink_Simple[$BuiltInTypeFlag] = true;
+
 import { AvatarEyeLook_Rotation } from "../../engine-components/avatar/AvatarEyeLook_Rotation.ts";
+AvatarEyeLook_Rotation[$BuiltInTypeFlag] = true;
+
 import { Avatar_POI } from "../../engine-components/avatar/Avatar_Brain_LookAt.ts";
+Avatar_POI[$BuiltInTypeFlag] = true;
+
 import { Avatar_Brain_LookAt } from "../../engine-components/avatar/Avatar_Brain_LookAt.ts";
+Avatar_Brain_LookAt[$BuiltInTypeFlag] = true;
+
 import { Avatar_MouthShapes } from "../../engine-components/avatar/Avatar_MouthShapes.ts";
+Avatar_MouthShapes[$BuiltInTypeFlag] = true;
+
 import { Avatar_MustacheShake } from "../../engine-components/avatar/Avatar_MustacheShake.ts";
+Avatar_MustacheShake[$BuiltInTypeFlag] = true;
+
 import { __Ignore } from "../../engine-components/codegen/components.ts";
+__Ignore[$BuiltInTypeFlag] = true;
+
 import { LogStats } from "../../engine-components/debug/LogStats.ts";
+LogStats[$BuiltInTypeFlag] = true;
+
 import { RGBAColor } from "../../engine-components/js-extensions/RGBAColor.ts";
+RGBAColor[$BuiltInTypeFlag] = true;
+
 import { PlayableDirector } from "../../engine-components/timeline/PlayableDirector.ts";
+PlayableDirector[$BuiltInTypeFlag] = true;
+
 import { SignalAsset } from "../../engine-components/timeline/SignalAsset.ts";
+SignalAsset[$BuiltInTypeFlag] = true;
+
 import { SignalReceiverEvent } from "../../engine-components/timeline/SignalAsset.ts";
+SignalReceiverEvent[$BuiltInTypeFlag] = true;
+
 import { SignalReceiver } from "../../engine-components/timeline/SignalAsset.ts";
+SignalReceiver[$BuiltInTypeFlag] = true;
+
 import { AnimationTrackHandler } from "../../engine-components/timeline/TimelineTracks.ts";
+AnimationTrackHandler[$BuiltInTypeFlag] = true;
+
 import { AudioTrackHandler } from "../../engine-components/timeline/TimelineTracks.ts";
+AudioTrackHandler[$BuiltInTypeFlag] = true;
+
 import { SignalTrackHandler } from "../../engine-components/timeline/TimelineTracks.ts";
+SignalTrackHandler[$BuiltInTypeFlag] = true;
+
 import { ControlTrackHandler } from "../../engine-components/timeline/TimelineTracks.ts";
+ControlTrackHandler[$BuiltInTypeFlag] = true;
+
 import { BaseUIComponent } from "../../engine-components/ui/BaseUIComponent.ts";
+BaseUIComponent[$BuiltInTypeFlag] = true;
+
 import { UIRootComponent } from "../../engine-components/ui/BaseUIComponent.ts";
+UIRootComponent[$BuiltInTypeFlag] = true;
+
 import { Button } from "../../engine-components/ui/Button.ts";
+Button[$BuiltInTypeFlag] = true;
+
 import { Canvas } from "../../engine-components/ui/Canvas.ts";
+Canvas[$BuiltInTypeFlag] = true;
+
 import { CanvasGroup } from "../../engine-components/ui/CanvasGroup.ts";
+CanvasGroup[$BuiltInTypeFlag] = true;
+
 import { EventSystem } from "../../engine-components/ui/EventSystem.ts";
+EventSystem[$BuiltInTypeFlag] = true;
+
 import { Graphic } from "../../engine-components/ui/Graphic.ts";
+Graphic[$BuiltInTypeFlag] = true;
+
 import { MaskableGraphic } from "../../engine-components/ui/Graphic.ts";
+MaskableGraphic[$BuiltInTypeFlag] = true;
+
 import { Image } from "../../engine-components/ui/Image.ts";
+Image[$BuiltInTypeFlag] = true;
+
 import { RawImage } from "../../engine-components/ui/Image.ts";
+RawImage[$BuiltInTypeFlag] = true;
+
 import { InputField } from "../../engine-components/ui/InputField.ts";
+InputField[$BuiltInTypeFlag] = true;
+
 import { Keyboard } from "../../engine-components/ui/Keyboard.ts";
+Keyboard[$BuiltInTypeFlag] = true;
+
 import { LayoutGroup } from "../../engine-components/ui/Layout.ts";
+LayoutGroup[$BuiltInTypeFlag] = true;
+
 import { VerticalLayoutGroup } from "../../engine-components/ui/Layout.ts";
+VerticalLayoutGroup[$BuiltInTypeFlag] = true;
+
 import { HorizontalLayoutGroup } from "../../engine-components/ui/Layout.ts";
+HorizontalLayoutGroup[$BuiltInTypeFlag] = true;
+
 import { GridLayoutGroup } from "../../engine-components/ui/Layout.ts";
+GridLayoutGroup[$BuiltInTypeFlag] = true;
+
 import { PointerEventData } from "../../engine-components/ui/PointerEvents.ts";
+PointerEventData[$BuiltInTypeFlag] = true;
+
 import { Raycaster } from "../../engine-components/ui/Raycaster.ts";
+Raycaster[$BuiltInTypeFlag] = true;
+
 import { ObjectRaycaster } from "../../engine-components/ui/Raycaster.ts";
+ObjectRaycaster[$BuiltInTypeFlag] = true;
+
 import { GraphicRaycaster } from "../../engine-components/ui/Raycaster.ts";
+GraphicRaycaster[$BuiltInTypeFlag] = true;
+
 import { UIRaycastUtils } from "../../engine-components/ui/RaycastUtils.ts";
+UIRaycastUtils[$BuiltInTypeFlag] = true;
+
 import { Size } from "../../engine-components/ui/RectTransform.ts";
+Size[$BuiltInTypeFlag] = true;
+
 import { Rect } from "../../engine-components/ui/RectTransform.ts";
+Rect[$BuiltInTypeFlag] = true;
+
 import { RectTransform } from "../../engine-components/ui/RectTransform.ts";
+RectTransform[$BuiltInTypeFlag] = true;
+
 import { SpatialHtml } from "../../engine-components/ui/SpatialHtml.ts";
+SpatialHtml[$BuiltInTypeFlag] = true;
+
 import { Text } from "../../engine-components/ui/Text.ts";
+Text[$BuiltInTypeFlag] = true;
+
 import { PresentationMode } from "../../engine-components-experimental/Presentation.ts";
+PresentationMode[$BuiltInTypeFlag] = true;
+
 import { LinesDrawer } from "../../engine-components-experimental/annotation/LineDrawer.ts";
+LinesDrawer[$BuiltInTypeFlag] = true;
+
 import { LineInstanceHandler } from "../../engine-components-experimental/annotation/LinesManager.ts";
+LineInstanceHandler[$BuiltInTypeFlag] = true;
+
 import { LinesManager } from "../../engine-components-experimental/annotation/LinesManager.ts";
+LinesManager[$BuiltInTypeFlag] = true;
+
 import { PlayerSync } from "../../engine-components-experimental/networking/PlayerSync.ts";
+PlayerSync[$BuiltInTypeFlag] = true;
+
 import { PlayerState } from "../../engine-components-experimental/networking/PlayerSync.ts";
+PlayerState[$BuiltInTypeFlag] = true;
+
 
 // Register types
 TypeStore.add("AlignmentConstraint", AlignmentConstraint);
@@ -163,6 +449,7 @@ TypeStore.add("Camera", Camera);
 TypeStore.add("Collider", Collider);
 TypeStore.add("SphereCollider", SphereCollider);
 TypeStore.add("BoxCollider", BoxCollider);
+TypeStore.add("MeshCollider", MeshCollider);
 TypeStore.add("DeleteBox", DeleteBox);
 TypeStore.add("Deletable", Deletable);
 TypeStore.add("DeviceFlag", DeviceFlag);
@@ -185,8 +472,6 @@ TypeStore.add("Light", Light);
 TypeStore.add("LODModel", LODModel);
 TypeStore.add("LODGroup", LODGroup);
 TypeStore.add("LookAtConstraint", LookAtConstraint);
-TypeStore.add("NavMesh", NavMesh);
-TypeStore.add("NavMeshAgent", NavMeshAgent);
 TypeStore.add("NestedGltf", NestedGltf);
 TypeStore.add("Networking", Networking);
 TypeStore.add("OffsetConstraint", OffsetConstraint);
@@ -197,6 +482,7 @@ TypeStore.add("MainModule", MainModule);
 TypeStore.add("EmissionModule", EmissionModule);
 TypeStore.add("ShapeModule", ShapeModule);
 TypeStore.add("PlayerColor", PlayerColor);
+TypeStore.add("ReflectionProbe", ReflectionProbe);
 TypeStore.add("FieldWithDefault", FieldWithDefault);
 TypeStore.add("Renderer", Renderer);
 TypeStore.add("MeshRenderer", MeshRenderer);
@@ -210,7 +496,6 @@ TypeStore.add("SmoothFollow", SmoothFollow);
 TypeStore.add("SpatialTriggerReceiver", SpatialTriggerReceiver);
 TypeStore.add("SpatialTrigger", SpatialTrigger);
 TypeStore.add("SpectatorCamera", SpectatorCamera);
-TypeStore.add("SpringJoint", SpringJoint);
 TypeStore.add("Sprite", Sprite);
 TypeStore.add("SpriteRenderer", SpriteRenderer);
 TypeStore.add("SyncedCamera", SyncedCamera);

package/src/engine/debug/debug.ts

@@ -6,4 +6,8 @@ export function showBalloonMessage(text: string, logType: LogType = LogType.Log)
     addLog(logType, text);
     // addLog(LogType.Error, text);
     // addLog(LogType.Log, text);
+}
+
+export function showBalloonWarning(text: string) {
+    showBalloonMessage(text, LogType.Warn);
 }

package/src/engine/debug/debug_overlay.ts

@@ -40,12 +40,18 @@ export function makeErrorsVisibleForDevelopment() {
 
 
 export function addLog(type: LogType, message: string | any[], _file?: string | null, _line?: number | null) {
-
+    if(hide) return;
     const context = Context.Current;
     const domElement = context?.domElement ?? document.querySelector("needle-engine");
     if (!domElement) return;
     if (Array.isArray(message)) {
-        message = message.join(" ");
+        let newMessage = "";
+        for(let i = 0; i < message.length; i++) {
+            if(typeof message[i] === "object") continue;
+            if(i > 0) newMessage += " ";
+            newMessage += message[i];
+        }
+        message = newMessage;
     }
     showMessage(type, domElement, message);
 }
@@ -181,6 +187,7 @@ function getMessageContainer(type: LogType, msg: string): HTMLElement {
     element.style.borderRadius = "8px";
     element.style.pointerEvents = "all";
     element.style.userSelect = "text";
+    element.style.maxWidth = "250px";
     element.style.whiteSpace = "pre-wrap";
     element.style["backdrop-filter"] = "blur(10px)";
     element.style.backgroundColor = "rgba(20,20,20,.8)";

package/src/engine/engine_element_loading.ts

@@ -45,7 +45,7 @@ export class EngineLoadingView implements ILoadingViewHandler {
                 if (el.classList.contains("loading")) {
                     if (!this._allowCustomLoadingElement) {
                         console.warn("Custom loading container is not allowed")
-                        // this.container.removeChild(el);
+                        this.container.removeChild(el);
                         continue;
                     }
                     this._loadingElement = this.createLoadingElement(el);

package/src/engine/engine_gameobject.ts

@@ -8,6 +8,7 @@ import { getParam, tryFindObject } from "./engine_utils";
 import { apply } from "../engine-components/js-extensions/Object3D";
 import { InstancingUtil } from "./engine_instancing";
 import { activeInHierarchyFieldName } from "./engine_constants";
+import { assign } from "./engine_serialization_core";
 
 const debug = getParam("debuggetcomponent");
 
@@ -51,8 +52,19 @@ export class InstantiateOptions {
 //         main.processStart(Context.Current, go);
 // }
 
+const $isActive = Symbol("isActive");
+
 export function isActiveSelf(go: Object3D): boolean {
-    return go.visible || isUsingInstancing(go);
+    const visible = go.visible || isUsingInstancing(go);
+    if (go[$isActive] === undefined) {
+        go[$isActive] = visible;
+    }
+    return go[$isActive] && visible;
+}
+
+export function setActive(go: Object3D, active: boolean, setVisible = true) {
+    go[$isActive] = active;
+    if (setVisible) go.visible = active;
 }
 
 export function isActiveInHierarchy(go: Object3D): boolean {
@@ -74,6 +86,7 @@ export function findByGuid(guid: string, hierarchy: THREE.Object3D): GameObject
 export function destroy(instance: Object3D | Component, recursive: boolean = true, isRoot: boolean = true) {
     const comp = instance as Component;
     if (comp.isComponent) {
+        comp.__internalDisable();
         comp.__internalDestroy();
         return;
     }
@@ -92,6 +105,7 @@ export function destroy(instance: Object3D | Component, recursive: boolean = tru
         let lastLength = components.length;
         for (let i = 0; i < components.length; i++) {
             const comp: Component = components[i];
+            comp.__internalDisable();
             comp.__internalDestroy();
             // if (comp.destroy) {
             //     if (debug) console.log("destroying", comp);
@@ -111,7 +125,7 @@ export function destroy(instance: Object3D | Component, recursive: boolean = tru
 
 export function foreachComponent(instance: THREE.Object3D, cb: (comp: Component) => any, recursive: boolean = true): any {
     if (!instance) return;
-    if(!instance.isObject3D){
+    if (!instance.isObject3D) {
         new Error("Expected Object3D but got " + instance);
     }
     if (instance.userData?.components) {
@@ -306,12 +320,11 @@ function internalInstantiate(
         for (let i = 0; i < components.length; i++) {
             const comp = components[i];
             const copy = Object.create(comp);
-            Object.assign(copy, comp);
+            assign(copy, comp);
             newComponents.push(copy);
             copy.gameObject = clone;
             // copy.transform = clone;
             componentsList.push(copy);
-
         }
     }
 
@@ -464,8 +477,8 @@ function resolveReferences(newObjectsMap: { [key: string]: NewGameObjectReferenc
 
 }
 
-function postProcessNewInstance(copy: THREE.Object3D, key: string, value : IComponent | Object3D, newObjectsMap: { [key: string]: NewGameObjectReferenceInfo }) {
-    if(value === null || value === undefined) return;
+function postProcessNewInstance(copy: THREE.Object3D, key: string, value: IComponent | Object3D, newObjectsMap: { [key: string]: NewGameObjectReferenceInfo }) {
+    if (value === null || value === undefined) return;
     if ((value as IComponent).isComponent === true) {
         const originalGameObjectReference = value["gameObject"];
         // console.log(key, value, originalGameObjectReference);

package/src/engine/engine_gltf_builtin_components.ts

@@ -13,11 +13,13 @@ import { SourceIdentifier } from "./engine_types";
 import { UIDProvider } from "./engine_types";
 import { addNewComponentInstance } from "./engine_components";
 import { getParam } from "./engine_utils";
+import { LogType, showBalloonMessage } from "./debug/debug";
+import { isLocalNetwork } from "./engine_networking_utils";
 
 
 const debug = debugExtension;
 const debugTypeStore = getParam("debugtypestore");
-if(debugTypeStore) console.log(TypeStore);
+if (debugTypeStore) console.log(TypeStore);
 
 export function writeBuiltinComponentData(comp: Component, context: SerializationContext): object | null {
 
@@ -172,6 +174,8 @@ async function onCreateBuiltinComponents(context: SerializationContext, obj: THR
             const unknown = unknownComponentsBuffer.join(", ");
             console.warn("unknown components: " + unknown);
             unknownComponentsBuffer.length = 0;
+            if (isLocalNetwork())
+                showBalloonMessage(`<strong>Unknown components in scene</strong>:\n\n${unknown}\n\nThis could mean you forgot to add a npmdef to your ExportInfo\n<a href="https://engine.needle.tools/docs/project_structure.html#creating-and-installing-a-npmdef" target="_blank">documentation</a>`, LogType.Warn);
         }
     }
 

package/src/engine/engine_mainloop_utils.ts

@@ -207,14 +207,16 @@ function removeFromArray(script: any, array: any[]) {
 const previousActiveMap: { [key: string]: boolean } = {};
 const previousActiveInHierarchyMap: { [key: string]: boolean } = {};
 
-export function updateIsActive() {
-    if (!Context.Current) {
+export function updateIsActive(obj? : Object3D) {
+    if(!obj) obj = Context.Current.scene;
+    if (!obj) {
         console.trace("Invalid call - no current context.");
         return;
     }
-    updateIsActiveInHierarchyRecursiveRuntime(Context.Current.scene, Context.Current.scene.visible, true);
+    updateIsActiveInHierarchyRecursiveRuntime(obj, isActiveSelf(obj), true);
 }
 
+
 function updateIsActiveInHierarchyRecursiveRuntime(go: THREE.Object3D, activeInHierarchy: boolean, allowEventCall: boolean) {
     let activeStateChanged: boolean = false;
 
@@ -247,6 +249,7 @@ function updateIsActiveInHierarchyRecursiveRuntime(go: THREE.Object3D, activeInH
         const prevActiveInHierarchy = previousActiveInHierarchyMap[go.uuid];
         if (prevActiveInHierarchy !== undefined) {
             if (prevActiveInHierarchy !== activeInHierarchy) {
+                // console.log("CHANGE", go.name, activeInHierarchy);
                 if (allowEventCall) {
                     perComponent(go, comp => {
                         if (activeInHierarchy) {
@@ -286,6 +289,7 @@ export function updateActiveInHierarchyWithoutEventCall(go: THREE.Object3D) {
         console.error("GO is null");
         return;
     }
+    previousActiveInHierarchyMap[go.uuid] = activeInHierarchy;
     go[constants.activeInHierarchyFieldName] = activeInHierarchy && foundScene;
 }