-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f40ba22
commit b1d976c
Showing
1 changed file
with
58 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
[![Build Status](https://travis-ci.org/bitrinjani/castable.svg?branch=master?i=2)](https://travis-ci.org/bitrinjani/castable) [![Coverage Status](https://coveralls.io/repos/github/bitrinjani/castable/badge.svg?branch=master&i=2)](https://coveralls.io/github/bitrinjani/castable?branch=master) [![npm version](https://badge.fury.io/js/%40bitr%2Fcastable.svg)](https://badge.fury.io/js/%40bitr%2Fcastable) | ||
|
||
# Castable TypeScript Library | ||
Castable sanitizes dirty external data by casting all properties at run time to the types specified at compile time. | ||
|
||
# Why do you need this library? | ||
A lot of web services return numbers **with double-quotes**. If you convert them by JSON.stringify, the double-quoted numbers will be string type!! | ||
|
||
```JavaScript | ||
const serverResponse = `{ | ||
"name": "Milk", | ||
"price": "200", | ||
"tax": "10", | ||
}`; | ||
const product = JSON.parse(serverResponse); | ||
const sum = product.price + product.tax; | ||
console.log(`sum: ${sum}`); // "200" + "10" = "20010"⛔️ | ||
``` | ||
|
||
TypeScript type annotation can help it? No, TypeScript cannot check such run-time type mismatch. You will get the exactly same result even type annotation is perfect. | ||
|
||
That's why I've made this library. Castable can convert those types at run time. All fields will be converted to the annotated types. | ||
|
||
```TypeScript | ||
import { cast, Castable } from 'castable'; | ||
|
||
class Product extends Castable { | ||
@cast name: string; | ||
@cast price: number; | ||
@cast tax: number; | ||
} | ||
|
||
const serverResponse = `{"name": "Milk", "price": "200", "tax": "10"}`; | ||
const product = new Product(JSON.parse(serverResponse)); | ||
const sum = product.price + product.tax; | ||
console.log(`sum: ${sum}`); // 200 + 10 = 210👍 | ||
``` | ||
|
||
This library also can convert: | ||
- Nested type | ||
- Array<T> | ||
- Multi-dementional Array<T> | ||
|
||
# Install | ||
|
||
```bash | ||
npm install @bitr/castable | ||
``` | ||
|
||
# Usage | ||
1. Extend Castable | ||
2. Add `@cast` decorator to primitive type field (string, number, boolean) | ||
3. Add `@cast(Date)` decorator to Date type field | ||
4. Add `@cast @element(T)` to Array<T> type field | ||
4. Add `@cast` decorator to nested type | ||
5. Do same to all nested types | ||
|
||
|