sunrize 1.11.18 → 2.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "1.11.18",
+  "version": "2.0.1",
   "description": "A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -91,7 +91,7 @@
     "@vscode/codicons": "^0.0.44",
     "capitalize": "^2.0.4",
     "console": "^0.7.2",
-    "electron": "^40.0.0",
+    "electron": "^40.1.0",
     "electron-prompt": "^1.7.0",
     "electron-squirrel-startup": "^1.0.1",
     "electron-tabs": "^1.0.4",
@@ -110,7 +110,7 @@
     "string-similarity": "^4.0.4",
     "tweakpane": "^3.1.10",
     "update-electron-app": "^3.1.2",
-    "x_ite": "^12.2.6",
+    "x_ite": "^14.0.1",
     "x3d-traverse": "^1.0.22"
   }
 }

package/src/Controls/ExportNodePopover.js

@@ -9,7 +9,7 @@ const
 require ("./Popover");
 require ("../Bits/Validate");
 
-$.fn.exportNodePopover = function (node, oldExportedName)
+$.fn.exportNodePopover = function (node, oldExportedName, oldDescription = "")
 {
    // Create content.
 
@@ -18,7 +18,7 @@ $.fn.exportNodePopover = function (node, oldExportedName)
    const content = $("<div></div>");
 
    $("<span></span>")
-      .text (_("Name"))
+      .text ("Exported Name")
       .appendTo (content);
 
    const nameInput = $("<input></input>")
@@ -26,19 +26,35 @@ $.fn.exportNodePopover = function (node, oldExportedName)
       .val (oldExportedName || scene .getUniqueExportName (node .getName ()))
       .appendTo (content);
 
+   $("<span></span>")
+      .text ("Description")
+      .appendTo (content);
+
+   const descriptionInput = $("<input></input>")
+      .attr ("placeholder", _("Enter description"))
+      .val (oldDescription)
+      .appendTo (content);
+
    // Create tooltip.
 
    const tooltip = this .popover ({
       content: content,
+      extension:
+      {
+         wide: true,
+      },
       events: {
          show: (event, api) =>
          {
-            nameInput .off () .validate (Editor .Id, () =>
+            $(nameInput) .add (descriptionInput) .off ();
+
+            nameInput .validate (Editor .Id, () =>
             {
                electron .shell .beep ();
                nameInput .highlight ();
-            })
-            .on ("keydown.exportNodePopover", event =>
+            });
+
+            $(nameInput) .add (descriptionInput) .on ("keydown.exportNodePopover", event =>
             {
                if (event .key !== "Enter")
                   return;
@@ -50,12 +66,13 @@ $.fn.exportNodePopover = function (node, oldExportedName)
                if (!nameInput .val ())
                   return;
 
-               if (oldExportedName && oldExportedName === nameInput .val ())
-                  return;
-
-               const exportedName = scene .getUniqueExportName (nameInput .val ());
+               const
+                  exportedName = nameInput .val () !== oldExportedName
+                     ? scene .getUniqueExportName (nameInput .val ())
+                     : oldExportedName,
+                  description  = descriptionInput .val ();
 
-               Editor .updateExportedNode (scene, exportedName, oldExportedName, node);
+               Editor .updateExportedNode (scene, exportedName, oldExportedName, node, description);
             });
 
             setTimeout (() => nameInput .trigger ("select"), 1);

package/src/Controls/ImportNodePopover.js

@@ -9,7 +9,7 @@ const
 require ("./Popover");
 require ("../Bits/Validate");
 
-$.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName)
+$.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName, oldDescription = "")
 {
    // Create content.
 
@@ -18,7 +18,7 @@ $.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName)
    const content = $("<div></div>");
 
    $("<span></span>")
-      .text (_("Name"))
+      .text ("Imported Name")
       .appendTo (content);
 
    const nameInput = $("<input></input>")
@@ -26,19 +26,35 @@ $.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName)
       .val (oldImportedName || executionContext .getUniqueImportName (exportedName))
       .appendTo (content);
 
+   $("<span></span>")
+      .text ("Description")
+      .appendTo (content);
+
+   const descriptionInput = $("<input></input>")
+      .attr ("placeholder", _("Enter description"))
+      .val (oldDescription)
+      .appendTo (content);
+
    // Create tooltip.
 
    const tooltip = this .popover ({
       content: content,
+      extension:
+      {
+         wide: true,
+      },
       events: {
          show: (event, api) =>
          {
+            $(nameInput) .add (descriptionInput) .off ();
+
             nameInput .off () .validate (Editor .Id, () =>
             {
                electron .shell .beep ();
                nameInput .highlight ();
-            })
-            .on ("keydown.importNodePopover", event =>
+            });
+
+            $(nameInput) .add (descriptionInput) .on ("keydown.importNodePopover", event =>
             {
                if (event .key !== "Enter")
                   return;
@@ -50,12 +66,13 @@ $.fn.importNodePopover = function (inlineNode, exportedName, oldImportedName)
                if (!nameInput .val ())
                   return;
 
-               if (oldImportedName && oldImportedName === nameInput .val ())
-                  return;
-
-               const importedName = executionContext .getUniqueImportName (nameInput .val ());
+               const
+                  importedName = nameInput .val () !== oldImportedName
+                     ? executionContext .getUniqueImportName (nameInput .val ())
+                     : oldImportedName,
+                  description  = descriptionInput .val ();
 
-               Editor .updateImportedNode (executionContext, inlineNode, exportedName, importedName, oldImportedName);
+               Editor .updateImportedNode (executionContext, inlineNode, exportedName, importedName, oldImportedName, description);
             });
 
             setTimeout (() => nameInput .trigger ("select"), 1);

package/src/Controls/MaterialPreviewPopover.js

@@ -18,10 +18,10 @@ $.fn.materialPreviewPopover = async function (node)
 
    const canvas = $("<x3d-canvas></x3d-canvas>")
       .css ({ width: "30vh", height: "30vh" })
-      .attr ("cache", false)
-      .attr ("splashScreen", false)
-      .attr ("contextMenu", false)
-      .attr ("notifications", false)
+      .attr ("cache", "false")
+      .attr ("splashScreen", "false")
+      .attr ("contextMenu", "false")
+      .attr ("notifications", "false")
       .attr ("colorSpace", node .getBrowser () .getBrowserOption ("ColorSpace"))
       .attr ("xrSessionMode", "NONE")
       .appendTo (preview);

package/src/Controls/TexturePreviewPopover.js

@@ -42,10 +42,10 @@ $.fn.texturePreviewPopover = async function (node)
    const canvas = $("<x3d-canvas></x3d-canvas>")
       .css ("width","30vh")
       .css ("height", "30vh")
-      .attr ("cache", false)
-      .attr ("splashScreen", false)
-      .attr ("contextMenu", false)
-      .attr ("notifications", false)
+      .attr ("cache", "false")
+      .attr ("splashScreen", "false")
+      .attr ("contextMenu", "false")
+      .attr ("notifications", "false")
       .attr ("colorSpace", node .getBrowser () .getBrowserOption ("ColorSpace"))
       .attr ("xrSessionMode", "NONE")
       .appendTo (preview);

package/src/Editors/OutlineEditor.js

@@ -849,7 +849,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
          element      = $(`#${id}`),
          exportedNode = this .objects .get (parseInt (element .attr ("exported-node-id")));
 
-      element .find ("> .item") .exportNodePopover (exportedNode .getLocalNode (), exportedNode .getExportedName ());
+      element .find ("> .item") .exportNodePopover (exportedNode .getLocalNode (), exportedNode .getExportedName (), exportedNode .getDescription ());
    }
 
    removeExportedNode (id)
@@ -870,7 +870,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
          exportedNode = this .objects .get (parseInt (element .attr ("exported-node-id"))),
          inlineNode   = this .getNode (element .closest (".node", this .sceneGraph));
 
-      element .find ("> .item") .importNodePopover (inlineNode, exportedNode .getExportedName ());
+      element .find ("> .item") .importNodePopover (inlineNode, exportedNode .getExportedName (), "", exportedNode .getDescription ());
    }
 
    editImportedNode (id)
@@ -881,7 +881,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
          element      = $(`#${id}`),
          importedNode = this .objects .get (parseInt (element .attr ("imported-node-id")));
 
-      element .find ("> .item") .importNodePopover (importedNode .getInlineNode (), importedNode .getExportedName (), importedNode .getImportedName ());
+      element .find ("> .item") .importNodePopover (importedNode .getInlineNode (), importedNode .getExportedName (), importedNode .getImportedName (), importedNode .getDescription ());
    }
 
    removeImportedNode (id)

package/src/Editors/OutlineView.js

@@ -148,11 +148,12 @@ module .exports = class OutlineView extends Interface
    {
       this .onDemandToolNodes = new Set ([
          X3D .X3DConstants .DirectionalLight,
+         X3D .X3DConstants .EnvironmentLight,
          X3D .X3DConstants .ListenerPointSource,
          X3D .X3DConstants .PointLight,
-         X3D .X3DConstants .SpotLight,
          X3D .X3DConstants .Sound,
          X3D .X3DConstants .SpatialSound,
+         X3D .X3DConstants .SpotLight,
          X3D .X3DConstants .ViewpointGroup,
          X3D .X3DConstants .X3DEnvironmentalSensorNode,
          X3D .X3DConstants .X3DTextureProjectorNode,
@@ -1438,7 +1439,8 @@ module .exports = class OutlineView extends Interface
          .addClass (classes)
          .attr ("node-id", node .getId ())
          .attr ("imported-node-id", importedNode .getId ())
-         .attr ("index", index);
+         .attr ("index", index)
+         .attr ("title", importedNode .getDescription ());
 
       // Icon
 
@@ -1529,7 +1531,8 @@ module .exports = class OutlineView extends Interface
       const child = $("<li></li>")
          .addClass (type)
          .attr ("exported-node-id", exportedNode .getId ())
-         .attr ("node-id", node .getId ());
+         .attr ("node-id", node .getId ())
+         .attr ("title", exportedNode .getDescription ());
 
       // Icon
 
@@ -1577,7 +1580,7 @@ module .exports = class OutlineView extends Interface
    }
 
    static connectorId = 0;
-   static urlFields   = new Set (["url", "frontUrl", "backUrl", "leftUrl", "rightUrl", "topUrl", "bottomUrl", "family"]);
+   static urlFields   = new Set (["url", "frontUrl", "backUrl", "leftUrl", "rightUrl", "topUrl", "bottomUrl"]);
 
    #fieldSymbol       = Symbol ();
    #fieldButtonSymbol = Symbol ();

package/src/Parser/AudioParser.js

@@ -45,7 +45,7 @@ class AudioParser extends X3D .X3DParser
 
       scene .setEncoding ("AUDIO");
       scene .setProfile (browser .getProfile ("Interchange"));
-      scene .addComponent (browser .getComponent ("Sound", 1));
+      scene .updateComponent (browser .getComponent ("Sound", 1));
 
       await this .loadComponents ();
 

package/src/Parser/ImageParser.js

@@ -45,7 +45,7 @@ class ImageParser extends X3D .X3DParser
 
       scene .setEncoding ("IMAGE");
       scene .setProfile (browser .getProfile ("Interchange"));
-      scene .addComponent (browser .getComponent ("Geometry2D", 1));
+      scene .updateComponent (browser .getComponent ("Geometry2D", 1));
 
       await this .loadComponents ();
 

package/src/Parser/VideoParser.js

@@ -45,8 +45,8 @@ class VideoParser extends X3D .X3DParser
 
       scene .setEncoding ("VIDEO");
       scene .setProfile (browser .getProfile ("Interchange"));
-      scene .addComponent (browser .getComponent ("Geometry2D", 1));
-      scene .addComponent (browser .getComponent ("Sound", 1));
+      scene .updateComponent (browser .getComponent ("Geometry2D", 1));
+      scene .updateComponent (browser .getComponent ("Sound", 1));
 
       await this .loadComponents ();
 

package/src/Tools/Grids/X3DGridNodeTool.js

@@ -220,22 +220,22 @@ class X3DGridNodeTool extends X3DActiveLayerNodeTool
          index2 = (index0 + 2) % 3;
 
       const y = [
-         absoluteMatrix .X_AXIS .copy (),
-         absoluteMatrix .Y_AXIS .copy (),
-         absoluteMatrix .Z_AXIS .copy (),
+         absoluteMatrix .xAxis .copy (),
+         absoluteMatrix .yAxis .copy (),
+         absoluteMatrix .zAxis .copy (),
       ]; // Rotation axis, equates to grid normal
 
       const z = [
-         absoluteMatrix .Y_AXIS .copy (),
-         absoluteMatrix .Z_AXIS .copy (),
-         absoluteMatrix .Y_AXIS .copy (),
+         absoluteMatrix .yAxis .copy (),
+         absoluteMatrix .zAxis .copy (),
+         absoluteMatrix .yAxis .copy (),
       ]; // Axis which snaps, later transformed to grid space
 
       const gridMatrix = this .getGridMatrix ();
 
       const
          Y         = y [index1] .copy () .cross (y [index2]) .normalize (), // Normal of rotation plane
-         X         = gridMatrix .Y_AXIS .copy () .cross (Y), // Intersection between both planes
+         X         = gridMatrix .yAxis .copy () .cross (Y), // Intersection between both planes
          Z         = X .copy () .cross (Y), // Front vector
          gridPlane = gridMatrix .submatrix .copy ();
 
@@ -245,7 +245,7 @@ class X3DGridNodeTool extends X3DActiveLayerNodeTool
 
       // If X or Z are near 0 then Y is collinear to the y-axis.
 
-      if (1 - Math .abs (gridMatrix .Y_AXIS .normalize () .dot (Y)) < 1e-6)
+      if (1 - Math .abs (gridMatrix .yAxis .normalize () .dot (Y)) < 1e-6)
       {
          rotationPlane = new X3D .Matrix3 ();
          gridRotation  = new X3D .Matrix3 ();

package/src/Tools/Lighting/EnvironmentLightTool.js

@@ -0,0 +1,23 @@
+"use strict";
+
+const X3DLightNodeTool = require ("./X3DLightNodeTool");
+
+class EnvironmentLightTool extends X3DLightNodeTool
+{
+   async initializeTool ()
+   {
+      await super .initializeTool ();
+
+      this .tool .getField ("location") .addReference (this .node ._origin);
+      this .tool .getField ("rotation") .addReference (this .node ._rotation);
+
+      this .tool .type = 3;
+   }
+
+   beginUndo ()
+   {
+      this .undoSaveInitialValues (["origin", "rotation"]);
+   }
+}
+
+module .exports = EnvironmentLightTool;

package/src/Tools/Lighting/X3DLightNodeTool.x3d

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 4.0//EN" "https://www.web3d.org/specifications/x3d-4.0.dtd">
-<X3D profile='Interchange' version='4.0' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.0.xsd'>
+<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 4.1//EN" "https://www.web3d.org/specifications/x3d-4.1.dtd">
+<X3D profile='Interchange' version='4.1' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.1.xsd'>
   <head>
     <component name='Layout' level='2'/>
     <component name='Scripting' level='1'/>
@@ -8,9 +8,9 @@
     <meta name='comment' content='Rise and Shine'/>
     <meta name='created' content='Fri, 01 Aug 2014 17:41:58 GMT'/>
     <meta name='creator' content='Holger Seelig'/>
-    <meta name='generator' content='Sunrize X3D Editor V1.7.57, https://create3000.github.io/sunrize/'/>
+    <meta name='generator' content='Sunrize X3D Editor V2.0.0, https://create3000.github.io/sunrize/'/>
     <meta name='identifier' content='file:///Users/holger/Desktop/X_ITE/sunrize/src/sunrize/Tools/Lighting/X3DLightNodeTool.x3d'/>
-    <meta name='modified' content='Mon, 10 Mar 2025 10:42:47 GMT'/>
+    <meta name='modified' content='Sat, 31 Jan 2026 23:04:56 GMT'/>
   </head>
   <Scene>
     <ExternProtoDeclare name='ToolShader' url='"../Shaders/ToolShader.x3d"'>
@@ -27,6 +27,7 @@
         <field accessType='inputOutput' type='SFColor' name='color' value='1 1 1'/>
         <field accessType='inputOutput' type='SFFloat' name='intensity' value='1'/>
         <field accessType='inputOutput' type='SFVec3f' name='location'/>
+        <field accessType='inputOutput' type='SFRotation' name='rotation'/>
         <field accessType='inputOutput' type='SFVec3f' name='direction' value='0 0 -1'/>
         <field accessType='inputOutput' type='SFFloat' name='beamWidth'/>
         <field accessType='inputOutput' type='SFFloat' name='cutOffAngle'/>
@@ -37,8 +38,7 @@
       <ProtoBody>
         <Collision
             enabled='false'>
-          <Transform DEF='_1'
-              rotation='0 1 0 3.14159265358979'>
+          <Transform DEF='_1'>
             <ScreenGroup>
               <Transform DEF='Lights'
                   translation='0 0 1.26218e-29'
@@ -54,16 +54,16 @@
                     <Transform DEF='Rays'>
                       <Shape
                           castShadow='false'>
-                        <Appearance DEF='_2'>
+                        <Appearance DEF='_7'>
                           <LineProperties
                               linewidthScaleFactor='2'/>
-                          <Material DEF='_3'
+                          <Material DEF='_8'
                               ambientIntensity='0.1'
                               diffuseColor='1 1 1'
                               specularColor='0.8 0.8 0.8'
                               emissiveColor='0.67 0.67 0.67'
                               shininess='1'/>
-                          <ProtoInstance name='ToolShader' DEF='_4' containerField='shaders'/>
+                          <ProtoInstance name='ToolShader' DEF='_9' containerField='shaders'/>
                         </Appearance>
                         <IndexedLineSet
                             coordIndex='0, 1, -1, 2, 3, -1, 4, 5, -1, 6, 7, -1, 8, 9, -1, 10, 11, -1, 12, 13, -1, 14, 15, -1, 16, 17, -1'>
@@ -76,9 +76,9 @@
                         scale='1 0.61803 0.1'>
                       <Shape
                           castShadow='false'>
-                        <Appearance DEF='_5'>
-                          <Material USE='_3'/>
-                          <ProtoInstance name='ToolShader' USE='_4' containerField='shaders'/>
+                        <Appearance DEF='_10'>
+                          <Material USE='_8'/>
+                          <ProtoInstance name='ToolShader' USE='_9' containerField='shaders'/>
                         </Appearance>
                         <Box/>
                       </Shape>
@@ -91,7 +91,7 @@
                           scaleOrientation='0.999999999986306 2.43262999996669e-6 4.63356999993655e-6 0.785354'>
                         <Shape DEF='_6'
                             castShadow='false'>
-                          <Appearance USE='_5'/>
+                          <Appearance USE='_10'/>
                           <Cone
                               height='3'/>
                         </Shape>
@@ -155,11 +155,11 @@
                     </Transform>
                   </Transform>
                   <Transform DEF='PointLight'>
-                    <Transform DEF='Rays_1'
+                    <Transform DEF='Rays_3'
                         scale='2 2 2'>
                       <Shape
                           castShadow='false'>
-                        <Appearance USE='_2'/>
+                        <Appearance USE='_7'/>
                         <IndexedLineSet
                             coordIndex='0, 1, -1, 2, 3, -1, 4, 5, -1, 6, 7, -1, 8, 9, -1, 10, 11, -1, 12, 13, -1, 14, 15, -1, 16, 17, -1'>
                           <Coordinate
@@ -167,10 +167,10 @@
                         </IndexedLineSet>
                       </Shape>
                     </Transform>
-                    <Shape DEF='Sphere'
+                    <Shape DEF='Sphere_2'
                         castShadow='false'>
-                      <Appearance USE='_5'/>
-                      <Sphere/>
+                      <Appearance USE='_10'/>
+                      <Sphere DEF='_2'/>
                     </Shape>
                   </Transform>
                   <Transform DEF='SpotLight'>
@@ -181,7 +181,7 @@
                           scale='1.70236 1.70236 1.70236'>
                         <Shape
                             castShadow='false'>
-                          <Appearance USE='_2'/>
+                          <Appearance USE='_7'/>
                           <IndexedLineSet
                               coordIndex='0, 1, 2, 0, -1, 2, 3, 0, -1, 3, 4, 0, -1, 4, 5, 0, -1, 5, 6, 0, -1, 6, 7, 0, -1, 7, 8, 0, -1, 8, 9, 0, -1, 9, 10, 0, -1, 10, 11, 0, -1, 11, 12, 0, -1, 12, 13, 0, -1, 13, 14, 0, -1, 14, 15, 0, -1, 15, 16, 0, -1, 16, 17, 0, -1, 17, 18, 0, -1, 18, 19, 0, -1, 19, 20, 0, -1, 20, 21, 0, -1, 21, 22, 0, -1, 22, 23, 0, -1, 23, 24, 0, -1, 24, 25, 0, -1, 25, 26, 0, -1, 26, 27, 0, -1, 27, 28, 0, -1, 28, 29, 0, -1, 29, 30, 0, -1, 30, 31, 0, -1, 31, 32, 0, -1, 32, 1, -1'>
                             <Coordinate
@@ -194,14 +194,14 @@
                         translation='0 0 1.46147'>
                       <Shape DEF='Sphere_1'
                           castShadow='false'>
-                        <Appearance USE='_5'/>
-                        <Sphere/>
+                        <Appearance USE='_10'/>
+                        <Sphere USE='_2'/>
                       </Shape>
                       <Transform DEF='Rays_2'
                           scale='2 2 2'>
                         <Shape
                             castShadow='false'>
-                          <Appearance USE='_2'/>
+                          <Appearance USE='_7'/>
                           <IndexedLineSet
                               coordIndex='0, 1, -1, 2, 3, -1, 4, 5, -1, 6, 7, -1, 8, 9, -1, 10, 11, -1, 12, 13, -1, 14, 15, -1, 16, 17, -1'>
                             <Coordinate
@@ -211,14 +211,49 @@
                       </Transform>
                     </Transform>
                   </Transform>
+                  <Transform DEF='EnvironmentLight'
+                      scale='2 2 2'>
+                    <Transform DEF='Rays_1'
+                        scale='2 2 2'>
+                      <Shape
+                          castShadow='false'>
+                        <Appearance>
+                          <LineProperties
+                              linewidthScaleFactor='2'/>
+                          <Material
+                              ambientIntensity='0.1'
+                              diffuseColor='1 1 1'
+                              specularColor='0.8 0.8 0.8'
+                              emissiveColor='0.67 0.67 0.67'
+                              shininess='1'/>
+                          <ProtoInstance name='ToolShader' containerField='shaders'/>
+                        </Appearance>
+                        <IndexedLineSet
+                            coordIndex='0, 1, -1, 2, 3, -1, 4, 5, -1, 6, 7, -1, 8, 9, -1, 10, 11, -1, 12, 13, -1, 14, 15, -1, 16, 17, -1'>
+                          <Coordinate
+                              point='-1 0 0, 1 0 0, 0 -1 0, 0 1 0, 0 0 -1, 0 0 1, -0.5 0.7071068 -0.5, 0.5 -0.7071068 0.5, -0.5 -0.7071068 -0.5, 0.5 0.7071068 0.5, 0.7071068 0 -0.7071068, -0.7071068 0 0.7071068, -0.5 0.7071068 0.5, 0.5 -0.7071068 -0.5, -0.5 -0.7071068 0.5, 0.5 0.7071068 -0.5, -0.7071068 0 -0.7071068, 0.7071068 0 0.7071068'/>
+                        </IndexedLineSet>
+                      </Shape>
+                    </Transform>
+                    <Shape DEF='Sphere'
+                        castShadow='false'>
+                      <Appearance>
+                        <PhysicalMaterial
+                            roughness='0'/>
+                        <TextureTransform
+                            scale='-1 1'/>
+                      </Appearance>
+                      <Sphere USE='_2'/>
+                    </Shape>
+                  </Transform>
                 </Switch>
               </Transform>
             </ScreenGroup>
           </Transform>
-          <Transform DEF='TransformTool'
-              rotation='0 1 0 3.14159265358979'>
+          <Transform DEF='TransformTool'>
             <IS>
               <connect nodeField='translation' protoField='location'/>
+              <connect nodeField='rotation' protoField='rotation'/>
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
@@ -243,7 +278,7 @@
           <field accessType='inputOutput' type='SFFloat' name='intensity'/>
           <field accessType='inputOutput' type='SFVec3f' name='direction'/>
           <field accessType='initializeOnly' type='SFVec3f' name='upVector' value='0 1 0'/>
-          <field accessType='inputOnly' type='SFRotation' name='set_rotation'/>
+          <field accessType='inputOutput' type='SFRotation' name='rotation'/>
           <field accessType='inputOutput' type='SFFloat' name='beamWidth'/>
           <field accessType='inputOutput' type='SFFloat' name='cutOffAngle'/>
           <field accessType='inputOutput' type='SFString' name='activeTool'/>
@@ -252,7 +287,7 @@
             <Transform USE='TransformTool'/>
           </field>
           <field accessType='initializeOnly' type='SFNode' name='material'>
-            <Material USE='_3'/>
+            <Material USE='_8'/>
           </field>
           <field accessType='initializeOnly' type='SFNode' name='cone'>
             <Transform USE='Cone'/>
@@ -399,6 +434,8 @@ function set_angle ()
         <ROUTE fromNode='TransformTool' fromField='rotation_changed' toNode='Tool' toField='set_rotation'/>
       </ProtoBody>
     </ProtoDeclare>
-    <ProtoInstance name='X3DLightNodeTool'/>
+    <ProtoInstance name='X3DLightNodeTool'>
+      <fieldValue name='type' value='3'/>
+    </ProtoInstance>
   </Scene>
 </X3D>

package/src/Tools/SnapTool/SnapTarget.js

@@ -185,9 +185,9 @@ class SnapTarget extends X3DSnapNodeTool
          index2 = (index0 + 2) % 3;
 
       const axes = [
-         absoluteMatrix .X_AXIS .copy (),
-         absoluteMatrix .Y_AXIS .copy (),
-         absoluteMatrix .Z_AXIS .copy (),
+         absoluteMatrix .xAxis .copy (),
+         absoluteMatrix .yAxis .copy (),
+         absoluteMatrix .zAxis .copy (),
       ]; // Rotation axis, equates to grid normal.
 
       const

package/src/Undo/Editor.js

@@ -196,7 +196,7 @@ module .exports = class Editor
       scene .setProfile (browser .getProfile ("Core"));
 
       for (const name of componentNames)
-         scene .addComponent (browser .getComponent (name));
+         scene .updateComponent (browser .getComponent (name));
 
       // Add nodes.
 
@@ -378,7 +378,7 @@ module .exports = class Editor
       {
          for (const exportedNode of tempScene .exportedNodes)
          {
-            this .updateExportedNode (executionContext, executionContext .getUniqueExportName (exportedNode .getExportedName ()), "", exportedNode .getLocalNode (), undoManager);
+            this .updateExportedNode (executionContext, executionContext .getUniqueExportName (exportedNode .getExportedName ()), "", exportedNode .getLocalNode (), exportedNode .getDescription (), undoManager);
          }
       }
 
@@ -538,7 +538,6 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
    }
 
    static absoluteURL = new RegExp ("^(?:[a-z]+:|//)", "i");
-   static fontFamilies = new Set (["SERIF", "SANS", "TYPEWRITER"]);
 
    /**
     *
@@ -555,23 +554,17 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
       for (const object of Traverse .traverse (objects, Traverse .EXTERNPROTO_DECLARATIONS | Traverse .PROTO_DECLARATIONS | Traverse .PROTO_DECLARATION_BODY | Traverse .ROOT_NODES))
       {
          const
-            node          = object instanceof X3D .SFNode ? object .getValue () : object,
-            urlObject     = node .getType () .includes (X3D .X3DConstants .X3DUrlObject),
-            fontStyleNode = node .getType () .includes (X3D .X3DConstants .X3DFontStyleNode);
+            node      = object instanceof X3D .SFNode ? object .getValue () : object,
+            urlObject = node .getType () .includes (X3D .X3DConstants .X3DUrlObject);
 
-         if (!(urlObject || fontStyleNode))
+         if (!urlObject)
             continue;
 
          const newURL = new X3D .MFString ();
 
          for (const fileURL of node ._url)
          {
-            if (fontStyleNode && this .fontFamilies .has (fileURL))
-            {
-               newURL .push (fileURL);
-               continue;
-            }
-            else if (this .absoluteURL .test (fileURL))
+            if (this .absoluteURL .test (fileURL))
             {
                try
                {
@@ -762,9 +755,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
     */
    static setComponents (scene, components, undoManager = UndoManager .shared)
    {
-      const
-         browser       = scene .getBrowser (),
-         oldComponents = Array .from (scene .getComponents ());
+      const oldComponents = Array .from (scene .getComponents ());
 
       undoManager .beginUndo (_("Set Components of Scene"));
 
@@ -800,7 +791,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
 
       undoManager .beginUndo (_("Add Component %s"), name);
 
-      scene .addComponent (browser .getComponent (name));
+      scene .updateComponent (browser .getComponent (name));
 
       undoManager .registerUndo (() =>
       {
@@ -959,21 +950,30 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
     * @param {string} importedName
     * @param {UndoManager} undoManager
     */
-   static updateImportedNode (executionContext, inlineNode, exportedName, importedName, oldImportedName, undoManager = UndoManager .shared)
+   static updateImportedNode (executionContext, inlineNode, exportedName, importedName, oldImportedName, description, undoManager = UndoManager .shared)
    {
       inlineNode = inlineNode .valueOf ();
 
+      const oldDescription = executionContext .getImportedNodes () .get (oldImportedName) ?.getDescription ();
+
       undoManager .beginUndo (_("Update Imported Node »%s«"), importedName);
 
       if (oldImportedName)
-         executionContext .renameImportedNode (oldImportedName, importedName);
+      {
+         if (importedName !== oldImportedName)
+            executionContext .renameImportedNode (oldImportedName, importedName);
+
+         executionContext .getImportedNodes () .get (importedName) .setDescription (description);
+      }
       else
-         executionContext .updateImportedNode (inlineNode .valueOf (), exportedName, importedName);
+      {
+         executionContext .updateImportedNode (inlineNode .valueOf (), exportedName, importedName, description);
+      }
 
       undoManager .registerUndo (() =>
       {
          if (oldImportedName)
-            this .updateImportedNode (executionContext, inlineNode, exportedName, oldImportedName, importedName, undoManager);
+            this .updateImportedNode (executionContext, inlineNode, exportedName, oldImportedName, importedName, oldDescription, undoManager);
          else
             this .removeImportedNode (executionContext, importedName, undoManager);
       });
@@ -995,6 +995,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
          importedNode = executionContext .getImportedNodes () .get (importedName),
          inlineNode   = importedNode .getInlineNode (),
          exportedName = importedNode .getExportedName (),
+         description  = importedNode .getDescription (),
          exportedNode = importedNode .getExportedNode ();
 
       const routes = executionContext .getRoutes () .filter (route =>
@@ -1059,7 +1060,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
 
       undoManager .registerUndo (() =>
       {
-         this .updateImportedNode (executionContext, inlineNode, exportedName, importedName, "", undoManager);
+         this .updateImportedNode (executionContext, inlineNode, exportedName, importedName, "", description, undoManager);
 
          const newImportedNode = executionContext .getImportedNodes () .get (importedName);
 
@@ -1087,21 +1088,30 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
     * @param {X3DNode} node
     * @param {UndoManager} undoManager
     */
-   static updateExportedNode (scene, exportedName, oldExportedName, node, undoManager = UndoManager .shared)
+   static updateExportedNode (scene, exportedName, oldExportedName, node, description, undoManager = UndoManager .shared)
    {
       node = node .valueOf ();
 
       undoManager .beginUndo (_("Update Exported Node »%s«"), exportedName);
 
-      if (oldExportedName)
-         scene .removeExportedNode (oldExportedName);
+      const oldDescription = scene .getExportedNodes () .get (oldExportedName) ?.getDescription () ?? "";
 
-      scene .updateExportedNode (exportedName, node);
+      if (exportedName === oldExportedName)
+      {
+         scene .getExportedNodes () .get (exportedName) ?.setDescription (description);
+      }
+      else
+      {
+         if (oldExportedName)
+            scene .removeExportedNode (oldExportedName);
+
+         scene .updateExportedNode (exportedName, node, description);
+      }
 
       undoManager .registerUndo (() =>
       {
          if (oldExportedName)
-            this .updateExportedNode (scene, oldExportedName, exportedName, node, undoManager);
+            this .updateExportedNode (scene, oldExportedName, exportedName, node, oldDescription, undoManager);
          else
             this .removeExportedNode (scene, exportedName, undoManager);
       });
@@ -1121,7 +1131,8 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
    {
       const
          exportedNode = scene .getExportedNodes () .get (exportedName),
-         node         = exportedNode .getLocalNode ();
+         node         = exportedNode .getLocalNode (),
+         description  = exportedNode .getDescription ();
 
       undoManager .beginUndo (_("Remove Exported Node »%s«"), exportedName);
 
@@ -1129,7 +1140,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
 
       undoManager .registerUndo (() =>
       {
-         this .updateExportedNode (scene, exportedName, "", node, undoManager);
+         this .updateExportedNode (scene, exportedName, "", node, description, undoManager);
       });
 
       this .requestUpdateInstances (scene, undoManager);
@@ -2574,9 +2585,9 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
       {
          const
             bboxMatrix = subBBoxes [0] .matrix,
-            bboxXAxes  = bboxMatrix .X_AXIS .norm () ? bboxMatrix .X_AXIS : X3D .Vector3 .X_AXIS,
-            bboxYAxes  = bboxMatrix .Y_AXIS .norm () ? bboxMatrix .Y_AXIS : X3D .Vector3 .Y_AXIS,
-            bboxZAxes  = bboxMatrix .Z_AXIS .norm () ? bboxMatrix .Z_AXIS : X3D .Vector3 .Z_AXIS;
+            bboxXAxes  = bboxMatrix .xAxis .norm () ? bboxMatrix .xAxis : X3D .Vector3 .X_AXIS,
+            bboxYAxes  = bboxMatrix .yAxis .norm () ? bboxMatrix .yAxis : X3D .Vector3 .Y_AXIS,
+            bboxZAxes  = bboxMatrix .zAxis .norm () ? bboxMatrix .zAxis : X3D .Vector3 .Z_AXIS;
 
          const axes = [
             bboxXAxes .copy (),            // right