OpenSumi × AtomGit: WebIDE and Code Hosting Collaboration – Presentation Overview

The OpenAtom Global Open Source Summit, organized by the OpenAtom Open Source Foundation, gathered resources from government, industry, academia, and research to discuss the future of open source. On the OpenSumi open‑source collaboration platform sub‑forum, Xie Junhong, OpenSumi project lead and member of Ant Group Cloud R&D, delivered a talk titled “OpenSumi × AtomGit: WebIDE and Code Hosting Collaboration”.

The presentation covered three main topics:

Project background and practice of the collaboration between OpenSumi and AtomGit.

An introduction to the core IDE framework OpenSumi.

An introduction to the upcoming lightweight IDE framework CodeBlitz, which underpins the joint solution.

Project Background

Code reading is a frequent scenario on code‑hosting platforms, but traditional tools only provide basic syntax highlighting and single‑file indexing, lacking language‑service‑driven semantic highlighting and cross‑file reference navigation. By integrating Ant Group’s internal CodeBlitz solution with AtomGit, many user‑experience problems were resolved, enabling efficient reading, IDE‑like experience, and features such as git blame, reference lookup, and offline language indexing.

The collaboration workflow involves creating an organization on AtomGit, obtaining a client‑id, exchanging an authorization code for an access token via the AtomGit OpenAPI, and then using that token to call AtomGit services. The resulting WebIDE application is now available in the open market for quick installation.

OpenSumi IDE Framework

OpenSumi is a jointly built framework by Ant Group and Alibaba for rapidly constructing local and remote IDEs. It offers modular, highly customizable capabilities, supports multiple platforms and a lite mode, and is built on the Monaco editor with a dependency‑injection system. Over 56 core modules provide extensive extensibility, and the framework can host VS Code extensions, enabling a rich plugin ecosystem.

The architecture separates the front‑end UI (module UI, plugin API, shadow‑DOM isolation) from the back‑end Node services (file system, terminal, search) that communicate via WebSocket RPC. This design allows seamless integration of web‑based IDEs with existing code‑hosting platforms.

CodeBlitz – A Lightweight IDE Framework

CodeBlitz, developed by Ant Group’s Risk‑Efficiency Cloud R&D team, is a pure‑front‑end IDE built on OpenSumi. Its key advantage is that it runs entirely in the browser without any container, offering fast startup, flexible customization, and easy integration. It addresses scenarios such as code review, conflict resolution, and online evaluation where a full container‑based IDE is unnecessary.

Technical highlights of CodeBlitz include:

Read: Supports code browsing across platforms, git blame, git graph, and LSIF‑based offline language indexing.

Write: Provides HTML/CSS/JS/Markdown language services and seven browser‑based file storage options via BrowserFS.

Run: Enables front‑end code execution using Skypack and Python execution via Pyodide.

Commit: Offers web‑based SCM features such as branch switching, creation, and code commits.

CodeBlitz is already deployed on an Ant Mini‑Program cloud site (https://codeblitz.cloud.alipay.com/) and can be combined with Monaco Editor for richer editing experiences.

The talk concluded with an invitation to explore OpenSumi on GitHub (https://github.com/opensumi) and the official website (https://opensumi.com/zh), encouraging developers to join the open‑source community.