Hoppscotch API Live-Sync
A Deep Dive into Hoppscotch’s Project Structure and the Path to Real-Time API Synchronization
Aug 1, 20254 min read92
Command Palette
Search for a command to run...
Series
Hoppscotch API Live-Sync
In this series, I'll explore Hoppscotch's codebase and then incrementally add API Live-Sync to it, a feature close to Swagger UI's live update whenever you make code changes to your API.
API Live Sync #2: Live Source Data Structures and Types
In this second post, I’ll delve into creating the structures and foundations that we can build upon later to fully implement live-sync. You can find the repository here. The Mission: Eliminating Manual API Documentation Just so we don’t lose sight o...
Aug 13, 20257 min read48
API Live Sync #3: Live Sync Service
Part 3: Implementing the Core Service Layer. You can find the repository here. In our previous articles, we covered the architecture and data structures for live API synchronization. Now it's time to roll up our sleeves and build the actual engine t...
Aug 14, 20259 min read21
API Live Sync #4: OpenAI Fetcher
Part 4: Building the OpenAPI Retrieval System. You can find the repository here. In our previous articles, we laid the foundation with architecture, data structures, and the core service layer. Now it's time to tackle one of the most challenging par...
Aug 16, 20259 min read30
API Live Sync #5: File Watching
How we built a robust file watching system and extended Hoppscotch's collections store to support code-first API development. You can find the repository here. In this post, I'll walk you through how we built two critical foundation pieces: a file w...
Aug 18, 20258 min read69
API Live Sync #6: Sync Engine
How we built the sync engine and intuitive UI that makes the API live sync come together Previously in Our Live Sync ... In our previous posts, we laid the groundwork for live API synchronization by building file watching and collections, and establ...
Aug 24, 202514 min read32