$ show syntax-tree/hastscript
hastscript is a utility for creating Hast (HTML Abstract Syntax Tree) trees using a hyperscript-like API. It provides two main functions, `h` for HTML and `s` for SVG, which accept CSS-like selectors, properties, and children to construct virtual DOM nodes. The library is designed to be used in build tools and frameworks that work with the Hast syntax tree, such as those in the Unified collective. The core of the library is the `createH` function in `lib/create-h.js`, which is a parameterized hyperscript function that can be adapted for different domains (like HTML or SVG) by providing a schema and default tag name. Additionally, the library supports JSX via automatic and classic runtimes, implemented in `lib/create-automatic-runtime.js` and wired up in `lib/index.js`. The project is well-maintained, with recent commits and active CI workflows, and shows low technical drift with up-to-date dependencies.
The LLM identified 2 files worth highlighting for reuse:
The core hyperscript function factory. It takes a schema (for property information), a default tag name, and optionally a list of case-sensitive tag names, and returns a function that creates Hast trees from CSS selectors, properties, and children. It demonstrates non-obvious skill in handling property normalization (boolean, numeric, list, and style properties) and children flattening, while being highly reusable for creating domain-specific hyperscript functions.
A generic adapter that converts a hyperscript function (like `h` or `s`) into a JSX automatic runtime. It isolates the JSX runtime interface from the hyperscript implementation, allowing any hyperscript function to be used with modern JSX tooling. This component is self-contained and demonstrates the adapter pattern for JSX runtimes, making it reusable in other projects that need to bridge hyperscript with JSX.