x_ite 4.2.17 → 4.7.7

package/src/x_ite/Browser/X3DBrowser.js

@@ -50,9 +50,9 @@
 define ([
 	"jquery",
 	"x_ite/Browser/VERSION",
-	"x_ite/Base/Events",
 	"x_ite/Fields",
 	"x_ite/Components",
+	"x_ite/Components/Layering/X3DLayerNode",
 	"x_ite/Browser/X3DBrowserContext",
 	"x_ite/Configuration/ComponentInfo",
 	"x_ite/Configuration/SupportedProfiles",
@@ -64,13 +64,14 @@ define ([
 	"x_ite/Parser/XMLParser",
 	"x_ite/Parser/JSONParser",
 	"x_ite/Bits/X3DConstants",
+	"standard/Utility/MapUtilities",
 	"locale/gettext",
 ],
 function ($,
           VERSION,
-          Events,
           Fields,
           Components,
+          X3DLayerNode,
           X3DBrowserContext,
           ComponentInfo,
           SupportedProfiles,
@@ -82,6 +83,7 @@ function ($,
           XMLParser,
           JSONParser,
           X3DConstants,
+          MapUtilities,
           _)
 {
 "use strict";
@@ -90,11 +92,10 @@ function ($,
 	{
 		X3DBrowserContext .call (this, element);
 
-		this .currentSpeed         = 0;
-		this .currentFrameRate     = 60;
-		this .description_         = "";
-		this .components           = { };
-		this .browserCallbacks     = new Map ();
+		this .currentSpeed     = 0;
+		this .currentFrameRate = 60;
+		this .components       = { };
+		this .browserCallbacks = new Map ();
 
 		this .replaceWorld (this .createScene ());
 	};
@@ -118,14 +119,7 @@ function ($,
 		{
 			X3DBrowserContext .prototype .initialize .call (this);
 
-			this .getLoadSensor () .isLoaded_ .addInterest ("set_loaded__", this);
-		},
-		set_loaded__: function (loaded)
-		{
-			this .getLoadSensor () .isLoaded_ .removeInterest ("set_loaded__", this);
-			this .getLoadSensor () .enabled_ = false;
-
-			var urlCharacters = this .getElement () .attr ("src");
+			let urlCharacters = this .getElement () .attr ("src");
 
 			if (urlCharacters)
 				urlCharacters = '"' + urlCharacters + '"';
@@ -141,28 +135,32 @@ function ($,
 			else
 			{
 				this .initialized () .setValue (this .getCurrentTime ());
-				this .callBrowserCallbacks ("initialized");
+				this .callBrowserCallbacks (X3DConstants .INITIALIZED_EVENT);
 				this .callBrowserEventHandler ("onload");
 			}
 
 			// Print welcome message.
 
+			if (this .getNumber () > 1) return;
+
 			this .print ("Welcome to " + this .name + " X3D Browser " + this .version + ":\n" +
-			             "        Current Graphics Renderer\n" +
-			             "                Name: " + this .getVendor () + " " + this .getWebGLVersion () + "\n" +
-			             "                Shading language: " + this .getShadingLanguageVersion () + "\n" +
-			             "        Rendering Properties\n" +
-			             "                Antialiased: " + this .getAntialiased () + "\n" +
-			             "                Depth size: " + this .getDepthSize () + " bits\n" +
-			             "                Color depth: " + this .getColorDepth () + " bits\n" +
-			             "                Max clip planes: 6\n" +
-			             "                Max lights: 8\n" +
-			             "                Texture units: " + this .getMaxTextureUnits () + " / " + this .getMaxCombinedTextureUnits () + "\n" +
-			             "                Max texture size: " + this .getMaxTextureSize () + " × " + this .getMaxTextureSize () + " pixel\n" +
-			             "                Texture memory: " + this .getTextureMemory () + "\n" +
-			             "                Max vertex uniform vectors: " + this .getMaxVertexUniformVectors () + "\n" +
-			             "                Max fragment uniform vectors: " + this .getMaxFragmentUniformVectors () + "\n" +
-			             "                Max vertex attribs: " + this .getMaxVertexAttribs () + "\n");
+			             "   Current Graphics Renderer\n" +
+			             "      Name: " + this .getVendor () + " " + this .getRenderer () + "\n" +
+			             "      WebGL version: " + this .getWebGLVersion () + "\n" +
+			             "      Shading language: " + this .getShadingLanguageVersion () + "\n" +
+			             "   Rendering Properties\n" +
+			             "      Antialiased: " + this .getAntialiased () + "\n" +
+			             "      Depth size: " + this .getDepthSize () + " bits\n" +
+			             "      Color depth: " + this .getColorDepth () + " bits\n" +
+			             "      Max clip planes: " + this .getMaxClipPlanes () + "\n" +
+			             "      Max global lights: " + this .getMaxLights () + "\n" +
+			             "      Max textures: " + this .getMaxTextures () + "\n" +
+			             "      Texture units: " + this .getMaxCombinedTextureUnits () + "\n" +
+			             "      Max texture size: " + this .getMaxTextureSize () + " × " + this .getMaxTextureSize () + " pixel\n" +
+			             "      Texture memory: " + this .getTextureMemory () + "\n" +
+			             "      Max vertex uniform vectors: " + this .getMaxVertexUniformVectors () + "\n" +
+			             "      Max fragment uniform vectors: " + this .getMaxFragmentUniformVectors () + "\n" +
+			             "      Max vertex attribs: " + this .getMaxVertexAttribs () + "\n");
 		},
 		getName: function ()
 		{
@@ -190,7 +188,7 @@ function ($,
 		},
 		getProfile: function (name)
 		{
-			var profile = SupportedProfiles .get (name);
+			const profile = SupportedProfiles .get (name);
 
 			if (profile)
 				return profile;
@@ -199,7 +197,7 @@ function ($,
 		},
 		getComponent: function (name, level)
 		{
-			var component = SupportedComponents .get (name);
+			const component = SupportedComponents .get (name);
 
 			if (component)
 			{
@@ -213,16 +211,19 @@ function ($,
 		{
 			return SupportedNodes .getType (typeName);
 		},
-		createScene: function ()
+		createScene: function (profile, component1 /*, ...*/)
 		{
-		   var scene = new Scene (this);
+		   const scene = new Scene (this);
 
-			scene .setup ();
+			if (arguments .length)
+			{
+				scene .setProfile (profile);
 
-			if (this .isExternal ())
-			   return scene;
+				for (let i = 1, length = arguments .length; i < length; ++ i)
+					scene .addComponent (arguments [i]);
+			}
 
-			scene .setLive (true);
+			scene .setup ();
 
 			return scene;
 		},
@@ -242,47 +243,50 @@ function ($,
 			{
 				this .getExecutionContext () .setLive (false);
 				this .shutdown () .processInterests ();
-				this .callBrowserCallbacks ("shutdown");
+				this .callBrowserCallbacks (X3DConstants .SHUTDOWN_EVENT);
 				this .callBrowserEventHandler ("onshutdown");
 			}
 
-			// Clear event cache.
-			Events .clear ();
-
 			// Replace world.
 
 			if (scene instanceof Fields .MFNode)
 			{
 				// VRML version of replaceWorld has a MFNode value as argument.
 
-				var rootNodes = scene;
+				const rootNodes = scene;
 
 				scene = this .createScene ();
 
-				for (var i = 0, length = rootNodes .length; i < length; ++ i)
-					scene .isLive () .addInterest (rootNodes [i] .getValue () .getExecutionContext () .isLive ());
+				for (const rootNode of rootNodes)
+					scene .isLive () .addInterest (rootNode .getValue () .getExecutionContext () .isLive ());
 
 				scene .setRootNodes (rootNodes);
 			}
 
 			if (! (scene instanceof X3DScene))
 				scene = this .createScene ();
-			
-			// bindWorld
+
+			// Detach scene from parent.
+
+			scene .getExecutionContext () .isLive () .removeInterest ("setLive", scene);
+			scene .setExecutionContext (scene);
+
+			// Replace.
+
 			this .description = "";
 
 			this .getBrowserOptions () .configure ();
 			this .setBrowserLoading (true);
 			this .loadCount_ .addInterest ("set_loadCount__", this);
 			this .prepareEvents () .removeInterest ("bind", this);
-	
-			for (var id in scene .getLoadingObjects ())
-				this .addLoadCount (scene .getLoadingObjects () [id]);
 
-			scene .setLive (this .isLive () .getValue ());
+			for (const object of scene .getLoadingObjects ())
+				this .addLoadCount (object);
 
-			// Scene.setup is done in World.inititalize.
 			this .setExecutionContext (scene);
+			this .getWorld () .bind ();
+
+			scene .setLive (this .isLive () .getValue ());
 		},
 		set_loadCount__: function (loadCount)
 		{
@@ -303,36 +307,29 @@ function ($,
 			if (this .initialized () .getValue ())
 			{
 				this .initialized () .setValue (this .getCurrentTime ());
-				this .callBrowserCallbacks ("initialized");
+				this .callBrowserCallbacks (X3DConstants .INITIALIZED_EVENT);
 				this .callBrowserEventHandler ("onload");
 			}
 		},
 		createVrmlFromString: function (vrmlSyntax)
 		{
-		   var rootNodes = new Fields .MFNode ();
-
-			rootNodes .setValue (this .createX3DFromString (vrmlSyntax) .rootNodes);
-
-			return rootNodes;
+			return this .createX3DFromString (vrmlSyntax) .rootNodes;
 		},
 		createX3DFromString: function (x3dSyntax)
 		{
-			var
+			const
 				currentScene = this .currentScene,
 				external     = this .isExternal (),
-				scene        = new FileLoader (this .getWorld ()) .createX3DFromString (this .currentScene .getURL (), x3dSyntax);
+				fileLoader   = new FileLoader (this .getWorld ()),
+				scene        = fileLoader .createX3DFromString (currentScene .getWorldURL (), x3dSyntax);
 
-			if (! external)
+			if (!external)
 			{
-				scene .setExecutionContext (currentScene);
 				currentScene .isLive () .addInterest ("setLive", scene);
-
-				if (currentScene .isLive () .getValue ())
-					scene .setLive (true);
+				scene .setExecutionContext (currentScene);
+				scene .setLive (currentScene .getLive ());
 			}
 
-			scene .setup ();
-
 			return scene;
 		},
 		createVrmlFromURL: function (url, node, event)
@@ -343,7 +340,7 @@ function ($,
 			if (! node .getValue ())
 				throw new Error ("Browser.createVrmlFromURL: node IS NULL.");
 
-			var field = node .getValue () .getField (event);
+			const field = node .getValue () .getField (event);
 
 			if (! field .isInput ())
 				throw new Error ("Browser.createVrmlFromURL: event named '" + event + "' must be a input field.");
@@ -351,7 +348,7 @@ function ($,
 			if (field .getType () !== X3DConstants .MFNode)
 				throw new Error ("Browser.createVrmlFromURL: event named '" + event + "' must be of type MFNode.");
 
-			var
+			const
 				currentScene = this .currentScene,
 				external     = this .isExternal (),
 				loader       = new FileLoader (this .getWorld ());
@@ -369,105 +366,128 @@ function ($,
 
 				   if (! external)
 				   {
+						currentScene .isLive () .addInterest ("setLive", scene);
 						scene .setExecutionContext (currentScene);
-				      currentScene .isLive () .addInterest ("setLive", scene);
-
-						if (currentScene .isLive () .getValue ())
-						   scene .setLive (true);
+						scene .setLive (currentScene .getLive ());
 					}
 
-					scene .setup ();
-				   
 					// Wait until scene is completely loaded, scene .loadCount_ must be 0.
 					field .setValue (scene .rootNodes);
 				}
 			}
 			.bind (this));
 		},
-		createX3DFromURL: function (url, event, node)
+		createX3DFromURL: function (url, node, event)
 		{
 			if (arguments .length === 3)
-				return this .createVrmlFromURL (url, event, node);
+				return this .createVrmlFromURL (url, node, event);
 
-			var
+			const
 				currentScene = this .currentScene,
 				external     = this .isExternal (),
-				scene        = new FileLoader (this .getWorld ()) .createX3DFromURL (url, null);
+				fileLoader   = new FileLoader (this .getWorld ()),
+				scene        = fileLoader .createX3DFromURL (url, null);
 
 			if (! external)
 			{
-				scene .setExecutionContext (currentScene);
 				currentScene .isLive () .addInterest ("setLive", scene);
-						
-				if (currentScene .isLive () .getValue ())
-					scene .setLive (true);
+				scene .setExecutionContext (currentScene);
+				scene .setLive (currentScene .getLive ());
 			}
 
-			scene .setup ();
-
 			return scene;
 		},
 		loadURL: function (url, parameter)
 		{
-			// Cancel any loading.
+			const promise = new Promise (function (resolve, reject)
+			{
+				// Cancel any loading.
 
-			this .loadCount_       .removeInterest ("set_loadCount__", this);
-			this .prepareEvents () .removeInterest ("bind", this);
+				this .loadCount_       .removeInterest ("set_loadCount__", this);
+				this .prepareEvents () .removeInterest ("bind", this);
 
-			if (this .loader)
-				this .loader .abort ();
+				if (this .loader)
+					this .loader .abort ();
 
-			// Start loading.
+				// Start loading.
 
-			this .setBrowserLoading (true);
-			this .addLoadCount (this);
+				this .setBrowserLoading (true);
+				this .addLoadCount (this);
 
-			this .loader = new FileLoader (this .getWorld ());
+				const loader = this .loader = new FileLoader (this .getWorld ());
 
-			this .loader .createX3DFromURL (url, parameter,
-			function (scene)
-			{
-				if (! this .getBrowserOptions () .getSplashScreen ())
-					this .getCanvas () .fadeIn (0);
-
-				if (scene)
+				loader .createX3DFromURL (url, parameter,
+				function (scene)
 				{
-					this .replaceWorld (scene);
+					if (loader !== this .loader)
+					{
+						reject ();
+						return;
+					}
+
+					if (! this .getBrowserOptions () .getSplashScreen ())
+						this .getCanvas () .fadeIn (0);
+
+					if (scene)
+					{
+						this .replaceWorld (scene);
+						this .removeLoadCount (this);
+
+						resolve ();
+					}
+					else
+					{
+						this .callBrowserCallbacks (X3DConstants .CONNECTION_ERROR);
+						this .callBrowserEventHandler ("onerror");
+
+						setTimeout (function () { this .getSplashScreen () .find (".x_ite-private-spinner-text") .text (_ ("Failed loading world.")); } .bind (this), 31);
+
+						reject ();
+					}
 				}
-				else
+				.bind (this),
+				function (fragment)
 				{
-					this .callBrowserCallbacks ("error", url);
-					this .callBrowserEventHandler ("onerror");
+					if (loader !== this .loader)
+					{
+						reject ();
+						return;
+					}
 
-					setTimeout (function () { this .getSplashScreen () .find (".x_ite-private-spinner-text") .text (_ ("Failed loading world.")); } .bind (this), 31);
+					this .changeViewpoint (fragment);
+					this .removeLoadCount (this);
+					this .setBrowserLoading (false);
+
+					resolve ();
 				}
+				.bind (this),
+				function (url, target)
+				{
+					if (loader !== this .loader)
+					{
+						reject ();
+						return;
+					}
 
-				// Must not remove load count, replaceWorld does a resetLoadCount when it sets setBrowserLoading to true.
-				// Don't set browser loading to false.
-			}
-			.bind (this),
-			function (fragment)
-			{
-				this .currentScene .changeViewpoint (fragment);
-				this .removeLoadCount (this);
-				this .setBrowserLoading (false);
-			}
-			.bind (this),
-			function (url, target)
-			{
-				if (target)
-					window .open (url, target);
-				else
-					location = url;
+					if (target)
+						window .open (url, target);
+					else
+						location = url;
 
-				this .removeLoadCount (this);
-				this .setBrowserLoading (false);
+					this .removeLoadCount (this);
+					this .setBrowserLoading (false);
+
+					resolve ();
+				}
+				.bind (this));
 			}
 			.bind (this));
+
+			return promise;
 		},
 		addBrowserListener: function (callback, object)
 		{
-			// The string describes the name of the callback function to be called within the current ECMAScript context. 
+			// The string describes the name of the callback function to be called within the current ECMAScript context.
 		},
 		removeBrowserListener: function (callback)
 		{
@@ -485,62 +505,58 @@ function ($,
 		{
 			return this .browserCallbacks;
 		},
-		callBrowserCallbacks: function (name /* arguments */)
+		callBrowserCallbacks: (function ()
 		{
-			var args = arguments;
+			const browserCallbacks = new Map ();
 
-			if (this .browserCallbacks .size)
+			return function (browserEvent)
 			{
-				(new Map (this .browserCallbacks)) .forEach (function (browserCallback)
+				if (this .browserCallbacks .size)
 				{
-					browserCallback .apply (null, args);
-				});
-			}
-		},
-		importJS: function (jsobj) {
-			var
+					MapUtilities .assign (browserCallbacks, this .browserCallbacks) .forEach (function (browserCallback)
+					{
+						browserCallback (browserEvent);
+					});
+				}
+			};
+		})(),
+		importDocument: function (dom, success, error)
+		{
+			const
 				currentScene = this .currentScene,
-				external     = this .isExternal (),
-				scene        = this .createScene ();
-
-			new JSONParser (scene) .parseJavaScript (jsobj);
+				scene        = this .createScene (),
+				external     = this .isExternal ();
 
-			if (! external)
+			if (!external)
 			{
+				currentScene .isLive () .addInterest ("setLive", scene);
 				scene .setExecutionContext (currentScene);
-				currentScene .isLive () .addInterest (scene, "setLive");
-						
-				if (currentScene .isLive () .getValue ())
-					scene .setLive (true);
+				scene .setLive (currentScene .getLive ());
 			}
 
-			scene .setup ();
+			new XMLParser (scene) .parseIntoScene (dom, success, error);
 
-			return scene;
+			if (arguments .length === 1)
+				return scene;
 		},
-		importDocument: function (dom)
+		importJS: function (json, success, error)
 		{
-			if (! dom) return;
-			
-			var
+			const
 				currentScene = this .currentScene,
-				external     = this .isExternal (),
-				scene        = this .createScene ();
+				scene        = this .createScene (),
+				external     = this .isExternal ();
 
-			new XMLParser (scene) .parseIntoScene (dom);
-
-			if (! external)
+			if (!external)
 			{
-				scene .setExecutionContext (currentScene);
 				currentScene .isLive () .addInterest ("setLive", scene);
-						
-				if (currentScene .isLive () .getValue ())
-					scene .setLive (true);
+				scene .setExecutionContext (currentScene);
+				scene .setLive (currentScene .getLive ());
 			}
 
-			scene .setup ();
+			new JSONParser (scene) .parseIntoScene (json, success, error);
 
-			return scene;
+			if (arguments .length === 1)
+				return scene;
 		},
 		getBrowserProperty: function (name)
 		{
@@ -558,116 +574,136 @@ function ($,
 		{
 			return this .getRenderingProperties () .getField (name) .getValue ();
 		},
-		firstViewpoint: function ()
+		firstViewpoint: function (layerNode)
 		{
-			var activeLayer = this .getActiveLayer ();
-		
-			if (activeLayer)
+			if (layerNode instanceof Fields .SFNode)
+				layerNode = layerNode .getValue ()
+
+			if (! layerNode)
+				layerNode = this .getActiveLayer ();
+
+			if (layerNode instanceof X3DLayerNode)
 			{
-				var viewpoints = activeLayer .getUserViewpoints ();
+				const viewpoints = layerNode .getUserViewpoints ();
 
 				if (viewpoints .length)
-					this .bindViewpoint (viewpoints [0]);
+					this .bindViewpoint (layerNode, viewpoints [0]);
 			}
 		},
-		previousViewpoint: function ()
+		previousViewpoint: function (layerNode)
 		{
-			var activeLayer = this .getActiveLayer ();
+			if (layerNode instanceof Fields .SFNode)
+				layerNode = layerNode .getValue ()
 
-			if (activeLayer)
+			if (! layerNode)
+				layerNode = this .getActiveLayer ();
+
+			if (layerNode instanceof X3DLayerNode)
 			{
-				var viewpoints = activeLayer .getUserViewpoints ();
+				const viewpoints = layerNode .getUserViewpoints ();
 
 				if (viewpoints .length === 0)
 					return;
 
-				var index = 0;
-
 				for (var i = 0; i < viewpoints .length; ++ i)
 				{
 					if (viewpoints [i] .isBound_ .getValue ())
 						break;
-
-					++ index;
 				}
 
-				if (index < viewpoints .length)
+				if (i < viewpoints .length)
 				{
-					if (index === 0)
-						this .bindViewpoint (viewpoints [viewpoints .length - 1]);
+					if (i === 0)
+						this .bindViewpoint (layerNode, viewpoints .at (-1));
 
 					else
-						this .bindViewpoint (viewpoints [index - 1]);
+						this .bindViewpoint (layerNode, viewpoints [i - 1]);
 				}
 				else
-					this .bindViewpoint (viewpoints [viewpoints .length - 1]);
+					this .bindViewpoint (layerNode, viewpoints .at (-1));
 			}
 		},
-		nextViewpoint: function ()
+		nextViewpoint: function (layerNode)
 		{
-			var activeLayer = this .getActiveLayer ();
+			if (layerNode instanceof Fields .SFNode)
+				layerNode = layerNode .getValue ()
+
+			if (! layerNode)
+				layerNode = this .getActiveLayer ();
 
-			if (activeLayer)
+			if (layerNode instanceof X3DLayerNode)
 			{
-				var viewpoints = activeLayer .getUserViewpoints ();
+				const viewpoints = layerNode .getUserViewpoints ();
 
 				if (viewpoints .length === 0)
 					return;
 
-				var index = 0;
-
 				for (var i = 0; i < viewpoints .length; ++ i)
 				{
 					if (viewpoints [i] .isBound_ .getValue ())
 						break;
-
-					++ index;
 				}
 
-				if (index < viewpoints .length)
+				if (i < viewpoints .length)
 				{
-					if (index === viewpoints .length - 1)
-						this .bindViewpoint (viewpoints [0]);
+					if (i === viewpoints .length - 1)
+						this .bindViewpoint (layerNode, viewpoints [0]);
 
 					else
-						this .bindViewpoint (viewpoints [index + 1]);
+						this .bindViewpoint (layerNode, viewpoints [i + 1]);
 				}
 				else
-					this .bindViewpoint (viewpoints [0]);
+					this .bindViewpoint (layerNode, viewpoints [0]);
 			}
 		},
-		lastViewpoint: function ()
+		lastViewpoint: function (layerNode)
 		{
-			var activeLayer = this .getActiveLayer ();
+			if (layerNode instanceof Fields .SFNode)
+				layerNode = layerNode .getValue ()
+
+			if (! layerNode)
+				layerNode = this .getActiveLayer ();
 
-			if (activeLayer)
+			if (layerNode instanceof X3DLayerNode)
 			{
-				var viewpoints = activeLayer .getUserViewpoints ();
+				const viewpoints = layerNode .getUserViewpoints ();
 
 				if (viewpoints .length)
-					this .bindViewpoint (viewpoints [viewpoints .length - 1]);
+					this .bindViewpoint (layerNode, viewpoints .at (-1));
 			}
 		},
-		changeViewpoint: function (name)
+		changeViewpoint: function (layerNode, name)
 		{
-			try
+			if (layerNode instanceof Fields .SFNode)
+				layerNode = layerNode .getValue ()
+
+			if (arguments .length === 1)
 			{
-				this .currentScene .changeViewpoint (name);
+				name      = layerNode;
+				layerNode = this .getActiveLayer ();
 			}
-			catch (error)
+
+			if (layerNode instanceof X3DLayerNode)
 			{
-				console .log (error .message);
+				for (const viewpointNode of layerNode .getViewpoints () .get ())
+				{
+					if (viewpointNode .getName () === name)
+					{
+						this .bindViewpoint (layerNode, viewpointNode);
+						break;
+					}
+				}
 			}
 		},
-		bindViewpoint: function (viewpoint)
+		bindViewpoint: function (layerNode, viewpointNode)
 		{
-			viewpoint .setAnimate (true); // VRML
+			viewpointNode .setVRMLTransition (true);
 
-			if (viewpoint .isBound_ .getValue ())
-				viewpoint .transitionStart (viewpoint);
+			if (viewpointNode .isBound_ .getValue ())
+				viewpointNode .transitionStart (layerNode, viewpointNode, viewpointNode);
 
 			else
-				viewpoint .set_bind_ = true;
+				viewpointNode .set_bind_ = true;
 		},
 		addRoute: function (fromNode, fromEventOut, toNode, toEventIn)
 		{
@@ -677,7 +713,7 @@ function ($,
 		{
 			try
 			{
-				var route = this .currentScene .getRoute (fromNode, fromEventOut, toNode, toEventIn);
+				const route = this .currentScene .getRoute (fromNode, fromEventOut, toNode, toEventIn);
 
 				if (route)
 					this .currentScene .deleteRoute (route);
@@ -700,30 +736,30 @@ function ($,
 		},
 		print: function ()
 		{
-			var string = "";
+			let string = "";
 
-			for (var i = 0; i < arguments .length; ++ i)
-				string += arguments [i];
+			for (const argument of arguments)
+				string += argument;
 
 			console .log (string);
 
-			var consoleElement = $(".x_ite-console");
+			const element = $(".x_ite-console");
 
-			if (consoleElement .length)
-				consoleElement .append (document .createTextNode (string));
+			if (element .length)
+				element .append (document .createTextNode (string));
 		},
 		println: function ()
 		{
-			var string = "";
+			let string = "";
 
-			for (var i = 0; i < arguments .length; ++ i)
-				string += arguments [i];
+			for (const argument of arguments)
+				string += argument;
 
 			console .log (string);
 
 			string += "\n";
 
-			var element = $(".x_ite-console");
+			const element = $(".x_ite-console");
 
 			if (element .length)
 				element .append (document .createTextNode (string));
@@ -746,10 +782,12 @@ function ($,
 
 	Object .defineProperty (X3DBrowser .prototype, "description",
 	{
-		get: function () { return this .description_; },
+		get: function ()
+		{
+			return this .getNotification () .string_ .getValue ();
+		},
 		set: function (value)
 		{
-			this .description_                = value;
 			this .getNotification () .string_ = value;
 		},
 		enumerable: true,
@@ -760,7 +798,27 @@ function ($,
 	{
 		get: function ()
 		{
-			return this .getScriptStack () [this .getScriptStack () .length - 1] .getExecutionContext ();
+			return this .getScriptStack () .at (-1) .getExecutionContext ();
+		},
+		enumerable: true,
+		configurable: false
+	});
+
+	Object .defineProperty (X3DBrowser .prototype, "supportedProfiles",
+	{
+		get: function ()
+		{
+			return SupportedProfiles;
+		},
+		enumerable: true,
+		configurable: false
+	});
+
+	Object .defineProperty (X3DBrowser .prototype, "supportedComponents",
+	{
+		get: function ()
+		{
+			return SupportedComponents;
 		},
 		enumerable: true,
 		configurable: false