x_ite 8.7.3 → 8.7.5

package/src/standard/Math/Numbers/Vector2.js

@@ -54,7 +54,6 @@ function Vector2 (x, y)
 Vector2 .prototype =
 {
    constructor: Vector2,
-   length: 2,
    [Symbol .iterator]: function* ()
    {
       yield this .x;
@@ -214,20 +213,19 @@ Vector2 .prototype =
    }
 };
 
-Object .defineProperty (Vector2 .prototype, "0",
+Object .defineProperties (Vector2 .prototype,
 {
-   get: function () { return this .x; },
-   set: function (value) { this .x = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector2 .prototype, "1",
-{
-   get: function () { return this .y; },
-   set: function (value) { this .y = value; },
-   enumerable: false,
-   configurable: false
+   length: { value: 2 },
+   0:
+   {
+      get: function () { return this .x; },
+      set: function (value) { this .x = value; },
+   },
+   1:
+   {
+      get: function () { return this .y; },
+      set: function (value) { this .y = value; },
+   },
 });
 
 Object .assign (Vector2,

package/src/standard/Math/Numbers/Vector3.js

@@ -57,7 +57,6 @@ function Vector3 (x, y, z)
 Vector3 .prototype =
 {
    constructor: Vector3,
-   length: 3,
    [Symbol .iterator]: function* ()
    {
       yield this .x;
@@ -262,28 +261,24 @@ Vector3 .prototype =
    }
 };
 
-Object .defineProperty (Vector3 .prototype, "0",
+Object .defineProperties (Vector3 .prototype,
 {
-   get: function () { return this .x; },
-   set: function (value) { this .x = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector3 .prototype, "1",
-{
-   get: function () { return this .y; },
-   set: function (value) { this .y = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector3 .prototype, "2",
-{
-   get: function () { return this .z; },
-   set: function (value) { this .z = value; },
-   enumerable: false,
-   configurable: false
+   length: { value: 3 },
+   0:
+   {
+      get: function () { return this .x; },
+      set: function (value) { this .x = value; },
+   },
+   1:
+   {
+      get: function () { return this .y; },
+      set: function (value) { this .y = value; },
+   },
+   2:
+   {
+      get: function () { return this .z; },
+      set: function (value) { this .z = value; },
+   },
 });
 
 Object .assign (Vector3,

package/src/standard/Math/Numbers/Vector4.js

@@ -56,7 +56,6 @@ function Vector4 (x, y, z, w)
 Vector4 .prototype =
 {
    constructor: Vector4,
-   length: 4,
    [Symbol .iterator]: function* ()
    {
       yield this .x;
@@ -271,36 +270,29 @@ Vector4 .prototype =
    },
 };
 
-Object .defineProperty (Vector4 .prototype, "0",
+Object .defineProperties (Vector4 .prototype,
 {
-   get: function () { return this .x; },
-   set: function (value) { this .x = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector4 .prototype, "1",
-{
-   get: function () { return this .y; },
-   set: function (value) { this .y = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector4 .prototype, "2",
-{
-   get: function () { return this .z; },
-   set: function (value) { this .z = value; },
-   enumerable: false,
-   configurable: false
-});
-
-Object .defineProperty (Vector4 .prototype, "3",
-{
-   get: function () { return this .w; },
-   set: function (value) { this .w = value; },
-   enumerable: false,
-   configurable: false
+   length: { value: 4 },
+   0:
+   {
+      get: function () { return this .x; },
+      set: function (value) { this .x = value; },
+   },
+   1:
+   {
+      get: function () { return this .y; },
+      set: function (value) { this .y = value; },
+   },
+   2:
+   {
+      get: function () { return this .z; },
+      set: function (value) { this .z = value; },
+   },
+   3:
+   {
+      get: function () { return this .w; },
+      set: function (value) { this .w = value; },
+   },
 });
 
 Object .assign (Vector4,

package/src/x_ite/Base/FieldArray.js

@@ -46,10 +46,11 @@
  ******************************************************************************/
 
 import X3DInfoArray from "./X3DInfoArray.js";
+import X3DField     from "./X3DField.js";
 
-function FieldArray ()
+function FieldArray (values)
 {
-   return X3DInfoArray .call (this);
+   return X3DInfoArray .call (this, values, X3DField);
 }
 
 FieldArray .prototype = Object .assign (Object .create (X3DInfoArray .prototype),

package/src/x_ite/Base/FieldDefinitionArray.js

@@ -45,11 +45,12 @@
  *
  ******************************************************************************/
 
-import X3DInfoArray from "./X3DInfoArray.js";
+import X3DInfoArray       from "./X3DInfoArray.js";
+import X3DFieldDefinition from "./X3DFieldDefinition.js"
 
 function FieldDefinitionArray (values)
 {
-   return X3DInfoArray .call (this, values);
+   return X3DInfoArray .call (this, values, X3DFieldDefinition);
 }
 
 FieldDefinitionArray .prototype = Object .assign (Object .create (X3DInfoArray .prototype),

package/src/x_ite/Base/X3DArrayField.js

@@ -64,7 +64,7 @@ X3DArrayField .prototype = Object .assign (Object .create (X3DField .prototype),
    fill: Array .prototype .fill,
    filter: function (callbackFn, thisArg)
    {
-      return new (this .getTarget () .constructor) (... Array .prototype .filter .call (this, callbackFn, thisArg));
+      return new (this .constructor) (... Array .prototype .filter .call (this, callbackFn, thisArg));
    },
    find: Array .prototype .find,
    findIndex: Array .prototype .findIndex,
@@ -80,18 +80,42 @@ X3DArrayField .prototype = Object .assign (Object .create (X3DField .prototype),
    lastIndexOf: Array .prototype .lastIndexOf,
    map: function (callbackFn, thisArg)
    {
-      return new (this .getTarget () .constructor) (... Array .prototype .map .call (this, callbackFn, thisArg));
+      return new (this .constructor) (... Array .prototype .map .call (this, callbackFn, thisArg));
    },
    reduce: Array .prototype .reduce,
    reduceRight: Array .prototype .reduceRight,
    reverse: Array .prototype .reverse,
    slice: function (start, end)
    {
-      return new (this .getTarget () .constructor) (... Array .prototype .slice .call (this, start, end));
+      return new (this .constructor) (... Array .prototype .slice .call (this, start, end));
    },
    some: Array .prototype .some,
    sort: Array .prototype .sort,
+   toReversed: function ()
+   {
+      return this .copy () .reverse ();
+   },
+   toSorted: function (compareFn)
+   {
+      return this .copy () .sort (compareFn);
+   },
+   toSpliced: function (start, deleteCount, ... insertValues)
+   {
+      const copy = this .copy ();
+
+      copy .splice (start, deleteCount, ... insertValues);
+
+      return copy;
+   },
    values: Array .prototype .values,
+   with: function (index, value)
+   {
+      const copy = this .copy ();
+
+      copy [index] = value;
+
+      return copy;
+   },
 });
 
 for (const key of Reflect .ownKeys (X3DArrayField .prototype))

package/src/x_ite/Base/X3DInfoArray.js

@@ -108,16 +108,20 @@ const handler =
    },
 };
 
-function X3DInfoArray (values)
+function X3DInfoArray (values, ValueType)
 {
-   this [_array]           = [ ];
-   this [_index]           = new Map ();
-   this [Symbol .iterator] = this [_array] [Symbol .iterator];
+   this [_array] = [ ];
+   this [_index] = new Map ();
 
    if (values)
    {
       for (const value of values)
+      {
+         if (!(value instanceof ValueType))
+            throw new TypeError (`Wrong type in construction of ${this .getTypeName ()}.`);
+
          this .add (value .name, value);
+      }
    }
 
    return new Proxy (this, handler);
@@ -125,11 +129,19 @@ function X3DInfoArray (values)
 
 X3DInfoArray .prototype = {
    constructor: X3DInfoArray,
+   [Symbol .iterator]: function* ()
+   {
+      yield* this [_array];
+   },
+   copy: function ()
+   {
+      return new (this .constructor) (this [_array]);
+   },
    equals: function (array)
    {
       const
          a      = this [_array],
-         b      = array [_array] || array,
+         b      = array [_array],
          length = a .length;
 
       if (a === b)
@@ -165,6 +177,8 @@ X3DInfoArray .prototype = {
    },
    update: function (oldKey, newKey, value)
    {
+      // TODO: update alias.
+
       const oldValue = this [_index] .get (oldKey);
 
       if (oldKey !== newKey)
@@ -187,6 +201,8 @@ X3DInfoArray .prototype = {
    },
    remove: function (key)
    {
+      // TODO: remove alias.
+
       const value = this [_index] .get (key);
 
       if (value === undefined)
@@ -200,29 +216,65 @@ X3DInfoArray .prototype = {
          this [_array] .splice (index, 1);
    },
    at: Array .prototype .at,
-   concat: Array .prototype .concat,
+   // concat: Array .prototype .concat,
+   // copyWithin: Array.prototype.copyWithin,
    entries: Array .prototype .entries,
    every: Array .prototype .every,
-   fill: Array .prototype .fill,
-   filter: Array .prototype .filter,
+   // fill: Array .prototype .fill,
+   filter: function (callbackFn, thisArg)
+   {
+      return new (this .constructor) (Array .prototype .filter .call (this, callbackFn, thisArg));
+   },
    find: Array .prototype .find,
    findIndex: Array .prototype .findIndex,
    findLast: Array .prototype .findLast,
    findLastIndex: Array .prototype .findLastIndex,
-   flat: Array .prototype .flat,
-   flatMap: Array .prototype .flatMap,
+   // flat: Array .prototype .flat,
+   // flatMap: Array .prototype .flatMap,
    forEach: Array .prototype .forEach,
    includes: Array .prototype .includes,
    indexOf: Array .prototype .indexOf,
    join: Array .prototype .join,
    keys: Array .prototype .keys,
    lastIndexOf: Array .prototype .lastIndexOf,
-   map: Array .prototype .map,
+   map: function (callbackFn, thisArg)
+   {
+      return new (this .constructor) (Array .prototype .map .call (this, callbackFn, thisArg));
+   },
    reduce: Array .prototype .reduce,
    reduceRight: Array .prototype .reduceRight,
-   slice: Array .prototype .slice,
+   // reverse: Array .prototype .reverse,
+   slice: function (start, end)
+   {
+      return new (this .constructor) (Array .prototype .slice .call (this, start, end));
+   },
    some: Array .prototype .some,
+   // sort: Array .prototype .sort,
+   toReversed: function ()
+   {
+      return new (this .constructor) ([... this] .reverse ());
+   },
+   toSorted: function (compareFn)
+   {
+      return new (this .constructor) ([... this] .sort (compareFn));
+   },
+   toSpliced: function (start, deleteCount, ... insertValues)
+   {
+      const array = [... this];
+
+      array .splice (start, deleteCount, ... insertValues)
+
+      return new (this .constructor) (array);
+   },
    values: Array .prototype .values,
+   with: function (index, value)
+   {
+      const array = [... this];
+
+      array [index] = value;
+
+      return new (this .constructor) (array);
+   },
    toString: function (options = Object .prototype)
    {
       const generator = new Generator (options);
@@ -304,9 +356,16 @@ X3DInfoArray .prototype = {
 for (const key of Reflect .ownKeys (X3DInfoArray .prototype))
    Object .defineProperty (X3DInfoArray .prototype, key, { enumerable: false });
 
-Object .defineProperty (X3DInfoArray .prototype, "length",
+Object .defineProperties (X3DInfoArray .prototype,
 {
-   get: function () { return this [_array] .length; },
+   length:
+   {
+      get: function () { return this [_array] .length; },
+   },
+   [Symbol .toStringTag]:
+   {
+      get: function () { return this .getTypeName (); },
+   },
 });
 
 export default X3DInfoArray;

package/src/x_ite/Base/X3DObject.js

@@ -197,6 +197,11 @@ X3DObject .prototype =
 for (const key of Reflect .ownKeys (X3DObject .prototype))
    Object .defineProperty (X3DObject .prototype, key, { enumerable: false });
 
+Object .defineProperty (X3DObject .prototype, Symbol .toStringTag,
+{
+   get: function () { return this .getTypeName (); },
+});
+
 Object .assign (X3DObject,
 {
    getId: (function ()

package/src/x_ite/Browser/Core/X3DCoreContext.js

@@ -54,7 +54,7 @@ import RenderingProperties from "./RenderingProperties.js";
 import Notification        from "./Notification.js";
 import ContextMenu         from "./ContextMenu.js";
 import URLs                from "../Networking/URLs.js";
-import Scene               from "../../Execution/Scene.js";
+import X3DScene            from "../../Execution/X3DScene.js";
 import DataStorage         from "../../../standard/Utility/DataStorage.js";
 import Vector3             from "../../../standard/Math/Numbers/Vector3.js";
 import _                   from "../../../locale/gettext.js";
@@ -270,9 +270,9 @@ X3DCoreContext .prototype =
       if (this [_privateScene])
          return this [_privateScene];
 
-      // Scene for default nodes.
+      // X3DScene for default nodes.
 
-      this [_privateScene] = new Scene (this);
+      this [_privateScene] = new X3DScene (this);
 
       this [_privateScene] .setPrivate (true);
       this [_privateScene] .setLive (true);

package/src/x_ite/Browser/Layout/ScreenText.js

@@ -393,11 +393,16 @@ ScreenText .prototype = Object .assign (Object .create (X3DTextGeometry .prototy
 
       renderContext .textureNode = this .textureNode;
    },
-   transformLine: function (line)
+   transformLine: (function ()
    {
-      // Apply screen nodes transformation in place here.
-      return line .multLineMatrix (Matrix4 .inverse (this .matrix));
-   },
+      const invMatrix = new Matrix4 ();
+
+      return function (line)
+      {
+         // Apply screen nodes transformation in place here.
+         return line .multLineMatrix (invMatrix .assign (this .matrix) .inverse ());
+      };
+   })(),
    transformMatrix: function (matrix)
    {
       // Apply screen nodes transformation in place here.

package/src/x_ite/Browser/VERSION.js

@@ -45,4 +45,4 @@
  *
  ******************************************************************************/
 
-export default "8.7.3";
+export default "8.7.5";

package/src/x_ite/Browser/X3DBrowser.js

@@ -57,7 +57,6 @@ import ComponentInfoArray  from "../Configuration/ComponentInfoArray.js";
 import SupportedProfiles   from "../Configuration/SupportedProfiles.js";
 import SupportedComponents from "../Configuration/SupportedComponents.js";
 import SupportedNodes      from "../Configuration/SupportedNodes.js";
-import Scene               from "../Execution/Scene.js";
 import X3DScene            from "../Execution/X3DScene.js";
 import FileLoader          from "../InputOutput/FileLoader.js";
 import XMLParser           from "../Parser/XMLParser.js";
@@ -216,9 +215,9 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
    },
    loadComponents: (function ()
    {
-      function loadComponents (browser, components, seen)
+      function loadComponents (browser, componentNames, seen)
       {
-         return Promise .all (components .map (name => loadComponent (browser, name, seen)))
+         return Promise .all (componentNames .map (name => loadComponent (browser, name, seen)))
       }
 
       async function loadComponent (browser, name, seen)
@@ -244,7 +243,7 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
             return this .loadComponents (argument .components);
 
          if (argument instanceof ComponentInfoArray)
-            return this .loadComponents (argument .map (({name}) => name));
+            return this .loadComponents ([... argument] .map (({name}) => name));
 
          if (argument instanceof ComponentInfo)
             return this .loadComponents ([argument .name]);
@@ -263,7 +262,7 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
    },
    createScene: function (profile, component1 /*, ...*/)
    {
-      const scene = new Scene (this);
+      const scene = new X3DScene (this);
 
       if (arguments .length)
       {
@@ -849,75 +848,69 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
 for (const key of Reflect .ownKeys (X3DBrowser .prototype))
    Object .defineProperty (X3DBrowser .prototype, key, { enumerable: false });
 
-Object .defineProperty (X3DBrowser .prototype, "name",
+Object .defineProperties (X3DBrowser .prototype,
 {
-   get: X3DBrowser .prototype .getName,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "version",
-{
-   get: X3DBrowser .prototype .getVersion,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "providerUrl",
-{
-   get: X3DBrowser .prototype .getProviderUrl,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "currentFrameRate",
-{
-   get: X3DBrowser .prototype .getCurrentFrameRate,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "currentSpeed",
-{
-   get: X3DBrowser .prototype .getCurrentSpeed,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "description",
-{
-   get: X3DBrowser .prototype .getDescription,
-   set: X3DBrowser .prototype .setDescription,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "baseURL",
-{
-   get: X3DBrowser .prototype .getBaseURL,
-   set: X3DBrowser .prototype .setBaseURL,
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "currentScene",
-{
-   get: function ()
+   name:
    {
-      return this .getScriptStack () .at (-1) .getExecutionContext ();
+      get: X3DBrowser .prototype .getName,
+      enumerable: true,
    },
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "supportedProfiles",
-{
-   get: function ()
+   version:
    {
-      return SupportedProfiles;
+      get: X3DBrowser .prototype .getVersion,
+      enumerable: true,
    },
-   enumerable: true,
-});
-
-Object .defineProperty (X3DBrowser .prototype, "supportedComponents",
-{
-   get: function ()
+   providerUrl:
    {
-      return SupportedComponents;
+      get: X3DBrowser .prototype .getProviderUrl,
+      enumerable: true,
+   },
+   currentFrameRate:
+   {
+      get: X3DBrowser .prototype .getCurrentFrameRate,
+      enumerable: true,
+   },
+   currentSpeed:
+   {
+      get: X3DBrowser .prototype .getCurrentSpeed,
+      enumerable: true,
+   },
+   description:
+   {
+      get: X3DBrowser .prototype .getDescription,
+      set: X3DBrowser .prototype .setDescription,
+      enumerable: true,
+   },
+   baseURL:
+   {
+      get: X3DBrowser .prototype .getBaseURL,
+      set: X3DBrowser .prototype .setBaseURL,
+      enumerable: true,
+   },
+   currentScene:
+   {
+      get: function ()
+      {
+         return this .getScriptStack () .at (-1) .getExecutionContext ();
+      },
+      enumerable: true,
+   },
+   supportedProfiles:
+   {
+      get: function ()
+      {
+         return SupportedProfiles;
+      },
+      enumerable: true,
+   },
+   supportedComponents:
+   {
+      get: function ()
+      {
+         return SupportedComponents;
+      },
+      enumerable: true,
    },
-   enumerable: true,
 });
 
 export default X3DBrowser;

package/src/x_ite/Browser/X3DBrowserContext.js

@@ -122,14 +122,14 @@ function X3DBrowserContext (element)
                           "displayEvents",  new SFTime (),
                           "finishedEvents", new SFTime ());
 
-   this [_changedTime]     = 0;
-   this [_previousTime]    = 0;
-   this [_renderCallback]  = this [_traverse] .bind (this);
-   this [_systemTime]      = new StopWatch ();
-   this [_browserTime]     = new StopWatch ();
-   this [_cameraTime]      = new StopWatch ();
-   this [_collisionTime]   = new StopWatch ();
-   this [_displayTime]     = new StopWatch ();
+   this [_changedTime]    = 0;
+   this [_previousTime]   = 0;
+   this [_renderCallback] = this [_traverse] .bind (this);
+   this [_systemTime]     = new StopWatch ();
+   this [_browserTime]    = new StopWatch ();
+   this [_cameraTime]     = new StopWatch ();
+   this [_collisionTime]  = new StopWatch ();
+   this [_displayTime]    = new StopWatch ();
 };
 
 X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prototype),