x_ite 8.6.23 → 8.7.0

package/src/x_ite/Browser/X3DBrowser.js

@@ -74,7 +74,8 @@ const
    _reject           = Symbol (),
    _fileLoader       = Symbol (),
    _browserCallbacks = Symbol (),
-   _console          = Symbol ();
+   _console          = Symbol (),
+   _processEvents    = Symbol .for ("X_ITE.X3DRoutingContext.processEvents");
 
 function X3DBrowser (element)
 {
@@ -110,7 +111,7 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
    },
    initialize: function ()
    {
-      const processEvent = X3DBrowserContext .prototype .initialize .call (this);
+      X3DBrowserContext .prototype .initialize .call (this);
 
       this .replaceWorld (this .createScene ()) .catch (Function .prototype);
 
@@ -118,35 +119,42 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
 
       legacy .call (this);
 
-      processEvent .call (this);
+      // Process events from context creation. This will setup nodes like
+      // geometry option nodes before any node is created.
+      this [_processEvents] .call (this);
 
       // Print welcome message.
 
-      if (this .getInstanceId () > 1) return;
+      if (this .getInstanceId () > 1)
+         return;
 
-      $(() =>
-      {
-         this .print ("Welcome to " + this .name + " X3D Browser v" + this .version + ":\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" +
-                      "      Max samples: " + this .getMaxSamples () + "\n" +
-                      "      Depth size: " + this .getDepthSize () + " bits\n" +
-                      "      Color depth: " + this .getColorDepth () + " bits\n" +
-                      "      Max clip planes per shape: " + this .getMaxClipPlanes () + "\n" +
-                      "      Max lights per shape: " + this .getMaxLights () + "\n" +
-                      "      Max multi textures per shape: " + this .getMaxTextures () + "\n" +
-                      "      Texture units: " + this .getMaxCombinedTextureUnits () + "\n" +
-                      "      Max texture size: " + this .getMaxTextureSize () + " × " + this .getMaxTextureSize () + " pixels\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" +
-                      "      Max varying vectors: " + this .getMaxVaryingVectors () + "\n");
-      });
+      if (!this .getBrowserOption ("Debug"))
+         return;
+
+      this .printWelcomeMessage ();
+   },
+   printWelcomeMessage: function ()
+   {
+      this .print ("Welcome to " + this .name + " X3D Browser v" + this .version + ":\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" +
+                   "      Max samples: " + this .getMaxSamples () + "\n" +
+                   "      Depth size: " + this .getDepthSize () + " bits\n" +
+                   "      Color depth: " + this .getColorDepth () + " bits\n" +
+                   "      Max clip planes per shape: " + this .getMaxClipPlanes () + "\n" +
+                   "      Max lights per shape: " + this .getMaxLights () + "\n" +
+                   "      Max multi textures per shape: " + this .getMaxTextures () + "\n" +
+                   "      Texture units: " + this .getMaxCombinedTextureUnits () + "\n" +
+                   "      Max texture size: " + this .getMaxTextureSize () + " × " + this .getMaxTextureSize () + " pixels\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" +
+                   "      Max varying vectors: " + this .getMaxVaryingVectors () + "\n");
    },
    getName: function ()
    {
@@ -355,17 +363,36 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
    },
    createVrmlFromString: function (vrmlSyntax)
    {
-      return this .createX3DFromString (vrmlSyntax) .rootNodes;
+      vrmlSyntax = String (vrmlSyntax);
+
+      const
+         currentScene = this .currentScene,
+         external     = this .isExternal (),
+         fileLoader   = new FileLoader (this .getWorld ()),
+         scene        = fileLoader .createX3DFromString (currentScene .getWorldURL (), vrmlSyntax);
+
+      if (!external)
+      {
+         currentScene .getLive () .addInterest ("setLive", scene);
+         scene .setExecutionContext (currentScene);
+         scene .setLive (currentScene .isLive ());
+      }
+
+      return scene .rootNodes;
    },
-   createX3DFromString: function (x3dSyntax)
+   createX3DFromString: async function (x3dSyntax)
    {
       x3dSyntax = String (x3dSyntax);
 
       const
          currentScene = this .currentScene,
          external     = this .isExternal (),
-         fileLoader   = new FileLoader (this .getWorld ()),
-         scene        = fileLoader .createX3DFromString (currentScene .getWorldURL (), x3dSyntax);
+         fileLoader   = new FileLoader (this .getWorld ());
+
+      const scene = await new Promise ((resolve, reject) =>
+      {
+         fileLoader .createX3DFromString (currentScene .getWorldURL (), x3dSyntax, resolve, reject);
+      });
 
       if (!external)
       {

package/src/x_ite/Browser/X3DBrowserContext.js

@@ -177,10 +177,6 @@ X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prot
 
       for (const browserContext of browserContexts)
          browserContext .prototype .initialize ?.call (this);
-
-      // Process events from context creation. This will setup nodes like
-      // geometry option nodes before any node is created.
-      return this [_processEvents];
    },
    initialized: function ()
    {

package/src/x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture.js

@@ -71,8 +71,8 @@ function ComposedCubeMapTexture (executionContext)
 
    this .addChildObjects ("update", new Fields .SFTime ());
 
-   this .textureNodes  = [null, null, null, null, null, null];
-   this .loadStateBits = new BitSet ();
+   this .textureNodes = [null, null, null, null, null, null];
+   this .textureBits  = new BitSet ();
 }
 
 ComposedCubeMapTexture .prototype = Object .assign (Object .create (X3DEnvironmentTextureNode .prototype),
@@ -138,32 +138,27 @@ ComposedCubeMapTexture .prototype = Object .assign (Object .create (X3DEnvironme
    {
       let textureNode = this .textureNodes [index];
 
-      if (textureNode)
-         textureNode .removeInterest ("set_loadState__", this);
+      textureNode ?.removeInterest ("set_loadState__", this);
 
       textureNode = this .textureNodes [index] = X3DCast (X3DConstants .X3DTexture2DNode, node);
 
-      if (textureNode)
-         textureNode .addInterest ("set_loadState__", this, textureNode, index);
+      textureNode ?.addInterest ("set_loadState__", this, textureNode, index);
 
       this .set_loadState__ (textureNode, index);
    },
    set_loadState__: function (textureNode, index)
    {
-      if (textureNode)
-         this .setLoadStateBit (index, textureNode, textureNode .checkLoadState ());
-      else
-         this .setLoadStateBit (index, textureNode, X3DConstants .NOT_STARTED);
+      this .setTextureBit (index, textureNode, textureNode ?.checkLoadState () ?? X3DConstants .NOT_STARTED);
 
       this ._update .addEvent ();
    },
-   setLoadStateBit: function (bit, textureNode, loadState)
+   setTextureBit: function (bit, textureNode, loadState)
    {
-      this .loadStateBits .set (bit, loadState === X3DConstants .COMPLETE_STATE || textureNode .getWidth ());
+      this .textureBits .set (bit, loadState === X3DConstants .COMPLETE_STATE || textureNode ?.getWidth ());
    },
    isComplete: function ()
    {
-      if (+this .loadStateBits !== 0b111111)
+      if (+this .textureBits !== 0b111111)
          return false;
 
       const
@@ -212,7 +207,7 @@ ComposedCubeMapTexture .prototype = Object .assign (Object .create (X3DEnvironme
                      gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, width, height, 0, gl .RGBA, gl .UNSIGNED_BYTE, textureNode .getElement ());
                   else
                      gl .texImage2D (this .getTargets () [i], 0, gl .RGBA, gl .RGBA, gl .UNSIGNED_BYTE, textureNode .getElement ());
-                     
+
                   break;
                }
                default:

package/src/x_ite/Components/EnvironmentalEffects/Background.js

@@ -136,12 +136,12 @@ Background .prototype = Object .assign (Object .create (X3DBackgroundNode .proto
       topTexture    .setup ();
       bottomTexture .setup ();
 
-      this .set_frontTexture__  (frontTexture);
-      this .set_backTexture__   (backTexture);
-      this .set_leftTexture__   (leftTexture);
-      this .set_rightTexture__  (rightTexture);
-      this .set_topTexture__    (topTexture);
-      this .set_bottomTexture__ (bottomTexture);
+      this .set_texture__ (frontTexture,  0);
+      this .set_texture__ (backTexture,   1);
+      this .set_texture__ (leftTexture,   2);
+      this .set_texture__ (rightTexture,  3);
+      this .set_texture__ (topTexture,    4);
+      this .set_texture__ (bottomTexture, 5);
    }
 });
 

package/src/x_ite/Components/EnvironmentalEffects/TextureBackground.js

@@ -99,43 +99,23 @@ TextureBackground .prototype = Object .assign (Object .create (X3DBackgroundNode
    {
       X3DBackgroundNode .prototype .initialize .call (this);
 
-      this ._frontTexture  .addInterest ("set_frontTexture__", this);
-      this ._backTexture   .addInterest ("set_backTexture__", this);
-      this ._leftTexture   .addInterest ("set_leftTexture__", this);
-      this ._rightTexture  .addInterest ("set_rightTexture__", this);
-      this ._topTexture    .addInterest ("set_topTexture__", this);
-      this ._bottomTexture .addInterest ("set_bottomTexture__", this);
+      this ._frontTexture  .addInterest ("set_texture__", this, 0);
+      this ._backTexture   .addInterest ("set_texture__", this, 1);
+      this ._leftTexture   .addInterest ("set_texture__", this, 2);
+      this ._rightTexture  .addInterest ("set_texture__", this, 3);
+      this ._topTexture    .addInterest ("set_texture__", this, 4);
+      this ._bottomTexture .addInterest ("set_texture__", this, 5);
 
-      this .set_frontTexture__  (this ._frontTexture);
-      this .set_backTexture__   (this ._backTexture);
-      this .set_leftTexture__   (this ._leftTexture);
-      this .set_rightTexture__  (this ._rightTexture);
-      this .set_topTexture__    (this ._topTexture);
-      this .set_bottomTexture__ (this ._bottomTexture);
+      this .set_texture__ (0, this ._frontTexture);
+      this .set_texture__ (1, this ._backTexture);
+      this .set_texture__ (2, this ._leftTexture);
+      this .set_texture__ (3, this ._rightTexture);
+      this .set_texture__ (4, this ._topTexture);
+      this .set_texture__ (5, this ._bottomTexture);
    },
-   set_frontTexture__: function ()
+   set_texture__: function (index, textureNode)
    {
-      X3DBackgroundNode .prototype .set_frontTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._frontTexture));
-   },
-   set_backTexture__: function ()
-   {
-      X3DBackgroundNode .prototype .set_backTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._backTexture));
-   },
-   set_leftTexture__: function ()
-   {
-      X3DBackgroundNode .prototype .set_leftTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._leftTexture));
-   },
-   set_rightTexture__: function ()
-   {
-      X3DBackgroundNode .prototype .set_rightTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._rightTexture));
-   },
-   set_topTexture__: function ()
-   {
-      X3DBackgroundNode .prototype .set_topTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._topTexture));
-   },
-   set_bottomTexture__: function ()
-   {
-      X3DBackgroundNode .prototype .set_bottomTexture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, this ._bottomTexture));
+      X3DBackgroundNode .prototype .set_texture__ .call (this, X3DCast (X3DConstants .X3DTextureNode, textureNode), index);
    },
 });
 

package/src/x_ite/Components/EnvironmentalEffects/X3DBackgroundNode.js

@@ -141,50 +141,23 @@ X3DBackgroundNode .prototype = Object .assign (Object .create (X3DBindableNode .
 
       return false;
    },
-   set_frontTexture__: function (value)
+   set_texture__: function (textureNode, index)
    {
-      this .updateTexture (0, value);
-   },
-   set_backTexture__: function (value)
-   {
-      this .updateTexture (1, value);
-   },
-   set_leftTexture__: function (value)
-   {
-      this .updateTexture (2, value);
-   },
-   set_rightTexture__: function (value)
-   {
-      this .updateTexture (3, value);
-   },
-   set_topTexture__: function (value)
-   {
-      this .updateTexture (4, value);
-   },
-   set_bottomTexture__: function (value)
-   {
-      this .updateTexture (5, value);
-   },
-   updateTexture: function (index, textureNode)
-   {
-      this .textureNodes [index] ?._loadState .removeInterest ("setTextureBit", this);
+      this .textureNodes [index] ?._loadState .removeInterest ("set_loadState__", this);
 
       this .textureNodes [index] = textureNode;
 
-      if (textureNode)
-      {
-         textureNode ._loadState .addInterest ("setTextureBit", this, index, textureNode);
+      textureNode ?._loadState .addInterest ("set_loadState__", this, textureNode, index);
 
-         this .setTextureBit (index, textureNode, textureNode ._loadState);
-      }
-      else
-      {
-         this .textureBits .set (index, false);
-      }
+      this .set_loadState__ (textureNode, index);
+   },
+   set_loadState__: function (textureNode, index)
+   {
+      this .setTextureBit (index, textureNode, textureNode ?.checkLoadState () ?? X3DConstants .NOT_STARTED);
    },
    setTextureBit: function (bit, textureNode, loadState)
    {
-      this .textureBits .set (bit, loadState .getValue () === X3DConstants .COMPLETE_STATE || textureNode .getWidth ());
+      this .textureBits .set (bit, loadState === X3DConstants .COMPLETE_STATE || textureNode ?.getWidth ());
    },
    getColor: function (theta, color, angle)
    {

package/src/x_ite/Components/NURBS/NurbsCurve.js

@@ -199,7 +199,7 @@ NurbsCurve .prototype = Object .assign (Object .create (X3DParametricGeometryNod
       });
 
       this .sampleOptions .resolution [0] = this .getTessellation (knots .length);
-      this .sampleOptions .haveWeights    = Boolean (weights);
+      this .sampleOptions .haveWeights    = !! weights;
 
       const
          mesh        = nurbs .sample (this .mesh, surface, this .sampleOptions),

package/src/x_ite/Components/NURBS/NurbsCurve2D.js

@@ -157,7 +157,7 @@ NurbsCurve2D .prototype = Object .assign (Object .create (X3DNurbsControlCurveNo
       });
 
       this .sampleOptions .resolution [0] = this .getTessellation (knots .length);
-      this .sampleOptions .haveWeights    = Boolean (weights);
+      this .sampleOptions .haveWeights    = !! weights;
 
       const
          mesh   = nurbs .sample (this .mesh, surface, this .sampleOptions),

package/src/x_ite/Components/NURBS/NurbsOrientationInterpolator.js

@@ -187,7 +187,7 @@ NurbsOrientationInterpolator .prototype = Object .assign (Object .create (X3DChi
          debug: false,
       });
 
-      this .sampleOptions .haveWeights = Boolean (weights);
+      this .sampleOptions .haveWeights = !! weights;
 
       const
          mesh         = nurbs .sample (this .mesh, surface, this .sampleOptions),

package/src/x_ite/Components/NURBS/NurbsPositionInterpolator.js

@@ -185,7 +185,7 @@ NurbsPositionInterpolator .prototype = Object .assign (Object .create (X3DChildN
          debug: false,
       });
 
-      this .sampleOptions .haveWeights = Boolean (weights);
+      this .sampleOptions .haveWeights = !! weights;
 
       const
          mesh         = nurbs .sample (this .mesh, surface, this .sampleOptions),

package/src/x_ite/Components/NURBS/X3DNurbsSurfaceGeometryNode.js

@@ -211,7 +211,7 @@ X3DNurbsSurfaceGeometryNode .prototype = Object .assign (Object .create (X3DPara
       sampleOptions .closed [0]       = uClosed;
       sampleOptions .closed [1]       = vClosed;
       sampleOptions .domain           = undefined;
-      sampleOptions .haveWeights      = Boolean (weights);
+      sampleOptions .haveWeights      = !! weights;
       sampleOptions .trimmingContours = this .getTrimmingContours ();
 
       const

package/src/x_ite/Components/Picking/LinePickSensor.js

@@ -196,7 +196,7 @@ LinePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode .p
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 
@@ -272,7 +272,7 @@ LinePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode .p
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 

package/src/x_ite/Components/Picking/PointPickSensor.js

@@ -237,7 +237,7 @@ PointPickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode .
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 
@@ -301,7 +301,7 @@ PointPickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode .
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 

package/src/x_ite/Components/Picking/PrimitivePickSensor.js

@@ -183,7 +183,7 @@ PrimitivePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNo
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 
@@ -236,7 +236,7 @@ PrimitivePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNo
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 

package/src/x_ite/Components/Picking/VolumePickSensor.js

@@ -158,7 +158,7 @@ VolumePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 
@@ -211,7 +211,7 @@ VolumePickSensor .prototype = Object .assign (Object .create (X3DPickSensorNode
 
                   var
                      pickedGeometries = this .getPickedGeometries (),
-                     active           = Boolean (pickedGeometries .length);
+                     active           = !! pickedGeometries .length;
 
                   pickedGeometries .remove (0, pickedGeometries .length, null);
 

package/src/x_ite/Components/RigidBodyPhysics/CollisionSensor.js

@@ -225,7 +225,7 @@ CollisionSensor .prototype = Object .assign (Object .create (X3DSensorNode .prot
          },
          this);
 
-         var active = Boolean (contactNodes .length);
+         var active = !! contactNodes .length;
 
          if (this ._isActive .getValue () !== active)
             this ._isActive = active;

package/src/x_ite/Components/RigidBodyPhysics/MotorJoint.js

@@ -59,7 +59,7 @@ function MotorJoint (executionContext)
 
    // Units
 
-   this ._axis1angle      .setunit ("angle");
+   this ._axis1Angle      .setUnit ("angle");
    this ._axis2Angle      .setUnit ("angle");
    this ._axis3Angle      .setUnit ("angle");
    this ._motor1Angle     .setUnit ("angle");

package/src/x_ite/Components/Shape/X3DOneSidedMaterialNode.js

@@ -111,7 +111,7 @@ X3DOneSidedMaterialNode .prototype = Object .assign (Object .create (X3DMaterial
    },
    set_transparent__: function ()
    {
-      this .setTransparent (Boolean (this .transparency));
+      this .setTransparent (!! this .transparency);
    },
    getBaseTexture: function ()
    {

package/src/x_ite/Components/Sound/ListenerPointSource.js

@@ -57,7 +57,8 @@ function ListenerPointSource (executionContext)
 
    this .addType (X3DConstants .ListenerPointSource);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects ("loop",  new Fields .SFBool (),
+                          "speed", new Fields .SFFloat (1));
 
    this ._position .setUnit ("length");
 }

package/src/x_ite/Components/Sound/MicrophoneSource.js

@@ -57,7 +57,8 @@ function MicrophoneSource (executionContext)
 
    this .addType (X3DConstants .MicrophoneSource);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects ("loop",  new Fields .SFBool (),
+                          "speed", new Fields .SFFloat (1));
 }
 
 MicrophoneSource .prototype = Object .assign (Object .create (X3DSoundSourceNode .prototype),

package/src/x_ite/Components/Sound/OscillatorSource.js

@@ -57,7 +57,8 @@ function OscillatorSource (executionContext)
 
    this .addType (X3DConstants .OscillatorSource);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects ("loop",  new Fields .SFBool (),
+                          "speed", new Fields .SFFloat (1));
 }
 
 OscillatorSource .prototype = Object .assign (Object .create (X3DSoundSourceNode .prototype),

package/src/x_ite/Components/Sound/StreamAudioSource.js

@@ -57,7 +57,8 @@ function StreamAudioSource (executionContext)
 
    this .addType (X3DConstants .StreamAudioSource);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects ("loop",  new Fields .SFBool (),
+                          "speed", new Fields .SFFloat (1));
 }
 
 StreamAudioSource .prototype = Object .assign (Object .create (X3DSoundSourceNode .prototype),

package/src/x_ite/Components/Sound/X3DSoundProcessingNode.js

@@ -45,6 +45,7 @@
  *
  ******************************************************************************/
 
+import Fields               from "../../Fields.js";
 import X3DChildNode         from "../Core/X3DChildNode.js";
 import X3DTimeDependentNode from "../Time/X3DTimeDependentNode.js";
 import X3DConstants         from "../../Base/X3DConstants.js";
@@ -55,6 +56,8 @@ function X3DSoundProcessingNode (executionContext)
    X3DTimeDependentNode .call (this, executionContext);
 
    this .addType (X3DConstants .X3DSoundProcessingNode);
+
+   this .addChildObjects ("loop", new Fields .SFBool ());
 }
 
 X3DSoundProcessingNode .prototype = Object .assign (Object .create (X3DChildNode .prototype),

package/src/x_ite/Components/VolumeRendering/IsoSurfaceVolumeData.js

@@ -309,7 +309,7 @@ IsoSurfaceVolumeData .prototype = Object .assign (Object .create (X3DVolumeDataN
       //    this .getBrowser () .print (fs);
 
       const vertexShader = new ShaderPart (this .getExecutionContext ());
-      vertexShader ._url .push ("data:x-shader/x-vertex," + vs);
+      vertexShader ._url .push (encodeURI ("data:x-shader/x-vertex," + vs));
       vertexShader .setPrivate (true);
       vertexShader .setName ("VolumeDataVertexShader");
       vertexShader .setOptions (options);
@@ -317,7 +317,7 @@ IsoSurfaceVolumeData .prototype = Object .assign (Object .create (X3DVolumeDataN
 
       const fragmentShader = new ShaderPart (this .getExecutionContext ());
       fragmentShader ._type = "FRAGMENT";
-      fragmentShader ._url .push ("data:x-shader/x-fragment," + fs);
+      fragmentShader ._url .push (encodeURI ("data:x-shader/x-fragment," + fs));
       fragmentShader .setPrivate (true);
       fragmentShader .setName ("VolumeDataFragmentShader");
       fragmentShader .setOptions (options);

package/src/x_ite/Components/VolumeRendering/SegmentedVolumeData.js

@@ -222,7 +222,7 @@ SegmentedVolumeData .prototype = Object .assign (Object .create (X3DVolumeDataNo
       //    this .getBrowser () .print (fs);
 
       const vertexShader = new ShaderPart (this .getExecutionContext ());
-      vertexShader ._url .push ("data:x-shader/x-vertex," + vs);
+      vertexShader ._url .push (encodeURI ("data:x-shader/x-vertex," + vs));
       vertexShader .setPrivate (true);
       vertexShader .setName ("SegmentedVolumeDataVertexShader");
       vertexShader .setOptions (options);
@@ -230,7 +230,7 @@ SegmentedVolumeData .prototype = Object .assign (Object .create (X3DVolumeDataNo
 
       const fragmentShader = new ShaderPart (this .getExecutionContext ());
       fragmentShader ._type = "FRAGMENT";
-      fragmentShader ._url .push ("data:x-shader/x-fragment," + fs);
+      fragmentShader ._url .push (encodeURI ("data:x-shader/x-fragment," + fs));
       fragmentShader .setPrivate (true);
       fragmentShader .setName ("SegmentedVolumeDataFragmentShader");
       fragmentShader .setOptions (options);

package/src/x_ite/Components/VolumeRendering/VolumeData.js

@@ -162,7 +162,7 @@ VolumeData .prototype = Object .assign (Object .create (X3DVolumeDataNode .proto
       //    this .getBrowser () .print (fs);
 
       const vertexShader = new ShaderPart (this .getExecutionContext ());
-      vertexShader ._url .push ("data:x-shader/x-vertex," + vs);
+      vertexShader ._url .push (encodeURI ("data:x-shader/x-vertex," + vs));
       vertexShader .setPrivate (true);
       vertexShader .setName ("VolumeDataVertexShader");
       vertexShader .setOptions (options);
@@ -170,7 +170,7 @@ VolumeData .prototype = Object .assign (Object .create (X3DVolumeDataNode .proto
 
       const fragmentShader = new ShaderPart (this .getExecutionContext ());
       fragmentShader ._type = "FRAGMENT";
-      fragmentShader ._url .push ("data:x-shader/x-fragment," + fs);
+      fragmentShader ._url .push (encodeURI ("data:x-shader/x-fragment," + fs));
       fragmentShader .setPrivate (true);
       fragmentShader .setName ("VolumeDataFragmentShader");
       fragmentShader .setOptions (options);

package/src/x_ite/Configuration/ComponentInfo.js

@@ -50,10 +50,13 @@ import URLs      from "../Browser/Networking/URLs.js";
 
 function ComponentInfo ({ name, level, title, providerUrl, external = false, dependencies = [ ] })
 {
-   this .name        = name;
-   this .level       = level;
-   this .title       = title;
-   this .providerUrl = providerUrl || URLs .getProviderUrl (external && name);
+   Object .defineProperties (this,
+   {
+      name: { value: name, enumerable: true },
+      level: { value: level, enumerable: true },
+      title: { value: title, enumerable: true },
+      providerUrl: { value: providerUrl || URLs .getProviderUrl (external && name), enumerable: true },
+   });
 
    $.data (this, "external",     external)
    $.data (this, "dependencies", dependencies)