unified

Project: remarkjs/remark-lint

Package: remark-lint-code-block-style@3.1.0

  1. remark-lint rule to warn when code blocks do not adhere to a given style
  1. remark 213
  2. lint 78
  3. rule 73
  4. remark-lint-rule 66
  5. code 7
  6. block 2

remark-lint-code-block-style

Build Coverage Downloads Size Sponsors Backers Chat

remark-lint rule to warn when code blocks violate a given style.

Contents

What is this?

This package checks the style of code blocks.

When should I use this?

You can use this package to check that the style of code blocks is consistent.

Presets

This plugin is included in the following presets:

PresetOptions
remark-preset-lint-consistent'consistent'
remark-preset-lint-markdown-style-guide'fenced'

Install

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

npm install remark-lint-code-block-style

In Deno with esm.sh:

import remarkLintCodeBlockStyle from 'https://esm.sh/remark-lint-code-block-style@4'

In browsers with esm.sh:

<script type="module">
  import remarkLintCodeBlockStyle from 'https://esm.sh/remark-lint-code-block-style@4?bundle'
</script>

Use

On the API:

import remarkLint from 'remark-lint'
import remarkLintCodeBlockStyle from 'remark-lint-code-block-style'
import remarkParse from 'remark-parse'
import remarkStringify from 'remark-stringify'
import {read} from 'to-vfile'
import {unified} from 'unified'
import {reporter} from 'vfile-reporter'

const file = await read('example.md')

await unified()
  .use(remarkParse)
  .use(remarkLint)
  .use(remarkLintCodeBlockStyle)
  .use(remarkStringify)
  .process(file)

console.error(reporter(file))

On the CLI:

remark --frail --use remark-lint --use remark-lint-code-block-style .

On the CLI in a config file (here a package.json):

 …
 "remarkConfig": {
   "plugins": [
     …
     "remark-lint",
+    "remark-lint-code-block-style",
     …
   ]
 }
 …

API

This package exports no identifiers. It exports the TypeScript types Options and Style. The default export is remarkLintCodeBlockStyle.

unified().use(remarkLintCodeBlockStyle[, options])

Warn when code blocks violate a given style.

Parameters
Returns

Transform (Transformer from unified).

Options

Configuration (TypeScript type).

Type
type Options = Style | 'consistent'

Style

Style (TypeScript type).

Type
type Style = 'indented' | 'fenced'

Recommendation

Indentation in markdown is complex as lists and indented code interfere in unexpected ways. Fenced code has more features than indented code: it can specify a programming language. Since CommonMark took the idea of fenced code from GFM, fenced code became widely supported. Due to this, it’s recommended to configure this rule with 'fenced'.

Fix

remark-stringify always formats code blocks as fenced. Pass fences: false to only use fenced code blocks when they have a language and as indented code otherwise.

Examples

ok-indented.md

When configured with 'indented'.

In
    venus()

Mercury.

    earth()
Out

No messages.

ok-fenced.md

When configured with 'fenced'.

In
```
venus()
```

Mercury.

```
earth()
```
Out

No messages.

not-ok-consistent.md
In
    venus()

Mercury.

```
earth()
```
Out
5:1-7:4: Unexpected fenced code block, expected indented code blocks
not-ok-indented.md

When configured with 'indented'.

In
```
venus()
```

Mercury.

```
earth()
```
Out
1:1-3:4: Unexpected fenced code block, expected indented code blocks
7:1-9:4: Unexpected fenced code block, expected indented code blocks
not-ok-fenced.md

When configured with 'fenced'.

In
    venus()

Mercury.

    earth()
Out
1:1-1:12: Unexpected indented code block, expected fenced code blocks
5:1-5:12: Unexpected indented code block, expected fenced code blocks
not-ok-options.md

When configured with '🌍'.

Out
1:1: Unexpected value `🌍` for `options`, expected `'fenced'`, `'indented'`, or `'consistent'`

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, remark-lint-code-block-style@4, compatible with Node.js 16.

Contribute

See contributing.md in remarkjs/.github for ways to get started. See support.md for ways to get help.

This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.

License

MIT © Titus Wormer