x_ite 8.6.18 → 8.6.19

package/docs/_config.yml

@@ -20,7 +20,7 @@ timezone:
 # ↓ --------------------------
 
 title: X_ITE X3D Browser               # the main title
-version: 8.6.18                         # x_ite latest version
+version: 8.6.19                         # x_ite latest version
 size: 290                              # size in kb
 x3d_latest_version: 4.0                # x3d latest version
 

package/docs/_posts/getting-started.md

@@ -544,7 +544,7 @@ There is a ZIP archive available to locally install X_ITE on your server. Compre
 
 ### You can also get it on NPM
 
-```sh
+```console
 $ npm install x_ite
 ```
 

package/docs/_posts/setup-a-localhost-server.md

@@ -29,14 +29,14 @@ If you have [Python](https://www.python.org){:target="_blank"} installed, then i
 
 Just open a Terminal and go to the directory you want to make available.
 
-```sh
+```console
 # Let's make the Desktop directory available.
 $ cd Desktop
 ```
 
 Type in the following command to start the server.
 
-```sh
+```console
 $ python3 -m http.server
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.6.18",
+	"version": "8.6.19",
 	"description": "X_ITE X3D Browser, view and manipulate X3D and VRML scenes in HTML.",
 	"homepage": "https://create3000.github.io/x_ite/",
 	"author": "Holger Seelig <holger.seelig@gmail.com>",
@@ -71,13 +71,13 @@
 		"opentype.js": "^1.3.4",
 		"pako": "^2.1.0",
 		"string-replace-webpack-plugin": "^0.1.3",
-		"webpack": "^5.79.0",
-		"webpack-cli": "^5.0.1",
+		"webpack": "^5.80.0",
+		"webpack-cli": "^5.0.2",
 		"webpack-shell-plugin-next": "^2.3.1"
 	},
 	"scripts": {
 		"test": "cd ../x_ite-tests && npm test",
-		"lint": "jshint **",
+		"lint": "eslint src",
 		"build": "make",
 		"-prebuild:js": "npm run lint"
 	}

package/src/example.html

@@ -16,6 +16,6 @@ x3d-canvas {
     <x3d-canvas src="https://create3000.github.io/media/x_ite/info/info.x3d">
       <p>Your browser may not support all features required by X_ITE!</p>
     </x3d-canvas>
-    <p>If local files are not loaded <a href="https://create3000.github.io/x_ite/#using-firefox-chrome-and-opera-with-local-files">consider setup a localhost server</a>.</p>
+    <a>If local files are not loaded <a href="https://create3000.github.io/x_ite/setup-a-localhost-server">consider setup a localhost server</a> or use <a href="https://create3000.github.io/x_ite/dom-integration">DOM Integration methods</a>.</p>
   </body>
 </html>

package/src/standard/Math/Algorithm.js

@@ -231,4 +231,4 @@ export default class Algorithm
 
       return first;
    }
-};
+}

package/src/standard/Math/Algorithms/MergeSort.js

@@ -76,26 +76,28 @@ MergeSort .prototype =
    },
    merge: function (lo, m, hi)
    {
+      const { array, auxiliary, compare } = this;
+
       let i, j, k;
 
       i = 0, j = lo;
       // Copy first half of array a to auxiliary array b.
       while (j <= m)
-         this .auxiliary [i++] = this .array [j++];
+         auxiliary [i++] = array [j++];
 
       i = 0; k = lo;
       // Copy back next-greatest element at each time.
       while (k < j && j <= hi)
       {
-         if (this .compare (this .array [j], this .auxiliary [i]))
-            this .array [k++] = this .array [j++];
+         if (compare (array [j], auxiliary [i]))
+            array [k++] = array [j++];
          else
-            this .array [k++] = this .auxiliary [i++];
+            array [k++] = auxiliary [i++];
       }
 
       // Copy back remaining elements of first half (if any).
       while (k < j)
-         this .array [k++] = this .auxiliary [i++];
+         array [k++] = auxiliary [i++];
    }
 };
 

package/src/standard/Math/Algorithms/PartialSort.js

@@ -68,6 +68,8 @@ PartialSort .prototype =
    },
    partialsort: function (lo, hi)
    {
+      const { array, compare } = this;
+
       let gap = this .last, i, last;
 
       if (gap > 1)
@@ -77,7 +79,7 @@ PartialSort .prototype =
       {
          const j = i + gap;
 
-         if (this .compare (this .array [j], this .array [i]))
+         if (compare (array [j], array [i]))
          {
             const t = array [i];
             array [i] = array [j];

package/src/standard/Math/Algorithms/QuickSort.js

@@ -70,9 +70,7 @@ QuickSort .prototype =
          i = lo,
          j = hi;
 
-      const
-         array   = this .array,
-         compare = this .compare;
+      const { array, compare } = this;
 
       // Vergleichs­element x
       const x = array [(lo + hi) >>> 1];

package/src/standard/Math/Geometry/Box2.js

@@ -48,7 +48,7 @@
 import Matrix3 from "../Numbers/Matrix3.js";
 import Vector2 from "../Numbers/Vector2.js";
 
-function Box2 (size, center)
+function Box2 (/* size, center */)
 {
    this .matrix = new Matrix3 ();
 

package/src/standard/Math/Geometry/Box3.js

@@ -50,7 +50,7 @@ import Matrix4   from "../Numbers/Matrix4.js";
 import Vector3   from "../Numbers/Vector3.js";
 import SAT       from "../Algorithms/SAT.js";
 
-function Box3 (size, center)
+function Box3 (/* size, center */)
 {
    this .matrix = new Matrix4 ();
 

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

@@ -46,6 +46,7 @@
  ******************************************************************************/
 
 import Vector3   from "./Vector3.js";
+import Matrix3   from "./Matrix3.js";
 import Algorithm from "../Algorithm.js";
 
 function Quaternion (x, y, z, w)
@@ -137,7 +138,7 @@ Quaternion .prototype =
 
       return this;
    },
-   getMatrix: function (matrix)
+   getMatrix: function (matrix = new Matrix3 ())
    {
       const { x, y, z, w } = this;
 
@@ -168,11 +169,11 @@ Quaternion .prototype =
    },
    isReal: function ()
    {
-      return ! (this .x || this .y || this .z);
+      return !(this .x || this .y || this .z);
    },
    isImag: function ()
    {
-      return ! this .w;
+      return !this .w;
    },
    equals: function (quat)
    {

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

@@ -48,6 +48,7 @@
 import Quaternion from "./Quaternion.js";
 import Vector3    from "./Vector3.js";
 import Vector4    from "./Vector4.js";
+import Matrix3    from "./Matrix3.js";
 import Algorithm  from "../Algorithm.js";
 
 const
@@ -280,7 +281,7 @@ Rotation4 .prototype =
    {
       this .set (vector .x, vector .y, vector .z, this [_angle]);
    },
-   getAxis: function (axis)
+   getAxis: function (axis = new Vector3 (0, 0, 0))
    {
       return axis .set (this [_x], this [_y], this [_z]);
    },
@@ -290,7 +291,7 @@ Rotation4 .prototype =
       this .update ();
       return this;
    },
-   getQuaternion: function (quaternion)
+   getQuaternion: function (quaternion = new Quaternion (0, 0, 0, 1))
    {
       return quaternion .assign (this [_quaternion]);
    },
@@ -300,7 +301,7 @@ Rotation4 .prototype =
       this .update ();
       return this;
    },
-   getMatrix: function (matrix)
+   getMatrix: function (matrix = new Matrix3 ())
    {
       return this [_quaternion] .getMatrix (matrix);
    },

package/src/x_ite/Base/X3DBaseNode.js

@@ -64,7 +64,7 @@ const
    _childObjects      = Symbol (),
    _initialized       = Symbol (),
    _live              = Symbol (),
-   _set_live__        = Symbol ("X3DBaseNode.set_live__"),
+   _set_live__        = Symbol (),
    _cloneCount        = Symbol ();
 
 function X3DBaseNode (executionContext)

package/src/x_ite/Base/X3DEventObject.js

@@ -48,7 +48,7 @@
 import X3DChildObject from "./X3DChildObject.js";
 import Events         from "./Events.js";
 
-const _browser = Symbol .for ("X3DEventObject.browser");
+const _browser = Symbol .for ("X_ITE.X3DEventObject.browser");
 
 function X3DEventObject (browser)
 {
@@ -66,6 +66,7 @@ X3DEventObject .prototype = Object .assign (Object .create (X3DChildObject .prot
    },
    getExtendedEventHandling: function ()
    {
+      // Whether initializeOnly field are treated like inputOnly and inputOutput fields.
       return true;
    },
    addEvent: function (field)
@@ -91,7 +92,7 @@ X3DEventObject .prototype = Object .assign (Object .create (X3DChildObject .prot
       if (this .isTainted ())
          return;
 
-      if (field .isInput () || (this .getExtendedEventHandling () && ! field .isOutput ()))
+      if (field .isInput () || (this .getExtendedEventHandling () && field .isInitializable ()))
       {
          this .addNodeEvent ();
       }

package/src/x_ite/Base/X3DField.js

@@ -61,7 +61,7 @@ const
    _inputRoutes         = Symbol (),
    _outputRoutes        = Symbol (),
    _routeCallbacks      = Symbol (),
-   _uniformLocation     = Symbol .for ("X3DField.uniformLocation");
+   _uniformLocation     = Symbol .for ("X_ITE.X3DField.uniformLocation");
 
 function X3DField (value)
 {
@@ -76,7 +76,6 @@ X3DField .prototype = Object .assign (Object .create (X3DChildObject .prototype)
    [_value]: null,
    [_accessType]: X3DConstants .initializeOnly,
    [_unit]: null,
-   [_uniformLocation]: null,
    [_references]: new Set (),
    [_referencesCallbacks]: new Map (),
    [_fieldInterests]: new Set (),
@@ -84,6 +83,7 @@ X3DField .prototype = Object .assign (Object .create (X3DChildObject .prototype)
    [_inputRoutes]: new Set (),
    [_outputRoutes]: new Set (),
    [_routeCallbacks]: new Map (),
+   [_uniformLocation]: null,
    create: function ()
    {
       return new (this .constructor) ();

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

@@ -227,7 +227,7 @@ const Context =
                   }
                };
 
-               setTimeout (check, 0);
+               setTimeout (check);
             });
          },
          getBufferSubDataAsync: async function (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)

package/src/x_ite/Browser/Navigation/ExamineViewer.js

@@ -449,7 +449,7 @@ ExamineViewer .prototype = Object .assign (Object .create (X3DViewer .prototype)
             {
                this .tapedTwice = true;
 
-               setTimeout (function () { this .tapedTwice = false; } .bind (this), 300);
+               setTimeout (() => this .tapedTwice = false, 300);
             }
 
             break;

package/src/x_ite/Browser/Networking/X3DNetworkingContext.js

@@ -102,7 +102,6 @@ X3DNetworkingContext .prototype =
 
       this [_defaultScene] .setPrivate (true);
       this [_defaultScene] .setLive (true);
-      this [_defaultScene] .setup ();
 
       this .getDefaultScene = function () { return this [_defaultScene]; };
 
@@ -110,6 +109,10 @@ X3DNetworkingContext .prototype =
 
       return this [_defaultScene];
    },
+   getBrowserLoading: function ()
+   {
+      return this [_loading];
+   },
    setBrowserLoading: function (value)
    {
       this [_loading] = value;
@@ -137,13 +140,9 @@ X3DNetworkingContext .prototype =
          }
       }
    },
-   getLoading: function ()
-   {
-      return this [_loading];
-   },
-   getDisplayLoadCount: function ()
+   getLoadingObjects: function ()
    {
-      return [... this [_loadingObjects]] .reduce ((v, o) => v + !(o .isPrivate ?.() ?? true), 0);
+      return this [_loadingObjects];
    },
    addLoadingObject: function (object)
    {
@@ -167,6 +166,10 @@ X3DNetworkingContext .prototype =
       this .setLoadCount (this [_loadingObjects] .size);
       this .setCursor (this .getCursor ());
    },
+   getDisplayLoadCount: function ()
+   {
+      return [... this [_loadingObjects]] .reduce ((v, o) => v + !(o .isPrivate ?.() ?? true), 0);
+   },
    setLoadCount: function (value)
    {
       this ._loadCount = value;

package/src/x_ite/Browser/VERSION.js

@@ -45,4 +45,4 @@
  *
  ******************************************************************************/
 
-export default "8.6.18";
+export default "8.6.19";

package/src/x_ite/Browser/X3DBrowser.js

@@ -473,74 +473,56 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
          if (!(parameter instanceof Fields .MFString))
             throw new Error ("Browser.loadURL: parameter must be of type MFString.");
 
-         // Cancel any loading.
-
-         this ._loadCount       .removeInterest ("checkLoadCount",    this);
-         this .prepareEvents () .removeInterest ("updateInitialized", this);
-
-         this [_fileLoader] ?.abort ();
-
          // Start loading.
 
-         const fileLoader = this [_fileLoader] = new FileLoader (this .getWorld ());
-
-         this .setBrowserLoading (true);
-         this .addLoadingObject (fileLoader);
+         const fileLoader = new FileLoader (this .getWorld ());
 
          fileLoader .createX3DFromURL (url, parameter, (scene) =>
          {
-            if (fileLoader !== this [_fileLoader])
+            if (this [_fileLoader] !== fileLoader)
             {
                reject (new Error ("Loading of X3D file aborted."));
-               return;
-            }
-
-            if (!this .getBrowserOption ("SplashScreen"))
-               this .getCanvas () .show ();
-
-            if (scene)
-            {
-               this .addLoadingObject (this); // Prevent resetLoadCount.
-               this .replaceWorld (scene) .then (resolve) .catch (reject);
-               this .removeLoadingObject (this);
-               this .removeLoadingObject (fileLoader);
             }
             else
             {
-               this .callBrowserCallbacks (X3DConstants .CONNECTION_ERROR);
-               this .callBrowserEventHandler ("error");
+               if (!this .getBrowserOption ("SplashScreen"))
+                  this .getCanvas () .show ();
 
-               setTimeout (() =>
+               if (scene)
                {
-                  this .getSplashScreen ()
-                     .find (".x_ite-private-spinner-text")
-                     .text (_ ("Failed loading world."));
-               });
+                  this .addLoadingObject (this); // Prevent resetLoadCount.
+                  this .replaceWorld (scene) .then (resolve) .catch (reject);
+                  this .removeLoadingObject (this);
+                  this .removeLoadingObject (fileLoader);
+               }
+               else
+               {
+                  this .callBrowserCallbacks (X3DConstants .CONNECTION_ERROR);
+                  this .callBrowserEventHandler ("error");
 
-               reject (new Error ("Couldn't load X3D file."));
+                  setTimeout (() =>
+                  {
+                     this .getSplashScreen ()
+                        .find (".x_ite-private-spinner-text")
+                        .text (_ ("Failed loading world."));
+                  });
+
+                  reject (new Error ("Couldn't load X3D file."));
+               }
             }
          },
          (fragment) =>
          {
-            if (fileLoader !== this [_fileLoader])
-            {
-               reject (new Error ("Change viewpoint aborted."));
-               return;
-            }
+            fileLoader .ready = true;
 
             this .changeViewpoint (fragment);
             this .removeLoadingObject (fileLoader);
-            this .setBrowserLoading (false);
 
             resolve ();
          },
          (url, target) =>
          {
-            if (fileLoader !== this [_fileLoader])
-            {
-               reject (new Error ("Loading of file aborted."));
-               return;
-            }
+            fileLoader .ready = true;
 
             if (target)
                window .open (url, target);
@@ -548,10 +530,17 @@ X3DBrowser .prototype = Object .assign (Object .create (X3DBrowserContext .proto
                location = url;
 
             this .removeLoadingObject (fileLoader);
-            this .setBrowserLoading (false);
 
             resolve ();
          });
+
+         if (!fileLoader .ready)
+         {
+            this [_fileLoader] ?.abort ();
+
+            this .setBrowserLoading (true);
+            this .addLoadingObject (this [_fileLoader] = fileLoader);
+         }
       });
    },
    addBrowserListener: function (callback, object)

package/src/x_ite/Browser/X3DBrowserContext.js

@@ -91,8 +91,8 @@ function X3DBrowserContext (element)
 {
    X3DBaseNode                    .call (this, this);
    X3DRoutingContext              .call (this);
-   X3DCoreContext                 .call (this, element);
    X3DScriptingContext            .call (this);
+   X3DCoreContext                 .call (this, element);
    X3DNetworkingContext           .call (this);
    X3DTexturingContext            .call (this);
    X3DShadersContext              .call (this);
@@ -157,8 +157,8 @@ X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prot
    {
       X3DBaseNode                    .prototype .initialize ?.call (this);
       X3DRoutingContext              .prototype .initialize ?.call (this);
-      X3DCoreContext                 .prototype .initialize ?.call (this);
       X3DScriptingContext            .prototype .initialize ?.call (this);
+      X3DCoreContext                 .prototype .initialize ?.call (this);
       X3DNetworkingContext           .prototype .initialize ?.call (this);
       X3DTexturingContext            .prototype .initialize ?.call (this);
       X3DShadersContext              .prototype .initialize ?.call (this);
@@ -365,8 +365,8 @@ X3DBrowserContext .prototype = Object .assign (Object .create (X3DBaseNode .prot
       X3DShadersContext              .prototype .dispose ?.call (this);
       X3DTexturingContext            .prototype .dispose ?.call (this);
       X3DNetworkingContext           .prototype .dispose ?.call (this);
-      X3DScriptingContext            .prototype .dispose ?.call (this);
       X3DCoreContext                 .prototype .dispose ?.call (this);
+      X3DScriptingContext            .prototype .dispose ?.call (this);
       X3DRoutingContext              .prototype .dispose ?.call (this);
       X3DBaseNode                    .prototype .dispose ?.call (this);
    },

package/src/x_ite/Components/Scripting/Script.js

@@ -152,8 +152,7 @@ Script .prototype = Object .assign (Object .create (X3DScriptNode .prototype),
    },
    loadData: function ()
    {
-      new FileLoader (this) .loadDocument (this ._url,
-      (data) =>
+      new FileLoader (this) .loadDocument (this ._url, (data) =>
       {
          if (data === null)
          {
@@ -162,9 +161,8 @@ Script .prototype = Object .assign (Object .create (X3DScriptNode .prototype),
          }
          else
          {
-            this .setLoadState (X3DConstants .COMPLETE_STATE);
-
             this .initialize__ ($.decodeText (data));
+            this .setLoadState (X3DConstants .COMPLETE_STATE);
          }
       });
    },

package/src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js

@@ -49,7 +49,7 @@ import X3DCast      from "../../Base/X3DCast.js";
 import X3DConstants from "../../Base/X3DConstants.js";
 import Matrix3      from "../../../standard/Math/Numbers/Matrix3.js";
 
-const _uniformLocation = Symbol .for ("X3DField.uniformLocation");
+const _uniformLocation = Symbol .for ("X_ITE.X3DField.uniformLocation");
 
 function X3DProgrammableShaderObject (executionContext)
 {

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

@@ -165,12 +165,12 @@ AudioClip .prototype = Object .assign (Object .create (X3DSoundSourceNode .proto
    },
    setTimeout: function (event)
    {
-      setTimeout (function ()
+      setTimeout (() =>
       {
          if (this .checkLoadState () === X3DConstants .IN_PROGRESS_STATE)
             this .setError (event);
-      }
-      .bind (this), 3000);
+      },
+      3000);
    },
    setError: function (event)
    {

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

@@ -62,12 +62,12 @@ DynamicsCompressor .prototype = Object .assign (Object .create (X3DSoundProcessi
 {
    constructor: DynamicsCompressor,
    [Symbol .for ("X_ITE.X3DBaseNode.fieldDefinitions")]: new FieldDefinitionArray ([
-      new X3DFieldDefinition (X3DConstants .inputOutput, "metadata",             new Fields .SFNode ()),
-      new X3DFieldDefinition (X3DConstants .inputOutput, "description",          new Fields .SFString ()),
-      new X3DFieldDefinition (X3DConstants .inputOutput, "enabled",              new Fields .SFBool (true)),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "metadata",              new Fields .SFNode ()),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "description",           new Fields .SFString ()),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "enabled",               new Fields .SFBool (true)),
 
       new X3DFieldDefinition (X3DConstants .inputOutput, "gain",                  new Fields .SFFloat (1)),
-      new X3DFieldDefinition (X3DConstants .inputOutput, "attack",                new Fields .SFFloat (0.003)),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "attack",                new Fields .SFFloat (0.003)), // TODO: SFTime
       new X3DFieldDefinition (X3DConstants .inputOutput, "knee",                  new Fields .SFFloat (30)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "ratio",                 new Fields .SFFloat (12)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "reduction",             new Fields .SFFloat ()),

package/src/x_ite/Components/Texturing/MovieTexture.js

@@ -188,12 +188,12 @@ MovieTexture .prototype = Object .assign (Object .create (X3DTexture2DNode .prot
    },
    setTimeout: function (event)
    {
-      setTimeout (function ()
+      setTimeout (() =>
       {
          if (this .checkLoadState () === X3DConstants .IN_PROGRESS_STATE)
             this .setError (event);
-      }
-      .bind (this), 3000);
+      },
+      3000);
    },
    setError: function (event)
    {

package/src/x_ite/Execution/Scene.js

@@ -49,7 +49,7 @@ import Fields   from "../Fields.js";
 import X3DScene from "./X3DScene.js";
 
 const
-   _browser        = Symbol .for ("X3DEventObject.browser"),
+   _browser        = Symbol .for ("X_ITE.X3DEventObject.browser"),
    _loadingObjects = Symbol ();
 
 function Scene (browser)

package/src/x_ite/Fields/SFNode.js

@@ -67,7 +67,8 @@ const handler =
             return value;
 
          const
-            field      = target .getValue () .getField (key),
+            node       = target .getValue (),
+            field      = node .getField (key),
             accessType = field .getAccessType ();
 
          // Specification conform would be: accessType & X3DConstants .outputOnly.
@@ -93,13 +94,14 @@ const handler =
       try
       {
          const
-            field      = target .getValue () .getField (key),
+            node       = target .getValue (),
+            field      = node .getField (key),
             accessType = field .getAccessType ();
 
          if (accessType !== X3DConstants .outputOnly)
             field .setValue (value);
 
-          return true;
+         return true;
       }
       catch (error)
       {