airbnb/hypernovaArchived
Hypernova
Hypernova 是一个分布式渲染引擎和服务器端渲染服务，可在远程服务器上将 JavaScript 组件转换为 HTML。它作为一个网页注水（hydration）框架，通过在浏览器中反序列化应用状态，将交互行为附加到静态服务器生成的标记上。
该系统利用隔离的 JavaScript 运行时，在沙箱虚拟机中执行组件，以防止全局状态泄漏和并发请求之间的干扰。它采用分布式架构，在多个工作进程和 CPU 核心上执行渲染任务。
该引擎通过批量请求流水线和用于生命周期拦截的可插拔中间件来管理请求和流量流。它包括应用状态序列化、确保页面可用性的客户端渲染回退，以及用于从各种后端环境提交请求的多语言客户端支持。
Features
- Distributed Rendering Engines - Distributes the execution of JavaScript view rendering jobs across a pool of isolated worker processes.
- Server-Side Rendering with Hydration - Transforms JavaScript view components into HTML on a remote server to enable fast page loads and client-side hydration.
- JavaScript Sandboxed Runtimes - Provides isolated JavaScript execution contexts using sandboxed virtual machines to prevent state interference.
- Component-Level VM Isolation - Isolates individual JavaScript view components within sandboxed virtual machines to prevent global state leakage.
- Sandboxed Execution Environments - Deno rendering service runs code modules within sandboxed virtual machines to prevent global state leakage and data contamination between concurrent requests.
- Static-HTML Hydration - Attaches interactive behavior to static server-generated markup by deserializing application state in the browser.
- Hydration Frameworks - Provides a framework to attach reactive logic and event listeners to server-rendered HTML.
- Client-Side Hydration - Attaches event listeners to server-rendered HTML in the browser to make static pages interactive.
- Server-Driven Component Rendering - Provides a service that transforms specific frontend components into HTML on a remote server for pre-rendering.
- Server-Side Rendering - Transforms JavaScript components into HTML on a remote server to improve initial page load speeds and SEO.
- Hydration Bridges - Coordinates server-side preloading and client-side hydration via embedded JSON payloads to enable browser interactivity.
- State Hydration - Bootstraps interactive views by deserializing embedded server-side state within the browser.
- State Serialization - Generates payloads and script tags to transfer server-side application state to the client for reconstruction during hydration.
- Rendering Hooks - Offers lifecycle hooks to modify view data or process responses during the component transformation process.
- Worker Lifecycle Management - Manages the operational state of background worker processes, including processing power configuration and orderly shutdowns.
- Middleware Lifecycle Hooks - Provides pluggable hooks to intercept and modify the rendering process for custom request handling and dependency injection.
- Request Middleware - Utilizes a pluggable application factory to intercept and process rendering requests via custom middleware hooks.
- Worker Pool Models - Distributes rendering tasks across persistent background worker processes to maximize CPU utilization.
- Rendering Request Batchers - Groups multiple view rendering jobs into single requests to minimize network overhead and increase throughput.
- Request Batching - Implements mechanisms for grouping multiple rendering requests into a single network call to reduce communication overhead.
- Client-Side Fallbacks - Automatically reverts to browser-based rendering when server-side generation fails to ensure page availability.
- Deployment and DevOps - Service for server-side rendering of JavaScript views.
