npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

rehype-extract-excerpt

v0.3.1

Published

rehype plugin which attaches a document's first paragraph to the VFile

Downloads

108

Readme

rehype-extract-excerpt

rehype plugin which attaches a document's first paragraph to the VFile.

Contents

What is this?

This package is a unified (rehype) plugin to extract the first paragraph of a document.

unified is a project that transforms content with abstract syntax trees (ASTs). rehype adds support for HTML to unified. vfile is the virtual file interface used in unified. hast is the HTML AST that rehype uses.

This is a rehype plugin that inspects hast and adds an excerpt to vfiles.

When should I use this?

This plugin is useful if you want to use the first paragraph of a markdown file as description, instead of adding a description to the frontmatter.

Install

This package is ESM only. In Node.js (version 16.0+, or 18.0+), install with npm:

npm install rehype-extract-excerpt

In Deno, with esm.sh:

import rehypeExtractExcerpt from 'https://esm.sh/rehype-extract-excerpt'

In browsers, with esm.sh:

<script type="module">
  import rehypeExtractExcerpt from 'https://esm.sh/rehype-extract-excerpt?bundle'
</script>

Use

Say our module example.js looks as follows:

import { unified } from 'unified'
import remarkParse from 'remark-parse'
import remarkRehype from 'remark-rehype'
import rehypeExtractExcerpt from 'rehype-extract-excerpt'
import rehypeStringify from 'rehype-stringify'

const file = await unified()
  .use(remarkParse)
  .use(remarkRehype)
  .use(rehypeExtractExcerpt)
  .use(rehypeStringify).process(`# Test heading h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

## Test heading h2

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`)

console.log(file.data)
console.log(String(file))

…now running node example.js yields:

{
  excerpt: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad...'
}

API

This package exports no identifiers. The default export is rehypeExtractExcerpt.

unified().use(rehypeExtractExcerpt, options?)

Attach a document's first paragraph as file metadata. The result is stored on file.data.excerpt. If the document does not contain a paragraph, data.extract value will be undefined.

options

Configuration (optional).

options.name

The var name of the vFile.data export. (string, default: 'excerpt').

options.maxLength

The character length to truncate the excerpt. (number, default: 140).

options.ellipsis

The ellipsis to add to the excerpt. Use '' to disable. (string, default: '...').

options.wordBoundaries

Truncate the excerpt at word boundary. (boolean, default: true).

options.tagName

The HTML tag name to extract excerpt from. (string, default: 'p').

Types

This package is fully typed with TypeScript. The additional type RehypeExtractExcerptOptions is exported.

Security

Use of rehype-extract-excerpt is safe.

Related

License

MIT