repository·main·Indexed 20 days ago
https://github.com/lynx-family/lynx-stackThe core Frontend stack for the Lynx ecosystem, providing essential tools and libraries including ReactLynx, Rspeedy, and Lynx for Web to enable high-performance cross-platform UI development. The stack includes utilities for error-remapping regression tests, asynchronous external bundle loading via @lynx-js/external-bundle-rsbuild-plugin, and the background-only marker package to enforce Background Thread context. It also features the A2UI Catalog Extractor CLI (@lynx-js/genui) for converting TypeScript component interfaces into A2UI component catalog JSON.
The @lynx-js/repl is a pure-browser playground designed for experimenting with Vanilla Lynx. It allows users to write raw Element PAPI code and see real-time rendering without requiring a local toolchain, Node.js, or a compilation server.
Because it runs entirely in the browser, it is ideal for learners, documentation examples, and quick experiments. However, it is intentionally limited to avoid overlapping with the full rspeedy dev toolchain.
@lynx-js/cache-events-webpack-plugin is a Webpack plugin designed for Lynx applications. It manages the timing of native events by caching them until the BTS (Business Thread) chunk is fully loaded. Once the BTS chunk is ready, the plugin replays the cached events to ensure they are processed correctly in the application lifecycle.The Testing Library for Lynx is a unit testing suite designed for the Lynx framework. It follows the same principles and patterns as the standard Testing Library, providing utilities to test components in a way that mimics user interaction.
It is composed of two primary packages:
@lynx-js/testing-environment: A Lynx-specific implementation of a DOM environment, serving as the equivalent to jsdom.@lynx-js/react/testing-library: A testing library specifically for React components running on Lynx, equivalent to @testing-library/preact.ReactLynx is a framework designed to build cross-platform Lynx applications using the React paradigm. It is built on top of modern React implementations and is specifically optimized for the Lynx dual-threaded architecture to ensure instant launch and high UI responsiveness.
Key features include:
@lynx-js/template-webpack-plugin is a Webpack plugin designed to simplify the creation of template.js files used to serve Lynx bundles. It functions similarly to html-webpack-plugin, but is specifically tailored for the Lynx ecosystem to automate the generation of the necessary entry templates.@lynx-js/web-rsbuild-server-middleware is a Rsbuild dev server middleware designed to provide a mocked Lynx Web Platform installation. This allows developers to simulate the Lynx environment during local development using a Rsbuild-based dev server.@lynx-js/css-extract-webpack-plugin is a Webpack plugin designed to extract CSS into separate files. It follows a 1:1 mapping strategy where it creates a dedicated CSS file for every JavaScript file that contains CSS content.The lynx Rust crate is designed for embedding a prebuilt libLynx_clay runtime into non-windowed (headless) hosts. It allows you to drive Lynx tasks and input events without a standard windowing system.
Key Capabilities:
libLynx_clay runtime from Rust.GenericResourceFetcher.@lynx-js/runtime-wrapper-webpack-plugin is a Webpack plugin designed to wrap JavaScript code so that it can be correctly loaded and executed by the Lynx runtime. This is essential for ensuring that your JavaScript modules are compatible with the Lynx environment during the build process.The Lynx Web Platform is an implementation of Lynx's native binding APIs using Browser APIs. It aims to provide high-performance solutions with the same appearance and behavior as Lynx on Android and iOS, allowing for cross-platform consistency.