@mml-io/mml-web-client 0.21.0 → 0.21.2

package/build/index.js

@@ -2435,7 +2435,7 @@
       peerConnection.onicegatheringstatechange = () => peerConnection.iceGatheringState === "complete" && resolve(peerConnection.localDescription);
     });
   }
-  var colors, AttributeHandler, scene, documentTimeManager, MELEMENT_PROPERTY_NAME, consumeEventEventName, MElement, defaultAttribute, defaultStart, defaultEnd, defaultLoop, defaultPingPong, defaultEasing, defaultStartTime, defaultPauseTime, defaultAnimDuration, defaultPingPongDelay, defaultColor, _AttributeAnimation, AttributeAnimation, defaultAttribute2, defaultEasing2, defaultLerpDuration, _AttributeLerp, AttributeLerp, AnimatedAttributeHelper, easingFunctions, easingsByName, StartOfAnimationSymbol, EndOfAnimationSymbol, Quat, Vect3, Vect3Zeroes, Vect3Ones, _Matr4, Matr4, epsilon, matrix1, vector1, OrientedBoundingBox, CanvasText, collideAttributeName, collisionIntervalAttributeName, defaultCollideable, _CollideableHelper, CollideableHelper, clickableAttributeName, defaultClickable, _ClickableHelper, ClickableHelper, debugAttributeName, DebugHelper, _EulXYZ, EulXYZ, defaultVisible, _TransformableElement, TransformableElement, defaultModelSrc, defaultModelAnim, defaultModelAnimLoop, defaultModelAnimEnabled, defaultModelAnimStartTime, defaultModelAnimPauseTime, defaultModelCastShadows, defaultModelDebug, _Model, Model, defaultAnimationSrc, defaultAnimationWeight, defaultAnimationSpeed, defaultAnimationLoop, defaultAnimationStartTime, defaultAnimationPauseTime, defaultAnimationRatio, _Animation, Animation, defaultAudioVolume, defaultAudioLoop, defaultAudioEnabled, defaultAudioStartTime, defaultAudioPauseTime, defaultAudioSrc, defaultAudioInnerConeAngle, defaultAudioOuterConeAngle, defaultAudioDebug, _Audio, Audio2, Character, tempContainerMatrix, tempTargetMatrix, tempPositionVector, tempRotationEuler, tempRotationQuaternion, tempScaleVector, defaultChatProbeRange, defaultChatProbeDebug, chatProbeChatEventName, _ChatProbe, ChatProbe, defaultCubeColor, defaultCubeWidth, defaultCubeHeight, defaultCubeDepth, defaultCubeOpacity, defaultCubeCastShadows, _Cube, Cube, defaultCylinderColor, defaultCylinderRadius, defaultCylinderHeight, defaultCylinderOpacity, defaultCylinderCastShadows, _Cylinder, Cylinder, noManagerSymbol, LoadingInstanceManager, LoadingProgressManager, LoadingProgressBar, LoadingSpinner, domParser, RemoteDocumentWrapper, StaticHTMLFrameInstance, WebSocketFrameInstance, defaultUnloadRange, defaultFrameDebug, _Frame, Frame, _Group, Group, defaultImageSrc, defaultImageWidth, defaultImageHeight, defaultImageOpacity, defaultImageCastShadows, defaultImageEmissive, _Image, Image2, defaultInteractionRange, defaultInteractionInFocus, defaultInteractionLineOfSight, defaultInteractionPriority, defaultInteractionPrompt, defaultInteractionDebug, _Interaction, Interaction, MLabelAlignment, defaultLabelColor, defaultFontColor, defaultLabelAlignment, defaultLabelFontSize, defaultLabelPadding, defaultLabelWidth, defaultLabelHeight, defaultLabelCastShadows, defaultEmissive, _Label, Label, LightTypes, defaultLightColor, defaultLightIntensity, defaultLightAngle, defaultLightEnabled, defaultLightDebug, defaultLightDistance, defaultLightCastShadows, defaultLightType, _Light, Light, _Link, Link, OverlayAnchor, _Overlay, Overlay, defaultPlaneColor, defaultPlaneWidth, defaultPlaneHeight, defaultPlaneOpacity, defaultPlaneCastShadows, _Plane, Plane, defaultPositionProbeRange, defaultPositionProbeInterval, defaultPositionProbeMinimumInterval, defaultPositionProbeDebug, positionProbeEnterEventName, positionProbePositionMoveEventName, positionProbeLeaveEventName, _PositionProbe, PositionProbe, _Prompt, Prompt, MMLDocumentTimeManager, RemoteDocument, defaultSphereColor, defaultSphereRadius, defaultSphereOpacity, defaultSphereCastShadows, _Sphere, Sphere, defaultVideoWidth, defaultVideoHeight, defaultVideoVolume, defaultVideoLoop, defaultVideoEnabled, defaultVideoStartTime, defaultVideoPauseTime, defaultVideoSrc, defaultVideoCastShadows, defaultVideoEmissive, _Video, Video, EventHandlerCollection, _InteractionManager, InteractionManager, Modal, ConfirmModal, PromptModal, PromptManager, MMLScene, FullScreenMMLScene, AnimationGraphics, AudioGraphics, ChatProbeGraphics, CubeGraphics, CylinderGraphics, DebugHelperGraphics, FrameGraphics, ImageGraphics, InteractionGraphics, LabelGraphics, LightGraphics, LinkGraphics, MElementGraphics, ModelGraphics, OverlayGraphics, PlaneGraphics, PositionProbeGraphics, PromptGraphics, RemoteDocumentGraphics, SphereGraphics, TransformableGraphics, VideoGraphics, IframeWrapper, MMLNetworkSource, StatusUI, tagAdapterDefaultTheme, TagDebugAdapterDebugHelper, TagDebugAttribute, ignoredAttributes, TagDebugMElement, TagDebugAdapterGraphicsInterface, StandaloneTagDebugAdapter, StaticFileVideoSource, WHEPVideoSource;
+  var colors, AttributeHandler, scene, documentTimeManager, MELEMENT_PROPERTY_NAME, consumeEventEventName, MElement, defaultAttribute, defaultStart, defaultEnd, defaultLoop, defaultPingPong, defaultEasing, defaultStartTime, defaultPauseTime, defaultAnimDuration, defaultPingPongDelay, defaultColor, _AttributeAnimation, AttributeAnimation, defaultAttribute2, defaultEasing2, defaultLerpDuration, _AttributeLerp, AttributeLerp, AnimatedAttributeHelper, easingFunctions, easingsByName, StartOfAnimationSymbol, EndOfAnimationSymbol, Quat, Vect3, Vect3Zeroes, Vect3Ones, _Matr4, Matr4, epsilon, matrix1, vector1, OrientedBoundingBox, CanvasText, collideAttributeName, collisionIntervalAttributeName, defaultCollideable, _CollideableHelper, CollideableHelper, clickableAttributeName, defaultClickable, _ClickableHelper, ClickableHelper, debugAttributeName, DebugHelper, _EulXYZ, EulXYZ, defaultVisible, _TransformableElement, TransformableElement, defaultModelSrc, defaultModelAnim, defaultModelAnimLoop, defaultModelAnimEnabled, defaultModelAnimStartTime, defaultModelAnimPauseTime, defaultModelCastShadows, defaultModelDebug, _Model, Model, defaultAnimationSrc, defaultAnimationWeight, defaultAnimationSpeed, defaultAnimationLoop, defaultAnimationStartTime, defaultAnimationPauseTime, defaultAnimationRatio, _Animation, Animation, defaultAudioVolume, defaultAudioLoop, defaultAudioEnabled, defaultAudioStartTime, defaultAudioPauseTime, defaultAudioSrc, defaultAudioInnerConeAngle, defaultAudioOuterConeAngle, defaultAudioDebug, _Audio, Audio2, Character, tempContainerMatrix, tempTargetMatrix, tempPositionVector, tempRotationEuler, tempRotationQuaternion, tempScaleVector, defaultChatProbeRange, defaultChatProbeDebug, chatProbeChatEventName, _ChatProbe, ChatProbe, defaultCubeColor, defaultCubeWidth, defaultCubeHeight, defaultCubeDepth, defaultCubeOpacity, defaultCubeCastShadows, _Cube, Cube, defaultCylinderColor, defaultCylinderRadius, defaultCylinderHeight, defaultCylinderOpacity, defaultCylinderCastShadows, _Cylinder, Cylinder, noManagerSymbol, LoadingInstanceManager, LoadingProgressManager, LoadingProgressBar, LoadingSpinner, domParser, RemoteDocumentWrapper, StaticHTMLFrameInstance, MMLNetworkSource, WebSocketFrameInstance, defaultUnloadRange, defaultFrameDebug, _Frame, Frame, _Group, Group, defaultImageSrc, defaultImageWidth, defaultImageHeight, defaultImageOpacity, defaultImageCastShadows, defaultImageEmissive, _Image, Image2, defaultInteractionRange, defaultInteractionInFocus, defaultInteractionLineOfSight, defaultInteractionPriority, defaultInteractionPrompt, defaultInteractionDebug, _Interaction, Interaction, MLabelAlignment, defaultLabelColor, defaultFontColor, defaultLabelAlignment, defaultLabelFontSize, defaultLabelPadding, defaultLabelWidth, defaultLabelHeight, defaultLabelCastShadows, defaultEmissive, _Label, Label, LightTypes, defaultLightColor, defaultLightIntensity, defaultLightAngle, defaultLightEnabled, defaultLightDebug, defaultLightDistance, defaultLightCastShadows, defaultLightType, _Light, Light, _Link, Link, OverlayAnchor, _Overlay, Overlay, defaultPlaneColor, defaultPlaneWidth, defaultPlaneHeight, defaultPlaneOpacity, defaultPlaneCastShadows, _Plane, Plane, defaultPositionProbeRange, defaultPositionProbeInterval, defaultPositionProbeMinimumInterval, defaultPositionProbeDebug, positionProbeEnterEventName, positionProbePositionMoveEventName, positionProbeLeaveEventName, _PositionProbe, PositionProbe, _Prompt, Prompt, MMLDocumentTimeManager, RemoteDocument, defaultSphereColor, defaultSphereRadius, defaultSphereOpacity, defaultSphereCastShadows, _Sphere, Sphere, defaultVideoWidth, defaultVideoHeight, defaultVideoVolume, defaultVideoLoop, defaultVideoEnabled, defaultVideoStartTime, defaultVideoPauseTime, defaultVideoSrc, defaultVideoCastShadows, defaultVideoEmissive, _Video, Video, EventHandlerCollection, _InteractionManager, InteractionManager, Modal, ConfirmModal, PromptModal, PromptManager, MMLScene, FullScreenMMLScene, AnimationGraphics, AudioGraphics, ChatProbeGraphics, CubeGraphics, CylinderGraphics, DebugHelperGraphics, FrameGraphics, ImageGraphics, InteractionGraphics, LabelGraphics, LightGraphics, LinkGraphics, MElementGraphics, ModelGraphics, OverlayGraphics, PlaneGraphics, PositionProbeGraphics, PromptGraphics, RemoteDocumentGraphics, SphereGraphics, TransformableGraphics, VideoGraphics, IframeWrapper, StatusUI, tagAdapterDefaultTheme, TagDebugAdapterDebugHelper, TagDebugAttribute, ignoredAttributes, TagDebugMElement, TagDebugAdapterGraphicsInterface, StandaloneTagDebugAdapter, StaticFileVideoSource, WHEPVideoSource;
   var init_build3 = __esm({
     "../mml-web/build/index.js"() {
       init_build2();
@@ -6136,6 +6136,114 @@
           this.loadingProgressManager.removeLoadingDocument(this);
         }
       };
+      MMLNetworkSource = class _MMLNetworkSource {
+        constructor(options) {
+          this.options = options;
+          this.websocket = null;
+        }
+        static create(options) {
+          const mmlNetworkSource = new _MMLNetworkSource(options);
+          mmlNetworkSource.init();
+          return mmlNetworkSource;
+        }
+        init() {
+          let overriddenHandler = null;
+          const eventHandler = (element, event) => {
+            if (!overriddenHandler) {
+              throw new Error("overriddenHandler not set");
+            }
+            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,
+            wrappedScene,
+            eventHandler
+          );
+          this.options.targetForWrappers.append(this.remoteDocumentWrapper.remoteDocument);
+          let sceneLoadingProgressManager = null;
+          if (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) {
+            const websocket = new NetworkedDOMWebsocket(
+              this.options.url,
+              NetworkedDOMWebsocket.createWebSocket,
+              this.remoteDocumentWrapper.remoteDocument,
+              (time2) => {
+                this.remoteDocumentWrapper.setDocumentTime(time2);
+              },
+              (status) => {
+                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);
+              },
+              {
+                tagPrefix: "m-",
+                // If overlays are allowed, allow SVG elements to populate them
+                allowSVGElements: this.options.allowOverlay,
+                connectionToken: this.options.connectionToken ?? null
+              }
+            );
+            this.websocket = websocket;
+            overriddenHandler = (element, event) => {
+              websocket.handleEvent(element, event);
+            };
+          } else {
+            fetchRemoteStaticMML(this.options.url).then((remoteDocumentBody) => {
+              this.remoteDocumentWrapper.remoteDocument.append(remoteDocumentBody);
+              loadingProgressManager == null ? void 0 : loadingProgressManager.setInitialLoad(true);
+            }).catch((err2) => {
+              loadingProgressManager == null ? void 0 : loadingProgressManager.setInitialLoad(err2);
+            });
+            overriddenHandler = () => {
+            };
+          }
+          sceneLoadingProgressManager == null ? void 0 : sceneLoadingProgressManager.addLoadingDocument(this, this.options.url, loadingProgressManager);
+        }
+        /**
+         * Returns a URL relative to the given host if the src starts with "ws:///" or "wss:///".
+         * If the src does not start with either prefix, it is returned unchanged.
+         *
+         * @param {string} host - The host to use for constructing the potentially relative URL.
+         * @param {string} src - The URL, which may be relative (starting with "ws:///" or "wss:///") or absolute.
+         * @returns {string} The absolute URL (if it were previously relative ws:/// or wss:///).
+         */
+        static resolveRelativeUrl(host, src) {
+          const insecurePrefix = "ws:///";
+          const securePrefix = "wss:///";
+          if (src.startsWith(insecurePrefix)) {
+            return `ws://${host}/${src.substring(insecurePrefix.length)}`;
+          } else if (src.startsWith(securePrefix)) {
+            return `wss://${host}/${src.substring(securePrefix.length)}`;
+          } else {
+            return src;
+          }
+        }
+        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();
+        }
+      };
       WebSocketFrameInstance = class {
         constructor(targetElement, src, scene22) {
           var _a2, _b2;
@@ -6155,7 +6263,7 @@
             var _a22, _b22;
             (_b22 = (_a22 = scene22.getLoadingProgressManager) == null ? void 0 : _a22.call(scene22)) == null ? void 0 : _b22.updateDocumentProgress(this);
           });
-          const websocketAddress = this.srcToAddress(this.src);
+          const websocketAddress = MMLNetworkSource.resolveRelativeUrl(this.getDocumentHost(), this.src);
           (_b2 = (_a2 = scene22.getLoadingProgressManager) == null ? void 0 : _a2.call(scene22)) == null ? void 0 : _b2.addLoadingDocument(this, websocketAddress, this.loadingProgressManager);
           const wrappedScene = createWrappedScene(this.scene, this.loadingProgressManager);
           this.remoteDocumentWrapper = new RemoteDocumentWrapper(
@@ -6199,17 +6307,6 @@
             this.domWebsocket.handleEvent(element, event);
           };
         }
-        srcToAddress(src) {
-          const insecurePrefix = "ws:///";
-          const securePrefix = "wss:///";
-          if (src.startsWith(insecurePrefix)) {
-            return `ws://${this.getDocumentHost()}/${src.substring(insecurePrefix.length)}`;
-          } else if (src.startsWith(securePrefix)) {
-            return `wss://${this.getDocumentHost()}/${src.substring(securePrefix.length)}`;
-          } else {
-            return src;
-          }
-        }
         getDocumentHost() {
           const remoteDocument = this.targetForWrapper.getInitiatedRemoteDocument();
           if (remoteDocument) {
@@ -9349,95 +9446,6 @@
           this.iframe.remove();
         }
       };
-      MMLNetworkSource = class _MMLNetworkSource {
-        constructor(options) {
-          this.options = options;
-          this.websocket = null;
-        }
-        static create(options) {
-          const mmlNetworkSource = new _MMLNetworkSource(options);
-          mmlNetworkSource.init();
-          return mmlNetworkSource;
-        }
-        init() {
-          let overriddenHandler = null;
-          const eventHandler = (element, event) => {
-            if (!overriddenHandler) {
-              throw new Error("overriddenHandler not set");
-            }
-            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,
-            wrappedScene,
-            eventHandler
-          );
-          this.options.targetForWrappers.append(this.remoteDocumentWrapper.remoteDocument);
-          let sceneLoadingProgressManager = null;
-          if (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) {
-            const websocket = new NetworkedDOMWebsocket(
-              this.options.url,
-              NetworkedDOMWebsocket.createWebSocket,
-              this.remoteDocumentWrapper.remoteDocument,
-              (time2) => {
-                this.remoteDocumentWrapper.setDocumentTime(time2);
-              },
-              (status) => {
-                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);
-              },
-              {
-                tagPrefix: "m-",
-                // If overlays are allowed, allow SVG elements to populate them
-                allowSVGElements: this.options.allowOverlay,
-                connectionToken: this.options.connectionToken ?? null
-              }
-            );
-            this.websocket = websocket;
-            overriddenHandler = (element, event) => {
-              websocket.handleEvent(element, event);
-            };
-          } else {
-            fetchRemoteStaticMML(this.options.url).then((remoteDocumentBody) => {
-              this.remoteDocumentWrapper.remoteDocument.append(remoteDocumentBody);
-              loadingProgressManager == null ? void 0 : loadingProgressManager.setInitialLoad(true);
-            }).catch((err2) => {
-              loadingProgressManager == null ? void 0 : loadingProgressManager.setInitialLoad(err2);
-            });
-            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();
-        }
-      };
       StatusUI = class {
         constructor() {
           this.element = document.createElement("div");