mf-obj
Microformat objects are a set of utility classes for working with indieweb posts.
* Read different kinds of posts:
* notes
* articles
* replies
* likes
* reposts
* Parse comments and reply contexts as nested objects
* Resolve author with the authorship algorithm
* Get a list of webmention targets
* Serialize and deserialize from JSON
Installation
Microformat objects makes use of ES6 features and requires Node >= 4.0.0.
``
npm install mf-obj --save
Examples
$3
`
javascript
mfo.getEntry('http://somesite/2016/5/1/1')
.then(entry => {
if (entry.isReply() {
console.log('I\'m a reply to "' + entry.replyTo.name + '"');
}
});
`
API
1. Utility functions
* getEntry(url, strategies?)
* getCard(url)
* getEvent(url)
* getFeed(url)
2. Entry
* name
* published
* content
* summary
* url
* author
* category
* syndication
* syndicateTo
* photo
* audio
* video
* replyTo
* likeOf
* repostOf
* embed
* getDomain()
* getPath()
* getReferences()
* getMentions()
* getChildren(sortFunc?)
* addChild(entry)
* deleteChild(url)
* isReply()
* isLike()
* isRepost()
* isArticle()
* serialize()
* deserialize(json)
3. Card
* name
* photo
* url
* uid
4. Event
* name
* url
* start
* end
* location
5. Feed
* name
* url
* author
* prev
* next
* getChildren(sortFunc?)
* addChild(entry)
* deleteChild(url)
$3
#### getEntry()
`
javascript
mfo.getEntry(url)
.then(entry => {
//...
});
`
`
javascript
mfo.getEntry(url, ['entry','event','oembed'])
.then(entry => {
//...
});
`
Fetches the page at
url
and returns a Promise for an Entry. This will perform the authorship algorithm and fetch the author h-card from a separate url if necessary.The second parameter
strategies
is an optional array of strategies to attempt to marshal to an Entry. Strategies are tried in order and if all fail, an exception is thrown. This can be used for displaying comments or reply contexts of URLs that don't contain h-entries. The default value for this parameter is ['entry']
.*
entry
- Default h-entry strategy.
* event
- Marshall an h-event to an Entry. Useful for creating RSVP reply-contexts to an h-event.
* oembed
- Marshall oembed data to an Entry. Useful for creating reply-contexts or reposts of silo content.
* opengraph
- Marshall opengraph data to an Entry. Useful for creating reply-contexts or reposts of silo content.
* html
- Most basic strategy. Marshalls html <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> to name and </code><body><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> to content.</p><p class="my-3">#### getCard()</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />mfo.getCard(url)<br />.then(card => {<br /> //...<br />});<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />Fetches the page at url and returns a <em>Promise</em> for a <a href="#card" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Card</a>. This will return null if an h-card could not be found according to the authorship algorithm.</p><p class="my-3">#### getEvent()</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />mfo.getEvent(url)<br />.then(event => {<br /> //...<br />});<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />Fetches the page at url and returns a <em>Promise</em> for an <a href="#event" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Event</a>.</p><p class="my-3">#### getFeed()</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />mfo.getFeed(url)<br />.then(feed => {<br /> //...<br />});<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />Fetches the page at url and returns a <em>Promise</em> for a <a href="#feed" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Feed</a>.</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Represents an h-entry or h-cite. Properties of this object correspond to output from the mf2 parser, but have been converted from arrays of string to other data types for convenience.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var entry = new mfo.Entry();<br />var entry2 = new mfo.Entry('http://somesite/2016/5/2/1');<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />The constructor takes an optional argument to set the url.</p><p class="my-3">#### name</p><p class="my-3">string || null</p><p class="my-3">#### published</p><p class="my-3">Date || null</p><p class="my-3">#### content</p><p class="my-3">{html: string, value: string} || null</p><p class="my-3">#### summary</p><p class="my-3">string || null</p><p class="my-3">#### url</p><p class="my-3">string || null</p><p class="my-3">#### author</p><p class="my-3">Card || null</p><p class="my-3">See <a href="#card" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Card</a>.</p><p class="my-3">#### category</p><p class="my-3">string[]</p><p class="my-3">#### syndication</p><p class="my-3">string[]</p><p class="my-3">#### syndicateTo</p><p class="my-3">Parsed from syndicate-to.</p><p class="my-3">string[]</p><p class="my-3">#### photo</p><p class="my-3">string[]</p><p class="my-3">#### audio</p><p class="my-3">string[]</p><p class="my-3">#### video</p><p class="my-3">string[]</p><p class="my-3">#### replyTo</p><p class="my-3">Parsed from in-reply-to.</p><p class="my-3">Entry[] || null</p><p class="my-3">#### likeOf</p><p class="my-3">Parsed from like-of.</p><p class="my-3">Entry[] || null</p><p class="my-3">#### repostOf</p><p class="my-3">Parsed from repost-of.</p><p class="my-3">Entry[] || null</p><p class="my-3">#### embed</p><p class="my-3">{html: string, value: string} || null</p><p class="my-3">Experimental property for storing oembed content. Parsed from e-x-embed.</p><p class="my-3">#### getDomain()</p><p class="my-3">Returns the domain component of the url.</p><p class="my-3">#### getPath()</p><p class="my-3">Returns the path component of the url.</p><p class="my-3">#### getReferences()</p><p class="my-3">Returns an array of urls from the reply-to, like-of, or repost-of properties.</p><p class="my-3">#### getMentions()</p><p class="my-3">Returns an array of urls found in links in the e-content, in addition to getReferences(). Intended for sending webmentions.</p><p class="my-3">#### getChildren()</p><p class="my-3">Returns an array of Entries. Use this instead of directly accessing the children property. Takes an optional argument to sort the results.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var unsorted = entry.getChildren();<br />var sorted = entry.getChildren(mfo.Entry.byDate);<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">#### addChild()</p><p class="my-3">Adds an Entry to the list of children. If there is an existing child with the same url, it will be overwritten.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />function receiveWebmention(sourceUrl, targetUrl) {<br /> // ...<br /> var sourceEntry = mfo.getEntryFromUrl(sourceUrl);<br /> targetEntry.addChild(sourceEntry);<br /> // ...<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">#### deleteChild()</p><p class="my-3">Remove an entry from the list of children by url.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />function receiveWebmention(sourceUrl, targetUrl) {<br /> // ...<br /> if (got404) {<br /> targetEntry.deleteChild(sourceUrl);<br /> }<br /> // ...<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">#### isReply()</p><p class="my-3">Tests if reply-to is non-empty.</p><p class="my-3">#### isLike()</p><p class="my-3">Tests if like-of is non-empty.</p><p class="my-3">#### isRepost()</p><p class="my-3">Tests if repost-of is non-empty.</p><p class="my-3">#### isArticle()</p><p class="my-3">Tests if name and content.value properties exist and differ, in addition to other heuristics.</p><p class="my-3">#### serialize()</p><p class="my-3">Serialize object to JSON. Nested Entry objects in replyTo, likeOf, repostOf, and children are serialized as an url string.</p><p class="my-3">Example output:<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">json<br />{<br /> "name":"Hello World!",<br /> "published":"2015-08-28T08:00:00.000Z",<br /> "content":{<br /> "value":"Hello World!",<br /> "html":"Hello <b>World!</b>"<br /> },<br /> "summary":"Summary",<br /> "url":"http://testsite/2015/8/28/2",<br /> "author":{<br /> "name":"Test User",<br /> "photo":null,<br /> "url":"http://testsite",<br /> "uid":null<br /> },<br /> "category":["indieweb"],<br /> "syndication":[],<br /> "syndicateTo":[],<br /> "photo":[],<br /> "audio":[],<br /> "video":[],<br /> "replyTo":["http://testsite/2015/8/28/2"],<br /> "likeOf":[],<br /> "repostOf":[],<br /> "embed":null,<br /> "children":["http://testsite/2015/8/28/3"]<br />}<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"></p><p class="my-3">#### deserialize</p><p class="my-3">Static method to deserialize json. Nested objects from replyTo, likeOf, repostOf, and children are deserialized as stub Entry objects with only url set.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var entry = mfo.Entry.deserialize(json);<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">Represents an h-card. Properties of this object correspond to output from the mf2 parser, but have been converted from arrays of string to string for convenience.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var author = new mfo.Card();<br />var author = new mfo.Card('http://somesite');<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />The constructor takes an optional argument to set the url.</p><p class="my-3">#### name</p><p class="my-3">string || null</p><p class="my-3">#### photo</p><p class="my-3">string || null</p><p class="my-3">#### url</p><p class="my-3">string || null</p><p class="my-3">#### uid</p><p class="my-3">string || null</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Represents an h-event. Properties of this object correspond to output from the mf2 parser, but have been converted from arrays of string to other datatypes for convenience.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var event = new mfo.Event();<br />var event = new mfo.Event('http://somesite/event');<br /></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />The constructor takes an optional argument to set the url.</p><p class="my-3">#### name</p><p class="my-3">string || null</p><p class="my-3">#### url</p><p class="my-3">string || null</p><p class="my-3">#### start</p><p class="my-3">Date || null</p><p class="my-3">#### stop</p><p class="my-3">Date || null</p><p class="my-3">#### Location</p><p class="my-3">Card || null</p><p class="my-3"><h3 class="text-lg font-medium mt-4 mb-2">$3</h3></p><p class="my-3">Represents an h-feed. Properties of this object correspond to output from the mf2 parser, but have been converted from arrays of string to other datatypes for convenience.</p><p class="my-3"></code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">javascript<br />var event = new mfo.Feed();<br />var event = new mfo.Feed('http://somesite');<br /></code>``<br />The constructor takes an optional argument to set the url.</p><p class="my-3">#### name</p><p class="my-3">string || null</p><p class="my-3">#### url</p><p class="my-3">string || null</p><p class="my-3">#### author</p><p class="my-3">Card || null</p><p class="my-3">See <a href="#card" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer">Card</a>.</p><p class="my-3">#### prev</p><p class="my-3">Parsed from rel="prev" or rel="previous".</p><p class="my-3">string || null</p><p class="my-3">#### next</p><p class="my-3">Parsed from rel="next".</p><p class="my-3">string || null</p><p class="my-3">#### getChildren()</p><p class="my-3">Returns an array of Entries. Use this instead of directly accessing the children property. Takes an optional argument to sort the results.</p><p class="my-3">#### addChild()</p><p class="my-3">Adds an Entry to the list of children. If there is an existing child with the same url, it will be overwritten.</p><p class="my-3">#### deleteChild()</p><p class="my-3">Remove an entry from the list of children by url.<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\":\"^2.0.0\"}]\n2c:[\"$\",\"$L5\",\"request\",{\"href\":\"/package/request\",\"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\"]}],\"request\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.72.0\"}]]}]\n"])</script><script>self.__next_f.push([1,"2d:[\"$\",\"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\":5}]]}]}],[\"$\",\"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\",\"coveralls\",{\"href\":\"/package/coveralls\",\"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\"]}],\"coveralls\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.11.9\"}]]}],[\"$\",\"$L5\",\"istanbul\",{\"href\":\"/package/istanbul\",\"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\"]}],\"istanbul\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.4.3\"}]]}],[\"$\",\"$L5\",\"mocha\",{\"href\":\"/package/mocha\",\"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\":[\"$L2f\",\"$undefined\"]}],\"mocha\"]}],\"$L30\"]}],\"$L31\",\"$L32\"]}]}]]}]\n"])</script><script>self.__next_f.push([1,"2f:[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}]\n30:[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^2.4.5\"}]\n31:[\"$\",\"$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\":\"^1.8.10\"}]]}]\n32:[\"$\",\"$L5\",\"typings\",{\"href\":\"/package/typings\",\"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\"]}],\"typings\"]}],[\"$\",\"span\",null,{\"className\":\"ml-2 shrink-0 font-mono text-xs text-muted-foreground\",\"children\":\"^0.8.1\"}]]}]\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>