feat: adds save/export support in json format

fix #1

Author: dropdevrahul

app.go

@@ -62,20 +62,14 @@ func HeadersToStr(h *http.Header) string {
 	return result
 }
 
-type RequestFE struct {
-	Body       string
-	HeadersStr string
-	Error      string
-}
-
 type RequestResult struct {
-	Method      string
-	URL         string
-	ReqHeaders  string
-	RequestBody string
-	Body        string
-	HeadersStr  string
-	Error       string
+	Method      string `json:"Method"`
+	URL         string `json:"URL"`
+	ReqHeaders  string `json:"ReqHeaders"`
+	RequestBody string `json:"RequestBody"`
+	Body        string `json:"Body"`
+	HeadersStr  string `json:"HeadersStr"`
+	Error       string `json:"Error"`
 }
 
 func (a *App) RunCurl(curl string) RequestResult {

export.go

@@ -0,0 +1,36 @@
+package main
+
+import (
+	"encoding/json"
+	"log"
+	"os"
+
+	"github.com/wailsapp/wails/v2/pkg/runtime"
+)
+
+func (a *App) Export(r RequestResult) error {
+	filepath, err := runtime.SaveFileDialog(a.ctx, runtime.SaveDialogOptions{
+		DefaultFilename: "untitled-01.json",
+		Title:           "Export",
+	})
+	if err != nil {
+		log.Println(err)
+		return err
+	}
+
+	js, err := json.MarshalIndent(&r, "", "    ")
+	if err != nil {
+		log.Println(err)
+		return err
+	}
+	f, err := os.Create(filepath)
+	if err != nil {
+		log.Println(err)
+		return err
+	}
+
+	defer f.Close()
+	f.Write(js)
+
+	return nil
+}

frontend/src/App.tsx

@@ -1,6 +1,7 @@
 import {useState} from 'react';
 import './App.css';
-import {MakeRequest, RunCurl} from "../wailsjs/go/main/App";
+import {MakeRequest, RunCurl, Export} from "../wailsjs/go/main/App";
+import {main} from "../wailsjs/go/models";
 import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
 import Divider from '@mui/material/Divider';
@@ -10,6 +11,7 @@ import Modal from '@mui/material/Modal';
 import Select from '@mui/material/Select'; 
 import Box from '@mui/material/Box'; 
 import Typography from '@mui/material/Typography'; 
+import SaveIcon from '@mui/icons-material/Save';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import {
   Experimental_CssVarsProvider as CssVarsProvider,
@@ -24,6 +26,7 @@ const darkTheme = createTheme({
 
 
 function App() {
+    const [result, setResult] = useState(new main.RequestResult)
     const [resultText, setResultText] = useState("");
     const [curlBody, setCurlBody] = useState("");
     const [reqMethod, setReqMethod] = useState("GET");
@@ -35,6 +38,7 @@ function App() {
     const [open, setOpen] = useState(false);
     const updateURL = (e: any) => setURL(e.target.value);
     const updateResultText = (result: any) =>  {
+        setResult(result)
         setResultHeader(result.HeadersStr)
         setResultText(result.Body)
         setErrorText(result.Error)
@@ -73,6 +77,10 @@ function App() {
         updateCurlResult(result)
       })
     }
+
+    function handleExport() {
+      Export(result)
+    }
     return (
         <CssVarsProvider>
          <CssBaseline />
@@ -96,6 +104,9 @@ function App() {
          </Box>
          </Modal>
            <Grid container className="App">
+              <Grid xs={1}>
+               <Button onClick={handleExport} variant="outlined"><SaveIcon></SaveIcon></Button>
+              </Grid>
               <Grid xs={1}>
                <Button onClick={handleOpen} variant="outlined">Curl</Button>
               </Grid>
@@ -106,7 +117,7 @@ function App() {
                   <MenuItem value={"PUT"}>PUT</MenuItem>
                 </Select>
               </Grid>
-              <Grid xs={9}>
+              <Grid xs={8}>
                   <TextField id="url" className="url" variant="standard" value={url}
                     onChange={updateURL} autoComplete="off" name="url"/>
               </Grid>

frontend/wailsjs/go/main/App.d.ts

@@ -2,6 +2,8 @@
 // This file is automatically generated. DO NOT EDIT
 import {main} from '../models';
 
+export function Export(arg1:main.RequestResult):Promise<void>;
+
 export function MakeRequest(arg1:string,arg2:string,arg3:string,arg4:string):Promise<main.RequestResult>;
 
 export function RunCurl(arg1:string):Promise<main.RequestResult>;

frontend/wailsjs/go/main/App.js

@@ -2,6 +2,10 @@
 // Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
 // This file is automatically generated. DO NOT EDIT
 
+export function Export(arg1) {
+  return window['go']['main']['App']['Export'](arg1);
+}
+
 export function MakeRequest(arg1, arg2, arg3, arg4) {
   return window['go']['main']['App']['MakeRequest'](arg1, arg2, arg3, arg4);
 }

frontend/wailsjs/go/models.ts

@@ -0,0 +1,29 @@
+export namespace main {
+	
+	export class RequestResult {
+	    Method: string;
+	    URL: string;
+	    ReqHeaders: string;
+	    RequestBody: string;
+	    Body: string;
+	    HeadersStr: string;
+	    Error: string;
+	
+	    static createFrom(source: any = {}) {
+	        return new RequestResult(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.Method = source["Method"];
+	        this.URL = source["URL"];
+	        this.ReqHeaders = source["ReqHeaders"];
+	        this.RequestBody = source["RequestBody"];
+	        this.Body = source["Body"];
+	        this.HeadersStr = source["HeadersStr"];
+	        this.Error = source["Error"];
+	    }
+	}
+
+}
+

main.go

@@ -2,6 +2,7 @@ package main
 
 import (
 	"embed"
+	"log"
 
 	"github.com/wailsapp/wails/v2"
 	"github.com/wailsapp/wails/v2/pkg/options"
@@ -12,6 +13,7 @@ import (
 var assets embed.FS
 
 func main() {
+	log.SetFlags(log.LstdFlags | log.Lshortfile)
 	// Create an instance of the app structure
 	app := NewApp()
 

package-lock.json

@@ -3,6 +3,7 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@fontsource/roboto": "^5.0.3",
+    "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.13.5"
   }
 }