sunrize 1.0.11

package/src/sunrize/Application/Interface.js

@@ -0,0 +1,148 @@
+"use strict"
+
+const
+   $           = require ("jquery"),
+   url         = require ("url"),
+   md5         = require ("md5"),
+   X3D         = require ("../X3D"),
+   DataStorage = require ("./DataStorage")
+
+require ("../Bits/Highlight")
+require ("../Bits/Beep")
+
+module .exports = class Interface
+{
+   static #interfaces = new Set ()
+
+   constructor (namespace)
+   {
+      Interface .#interfaces .add (this)
+
+      this .namespace    = namespace
+      this .config       = { global: this .createGlobalConfig () }
+      this .config .file = this .createFileConfig ()
+
+      this .browser .addBrowserCallback (this, this .setBrowserEvent .bind (this))
+   }
+
+   setup ()
+   {
+      this .initialize ()
+
+      this .setBrowserEvent (X3D .X3DConstants .INITIALIZED_EVENT)
+   }
+
+   initialize () { }
+
+   static #idMap     = new WeakMap ()
+   static #idCounter = 0
+
+   static getId (object)
+   {
+      const id = Interface .#idMap .get (object)
+
+      if (id !== undefined)
+         return id
+
+      Interface .#idMap .set (object, ++ Interface .#idCounter)
+
+      return Interface .#idCounter
+   }
+
+   get id ()
+   {
+      return Interface .getId (this)
+   }
+
+   get browser ()
+   {
+      return X3D .getBrowser ("#browser")
+   }
+
+   get filePath ()
+   {
+      const worldURL = this .browser .currentScene .worldURL
+
+      // New unsaved file.
+      if (location .href === worldURL || !worldURL .startsWith ("file:"))
+         return undefined
+      else
+         return url .fileURLToPath (worldURL)
+   }
+
+   set filePath (value)
+   {
+      const
+         oldWorldURL = this .browser .currentScene .worldURL,
+         newWorldURL = value ? url .pathToFileURL (value) .href : location .href
+
+      this .browser .currentScene .setWorldURL (newWorldURL)
+
+      this .updateFileConfigs (oldWorldURL, newWorldURL)
+   }
+
+   /**
+    *
+    * @param {string} event
+    */
+   setBrowserEvent (event)
+   {
+      if (event !== X3D .X3DConstants .INITIALIZED_EVENT)
+         return
+
+      this .config .file = this .createFileConfig (this .browser .getWorldURL ())
+
+      this .configure ()
+   }
+
+   /**
+    *
+    * @param {string} namespace
+    * @returns A new data storage
+    */
+   createGlobalConfig (namespace = this .namespace)
+   {
+      return new DataStorage (localStorage, namespace)
+   }
+
+   /**
+    *
+    * @param {string} url
+    * @returns {DataStorage}
+    */
+   createFileConfig (url = "", global = this .config .global)
+   {
+      return global .addNameSpace (md5 (url) + ".")
+   }
+
+   /**
+    *
+    * @param {string} from URL
+    * @param {string} to URL
+    */
+   updateFileConfigs (from, to)
+   {
+      const
+         fromHash = `.${md5 (from)}.`,
+         toHash   = `.${md5 (to)}.`
+
+      const config = new DataStorage (localStorage, "Sunrize.")
+
+      for (const key of Object .keys (config))
+      {
+         if (!key .includes (fromHash))
+            continue
+
+         const
+            value  = config [key],
+            newKey = key .replace (fromHash, toHash)
+
+         config [newKey] = value
+      }
+
+      for (const other of Interface .#interfaces)
+         other .config .file = other .createFileConfig (to)
+   }
+
+   configure () { }
+}

package/src/sunrize/Application/SecondaryToolbar.js

@@ -0,0 +1,156 @@
+"use strict"
+
+const
+   $         = require ("jquery"),
+   X3D       = require ("../X3D"),
+   Interface = require ("./Interface"),
+   Box3      = X3D .require ("standard/Math/Geometry/Box3"),
+   _         = require ("./GetText")
+
+module .exports = class SecondaryToolbar extends Interface
+{
+   constructor (element)
+   {
+      super ("Sunrize.SecondaryToolbar.")
+
+      this .toolbar = element
+
+      this .setup ()
+   }
+
+   async initialize ()
+   {
+      this .handButton = $("<span></span>")
+         .addClass (["image-icon", "hand"])
+         .attr ("title", _ ("Switch to browser mode."))
+         .appendTo (this .toolbar)
+         .on ("click", () => this .hand ())
+
+      this .handButton .addClass ("active")
+
+      this .arrowButton = $("<span></span>")
+         .addClass (["image-icon", "arrow"])
+         .attr ("title", _ ("Switch to edit mode."))
+         .appendTo (this .toolbar)
+         .on ("click", () => this .arrow ())
+
+      this .playButton = $("<span></span>")
+         .addClass (["material-icons", "active"])
+         .attr ("title", _ ("Toggle browser update."))
+         .css ({ position: "relative", left: "-1px", "font-weight": "bold" })
+         .text ("play_arrow")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .play (!this .config .file .play))
+
+      $("<span></span>") .addClass ("separator") .appendTo (this .toolbar)
+
+      this .viewAllButton = $("<span></span>")
+         .addClass (["material-symbols-outlined"])
+         .attr ("title", _ ("View all objects in active layer."))
+         .text ("center_focus_strong")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .viewAll ())
+
+      this .straightenButton = $("<span></span>")
+         .addClass (["material-symbols-outlined", "active"])
+         .attr ("title", _ ("Straighten horizon."))
+         .text ("wb_twilight")
+         .appendTo (this .toolbar)
+         .on ("click", () => this .straighten (!this .browser .getBrowserOption ("StraightenHorizon")))
+   }
+
+   configure ()
+   {
+      this .config .file .addDefaultValues ({
+         pointer: "hand",
+         play: true,
+      })
+
+      this [this .config .file .pointer] ()
+      this .play (this .config .file .play)
+      this .straighten (this .browser .getBrowserOption ("StraightenHorizon"))
+   }
+
+   hand ()
+   {
+      this .config .file .pointer = "hand"
+
+      if (this .handButton .hasClass ("active"))
+         return
+
+      this .arrowButton .removeClass ("active")
+      this .handButton .addClass ("active")
+   }
+
+   arrow ()
+   {
+      this .config .file .pointer = "arrow"
+
+      if (this .arrowButton .hasClass ("active"))
+         return
+
+      this .handButton .removeClass ("active")
+      this .arrowButton .addClass ("active")
+   }
+
+   play (value)
+   {
+      this .config .file .play = value
+
+      if (value)
+      {
+         this .playButton .addClass ("active")
+         this .browser .beginUpdate ()
+      }
+      else
+      {
+         this .playButton .removeClass ("active")
+         this .browser .endUpdate ()
+      }
+   }
+
+   viewAll ()
+   {
+      const
+         outlineEditor = require ("./Document") .sidebar .outlineEditor,
+         selection     = outlineEditor .sceneGraph .find (".node.selected")
+
+      if (selection .length)
+      {
+         const
+            layerNode     = this .browser .getActiveLayer (),
+            viewpointNode = this .browser .getActiveViewpoint (),
+            bbox          = new Box3 (),
+            straighten    = this .browser .getBrowserOption ("StraightenHorizon")
+
+         for (const element of selection)
+         {
+            const node = outlineEditor .getNode ($(element))
+
+            if (!node .getType () .includes (X3D .X3DConstants .X3DBoundedObject))
+               continue
+
+            const modelMatrix = outlineEditor .getModelMatrix ($(element), false)
+
+            bbox .add (node .getBBox (new Box3 ()) .multRight (modelMatrix))
+         }
+
+         viewpointNode .lookAtBBox (layerNode, bbox, 1, straighten)
+      }
+      else
+      {
+         this .browser .viewAll ()
+      }
+   }
+
+   straighten (value)
+   {
+      this .browser .setBrowserOption ("StraightenHorizon", value)
+
+      if (value)
+         this .straightenButton .addClass ("active")
+      else
+         this .straightenButton .removeClass ("active")
+   }
+}
+

package/src/sunrize/Application/Selection.js

@@ -0,0 +1,49 @@
+require ("../Tools")
+
+module .exports = new class Selection
+{
+   constructor ()
+   {
+      this .nodes = new Map ()
+   }
+
+   clear (exception)
+   {
+      for (const node of this .nodes .values ())
+      {
+         if (node !== exception)
+            node .removeTool ()
+      }
+
+      this .nodes .clear ()
+   }
+
+   set (node)
+   {
+      const tool = this .tool (node)
+
+      this .clear (tool)
+      this .add (tool ?? node)
+   }
+
+   add (node)
+   {
+      this .nodes .set (this .node (node), node .addTool ())
+   }
+
+   remove (node)
+   {
+      this .tool (node) .removeTool ()
+      this .nodes .delete (this .node (node))
+   }
+
+   node (node)
+   {
+      return node .node ?? node
+   }
+
+   tool (node)
+   {
+      return this .nodes .get (this .node (node))
+   }
+}

package/src/sunrize/Application/Sidebar.js

@@ -0,0 +1,51 @@
+"use strict"
+
+const
+   OutlineEditor = require ("../Editors/OutlineEditor"),
+   Tabs          = require ("../Controls/Tabs")
+
+module .exports = class Sidebar extends Tabs
+{
+   constructor (element)
+   {
+      super (element, "bottom")
+
+      this .setup ()
+   }
+
+   addTabs ()
+   {
+      this .addIconTab ("file-manager",   "description", "File Manager")
+      this .addIconTab ("outline-editor", "list",        "Outline Editor")
+      this .addIconTab ("node-inspector", "visibility",  "Node Inspector")
+
+      this .outlineEditor = new OutlineEditor (this .getPanel ("outline-editor"))
+   }
+
+   configure ()
+   {
+      super .configure ({ active: 1 })
+   }
+
+   initTab (panel)
+   {
+      switch (panel .attr ("id"))
+      {
+         case "file-manager":
+         {
+            const FileManager = require ("../Editors/FileManager")
+
+            this .fileManger = new FileManager (panel)
+            break
+         }
+         case "node-inspector":
+         {
+            const NodeInspector = require ("../Editors/NodeInspector")
+
+            this .nodeInspector = new NodeInspector (panel)
+            break
+         }
+      }
+   }
+}
+