diff --git a/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js b/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js index 2c02d42b0..cbc7031f5 100644 --- a/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js +++ b/packages/bruno-app/src/components/ResponsePane/QueryResult/index.js @@ -39,7 +39,7 @@ const formatResponse = (data, mode, filter) => { return safeStringifyJSON(parsed, true); } - if (['text', 'html'].includes(mode) || typeof data === 'string') { + if (typeof data === 'string') { return data; } @@ -48,7 +48,7 @@ const formatResponse = (data, mode, filter) => { const QueryResult = ({ item, collection, data, dataBuffer, width, disableRunEventListener, headers, error }) => { const contentType = getContentType(headers); - const mode = getCodeMirrorModeBasedOnContentType(contentType); + const mode = getCodeMirrorModeBasedOnContentType(contentType, data); const [filter, setFilter] = useState(null); const formattedData = formatResponse(data, mode, filter); const { storedTheme } = useTheme(); diff --git a/packages/bruno-app/src/utils/common/codemirror.js b/packages/bruno-app/src/utils/common/codemirror.js index 4be4dc473..a6bf52aed 100644 --- a/packages/bruno-app/src/utils/common/codemirror.js +++ b/packages/bruno-app/src/utils/common/codemirror.js @@ -42,7 +42,10 @@ export const defineCodeMirrorBrunoVariablesMode = (variables, mode) => { }); }; -export const getCodeMirrorModeBasedOnContentType = (contentType) => { +export const getCodeMirrorModeBasedOnContentType = (contentType, body) => { + if (typeof body === 'object') { + return 'application/ld+json'; + } if (!contentType || typeof contentType !== 'string') { return 'application/text'; }