Update editor interface and capitalize JSON field

The editor interface update includes initialization of the command on creation of the editor handler. A function to initialize the command with pre-filled details (Pipeline, Parameters and Tasks) has been added. In "pipeline.go", the json annotation of the 'parameters' field has been corrected to 'Parameters' for consistency.

api/types/pipeline.go

@@ -4,7 +4,7 @@ import "github.com/go-playground/validator/v10"
 
 type Pipeline struct {
 	Tasks      []Task                 `json:"Tasks" validate:"required"`
-	Parameters map[string]interface{} `json:"parameters" validate:"required"`
+	Parameters map[string]interface{} `json:"Parameters" validate:"required"`
 }
 
 func (p *Pipeline) Validate() error {

web/modules/editor/editor.go

@@ -1,15 +1,43 @@
 package editor
 
 import (
+	"encoding/json"
+	"github.com/PiotrFerenc/mash2/api/types"
 	"github.com/labstack/echo/v4"
 	"net/http"
 )
 
 func CreateEditorHandler() func(c echo.Context) error {
 	return func(c echo.Context) error {
+		initCommand, err := initCommand()
+		if err != nil {
+			return err
+		}
+
 		data := map[string]interface{}{
-			"Title": "Edytor",
+			"Title":       "Edytor",
+			"InitCommand": string(initCommand),
 		}
 		return c.Render(http.StatusOK, "edytor.html", data)
 	}
 }
+
+func initCommand() ([]byte, error) {
+	initCommand := types.Pipeline{
+		Parameters: map[string]interface{}{
+			"my-console.text": "hallo word",
+		},
+		Tasks: []types.Task{
+			types.Task{
+				Sequence: 1,
+				Action:   "console",
+				Name:     "my-console",
+			},
+		},
+	}
+	initCommandBytes, err := json.MarshalIndent(initCommand, "", "	")
+	if err != nil {
+		return nil, err
+	}
+	return initCommandBytes, nil
+}

web/public/views/edytor.html

@@ -20,7 +20,7 @@
             <div id="container" style="height:600px;"></div>
         </div>
         <div class="col-6">
-<pre class="mermaid">
+<pre id="mermaid">
             graph TD
             asd[Client qwe] -->|tcp_123| B
             B(Load Balancer)
@@ -32,6 +32,8 @@
     </div>
 </div>
 <script>
+    const initialPipeline = '{{.InitCommand}}'
+
     require.config({paths: {'vs': '/assets/monaco/vs'}});
 
     require(['vs/editor/editor.main'], function () {
@@ -64,18 +66,13 @@
         });
 
         monaco.editor.create(document.getElementById('container'), {
-            value: '' +
-                '{\n    "Parameters": {\n       "console.text":"hallo word"\n    },\n    "Tasks": [\n        {\n            "Sequence": 1,\n            "Name": "log",\n            "Action": "console"\n        }\n    ]\n}',
+            value: initialPipeline,
             language: 'json'
         });
 
     });
 </script>
 {{template "scripts" .}}
-<script type="module">
-    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
 
-    mermaid.initialize({startOnLoad: true});
-</script>
 </body>
 </html>