{"slug": "show-hn-hson-hson-live", "title": "Show HN: HSON / Hson-Live", "summary": "HSON (Hypertext Structured Object Notation) is a new 'glue format' that unifies JSON and HTML into a common tree representation, enabling bidirectional conversion between the two. The TypeScript library hson-live implements HSON with a transformer circuit and a live web-authoring surface called LiveTree, which maintains a single source of truth for markup, styling, and data.", "body_md": "• HSON (Hypertext Structured Object Notation) is a 'glue format'. Its node graph models JSON values and HTML documents in a common tree representation, and its serialized syntax can express both. HTML can be represented as JSON data, and JSON can be represented as markup. -> Uniting two non-interchangeable building blocks of the web suggests new ways of building web content. This is the key insight that powers hson-live.\n\n• hson-live is a TypeScript library built to realize HSON. It has two core components:\n\n- hson.transform converts JSON and HTML to and from HSON. The 7-step transformer circuit is stable under repeated round trips: after canonicalization, data does not drift across repeated loops. hson-live provides a circuit test diagnostic to verify the parser chain. hson-live supports JSON, HTML/XML, SVG, and HSON.\n\n- hson.liveTree is a web-authoring surface built on this operation. At runtime, LiveTree: 1. parses document.body and nested content to a HSON node graph 2. maintains a DOM projection of that graph 3. provides an interface for editing and manipulation\n\nLiveTree offers a vision of markup + styling + data in a single source of truth, unified in a low-friction typed ecosystem. LiveTree's API includes: - traversal, creation, and manipulation of the underlying HSON graph with synchronous DOM updates - EventListener management with automated teardown - SVG creation and animation -", "url": "https://wpnews.pro/news/show-hn-hson-hson-live", "canonical_source": "https://github.com/neutralica/hson-live", "published_at": "2026-06-27 20:59:27+00:00", "updated_at": "2026-06-27 21:34:56.109370+00:00", "lang": "en", "topics": ["developer-tools"], "entities": ["HSON", "hson-live", "LiveTree", "TypeScript"], "alternates": {"html": "https://wpnews.pro/news/show-hn-hson-hson-live", "markdown": "https://wpnews.pro/news/show-hn-hson-hson-live.md", "text": "https://wpnews.pro/news/show-hn-hson-hson-live.txt", "jsonld": "https://wpnews.pro/news/show-hn-hson-hson-live.jsonld"}}