Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Type Safe "Everything"

5c97d6b5611feeebc345c3e4742a05a8?s=47 andoshin11
March 04, 2020
Technology
0
140

Type Safe "Everything"

5c97d6b5611feeebc345c3e4742a05a8?s=128

andoshin11

March 04, 2020
Tweet

More Decks by andoshin11

See All by andoshin11
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
0
180
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
0
370
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
2
240
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
0
760
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
8
1.1k
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
0
1.3k
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
0
46
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
14
6.9k
5c97d6b5611feeebc345c3e4742a05a8?s=48 andoshin11
3
5.3k

Other Decks in Technology

See All in Technology
Fb69af32a1d6d3ea3bc002b7718a7166?s=48 tomotaka_yamasaki
1
890
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
2
360
Fb025419ed38f98df595eb2eafc859f4?s=48 ihcomega56
2
1.2k
4e7f712e4bba241f579d3dc0eaf130d4?s=48 mito201
0
420
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
1
310
Ea29e2b19d11b48f867ae71d6a6de5df?s=48 opelab
5
630
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
5
3.1k
3e8f61263f14a620f21d5f3f89c4b846?s=48 gamella
1
1.3k
D8e3492ad16d2087b7cb8b2f6c4d3eb9?s=48 iseki
1
170
93aef1d166a8a3536538eff713f80307?s=48 flant
0
3.7k
5c4f5cafb8aa4f6258e5112412b3ab15?s=48 chisaki0120
0
130
97b3cca999b52cb5296675ac0a5c12cd?s=48 emiki
2
230

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
13
920
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.7k
11c84dff30266b907714802088852677?s=48 jasonvnalue
87
8.3k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
24
4.8k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
61
6.6k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
225
48k
245cee81a9c424266e5e401d844ea881?s=48 lara
595
61k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
85
5k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
287
19k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
35
4k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
161
6.7k

Transcript

  1. Type Safe “EVERYTHING” @andoshin11
 4. 3. 2020
 #tsc_api_study


  2. Who am I ? Shin Ando (a.k.a Andy) @andoshin11 -

    Freelance Full-Stack Developer - TypeScript / Vue.js / React / Go / Ruby / Flutter / Terraform / etc… - ❤ Code Generation!

  3. • Powerful editor completion • Easy to analyze code base

    using AST • Type-level programming • Overall durability • Maintainable • Scalable • F**king AWESOME!! We all love TypeScript, eh? ❤

  4. However...

  5. Not everyone speaks TypeScript (just yet...)

  6. Not everyone speaks TypeScript (just yet...) • Other programming languages

    (Go, Ruby, Python, Java, etc...) • Query based languages (a.k.a Database) • Statically defined specs (YAML, CSV, Markdown, Excel) • etc...

  7. Not everyone speaks TypeScript (just yet...) • Other programming languages

    (Go, Ruby, Python, Java, etc...) • Query based languages (a.k.a Database) • Statically defined specs (YAML, CSV, Markdown, Excel) • etc...

  8. Solution (we need)

  9. Basic aproach Parser Transformer TS Compiler 1. Parse input and

    tokenize into JSON 2. Transform tokens to TypeScript AST 3. Validate AST and emit useful code Outcome
  10. None

  11. Working Projects

  12. ① Typing Database Schema (db-recon) • db-recon ( https://github.com/andoshin11/db-recon )

    • Generates type-safe db client for Node.js application • Supports MySQL and MSSQL currently

  13. ① Typing Database Schema (db-recon)

  14. ① Typing Database Schema (db-recon)

  15. ① Typing Database Schema (db-recon)

  16. ① Typing Database Schema (db-recon) TODO: • Create SQL-to-AST parser

    • Get semantic diagnostics for raw SQL literal string ( ts-sql-plugin requires DSL ) • Rewrite ejs templates with TS Compiler API

  17. ② Typing API Request/Response (squelette) • squelette ( https://github.com/andoshin11/squelette )

    • Generates type definitions for API request/response from Open API spec • Toolchain to build your own type-safe API client

  18. ② Typing API Request/Response (squelette)

  19. ② Typing API Request/Response (squelette)

  20. ② Typing API Request/Response (squelette)

  21. ② Typing API Request/Response (squelette)

  22. ② Typing API Request/Response (squelette) TODO: • Rewrite remaining ejs

    templates with TS Compiler API • Improve parser and AST format

  23. Latest addition

  24. Improving DX for express.js

  25. Remaining Pains...

  26. Remaining Pains... need manual mapping need to define types may

    contain typo

  27. Leads to fatal error in future...

  28. What if...

  29. All handlers are typed like a magic ‍♂

  30. None

  31. Introducing...

  32. typed-oax

  33. Generate express.d.ts from Open API

  34. Generate express.d.ts from Open API

  35. Generate express.d.ts from Open API

  36. DEMO

  37. typed-oax TODO: • Separate handler types by HTTP Method •

    Wrap with TS Plugin?