Building a better online editor for TypeScript
blog.val.town
Building a better online editor for TypeScript
1–10 of 13 posts
Re: Building a better online editor for TypeScript
#2Why not Monaco? It works great.
Re: Building a better online editor for TypeScript
#3I'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.
Re: Building a better online editor for TypeScript
#4Why not Monaco? It works great. https://github.com/microsoft/monaco-editor
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].
Re: Building a better online editor for TypeScript
#5Shoots themselves nicely in the foot for scaling and profitability to have to centralize all the work for everyone forever
Re: Building a better online editor for TypeScript
#6I 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.)
Re: Building a better online editor for TypeScript
#7Why not Monaco? It works great. https://github.com/microsoft/monaco-editor
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.
Re: Building a better online editor for TypeScript
#8Why not Monaco? It works great. https://github.com/microsoft/monaco-editor
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
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?
Re: Building a better online editor for TypeScript
#9Earlier quoted context omitted.
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
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?
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.
Re: Building a better online editor for TypeScript
#10Why not Monaco? It works great. https://github.com/microsoft/monaco-editor
CodeMirror 6 is more modern with better accessibility and variable width fonts.