Awesome GitHub RepositoriesCode Editor Components

CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow

Sandpack is a browser-based toolkit for building live code editing experiences. It combines a custom Node.js runtime that executes JavaScript and npm dependencies entirely client-side with composable React components for assembling code editor interfaces, all within an iframe-sandboxed execution environment for security. The toolkit provides a hot-reload development workflow where file and dependency updates are streamed to the running preview and trigger automatic recompilation without a full page refresh. It includes a theme-override styling system for customizing the editor and preview app

JSON Editor este un framework UI bazat pe schemă și un editor web utilizat pentru a genera formulare interactive și a valida datele JSON. Acesta traduce specificațiile JSON Schema într-o ierarhie de elemente de formular HTML, permițând utilizatorilor să manipuleze structuri JSON complexe printr-o interfață structurată în loc de text brut. Framework-ul se diferențiază printr-un sistem de extensie bazat pe plugin-uri care suportă funcții de rezolvare personalizate și integrarea editorilor specializați, cum ar fi WYSIWYG, Markdown și editori de cod cu sintaxă evidențiată. Utilizează rezolvarea recursivă a schemelor pentru a gestiona definițiile imbricate și implementează validarea condiționată bazată pe stare folosind logica if-then-else. Proiectul oferă o gamă largă de capabilități, inclusiv binding bidirecțional de date, gestionarea layout-ului de array-uri și obiecte pentru grid-uri și tab-uri și sincronizarea dinamică a câmpurilor prin interpolarea template-urilor. Biblioteca sa de componente acoperă intrări standard alături de instrumente specializate precum selectoare de culoare, selectoare de dată-timp, componente de autocomplete și interfețe de upload de fișiere. Interfața suportă localizarea șirurilor UI și se integrează cu diverse framework-uri CSS pentru a decupla generarea structurală a formularelor de stilizarea vizuală.

Platform este un framework pentru construirea de aplicații back-office și dashboard-uri administrative folosind Laravel. Acesta funcționează ca un framework UI bazat pe schemă și un generator CRUD care construiește automat interfețe de gestionare a bazelor de date, formulare de introducere și reguli de validare din definiții programatice ale modelelor. Proiectul se distinge printr-un kit UI backend cuprinzător care suportă capturarea avansată a datelor, inclusiv maparea coordonatelor geografice, matrice de date JSON tabelare și urmărirea metadatelor de marketing. Dispune de un sistem robust de control al accesului bazat pe roluri pentru gestionarea vizibilității resurselor și protecția rutelor, alături de o implementare de căutare full-text globală care indexează datele în mai multe modele. Platforma acoperă o gamă largă de capabilități, inclusiv încărcarea asincronă a datelor, sisteme de notificare multi-canal și o bibliotecă de componente de formular specializate pentru text îmbogățit și gestionarea fișierelor. De asemenea, oferă instrumente pentru vizualizarea datelor prin agregarea modelelor și grafice, precum și utilitare pentru reîmprospătarea parțială a paginii pentru a simula o experiență de aplicație single-page. Opțiunile de integrare permit conectarea controlerelor existente și a template-urilor legacy pentru a facilita o migrare graduală a funcțiilor în framework.

monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to

Acest proiect este un wrapper React pentru Monaco Editor, oferind un set de componente de interfață reutilizabile pentru încorporarea editorilor de cod browser-based cu funcționalități complete și instrumente de vizualizare a diferențelor side-by-side. Permite integrarea unui editor de text cu evidențierea sintaxei și suport pentru mai multe limbaje direct în aplicațiile web. Biblioteca include un vizualizator dedicat de diff-uri de cod care utilizează motorul de diff Monaco pentru a vizualiza modificările între două versiuni diferite de fragmente de cod. Oferă acces programatic la instanțele editorului subiacent și gestionează ciclul de viață operațional al editorului, inclusiv inițializarea și curățarea. Implementarea acoperă gestionarea stării editorului, configurarea bazată pe prop-uri pentru teme și dimensiuni, și sincronizarea evenimentelor de modificare a editorului cu starea aplicației.

Judge0 is an online code execution engine and multi-language compiler API designed to compile and run source code within isolated sandboxes. It functions as an asynchronous job processor that handles code submissions via a queue and provides a secure environment to run arbitrary programs while preventing unauthorized system access. The system distinguishes itself through a multi-stage compilation pipeline and a flexible execution model that supports both single-file submissions and multi-file program execution via archives. It employs an isolate-based sandboxing mechanism to enforce strict ha