This package provides a convenient way to decode JSON retrieved from your API or similar, and turning it into a TypeScript class instance.
Each class is self-encoding, which means that it knows how to encode itself. As such, each class should extend the Entity
class in order to work, as it deals with the heavy lifting. Alternatively, your class may implement its own fromJson
method.
yarn add @jobilla/entity
The basic usage is very straightforward: make your class extend Entity
, and use the EntityBuilder
to hydrate instances of it:
import { Entity, EntityBuilder } from '@jobilla/entity';
class User extends Entity {
// We instantiate with null to ensure the property exists
// at the time of hydration.
public name: string = null;
public email: string = null;
}
fetch('https://api.service.com/v1/users/1')
.then(response => response.Body.json())
.then(jsonData => EntityBuilder.buildOne<User>(User, jsonData));
You can also build an array of entities:
fetch('https://api.service.com/v1/users')
.then(response => response.Body.json())
.then(jsonData => EntityBuilder.buildMany<User>(User, jsonData));
If your endpoint returns a nested object, such as:
{
"name": "Decahedron Technologies Ltd.",
"email": "[email protected]",
"address": {
"street": "20-22 Wenlock Road",
"city": "London",
"zip": "N1 7GU",
"country": "United Kingdom"
}
}
The JSON decoding process will ignore the nested object (address
). This also applies to arrays of objects (but not to arrays of primitives, which are automatically decoded).
There are two ways to solve this. The first one is to simply override the fromJson
method (in fact, this is why we expose the method on the Entity
, to make it easy to override decoding functionality):
import { Entity, EntityBuilder } from '@jobilla/entity';
class User extends Entity {
public name: string = null;
public email: string = null;
public address: Address = null;
public fromJson(jsonData: any): User {
super.fromJson(jsonData);
if (jsonData.hasOwnProperty('address')) {
this.address = EntityBuilder.buildOne<Address>(Address, jsonData['address']);
}
return this;
}
}
However, this is quite verbose. Instead, an @Type
decorator is provided for nested decoding:
class User extends Entity {
public name: string = null;
public email: string = null;
@Type(Address)
public address: Address = null;
}
If your JSON data comes in with another key, you may specify that manually with:
@Type(Address, 'json_key')
Note that by default, the @Type
decorator will assume your JSON comes in snake case. As such,
@Type(Address)
public homeAddress: Address = null;
will assume that the json holds the key home_address
. If that is not the case, it should be manually specified as the second argument to @Type
.
If your entity has a nested object that is not represented by another entity, you can also use @Type(Object)
to annotate that the object should simply be stored as is.
Entity objects can also be encoded back to a plain JavaScript Object, or as a JSON string. You can call toJson()
on any entity to convert it to a plain JS object.
The method defaults to converting your properties to snake case. To prevent this, you can pass false
as the first argument to toJson()
. The method also accepts a second boolean argument that lets you specify if the output should instead be as a JSON string. toJson(true, true)
is identical to JSON.stringify(toJson(true))
.
Run the tests using the following commands:
$ make test