{"id":27052,"library":"hypert","title":"Hypert","description":"Hypert is a hypertext transpiler in early alpha stage (v0.0.1), designed to parse and render HTML-like structures with optional React integration. Currently exploratory with no stable release cadence, it provides parse and render functions for transforming source strings into nodes and HTML output. Differentiates by offering a lightweight, library-agnostic core with a separate React module for component generation, but lacks maturity compared to established alternatives like htm or hyperHTML.","status":"active","version":"0.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/eliot-akira/hypert","tags":["javascript"],"install":[{"cmd":"npm install hypert","lang":"bash","label":"npm"},{"cmd":"yarn add hypert","lang":"bash","label":"yarn"},{"cmd":"pnpm add hypert","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Optional peer dependency for React component creation via 'hypert/react' subpath.","package":"react","optional":true}],"imports":[{"note":"ESM-only package; CommonJS require will fail in Node.js unless using esm.","wrong":"const parse = require('hypert').parse","symbol":"parse","correct":"import { parse } from 'hypert'"},{"note":"Named export, not default export.","wrong":"import render from 'hypert'","symbol":"render","correct":"import { render } from 'hypert'"},{"note":"Available only from the 'hypert/react' subpath; incorrect import will resolve to undefined.","wrong":"import { createReactComponent } from 'hypert'","symbol":"createReactComponent","correct":"import { createReactComponent } from 'hypert/react'"}],"quickstart":{"code":"import { parse, render } from 'hypert';\n\nconst source = '<div class=\"greeting\">Hello, World!</div>';\nconst nodes = parse(source);\nconst html = render(nodes);\nconsole.log(html); // '<div class=\"greeting\">Hello, World!</div>'","lang":"typescript","description":"Parses a simple HTML string into nodes and renders them back to HTML string."},"warnings":[{"fix":"Lock dependency to exact version and expect breaking changes.","message":"Package is in early alpha (v0.0.1); API is unstable and may change without notice.","severity":"gotcha","affected_versions":"0.0.1"},{"fix":"Use import { createReactComponent } from 'hypert/react'.","message":"React component creation requires explicit import from 'hypert/react'; the main package does not re-export it.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Ensure using import { parse } from 'hypert' and that the bundler supports ESM.","cause":"Incorrect import path or bundler issue with ESM.","error":"TypeError: hypert__WEBPACK_IMPORTED_MODULE_0__.parse is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}