📦
server
Model Context Protocol server for HyperFixi hyperscript development
0 installs
Trust: 39 — Low
Ai
Installation
npx @hyperfixi/mcp-serverAsk AI about server
Powered by Claude · Grounded in docs
I know everything about server. Ask me about installation, configuration, usage, or troubleshooting.
0/500
Loading tools...
Reviews
Documentation
HyperFixi
A tree-shakeable _hyperscript runtime. Human-readable UI behaviors from 7 KB.
Try It
Save this as an HTML file and open it in your browser — or try it live.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<button _="on click toggle .active on me">Toggle</button>
<button
_="on click
set my.count to (my.count or 0) + 1
then put 'Clicks: ' + my.count into me"
>
Clicks: 0
</button>
<button _="on click toggle @hidden on #message">Show/Hide</button>
<p id="message">Hello from HyperFixi.</p>
<style>
.active {
background: #0066cc;
color: white;
border-radius: 4px;
}
</style>
<script src="https://unpkg.com/@hyperfixi/core/dist/hyperfixi-hybrid-complete.js"></script>
</body>
</html>
No server, no npm, no build step. Just save and open.
Install
CDN (simplest):
<script src="https://unpkg.com/@hyperfixi/core/dist/hyperfixi-hybrid-complete.js"></script>
Vite (recommended for production):
npm install @hyperfixi/vite-plugin
// vite.config.js
import { hyperfixi } from '@hyperfixi/vite-plugin';
export default { plugins: [hyperfixi()] };
The plugin scans your files for _="..." attributes and generates a minimal bundle with only the commands you use.
What You Get
- 43 commands -- toggle, add, remove, set, put, fetch, repeat, if/else, and more
- _hyperscript compatible -- existing hyperscript code works as-is
- Tree-shakeable -- ship only the commands you use (1.9 KB to 200 KB)
- TypeScript types -- full type safety with comprehensive definitions
- Optional multilingual -- write hyperscript in 24 languages (lokascript.org)
- Optional htmx compat -- htmx-like attributes via the
hyperfixi-hx.jsbundle - 8100+ tests across all packages
Package Scopes
@hyperfixi/*-- Core engine: runtime, parser, commands, vite-plugin, behaviors@lokascript/*-- Multilingual: semantic parser, i18n grammar, language tools, domain DSLs
Use @hyperfixi/* packages. Add @lokascript/* only if you need multilingual support.
Learn More
- Choosing a bundle -- 6 bundles from 1.9 KB to 200 KB
- Examples gallery -- 35+ interactive demos
- Playground -- live REPL
- Vite plugin guide -- automatic tree-shaking
- Multilingual support -- hyperscript in 24 languages
Going deeper:
- Architecture -- monorepo structure, package map, bundle tiers
- DSL framework -- build your own multilingual DSL
- About this project -- motivation, experiment notes, current gaps
- Contributing
- Migration from v1.x
Development
npm install
npm test --prefix packages/core
npm run build:browser --prefix packages/core
License
MIT
