sunrize 1.7.35 → 1.7.37

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "1.7.35",
+  "version": "1.7.37",
   "description": "A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -99,7 +99,7 @@
     "jquery-ui-dist": "^1.13.3",
     "jstree": "^3.3.17",
     "material-icons": "^1.13.12",
-    "material-symbols": "^0.27.1",
+    "material-symbols": "^0.27.2",
     "md5": "^2.3.0",
     "mime-types": "^2.1.35",
     "monaco-editor": "^0.50.0",
@@ -108,8 +108,8 @@
     "spectrum-colorpicker2": "^2.0.10",
     "string-similarity": "^4.0.4",
     "tweakpane": "^3.1.10",
-    "update-electron-app": "^3.0.0",
-    "x_ite": "^10.5.15",
-    "x3d-traverse": "^1.0.6"
+    "update-electron-app": "^3.1.0",
+    "x_ite": "^11.0.1",
+    "x3d-traverse": "^1.0.7"
   }
 }

package/src/Application/Document.js

@@ -26,6 +26,9 @@ 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 ({

package/src/Controls/MaterialPreviewPopover.js

@@ -28,7 +28,7 @@ $.fn.materialPreviewPopover = async function (node)
 
    const
       browser = canvas .prop ("browser"),
-      scene   = browser .createScene (browser .getProfile ("Core"));
+      scene   = await browser .createScene (browser .getProfile ("Core"));
 
    scene .setWorldURL (node .getExecutionContext () .worldURL);
 

package/src/Controls/TexturePreviewPopover.js

@@ -52,7 +52,7 @@ $.fn.texturePreviewPopover = async function (node)
 
    const
       browser = canvas .prop ("browser"),
-      scene   = browser .createScene (browser .getProfile ("Core"));
+      scene   = await browser .createScene (browser .getProfile ("Core"));
 
    scene .setWorldURL (node .getExecutionContext () .worldURL);
 
@@ -61,7 +61,7 @@ $.fn.texturePreviewPopover = async function (node)
    // Create texture node.
 
    const
-      x3dSyntax      = Editor .exportX3D (node .getExecutionContext (), [node]),
+      x3dSyntax      = await Editor .exportX3D (node .getExecutionContext (), [node]),
       nodes          = await Editor .importX3D (scene, x3dSyntax, new UndoManager ()),
       previewNode    = nodes [0],
       appearanceNode = browser .currentScene .getExportedNode ("Appearance");

package/src/Editors/Console.js

@@ -98,9 +98,10 @@ module .exports = class Console extends Interface
       this .scriptNode .setup ();
    }
 
+   // Add strings to exclude here:
    excludes = new Set ([
       "The vm module of Node.js is deprecated in the renderer process and will be removed.",
-      "Invalid asm.js: Invalid member of stdlib",
+      // "Invalid asm.js: Invalid member of stdlib",
    ]);
 
    addMessage (event, level, sourceId, line, message)

package/src/Editors/OutlineEditor.js

@@ -794,17 +794,17 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
       Editor .removeImportedNode (importedNode .getExecutionContext (), importedNode .getImportedName ());
    }
 
-   cutNodes ()
+   async cutNodes ()
    {
       UndoManager .shared .beginUndo (_("Cut Nodes"));
 
-      this .copyNodes ();
-      this .deleteNodes ();
+      await this .copyNodes ();
+      await this .deleteNodes ();
 
       UndoManager .shared .endUndo ();
    }
 
-   copyNodes (deselect)
+   async copyNodes (deselect)
    {
       const
          primary     = $(".node.primary, .proto.primary, .externproto.primary"),
@@ -829,7 +829,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
 
       undoManager .endUndo ();
 
-      const x3dSyntax = Editor .exportX3D (this .executionContext, nodes, { importedNodes: true });
+      const x3dSyntax = await Editor .exportX3D (this .executionContext, nodes, { importedNodes: true });
 
       //console .log (x3dSyntax)
 
@@ -841,7 +841,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
          this .deselectAll ();
    }
 
-   copyExternPrototype ()
+   async copyExternPrototype ()
    {
       const
          elements = $(".proto.primary, .proto.manually"),
@@ -849,7 +849,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
 
       const
          browser  = this .executionContext .getBrowser (),
-         scene    = browser .createScene (),
+         scene    = await browser .createScene (browser .getProfile ("Full")),
          worldURL = new URL (this .executionContext .worldURL),
          basename = path .basename (worldURL .pathname);
 
@@ -1366,7 +1366,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
       const
          rootNodes     = executionContext .rootNodes .copy (),
          nodesToImport = [... inlineNode .getInternalScene () .rootNodes] .map (node => node .getValue ()),
-         x3dSyntax     = Editor .exportX3D (inlineNode .getInternalScene (), nodesToImport, { importedNodes: true }),
+         x3dSyntax     = await Editor .exportX3D (inlineNode .getInternalScene (), nodesToImport, { importedNodes: true }),
          nodes         = await Editor .importX3D (executionContext, x3dSyntax);
 
       // Remove imported nodes from root nodes.
@@ -2865,7 +2865,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
             {
                UndoManager .shared .beginUndo (_("Copy Extern Proto »%s«"), sourceExternProto .getName ());
 
-               await Editor .importX3D (destinationExecutionContext, Editor .exportX3D (sourceExecutionContext, [sourceExternProto]));
+               await Editor .importX3D (destinationExecutionContext, await Editor .exportX3D (sourceExecutionContext, [sourceExternProto]));
 
                const
                   externprotos = Array .from (destinationExecutionContext .externprotos),
@@ -2939,7 +2939,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
             {
                UndoManager .shared .beginUndo (_("Copy Prototype »%s«"), sourceProto .getName ());
 
-               await Editor .importX3D (destinationExecutionContext, Editor .exportX3D (sourceExecutionContext, [sourceProto]));
+               await Editor .importX3D (destinationExecutionContext, await Editor .exportX3D (sourceExecutionContext, [sourceProto]));
 
                const
                   protos = Array .from (destinationExecutionContext .protos),
@@ -3044,7 +3044,7 @@ module .exports = class OutlineEditor extends OutlineRouteGraph
          }
 
          const copiedNodes = sourceNodes .length
-            ? await Editor .importX3D (destinationExecutionContext, Editor .exportX3D (this .executionContext, sourceNodes, { importedNodes: true }))
+            ? await Editor .importX3D (destinationExecutionContext, await Editor .exportX3D (this .executionContext, sourceNodes, { importedNodes: true }))
             : [ ];
 
          if (copiedNodes .length)

package/src/Editors/ScriptEditor.js

@@ -256,40 +256,63 @@ module .exports = class ScriptEditor extends Interface
 
       const fields = Array .from (this .node .getUserDefinedFields (), field =>
       {
-         switch (field .getAccessType ())
+         if (field .getAccessType () === X3D .X3DConstants .inputOnly)
+            return "";
+
+         const accessType = [ ];
+
+         if (field .isInput ())
+            accessType .push ("in");
+
+         if (field .isOutput ())
+            accessType .push ("out");
+
+         let value = "";
+
+         if (field instanceof X3D .X3DArrayField)
+         {
+            value += `(${field .length} elements)`;
+         }
+         else
          {
-            case X3D .X3DConstants .initializeOnly:
-            case X3D .X3DConstants .outputOnly:
-            case X3D .X3DConstants .inputOutput:
+            const STRING_MAX = 16;
+
+            if (field instanceof X3D .SFString)
+               value += `"${X3D .SFString .escape (field .valueOf ()) .substring (0, STRING_MAX)}${field .length <= STRING_MAX ? "" : "..."}"`;
+            else
+               value += String (field);
+         }
+
+         let string = "";
+
+         string += `/** This is the user-defined field ${field .getTypeName ()} [${accessType .join (", ")}] *${field .getName ()}* ${value}. */\n`;
+         string += `declare let ${field .getName ()}: `;
+
+         switch (field .getType ())
+         {
+            case X3D .X3DConstants .SFNode:
             {
-               switch (field .getType ())
-               {
-                  case X3D .X3DConstants .SFNode:
-                  {
-                     if (field .getValue ())
-                        return `declare let ${field .getName ()}: X3D .${field .getNodeTypeName ()}Proxy;`;
-                     else
-                        return `declare let ${field .getName ()}: X3D .SFNode | null;`;
-                  }
-                  case X3D .X3DConstants .MFNode:
-                  {
-                     const types = Array .from (new Set (Array .from (field, node => node ? `${node .getNodeTypeName ()}Proxy` : "null")));
-
-                     if (types .length)
-                        return `declare let ${field .getName ()}: X3D .MFNode <${types .join ("|")}|null>;`;
-                     else
-                        return `declare let ${field .getName ()}: X3D .MFNode;`;
-                  }
-                  default:
-                  {
-                     return `declare let ${field .getName ()}: ${
-                        this .#internalTypes .get (field .getType ()) ?? "X3D ." + field .getTypeName ()
-                     };`;
-                  }
-               }
+               if (field .getValue ())
+                  string += `X3D .${field .getNodeTypeName ()}Proxy;`;
+               else
+                  string += `X3D .SFNode | null;`;
+            }
+            case X3D .X3DConstants .MFNode:
+            {
+               const types = Array .from (new Set (Array .from (field, node => node ? `${node .getNodeTypeName ()}Proxy` : "null")));
+
+               if (types .length)
+                  string += `X3D .MFNode <${types .join ("|")}|null>;`;
+               else
+                  string += `X3D .MFNode;`;
             }
             default:
-               return "";
+            {
+               string += this .#internalTypes .get (field .getType ()) ?? `X3D .${field .getTypeName ()}`;
+               string += "";"";
+            }
+
+            return string;
          }
       });
 
@@ -380,11 +403,13 @@ module .exports = class ScriptEditor extends Interface
                   bracketPairColorization: { enabled: true },
                });
 
+               editor .onDidFocusEditorWidget (() => this .setDeclarations (monaco));
                editor .onDidBlurEditorWidget (() => this .apply ());
 
                editor .viewState = editor .saveViewState ();
 
-               element .on ("contextmenu", (event) => this .showContextMenu ());
+               element .on ("mouseenter", () => this .setDeclarations (monaco))
+               element .on ("contextmenu", () => this .showContextMenu ());
                element .detach ();
 
                // this .debugFindActions (editor)

package/src/Tools/Core/X3DNodeTool.js

@@ -156,7 +156,7 @@ class X3DNodeTool extends X3DBaseTool
             {
                const scene = await this .getBrowser () .createX3DFromURL (new X3D .MFString (protoURL));
 
-               scene .setExecutionContext (null);
+               scene .setExecutionContext (this .getBrowser () .getPrivateScene ());
                scene .setCountPrimitives (false);
 
                for (const externproto of scene .externprotos)

package/src/Undo/Editor.js

@@ -75,7 +75,7 @@ module .exports = class Editor
     * @param {Object} options
     * @returns {string} x3dSyntax
     */
-   static exportX3D (executionContext, objects = [ ], { type = "x3d", importedNodes = false, exportedNodes = false } = { })
+   static async exportX3D (executionContext, objects = [ ], { type = "x3d", importedNodes = false, exportedNodes = false } = { })
    {
       const
          externprotos = new Set (),
@@ -84,7 +84,7 @@ module .exports = class Editor
 
       const
          browser = executionContext .getBrowser (),
-         scene   = browser .createScene ();
+         scene   = await browser .createScene (browser .getProfile ("Core"));
 
       // Determine protos.
 
@@ -220,6 +220,7 @@ module .exports = class Editor
 
       // Dispose scene.
 
+      scene .routes .clear ();
       scene .dispose ();
       nodes .dispose ();
 
@@ -245,7 +246,7 @@ module .exports = class Editor
          externprotos   = new Map (Array .from (executionContext .externprotos, p => [p .getName (), p])),
          protos         = new Map (Array .from (executionContext .protos,       p => [p .getName (), p])),
          rootNodes      = executionContext .rootNodes .copy (),
-         tempScene      = browser .createScene (browser .getProfile ("Core"));
+         tempScene      = await browser .createScene (browser .getProfile ("Core"));
 
       scene .setProfile (browser .getProfile ("Full"));
       scene .updateComponent (browser .getComponent ("X_ITE"));
@@ -398,8 +399,8 @@ module .exports = class Editor
    {
       const
          browser        = executionContext .getBrowser (),
-         scene          = browser .createScene (),
-         x3dSyntax      = this .exportX3D (executionContext, nodes, { importedNodes: true, exportedNodes: true }),
+         scene          = await browser .createScene (browser .getProfile ("Core")),
+         x3dSyntax      = await this .exportX3D (executionContext, nodes, { importedNodes: true, exportedNodes: true }),
          loadUrlObjects = browser .getBrowserOption ("LoadUrlObjects");
 
       browser .setBrowserOption ("LoadUrlObjects", false);
@@ -408,6 +409,7 @@ module .exports = class Editor
 
       await this .importX3D (scene, x3dSyntax, new UndoManager ());
 
+      this .rewriteURLs (scene, scene, executionContext .worldURL, scene .worldURL, new UndoManager ());
       this .inferProfileAndComponents (scene, new UndoManager ());
 
       fs .writeFileSync (filePath, this .getContents (scene, path .extname (filePath)));
@@ -525,7 +527,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
             {
                try
                {
-                  const filePath = path .resolve (path .dirname (url .fileURLToPath (oldWorldURL)), url .fileURLToPath (fileURL));
+                  const filePath = url .fileURLToPath (new URL (fileURL, oldWorldURL));
 
                   let relativePath = path .relative (path .dirname (url .fileURLToPath (newWorldURL)), filePath);
 
@@ -537,8 +539,10 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
                   newURL .push (encodeURI (relativePath));
                   continue;
                }
-               catch
-               { }
+               catch (error)
+               {
+                  // console .log (error)
+               }
 
                newURL .push (fileURL);
             }
@@ -783,9 +787,6 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
 
          const node = object .getValue ();
 
-         if (node .getScene () !== scene)
-            continue;
-
          components .add (node .getComponentInfo () .name);
       }
 
@@ -1350,13 +1351,17 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
    {
       const
          browser   = executionContext .getBrowser (),
-         scene     = browser .createScene (),
-         x3dSyntax = this .exportX3D (executionContext, [proto]);
+         scene     = await browser .createScene (browser .getProfile ("Core")),
+         x3dSyntax = await this .exportX3D (executionContext, [proto]);
 
       undoManager .beginUndo (_("Turn Prototype »%s« into Extern Prototype"), proto .getName ());
 
+      scene .setWorldURL (url .pathToFileURL (filePath));
+
       await this .importX3D (scene, x3dSyntax, new UndoManager ());
-      this .rewriteURLs (scene, scene, executionContext .worldURL, url .pathToFileURL (filePath) .href, new UndoManager ());
+
+      this .rewriteURLs (scene, scene, executionContext .worldURL, scene .worldURL, new UndoManager ());
+      this .inferProfileAndComponents (scene, new UndoManager ());
 
       fs .writeFileSync (filePath, this .getContents (scene, path .extname (filePath)));
       scene .dispose ();
@@ -1530,7 +1535,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
    {
       const
          numProtos = executionContext .protos .length,
-         x3dSyntax = this .exportX3D (externproto .getInternalScene (), [externproto .getProtoDeclaration ()])
+         x3dSyntax = await this .exportX3D (externproto .getInternalScene (), [externproto .getProtoDeclaration ()])
 
       undoManager .beginUndo (_("Turn Extern Prototype »%s« into Prototype"), externproto .getName ())
 

package/src/assets/X3DUOM.xml

@@ -2,7 +2,7 @@
 <!-- X3D Unified Object Model (X3DUOM) X3dUnifiedObjectModel-4.0.xml -->
 <!-- Online at https://www.web3d.org/specifications/X3dUnifiedObjectModel-4.0.xml -->
 <!-- This file contains a listing of all abstract and concrete nodes in version 4.0 of X3D -->
-<!-- Generated 2024-04-28-07:00 13:15:28.386754-07:00 -->
+<!-- Generated 2024-12-10-08:00 12:33:23.8336395-08:00 -->
 <X3dUnifiedObjectModel xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance"
                        version="4.0"
                        xsd:noNamespaceSchemaLocation="X3dUnifiedObjectModel.xsd">
@@ -9301,6 +9301,10 @@
                    accessType="inputOutput"
                    default="NULL"
                    acceptableNodeTypes="X3DTexture2DNode"/>
+            <field name="upVector"
+                   type="SFVec3f"
+                   accessType="inputOutput"
+                   default="0 1 0"/>
             <field name="DEF"
                    type="SFString"
                    accessType="inputOutput"
@@ -10434,7 +10438,8 @@
                    type="SFNode"
                    accessType="inputOutput"
                    default="NULL"
-                   acceptableNodeTypes="X3DMaterialNode"/>
+                   acceptableNodeTypes="X3DMaterialNode"
+                   description="Single contained Material, PhysicalMaterial or UnlitMaterial node that can specify visual attributes for lighting response (color types, transparency, etc."/>
             <field name="fillProperties"
                    type="SFNode"
                    accessType="inputOutput"
@@ -10462,7 +10467,7 @@
                    accessType="inputOutput"
                    default="NULL"
                    acceptableNodeTypes="X3DMaterialNode"
-                   description="Single contained Material node that can specify visual attributes for lighting response (color types, transparency, etc."/>
+                   description="Single contained Material, PhysicalMaterial, TwoSidedMaterial (deprecated), or UnlitMaterial node that can specify visual attributes for lighting response (color types, transparency, etc."/>
             <field name="metadata"
                    type="SFNode"
                    accessType="inputOutput"
@@ -24795,7 +24800,7 @@
                    type="MFInt32"
                    accessType="initializeOnly"
                    minInclusive="-1"
-                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices)."/>
+                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices), interspersed by -1 if colorlPerVertex=true."/>
             <field name="colorPerVertex"
                    type="SFBool"
                    accessType="initializeOnly"
@@ -24860,7 +24865,7 @@
                    type="MFInt32"
                    accessType="initializeOnly"
                    minInclusive="-1"
-                   description="normalIndex values define the order in which normal vectors are applied to polygons (or vertices).">
+                   description="normalIndex values define the order in which normal vectors are applied to polygons (or vertices), interspersed by -1 if normalPerVertex=true.">
                <componentInfo name="Geometry3D" level="4"/>
             </field>
             <field name="normalPerVertex"
@@ -24873,7 +24878,7 @@
                    type="MFInt32"
                    accessType="inputOnly"
                    minInclusive="-1"
-                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices).">
+                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices), interspersed by -1 if colorlPerVertex=true.">
                <componentInfo name="Geometry3D" level="4"/>
             </field>
             <field name="set_coordIndex"
@@ -24885,7 +24890,7 @@
                    type="MFInt32"
                    accessType="inputOnly"
                    minInclusive="-1"
-                   description="normalIndex values define the order in which normal vectors are applied to polygons (or vertices).">
+                   description="normalIndex values define the order in which normal vectors are applied to polygons (or vertices), interspersed by -1 if normalPerVertex=true.">
                <componentInfo name="Geometry3D" level="4"/>
             </field>
             <field name="set_texCoordIndex"
@@ -24969,7 +24974,7 @@
                    type="MFInt32"
                    accessType="initializeOnly"
                    minInclusive="-1"
-                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices)."/>
+                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices), interspersed by -1 if colorlPerVertex=true."/>
             <field name="colorPerVertex"
                    type="SFBool"
                    accessType="initializeOnly"
@@ -25015,7 +25020,7 @@
                    type="MFInt32"
                    accessType="inputOnly"
                    minInclusive="-1"
-                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices).">
+                   description="colorIndex values define the order in which Color|ColorRGBA values are applied to polygons (or vertices), interspersed by -1 if colorlPerVertex=true.">
                <componentInfo name="Rendering" level="3"/>
             </field>
             <field name="set_coordIndex"
@@ -38524,7 +38529,8 @@
             <field name="upVector"
                    type="SFVec3f"
                    accessType="inputOutput"
-                   default="0 0 1"
+                   default="0 1 0"
+                   inheritedFrom="X3DTextureProjectorNode"
                    description="upVector describes the roll of the camera by saying which direction is up for the camera's orientation."/>
             <field name="DEF"
                    type="SFString"
@@ -38683,6 +38689,12 @@
                    acceptableNodeTypes="X3DTexture2DNode"
                    inheritedFrom="X3DTextureProjectorNode"
                    description="Single contained texture node (ImageTexture, MovieTexture, PixelTexture, MultiTexture) that maps image(s) to surface geometry."/>
+            <field name="upVector"
+                   type="SFVec3f"
+                   accessType="inputOutput"
+                   default="0 1 0"
+                   inheritedFrom="X3DTextureProjectorNode"
+                   description="upVector describes the roll of the camera by saying which direction is up for the camera's orientation."/>
             <field name="DEF"
                    type="SFString"
                    accessType="inputOutput"

package/src/assets/html/application.html

@@ -0,0 +1,77 @@
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <!-- Theme -->
+    <link rel="stylesheet" type="text/css" href="file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/themes/default.css"/>
+  </head>
+  <body>
+    <tab-group sortable="true">
+      <style>
+.etabs .nav {
+  height: var(--window-tabs-height);
+  background: var(--background-color);
+  box-shadow: none;
+  border: none;
+  overflow: auto;
+  white-space: nowrap;
+}
+
+.etabs .tab {
+  background: var(--window-tabs-background-color);
+  border-color: var(--border-color) !important;
+  padding: 4px 3px !important;
+  color: var(--window-tabs-text-color);
+  font-family: var(--sans-serif);
+  box-shadow: none;
+}
+
+.etabs .tab:first-child {
+  border-left: 0;
+}
+
+.etabs .tab.active {
+  z-index: 1100;
+  background: var(--background-color);
+  color: var(--window-tabs-highlight-color);
+}
+
+.etabs::before {
+  z-index: 1000;
+  content: "";
+  position: relative;
+  display: block;
+  height: 1px;
+  width: 100%;
+  box-shadow: var(--tabs-shadow);
+}
+
+.etabs .buttons {
+  border-color: var(--border-color);
+}
+
+.etabs .buttons:hover button,
+.etabs .tab-close button:hover {
+  background: none;
+}
+
+.etabs .buttons button:hover,
+.etabs .tab-close:hover button {
+  color: var(--system-gray0);
+}
+
+.etabs .tab-close button {
+  visibility: hidden;
+}
+
+.etabs .tab.active .tab-close button,
+.etabs .tab:hover .tab-close button {
+  visibility: visible;
+}
+
+.etabs .tab-close {
+  margin-left: 4px;
+}
+      </style>
+    </tab-group>
+  </body>
+</html>

package/src/assets/html/window.html

@@ -0,0 +1,38 @@
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <link rel="stylesheet" type="text/css" href="file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/jquery-ui-dist/jquery-ui.min.css"/>
+    <link rel="stylesheet" type="text/css" href="file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/qtip2/dist/jquery.qtip.min.css"/>
+    <link rel="stylesheet" type="text/css" href="file:///Users/holger/Desktop/X_ITE/sunrize/src/assets/themes/default.css"/>
+    <link rel="stylesheet" data-name="vs/editor/editor.main" href="file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/monaco-editor/min/vs/editor/editor.main.css">
+  </head>
+  <body>
+    <div id="vertical-splitter" class="vertical-splitter">
+      <div class="vertical-splitter-left">
+        <div id="horizontal-splitter" class="horizontal-splitter">
+          <div class="horizontal-splitter-top">
+            <div id="browser-pane">
+              <div id="browser-frame">
+                <x3d-canvas
+                    id="browser"
+                    debug="false"
+                    cache="false"
+                    preserveDrawingBuffer="true"
+                    splashScreen="false"
+                    contextMenu="false"
+                    xrSessionMode="NONE"></x3d-canvas>
+              </div>
+              <div id="secondary-toolbar" class="toolbar vertical-toolbar large-toolbar secondary-toolbar"></div>
+            </div>
+          </div>
+          <div class="horizontal-splitter-bottom">
+            <div id="footer"></div>
+          </div>
+        </div>
+      </div>
+      <div class="vertical-splitter-right">
+        <div id="sidebar" class="sidebar"></div>
+      </div>
+    </div>
+  </body>
+</html>