@bernardjoseph/remark-citekey NPM

remark-citekey

remark plugin to support Pandoc-style citation keys (@doe99, @{smith04}).

Install

This package is ESM only: Node 12+ is needed to use it and it must be imported instead of required.

npm install remark-citekey

Use

Say we have the following file, example.md:

See @wadler1989 [sec. 1.3; and @{hughes1990.}, pp. 4].

And our module, example.js, looks as follows:

import {readSync} from 'to-vfile'
import {reporter} from 'vfile-reporter'
import {unified} from 'unified'
import remarkParse from 'remark-parse'
import remarkCitekey from '@bernardjoseph/remark-citekey'
import remarkRehype from 'remark-rehype'
import rehypeFormat from 'rehype-format'
import rehypeStringify from 'rehype-stringify'
import {visit} from 'unist-util-visit'

unified()
  .use(remarkParse)
  .use(remarkCitekey)
  .use(citekeyPlugin)
  .use(remarkRehype)
  .use(rehypeFormat)
  .use(rehypeStringify)
  .process(readSync('example.md'))
  .then((file) => {
    console.error(reporter(file))
    console.log(String(file))
  })

function citekeyPlugin() {
  return (tree) => {
    visit(tree, (node, _, parent) => {
      if (node.type === 'citekey') {
        const data = node.data || (node.data = {})
        data.hName = 'span'
        data.hProperties = {className: 'citation'}
      }

      if (node.type === 'citekeyId' && parent.type === 'citekey') {
        const data = parent.data || (parent.data = {})
        if (data.hProperties && data.hProperties.className === 'citation')
          data.hProperties['data-cite'] = node.value
      }
    })
  }
}

Now, running node example yields:

no issues found

<p>See <span class="citation" data-cite="wadler1989">@wadler1989</span> [sec. 1.3; and <span class="citation" data-cite="hughes1990.">@{hughes1990.}</span>, pp. 4].</p>

API

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

`unified().use(remarkCitekey[, options])`

Configures remark so that it can parse and serialize Pandoc-style citation keys. See the mdast utility for the syntax tree.

`options.strict`

Passed to micromark-extension-citekey.

Security

Use of remark-citekey does not involve rehype (hast) or user content so there are no openings for cross-site scripting (XSS) attacks.

unifiedjs/unified — interface for processing text using syntax trees
remarkjs/remark — markdown processor powered by plugins
micromark/micromark — the smallest commonmark-compliant markdown parser that exists
@bernardjoseph/mdast-util-citekey — mdast utility to support citation keys
@bernardjoseph/micromark-extension-citekey — mdast utility to support citation keys