[Console Migration] Add action for auto indentation

src/plugins/console/public/application/containers/editor/monaco/monaco_editor.tsx

@@ -71,6 +71,10 @@ export const MonacoEditor = ({ initialTextValue }: EditorProps) => {
     return actionsProvider.current!.getDocumentationLink(docLinkVersion);
   }, [docLinkVersion]);
 
+  const autoIndentCallback = useCallback(async (event: React.MouseEvent) => {
+    return actionsProvider.current!.autoIndent(event);
+  }, []);
+
   const sendRequestsCallback = useCallback(async () => {
     await actionsProvider.current?.sendRequests(toasts, dispatch, trackUiMetric, http);
   }, [dispatch, http, toasts, trackUiMetric]);
@@ -119,7 +123,7 @@ export const MonacoEditor = ({ initialTextValue }: EditorProps) => {
           <ConsoleMenu
             getCurl={getCurlCallback}
             getDocumentation={getDocumenationLink}
-            autoIndent={() => {}}
+            autoIndent={autoIndentCallback}
             notifications={notifications}
           />
         </EuiFlexItem>

src/plugins/console/public/application/containers/editor/monaco/monaco_editor_actions_provider.ts

@@ -32,6 +32,7 @@ import {
   trackSentRequests,
   tokenizeRequestUrl,
   getDocumentationLinkFromAutocompleteContext,
+  getAutoIndentedRequests,
 } from './utils';
 
 const selectedRequestsClass = 'console__monaco_editor__selectedRequests';
@@ -265,4 +266,23 @@ export class MonacoEditorActionsProvider {
 
     return getDocumentationLinkFromAutocompleteContext(context, docLinkVersion);
   }
+
+  public async autoIndent(event: React.MouseEvent) {
+    event.preventDefault();
+    const requests = await this.getRequests();
+    const { range } = await this.getSelectedParsedRequestsAndRange();
+
+    if (requests.length < 1) {
+      return;
+    }
+
+    const autoIndentedRequests = getAutoIndentedRequests(requests);
+
+    this.editor.executeEdits('', [
+      {
+        range,
+        text: autoIndentedRequests,
+      },
+    ]);
+  }
 }

src/plugins/console/public/application/containers/editor/monaco/utils.test.ts

@@ -7,6 +7,7 @@
  */
 
 import {
+  getAutoIndentedRequests,
   getCurlRequest,
   getDocumentationLinkFromAutocompleteContext,
   removeTrailingWhitespaces,
@@ -224,4 +225,57 @@ describe('monaco editor utils', () => {
       expect(link).toBe(expectedLink);
     });
   });
+
+  describe('getAutoIndentedRequests', () => {
+    const TEST_REQUEST_1 = {
+      method: 'GET',
+      url: '_search',
+      data: ['{\n  "query": {\n    "match_all": {}\n  }\n}'],
+    };
+
+    const TEST_REQUEST_2 = {
+      method: 'GET',
+      url: '_all',
+      data: [],
+    };
+
+    const TEST_REQUEST_3 = {
+      method: 'POST',
+      url: '/_bulk',
+      data: ['{\n  "index": {\n    "_index": "books"\n  }\n}', '{\n  "name": "1984"\n}'],
+    };
+
+    it('correctly auto-indents a single request with data', () => {
+      const formattedData = getAutoIndentedRequests([TEST_REQUEST_1]);
+      const expectedResult = 'GET _search\n{\n  "query": {\n    "match_all": {}\n  }\n}';
+      expect(formattedData).toBe(expectedResult);
+    });
+
+    it('correctly auto-indents a single request with no data', () => {
+      const formattedData = getAutoIndentedRequests([TEST_REQUEST_2]);
+      const expectedResult = 'GET _all';
+
+      expect(formattedData).toBe(expectedResult);
+    });
+
+    it('correctly auto-indents a single request with multiple data', () => {
+      const formattedData = getAutoIndentedRequests([TEST_REQUEST_3]);
+      const expectedResult =
+        'POST /_bulk\n{\n  "index": {\n    "_index": "books"\n  }\n}\n{\n  "name": "1984"\n}';
+
+      expect(formattedData).toBe(expectedResult);
+    });
+
+    it('correctly auto-indents multiple request', () => {
+      const formattedData = getAutoIndentedRequests([
+        TEST_REQUEST_1,
+        TEST_REQUEST_2,
+        TEST_REQUEST_3,
+      ]);
+      const expectedResult =
+        'GET _search\n{\n  "query": {\n    "match_all": {}\n  }\n}\n\nGET _all\n\nPOST /_bulk\n{\n  "index": {\n    "_index": "books"\n  }\n}\n{\n  "name": "1984"\n}';
+
+      expect(formattedData).toBe(expectedResult);
+    });
+  });
 });

src/plugins/console/public/application/containers/editor/monaco/utils.ts

@@ -105,3 +105,19 @@ export const getDocumentationLinkFromAutocompleteContext = (
   }
   return null;
 };
+
+export const getAutoIndentedRequests = (requests: EditorRequest[]): string => {
+  const formattedRequestsText: string[] = [];
+
+  requests.forEach((request, index) => {
+    const firstLine = (index > 0 ? '\n' : '') + request.method + ' ' + request.url;
+    formattedRequestsText.push(firstLine);
+
+    if (request.data && request.data.length > 0) {
+      // The request data is already parsed as JSON
+      formattedRequestsText.push(...request.data);
+    }
+  });
+
+  return formattedRequestsText.join('\n');
+};