Add insert-function button to expression editor

editor/js/ui/editor.js

@@ -1421,7 +1421,7 @@ RED.editor = (function() {
                 funcSelect.change(function(e) {
                     var f = $(this).val();
                     var args = RED._('jsonata:'+f+".args",{defaultValue:''});
-                    var title = "<h4>"+f+"("+args+")</h4>";
+                    var title = "<h5>"+f+"("+args+")</h5>";
                     var body = marked(RED._('jsonata:'+f+'.desc',{defaultValue:''}));
                     $("#node-input-expression-help").html(title+"<p>"+body+"</p>");
 
@@ -1432,7 +1432,7 @@ RED.editor = (function() {
                     mode:"ace/mode/jsonata",
                     options: {
                         enableBasicAutocompletion:true,
-                        enableSnippets:false,
+                        enableSnippets:true,
                         enableLiveAutocompletion: true
                     }
                 });
@@ -1441,14 +1441,23 @@ RED.editor = (function() {
                 expressionEditor.on("changeSelection", function() {
                     var c = expressionEditor.getCursorPosition();
                     var token = expressionEditor.getSession().getTokenAt(c.row,c.column);
-                    //console.log(token);
+                    // console.log(token);
                     if (token && token.type === 'keyword') {
                         funcSelect.val(token.value).change();
                     }
                 });
 
                 dialogForm.i18n();
-
+                $("#node-input-expression-func-insert").click(function(e) {
+                    e.preventDefault();
+                    var pos = expressionEditor.getCursorPosition();
+                    var f = funcSelect.val();
+                    var args = RED._('jsonata:'+f+".args",{defaultValue:''});
+                    expressionEditor.insert(f+"("+args+")");
+                    pos.column += f.length+1;
+                    expressionEditor.moveCursorToPosition(pos);
+                    expressionEditor.focus();
+                })
             },
             close: function() {
                 editStack.pop();

editor/templates/index.mst

@@ -166,7 +166,7 @@
     <div class="form-row">
         <label for="node-input-expression-func" data-i18n="expressionEditor.functions"></label>
         <select id="node-input-expression-func"></select>
-
+        <button id="node-input-expression-func-insert" class="editor-button" data-i18n="expressionEditor.insert"></button>
         <div style="min-height: 200px;" id="node-input-expression-help"></div>
     </div>
 </script>

editor/vendor/jsonata/jsonata.js

@@ -2788,6 +2788,9 @@ var jsonata = (function() {
             },
             assign: function (name, value) {
                 environment.bind(name, value);
+            },
+            ast: function() {
+                return ast;
             }
         };
     }