Search Insights widget displays the Request and Response JSON in 'pretty' format when Elasticsearch is the search engine

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.3.18 CE GA18, 7.4.13 DXP U18
• Component/s: Web Search > Search Widgets
• Labels:
  • liferay-update-dxp-18-7413
  • reviewed-by-pm
  • search-frontend
  • sme-could-7.3
• Epic/Theme:
  • Search_Enhancements
• Story Points: 1
• Git Pull Request: https://github.com/liferay-search/liferay-portal/pull/355 https://github.com/brianchandotcom/liferay-portal/pull/114915
• QA Test Name:
  • test-needed

Problem

When the search engine is Elasticsearch, the output is a JSON and it is displayed without formatting (see the screenshot attached)

1. Start portal
2. Go the default 'search' page http://localhost:8080/web/guest/search
3. Add the Search Insights widget to the page
4. Execute a random search

Negative Consequences

Readability is limited, forces the admin to copy-paste and format the text manually.

Acceptance Criteria

1. Pretty-print the JSON output for the Request and the Response in the Search Insights widget. It applies to the Elasticsearch engine only, the Solr query string looks different, not a JSON.
2. "Copy to clipboard" button added to both Request and Response sections

Impact

Improved readability. No need to format the text manually.

Docs

https://learn.liferay.com/dxp/latest/en/using-search/search-pages-and-widgets/search-insights.html