adding JavaScript target (XHR + jQuery)

Author: ahmadnassri

package.json

@@ -36,7 +36,6 @@
   "devDependencies": {
     "codeclimate-test-reporter": "0.0.4",
     "glob": "^5.0.3",
-    "husky": "^0.7.0",
     "istanbul": "^0.3.8",
     "mocha": "^2.2.1",
     "should": "^5.2.0"

src/targets/javascript/index.js

@@ -0,0 +1,3 @@
+'use strict'
+
+module.exports = require('require-directory')(module)

src/targets/javascript/info.js

@@ -0,0 +1,8 @@
+'use strict'
+
+module.exports = {
+  key: 'javascript',
+  title: 'JavaScript',
+  extname: '.js',
+  default: 'xhr'
+}

src/targets/javascript/jquery.js

@@ -0,0 +1,79 @@
+/**
+ * @description
+ * HTTP code snippet generator for native XMLHttpRequest
+ *
+ * @author
+ * @AhmadNassri
+ *
+ * for any questions or issues regarding the generated code snippet, please open an issue mentioning the author.
+ */
+
+'use strict'
+
+var util = require('util')
+
+module.exports = function (source, options) {
+  var opts = util._extend({
+    indent: '  '
+  }, options)
+
+  var code = []
+
+  var settings = {
+    async: true,
+    crossDomain: true,
+    url: source.fullUrl,
+    method: source.method,
+    headers: source.allHeaders
+  }
+
+  switch (source.postData.mimeType) {
+    case 'application/x-www-form-urlencoded':
+      settings.data = source.postData.paramsObj ? source.postData.paramsObj : source.postData.text
+      break
+
+    case 'application/json':
+      settings.processData = false
+      settings.data = source.postData.text
+      break
+
+    case 'multipart/form-data':
+      code.push('var form = new FormData();')
+
+      source.postData.params.map(function (param) {
+        code.push(util.format('form.append(%s, %s);', JSON.stringify(param.name), JSON.stringify(param.value || param.fileName || '')))
+      })
+
+      settings.processData = false
+      settings.contentType = false
+      settings.mimeType = 'multipart/form-data'
+      settings.data = '[form]'
+
+      // remove the contentType header
+      if (~settings.headers['content-type'].indexOf('boundary')) {
+        delete settings.headers['content-type']
+      }
+      code.push(null)
+      break
+
+    default:
+      if (source.postData.text) {
+        settings.data = source.postData.text
+      }
+  }
+
+  code.push('var settings = ' + JSON.stringify(settings, null, opts.indent).replace('"[form]"', 'form'))
+
+  code.push(null)
+
+  code.push('$.ajax(settings).done(function (response) {\n\tconsole.log(response);\n});'.replace(/\t/g, opts.indent))
+
+  return code.join('\n')
+}
+
+module.exports.info = {
+  key: 'jquery',
+  title: 'jQuery',
+  link: 'http://api.jquery.com/jquery.ajax/',
+  description: 'Perform an asynchronous HTTP (Ajax) requests with jQuery'
+}

src/targets/javascript/xhr.js

@@ -0,0 +1,79 @@
+/**
+ * @description
+ * HTTP code snippet generator for native XMLHttpRequest
+ *
+ * @author
+ * @AhmadNassri
+ *
+ * for any questions or issues regarding the generated code snippet, please open an issue mentioning the author.
+ */
+
+'use strict'
+
+var util = require('util')
+
+module.exports = function (source, options) {
+  var opts = util._extend({
+    indent: '  ',
+    cors: true
+  }, options)
+
+  var code = []
+
+  switch (source.postData.mimeType) {
+    case 'application/json':
+      code.push(util.format('var data = JSON.stringify(%s);', JSON.stringify(source.postData.jsonObj, null, opts.indent)))
+      code.push(null)
+      break
+
+    case 'multipart/form-data':
+      code.push('var data = new FormData();')
+
+      source.postData.params.map(function (param) {
+        code.push(util.format('data.append(%s, %s);', JSON.stringify(param.name), JSON.stringify(param.value || param.fileName || '')))
+      })
+
+      // remove the contentType header
+      if (source.allHeaders['content-type'].indexOf('boundary')) {
+        delete source.allHeaders['content-type']
+      }
+
+      code.push(null)
+      break
+
+    default:
+      code.push(util.format('var data = %s;', JSON.stringify(source.postData.text || null)))
+      code.push(null)
+  }
+
+  code.push('var xhr = new XMLHttpRequest();')
+
+  if (opts.cors) {
+    code.push('xhr.withCredentials = true;')
+  }
+
+  code.push(null)
+
+  code.push('xhr.addEventListener("readystatechange", function () {\n\tif (this.readyState === this.DONE) {\n\t\tconsole.log(this.responseText);\n\t}\n});'.replace(/\t/g, opts.indent))
+
+  code.push(null)
+
+  code.push(util.format('xhr.open(%s, %s);', JSON.stringify(source.method), JSON.stringify(source.fullUrl)))
+
+  Object.keys(source.allHeaders).map(function (key) {
+    code.push(util.format('xhr.setRequestHeader(%s, %s);', JSON.stringify(key), JSON.stringify(source.allHeaders[key])))
+  })
+
+  code.push(null)
+
+  code.push('xhr.send(data);')
+
+  return code.join('\n')
+}
+
+module.exports.info = {
+  key: 'xhr',
+  title: 'XMLHttpRequest',
+  link: 'https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest',
+  description: 'W3C Standard API that provides scripted client functionality'
+}

test/fixtures/available-targets.json

@@ -51,6 +51,26 @@
       }
     ]
   },
+  {
+    "key": "javascript",
+    "title": "JavaScript",
+    "extname": ".js",
+    "default": "xhr",
+    "clients": [
+      {
+        "key": "jquery",
+        "title": "jQuery",
+        "link": "http://api.jquery.com/jquery.ajax/",
+        "description": "Perform an asynchronous HTTP (Ajax) requests with jQuery"
+      },
+      {
+        "key": "xhr",
+        "title": "XMLHttpRequest",
+        "link": "https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest",
+        "description": "W3C Standard API that provides scripted client functionality"
+      }
+    ]
+  },
   {
     "key": "ocaml",
     "title": "OCaml",

test/fixtures/output/javascript/jquery/application-form-encoded.js

@@ -0,0 +1,17 @@
+var settings = {
+  "async": true,
+  "crossDomain": true,
+  "url": "http://mockbin.com/har",
+  "method": "POST",
+  "headers": {
+    "content-type": "application/x-www-form-urlencoded"
+  },
+  "data": {
+    "foo": "bar",
+    "hello": "world"
+  }
+}
+
+$.ajax(settings).done(function (response) {
+  console.log(response);
+});

test/fixtures/output/javascript/jquery/application-json.js

@@ -0,0 +1,15 @@
+var settings = {
+  "async": true,
+  "crossDomain": true,
+  "url": "http://mockbin.com/har",
+  "method": "POST",
+  "headers": {
+    "content-type": "application/json"
+  },
+  "processData": false,
+  "data": "{\"number\": 1, \"string\": \"f\\\"oo\", \"arr\": [1, 2, 3], \"nested\": {\"a\": \"b\"}, \"arr_mix\": [1, \"a\", {\"arr_mix_nested\": {}}] }"
+}
+
+$.ajax(settings).done(function (response) {
+  console.log(response);
+});

test/fixtures/output/javascript/jquery/cookies.js

@@ -0,0 +1,13 @@
+var settings = {
+  "async": true,
+  "crossDomain": true,
+  "url": "http://mockbin.com/har",
+  "method": "POST",
+  "headers": {
+    "cookie": "foo=bar; bar=baz"
+  }
+}
+
+$.ajax(settings).done(function (response) {
+  console.log(response);
+});

test/fixtures/output/javascript/jquery/full.js

@@ -0,0 +1,18 @@
+var settings = {
+  "async": true,
+  "crossDomain": true,
+  "url": "http://mockbin.com/har?foo=bar&foo=baz&baz=abc&key=value",
+  "method": "POST",
+  "headers": {
+    "cookie": "foo=bar; bar=baz",
+    "accept": "application/json",
+    "content-type": "application/x-www-form-urlencoded"
+  },
+  "data": {
+    "foo": "bar"
+  }
+}
+
+$.ajax(settings).done(function (response) {
+  console.log(response);
+});