diff options
Diffstat (limited to 'src/services/api/api.service.js')
| -rw-r--r-- | src/services/api/api.service.js | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js new file mode 100644 index 00000000..3eb8c62a --- /dev/null +++ b/src/services/api/api.service.js @@ -0,0 +1,101 @@ +const LOGIN_URL='/api/account/verify_credentials.json'; +const FRIENDS_TIMELINE_URL='/api/statuses/friends_timeline.json'; +const PUBLIC_TIMELINE_URL='/api/statuses/public_timeline.json'; +const PUBLIC_AND_EXTERNAL_TIMELINE_URL='/api/statuses/public_and_external_timeline.json'; +const CONVERSATION_URL = '/api/statusnet/conversation/'; +const STATUS_UPDATE_URL = '/api/statuses/update.json'; +const MEDIA_UPLOAD_URL = '/api/statusnet/media/upload'; +const FAVORITE_URL = '/api/favorites/create'; +const UNFAVORITE_URL = '/api/favorites/destroy'; + +const FORM_CONTENT_TYPE = {'Content-Type': 'application/x-www-form-urlencoded'}; + +import { param, ajax } from 'jquery'; +import { merge } from 'lodash'; + +// TODO: This should probably be in redux. +let authHeaders = {}; + +const apiServiceFactory = ($http) => { + // Public + const fetchConversation = (id) => { + return $http.get(`${CONVERSATION_URL}/${id}.json?count=100`); + }; + + const fetchTimeline = ({timeline, since = false, until = false}) => { + const timelineUrls = { + public: PUBLIC_TIMELINE_URL, + friends: FRIENDS_TIMELINE_URL, + 'public-and-external': PUBLIC_AND_EXTERNAL_TIMELINE_URL + }; + + let url = timelineUrls[timeline]; + + if(since) { + url += `?since_id=${since}`; + } + + if(until) { + url += `?max_id=${until}`; + } + + return fetch(url, { headers: authHeaders }).then((data) => data.json()); + }; + + // Need credentials + const verifyCredentials = (user) => { + const base64 = btoa(`${user.username}:${user.password}`); + authHeaders = { "Authorization": `Basic ${base64}` }; + return $http.post(LOGIN_URL, null, { headers: authHeaders }); + }; + + const postStatus = ({status, mediaIds, in_reply_to_status_id}) => { + const idsText = mediaIds.join(','); + const form = new FormData(); + + form.append('status', status); + form.append('source', 'The Wired FE'); + form.append('media_ids', idsText); + if(in_reply_to_status_id) { + form.append('in_reply_to_status_id', in_reply_to_status_id); + }; + + return fetch(STATUS_UPDATE_URL, { + body: form, + method: 'POST', + headers: authHeaders + }); + }; + + const favorite = (id) => $http.post(`${FAVORITE_URL}/${id}.json`, null, {headers: authHeaders}); + const unfavorite = (id) => $http.post(`${UNFAVORITE_URL}/${id}.json`, null, {headers: authHeaders}); + + // This was impossible to get to work with $http. You're supposed to set Content-Type + // undefined in the header so it sends the correct header. It would always send a json + // content type. This method from jQuery worked right away... + // Also, this method is only available as XML output. OLOLOLOLO + const uploadMedia = (formData) => ajax({ + url: MEDIA_UPLOAD_URL, + data: formData, + type: 'POST', + processData: false, + contentType: false, + headers: authHeaders + }); + + const apiService = { + verifyCredentials, + fetchConversation, + postStatus, + uploadMedia, + favorite, + unfavorite, + fetchTimeline + }; + + return apiService; +}; + +apiServiceFactory.$inject = ['$http']; + +export default apiServiceFactory; |
