copy to clipbnoard big hficex

HexmosTech · Aug 21, 2024 · 940f566 · 940f566
1 parent 59e8a67
commit 940f566
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 20 deletions.
diff --git a/src/panels/RequestPanel.ts b/src/panels/RequestPanel.ts
@@ -236,6 +236,9 @@ export class Lama2Panel {
           case "alert":
             vscode.window.showErrorMessage(message.text)
             return
+          case 'showNotification':
+          vscode.window.showInformationMessage(message.text);
+          break;
         }
       },
       undefined,

diff --git a/webview/src/modules/IconPanel.tsx b/webview/src/modules/IconPanel.tsx
@@ -6,9 +6,16 @@ interface IconPanelProps {
   toggleIcon: (icon: string) => void
   isHtmlContent: boolean
   showTerminal: () => void
+  copyContent: () => void
 }
 
-const IconPanel: React.FC<IconPanelProps> = ({ highlightedIcon, toggleIcon, isHtmlContent, showTerminal }) => (
+const IconPanel: React.FC<IconPanelProps> = ({
+  highlightedIcon,
+  toggleIcon,
+  isHtmlContent,
+  showTerminal,
+  copyContent,
+}) => (
   <div className="icon-box">
     <div className="icon-box-toggle">
       <div
@@ -28,7 +35,7 @@ const IconPanel: React.FC<IconPanelProps> = ({ highlightedIcon, toggleIcon, isHt
         <i className="codicon codicon-table"></i>
       </div>
     </div>
-    <div className="bordered-icon">
+    <div className="bordered-icon" onClick={copyContent}>
       <i className="codicon codicon-copy"></i>
     </div>
     <div className="bordered-icon" onClick={showTerminal}>

diff --git a/webview/src/modules/JsonView.tsx b/webview/src/modules/JsonView.tsx
@@ -6,7 +6,7 @@ interface JsonViewProps {
 }
 
 const JsonView: React.FC<JsonViewProps> = ({ data }) => (
-  <ReactJson src={data} theme="monokai" displayDataTypes={false} />
-);
+  <ReactJson src={data} theme="monokai" displayDataTypes={false} name={false} />
+)
 
 export default JsonView;
diff --git a/webview/src/pages/Response.tsx b/webview/src/pages/Response.tsx
@@ -157,22 +157,29 @@ const Response: React.FC = () => {
       </div>
     )
   }
-
-  const responseContent = (
-    <>
-      <div className="meta-icon-section">
-        <Metadata {...apiMetrics} />
-        <IconPanel
-          highlightedIcon={highlightedIcon}
-          toggleIcon={toggleIcon}
-          isHtmlContent={!!htmlContent}
-          showTerminal={toggleTerminal}
-        />
-      </div>
-
-      <div>{htmlContent ? <HtmlView content={htmlContent} /> : <JsonView data={body} />}</div>
-    </>
-  )
+ const copyContent = () => {
+   const copyBody = htmlContent || JSON.stringify(body, null, 2)
+   navigator.clipboard.writeText(copyBody).then(() => {
+     vscode.postMessage({ command: "showNotification", text: "Copied to clipboard" })
+   })
+ }
+
+ const responseContent = (
+   <>
+     <div className="meta-icon-section">
+       <Metadata {...apiMetrics} />
+       <IconPanel
+         highlightedIcon={highlightedIcon}
+         toggleIcon={toggleIcon}
+         isHtmlContent={!!htmlContent}
+         showTerminal={toggleTerminal}
+         copyContent={copyContent}
+       />
+     </div>
+
+     <div>{htmlContent ? <HtmlView content={htmlContent} /> : <JsonView data={body} />}</div>
+   </>
+ )
 
   const headersContent = (
     <div className="card">