chaining endpoint caller.js

// Expected output:
// 
// const oa = createBuilder('/oa')
// oa() /oa
// oa.meetingroom() /oa/meetingroom
// oa.meetingroom.add() /oa/meetingroom/add
//
// Yep it's a endpoint builder and can evolve to be a api caller


function createEndpointBuilder(base) {
  const parent = function () {
    return base
  }
  
  return new Proxy(parent, {
    get: function(target, prop, receiver) {
      // TODO memorize
      return createEndpointBuilder(base + '/' + prop);
    }
  })
}

const oa = createEndpointBuilder('/oa')

console.log(oa())
console.log(oa.meetingroom())
console.log(oa.meetingroom.add())

function createEndpointCaller(baseUrl) {
  function callEndpoint(data) {
    console.log('Endpoint ' + baseUrl + ' is called with data ' + JSON.stringify(data))
  }
  
  return new Proxy(callEndpoint, {
    get: function(target, prop, receiver) {
      return createEndpointCaller(baseUrl + '/' + prop);
    }
  })
}



const api = {
  oa: createEndpointCaller('/oa')
}

api.oa({ message: 'some message' })
api.oa.meetingroom({ message: 'some message' })
api.oa.meetingroom.add({ message: 'some message' })