From 821532471f4a7d4dde6c14e36de9f45965b8b577 Mon Sep 17 00:00:00 2001
From: Tim Greller <timlg07@gmail.com>
Date: Thu, 10 Feb 2022 17:50:07 +0100
Subject: [PATCH 1/2] Added comments to keycodes

---
 .../js/components/editor/editor-panel/editor-component.js     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js b/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
index ceddf5ee..85042c4e 100644
--- a/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
+++ b/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
@@ -149,7 +149,7 @@ class EditorComponent extends Component {
     });
 
     this.editor.on('tapstart', 'node', event => {
-      if (this.keyCode === 69) {
+      if (this.keyCode === 69) { // e key is pressed
         this.editor.autoungrabify(true);
         this.source = event.target;
       }
@@ -161,7 +161,7 @@ class EditorComponent extends Component {
     });
 
     this.editor.on('tapend', event => {
-      if (this.keyCode === 69) {
+      if (this.keyCode === 69) { // e key is pressed
         this.editor.autoungrabify(false);
         if (this.editor != event.target && event.target.isNode()) {
           this.props.createElement({

From 22f5f48f781534a2f4baadec4324b2d61bb2ac7a Mon Sep 17 00:00:00 2001
From: Tim Greller <timlg07@gmail.com>
Date: Thu, 10 Feb 2022 18:22:50 +0100
Subject: [PATCH 2/2] Studio: implemented automatic select on create

Elements (vertex / edge) are selected automatically once created. This improves the creation process of a model as the name and other properties can be edited without clicking on the created element again.
---
 .../js/components/editor/editor-panel/editor-component.js   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js b/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
index 85042c4e..b4c2d10c 100644
--- a/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
+++ b/graphwalker-studio/src/main/js/components/editor/editor-panel/editor-component.js
@@ -134,11 +134,12 @@ class EditorComponent extends Component {
         if (this.editor.elements(':selected').length === 0) {
           if (this.keyCode === 86) { // v key is pressed
             const { position: { x, y }} = event;
-            this.props.createElement({
+            const vertexCreate = this.props.createElement({
               id: uuid(),
               name: 'v_NewVertex',
               properties: { x, y }
             });
+            this.props.selectElement(vertexCreate.payload.id);
           }
         } else {
           this.props.selectElement(null);
@@ -164,12 +165,13 @@ class EditorComponent extends Component {
       if (this.keyCode === 69) { // e key is pressed
         this.editor.autoungrabify(false);
         if (this.editor != event.target && event.target.isNode()) {
-          this.props.createElement({
+          const edgeCreate = this.props.createElement({
             id: uuid(),
             sourceVertexId: this.source.id(),
             targetVertexId: event.target.id(),
             name: 'e_NewEdge'
           });
+          this.props.selectElement(edgeCreate.payload.id);
         }
       }
     });