How haxtheweb/webcomponents works
HAXTheWeb is a Lit-based web-component library with deeper HAX authoring and HAXCMS site-management layers. Its principal workflow is authoring pages with HAX, organizing them as a JSON outline, and saving static-site content through a lightweight backend for display with themes and components. The repository also provides standalone learning, media, accessibility, and design-system components. The graph preserves those major branches; source excerpts were sampled rather than comprehensive, so uncertain implementation links are omitted.
Main entry points: elements Element library · haxcms-site-editor.js Site editor · haxcms-site-router.js Site router · backends CMS backends
Components 19
HAX authoring
- HAX editor
elements/h-a-x/h-a-x.js - Editable content
elements/hax-body/hax-body.js - Editor behaviors
elements/hax-body-behaviors/hax-body-behaviors.js
Site management
- Site editor
elements/haxcms-elements/lib/core/haxcms-site-editor.js - Site builder
elements/haxcms-elements/lib/core/haxcms-site-builder.js - Site router
elements/haxcms-elements/lib/core/haxcms-site-router.js - Site state
elements/haxcms-elements/lib/core/haxcms-site-store.js - CMS backends
elements/haxcms-elements/lib/core/backends - Site themes
elements/haxcms-elements/lib/core/themes
Web components
- Element library
elements - Learning widgets
elements/course-design/course-design.js - Media players
elements/a11y-media-player/a11y-media-player.js - Wikipedia query
elements/wikipedia-query/wikipedia-query.js
Shared capabilities
- Design systems
elements/d-d-d/lib/DesignSystemManager.js - Localization
elements/i18n-manager/i18n-manager.js - Accessible UI
elements/a11y-behaviors/a11y-behaviors.js
Other components
- Site author
- Site files
- Site visitor
Connections 19
- Site author → HAX editor: authors in
- HAX editor → Editable content: edits content
- Editable content → Editor behaviors: uses behaviors
- Site author → Site editor: manages site
- Site editor → Site state: updates state
- Site editor → CMS backends: saves site
- CMS backends → Site files: writes files
- Site builder → CMS backends: builds site
- Site visitor → Site router: opens site
- Site router → Site state: reads state
- Site router → Site themes: selects theme
- Site themes → Element library: renders components
- Element library → Learning widgets: includes
- Element library → Media players: includes
- Design systems → Site themes: provides styles
- Localization → Element library: localizes
- Accessible UI → Element library: supports accessibility
- Element library → Wikipedia query: includes
- Wikipedia query → Site visitor: presents results