Awesome GitHub RepositoriesNode.js Execution Environments

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

Effector is a reactive state management library and data flow orchestrator designed for building complex, event-driven applications. It models application logic as a directed acyclic graph, where state updates and asynchronous side effects propagate automatically through declarative pipelines. By decoupling business logic from user interface layers, it allows developers to maintain state in independent containers that communicate via standard interfaces, ensuring the system remains framework-agnostic. The library distinguishes itself through its robust support for isolated execution scopes, w

Codebox ist eine browserbasierte integrierte Entwicklungsumgebung, die zum Schreiben und Ausführen von Quellcode in Cloud- und Desktop-Umgebungen verwendet wird. Sie fungiert als Node.js-Laufzeitumgebung, die es ermöglicht, JavaScript- und Node.js-Code direkt in einem Webbrowser auszuführen. Das Projekt ist eine plattformübergreifende IDE mit nativer Unterstützung für die Offline-Nutzung. Sie nutzt eine modulare Plugin-Architektur, die das Hinzufügen benutzerdefinierter Drittanbieter-Funktionalitäten und Erweiterungen zum Editor ermöglicht. Die Umgebung enthält Tools für das Codebase-Management, eine integrierte Dateisystemschicht und ein Command-Line-Interface für das Workspace-Management und die Identitätskonfiguration.

Dieses Projekt ist ein Plugin für den Webpack-Modul-Bundler, das dynamischen Anwendungscode in vorgerenderte statische HTML-Dateien umwandelt. Durch die Ausführung von JavaScript-Funktionen während des Kompilierungsprozesses generiert es statische Assets direkt aus der Build-Pipeline, was die Bereitstellung auf Standard-Webservern erleichtert. Das Tool zeichnet sich durch automatisierte Routen-Discovery aus, die alle erreichbaren Anwendungspfade identifiziert und rendert, indem Links und Iframes während der Build-Phase durchlaufen werden. Dies macht die manuelle Konfiguration von Seitenseiten überflüssig. Zusätzlich bietet es Mechanismen, um benutzerdefinierte globale Variablen oder browserähnliche Umgebungen in den Rendering-Prozess zu injizieren, wodurch die Kompatibilität mit Code sichergestellt wird, der einen spezifischen globalen Scope-Zugriff erfordert. Das Plugin integriert sich in den Build-Lebenszyklus, um die Asset-Injektion zu verwalten, und macht Kompilierungsdaten automatisch für Vorlagen verfügbar. Dies ermöglicht die dynamische Einbindung generierter Stylesheets und Skriptreferenzen innerhalb der finalen statischen Ausgabe. Das Projekt wird als Standardpaket für die Integration in bestehende Build-Konfigurationen vertrieben.