Playground: Cleanup (#28095)

* cleanup

* remove code minimap

playground/NodeEditor.js

@@ -116,6 +116,7 @@ export class NodeEditor extends THREE.EventDispatcher {
 		if ( value ) {
 
 			this._wasSplitscreen = this.splitscreen;
+
 			this.splitscreen = false;
 
 			this.menu.dom.remove();
@@ -134,7 +135,7 @@ export class NodeEditor extends THREE.EventDispatcher {
 
 			this.previewMenu.dom.remove();
 
-			if (this._wasSplitscreen == true) {
+			if ( this._wasSplitscreen == true ) {
 
 				this.splitscreen = true;
 
@@ -278,8 +279,8 @@ export class NodeEditor extends THREE.EventDispatcher {
 
 		splitscreenButton.onClick( () => {
 
-			this.splitscreen = !this.splitscreen;
-			splitscreenButton.setIcon(this.splitscreen ? 'ti ti-layout-sidebar-right-collapse' : 'ti ti-layout-sidebar-right-expand');
+			this.splitscreen = ! this.splitscreen;
+			splitscreenButton.setIcon( this.splitscreen ? 'ti ti-layout-sidebar-right-collapse' : 'ti ti-layout-sidebar-right-expand' );
 
 		});
 
@@ -339,7 +340,7 @@ export class NodeEditor extends THREE.EventDispatcher {
 
 		previewMenu.add( editorButton );
 
-		this.domElement.appendChild(menu.dom);
+		this.domElement.appendChild( menu.dom );
 
 		this.menu = menu;
 		this.previewMenu = previewMenu;
@@ -456,12 +457,13 @@ export class NodeEditor extends THREE.EventDispatcher {
 				} else if ( key === 'Delete' ) {
 
 					if ( this.canvas.selected ) this.canvas.selected.dispose();
-					
+
 				} else if ( key === 'Escape' ) {
 
 					this.canvas.select( null );
 
 				}
+
 			}
 
 		} );

playground/SplitscreenManager.js

@@ -1,18 +1,18 @@
 export class SplitscreenManager {
 
-    constructor( editor ) {
+	constructor( editor ) {
 
-        this.editor = editor;
-        this.renderer = editor.renderer;
-        this.composer = editor.composer;
+		this.editor = editor;
+		this.renderer = editor.renderer;
+		this.composer = editor.composer;
 
-        this.gutter = null;
-        this.gutterMoving = false;
-        this.gutterOffset = 0.75;
+		this.gutter = null;
+		this.gutterMoving = false;
+		this.gutterOffset = 0.6;
 
-    }
+	}
 
-    setSplitview( value ) {
+	setSplitview( value ) {
 
 		const nodeDOM = this.editor.domElement;
 		const rendererContainer = this.renderer.domElement.parentNode;
@@ -27,65 +27,65 @@ export class SplitscreenManager {
 
 		}
 
-    }
+	}
 
-    addGutter( rendererContainer, nodeDOM ) {
+	addGutter( rendererContainer, nodeDOM ) {
 
-        rendererContainer.style[ "z-index" ] = 20;
+		rendererContainer.style[ 'z-index' ] = 20;
 
-        this.gutter = document.createElement( "f-gutter" );
+		this.gutter = document.createElement( 'f-gutter' );
 
-        nodeDOM.parentNode.appendChild( this.gutter );
+		nodeDOM.parentNode.appendChild( this.gutter );
 
-        const onGutterMovement = () => {
+		const onGutterMovement = () => {
 
-            const offset = this.gutterOffset;
+			const offset = this.gutterOffset;
 
-            this.gutter.style[ "left" ] = 100 * offset + '%';
-            rendererContainer.style[ "left" ] = 100 * offset + '%';
-            rendererContainer.style[ "width" ] = 100 * (1 - offset) + '%';
-            nodeDOM.style[ "width" ] = 100 * offset + '%';
+			this.gutter.style[ 'left' ] = 100 * offset + '%';
+			rendererContainer.style[ 'left' ] = 100 * offset + '%';
+			rendererContainer.style[ 'width' ] = 100 * ( 1 - offset ) + '%';
+			nodeDOM.style[ 'width' ] = 100 * offset + '%';
 
-        }
-    
-        this.gutter.addEventListener( 'mousedown', ( event ) => {
+		};
 
-            this.gutterMoving = true;
+		this.gutter.addEventListener( 'mousedown', () => {
 
-        } );
+			this.gutterMoving = true;
 
-        document.addEventListener( 'mousemove', ( event ) => {
+		} );
 
-            if ( this.gutter && this.gutterMoving ) {
+		document.addEventListener( 'mousemove', ( event ) => {
 
-                this.gutterOffset = Math.max(0, Math.min(1, event.clientX / window.innerWidth));
-                onGutterMovement();
+			if ( this.gutter && this.gutterMoving ) {
 
-            }
+				this.gutterOffset = Math.max( 0, Math.min( 1, event.clientX / window.innerWidth ) );
+				onGutterMovement();
 
-        } );
+			}
 
-        document.addEventListener( 'mouseup', ( event ) => {
+		} );
 
-            this.gutterMoving = false;
+		document.addEventListener( 'mouseup', () => {
 
-        });
+			this.gutterMoving = false;
 
-        onGutterMovement();
+		} );
 
-    }
+		onGutterMovement();
 
-    removeGutter( rendererContainer, nodeDOM ) {
+	}
 
-        rendererContainer.style[ "z-index" ] = 0;
+	removeGutter( rendererContainer, nodeDOM ) {
 
-        this.gutter.remove();
-        this.gutter = null;
-    
-        rendererContainer.style[ "left" ] = '0%';
-        rendererContainer.style[ "width" ] = '100%';
-        nodeDOM.style[ "width" ] = '100%';
+		rendererContainer.style[ 'z-index' ] = 0;
 
-    }
+		this.gutter.remove();
+		this.gutter = null;
 
-}
+		rendererContainer.style[ 'left' ] = '0%';
+		rendererContainer.style[ 'width' ] = '100%';
+		nodeDOM.style[ 'width' ] = '100%';
+
+	}
+
+}

playground/elements/CodeEditorElement.js

@@ -30,7 +30,8 @@ export class CodeEditorElement extends Element {
 				value: this.source,
 				language: 'javascript',
 				theme: 'vs-dark',
-				automaticLayout: true
+				automaticLayout: true,
+				minimap: { enabled: false }
 			} );
 
 			let timeout = null;