quramy / ts-server-side-anatomy

Explain what TypeScript server(tsserver) does under your editors

TypeScript Server Side Anatomy

I've created this repo to explain what TypeScript server(tsserver) does under your editor.

• How editor/IDEs communicate with tsserver
• File structure(Script Version Cache) in language service host
• How TS's incremental parser works
• etc...

This repository, created for tsjp meetup #1, includes the following:

• Presentation slides
• Web editor application using TS language service
• Test script to measure TS's incremental parser performance

Presentation slides

https://quramy.github.io/ts-server-side-anatomy

Web editor application using TS language service

See ls-web-local dir.

And you can check live demonstration out here.

Figures

See Figma.