hast-util-from-parse5
[![Build][badge-build-image]][badge-build-url]
[![Coverage][badge-coverage-image]][badge-coverage-url]
[![Downloads][badge-downloads-image]][badge-downloads-url]
[![Size][badge-size-image]][badge-size-url]
[hast][github-hast] utility to transform from the
[parse5][github-parse5] AST.
Contents
* What is this?
* When should I use this?
* Install
* Use
* API
* [fromParse5(tree[, options])](#fromparse5tree-options)
* Options
* Space
* Types
* Compatibility
* Security
* Related
* Contribute
* License
What is this?
This package is a utility that can turn a parse5 tree into a hast tree.
When should I use this?
You can use this package when using parse5 as an HTML parser and wanting to
work with hast.
The utility [hast-util-to-parse5][github-hast-util-to-parse5] does the
inverse of this utility.
It generates parse5s AST again.
The utility [hast-util-from-html][github-hast-util-from-html] wraps this
utility and parse5 to both parse HTML and generate hast from it.
Install
This package is [ESM only][github-gist-esm].
In Node.js (version 16+),
install with [npm][npmjs-install]:
``sh
npm install hast-util-from-parse5
`
In Deno with [esm.sh][esmsh]:
`js
import {fromParse5} from "https://esm.sh/hast-util-from-parse5@8"
`
In browsers with [esm.sh][esmsh]:
`html
`
Use
Say our document example.html contains:
`html
Hello!World!
`
…and our module example.js looks as follows:
`js
import {fromParse5} from 'hast-util-from-parse5'
import {parse} from 'parse5'
import {read} from 'to-vfile'
import {inspect} from 'unist-util-inspect'
const file = await read('example.html')
const p5ast = parse(String(file), {sourceCodeLocationInfo: true})
const hast = fromParse5(p5ast, {file})
console.log(inspect(hast))
`
…now running node example.js yields:
`text
root[2] (1:1-2:1, 0-70)
│ data: {"quirksMode":false}
├─0 doctype (1:1-1:16, 0-15)
└─1 element[2]
│ properties: {}
├─0 element[1]
│ │ properties: {}
│ └─0 element[1] (1:16-1:37, 15-36)<br /> │ │ properties: {}<br /> │ └─0 text "Hello!" (1:23-1:29, 22-28)<br /> └─1 element<body>[1]<br /> │ properties: {}<br /> └─0 element<h1>[3] (1:37-2:1, 36-70)<br /> │ properties: {"id":"world"}<br /> ├─0 text "World!" (1:52-1:58, 51-57)<br /> ├─1 comment "after" (1:58-1:70, 57-69)<br /> └─2 text "\n" (1:70-2:1, 69-70)<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">API</h2></p><p class="my-3">This package exports the identifier [</code>fromParse5<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][api-from-parse5].<br />There is no default export.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Transform a </code>parse5<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> AST to hast.</p><p class="my-3">###### Parameters</p><p class="my-3">* </code>tree<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br /> ([</code>Parse5Node<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][github-parse5-node])<br /> — </code>parse5<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> tree to transform<br />* </code>options<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br /> ([</code>Options<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][api-options], optional)<br /> — configuration</p><p class="my-3">###### Returns</p><p class="my-3">hast tree ([</code>HastNode<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][github-hast-nodes]).</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Configuration (TypeScript type).</p><p class="my-3">##### Fields</p><p class="my-3">###### </code>file<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">File used to add positional info to nodes<br />([</code>VFile<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][github-vfile], optional).</p><p class="my-3">If given,<br />the file should represent the original HTML source.</p><p class="my-3">###### </code>space<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">Which space the document is in<br />([</code>Space<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][api-space], default: </code>'html'<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">).</p><p class="my-3">When an </code><svg><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> element is found in the HTML space,<br />this package already automatically switches to and from the SVG space when<br />entering and exiting it.</p><p class="my-3">###### </code>verbose<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">Whether to add extra positional info about starting tags,<br />closing tags,<br />and attributes to elements<br />(</code>boolean<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">, default: </code>false<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">).</p><p class="my-3">> 👉 <strong>Note</strong>:<br />> only used when </code>file<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> is given.</p><p class="my-3">For the following HTML:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">html<br /><img src="http://example.com/fav.ico" alt="foo" title="bar"><br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">The verbose info would looks as follows:</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">js<br />{<br /> type: 'element',<br /> tagName: 'img',<br /> properties: {src: 'http://example.com/fav.ico', alt: 'foo', title: 'bar'},<br /> children: [],<br /> data: {<br /> position: {<br /> opening: {<br /> start: {line: 1, column: 1, offset: 0},<br /> end: {line: 1, column: 61, offset: 60}<br /> },<br /> closing: null,<br /> properties: {<br /> src: {<br /> start: {line: 1, column: 6, offset: 5},<br /> end: {line: 1, column: 38, offset: 37}<br /> },<br /> alt: {<br /> start: {line: 1, column: 39, offset: 38},<br /> end: {line: 1, column: 48, offset: 47}<br /> },<br /> title: {<br /> start: {line: 1, column: 49, offset: 48},<br /> end: {line: 1, column: 60, offset: 59}<br /> }<br /> }<br /> }<br /> },<br /> position: {<br /> start: {line: 1, column: 1, offset: 0},<br /> end: {line: 1, column: 61, offset: 60}<br /> }<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Namespace (TypeScript type).</p><p class="my-3">###### Type</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">ts<br />type Space = 'html' | 'svg'<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Types</h2></p><p class="my-3">This package is fully typed with [TypeScript][].<br />It exports the additional types [</code>Options<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][api-options] and<br />[</code>Space<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][api-space].</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Compatibility</h2></p><p class="my-3">Projects maintained by the unified collective are compatible with maintained<br />versions of Node.js.</p><p class="my-3">When we cut a new major release,<br />we drop support for unmaintained versions of Node.<br />This means we try to keep the current release line,<br /></code>hast-util-from-parse5@8<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">,<br />compatible with Node.js 16.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Security</h2></p><p class="my-3">Use of </code>hast-util-from-parse5<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> can open you up to a<br />[cross-site scripting (XSS)][wikipedia-xss] attack if Parse5’s AST is unsafe.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Related</h2></p><p class="my-3">* [</code>hast-util-to-parse5<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][github-hast-util-to-parse5]<br /> — transform hast to Parse5’s AST<br />* <a href="https://github.com/syntax-tree/hast-util-to-nlcst" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"></code>hast-util-to-nlcst<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></a><br /> — transform hast to nlcst<br />* <a href="https://github.com/syntax-tree/hast-util-to-mdast" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"></code>hast-util-to-mdast<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></a><br /> — transform hast to mdast<br />* <a href="https://github.com/syntax-tree/hast-util-to-xast" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"></code>hast-util-to-xast<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></a><br /> — transform hast to xast<br />* <a href="https://github.com/syntax-tree/mdast-util-to-hast" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"></code>mdast-util-to-hast<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></a><br /> — transform mdast to hast<br />* <a href="https://github.com/syntax-tree/mdast-util-to-nlcst" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer"></code>mdast-util-to-nlcst<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></a><br /> — transform mdast to nlcst</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">Contribute</h2></p><p class="my-3">See [</code>contributing.md<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][health-contributing]<br />in<br />[</code>syntax-tree/.github<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">][health]<br />for ways to get started.<br />See [</code>support.md`][health-support] for ways to get help.</p><p class="my-3">This project has a [code of conduct][health-coc].<br />By interacting with this repository,<br />organization,<br />or community you agree to abide by its terms.</p><p class="my-3"><h2 class="text-xl font-semibold mt-5 mb-3">License</h2></p><p class="my-3">[MIT][file-license] © [Titus Wormer][wooorm]</p><p class="my-3"><!-- Definitions --></p><p class="my-3">[api-from-parse5]: #fromparse5tree-options</p><p class="my-3">[api-options]: #options</p><p class="my-3">[api-space]: #space-1</p><p class="my-3">[badge-build-image]: https://github.com/syntax-tree/hast-util-from-parse5/workflows/main/badge.svg</p><p class="my-3">[badge-build-url]: https://github.com/syntax-tree/hast-util-from-parse5/actions</p><p class="my-3">[badge-coverage-image]: https://img.shields.io/codecov/c/github/syntax-tree/hast-util-from-parse5.svg</p><p class="my-3">[badge-coverage-url]: https://codecov.io/github/syntax-tree/hast-util-from-parse5</p><p class="my-3">[badge-downloads-image]: https://img.shields.io/npm/dm/hast-util-from-parse5.svg</p><p class="my-3">[badge-downloads-url]: https://www.npmjs.com/package/hast-util-from-parse5</p><p class="my-3">[badge-size-image]: https://img.shields.io/bundlejs/size/hast-util-from-parse5</p><p class="my-3">[badge-size-url]: https://bundlejs.com/?q=hast-util-from-parse5</p><p class="my-3">[esmsh]: https://esm.sh</p><p class="my-3">[file-license]: license</p><p class="my-3">[github-gist-esm]: https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c</p><p class="my-3">[github-hast]: https://github.com/syntax-tree/hast</p><p class="my-3">[github-hast-nodes]: https://github.com/syntax-tree/hast#nodes</p><p class="my-3">[github-hast-util-from-html]: https://github.com/syntax-tree/hast-util-from-html</p><p class="my-3">[github-hast-util-to-parse5]: https://github.com/syntax-tree/hast-util-to-parse5</p><p class="my-3">[github-parse5]: https://github.com/inikulin/parse5</p><p class="my-3">[github-parse5-node]: https://github.com/inikulin/parse5/blob/master/packages/parse5/lib/tree-adapters/default.ts</p><p class="my-3">[github-vfile]: https://github.com/vfile/vfile</p><p class="my-3">[health]: https://github.com/syntax-tree/.github</p><p class="my-3">[health-coc]: https://github.com/syntax-tree/.github/blob/main/code-of-conduct.md</p><p class="my-3">[health-contributing]: https://github.com/syntax-tree/.github/blob/main/contributing.md</p><p class="my-3">[health-support]: https://github.com/syntax-tree/.github/blob/main/support.md</p><p class="my-3">[npmjs-install]: https://docs.npmjs.com/cli/install</p><p class="my-3">[typescript]: https://www.typescriptlang.org</p><p class="my-3">[wikipedia-xss]: https://en.wikipedia.org/wiki/Cross-site_scripting</p><p class="my-3">[wooorm]: https://wooorm.com<br /></p></div><div class="flex justify-center absolute inset-x-0 bottom-0 bg-gradient-to-t from-background via-background to-transparent pb-4 pt-16"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down mr-1 h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg>Show more</button></div></div></div><template id="P:3"></template><template id="P:4"></template></div></div></div><script>self.__next_f.push([1,"2a:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n2b:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^1.0.0\"}]\n2c:[\"$\",\"$L5\",\"hastscript\",{\"href\":\"/package/hastscript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"hastscript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^9.0.0\"}]]}]\n2d:[\"$\",\"$L5\",\"property-information\",{\"href\":\"/package/property-information\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"property-information\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^7.0.0\"}]]}]\n2e:[\"$\",\"$L5\",\"vfile\",{\"href\":\"/package/vfile\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"vfile\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^6.0.0\"}]]}]\n2f:[\"$\",\"$L5\",\"vfile-location\",{\"href\":\"/package/vfile-location\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"vfile-location\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.0.0\"}]]}]\n30:[\"$\",\"$L5\",\"web-namespaces\",{\"href\":\"/package/web-namespaces\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-ri"])</script><script>self.__next_f.push([1,"ght h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"web-namespaces\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.0.0\"}]]}]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm py-4 lg:col-span-2\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-2\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"font-semibold flex items-center gap-2 text-base\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-wrench h-4 w-4\",\"children\":[[\"$\",\"path\",\"cbrjhi\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"}],\"$undefined\"]}],\"Dev Dependencies\",[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 ml-auto text-xs\",\"children\":12}]]}]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-1 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L5\",\"@types/node\",{\"href\":\"/package/%40types%2Fnode\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"@types/node\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^22.0.0\"}]]}],[\"$\",\"$L5\",\"c8\",{\"href\":\"/package/c8\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"c8\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^10.0.0\"}]]}],[\"$\",\"$L5\",\"is-hidden\",{\"href\":\"/package/is-hidden\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[\"$L33\",\"$undefined\"]}],\"is-hidden\"]}],\"$L34\"]}],\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\"]}]}]]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n34:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.0.0\"}]\n35:[\"$\",\"$L5\",\"parse5\",{\"href\":\"/package/parse5\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"parse5\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^7.0.0\"}]]}]\n36:[\"$\",\"$L5\",\"prettier\",{\"href\":\"/package/prettier\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"prettier\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^3.0.0\"}]]}]\n37:[\"$\",\"$L5\",\"remark-cli\",{\"href\":\"/package/remark-cli\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"remark-cli\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^12.0.0\"}]]}]\n38:[\"$\",\"$L5\",\"remark-preset-wooorm\",{\"href\":\"/package/remark-preset-wooorm\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"remark-preset-wooorm\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^11.0.0\"}]]}]\n39:[\"$\",\"$L5\",\"to-vfile\",{\"href\":\"/package/to-vfile\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-fo"])</script><script>self.__next_f.push([1,"reground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"to-vfile\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^8.0.0\"}]]}]\n3a:[\"$\",\"$L5\",\"type-coverage\",{\"href\":\"/package/type-coverage\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"type-coverage\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.0.0\"}]]}]\n3b:[\"$\",\"$L5\",\"typescript\",{\"href\":\"/package/typescript\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"typescript\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.0.0\"}]]}]\n3c:[\"$\",\"$L5\",\"unist-util-visit\",{\"href\":\"/package/unist-util-visit\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"unist-util-visit\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^5.0.0\"}]]}]\n3d:[\"$\",\"$L5\",\"xo\",{\"href\":\"/package/xo\",\"className\":\"group flex items-center justify-between rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 truncate font-mono text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right h-3 w-3 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],\"xo\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.60.0\"}]]}]\n"])</script><div hidden id="S:3"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-dependencies" hidden="" id="radix-_R_aav5ubrb_-content-dependencies" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:4"><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_aav5ubrb_-trigger-versions" hidden="" id="radix-_R_aav5ubrb_-content-versions" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-6"></div></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>