x_ite 8.3.1 → 8.3.3

package/docs/assets/css/style.scss

@@ -12,12 +12,14 @@ $tab-count: {{ site.tabs | size | plus: 1 }}; // plus 1 for home tab
 html {
   --nav-border-color: rgba(158,158,158,0.17);
   --nav-active-page: rgb(168, 182, 206);
+  --h2-color: #e4e45d;
   --h4-color: rgb(175, 206, 255);
   --example-background-color: rgba(27,27,30,0.4);
   --button-background-color: black;
 }
 
 html[data-mode=light] {
+  --h2-color: #cbca00;
   --button-background-color: white;
 }
 
@@ -69,7 +71,7 @@ a {
 }
 
 .post h2 {
-  color: #e4e45d;
+  color: var(--h2-color);
 }
 
 .post h3 {
@@ -84,6 +86,10 @@ a {
   color: var(--h4-color);
 }
 
+.post h5 {
+  font-weight: bold;
+}
+
 .table-wrapper > table tbody tr td,
 .table-wrapper > table thead th {
   white-space: initial;
@@ -100,6 +106,24 @@ a {
   font-size: 0;
 }
 
+.table-wrapper > table.examples a.popup {
+  margin: 0;
+}
+
+.table-wrapper > table.examples a:hover::before {
+  content: "";
+  position: absolute;
+  background: var(--shimmer-bg);
+  height: 100%;
+  width: 100%;
+  -webkit-animation: shimmer 1s infinite;
+  animation: shimmer 1s infinite;
+}
+
+.table-wrapper > table.examples .shimmer::before {
+  all: unset;
+}
+
 @media all and (max-width: 849px) {
   .table-wrapper > table.examples tbody tr td {
     border-width: 2px;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "x_ite",
-	"version": "8.3.1",
-	"description": "X_ITE X3D Browser, a framework for integrating and manipulating X3D and VRML scenes in HTML.",
+	"version": "8.3.3",
+	"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>",
 	"license": "GPL-3.0",

package/src/assets/components/{ProjectiveTextureMapping.js → TextureProjector.js}

@@ -46,15 +46,15 @@
  ******************************************************************************/
 
 import Components               from "../../x_ite/Components.js";
-import TextureProjector         from "../../x_ite/Components/ProjectiveTextureMapping/TextureProjector.js";
-import TextureProjectorParallel from "../../x_ite/Components/ProjectiveTextureMapping/TextureProjectorParallel.js";
-import X3DTextureProjectorNode  from "../../x_ite/Components/ProjectiveTextureMapping/X3DTextureProjectorNode.js";
+import TextureProjector         from "../../x_ite/Components/TextureProjector/TextureProjector.js";
+import TextureProjectorParallel from "../../x_ite/Components/TextureProjector/TextureProjectorParallel.js";
+import X3DTextureProjectorNode  from "../../x_ite/Components/TextureProjector/X3DTextureProjectorNode.js";
 
 Components .addComponent ({
-   name: "ProjectiveTextureMapping",
+   name: "TextureProjector",
    types:
    {
-      TextureProjector:  TextureProjector,
+      TextureProjector:         TextureProjector,
       TextureProjectorParallel: TextureProjectorParallel,
    },
    abstractTypes:

package/src/examples.js

@@ -78,7 +78,6 @@ const X_ITE_EXAMPLES = [
    { component: "Picking", test: "PrimitivePickSensor" },
    { component: "PointingDeviceSensor", test: "CylinderSensor" },
    { component: "PointingDeviceSensor", test: "PlaneSensor" },
-   { component: "ProjectiveTextureMapping", test: "TextureProjector" },
    { component: "Rendering", test: "ClipPlane" },
    { component: "Rendering", test: "Color" },
    { component: "Rendering", test: "ColorRGBA" },
@@ -106,6 +105,7 @@ const X_ITE_EXAMPLES = [
    { component: "Sound", test: "AudioClip" },
    { component: "Text", test: "FontStyle" },
    { component: "Text", test: "Text" },
+   { component: "TextureProjector", test: "TextureProjector" },
    { component: "Texturing", test: "ImageTexture" },
    { component: "Texturing", test: "MovieTexture" },
    { component: "Texturing", test: "MultiTexture" },

package/src/tests.js

@@ -215,11 +215,6 @@ const X_ITE_TESTS = [
    { path: "PointingDeviceSensor/TouchBeethoven.x3dz" },
    { path: "PointingDeviceSensor/TouchLines.x3dv" },
    { path: "PointingDeviceSensor/TouchPoints.x3dv" },
-   { component: "ProjectiveTextureMapping" },
-   { path: "ProjectiveTextureMapping/apple.x3d" },
-   { path: "ProjectiveTextureMapping/Local.x3d" },
-   { path: "ProjectiveTextureMapping/Parallel.x3d" },
-   { path: "ProjectiveTextureMapping/Perspective.x3d" },
    { component: "PROTO" },
    { path: "PROTO/27cubes.x3d" },
    { path: "PROTO/cbx.wrl" },
@@ -326,6 +321,11 @@ const X_ITE_TESTS = [
    { path: "Text/scrolling-text.x3d" },
    { path: "Text/test.x3d" },
    { path: "Text/vertical.x3d" },
+   { component: "TextureProjector" },
+   { path: "TextureProjector/apple.x3d" },
+   { path: "TextureProjector/Local.x3d" },
+   { path: "TextureProjector/Parallel.x3d" },
+   { path: "TextureProjector/Perspective.x3d" },
    { component: "Texturing" },
    { path: "Texturing/ColorManagement.x3d" },
    { path: "Texturing/ColorMaterial.x3d" },

package/src/x_ite/Base/X3DArrayField.js

@@ -57,6 +57,7 @@ X3DArrayField .prototype = Object .assign (Object .create (X3DField .prototype),
    constructor: X3DArrayField,
    at: Array .prototype .at,
    concat: Array .prototype .concat,
+   //Array.prototype.copyWithin,
    entries: Array .prototype .entries,
    every: Array .prototype .every,
    fill: Array .prototype .fill,
@@ -76,8 +77,10 @@ X3DArrayField .prototype = Object .assign (Object .create (X3DField .prototype),
    map: Array .prototype .map,
    reduce: Array .prototype .reduce,
    reduceRight: Array .prototype .reduceRight,
+   //Array.prototype.reverse
    slice: Array .prototype .slice,
    some: Array .prototype .some,
+   //Array.prototype.sort
    values: Array .prototype .values,
 });
 

package/src/x_ite/Base/X3DBaseNode.js

@@ -51,6 +51,7 @@ import FieldDefinitionArray from "./FieldDefinitionArray.js";
 import FieldArray           from "./FieldArray.js";
 import Fields               from "../Fields.js";
 import X3DConstants         from "./X3DConstants.js";
+import HTMLSupport          from "../Parser/HTMLSupport.js";
 
 const
    _executionContext  = Symbol (),
@@ -390,6 +391,9 @@ X3DBaseNode .prototype = Object .assign (Object .create (X3DEventObject .prototy
          enumerable: true,
          configurable: false,
       });
+
+      if (field .isInitializable ())
+         HTMLSupport .addFieldName (alias);
    },
    removeField: function (name)
    {

package/src/x_ite/Base/X3DInfoArray.js

@@ -45,7 +45,7 @@
  *
  ******************************************************************************/
 
-import X3DBaseNode from "../Base/X3DBaseNode.js";
+import Generator from "../InputOutput/Generator.js";
 
 const
    _array = Symbol (),
@@ -201,74 +201,78 @@ X3DInfoArray .prototype = {
    },
    at: Array .prototype .at,
    concat: Array .prototype .concat,
-   //entries: function () { return iterator -> [index, value]; },
+   entries: Array .prototype .entries,
    every: Array .prototype .every,
    fill: Array .prototype .fill,
    filter: Array .prototype .filter,
    find: Array .prototype .find,
    findIndex: Array .prototype .findIndex,
+   findLast: Array .prototype .findLast,
+   findLastIndex: Array .prototype .findLastIndex,
+   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: function () { return Array (this .length) .keys (); },
+   keys: Array .prototype .keys,
    lastIndexOf: Array .prototype .lastIndexOf,
    map: Array .prototype .map,
    reduce: Array .prototype .reduce,
    reduceRight: Array .prototype .reduceRight,
    slice: Array .prototype .slice,
    some: Array .prototype .some,
-   values: function () { return this [Symbol .iterator]; },
-   toString: function (scene)
+   values: Array .prototype .values,
+   toString: function (options = Object .prototype)
    {
-      const stream = { string: "" };
+      const generator = new Generator (options);
 
-      if (scene)
-         Generator .Get (stream) .PushExecutionContext (scene);
+      if (options .scene)
+         generator .PushExecutionContext (options .scene);
 
-      this .toStream (stream);
+      this .toStream (generator);
 
-      return stream .string;
+      return generator .string;
    },
-   toVRMLStream: function (stream)
+   toStream: function (generator)
+   {
+      generator .string = "[object " + this .getTypeName () + "]";
+   },
+   toVRMLStream: function (generator)
    {
       for (const value of this [_array])
       {
          try
          {
-            value .toVRMLStream (stream);
+            value .toVRMLStream (generator);
 
-            stream .string += "\n";
+            generator .string += generator .Break ();
 
-            if (value instanceof X3DBaseNode)
-               stream .string += "\n";
+            if (this .getTypeName () .match (/Proto/))
+               generator .string += generator .TidyBreak ();
          }
          catch (error)
          {
-            console .error (error);
+            // console .error (error);
          }
       }
    },
-   toXMLStream: function (stream)
+   toXMLStream: function (generator)
    {
       for (const value of this [_array])
       {
          try
          {
-            value .toXMLStream (stream);
+            value .toXMLStream (generator);
 
-            stream .string += "\n";
+            generator .string += generator .TidyBreak ();
          }
          catch (error)
          {
-            console .error (error);
+            // console .error (error);
          }
       }
    },
-   toStream: function (stream)
-   {
-      stream .string = "[object " + this .getTypeName () + "]";
-   },
 };
 
 for (const key of Reflect .ownKeys (X3DInfoArray .prototype))

package/src/x_ite/Base/X3DObject.js

@@ -131,44 +131,53 @@ X3DObject .prototype =
             interest ();
       }
    },
-   toString: function (scene)
+   toString: function (options = Object .prototype)
    {
-      const stream = { string: "" };
+      const generator = new Generator (options);
 
-      if (scene)
-         Generator .Get (stream) .PushExecutionContext (scene);
+      if (options .scene)
+         generator .PushExecutionContext (options .scene);
 
-      this .toStream (stream);
+      this .toStream (generator);
 
-      return stream .string;
+      return generator .string;
    },
-   toVRMLString: function ()
+   toVRMLString: function  (options = Object .prototype)
    {
-      const stream = { string: "" };
+      const generator = new Generator (options);
 
-      this .toVRMLStream (stream);
+      if (options .scene)
+         generator .PushExecutionContext (options .scene);
 
-      return stream .string;
+      this .toVRMLStream (generator);
+
+      return generator .string;
    },
-   toXMLString: function ()
+   toXMLString: function  (options = Object .prototype)
    {
-      const stream = { string: "" };
+      const generator = new Generator (options);
+
+      if (options .scene)
+         generator .PushExecutionContext (options .scene);
 
-      this .toXMLStream (stream);
+      this .toXMLStream (generator);
 
-      return stream .string;
+      return generator .string;
    },
-   toJSONString: function ()
+   toJSONString: function (options = Object .prototype)
    {
-      const stream = { string: "" };
+      const generator = new Generator (options);
+
+      if (options .scene)
+         generator .PushExecutionContext (options .scene);
 
-      this .toVRMLStream (stream); // TODO.
+      this .toVRMLStream (generator); // TODO.
 
-      return stream .string;
+      return generator .string;
    },
-   toStream: function (stream)
+   toStream: function (generator)
    {
-      stream .string = "[object " + this .getTypeName () + "]";
+      generator .string = "[object " + this .getTypeName () + "]";
    },
    dispose: function () { },
 };

package/src/x_ite/Base/X3DObjectArrayField.js

@@ -47,7 +47,6 @@
 
 import X3DField      from "./X3DField.js";
 import X3DArrayField from "./X3DArrayField.js";
-import Generator     from "../InputOutput/Generator.js";
 
 const
    _target = Symbol (),
@@ -453,25 +452,26 @@ X3DObjectArrayField .prototype = Object .assign (Object .create (X3DArrayField .
    {
       value .removeParent (this [_proxy]);
    },
-   toStream: function (stream)
+   toStream: function (generator)
    {
       const
-         target    = this [_target],
-         array     = target .getValue (),
-         generator = Generator .Get (stream);
+         target = this [_target],
+         array  = target .getValue ();
 
       switch (array .length)
       {
          case 0:
          {
-            stream .string += "[ ]";
+            generator .string += "[";
+            generator .string += generator .TidySpace ();
+            generator .string += "]";
             break;
          }
          case 1:
          {
             generator .PushUnitCategory (target .getUnit ());
 
-            array [0] .toStream (stream);
+            array [0] .toStream (generator);
 
             generator .PopUnitCategory ();
             break;
@@ -480,34 +480,36 @@ X3DObjectArrayField .prototype = Object .assign (Object .create (X3DArrayField .
          {
             generator .PushUnitCategory (target .getUnit ());
 
-            stream .string += "[\n";
+            generator .string += "[";
+            generator .string += generator .ListStart ();
             generator .IncIndent ();
 
             for (let i = 0, length = array .length - 1; i < length; ++ i)
             {
-               stream .string += generator .Indent ();
-               array [i] .toStream (stream);
-               stream .string += ",\n";
+               generator .string += generator .ListIndent ();
+               array [i] .toStream (generator);
+               generator .string += generator .Comma ();
+               generator .string += generator .ListBreak ();
             }
 
-            stream .string += generator .Indent ();
-            array .at (-1) .toStream (stream);
-            stream .string += "\n";
+            generator .string += generator .ListIndent ();
+            array .at (-1) .toStream (generator);
 
+            generator .string += generator .ListEnd ();
             generator .DecIndent ();
-            stream .string += generator .Indent ();
-            stream .string += "]";
+            generator .string += generator .ListIndent ();
+            generator .string += "]";
 
             generator .PopUnitCategory ();
             break;
          }
       }
    },
-   toVRMLStream: function (stream)
+   toVRMLStream: function (generator)
    {
-      this .toStream (stream);
+      this .toStream (generator);
    },
-   toXMLStream: function (stream)
+   toXMLStream: function (generator)
    {
       const
          target = this [_target],
@@ -515,19 +517,18 @@ X3DObjectArrayField .prototype = Object .assign (Object .create (X3DArrayField .
 
       if (length)
       {
-         const
-            generator = Generator .Get (stream),
-            array     = target .getValue ();
+         const array = target .getValue ();
 
          generator .PushUnitCategory (target .getUnit ());
 
-         for (const element of array)
+         for (let i = 0, length = array .length - 1; i < length; ++ i)
          {
-            element .toXMLStream (stream);
-            stream .string += ", ";
+            array [i] .toXMLStream (generator);
+            generator .string += generator .Comma ();
+            generator .string += generator .TidySpace ();
          }
 
-         array .at (-1) .toXMLStream (stream);
+         array .at (-1) .toXMLStream (generator);
 
          generator .PopUnitCategory ();
       }

package/src/x_ite/Base/X3DTypedArrayField.js

@@ -46,7 +46,6 @@
  ******************************************************************************/
 
 import X3DArrayField from "./X3DArrayField.js";
-import Generator     from "../InputOutput/Generator.js";
 import Algorithm     from "../../standard/Math/Algorithm.js";
 
 const
@@ -688,11 +687,10 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
 
       return newArray;
    },
-   toStream: function (stream)
+   toStream: function (generator)
    {
       const
          target     = this [_target],
-         generator  = Generator .Get (stream),
          array      = target .getValue (),
          length     = target [_length],
          components = target .getComponents (),
@@ -702,7 +700,9 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
       {
          case 0:
          {
-            stream .string += "[ ]";
+            generator .string += "[";
+            generator .string += generator .TidySpace ();
+            generator .string += "]";
             break;
          }
          case 1:
@@ -713,14 +713,14 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
             {
                value .set (array [0]);
 
-               value .toStream (stream);
+               value .toStream (generator);
             }
             else
             {
                for (let c = 0, first = 0; c < components; ++ c, ++ first)
                   value [c] = array [first];
 
-               value .toStream (stream);
+               value .toStream (generator);
             }
 
             generator .PopUnitCategory ();
@@ -730,64 +730,65 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
          {
             generator .PushUnitCategory (target .getUnit ());
 
-            stream .string += "[\n";
+            generator .string += "[";
+            generator .string += generator .ListStart ();
             generator .IncIndent ();
 
             if (components === 1)
             {
                for (let i = 0, n = length - 1; i < n; ++ i)
                {
-                  stream .string += generator .Indent ();
+                  generator .string += generator .ListIndent ();
 
                   value .set (array [i * components]);
-                  value .toStream (stream);
+                  value .toStream (generator);
 
-                  stream .string += ",\n";
+                  generator .string += generator .Comma ();
+                  generator .string += generator .ListBreak ();
                }
 
-               stream .string += generator .Indent ();
+               generator .string += generator .ListIndent ();
                value .set (array [(length - 1) * components]);
-               value .toStream (stream);
-
-               stream .string += "\n";
+               value .toStream (generator);
             }
             else
             {
                for (let i = 0, n = length - 1; i < n; ++ i)
                {
-                  stream .string += generator .Indent ();
+                  generator .string += generator .ListIndent ();
 
                   for (let c = 0, first = i * components; c < components; ++ c, ++ first)
                      value [c] = array [first];
 
-                  value .toStream (stream);
+                  value .toStream (generator);
 
-                  stream .string += ",\n";
+                  generator .string += generator .Comma ();
+                  generator .string += generator .ListBreak ();
                }
 
-               stream .string += generator .Indent ();
+               generator .string += generator .ListIndent ();
 
                for (let c = 0, first = (length - 1) * components; c < components; ++ c, ++ first)
                   value [c] = array [first];
 
-               value .toStream (stream);
-               stream .string += "\n";
+               value .toStream (generator);
             }
 
+            generator .string += generator .ListEnd ();
             generator .DecIndent ();
-            stream .string += generator .Indent ();
-            stream .string += "]";
+            generator .string += generator .ListIndent ();
+            generator .string += "]";
 
             generator .PopUnitCategory ();
             break;
          }
       }
    },
-   toVRMLStream: function (stream)
+   toVRMLStream: function (generator)
    {
-      this .toStream (stream);
+      this .toStream (generator);
    },
-   toXMLStream: function (stream)
+   toXMLStream: function (generator)
    {
       const
          target = this [_target],
@@ -796,7 +797,6 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
       if (length)
       {
          const
-            generator  = Generator .Get (stream),
             array      = target .getValue (),
             components = target .getComponents (),
             value      = new (target .getSingleType ()) ();
@@ -808,14 +808,15 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
             for (let i = 0, n = length - 1; i < n; ++ i)
             {
                value .set (array [i * components]);
-               value .toXMLStream (stream);
+               value .toXMLStream (generator);
 
-               stream .string += ", ";
+               generator .string += generator .Comma ();
+               generator .string += generator .TidySpace ();
             }
 
             value .set (array [(length - 1) * components]);
 
-            value .toXMLStream (stream);
+            value .toXMLStream (generator);
          }
          else
          {
@@ -824,15 +825,16 @@ X3DTypedArrayField .prototype = Object .assign (Object .create (X3DArrayField .p
                for (let c = 0, first = i * components; c < components; ++ c, ++ first)
                   value [c] = array [first];
 
-               value .toXMLStream (stream);
+               value .toXMLStream (generator);
 
-               stream .string += ", ";
+               generator .string += generator .Comma ();
+               generator .string += generator .TidySpace ();
             }
 
             for (let c = 0, first = (length - 1) * components; c < components; ++ c, ++ first)
                value [c] = array [first];
 
-            value .toXMLStream (stream);
+            value .toXMLStream (generator);
          }
 
          generator .PopUnitCategory ();