JS client to consume the API in a vue app

[mahmoudawadeen]

I'm facing issues finding a JS client that can consume the API without modifying how Restify structures the responses, especially the relations.

Most of the clients out there expect a bit different structure that what Restify is giving out of the box:
Restify

{
  "data": {
    "id": "91c2bdd0-bf6f-4717-b1c4-a6131843ba56",
    "type": "posts",
    "attributes": {
      "title": "Culpa qui accusamus eaque sint.",
      "description": "Id illo et quidem nobis reiciendis molestiae."
    },
    "relationships": {
      "owner": {
        "id": "3",
        "type": "users",
        "attributes": {
          "name": "Laborum vel esse dolorem amet consequatur.",
          "email": "[email protected]"
        },
        "meta": {
          "authorizedToShow": true,
          "authorizedToStore": true,
          "authorizedToUpdate": false,
          "authorizedToDelete": false
        }
      }
    },
    "meta": {
      "authorizedToShow": true,
      "authorizedToStore": true,
      "authorizedToUpdate": true,
      "authorizedToDelete": true
    }
  }
}

Expected

{
   "data":{
      "id":"91c2bdd0-bf6f-4717-b1c4-a6131843ba56",
      "type":"posts",
      "attributes":{
         "title":"Culpa qui accusamus eaque sint.",
         "description":"Id illo et quidem nobis reiciendis molestiae."
      },
      "relationships":{
         "owner":{
            "data":{
               "id":"3",
               "type":"users"
            }
         }
      },
      "meta":{
         "authorizedToShow":true,
         "authorizedToStore":true,
         "authorizedToUpdate":true,
         "authorizedToDelete":true
      },
      "included":[
         {
            "type":"users",
            "id":"3",
            "attributes":{
               "name":"Laborum vel esse dolorem amet consequatur.",
               "email":"[email protected]"
            },
            "links":{
               "self":"http://example.com/users/1"
            },
            "meta":{
               "authorizedToShow":true,
               "authorizedToStore":true,
               "authorizedToUpdate":true,
               "authorizedToDelete":true
            }
         }
      ]
   }
}

1. Missing data key under relationships (data.relationships.owner vs. data.relationships.owner.data)
2. Missing included key

Please let me know if I'm missing something 🤔

[mahmoudawadeen]

For whoever faces the same issue, an alternative would be https://github.com/laravel-json-api/laravel.

[maicol07]

@mahmoudawadeen I'm currently working on a Restify PR to adapt it to JSONAPI specs, you can find it here: #582
If you want to test it, you can leave some feedback on the PR!