jadjoubran

git clone git@github.com:jadjoubran/workbox-tutorial.git
cd workbox-tutorial
npm install

jadjoubran

class API{
    constructur(){
        //you could do advanced logic to determine the baseUrl
        //based on the environment. Or you could simply pass it
        //as an argument
        this.baseUrl = 'http://laravel.dev/';//keep the slash at the end
    }

    fetch(url, options){
        return fetch(`${this.baseUrl}${url}`, options);

jadjoubran

async function run(){
  
    //other application logic here

    const fetchPolyfill = 'https://rawgit.com/github/fetch/master/fetch.js';

    const fetchReady = await promyfill('fetch' in window, fetchPolyfill);
  
    fetch('users.json');
   

jadjoubran

const fetchPolyfill = 'https://rawgit.com/github/fetch/master/fetch.js';

const fetchReady = promyfill('fetch' in window, fetchPolyfill);

fetchReady.then(() => {
    fetch('users.json');
});

//other application logic

jadjoubran

const fetchPolyfill = 'https://rawgit.com/github/fetch/master/fetch.js';

promyfill('fetch' in window, fetchPolyfill).then((fetch) => {
    //fetch is available (polyfill is fetched only if needed)
    fetch('users.json');
});

jadjoubran

const fetchPolyfill = 'https://rawgit.com/github/fetch/master/fetch.js';

promyfill('fetch' in window, fetchPolyfill).then(() => {
    //fetch is available (polyfill is fetched only if needed)
    fetch('users.json');
});

jadjoubran

app.config(['$compileProvider', function ($compileProvider) {  
  $compileProvider.debugInfoEnabled(false);
}]);

jadjoubran

API.all('products').post({title, price}).then( (response) => {
  var user = response.data.user;
}, (response) => {
    //response.status
    //response.data
});

jadjoubran

API.all('products').post({title, price}).then( (response) => {
  var user = response.data.user;
});

jadjoubran

export class APIService {
  constructor(Restangular, ToastService) {
    'ngInject';

    var headers = {
      'Content-Type': 'application/json',
      'Accept': 'application/x.laravel.v1+json'
    };

    return Restangular.withConfig(function(RestangularConfigurer) {