x_ite 8.6.1 → 8.6.3

package/src/x_ite/Execution/X3DImportedNode.js

@@ -350,7 +350,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
          generator .string += '"';
          generator .string += ':';
          generator .string += generator .TidySpace ();
+         generator .string += '"';
          generator .string += generator .JSONEncode (generator .Name (this .getInlineNode ()));
+         generator .string += '"';
          generator .string += ',';
          generator .string += generator .TidyBreak ();
 
@@ -360,7 +362,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
          generator .string += '"';
          generator .string += ':';
          generator .string += generator .TidySpace ();
+         generator .string += '"';
          generator .string += generator .JSONEncode (this .getExportedName ());
+         generator .string += '"';
 
          if (this .getImportedName () !== this .getExportedName ())
          {
@@ -372,7 +376,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
             generator .string += '"';
             generator .string += ':';
             generator .string += generator .TidySpace ();
+            generator .string += '"';
             generator .string += generator .JSONEncode (this .getImportedName ());
+            generator .string += '"';
             generator .string += generator .TidyBreak ();
          }
          else
@@ -437,7 +443,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (sourceNodeName);
+                  generator .string += '"';
                   generator .string += ',';
                   generator .string += generator .TidyBreak ();
 
@@ -447,7 +455,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (sourceField);
+                  generator .string += '"';
                   generator .string += ',';
                   generator .string += generator .TidyBreak ();
 
@@ -457,7 +467,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (destinationNodeName);
+                  generator .string += '"';
                   generator .string += ',';
                   generator .string += generator .TidyBreak ();
 
@@ -467,7 +479,9 @@ X3DImportedNode .prototype = Object .assign (Object .create (X3DNode .prototype)
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (destinationField);
+                  generator .string += '"';
                   generator .string += generator .TidyBreak ();
 
                   generator .string += generator .DecIndent ();

package/src/x_ite/Execution/X3DScene.js

@@ -762,7 +762,9 @@ X3DScene .prototype = Object .assign (Object .create (X3DExecutionContext .proto
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (key);
+                  generator .string += '"';
                   generator .string += ',';
                   generator .string += generator .TidyBreak ();
 
@@ -772,7 +774,9 @@ X3DScene .prototype = Object .assign (Object .create (X3DExecutionContext .proto
                   generator .string += '"';
                   generator .string += ':';
                   generator .string += generator .TidySpace ();
+                  generator .string += '"';
                   generator .string += generator .JSONEncode (value);
+                  generator .string += '"';
                   generator .string += generator .TidyBreak ();
 
                   generator .string += generator .DecIndent ();

package/src/x_ite/Fields/SFString.js

@@ -48,10 +48,6 @@
 import X3DField     from "../Base/X3DField.js";
 import X3DConstants from "../Base/X3DConstants.js";
 
-const
-   unescape = /\\([\\"])/g,
-   escape   = /([\\"])/g;
-
 function SFString (value)
 {
    return X3DField .call (this, arguments .length ? "" + value : "");
@@ -61,11 +57,11 @@ Object .assign (SFString,
 {
    unescape: function (string)
    {
-      return string .replace (unescape, "$1");
+      return string .replace (/\\([\\"])/g, "$1");
    },
    escape: function (string)
    {
-      return string .replace (escape, "\\$1");
+      return string .replace (/([\\"])/g, "\\$1");
    },
 });
 
@@ -115,7 +111,9 @@ SFString .prototype = Object .assign (Object .create (X3DField .prototype),
    },
    toJSONStreamValue: function (generator)
    {
+      generator .string += '"';
       generator .string += generator .JSONEncode (this .getValue ());
+      generator .string += '"';
    },
 });
 

package/src/x_ite/InputOutput/FileLoader.js

@@ -282,7 +282,7 @@ FileLoader .prototype = Object .assign (Object .create (X3DObject .prototype),
 
       const
          options     = { cache: this .node .getCache () ? "default" : "reload" },
-         response    = this .handleErrors (await fetch (decodeURI (this .URL .href), options)),
+         response    = this .handleErrors (await fetch (this .URL .href, options)),
          contentType = response .headers .get ("content-type") .replace (/;.*$/, "");
 
       if (this .foreign)

package/src/x_ite/InputOutput/Generator.js

@@ -499,68 +499,48 @@ Generator .prototype =
 
       return value;
    },
-   XMLEncode: function (string)
-   {
-      return string
-         .replace (/&/g, "&")
-         .replace (/\\/g, "\\\\")
-         .replace (/\t/g, "	")
-         .replace (/\n/g, "
")
-         .replace (/\r/g, "
")
-         .replace (/</g, "&lt;")
-         .replace (/>/g, "&gt;")
-         .replace (/'/g, "&apos;")
-         .replace (/"/g, "\\\"");
-   },
+   XMLEncode: (function ()
+   {
+      const map = {
+         "\\": "\\\\",
+         "\r": "&#xD;",
+         "\n": "&#xA;",
+         "\t": "&#x9;",
+         "\"": "\\\"",
+         "'": "&apos;",
+         "<": "&lt;",
+         ">": "&gt;",
+         "&": "&amp;",
+      };
+
+      const regex = /([\\\r\n\t"'<>&])/g;
+
+      return function (string)
+      {
+         return string .replace (regex, char => map [char]);
+      };
+   })(),
    escapeCDATA: function (string)
    {
       return string .replace (/\]\]\>/g, "\\]\\]\\>");
    },
-   JSONEncode: function (string)
+   JSONEncode: (function ()
    {
-      let result = '"';
-
-      for (const character of string)
-      {
-         switch (character)
-         {
-            case '\r':
-            {
-               result += "\\r";
-               break;
-            }
-            case '\n':
-            {
-               result += "\\n";
-               break;
-            }
-            case '\t':
-            {
-               result += "\\t";
-               break;
-            }
-            case '"':
-            {
-               result += "\\\"";
-               break;
-            }
-            case '\\':
-            {
-               result += "\\\\";
-               break;
-            }
-            default:
-            {
-               result += character;
-               break;
-            }
-         }
-      }
+      const map = {
+         "\\": "\\\\",
+         "\r": "\\r",
+         "\n": "\\n",
+         "\t": "\\t",
+         "\"": "\\\"",
+      };
 
-      result += '"';
+      const regex = /([\\\t\n\r"])/g;
 
-      return result;
-   },
+      return function (string)
+      {
+         return string .replace (regex, char => map [char]);
+      };
+   })(),
    JSONNumber: function (value)
    {
       switch (value)

package/src/x_ite/Parser/SVGParser.js

@@ -103,9 +103,9 @@ const
    PICA          = INCH / 6,  // One pica in meters.
    PIXEL         = INCH / 90, // One pixel in meters.
    EM            = 16,        // One em in pixels,
-   BEZIER_STEPS  = 10,
-   CIRCLE_STEPS  = 64,
-   GRADIENT_SIZE = 256; // In pixels.
+   BEZIER_STEPS  = 10,        // Subdivisions of a span.
+   CIRCLE_STEPS  = 64,        // Subdivisions of a circle, used for arc.
+   GRADIENT_SIZE = 256;       // In pixels.
 
 /*
  *  Parser
@@ -124,7 +124,7 @@ function SVGParser (scene)
 
    // Options
 
-   this .solid = false;
+   this .solid = false; // Are 2D primitives solid.
 
    // Globals
 
@@ -260,9 +260,12 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
       // Get attributes of svg element.
 
       const
-         viewBox = this .viewBoxAttribute (xmlElement .getAttribute ("viewBox"), new Vector4 (0, 0, 100, 100)),
-         width   = this .lengthAttribute (xmlElement .getAttribute ("width", viewBox [2])),
-         height  = this .lengthAttribute (xmlElement .getAttribute ("height", viewBox [3]));
+         defaultWidth   = this .lengthAttribute (xmlElement .getAttribute ("width", 100)),
+         defaultHeight  = this .lengthAttribute (xmlElement .getAttribute ("height", 100)),
+         defaultViewBox = new Vector4 (0, 0, defaultWidth, defaultHeight),
+         viewBox        = this .viewBoxAttribute (xmlElement .getAttribute ("viewBox"), defaultViewBox),
+         width          = this .lengthAttribute (xmlElement .getAttribute ("width", viewBox [2])),
+         height         = this .lengthAttribute (xmlElement .getAttribute ("height", viewBox [3]));
 
       // Create viewpoint.
 
@@ -855,7 +858,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
       for (const [o, c, a] of g .stops)
          gradient .addColorStop (o, `rgba(${c .r * 255},${c .g * 255},${c .b * 255},${a})`);
 
-      return this .drawGradient (gradient, g .transform, bbox);
+      return this .drawGradient (gradient, g .transform, bbox, g .units);
    },
    linearGradientElement: function (xmlElement, gradient)
    {
@@ -873,9 +876,9 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       gradient .x1        = this .lengthAttribute (xmlElement .getAttribute ("x1"), gradient .x1 || 0);
       gradient .y1        = this .lengthAttribute (xmlElement .getAttribute ("y1"), gradient .y1 || 0);
-      gradient .x2        = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 0);
+      gradient .x2        = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 1);
       gradient .y2        = this .lengthAttribute (xmlElement .getAttribute ("y2"), gradient .y2 || 0);
-      gradient .units     = xmlElement .getAttribute ("gradientUnits");
+      gradient .units     = xmlElement .getAttribute ("gradientUnits") || "objectBoundingBox";
       gradient .transform = this .transformAttribute (xmlElement .getAttribute ("gradientTransform"));
 
       // Stops
@@ -889,12 +892,12 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
    {
       const
          g        = this .radialGradientElement (xmlElement, { stops: [ ] }),
-         gradient = this .context .createRadialGradient (g .fx, g .fy, 0, g .cx, g .cy, g .r);
+         gradient = this .context .createRadialGradient (g .fx, g .fy, g. fr, g .cx, g .cy, g .r);
 
       for (const [o, c, a] of g .stops)
          gradient .addColorStop (o, `rgba(${c .r * 255},${c .g * 255},${c .b * 255},${a})`);
 
-      return this .drawGradient (gradient, g .transform, bbox);
+      return this .drawGradient (gradient, g .transform, bbox, g .units);
    },
    radialGradientElement: function (xmlElement, gradient)
    {
@@ -907,14 +910,13 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       // Attributes
 
-      gradient .cx           = this .lengthAttribute (xmlElement .getAttribute ("cx"), gradient .cx || 0),
-      gradient .cy           = this .lengthAttribute (xmlElement .getAttribute ("cy"), gradient .cy || 0),
-      gradient .x2           = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 0),
-      gradient .y2           = this .lengthAttribute (xmlElement .getAttribute ("y2"), gradient .y2 || 0),
-      gradient .r            = this .lengthAttribute (xmlElement .getAttribute ("r"),  gradient .cx),
-      gradient .fx           = this .lengthAttribute (xmlElement .getAttribute ("fx"), gradient .cx),
-      gradient .fy           = this .lengthAttribute (xmlElement .getAttribute ("fy"), gradient .cy),
-      gradient .units        = xmlElement .getAttribute ("gradientUnits");
+      gradient .cx           = this .lengthAttribute (xmlElement .getAttribute ("cx"), gradient .cx || 0.5),
+      gradient .cy           = this .lengthAttribute (xmlElement .getAttribute ("cy"), gradient .cy || 0.5),
+      gradient .r            = this .lengthAttribute (xmlElement .getAttribute ("r"),  gradient .r  || 0.5),
+      gradient .fx           = this .lengthAttribute (xmlElement .getAttribute ("fx"), gradient .fx || gradient .cx),
+      gradient .fy           = this .lengthAttribute (xmlElement .getAttribute ("fy"), gradient .fy || gradient .cy),
+      gradient .fr           = this .lengthAttribute (xmlElement .getAttribute ("fr"), gradient .fr || 0),
+      gradient .units        = xmlElement .getAttribute ("gradientUnits") || "objectBoundingBox";
       gradient .spreadMethod = xmlElement .getAttribute ("spreadMethod");
       gradient .transform    = this .transformAttribute (xmlElement .getAttribute ("gradientTransform"));
 
@@ -956,14 +958,19 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       this .styles .pop ();
    },
-   drawGradient: function (gradient, transform, bbox)
+   drawGradient: function (gradient, transform, bbox, units)
    {
       const m = new Matrix3 ();
 
       m .scale (new Vector2 (GRADIENT_SIZE / 2, GRADIENT_SIZE / 2));
       m .translate (Vector2 .One);
       m .scale (new Vector2 (1, -1));
-      m .multLeft (Matrix3 .inverse (bbox .matrix));
+
+      if (units === "userSpaceOnUse")
+         m .multLeft (Matrix3 .inverse (bbox .matrix));
+      else
+         m .multLeft (new Matrix3 (2, 0, 0, 0, 2, 0, -1, -1, 1));
+
       m .multLeft (transform);
 
       // Paint.
@@ -1026,6 +1033,9 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
    },
    hrefAttribute: function (attribute)
    {
+      if (!attribute)
+         return;
+
       const
          scene = this .getExecutionContext (),
          hash  = new URL (attribute, scene .getWorldURL ()) .hash .slice (1);
@@ -1169,8 +1179,6 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
             {
                // moveto
 
-               points = this .removeConsecutiveIdenticalPoints (points);
-
                if (points .length > 2)
                {
                   contours .push (Object .assign (points, { index: index, closed: false }));
@@ -1342,7 +1350,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                                  y  += ay;
                               }
 
-                              points .push (... Bezier .quadric (ax, ay, 0, x1, y1, 0, x, y, 0, BEZIER_STEPS));
+                              Bezier .quadric (ax, ay, 0, x1, y1, 0, x, y, 0, BEZIER_STEPS, points);
 
                               ax = x;
                               ay = y;
@@ -1403,7 +1411,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                            }
                         }
 
-                        points .push (... Bezier .quadric (ax, ay, 0, x1, y1, 0, x, y, 0, BEZIER_STEPS));
+                        Bezier .quadric (ax, ay, 0, x1, y1, 0, x, y, 0, BEZIER_STEPS, points);
 
                         ax = x;
                         ay = y;
@@ -1469,7 +1477,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                                        y  += ay;
                                     }
 
-                                    points .push (... Bezier .cubic (ax, ay, 0, x1, y1, 0, x2, y2, 0, x, y, 0, BEZIER_STEPS));
+                                    Bezier .cubic (ax, ay, 0, x1, y1, 0, x2, y2, 0, x, y, 0, BEZIER_STEPS, points);
 
                                     ax = x;
                                     ay = y;
@@ -1534,19 +1542,19 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                                  case 'S':
                                  case 's':
                                  {
-                                    x1 = ax + (ax - px);
-                                    y1 = ay + (ay - py);
+                                    var x1 = ax + (ax - px);
+                                    var y1 = ay + (ay - py);
                                     break;
                                  }
                                  default:
                                  {
-                                    x1 = ax;
-                                    y1 = ay;
+                                    var x1 = ax;
+                                    var y1 = ay;
                                     break;
                                  }
                               }
 
-                              points .push (... Bezier .cubic (ax, ay, 0, x1, y1, 0, x2, y2, 0, x, y, 0, BEZIER_STEPS));
+                              Bezier .cubic (ax, ay, 0, x1, y1, 0, x2, y2, 0, x, y, 0, BEZIER_STEPS, points);
 
                               ax = x;
                               ay = y;
@@ -1618,7 +1626,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                                           y += ay;
                                        }
 
-                                       points .push (... Bezier .arc (ax, ay, rx, ry, xAxisRotation, largeArcFlag, sweepFlag, x, y, CIRCLE_STEPS));
+                                       Bezier .arc (ax, ay, rx, ry, xAxisRotation, largeArcFlag, sweepFlag, x, y, CIRCLE_STEPS, points);
 
                                        ax = x;
                                        ay = y;
@@ -1643,8 +1651,6 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
             {
                // closepath
 
-               points = this .removeConsecutiveIdenticalPoints (points);
-
                if (points .length > 2)
                {
                   ax = points [0] .x;
@@ -1665,17 +1671,11 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
          break;
       }
 
-      points = this .removeConsecutiveIdenticalPoints (points);
-
       if (points .length > 2)
 		   contours .push (Object .assign (points, { index: index, closed: false }));
 
       return !! contours .length;
    },
-   removeConsecutiveIdenticalPoints: function (points)
-   {
-      return points .filter ((p, i, a) => !p .equals (a [(i + 1) % a .length]));
-   },
    transformAttribute: function (attribute)
    {
       const matrix = new Matrix3 ();

package/src/x_ite/Parser/X3DParser.js

@@ -142,11 +142,12 @@ X3DParser .prototype = {
    convertColor: function (value)
    {
       const
-         div    = $("<div></div>") .css ("color", value) .appendTo (this .getBrowser () .getShadow ()),
+         wrap   = $("<div></div>") .hide () .css ("color", "black") .appendTo ($("body")),
+         div    = $("<div></div>").css ("color", value) .appendTo (wrap),
          rgb    = window .getComputedStyle (div [0]) .color,
          values = rgb .replace (/^rgba?\(|\)$/g, "") .split (/[\s,]+/) .map (s => parseFloat (s));
 
-      div .remove ();
+      wrap .remove ();
 
       values [0] /= 255;
       values [1] /= 255;

package/src/x_ite/Prototype/X3DExternProtoDeclaration.js

@@ -296,7 +296,9 @@ X3DExternProtoDeclaration .prototype = Object .assign (Object .create (X3DProtoD
       generator .string += "@name";
       generator .string += '"';
       generator .string += ':';
+      generator .string += '"';
       generator .string += generator .JSONEncode (this .getName ());
+      generator .string += '"';
       generator .string += ',';
       generator .string += generator .TidyBreak ();
 
@@ -354,7 +356,9 @@ X3DExternProtoDeclaration .prototype = Object .assign (Object .create (X3DProtoD
             generator .string += '"';
             generator .string += ':';
             generator .string += generator .TidySpace ();
+            generator .string += '"';
             generator .string += generator .JSONEncode (field .getName ());
+            generator .string += '"';
             generator .string += generator .TidyBreak ();
 
             generator .string += generator .DecIndent ();

package/src/x_ite/Prototype/X3DProtoDeclaration.js

@@ -326,7 +326,9 @@ X3DProtoDeclaration .prototype = Object .assign (Object .create (X3DProtoDeclara
       generator .string += "@name";
       generator .string += '"';
       generator .string += ':';
+      generator .string += '"';
       generator .string += generator .JSONEncode (this .getName ());
+      generator .string += '"';
       generator .string += ',';
       generator .string += generator .TidyBreak ();
 
@@ -396,7 +398,9 @@ X3DProtoDeclaration .prototype = Object .assign (Object .create (X3DProtoDeclara
             generator .string += '"';
             generator .string += ':';
             generator .string += generator .TidySpace ();
+            generator .string += '"';
             generator .string += generator .JSONEncode (field .getName ());
+            generator .string += '"';
 
             if (field .isDefaultValue ())
             {

package/src/x_ite/Routing/X3DRoute.js

@@ -198,7 +198,9 @@ X3DRoute .prototype = Object .assign (Object .create (X3DObject .prototype),
       generator .string += '"';
       generator .string += ':';
       generator .string += generator .TidySpace ();
+      generator .string += '"';
       generator .string += generator .JSONEncode (sourceNodeName);
+      generator .string += '"';
       generator .string += ',';
       generator .string += generator .TidyBreak ();
 
@@ -208,7 +210,9 @@ X3DRoute .prototype = Object .assign (Object .create (X3DObject .prototype),
       generator .string += '"';
       generator .string += ':';
       generator .string += generator .TidySpace ();
+      generator .string += '"';
       generator .string += generator .JSONEncode (this [_sourceField] .getName ());
+      generator .string += '"';
       generator .string += ',';
       generator .string += generator .TidyBreak ();
 
@@ -218,7 +222,9 @@ X3DRoute .prototype = Object .assign (Object .create (X3DObject .prototype),
       generator .string += '"';
       generator .string += ':';
       generator .string += generator .TidySpace ();
+      generator .string += '"';
       generator .string += generator .JSONEncode (destinationNodeName);
+      generator .string += '"';
       generator .string += ',';
       generator .string += generator .TidyBreak ();
 
@@ -228,7 +234,9 @@ X3DRoute .prototype = Object .assign (Object .create (X3DObject .prototype),
       generator .string += '"';
       generator .string += ':';
       generator .string += generator .TidySpace ();
+      generator .string += '"';
       generator .string += generator .JSONEncode (this [_destinationField] .getName ());
+      generator .string += '"';
       generator .string += generator .TidyBreak ();
 
       generator .string += generator .DecIndent ();