Building a better online editor for TypeScript

https://blog.val.town/vtlsp

61•fbuilesv•4mo ago

Comments

rafram•4mo ago

Why not Monaco? It works great.

https://github.com/microsoft/monaco-editor

jsejcksn•4mo ago

The title doesn't make it clear that it's actually about TypeScript plus Deno-specific syntax — and Deno's LSP doesn't run in a worker [1].

[1]: https://github.com/denoland/vscode_deno/issues/515

gvkhna•4mo ago

yet

They could have also contributed to the effort. You can also add types to monaco typescript. I don’t see a need for a Deno specific LSP, am I missing something?

WorldMaker•4mo ago

The biggest deal difference between the Deno LSP and Typescript sort-of-LSP in my experience is around the import model. Typescript has a bunch of "module resolution" modes based on various combinations of browser, bundler, and/or Node. For various reasons the Deno LSP is the only encoding of the Deno "module resolution' and upstream Typescript doesn't have a "denoX" set of "module resolution" options.

The second biggest deal is that the Deno LSP also includes a full linter, versus for the full experience the Typescript not-quite-LSP is often paired with the ESLint VS Code extension and a large eslint install.

Deno's LSP is also sometimes preferred for being a single Rust binary that runs quicker than Typescript's not-quite-LSP (plus or minus ESLint's non-LSP). It may be interesting to see how Golang Typescript's real-LSP fares in comparison in a future version.

gvkhna•4mo ago

Ah interesting, Yes i see what you’re saying regarding eslint and didn’t consider that. I’m a big of newer linters with better perf but none match the depth currently with eslint. Will keep an eye out on deno lsp!

d357r0y3r•4mo ago

I've built significant applications using Monaco, including things that tie into custom LSPs.

They really just should have used Monaco. This will be a burden to maintain and won't be a core differentiator.

whazor•4mo ago

Codemirror nowadays has first-party LSP support: https://github.com/codemirror/lsp-client

whazor•4mo ago

CodeMirror 6 is more modern with better accessibility and variable width fonts.

rafram•4mo ago

CodeMirror 6 is more modern than the editor that powers VS Code?

gdotdesign•4mo ago

I've done something similar for the Mint, and it's try page: https://mint-lang.com/sandbox/try (and all interactive snippets).

The client (CodeMirror) connects to the language server though WebSocket to offer semantic highlighting and some custom LSP actions related to compiling and serving the project.

conartist6•4mo ago

Shoots themselves nicely in the foot for scaling and profitability to have to centralize all the work for everyone forever

thecopy•4mo ago

I worked on adding a web-vscode editor in my project (MCP gateway https://mcp-boss.com). Initially i also spun up a container to provide terminal access, package installation etc. It turned out to be very resource intensive, and the cold-start-up UX sucked. This approach also comes with scaling challenges.

Leaning on CloudFlare Containers seems like a good balance though. But im wondering what the limits are, some packages are very large and require more than just Javascript (e.g node gyp).

(Personally I ended up hosting a web-only VS code served as static files. Luckily i dont need to support Deno syntax so the built-in Typescript language server worked fine.)

I Write Games in C (yes, C)

Brookhaven Lab's RHIC Concludes 25-Year Run with Final Collisions

SectorC: A C Compiler in 512 bytes

The AI boom is causing shortages everywhere else

Hoot: Scheme on WebAssembly

We have broken SHA-1 in practice

Stories from 25 Years of Software Development

OpenCiv3: Open-source, cross-platform reimagining of Civilization III

Al Lowe on model trains, funny deaths and working with Disney

The Waymo World Model

The F Word

We Mourn Our Craft

Reinforcement Learning from Human Feedback

Start all of your commands with a comma (2009)

Microsoft Account bugs locked me out of Notepad – are Thin Clients ruining PCs?

Vocal Guide – belt sing without killing yourself

U.S. Jobs Disappear at Fastest January Pace Since Great Recession

Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

Selection Rather Than Prediction

72M Points of Interest

Coding agents have replaced every framework I used

France's homegrown open source online office suite

A Fresh Look at IBM 3270 Information Display System

Unseen Footage of Atari Battlezone Arcade Cabinet Production

History and Timeline of the Proco Rat Pedal (2021)

Where did all the starships go?

Learning from context is harder than we thought

Show HN: Look Ma, No Linux: Shell, App Installer, Vi, Cc on ESP32-S3 / BreezyBox

Monty: A minimal, secure Python interpreter written in Rust for use by AI

Show HN: Kappal – CLI to Run Docker Compose YML on Kubernetes for Local Dev