mobservable-api/src/lib/rest-api-store-adapter.js

Mobeservable API provides an easy interface to perform CRUD operations against APIs, localstorage, etc..

import StoreAdapter from './store-adapter';

class RestApiStoreAdapter extends StoreAdapter {
    constructor(url, nounSingular) {
        super();
        this.url = url;
        this.nounSingular = nounSingular;
    }
    
    setupAdapter(noun, store) {
        super.setupAdapter(noun, store);
        this.readAll();
    }

    create(item) {
        const requestStartTime = (new Date()).getTime();
        this.post(requestStartTime, item);
    }
    
    update(item) {
        this.put(item);
    }
    
    read(id) {
        console.log('WARNING: Read operation of RestApiStoreAdapter not implemented');
    }
    
    readAll() {
        const requestStartTime = (new Date()).getTime();
        this.get(requestStartTime);
    }
    
    post(requestStartTime, item) {
        this.requestWithPayload(requestStartTime, item, 'post');    
    }
    
    requestWithPayload(requestStartTime, item, method) {
        var headers = new Headers({'Content-type': 'application/json'});

        var endpoint = '';
        const self = this;
        
        if(method == 'post') {
            endpoint = this.url + '/' + this.noun;
        } else {
            endpoint = this.url + '/' + this.noun + '/' + item.id;
        }
        
        var payload = {};
        payload[this.nounSingular] = item;

        fetch(endpoint,
        {
            mode: 'cors', 
            method: method,
            headers: headers,
            body: JSON.stringify(payload)
        })
        .then(response => {
            self.readAll();            
        })
        .catch((error) => {
            debugger;
            
            if(self.store[this.noun].lastRequest != null && requestStartTime < self.store[this.noun].lastRequest) {
                console.log('STALE ERROR RESPONSE', 'this response is older than another response! ', requestStartTime, self.store[this.noun].lastRequest);
                return;
            }
            
            // do something else
        });
    }
    
    put(item) {
        const requestStartTime = (new Date()).getTime();
        this.requestWithPayload(requestStartTime, item, 'put');
    }
    
    deleteItem(requestStartTime, id) {
        const self = this;
        
        fetch(this.url + '/' + this.noun + '/' + id,
        {
            method: 'DELETE', 
            headers: { 
                'Content-type': 'application/json',
                'Accept': 'application/json'
            }
        })
        .then(response => {
            self.readAll();
        })
        .catch((error) => {
            debugger;
            
            if(self.store[this.noun].lastRequest != null && requestStartTime < self.store[this.noun].lastRequest) {
                console.log('STALE ERROR RESPONSE', 'this response is older than another response! ', requestStartTime, self.store[this.noun].lastRequest);
                return;
            }
        });
    }
    
    get(requestStartTime) {
        const self = this;
        fetch(this.url + '/' + this.noun + '.json')
            .then(response => response.json())
            .then(json => {
                if(self.store[this.noun].lastRequest != null && requestStartTime < self.store[this.noun].lastRequest) {
                    console.log('STALE SUCCESS RESPONSE', 'this response is older than another response! ', requestStartTime, self.store[this.noun].lastRequest);
                    return;
                } 
        
                if(json.error != null || json.error != undefined) {
                    throw new Error('Not Found');
                }
                
                self.store[this.noun].data = json[this.noun];
                self.store[this.noun].errors = [];
                self.store[this.noun].isFetching = false;
                self.store[this.noun].lastRequest = requestStartTime;
            })
            .catch((error) => {
                debugger;
                
                if(self.store[this.noun].lastRequest != null && requestStartTime < self.store[this.noun].lastRequest) {
                    console.log('STALE ERROR RESPONSE', 'this response is older than another response! ', requestStartTime, self.store[this.noun].lastRequest);
                    return;
                }
                
                self.store[this.noun].data = [];
                self.store[this.noun].errors = [error];
                self.store[this.noun].isFetching = false;
                self.store[this.noun].lastRequest = null;
            });  
    }
    
    delete(id) {
        const requestStartTime = (new Date()).getTime();
        this.deleteItem(requestStartTime, id);
    }
}

export default RestApiStoreAdapter;