A browser-based IDE with esbuild integration and JSX/TypeScript support
Hey HN, I built a custom IDE in the browser as part of the Open Data Capture platform. It is based on the Monaco editor, which also powers VS Code. Unfortunately, there are very few examples online showing how to use Monaco with more advanced features (e.g., TypeScript/JSX support, Prettier integration, multiple files), so I figure this could be helpful for some folks out there. I built this to allow semi-technical users to design instruments (e.g., forms and interactive tasks) for our data capture platform. It includes a custom build toolchain, based on the esbuild-wasm build, that…
What it does
In the maker’s words, at launch
Hey HN, I built a custom IDE in the browser as part of the Open Data Capture platform. It is based on the Monaco editor, which also powers VS Code. Unfortunately, there are very few examples online showing how to use Monaco with more advanced features (e.g., TypeScript/JSX support, Prettier integration, multiple files), so I figure this could be helpful for some folks out there. I built this to allow semi-technical users to design instruments (e.g., forms and interactive tasks) for our data capture platform. It includes a custom build toolchain, based on the esbuild-wasm build, that transpiles the source files to the format expected by our system. It supports TypeScript, JSX, CSS, HTML, and images. The idea is to abstract the build process and tooling into the browser so that users can get started building instruments as soon as possible. In terms of next steps, I have a colleague who is just learning React/TypeScript and wants to try implementing VIM mode so that could be coming soon! The source code is in our monorepo (in apps/playground), but it is Apache-licensed so feel free to rip it out and use it for whatever you want! https://github.com/DouglasNeuroInformatics/OpenDataCapture Would love to hear everybody’s thoughts!
Does the same job
all alternatives →
- NONous – Open-Source Agent Framework with Autonomous, SWE Agents, WebUI2024 · github.com · ▲155
Hello HN! The day has finally come to stop adding features and start sharing what I've been building the last 5-6 months. It's a bit of CrewAI, OpenDevon, LangFuse/Cloud all in one, providing devs who prefer TypeScript an integrated framework thats provides a lot out of the box to start experimenting and building agents with. It started after peeking at the LangChain docs a few times and never liking the example code. I began experimenting with automating a simple Jira request from the engineering team to add an index to one of our Google Spanner databases (for context I'm the…
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 1d ago · opentrailpaper.com
Launched alongside, August 2024
the whole month →
- IY
Life & fun · 2024 · ytch.xyz
- IA
Hey there HN! We’re Joe and Stopa, and today we’re open sourcing InstantDB, a client-side database that makes it easy to build real-time and collaborative apps like Notion and Figma. Building modern apps these days involves a lot of schleps. For a basic CRUD app you need to spin up servers, wire up endpoints, integrate auth, add permissions, and then marshal data from the backend to the frontend and back again. If you want to deliver a buttery smooth user experience, you’ll need to add optimistic updates and rollbacks. We do these steps over and over for every feature we build, which can…
Dev tools · 2024 · github.com