rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-07-09 06:55:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: copy response based on preview toggle and selected format (#6436)

Browse Source
This commit is contained in:
Pooja
2025-12-22 13:53:08 +05:30
committed by GitHub
parent 9967d863f5
commit 669c99f40a
4 changed files with 69 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,15 +1,27 @@
import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef, useMemo } from 'react';
import StyledWrapper from './StyledWrapper';
import toast from 'react-hot-toast';
import { IconCopy, IconCheck } from '@tabler/icons';
import classnames from 'classnames';
import ActionIcon from 'ui/ActionIcon/index';
import { formatResponse } from 'utils/common';
// Hook to get copy response function
export const useResponseCopy = (item) => {
const response = item.response || {};
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(() => {
@@ -21,10 +33,6 @@ export const useResponseCopy = (item) => {
const copyResponse = async () => {
try {
const textToCopy = typeof response.data === 'string'
? response.data
: JSON.stringify(response.data, null, 2);
await navigator.clipboard.writeText(textToCopy);
toast.success('Response copied to clipboard');
setCopied(true);
@@ -33,11 +41,11 @@ export const useResponseCopy = (item) => {
}
};
return { copyResponse, copied, hasData: !!response.data };
return { copyResponse, copied, hasData: !!data };
};
const ResponseCopy = forwardRef(({ item, children }, ref) => {
const { copyResponse, copied, hasData } = useResponseCopy(item);
const ResponseCopy = forwardRef(({ item, children, selectedFormat, selectedTab, data, dataBuffer }, ref) => {
const { copyResponse, copied, hasData } = useResponseCopy(item, selectedFormat, selectedTab, data, dataBuffer);
const elementRef = useRef(null);
const isDisabled = !hasData ? true : false;