sunrize 1.7.63 → 1.8.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "1.7.63",
+  "version": "1.8.1",
   "description": "A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -90,7 +90,7 @@
   "dependencies": {
     "capitalize": "^2.0.4",
     "console": "^0.7.2",
-    "electron": "^35.1.2",
+    "electron": "^35.1.4",
     "electron-prompt": "^1.7.0",
     "electron-squirrel-startup": "^1.0.1",
     "electron-tabs": "^1.0.4",
@@ -99,7 +99,7 @@
     "jquery-ui-dist": "^1.13.3",
     "jstree": "^3.3.17",
     "material-icons": "^1.13.14",
-    "material-symbols": "^0.29.2",
+    "material-symbols": "^0.29.3",
     "md5": "^2.3.0",
     "mime-types": "^3.0.1",
     "monaco-editor": "^0.50.0",
@@ -109,7 +109,7 @@
     "string-similarity": "^4.0.4",
     "tweakpane": "^3.1.10",
     "update-electron-app": "^3.1.1",
-    "x_ite": "^11.5.0",
+    "x_ite": "^11.5.2",
     "x3d-traverse": "^1.0.11"
   }
 }

package/src/Application/ActionKeys.js

@@ -58,7 +58,7 @@ module .exports = new class ActionKeys
       if (this .value === value)
          return;
 
-      this .processInterests ();
+      this .#processInterests ();
    }
 
    onkeyup (event)
@@ -94,7 +94,7 @@ module .exports = new class ActionKeys
       if (this .value === value)
          return;
 
-      this .processInterests ();
+      this .#processInterests ();
    }
 
    #interests = new Map ();
@@ -109,7 +109,7 @@ module .exports = new class ActionKeys
       this .#interests .delete (key);
    }
 
-   processInterests ()
+   #processInterests ()
    {
       for (const callback of this .#interests .values ())
          callback (this .value);

package/src/Application/Application.js

@@ -288,7 +288,7 @@ module .exports = class Application
                   },
                   { type: "separator" },
                   {
-                     label: _("Default Play Button State"),
+                     label: _("Enable Browser Update on Load"),
                      type: "checkbox",
                      checked: this .config .browserUpdate,
                      click: () =>
@@ -789,6 +789,10 @@ module .exports = class Application
                      label: _("Center Snap Target in Selection"),
                      click: () => this .mainWindow .webContents .send ("center-snap-target-in-selection"),
                   },
+                  {
+                     label: _("Center Snap Source in Selection"),
+                     click: () => this .mainWindow .webContents .send ("center-snap-source-in-selection"),
+                  },
                   {
                      label: _("Move Selection to Snap Target"),
                      accelerator: "CmdOrCtrl+M",

package/src/Application/Dashboard.js

@@ -9,11 +9,12 @@ const
 
 module .exports = class Dashboard extends Interface
 {
-   constructor (element)
+   constructor (element, document)
    {
       super ("Sunrize.Dashboard.");
 
-      this .toolbar = element;
+      this .document = document;
+      this .toolbar  = element;
 
       this .setup ();
    }
@@ -44,12 +45,41 @@ module .exports = class Dashboard extends Interface
 
       $("<span></span>") .addClass ("separator") .appendTo (this .toolbar);
 
-      this .viewAllButton = $("<span></span>")
+      const hierarchy = require ("./Hierarchy");
+
+      this .upButton = $("<span></span>")
+         .addClass (["material-icons", "disabled"])
+         .attr ("title", _("Select parent node(s)."))
+         .css ({ transform: "rotate(-90deg) scaleX(0.8)", "margin-top": "-6px", "margin-bottom": "-7px" })
+         .text ("play_arrow")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .selectParent ());
+
+      this .downButton = $("<span></span>")
+         .addClass (["material-icons", "disabled"])
+         .attr ("title", _("Select child node(s)."))
+         .css ({ transform: "rotate(90deg) scaleX(0.8)", "margin-top": "-7px", "margin-bottom": "-6px" })
+         .text ("play_arrow")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .selectChild ());
+
+      hierarchy .addInterest (this, () => this .onHierarchy ());
+
+      $("<span></span>") .addClass ("separator") .appendTo (this .toolbar);
+
+      this .viewSelectedButton = $("<span></span>")
          .addClass (["material-symbols-outlined"])
          .attr ("title", _("Look at selected objects."))
          .text ("center_focus_strong")
          .appendTo (this .toolbar)
-         .on ("click", () => this .viewAll ());
+         .on ("click", () => this .viewAll (true));
+
+      this .viewAllButton = $("<span></span>")
+         .addClass (["material-symbols-outlined"])
+         .attr ("title", _("Look at all objects in active layer."))
+         .text ("zoom_out_map")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .viewAll (false));
 
       this .straightenButton = $("<span></span>")
          .addClass (["material-symbols-outlined", "active"])
@@ -130,13 +160,64 @@ module .exports = class Dashboard extends Interface
          this .playButton .removeClass ("active");
    }
 
-   viewAll ()
+   selectParent ()
+   {
+      this .selectHierarchy ("up");
+   }
+
+   selectChild ()
+   {
+      this .selectHierarchy ("down");
+   }
+
+   selectHierarchy (direction)
+   {
+      const
+         hierarchy     = require ("./Hierarchy"),
+         outlineEditor = this .document .sidebar .outlineEditor,
+         nodes         = hierarchy [direction] ();
+
+      for (const node of nodes)
+         outlineEditor .expandTo (node, { expandObject: true, expandAll: true });
+
+      const elements = nodes .map (node => outlineEditor .sceneGraph .find (`.node[node-id=${node .getId ()}]`));
+
+      for (const [i, element] of elements .entries ())
+         outlineEditor .selectNodeElement (element, { add: i > 0 });
+
+      // Scroll element into view.
+      // Hide scrollbars during scroll to prevent overlay issue.
+
+      outlineEditor .treeView .css ("overflow", "hidden");
+
+      elements [0] ?.[0] ?.scrollIntoView ({ block: "center", inline: "start", behavior: "smooth" });
+      $(window) .scrollTop (0);
+
+      setTimeout (() => outlineEditor .treeView .css ("overflow", ""), 1000);
+   }
+
+   onHierarchy ()
+   {
+      const hierarchy = require ("./Hierarchy");
+
+      if (hierarchy .canUp ())
+         this .upButton .removeClass ("disabled");
+      else
+         this .upButton .addClass ("disabled");
+
+      if (hierarchy .canDown ())
+         this .downButton .removeClass ("disabled");
+      else
+         this .downButton .addClass ("disabled");
+   }
+
+   viewAll (selected)
    {
       const
          selection = require ("./Selection"),
          nodes     = selection .nodes;
 
-      if (nodes .length)
+      if (selected && nodes .length)
       {
          const
             executionContext = this .browser .currentScene,

package/src/Application/Document.js

@@ -28,9 +28,6 @@ module .exports = class Document extends Interface
    {
       super ("Sunrize.Document.");
 
-      // Add X3D to window to provide access in Script nodes.
-      window .X3D = X3D;
-
       // Globals
 
       this .config .global .setDefaultValues ({
@@ -41,7 +38,7 @@ module .exports = class Document extends Interface
 
       this .verticalSplitter   = new Splitter ($("#vertical-splitter"), "vertical");
       this .horizontalSplitter = new Splitter ($("#horizontal-splitter"), "horizontal");
-      this .secondaryToolbar   = new Dashboard ($("#secondary-toolbar"));
+      this .secondaryToolbar   = new Dashboard ($("#secondary-toolbar"), this);
       this .footer             = new Footer ($("#footer"));
       this .sidebar            = new Sidebar ($("#sidebar"));
 
@@ -120,6 +117,7 @@ module .exports = class Document extends Interface
       electron .ipcRenderer .on ("activate-snap-target",                 (event, visible) => this .activateSnapTarget (visible));
       electron .ipcRenderer .on ("activate-snap-source",                 (event, visible) => this .activateSnapSource (visible));
       electron .ipcRenderer .on ("center-snap-target-in-selection",      () => this .centerSnapTargetInSelection ());
+      electron .ipcRenderer .on ("center-snap-source-in-selection",      () => this .centerSnapSourceInSelection ());
       electron .ipcRenderer .on ("move-selection-to-snap-target",        () => this .moveSelectionToSnapTarget ());
       electron .ipcRenderer .on ("move-selection-center-to-snap-target", () => this .moveSelectionCenterToSnapTarget ());
 
@@ -166,9 +164,10 @@ module .exports = class Document extends Interface
 
       // Connect for Snap Target and Snap Source.
 
-      $(this .browser .element .shadowRoot) .find ("canvas")
+      $(this .browser .element)
          .on ("mousedown", event => this .onmousedown (event))
-         .on ("mouseup",   event => this .onmouseup   (event));
+         .on ("mouseup",   event => this .onsnaptool (event))
+         .on ("mouseup",   event => this .onselect (event));
 
       // Load components.
 
@@ -178,6 +177,9 @@ module .exports = class Document extends Interface
       // Modify nodes.
 
       this .browser .updateConcreteNode (require ("../Components/Grouping/StaticGroup"));
+      this .browser .updateConcreteNode (require ("../Components/Grouping/Switch"));
+      this .browser .updateConcreteNode (require ("../Components/Navigation/Collision"));
+      this .browser .updateConcreteNode (require ("../Components/Navigation/LOD"));
 
       require ("../Components");
 
@@ -939,48 +941,79 @@ Viewpoint {
       }
    }
 
+   #select     = false;
+   #pointer    = new X3D .Vector2 ();
    #snapTarget = null;
    #snapSource = null;
 
    async onmousedown (event)
    {
-      if (event .button !== 2)
+      this .#select = false;
+
+      if (!this .secondaryToolbar .arrowButton .hasClass ("active"))
          return;
 
-      switch (ActionKeys .value)
+      switch (event .button)
       {
-         case ActionKeys .None:
+         case 0:
          {
-            if (this .#snapTarget ?._visible .getValue ())
-               break;
+            if (event .shiftKey && (event .ctrlKey || event .metaKey))
+               return;
 
-            this .activateSnapTarget (true);
+            this .#pointer .assign (this .browser .getPointerFromEvent (event));
 
-            await this .#snapTarget .getToolInstance ();
+            if (this .browser .touch (... this .#pointer))
+            {
+               if (this .browser .getHit () .sensors .size)
+                  return;
+
+               this .#select = true;
+            }
+            else
+            {
+               this .#select = true;
+            }
 
-            this .#snapTarget .onmousedown (event, true);
             break;
          }
-         case ActionKeys .Option:
+         case 2:
          {
-            if (this .#snapSource ?._visible .getValue ())
-               break;
+            switch (ActionKeys .value)
+            {
+               case ActionKeys .None:
+               {
+                  if (this .#snapTarget ?._visible .getValue ())
+                     break;
+
+                  this .activateSnapTarget (true);
+
+                  await this .#snapTarget .getToolInstance ();
+
+                  this .#snapTarget .onmousedown (event, true);
+                  break;
+               }
+               case ActionKeys .Option:
+               {
+                  if (this .#snapSource ?._visible .getValue ())
+                     break;
+
+                  this .activateSnapSource (true);
 
-            this .activateSnapSource (true);
+                  await this .#snapSource .getToolInstance ();
 
-            await this .#snapSource .getToolInstance ();
+                  this .#snapSource .onmousedown (event, true);
+                  break;
+               }
+            }
 
-            this .#snapSource .onmousedown (event, true);
             break;
          }
       }
+
    }
 
-   async onmouseup (event)
+   async onsnaptool (event)
    {
-      if (ActionKeys .value & ActionKeys .Control)
-         event .button = 2;
-
       if (event .button !== 2)
          return;
 
@@ -991,6 +1024,94 @@ Viewpoint {
       this .#snapTarget ?.onmouseup (event);
    }
 
+   onselect (event)
+   {
+      if (!this .secondaryToolbar .arrowButton .hasClass ("active"))
+         return;
+
+      if (event .button !== 0)
+         return;
+
+      if (!this .#select)
+         return;
+
+      const pointer = this .browser .getPointerFromEvent (event);
+
+      if (this .#pointer .distance (pointer) > this .browser .getRenderingProperty ("ContentScale"))
+         return;
+
+      // Stop event propagation.
+
+      event .preventDefault ();
+
+      // Select or deselect.
+
+      const outlineEditor = this .sidebar .outlineEditor;
+
+      if (!this .browser .touch (... pointer))
+      {
+         outlineEditor .deselectAll ();
+         return;
+      }
+
+      // Select.
+
+      const
+         shapeNode    = this .browser .getHit () .shapeNode,
+         geometryTool = shapeNode .getGeometry () ?.getTool (),
+         tool         = geometryTool ?? shapeNode .getExecutionContext () .getOuterNode () ?.getTool (),
+         node         = tool ?? shapeNode;
+
+      outlineEditor .expandTo (node, { expandObject: true, expandAll: true });
+
+      let elements = outlineEditor .sceneGraph .find (`.node[node-id=${node .getId ()}]`);
+
+      if (!elements .length)
+         return;
+
+      if (outlineEditor .isEditable (elements))
+      {
+         if (tool)
+         {
+            elements = Array .from (elements);
+         }
+         else
+         {
+            const parentElements = Array .from (elements) .flatMap (element =>
+            {
+               const parentElements = Array .from ($(element) .parent () .closest (".node", outlineEditor .sceneGraph));
+
+               return parentElements .length ? parentElements : element;
+            });
+
+            elements = parentElements .map ((element, i) => outlineEditor .getNode ($(element)) .getType () .includes (X3D .X3DConstants .X3DGroupingNode) ? parentElements [i] : elements [i]);
+         }
+      }
+      else
+      {
+         while (!outlineEditor .isEditable (elements))
+         {
+            elements .jstree ("close_node", elements);
+            elements = elements .parent () .closest (".node, .scene", outlineEditor .sceneGraph);
+         }
+
+         elements = Array .from (elements);
+      }
+
+      for (const [i, element] of elements .entries ())
+         outlineEditor .selectNodeElement ($(element), { add: (event .shiftKey || event .metaKey) || i > 0, target: true });
+
+      // Scroll element into view.
+      // Hide scrollbars during scroll to prevent overlay issue.
+
+      outlineEditor .treeView .css ("overflow", "hidden");
+
+      elements [0] ?.scrollIntoView ({ block: "center", inline: "start", behavior: "smooth" });
+      $(window) .scrollTop (0);
+
+      setTimeout (() => outlineEditor .treeView .css ("overflow", ""), 1000);
+   }
+
    activateSnapTarget (visible)
    {
       const SnapTarget = require ("../Tools/SnapTool/SnapTarget");
@@ -1035,6 +1156,28 @@ Viewpoint {
       UndoManager .shared .endUndo ();
    }
 
+   async centerSnapSourceInSelection ()
+   {
+      this .activateSnapSource (true);
+
+      const
+         selection        = require ("./Selection"),
+         source           = await this .#snapSource .getToolInstance (),
+         executionContext = this .browser .currentScene,
+         layerNode        = this .browser .getActiveLayer (),
+         nodes            = selection .nodes,
+         [values, bbox]   = Editor .getModelMatricesAndBBoxes (executionContext, layerNode, nodes);
+
+      if (!bbox .size .magnitude ())
+         return;
+
+      UndoManager .shared .beginUndo (_("Center SnapSource in Selection"));
+
+      Editor .setFieldValue (executionContext, source .getValue (), source .position, bbox .center);
+
+      UndoManager .shared .endUndo ();
+   }
+
    async moveSelectionToSnapTarget ()
    {
       const