rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-24 13:15:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: run formatResponse execution on copy button click (#6485)

Browse Source
This commit is contained in:
Pooja
2025-12-23 14:25:18 +05:30
committed by GitHub
parent 70178f60b3
commit 01d4d3dc2a
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/bruno-app/src/components/ResponsePane/ResponseCopy/index.js
View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef, useMemo } from 'react';
import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef, useCallback } from 'react';
import StyledWrapper from './StyledWrapper';
import toast from 'react-hot-toast';
import { IconCopy, IconCheck } from '@tabler/icons';
@@ -6,22 +6,23 @@ import classnames from 'classnames';
import ActionIcon from 'ui/ActionIcon/index';
import { formatResponse } from 'utils/common';
// Helper function to get text to copy
const getTextToCopy = (selectedTab, selectedFormat, data, dataBuffer) => {
// If preview is on, copy raw data (what's shown in TextPreview)
if (selectedTab === 'preview') {
return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
}
// If editor is on, copy formatted data based on selected format
if (selectedFormat && data && dataBuffer) {
return formatResponse(data, dataBuffer, selectedFormat, null);
}
return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
};
// Hook to get copy response function
export const useResponseCopy = (item, selectedFormat, selectedTab, data, dataBuffer) => {
const [copied, setCopied] = useState(false);
const textToCopy = useMemo(() => {
// If preview is on, copy raw data (what's shown in TextPreview)
if (selectedTab === 'preview') {
return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
}
// If editor is on, copy formatted data based on selected format
if (selectedFormat && data && dataBuffer) {
return formatResponse(data, dataBuffer, selectedFormat, null);
}
return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
}, [data, dataBuffer, selectedFormat, selectedTab]);
useEffect(() => {
if (copied) {
const timer = setTimeout(() => {
@@ -31,15 +32,16 @@ export const useResponseCopy = (item, selectedFormat, selectedTab, data, dataBuf
}
}, [copied]);
const copyResponse = async () => {
const copyResponse = useCallback(async () => {
try {
const textToCopy = getTextToCopy(selectedTab, selectedFormat, data, dataBuffer);
await navigator.clipboard.writeText(textToCopy);
toast.success('Response copied to clipboard');
setCopied(true);
} catch (error) {
toast.error('Failed to copy response');
}
};
}, [selectedTab, selectedFormat, data, dataBuffer]);
return { copyResponse, copied, hasData: !!data };
};