Povezava jezikovnega strežnika s spletnim urejevalnikom

Pristavec Žlindra, Tim (author), Dobravec, Tomaž (mentor)

V diplomski nalogi bomo predstavili povezave spletnega urejevalnika kode z IntelliSense podporo za programske jezike Java, C in C++. Spletni urejevalnik kode je sestavljen s pomočjo knjižnice CodeMirror 5 in je z jezikovnima strežnikoma clangd ter Eclipse JDT Language Server povezan preko protokola LSP. Komunikacija med urejevalnikom kode in brskalnikom poteka preko protokola WS, vmesni strežnik pa skupaj z jezikovnima strežnikoma teče v okolju Docker. Rešitev je zasnovana tako, da jo je mogoče vgraditi v poljubni spletni urejevalnik kode na tri načine. Povezava z jezikovnima strežnikoma clangd in Eclipse JDT Language Server uporabniku omogoča samo dopolnjevanje kode, sproti prikazane diagnostike z oznakami napak in opozoril neposredno v urejevalniku itd. Tovrstne funkcionalnosti bistveno pospešijo razvoj, zmanjšajo število napak in skrajšajo čas iskanja napak v kodi, saj razvijalec povratno informacijo o pravilnosti kode prejme že med pisanjem kode. Cilj je ustvariti modularen spletni urejevalnik kode z IntelliSense podporo, ki jo lahko preprosto vključimo v ALGator spletno aplikacijo. Razviti spletni urejevalnik kode z integracijo jezikovnih strežnikov predstavlja celovito rešitev, ki spletnim urejevalnikom kode prinaša funkcionalnosti, primerljive z razvojnim okoljem, kot je Visual Studio Code.

• Language: Slovenian
• Keywords: Spletni urejevalnik kode, Language Server Protocol, Co- deMirror, IntelliSense, WebSocket, Docker, Java, C/C++, ALGator.
• Work type: Bachelor thesis/paper
• Typology: 2.11 - Undergraduate Thesis
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2026
• PID: 20.500.12556/RUL-186487
• COBISS.SI-ID: 290155523
• Publication date in RUL: 02.09.2026

Secondary language

• Language: English

Abstract

This thesis presents the connection of a web-based code editor with IntelliSense support for the Java, C in C++ programming languages. The editor is built using the CodeMirror 5 library and is connected to the clangd and Eclipse JDT Language Server through the LSP. Communication between the browser-based editor and the intermediate server is carried out through the WS protocol, while the intermediate server and the language servers run in a Docker environment. The solution is designed so that it can be integrated into a web-based code editor in three different modes. The connection with the language servers enables code completion, real-time diagnostics, and the display of errors and warnings directly in the editor. These functionalities speed up development, reduce the number of errors, and shorten debugging time, as the developer receives feedback while writing the code. The goal is to create a modular web-based code editor with IntelliSense support that can be easily integrated into the ALGator web application. The developed webbased code editor with integrated language servers represents a comprehensive solution that brings web-based code editors functionalities comparable to development environment such as Visual Studio Code.

• Keywords: Web-based code editor, Language Server Protocol, CodeMirror, IntelliSense, WebSocket, Docker, Java, C/C++, ALGator.