@mml-io/mml-web-client 0.0.0-experimental-9ed5b0c-20250916 → 0.0.0-experimental-79daa47-20250916

package/build/index.js

@@ -2121,6 +2121,12 @@
           scene22.removeChatProbe(chatProbe);
         }
       },
+      getOverlayElement() {
+        if (scene22.getOverlayElement) {
+          return scene22.getOverlayElement();
+        }
+        return null;
+      },
       hasGraphicsAdapter() {
         return scene22.hasGraphicsAdapter();
       },
@@ -8010,7 +8016,7 @@
           }
         }
       };
-      RemoteDocument = class extends MElement {
+      RemoteDocument = class extends TransformableElement {
         constructor() {
           super();
           this.scene = null;
@@ -9314,17 +9320,22 @@
             }
             overriddenHandler(element, event);
           };
+          const loadingProgressManager = new LoadingProgressManager();
+          const wrappedScene = createWrappedScene(this.options.mmlScene, loadingProgressManager);
           const src = this.options.url;
           this.remoteDocumentWrapper = new RemoteDocumentWrapper(
             src,
             this.options.windowTarget,
-            this.options.mmlScene,
+            wrappedScene,
             eventHandler
           );
           this.options.targetForWrappers.append(this.remoteDocumentWrapper.remoteDocument);
-          let loadingProgressManager;
+          let sceneLoadingProgressManager = null;
           if (this.options.mmlScene.getLoadingProgressManager) {
-            loadingProgressManager = this.options.mmlScene.getLoadingProgressManager();
+            sceneLoadingProgressManager = this.options.mmlScene.getLoadingProgressManager();
+            loadingProgressManager.addProgressCallback(() => {
+              sceneLoadingProgressManager == null ? void 0 : sceneLoadingProgressManager.updateDocumentProgress(this);
+            });
           }
           const isWebsocket = src.startsWith("ws://") || src.startsWith("wss://");
           if (isWebsocket) {
@@ -9336,8 +9347,14 @@
                 this.remoteDocumentWrapper.setDocumentTime(time2);
               },
               (status) => {
-                if (status === NetworkedDOMWebsocketStatus.Connected) {
-                  loadingProgressManager == null ? void 0 : loadingProgressManager.setInitialLoad(true);
+                if (status === NetworkedDOMWebsocketStatus.Reconnecting) {
+                  this.remoteDocumentWrapper.remoteDocument.showError(true);
+                  loadingProgressManager.setInitialLoad(new Error("Failed to connect"));
+                } else if (status === NetworkedDOMWebsocketStatus.Connected) {
+                  this.remoteDocumentWrapper.remoteDocument.showError(false);
+                  loadingProgressManager.setInitialLoad(true);
+                } else {
+                  this.remoteDocumentWrapper.remoteDocument.showError(false);
                 }
                 this.options.statusUpdated(status);
               },
@@ -9361,12 +9378,15 @@
             overriddenHandler = () => {
             };
           }
+          sceneLoadingProgressManager == null ? void 0 : sceneLoadingProgressManager.addLoadingDocument(this, this.options.url, loadingProgressManager);
         }
         dispose() {
+          var _a2, _b2, _c;
           if (this.websocket) {
             this.websocket.stop();
             this.websocket = null;
           }
+          (_c = (_b2 = (_a2 = this.options.mmlScene).getLoadingProgressManager) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c.removeLoadingDocument(this);
           this.remoteDocumentWrapper.remoteDocument.remove();
         }
       };