Merge pull request #4 from Typeform/refactor-http-transport

Refactor http transport

Author: jepser

.travis.yml

@@ -20,8 +20,12 @@ env:
 before_install:
   - yarn
 
+before_script:
+  - yarn server &
+
 script:
-  - TYPEFORM_TOKEN=${TYPEFORM_TOKEN} yarn test
+  - yarn test:unit
+  - yarn test:integration
 
 after_success:
   - yarn semantic-release

package.json

@@ -26,7 +26,7 @@
   },
   "homepage": "https://github.com/Typeform/js-api-clientk#readme",
   "dependencies": {
-    "axios": "^0.18.0"
+    "isomorphic-fetch": "^2.2.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.0.0-beta.44",
@@ -47,7 +47,10 @@
     "husky": "^0.14.3",
     "in-publish": "^2.0.0",
     "jest": "^22.4.3",
+    "jest-fetch-mock": "^1.6.5",
+    "json-server": "^0.14.0",
     "lint-staged": "^7.0.4",
+    "nodemon": "^1.18.3",
     "prettier": "^1.12.1",
     "semantic-release": "^15.1.7",
     "sinon": "^4.5.0",
@@ -60,18 +63,25 @@
       "git add"
     ]
   },
+  "jest": {
+    "automock": false,
+    "setupFiles": [
+      "./tests/setupJest.js"
+    ]
+  },
   "scripts": {
     "commitmsg": "commitlint -e $GIT_PARAMS",
-    "test": "TYPEFORM_TOKEN=$TYPEFORM_TOKEN jest",
-    "test:unit": "jest ./tests/unit",
-    "test:unit:watch": "jest ./tests/unit --watch",
-    "test:integration": "TYPEFORM_TOKEN=$TYPEFORM_TOKEN jest ./tests/integration/",
-    "test:integration:watch": "TYPEFORM_TOKEN=$TYPEFORM_TOKEN jest ./tests/integration/ --watch",
+    "test:unit": "MOCK_FETCH=true jest ./tests/unit",
+    "test:unit:watch": "MOCK_FETCH=true jest ./tests/unit --watch",
+    "test:integration": "jest ./tests/integration/",
+    "test:integration:watch": "jest ./tests/integration/ --watch",
     "build:dist": "webpack --mode production",
     "build:lib": "NODE_ENV=production babel src --out-dir lib",
     "prepublish": "in-publish && npm run build:dist && npm run build:lib || not-in-publish",
     "pretty": "prettier './{src,tests}/**/*.js' --write",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "server": "node ./tests/integration/mockServer.js",
+    "server:dev": "nodemon ./tests/integration/mockServer.js"
   },
   "peerDependencies": {}
 }

src/constants/index.js

@@ -32,3 +32,5 @@ export const FONTS_AVAILABLE = [
   'Source Sans Pro',
   'Vollkorn'
 ]
+
+export const API_BASE_URL = 'https://api.typeform.com'

src/create-client.js

@@ -1,11 +1,28 @@
-import axios from 'axios'
+import 'isomorphic-fetch'
+import { API_BASE_URL } from './constants'
 
 export const clientConstructor = ({ token, ...options }) => {
-  return axios.create({
-    baseURL: 'https://api.typeform.com',
-    headers: {
-      Authorization: `bearer ${token}`
-    },
-    ...options
-  })
+  return {
+    request: (args) => {
+
+      const {
+        url,
+        ...otherArgs
+      } = args
+
+      const requestParameters = {
+        ...options,
+        ...otherArgs
+      }
+
+      return fetch(`${API_BASE_URL}${url}`, {
+        headers: {
+          Authorization: `bearer ${token}`
+        },
+        ...requestParameters
+      })
+        .then(response => response.json())
+      // .catch(error => { throw `${error}` })
+    }
+  }
 }

src/forms.js

@@ -1,6 +1,4 @@
-import axios from 'axios'
-
-export const forms = http => ({
+export default http => ({
   list: args => getForms(http, args),
   get: args => getForm(http, args),
   update: args => updateForm(http, args),
@@ -12,7 +10,7 @@ export const forms = http => ({
   }
 })
 
-export const getForms = (http, { page, page_size, search } = {}) => {
+const getForms = (http, { page, page_size, search } = {}) => {
   return http.request({
     method: 'get',
     url: `/forms`,
@@ -22,14 +20,14 @@ export const getForms = (http, { page, page_size, search } = {}) => {
   })
 }
 
-export const getForm = (http, { uid }) => {
+const getForm = (http, { uid }) => {
   return http.request({
     method: 'get',
     url: `/forms/${uid}`
   })
 }
 
-export const updateForm = (http, { uid, override, data } = {}) => {
+const updateForm = (http, { uid, override, data } = {}) => {
   let methodType = 'patch'
   if (override) {
     methodType = 'put'
@@ -42,29 +40,29 @@ export const updateForm = (http, { uid, override, data } = {}) => {
   })
 }
 
-export const createForm = (http, { data } = {}) => {
+const createForm = (http, { data } = {}) => {
   return http.request({
     method: 'post',
     url: `/forms`,
     data
   })
 }
 
-export const deleteForm = (http, { uid }) => {
+const deleteForm = (http, { uid }) => {
   return http.request({
     method: 'delete',
     url: `/forms/${uid}`
   })
 }
 
-export const getMessages = (http, { uid }) => {
+const getMessages = (http, { uid }) => {
   return http.request({
     method: 'get',
     url: `/forms/${uid}/messages`
   })
 }
 
-export const updateMessages = (http, { uid, data }) => {
+const updateMessages = (http, { uid, data }) => {
   return http.request({
     method: 'put',
     url: `/forms/${uid}/messages`,

src/images.js

@@ -1,8 +1,8 @@
-export const images = http => ({
+export default http => ({
   list: () => getImages(http),
   get: args => getImage(http, args),
   add: args => addImage(http, args),
-  remove: args => removeImage(http, args)
+  delete: args => deleteImage(http, args)
 })
 export const getImages = http => {
   return http.request({

src/responses.js

@@ -1,4 +1,4 @@
-export const responses = http => ({
+export default http => ({
   list: args => getResponses(http, args)
 })
 

src/teams.js

@@ -1,15 +1,15 @@
 import { isMemberPropValid, createMemberPatchQuery } from './utils'
 
-export const teams = http => {
+export default http => {
   return {
-    get(http) {
+    get: () => {
       return getTeam(http)
     },
-    addMembers(http, args) {
+    addMembers: args => {
       return addMembers(http, args)
     },
-    removeMembers(http, args) {
-      return addMembers(http, args)
+    removeMembers: args => {
+      return removeMembers(http, args)
     }
   }
 }

src/themes.js

@@ -1,6 +1,6 @@
 import { FONTS_AVAILABLE } from './constants'
 
-export const themes = http => ({
+export default http => ({
   list: args => getThemes(http, args),
   get: args => getTheme(http, args),
   create: args => createTheme(http, args),

src/typeform.js

@@ -1,11 +1,11 @@
 import { clientConstructor } from './create-client'
-import { forms } from './forms'
-import { images } from './images'
-import { teams } from './teams'
-import { themes } from './themes'
-import { workspaces } from './workspaces'
-import { responses } from './responses'
-import { webhooks } from './webhooks'
+import forms from './forms'
+import images from './images'
+import teams from './teams'
+import themes from './themes'
+import workspaces from './workspaces'
+import responses from './responses'
+import webhooks from './webhooks'
 
 export const createClient = (args = {}) => {
   if (args.token === undefined) {