492 lines
15 KiB
Markdown
492 lines
15 KiB
Markdown
|
# micromark
|
|||
|
|
|||
|
[![Build][build-badge]][build]
|
|||
|
[![Coverage][coverage-badge]][coverage]
|
|||
|
[![Downloads][downloads-badge]][downloads]
|
|||
|
[![Size][bundle-size-badge]][bundle-size]
|
|||
|
[![Sponsors][sponsors-badge]][opencollective]
|
|||
|
[![Backers][backers-badge]][opencollective]
|
|||
|
[![Chat][chat-badge]][chat]
|
|||
|
|
|||
|
Markdown parser.
|
|||
|
|
|||
|
> **Note**: this is the `micromark` package from the micromark monorepo.
|
|||
|
> See the [monorepo readme][micromark] for more on the project.
|
|||
|
> See this readme for how to use it.
|
|||
|
|
|||
|
## Feature highlights
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
* [x] **[compliant][commonmark]** (100% to CommonMark)
|
|||
|
* [x] **[extensions][]** (100% [GFM][], 100% [MDX.js][mdxjs], [directives][],
|
|||
|
[frontmatter][], [math][])
|
|||
|
* [x] **[safe][security]** (by default)
|
|||
|
* [x] **[robust][test]** (±2k tests, 100% coverage, fuzz testing)
|
|||
|
* [x] **[small][size-debug]** (smallest CM parser at ±14kb)
|
|||
|
|
|||
|
## Contents
|
|||
|
|
|||
|
* [When should I use this?](#when-should-i-use-this)
|
|||
|
* [What is this?](#what-is-this)
|
|||
|
* [Install](#install)
|
|||
|
* [Use](#use)
|
|||
|
* [API](#api)
|
|||
|
* [`micromark(value[, encoding][, options])`](#micromarkvalue-encoding-options)
|
|||
|
* [`stream(options?)`](#streamoptions)
|
|||
|
* [`Options`](#options)
|
|||
|
* [Types](#types)
|
|||
|
* [Compatibility](#compatibility)
|
|||
|
* [Security](#security)
|
|||
|
* [Contribute](#contribute)
|
|||
|
* [Sponsor](#sponsor)
|
|||
|
* [License](#license)
|
|||
|
|
|||
|
## When should I use this?
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
* If you *just* want to turn markdown into HTML (with maybe a few extensions)
|
|||
|
* If you want to do *really complex things* with markdown
|
|||
|
|
|||
|
See [§ Comparison][comparison] for more info
|
|||
|
|
|||
|
## What is this?
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
`micromark` is an open source markdown parser written in JavaScript.
|
|||
|
It’s implemented as a state machine that emits concrete tokens, so that every
|
|||
|
byte is accounted for, with positional info.
|
|||
|
It then compiles those tokens directly to HTML, but other tools can take the
|
|||
|
data and for example build an AST which is easier to work with
|
|||
|
([`mdast-util-to-markdown`][mdast-util-to-markdown]).
|
|||
|
|
|||
|
While most markdown parsers work towards compliancy with CommonMark (or GFM),
|
|||
|
this project goes further by following how the reference parsers (`cmark`,
|
|||
|
`cmark-gfm`) work, which is confirmed with thousands of extra tests.
|
|||
|
|
|||
|
Other than CommonMark and GFM, micromark also supports common extensions to
|
|||
|
markdown such as MDX, math, and frontmatter.
|
|||
|
|
|||
|
These npm packages have a sibling project in Rust:
|
|||
|
[`markdown-rs`][markdown-rs].
|
|||
|
|
|||
|
* to learn markdown, see this [cheatsheet and tutorial][cheat]
|
|||
|
* for more about us, see [`unifiedjs.com`][site]
|
|||
|
* for updates, see [Twitter][]
|
|||
|
* for questions, see [Discussions][chat]
|
|||
|
* to help, see [contribute][] and [sponsor][] below
|
|||
|
|
|||
|
## Install
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
This package is [ESM only][esm].
|
|||
|
In Node.js (version 16+), install with [npm][]:
|
|||
|
|
|||
|
```sh
|
|||
|
npm install micromark
|
|||
|
```
|
|||
|
|
|||
|
In Deno with [`esm.sh`][esmsh]:
|
|||
|
|
|||
|
```js
|
|||
|
import {micromark} from 'https://esm.sh/micromark@3'
|
|||
|
```
|
|||
|
|
|||
|
In browsers with [`esm.sh`][esmsh]:
|
|||
|
|
|||
|
```html
|
|||
|
<script type="module">
|
|||
|
import {micromark} from 'https://esm.sh/micromark@3?bundle'
|
|||
|
</script>
|
|||
|
```
|
|||
|
|
|||
|
## Use
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
Typical use (buffering):
|
|||
|
|
|||
|
```js
|
|||
|
import {micromark} from 'micromark'
|
|||
|
|
|||
|
console.log(micromark('## Hello, *world*!'))
|
|||
|
```
|
|||
|
|
|||
|
Yields:
|
|||
|
|
|||
|
```html
|
|||
|
<h2>Hello, <em>world</em>!</h2>
|
|||
|
```
|
|||
|
|
|||
|
You can pass extensions (in this case [`micromark-extension-gfm`][gfm]):
|
|||
|
|
|||
|
```js
|
|||
|
import {micromark} from 'micromark'
|
|||
|
import {gfm, gfmHtml} from 'micromark-extension-gfm'
|
|||
|
|
|||
|
const value = '* [x] contact@example.com ~~strikethrough~~'
|
|||
|
|
|||
|
const result = micromark(value, {
|
|||
|
extensions: [gfm()],
|
|||
|
htmlExtensions: [gfmHtml()]
|
|||
|
})
|
|||
|
|
|||
|
console.log(result)
|
|||
|
```
|
|||
|
|
|||
|
Yields:
|
|||
|
|
|||
|
```html
|
|||
|
<ul>
|
|||
|
<li><input checked="" disabled="" type="checkbox"> <a href="mailto:contact@example.com">contact@example.com</a> <del>strikethrough</del></li>
|
|||
|
</ul>
|
|||
|
```
|
|||
|
|
|||
|
Streaming interface:
|
|||
|
|
|||
|
```js
|
|||
|
import {createReadStream} from 'node:fs'
|
|||
|
import {stream} from 'micromark/stream'
|
|||
|
|
|||
|
createReadStream('example.md')
|
|||
|
.on('error', handleError)
|
|||
|
.pipe(stream())
|
|||
|
.pipe(process.stdout)
|
|||
|
|
|||
|
function handleError(error) {
|
|||
|
// Handle your error here!
|
|||
|
throw error
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
## API
|
|||
|
|
|||
|
`micromark` core has two entries in its export map: `micromark` and
|
|||
|
`micromark/stream`.
|
|||
|
|
|||
|
`micromark` exports the identifier [`micromark`][api-micromark].
|
|||
|
`micromark/stream` exports the identifier [`stream`][api-stream].
|
|||
|
There are no default exports.
|
|||
|
|
|||
|
The export map supports the [`development` condition][development].
|
|||
|
Run `node --conditions development module.js` to get instrumented dev code.
|
|||
|
Without this condition, production code is loaded.
|
|||
|
See [§ Size & debug][size-debug] for more info.
|
|||
|
|
|||
|
### `micromark(value[, encoding][, options])`
|
|||
|
|
|||
|
Compile markdown to HTML.
|
|||
|
|
|||
|
> Note: which encodings are supported depends on the engine.
|
|||
|
> For info on Node.js, see *[WHATWG supported encodings][encoding]*.
|
|||
|
|
|||
|
###### Parameters
|
|||
|
|
|||
|
* `value` (`string` or [`Uint8Array`][uint8-array])
|
|||
|
— markdown to parse
|
|||
|
* `encoding` (`string`, default: `'utf8'`)
|
|||
|
— [character encoding][encoding] to understand `value` as when it’s a
|
|||
|
[`Uint8Array`][uint8-array]
|
|||
|
* `options` ([`Options`][api-options], optional)
|
|||
|
— configuration
|
|||
|
|
|||
|
###### Returns
|
|||
|
|
|||
|
Compiled HTML (`string`).
|
|||
|
|
|||
|
### `stream(options?)`
|
|||
|
|
|||
|
Create a duplex (readable and writable) stream.
|
|||
|
|
|||
|
Some of the work to parse markdown can be done streaming, but in the
|
|||
|
end buffering is required.
|
|||
|
|
|||
|
micromark does not handle errors for you, so you must handle errors on whatever
|
|||
|
streams you pipe into it.
|
|||
|
As markdown does not know errors, `micromark` itself does not emit errors.
|
|||
|
|
|||
|
###### Parameters
|
|||
|
|
|||
|
* `options` ([`Options`][api-options], optional)
|
|||
|
— configuration
|
|||
|
|
|||
|
###### Returns
|
|||
|
|
|||
|
Duplex stream.
|
|||
|
|
|||
|
### `Options`
|
|||
|
|
|||
|
Configuration (TypeScript type).
|
|||
|
|
|||
|
##### Fields
|
|||
|
|
|||
|
###### `allowDangerousHtml`
|
|||
|
|
|||
|
Whether to allow (dangerous) HTML (`boolean`, default: `false`).
|
|||
|
|
|||
|
The default is `false`, which still parses the HTML according to `CommonMark`
|
|||
|
but shows the HTML as text instead of as elements.
|
|||
|
|
|||
|
Pass `true` for trusted content to get actual HTML elements.
|
|||
|
See [§ Security][security].
|
|||
|
|
|||
|
###### `allowDangerousProtocol`
|
|||
|
|
|||
|
Whether to allow dangerous protocols in links and images (`boolean`, default:
|
|||
|
`false`).
|
|||
|
|
|||
|
The default is `false`, which drops URLs in links and images that use dangerous
|
|||
|
protocols.
|
|||
|
|
|||
|
Pass `true` for trusted content to support all protocols.
|
|||
|
|
|||
|
URLs that have no protocol (which means it’s relative to the current page, such
|
|||
|
as `./some/page.html`) and URLs that have a safe protocol (for images: `http`,
|
|||
|
`https`; for links: `http`, `https`, `irc`, `ircs`, `mailto`, `xmpp`), are
|
|||
|
safe.
|
|||
|
All other URLs are dangerous and dropped.
|
|||
|
See [§ Security][security].
|
|||
|
|
|||
|
###### `defaultLineEnding`
|
|||
|
|
|||
|
Default line ending to use when compiling to HTML, for line endings not in
|
|||
|
`value` (`'\r'`, `'\n'`, or `'\r\n'`; default: first line ending or `'\n'`).
|
|||
|
|
|||
|
Generally, `micromark` copies line endings (`\r`, `\n`, `\r\n`) in the markdown
|
|||
|
document over to the compiled HTML.
|
|||
|
In some cases, such as `> a`, CommonMark requires that extra line endings are
|
|||
|
added: `<blockquote>\n<p>a</p>\n</blockquote>`.
|
|||
|
|
|||
|
To create that line ending, the document is checked for the first line ending
|
|||
|
that is used.
|
|||
|
If there is no line ending, `defaultLineEnding` is used.
|
|||
|
If that isn’t configured, `\n` is used.
|
|||
|
|
|||
|
###### `extensions`
|
|||
|
|
|||
|
Array of syntax extensions (`Array<SyntaxExtension>`, default: `[]`).
|
|||
|
See [§ Extensions][extensions].
|
|||
|
|
|||
|
###### `htmlExtensions`
|
|||
|
|
|||
|
Array of syntax extensions (`Array<HtmlExtension>`, default: `[]`).
|
|||
|
See [§ Extensions][extensions].
|
|||
|
|
|||
|
## Types
|
|||
|
|
|||
|
This package is fully typed with [TypeScript][].
|
|||
|
It exports the additional type [`Options`][api-options].
|
|||
|
|
|||
|
## Compatibility
|
|||
|
|
|||
|
Projects maintained by the unified collective are compatible with maintained
|
|||
|
versions of Node.js.
|
|||
|
|
|||
|
When we cut a new major release, we drop support for unmaintained versions of
|
|||
|
Node.
|
|||
|
This means we try to keep the current release line, `micromark@^4`, compatible
|
|||
|
with Node.js 16.
|
|||
|
|
|||
|
## Security
|
|||
|
|
|||
|
This package is safe.
|
|||
|
See [`security.md`][securitymd] in [`micromark/.github`][health] for how to
|
|||
|
submit a security report.
|
|||
|
|
|||
|
## Contribute
|
|||
|
|
|||
|
See [`contributing.md`][contributing] in [`micromark/.github`][health] for ways
|
|||
|
to get started.
|
|||
|
See [`support.md`][support] for ways to get help.
|
|||
|
|
|||
|
This project has a [code of conduct][coc].
|
|||
|
By interacting with this repository, organisation, or community you agree to
|
|||
|
abide by its terms.
|
|||
|
|
|||
|
## Sponsor
|
|||
|
|
|||
|
<!-- Note: this section has to be in sync with the monorepo readme. -->
|
|||
|
|
|||
|
Support this effort and give back by sponsoring on [OpenCollective][]!
|
|||
|
|
|||
|
<table>
|
|||
|
<tr valign="middle">
|
|||
|
<td width="100%" align="center" colspan="10">
|
|||
|
<br>
|
|||
|
<a href="https://www.salesforce.com">Salesforce</a> 🏅<br><br>
|
|||
|
<a href="https://www.salesforce.com"><img src="https://images.opencollective.com/salesforce/ca8f997/logo/512.png" width="256"></a>
|
|||
|
</td>
|
|||
|
</tr>
|
|||
|
<tr valign="middle">
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://vercel.com">Vercel</a><br><br>
|
|||
|
<a href="https://vercel.com"><img src="https://avatars1.githubusercontent.com/u/14985020?s=256&v=4" width="128"></a>
|
|||
|
</td>
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://motif.land">Motif</a><br><br>
|
|||
|
<a href="https://motif.land"><img src="https://avatars1.githubusercontent.com/u/74457950?s=256&v=4" width="128"></a>
|
|||
|
</td>
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://www.hashicorp.com">HashiCorp</a><br><br>
|
|||
|
<a href="https://www.hashicorp.com"><img src="https://avatars1.githubusercontent.com/u/761456?s=256&v=4" width="128"></a>
|
|||
|
</td>
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://www.gitbook.com">GitBook</a><br><br>
|
|||
|
<a href="https://www.gitbook.com"><img src="https://avatars1.githubusercontent.com/u/7111340?s=256&v=4" width="128"></a>
|
|||
|
</td>
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://www.gatsbyjs.org">Gatsby</a><br><br>
|
|||
|
<a href="https://www.gatsbyjs.org"><img src="https://avatars1.githubusercontent.com/u/12551863?s=256&v=4" width="128"></a>
|
|||
|
</td>
|
|||
|
</tr>
|
|||
|
<tr valign="middle">
|
|||
|
</tr>
|
|||
|
<tr valign="middle">
|
|||
|
<td width="20%" align="center" rowspan="2" colspan="2">
|
|||
|
<a href="https://www.netlify.com">Netlify</a><br><br>
|
|||
|
<!--OC has a sharper image-->
|
|||
|
<a href="https://www.netlify.com"><img src="https://images.opencollective.com/netlify/4087de2/logo/256.png" width="128"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://www.coinbase.com">Coinbase</a><br><br>
|
|||
|
<a href="https://www.coinbase.com"><img src="https://avatars1.githubusercontent.com/u/1885080?s=256&v=4" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://themeisle.com">ThemeIsle</a><br><br>
|
|||
|
<a href="https://themeisle.com"><img src="https://avatars1.githubusercontent.com/u/58979018?s=128&v=4" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://expo.io">Expo</a><br><br>
|
|||
|
<a href="https://expo.io"><img src="https://avatars1.githubusercontent.com/u/12504344?s=128&v=4" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://boostnote.io">Boost Note</a><br><br>
|
|||
|
<a href="https://boostnote.io"><img src="https://images.opencollective.com/boosthub/6318083/logo/128.png" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://markdown.space">Markdown Space</a><br><br>
|
|||
|
<a href="https://markdown.space"><img src="https://images.opencollective.com/markdown-space/e1038ed/logo/128.png" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%" align="center">
|
|||
|
<a href="https://www.holloway.com">Holloway</a><br><br>
|
|||
|
<a href="https://www.holloway.com"><img src="https://avatars1.githubusercontent.com/u/35904294?s=128&v=4" width="64"></a>
|
|||
|
</td>
|
|||
|
<td width="10%"></td>
|
|||
|
<td width="10%"></td>
|
|||
|
</tr>
|
|||
|
<tr valign="middle">
|
|||
|
<td width="100%" align="center" colspan="8">
|
|||
|
<br>
|
|||
|
<a href="https://opencollective.com/unified"><strong>You?</strong></a>
|
|||
|
<br><br>
|
|||
|
</td>
|
|||
|
</tr>
|
|||
|
</table>
|
|||
|
|
|||
|
## License
|
|||
|
|
|||
|
[MIT][license] © [Titus Wormer][author]
|
|||
|
|
|||
|
<!-- Definitions -->
|
|||
|
|
|||
|
[build-badge]: https://github.com/micromark/micromark/workflows/main/badge.svg
|
|||
|
|
|||
|
[build]: https://github.com/micromark/micromark/actions
|
|||
|
|
|||
|
[coverage-badge]: https://img.shields.io/codecov/c/github/micromark/micromark.svg
|
|||
|
|
|||
|
[coverage]: https://codecov.io/github/micromark/micromark
|
|||
|
|
|||
|
[downloads-badge]: https://img.shields.io/npm/dm/micromark.svg
|
|||
|
|
|||
|
[downloads]: https://www.npmjs.com/package/micromark
|
|||
|
|
|||
|
[bundle-size-badge]: https://img.shields.io/badge/dynamic/json?label=minzipped%20size&query=$.size.compressedSize&url=https://deno.bundlejs.com/?q=micromark
|
|||
|
|
|||
|
[bundle-size]: https://bundlejs.com/?q=micromark
|
|||
|
|
|||
|
[sponsors-badge]: https://opencollective.com/unified/sponsors/badge.svg
|
|||
|
|
|||
|
[backers-badge]: https://opencollective.com/unified/backers/badge.svg
|
|||
|
|
|||
|
[opencollective]: https://opencollective.com/unified
|
|||
|
|
|||
|
[chat-badge]: https://img.shields.io/badge/chat-discussions-success.svg
|
|||
|
|
|||
|
[chat]: https://github.com/micromark/micromark/discussions
|
|||
|
|
|||
|
[npm]: https://docs.npmjs.com/cli/install
|
|||
|
|
|||
|
[esm]: https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c
|
|||
|
|
|||
|
[esmsh]: https://esm.sh
|
|||
|
|
|||
|
[typescript]: https://www.typescriptlang.org
|
|||
|
|
|||
|
[development]: https://nodejs.org/api/packages.html#packages_resolving_user_conditions
|
|||
|
|
|||
|
[license]: https://github.com/micromark/micromark/blob/main/license
|
|||
|
|
|||
|
[author]: https://wooorm.com
|
|||
|
|
|||
|
[health]: https://github.com/micromark/.github
|
|||
|
|
|||
|
[securitymd]: https://github.com/micromark/.github/blob/main/security.md
|
|||
|
|
|||
|
[contributing]: https://github.com/micromark/.github/blob/main/contributing.md
|
|||
|
|
|||
|
[support]: https://github.com/micromark/.github/blob/main/support.md
|
|||
|
|
|||
|
[coc]: https://github.com/micromark/.github/blob/main/code-of-conduct.md
|
|||
|
|
|||
|
[cheat]: https://commonmark.org/help/
|
|||
|
|
|||
|
[twitter]: https://twitter.com/unifiedjs
|
|||
|
|
|||
|
[site]: https://unifiedjs.com
|
|||
|
|
|||
|
[contribute]: #contribute
|
|||
|
|
|||
|
[uint8-array]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array
|
|||
|
|
|||
|
[encoding]: https://nodejs.org/api/util.html#whatwg-supported-encodings
|
|||
|
|
|||
|
[commonmark]: https://commonmark.org
|
|||
|
|
|||
|
[directives]: https://github.com/micromark/micromark-extension-directive
|
|||
|
|
|||
|
[frontmatter]: https://github.com/micromark/micromark-extension-frontmatter
|
|||
|
|
|||
|
[gfm]: https://github.com/micromark/micromark-extension-gfm
|
|||
|
|
|||
|
[math]: https://github.com/micromark/micromark-extension-math
|
|||
|
|
|||
|
[mdxjs]: https://github.com/micromark/micromark-extension-mdxjs
|
|||
|
|
|||
|
[security]: #security
|
|||
|
|
|||
|
[sponsor]: #sponsor
|
|||
|
|
|||
|
[micromark]: https://github.com/micromark/micromark
|
|||
|
|
|||
|
[extensions]: https://github.com/micromark/micromark#extensions
|
|||
|
|
|||
|
[test]: https://github.com/micromark/micromark#test
|
|||
|
|
|||
|
[size-debug]: https://github.com/micromark/micromark#size--debug
|
|||
|
|
|||
|
[comparison]: https://github.com/micromark/micromark#comparison
|
|||
|
|
|||
|
[markdown-rs]: https://github.com/wooorm/markdown-rs
|
|||
|
|
|||
|
[mdast-util-to-markdown]: https://github.com/syntax-tree/mdast-util-to-markdown
|
|||
|
|
|||
|
[api-micromark]: #micromarkvalue-encoding-options
|
|||
|
|
|||
|
[api-stream]: #streamoptions
|
|||
|
|
|||
|
[api-options]: #options
|