Kelin2025

const ApiRoot = ApiRoot.extend({
  url: '/api',
  hooks: {
    /* Inject our token and go to the next step */
    before ({ payload, next }) {
      const token = localStorage.getItem('token')
      next(withToken(token, payload))
    }
  }
})

Kelin2025

import { ApiService } from '@apicase/core'
import fetch from '@apicase/adapter-fetch'
import R from 'ramda'

/* I pretend I know Ramda */
const withToken = R.assoc(['headers', 'token'])

const ApiRoot = new ApiService(fetch, { url: '/api' })
  .on('error', logError)

Kelin2025

import { ApiService } from '@apicase/core'
import fetch from '@apicase/adapter-fetch'

/* Api root with global logger and API base */
const ApiRoot = new ApiService(fetch, { url: '/api' })
  .on('error', logError)

/* Inherit options and event listeners from ApiRoot */
const CreatePost = ApiRoot.extend({
  url: 'posts',

Kelin2025

import { ApiService } from '@apicase/core'
import fetch from '@apicase/adapter-fetch'

/* Create a service */
const EditPost = new ApiService(fetch, {
  url: '/api/posts/:id',
  method: 'POST',
  headers: { token: localStorage.getItem('token') }
})

Kelin2025

doRequest({
  url: '/api/posts/:id',
  method: 'POST',
  params: { id: 1 },
  headers: { token: localStorage.getItem('token') },
  body: { title: 'Hello, Apicase!' }
})

Kelin2025

const { success, result } = await doRequest({ url: '/api/posts' })

Kelin2025

doRequest({ url: '/api/posts' })
  .on('done',     res => console.log('Success'))
  .on('fail',     res => console.log('Failed but it is OK'))
  .on('error',    err => console.log('JS Error', err))
  .on('cancel',   (_) => console.log('Request was cancelled'))
  .on('progress', (p) => console.log('XHR progress', p.loaded / p.total))

Kelin2025

doRequest({ url: '/api/posts' })
  .on('done', res => console.log(res))
  .on('fail', res => console.warn(res))

Kelin2025

import { apicase } from '@apicase/core'
import fetch from '@apicase/adapter-fetch'

const doRequest = apicase(fetch)

Kelin2025

const asyncPipe = (...fns) => arg => {
  const res = fns[0](arg)
  const slice = fns.slice(1)
  const next = slice.length ? asyncPipe(...slice) : identity
  const isPromise = typeof res === 'object' && 'then' in res
  return isPromise ? res.then(next) : next(res)
}

const add = a => b => a + b