102 lines
3 KiB
JavaScript
102 lines
3 KiB
JavaScript
|
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;
|