API declaration with and without Apicase

1.noapicase.js

import axios from './axios-custom'

export const foo = () => axios.get('/foo/bar/')

export const products = {
  
  get: id => 
    axios.get(`/products/${id}`),
  
  save: (data, id = null) => 
    axios.post(`/products{id ? `/${id}` : ''}`, data),
  
  delete: id => 
    axios.delete(`/products/${id}`)
  
}

// How to bring it into readable form??
export const uploadFile = data => axios.post('/files/upload/', 
  data, { 
    headers: { 'Content-Type': 'multipart/form-data' } 
  }
)

// someAsyncFunction - any function that will return Promise
export const customCallback = someAsyncFunction
/* etc */

2.apicase.js

import { Container } from 'apicase'

export default new Container({
  services: {
    foo: { method: 'GET', url: '/foo/bar' },
    // Path stacking temporarily is not supported
    // But will be in the next version
    products: {
      children: {
         get: { method: 'GET', url: '/products/:id' },
         save: { method: 'POST', url: '/products/:id?' },
         delete: { method: 'DELETE', url: '/products/:id' }
      }
    },
    uploadFile: { 
      method: 'POST', 
      url: '/files/upload', 
      headers: { 'Content-Type': 'multipart/form-data' } 
    },
    customCallback: {
      callback: someAsyncFunction
    }
    /* etc */
  }
})