io.github.SebastianMaciel/jsx-notation
NPM · JSX-NOTATION · SCANNED AUG 3
JSXN encoder/decoder — compact notation for React/Next.js files, optimized for LLMs
Available components
How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score →
Supply Chain Security87
- No malware found by supply-chain analysis.Pass
- Only part of the dependency tree could be resolved (110 of 114), so this covers what we could see, not the whole tree.Partial
- No install/post-install scripts declared.Pass
- Only part of the dependency tree could be resolved (110 of 114), so this covers what we could see, not the whole tree. View diagnostics → Partial
Provenance & Transparency45
- Source repository is publicly reachable at the declared URL. View diagnostics → Pass
- Provenance check failed: no build-provenance attestation is published. See how to fix → View diagnostics → Fail
- Clear OSI-approved license (MIT).Pass
- Actively maintained (last published 158 days ago).Pass
- Disclosure check failed: no security disclosure policy was found in the source repository. See how to fix → Fail
Schema Quality & AI Usability60
- AI-judged instruction clarity (excellent).Pass
- Context-footprint check failed: tool/resource definitions use about 1198 tokens (~299/item across 4 items; 4 tools + 0 resources), over budget; trim descriptions and params. See how to fix → Fail
- Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management27
- Stability observed for 8 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
- 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
- 100% of tool parameters carry a description.Pass
Capabilities100
- Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Add this component to your MCP client. Where a client-specific snippet is available, pick your client below and copy it straight into your config; otherwise use the connection detail shown.
npm · jsx-notation
claude mcp add sebastianmaciel-jsx-notation -- npx -y jsx-notation
codex mcp add sebastianmaciel-jsx-notation -- npx -y jsx-notation
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"sebastianmaciel-jsx-notation": {
"type": "local",
"command": [
"npx",
"-y",
"jsx-notation"
],
"enabled": true
}
}
} openclaw mcp add sebastianmaciel-jsx-notation --command npx --arg -y --arg jsx-notation
mcp_servers:
sebastianmaciel-jsx-notation:
command: "npx"
args: ["-y", "jsx-notation"] {
"mcpServers": {
"sebastianmaciel-jsx-notation": {
"command": "npx",
"args": [
"-y",
"jsx-notation"
]
}
}
} Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.
- 3 Aug 26 +4
- Stability: unverified → 0.27 ▲ functional
- 2 Aug 26 +57
- Provenance: unverified → fail ▼ security
- Install scripts: unverified → pass ▲ security
- Known CVEs: unverified → partial ▲ security
- Malware scan: unverified → pass ▲ security
- Stability: Stability not yet verified: not enough scan history yet (needs a 30-day window). security
- Schema quality: unverified → excellent ▲ functional
- Tool coverage: unverified → 100 ▲ functional
- License: unverified → pass ▲ functional
- Dependency health: unverified → partial ▲ functional
- Maintenance: unverified → pass ▲ functional
- MCP protocol: unverified → pass ▲ functional
- Licence: MIT functional
- 1 Aug 26 −13
- Tool coverage: 100 → unverified ▼ functional
- 31 Jul 26 −24
- We updated how we score, so this day's move reflects our rubric, not a change to the server See what changed → functional
- 30 Jul 26 +18
- Tool coverage: unverified → 100 ▲ functional
- 28 Jul 26 −18
- Tool coverage: 100 → unverified ▼ functional
- First check of Schema quality: unverified functional
- 27 Jul 26 42
First indexed and scored.
Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.
Captured 3 Aug 2026 · Analysed npm/[email protected]
Provenance none
Ecosystem: npm · Outcome: none
Dependencies 110 packages
110 packages in the resolved dependency tree · 110 deprecated · 30 stale.
The dependency tree was only partially resolved, so these counts may be incomplete.
The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability.
decode_jsxn Decode JSXN to code ~136
Decodes JSXN compact notation back into standard JSX/TSX or HTML source code. Use "snippet" mode for JSXN body fragments (just the template). Use "file" mode for complete JSXN files with imports, types, hooks, etc. Use format "html" to decode to HTML output.
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | yes | The JSXN notation to decode |
| format | string | — | "jsx" for JSX/TSX (default), "html" for HTML output |
| mode | string | — | "file" for complete files with imports/hooks/logic, "snippet" for JSXN body fragments |
No output schema declared.
No examples provided.
encode_jsxn Encode code to JSXN ~143
Encodes raw JSX/TSX source code or HTML into JSXN compact notation (~40% fewer tokens). Use "snippet" mode for JSX fragments (just the template). Use "file" mode for complete React/Next.js files with imports, types, hooks, etc. Use format "html" to encode HTML source.
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | yes | The JSX/TSX/HTML source code to encode |
| format | string | — | "jsx" for JSX/TSX (default), "html" for HTML source |
| mode | string | — | "file" for complete files with imports/hooks/logic, "snippet" for JSX-only fragments |
No output schema declared.
No examples provided.
read_jsxn Read file as JSXN ~139
Reads a React/Next.js file (.jsx, .tsx, .js, .ts), HTML file (.html), or SVG file (.svg) from disk and returns its JSXN-compressed representation (~40% fewer tokens). Use this instead of reading JSX/TSX files directly when you need to understand component structure, props, and rendering logic. For full files with imports/hooks/logic, the file-level encoding is used automatically. For .html and .svg files, the HTML encoder is used.
| Name | Type | Req | Description |
|---|---|---|---|
| path | string | yes | Absolute or relative path to the .jsx/.tsx/.js/.ts/.html/.svg file to encode |
No output schema declared.
No examples provided.
write_jsxn Write JSXN as file ~780
Decodes JSXN notation and writes the resulting JSX/TSX or HTML to a file on disk. Creates parent directories if needed. Writes to .jsx/.tsx/.js/.ts/.html/.svg files. For .html and .svg files, decodes with HTML format (class attrs, void elements, SVG self-closing, etc.). ## JSXN Format Reference JSXN is a compact notation for React/Next.js code that saves ~40% tokens. ### File-level headers - `@I module: default Name, x, y` → `import Name, { x, y } from "module"` - `@I "styles.css"` → `import "styles.css"` - `@T module: Type1` → `import type { Type1 } from "module"` ### Directives - `"use client"` / `"use server"` → passed through as-is ### Types - `Name { field: Type }` → `interface Name { field: Type }` - `Name = Type | Other` → `type Name = Type | Other` ### Function blocks - `export default Name(params)` → function signature - `@state count = 0` → `const [count, setCount] = useState(0)` - `@ref inputRef = null` → `const inputRef = useRef(null)` - `name = useHook(args)` → `const name = useHook(args)` - `variable = expr` → `const variable = expr` - `let variable = expr` → preserved as `let` - `---` → separator; everything after is the JSX return body ### JSX body notation - **Alias headers** (optional): `@C Button=B`, `@P onClick=k`, `@S items-center=ic` - **Elements**: `tag.class1.class2#id {prop:val, flag} "text"` or `(expr)` - **Implicit div**: `.className` (div is omitted when it has selectors) - **Nesting**: 1-space indentation per level - **Fragments**: `_` → `<>...</>` - **Conditionals**: `?cond > Element` → `{cond && (<Element />)}` - **Ternaries**: `?cond > A | B` → `{cond ? (<A />) : (<B />)}` - **Maps**: `*items > Element` → `{items.map(item => (<Element />))}` - **Text nodes**: `"Hello"` → raw text - **Expressions**: `(expr)` → `{expr}` - **Props**: `{key:value}` string for HTML attrs, `{key:expr}` expression otherwise - **Boolean props**: `{disabled}` → `disabled` - **Spread**: `{...props}` → `{...props}` - **Self-closing**: element with no chi…
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | yes | The JSXN notation to decode and write |
| path | string | yes | Target file path (.jsx, .tsx, .js, .ts, .html, or .svg) |
No output schema declared.
No examples provided.