fix: axios is added and fetch issues fixed

lib/codegen/js/axios.dart

@@ -1,8 +1,14 @@
+import 'dart:convert';
 import 'package:apidash/consts.dart';
+import 'package:apidash/utils/extensions/request_model_extension.dart';
 import 'package:jinja/jinja.dart' as jj;
 import 'package:apidash/utils/utils.dart'
-    show requestModelToHARJsonRequest, padMultilineString, stripUrlParams;
+    show
-import 'package:apidash/models/models.dart' show RequestModel;
+        padMultilineString,
+        requestModelToHARJsonRequest,
+        rowsToFormDataMap,
+        stripUrlParams;
+import 'package:apidash/models/models.dart' show FormDataModel, RequestModel;
 
 class AxiosCodeGen {
   AxiosCodeGen({this.isNodeJs = false});
@@ -10,6 +16,8 @@ class AxiosCodeGen {
   final bool isNodeJs;
 
   String kStringImportNode = """import axios from 'axios';
+{% if isFormDataRequest and isNodeJs %}const fs = require('fs');
+{% endif %}
 
 """;
 
@@ -46,13 +54,45 @@ axios(config)
         console.log(error);
     });
 """;
+  String kMultiPartBodyTemplate = r'''
+async function buildFormData(fields) {
+  var formdata = new FormData();
+  for (const field of fields) {
+      const name = field.name || '';
+      const value = field.value || '';
+      const type = field.type || 'text';
 
+      if (type === 'text') {
+        formdata.append(name, value);
+      } else if (type === 'file') {
+        formdata.append(name,{% if isNodeJs %} fs.createReadStream(value){% else %} fileInput.files[0],value{% endif %});
+      }
+    }
+  return formdata;
+}
+
+
+''';
+  var kGetFormDataTemplate = '''buildFormData({{fields_list}});
+''';
   String? getCode(
     RequestModel requestModel,
     String defaultUriScheme,
   ) {
     try {
-      String result = isNodeJs ? kStringImportNode : "";
+      List<FormDataModel> formDataList = requestModel.formDataList ?? [];
+      jj.Template kNodejsImportTemplate = jj.Template(kStringImportNode);
+      String importsData = kNodejsImportTemplate.render({
+        "isFormDataRequest": requestModel.isFormDataRequest,
+        "isNodeJs": isNodeJs,
+      });
+
+      String result = importsData;
+      var templateMultiPartBody = jj.Template(kMultiPartBodyTemplate);
+      var renderedMultiPartBody = templateMultiPartBody.render({
+        "isNodeJs": isNodeJs,
+      });
+      result += renderedMultiPartBody;
 
       String url = requestModel.url;
       if (!url.contains("://") && url.isNotEmpty) {
@@ -80,18 +120,30 @@ axios(config)
       }
 
       var headers = harJson["headers"];
-      if (headers.isNotEmpty) {
+      if (headers.isNotEmpty || requestModel.isFormDataRequest) {
         var templateHeader = jj.Template(kTemplateHeader);
         var m = {};
         for (var i in headers) {
           m[i["name"]] = i["value"];
         }
+        if (requestModel.isFormDataRequest) {
+          m['Content-Type'] = 'multipart/form-data';
+        }
         result += templateHeader
             .render({"headers": padMultilineString(kEncoder.convert(m), 2)});
       }
-
-      if (harJson["postData"]?["text"] != null) {
       var templateBody = jj.Template(kTemplateBody);
+
+      if (requestModel.isFormDataRequest) {
+        var getFieldDataTemplate = jj.Template(kGetFormDataTemplate);
+
+        result += templateBody.render({
+          "body": getFieldDataTemplate.render({
+            "fields_list": json.encode(rowsToFormDataMap(formDataList)),
+          })
+        });
+      }
+      if (harJson["postData"]?["text"] != null) {
         result += templateBody
             .render({"body": kEncoder.convert(harJson["postData"]["text"])});
       }

lib/codegen/js/fetch.dart

@@ -5,7 +5,7 @@ import 'package:apidash/utils/convert_utils.dart';
 import 'package:apidash/utils/extensions/request_model_extension.dart';
 import 'package:jinja/jinja.dart' as jj;
 import 'package:apidash/utils/utils.dart'
-    show getNewUuid, padMultilineString, requestModelToHARJsonRequest;
+    show padMultilineString, requestModelToHARJsonRequest;
 import 'package:apidash/models/models.dart' show FormDataModel, RequestModel;
 
 class FetchCodeGen {
@@ -13,14 +13,16 @@ class FetchCodeGen {
 
   final bool isNodeJs;
 
-  String kStringImportNode = """
+  String kStringImportNode =
+      """
 import fetch from 'node-fetch';
 {% if isFormDataRequest %}const fs = require('fs');{% endif %}
 
 
 """;
 
-  String kTemplateStart = """let url = '{{url}}';
+  String kTemplateStart =
+      """let url = '{{url}}';
 
 let options = {
   method: '{{method}}'
@@ -33,19 +35,9 @@ let options = {
   String kTemplateBody = """,
   body: {{body}}
 """;
-  String kMultiPartFileReader = '''
-function readFile(file) {
-  {% if isNodeJs %} return fs.readFile(file, 'binary'); {% else %} return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = reject;
-       reader.readAsArrayBuffer(file);
-  });
-{% endif %}
-}
 
-''';
+  String kMultiPartBodyTemplate =
-  String kMultiPartBodyTemplate = r'''
+      r'''
 async function buildDataList(fields) {
   var formdata = new FormData();
   for (const field of fields) {
@@ -58,13 +50,15 @@ async function buildDataList(fields) {
       } else if (type === 'file') {
         formdata.append(name,{% if isNodeJs %} fs.createReadStream(value){% else %} fileInput.files[0],value{% endif %});
       }
-
+    }
+  return formdata;
 }
 
 const payload = buildDataList({{fields_list}});
 
 ''';
-  String kStringRequest = """
+  String kStringRequest =
+      """
 
 };
 
@@ -90,7 +84,6 @@ fetch(url, options)
   ) {
     try {
       List<FormDataModel> formDataList = requestModel.formDataList ?? [];
-      String uuid = getNewUuid();
       jj.Template kNodejsImportTemplate = jj.Template(kStringImportNode);
       String importsData = kNodejsImportTemplate.render({
         "isFormDataRequest": requestModel.isFormDataRequest,
@@ -98,15 +91,8 @@ fetch(url, options)
 
       String result = isNodeJs ? importsData : "";
       if (requestModel.isFormDataRequest) {
-        jj.Template kMultiPartFileReaderTemplate =
-            jj.Template(kMultiPartFileReader);
-        result += kMultiPartFileReaderTemplate.render({
-          "isNodeJs": isNodeJs,
-        });
-        var boundary = uuid;
         var templateMultiPartBody = jj.Template(kMultiPartBodyTemplate);
         result += templateMultiPartBody.render({
-          "boundary": boundary,
           "isNodeJs": isNodeJs,
           "fields_list": json.encode(rowsToFormDataMap(formDataList)),
         });
@@ -131,7 +117,7 @@ fetch(url, options)
         var templateHeader = jj.Template(kTemplateHeader);
         var m = {};
         if (requestModel.isFormDataRequest) {
-          m["Content-Type"] = "multipart/form-data; boundary=$uuid";
+          m["Content-Type"] = "multipart/form-data";
         }
         for (var i in headers) {
           m[i["name"]] = i["value"];