mdast-util-frontmatter

mdast extension to parse and serialize frontmatter (YAML, TOML, etc)

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
mdast-util-frontmatter
801.0.14 days ago2 years agoMinified + gzip package size for mdast-util-frontmatter in KB

Readme

mdast-util-frontmatter
!Buildbuild-badgebuild !Coveragecoverage-badgecoverage !Downloadsdownloads-badgedownloads !Sizesize-badgesize !Sponsorssponsors-badgecollective !Backersbackers-badgecollective !Chatchat-badgechat
mdast extensions to parse and serialize frontmatter (YAML, TOML, and more).

Contents

*   [`frontmatterFromMarkdown(options?)`](#frontmatterfrommarkdownoptions)
*   [`frontmatterToMarkdown(options?)`](#frontmattertomarkdownoptions)
*   [`Info`](#info)
*   [`Matter`](#matter)
*   [`Options`](#options)
*   [Nodes](#nodes)
*   [Content model](#content-model)

What is this?

This package contains two extensions that add support for frontmatter syntax as often used in markdown to mdast. These extensions plug into mdast-util-from-markdownmdast-util-from-markdown (to support parsing frontmatter in markdown into a syntax tree) and mdast-util-to-markdownmdast-util-to-markdown (to support serializing frontmatter in syntax trees to markdown).
Frontmatter is a metadata format in front of the content. It’s typically written in YAML and is often used with markdown. Frontmatter does not work everywhere so it makes markdown less portable.
These extensions follow how GitHub handles frontmatter. GitHub only supports YAML frontmatter, but these extensions also support different flavors (such as TOML).

When to use this

You can use these extensions when you are working with mdast-util-from-markdown and mdast-util-to-markdown already.
When working with mdast-util-from-markdown, you must combine this package with micromark-extension-frontmattermicromark-extension-frontmatter.
When you don’t need a syntax tree, you can use micromarkmicromark directly with micromark-extension-frontmattermicromark-extension-frontmatter.
All these packages are used remark-frontmatterremark-frontmatter, which focusses on making it easier to transform content by abstracting these internals away.

Install

This package is ESM onlyesm. In Node.js (version 14.14+ and 16.0+), install with npm:
npm install mdast-util-frontmatter

In Deno with esm.shesmsh:
import {frontmatterFromMarkdown, frontmatterToMarkdown} from 'https://esm.sh/mdast-util-frontmatter@1'

In browsers with esm.shesmsh:
<script type="module">
  import {frontmatterFromMarkdown, frontmatterToMarkdown} from 'https://esm.sh/mdast-util-frontmatter@1?bundle'
</script>

Use

Say our document example.md contains:
+++
title = "New Website"
+++

# Other markdown

…and our module example.js looks as follows:
import fs from 'node:fs/promises'
import {fromMarkdown} from 'mdast-util-from-markdown'
import {toMarkdown} from 'mdast-util-to-markdown'
import {frontmatter} from 'micromark-extension-frontmatter'
import {frontmatterFromMarkdown, frontmatterToMarkdown} from 'mdast-util-frontmatter'

const doc = await fs.readFile('example.md')

const tree = fromMarkdown(doc, {
  extensions: [frontmatter(['yaml', 'toml'])],
  mdastExtensions: [frontmatterFromMarkdown(['yaml', 'toml'])]
})

console.log(tree)

const out = toMarkdown(tree, {extensions: [frontmatterToMarkdown(['yaml', 'toml'])]})

console.log(out)

…now running node example.js yields (positional info removed for brevity):
{
  type: 'root',
  children: [
    {type: 'toml', value: 'title = "New Website"'},
    {
      type: 'heading',
      depth: 1,
      children: [{type: 'text', value: 'Other markdown'}]
    }
  ]
}

+++
title = "New Website"
+++

# Other markdown

API

This package exports the identifiers frontmatterFromMarkdownapi-frontmatterfrommarkdown and frontmatterToMarkdownapi-frontmattertomarkdown. There is no default export.

frontmatterFromMarkdown(options?)

Create an extension for mdast-util-from-markdownmdast-util-from-markdown.
Parameters
— configuration
Returns
Extension for mdast-util-from-markdown (FromMarkdownExtensionfrommarkdownextension).

frontmatterToMarkdown(options?)

Create an extension for mdast-util-to-markdownmdast-util-to-markdown.
Parameters
— configuration
Returns
Extension for mdast-util-to-markdown (ToMarkdownExtensiontomarkdownextension).

Info

Structure of marker or fence (TypeScript type).

Same as Info from micromark-extension-frontmattermatter.

Matter

Structure of matter (TypeScript type).
Same as Matter from micromark-extension-frontmattermatter.

Options

Configuration (TypeScript type).
Same as Options from micromark-extension-frontmatteroptions.

Syntax

See Syntax in micromark-extension-frontmattersyntax.

Syntax tree

The following interfaces are added to mdast by this utility.

Nodes

👉 Note: other nodes are not enabled by default, but when passing options to enable them, they work the same as YAML.

YAML

interface YAML <: Literal {
  type: "yaml"
}

YAML (Literaldfn-literal) represents a collection of metadata for the document in the YAML data serialization language.
YAML can be used where frontmatterdfn-frontmatter-content content is expected. Its content is represented by its value field.
For example, the following markdown:

```markdown

foo: bar

Yields:

```js
{type: 'yaml', value: 'foo: bar'}

Content model

FrontmatterContent

type FrontmatterContent = YAML

Frontmatter content represent out-of-band information about the document.
If frontmatter is present, it must be limited to one node in the tree
term-tree, and can only exist as a headterm-head.

FlowContent (frontmatter)

type FlowContentFrontmatter = FrontmatterContent | FlowContent

Types

This package is fully typed with TypeScript
. It exports the additional types Infoapi-info, Matterapi-matter, and Optionsapi-options.
The YAML node type is supported in @types/mdast by default. To add other node types, register them by adding them to FrontmatterContentMap:
import type {Literal} from 'mdast'

interface Toml extends Literal {
  type: 'toml'
}

declare module 'mdast' {
  interface FrontmatterContentMap {
    // Allow using TOML nodes defined by `mdast-util-frontmatter`.
    toml: Toml
  }
}

Compatibility

Projects maintained by the unified collective are compatible with all maintained versions of Node.js. As of now, that is Node.js 14.14+ and 16.0+. Our projects sometimes work with older versions, but this is not guaranteed.
These extensions works with mdast-util-from-markdown version 1+ and mdast-util-to-markdown version 1+.

Related

— remark plugin to support frontmatter
— micromark extension to parse frontmatter

Contribute

See contributing.mdcontributing in syntax-tree/.githubhealth for ways to get started. See support.mdsupport for ways to get help.
This project has a code of conductcoc. By interacting with this repository, organization, or community you agree to abide by its terms.

License

MITlicense © Titus Wormerauthor