x_ite 4.0.5 → 4.7.5

package/src/x_ite/Browser/X3DBrowser.js

@@ -52,6 +52,8 @@ define ([
 	"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",
@@ -61,13 +63,17 @@ define ([
 	"x_ite/Execution/X3DScene",
 	"x_ite/InputOutput/FileLoader",
 	"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,
@@ -77,7 +83,9 @@ function ($,
           X3DScene,
           FileLoader,
           XMLParser,
+          JSONParser,
           X3DConstants,
+          MapUtilities,
           _)
 {
 "use strict";
@@ -86,18 +94,15 @@ function ($,
 	{
 		X3DBrowserContext .call (this, element);
 
-		this .currentSpeed         = 0;
-		this .currentFrameRate     = 0;
-		this .description_         = "";
-		this .supportedNodes       = SupportedNodes;
-		this .supportedComponents  = SupportedComponents (this);
-		this .supportedProfiles    = SupportedProfiles (this);
-		this .components           = { };
+		this .currentSpeed     = 0;
+		this .currentFrameRate = 60;
+		this .components       = { };
+		this .browserCallbacks = new Map ();
 
 		this .replaceWorld (this .createScene ());
 	};
 
-	X3DBrowser .prototype = $.extend (Object .create (X3DBrowserContext .prototype),
+	X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .prototype),
 	{
 		constructor: X3DBrowser,
 		getTypeName: function ()
@@ -116,47 +121,46 @@ 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 () [0] .getAttribute ("src");
+			let urlCharacters = this .getElement () .attr ("src");
 
 			if (urlCharacters)
 				urlCharacters = '"' + urlCharacters + '"';
 			else
-				urlCharacters = this .getElement () [0] .getAttribute ("url");
+				urlCharacters = this .getElement () .attr ("url");
 
 			if (urlCharacters)
 			{
-	         this .initialized () .set (this .getCurrentTime ());
+				this .initialized () .set (this .getCurrentTime ());
 
 				this .load (urlCharacters);
 			}
 			else
+			{
 				this .initialized () .setValue (this .getCurrentTime ());
+				this .callBrowserCallbacks (X3DConstants .INITIALIZED_EVENT);
+				this .callBrowserEventHandler ("onload");
+			}
 
 			// Print welcome message.
 
 			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 ()
 		{
@@ -184,7 +188,7 @@ function ($,
 		},
 		getProfile: function (name)
 		{
-			var profile = this .supportedProfiles .get (name);
+			const profile = SupportedProfiles .get (name);
 
 			if (profile)
 				return profile;
@@ -193,34 +197,33 @@ function ($,
 		},
 		getComponent: function (name, level)
 		{
-			var component = this .supportedComponents .get (name);
+			const component = SupportedComponents .get (name);
 
 			if (component)
 			{
-				//if (level <= component .level)
-				//{
-					return new ComponentInfo (this,
-					{
-						title: component .title,
-						name:  name,
-						level: level,
-						providerUrl: this .getProviderUrl ()
-					});
-				//}
+				if (level <= component .level || true)
+					return new ComponentInfo (name, level, component .title, component. providerUrl);
 			}
 
 			throw Error ("Component '" + name + "' at level '" + level + "' is not supported.");
 		},
-		createScene: function ()
+		getSupportedNode: function (typeName)
 		{
-		   var scene = new Scene (this);
+			return SupportedNodes .getType (typeName);
+		},
+		createScene: function (profile, component1 /*, ...*/)
+		{
+		   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;
 		},
@@ -240,6 +243,8 @@ function ($,
 			{
 				this .getExecutionContext () .setLive (false);
 				this .shutdown () .processInterests ();
+				this .callBrowserCallbacks (X3DConstants .SHUTDOWN_EVENT);
+				this .callBrowserEventHandler ("onshutdown");
 			}
 
 			// Clear event cache.
@@ -251,34 +256,40 @@ function ($,
 			{
 				// 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);
-	
-			for (var id in scene .getLoadingObjects ())
-				this .addLoadCount (scene .getLoadingObjects () [id]);
+			this .prepareEvents () .removeInterest ("bind", this);
 
-			scene .setLive (this .isLive () .getValue ())
+			for (const object of scene .getLoadingObjects ())
+				this .addLoadCount (object);
 
 			this .setExecutionContext (scene);
+			this .getWorld () .bind ();
 
-			if (this .initialized () .getValue ())
-				this .initialized () .setValue (this .getCurrentTime ());
+			scene .setLive (this .isLive () .getValue ());
 		},
 		set_loadCount__: function (loadCount)
 		{
@@ -294,35 +305,34 @@ function ($,
 		{
 			this .prepareEvents () .removeInterest ("bind", this);
 
-			this .getWorld () .bind ();
 			this .setBrowserLoading (false);
+
+			if (this .initialized () .getValue ())
+			{
+				this .initialized () .setValue (this .getCurrentTime ());
+				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)
@@ -333,7 +343,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.");
@@ -341,7 +351,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 ());
@@ -359,42 +369,35 @@ 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)
@@ -412,81 +415,128 @@ function ($,
 			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,
+			loader .createX3DFromURL (url, parameter,
 			function (scene)
 			{
+				if (loader !== this .loader)
+					return;
+
 				if (! this .getBrowserOptions () .getSplashScreen ())
 					this .getCanvas () .fadeIn (0);
 
 				if (scene)
+				{
 					this .replaceWorld (scene);
+					this .removeLoadCount (this);
+				}
 				else
-					setTimeout (function () { this .getSplashScreen () .find (".x_ite-private-spinner-text") .text (_ ("Failed loading world.")); } .bind (this), 31);
+				{
+					this .callBrowserCallbacks (X3DConstants .CONNECTION_ERROR);
+					this .callBrowserEventHandler ("onerror");
 
-				// Must not remove load count, replaceWorld does a resetLoadCount when it sets setBrowserLoading to true.
-				// Don't set browser loading to false.
+					setTimeout (function () { this .getSplashScreen () .find (".x_ite-private-spinner-text") .text (_ ("Failed loading world.")); } .bind (this), 31);
+				}
 			}
 			.bind (this),
 			function (fragment)
 			{
-				this .currentScene .changeViewpoint (fragment);
-				this .removeLoadCount (id);
+				if (loader !== this .loader)
+					return;
+
+				this .changeViewpoint (fragment);
+				this .removeLoadCount (this);
 				this .setBrowserLoading (false);
 			}
 			.bind (this),
 			function (url, target)
 			{
+				if (loader !== this .loader)
+					return;
+
 				if (target)
 					window .open (url, target);
 				else
 					location = url;
 
-				this .removeLoadCount (id);
+				this .removeLoadCount (this);
 				this .setBrowserLoading (false);
 			}
 			.bind (this));
 		},
 		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)
 		{
 			// The string describes the name of the callback function to be called within the current ECMAScript context.
 		},
-		addBrowserCallback: function (callback, object)
+		addBrowserCallback: function (key, object)
 		{
-			// Probably to be implemented like addFieldCallback.
+			this .browserCallbacks .set (key, object);
 		},
-		removeBrowserCallback: function (callback)
-		{	
-			// Probably to be implemented like removeFieldCallback.
+		removeBrowserCallback: function (key)
+		{
+			this .browserCallbacks .delete (key);
 		},
-		importDocument: function (dom)
+		getBrowserCallbacks: function ()
 		{
-			if (! dom) return;
-			
-			var
-				currentScene = this .currentScene,
-				external     = this .isExternal (),
-				scene        = this .createScene ();
+			return this .browserCallbacks;
+		},
+		callBrowserCallbacks: (function ()
+		{
+			const browserCallbacks = new Map ();
 
-			new XMLParser (scene) .parseIntoScene (dom);
+			return function (browserEvent)
+			{
+				if (this .browserCallbacks .size)
+				{
+					MapUtilities .assign (browserCallbacks, this .browserCallbacks) .forEach (function (browserCallback)
+					{
+						browserCallback (browserEvent);
+					});
+				}
+			};
+		})(),
+		importDocument: function (dom, success, error)
+		{
+			const
+				currentScene = this .currentScene,
+				scene        = this .createScene (),
+				external     = this .isExternal ();
 
-			if (! external)
+			if (!external)
 			{
+				currentScene .isLive () .addInterest ("setLive", scene);
 				scene .setExecutionContext (currentScene);
+				scene .setLive (currentScene .getLive ());
+			}
+
+			new XMLParser (scene) .parseIntoScene (dom, success, error);
+
+			if (arguments .length === 1)
+				return scene;
+		},
+		importJS: function (json, success, error)
+		{
+			const
+				currentScene = this .currentScene,
+				scene        = this .createScene (),
+				external     = this .isExternal ();
+
+			if (!external)
+			{
 				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)
 		{
@@ -502,116 +552,138 @@ function ($,
 		},
 		getRenderingProperty: function (name)
 		{
-			this .getRenderingProperties () .getField (name) .getValue ();
+			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 (activeLayer)
+			if (! layerNode)
+				layerNode = this .getActiveLayer ();
+
+			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)
 		{
-			if (viewpoint .isBound_ .getValue ())
-				viewpoint .transitionStart (viewpoint);
+			viewpointNode .setVRMLTransition (true);
+
+			if (viewpointNode .isBound_ .getValue ())
+				viewpointNode .transitionStart (layerNode, viewpointNode, viewpointNode);
 
 			else
-				viewpoint .set_bind_ = true;
+				viewpointNode .set_bind_ = true;
 		},
 		addRoute: function (fromNode, fromEventOut, toNode, toEventIn)
 		{
@@ -621,7 +693,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);
@@ -644,27 +716,33 @@ 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);
 
-			$(".x_ite-console") .append (string);
+			const element = $(".x_ite-console");
+
+			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";
 
-			$(".x_ite-console") .append (string);
+			const element = $(".x_ite-console");
+
+			if (element .length)
+				element .append (document .createTextNode (string));
 		},
 	});
 
@@ -684,10 +762,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,
@@ -698,7 +778,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