ide

بسم الله الرحمن الرحيم

In the name of Allah, the Compassionate, the Merciful

@modelscript/ide

Browser-based VS Code IDE for Modelica development. Hosts VS Code Web with the ModelScript extension and a GitHub FileSystemProvider for loading repositories directly from GitHub.

Features

• VS Code Web — full VS Code editor experience in the browser
• ModelScript Extension — syntax highlighting, completions, diagnostics, formatting, and diagram view
• GitHub Integration — open any GitHub repository with github.com/owner/repo URLs
• Project Templates — quick-start templates (Blank Project, Bouncing Ball, RLC Circuit, Script, Notebook)
• In-Memory Filesystem — create and edit Modelica files without a backend

Scripts

Command	Description
npm run build	Download VS Code, build extensions + server
npm run build-static	Build a fully static deployment
npm run dev	Start development server (port 3003)
npm run lint	Run ESLint on src/

Running

npm run dev

The IDE starts on http://localhost:3003. From the landing page you can:

• Enter a GitHub repository URL to open it in the editor
• Click a project template to start a new in-memory project

Docker

docker compose up ide

Exposes port 3003.

Architecture

The IDE consists of:

• Express server (src/server.ts) — serves VS Code Web assets, proxies GitHub API requests, and handles workbench routing
• GitHub FS extension (github-fs/) — VS Code extension providing a read-only GitHub filesystem
• Static build (src/build-static.ts) — generates a fully static site for GitHub Pages deployment at ide.modelscript.org