unified

Project: remarkjs/remark-lint

Package: remark-lint-list-item-indent@3.1.1

  1. Dependents: 0
  2. remark-lint rule to warn when the spacing between a list item’s bullet and its content violates a given style
  1. remark 214
  2. lint 80
  3. rule 75
  4. remark-lint-rule 68
  5. list 12
  6. indent 8
  7. item 6

remark-lint-list-item-indent

Build Coverage Downloads Size Sponsors Backers Chat

remark-lint rule to warn when the whitespace after list item markers violate a given style.

Contents

What is this?

This package checks the style of whitespace after list item markers.

When should I use this?

You can use this package to check that the style of whitespace after list item markers and before content is consistent.

Presets

This plugin is included in the following presets:

PresetOptions
remark-preset-lint-markdown-style-guide'mixed'
remark-preset-lint-recommended'tab-size'

Install

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

npm install remark-lint-list-item-indent

In Deno with esm.sh:

import remarkLintListItemIndent from 'https://esm.sh/remark-lint-list-item-indent@3'

In browsers with esm.sh:

<script type="module">
  import remarkLintListItemIndent from 'https://esm.sh/remark-lint-list-item-indent@3?bundle'
</script>

Use

On the API:

import remarkLint from 'remark-lint'
import remarkLintListItemIndent from 'remark-lint-list-item-indent'
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(remarkLintListItemIndent)
  .use(remarkStringify)
  .process(file)

console.error(reporter(file))

On the CLI:

remark --frail --use remark-lint --use remark-lint-list-item-indent .

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

 …
 "remarkConfig": {
   "plugins": [
     …
     "remark-lint",
+    "remark-lint-list-item-indent",
     …
   ]
 }
 …

API

This package exports no identifiers. It exports the TypeScript type Options. The default export is remarkLintListItemIndent.

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

Warn when the whitespace after list item markers violate a given style.

Parameters
Returns

Transform (Transformer from unified).

Options

Configuration (TypeScript type).

Type
type Options = 'mixed' | 'space' | 'tab-size'

Recommendation

First some background. The number of spaces that occur after list markers (*, -, and + for unordered lists and . and ) for unordered lists) and before the content on the first line, defines how much indentation can be used for further lines. At least one space is required and up to 4 spaces are allowed. If there is no further content after the marker then it’s a blank line which is handled as if there was one space. If there are 5 or more spaces and then content then it’s also seen as one space and the rest is seen as indented code.

Regardless of ordered and unordered, there are two kinds of lists in markdown, tight and loose. Lists are tight by default but if there is a blank line between two list items or between two blocks inside an item, that turns the whole list into a loose list. When turning markdown into HTML, paragraphs in tight lists are not wrapped in <p> tags.

How indentation of lists works in markdown has historically been a mess, especially with how they interact with indented code. CommonMark made that a lot better, but there remain (documented but complex) edge cases and some behavior intuitive. Due to this, the default of this list is 'tab-size', which worked the best in most markdown parsers and in CommonMark. Currently the situation between markdown parsers is better, so choosing 'space', which seems to be the most common style used by authors, is okay.

Fix

remark-stringify uses listItemIndent: 'one', for 'space', by default. listItemIndent: 'mixed' or listItemIndent: 'tab' (for 'tab-size') is also supported.

Examples

ok.md
In
*␠␠␠List
␠␠␠␠item.

Paragraph.

11.␠List
␠␠␠␠item.

Paragraph.

*␠␠␠List
␠␠␠␠item.

*␠␠␠List
␠␠␠␠item.
Out

No messages.

ok.md

When configured with 'mixed'.

In
*␠List item.

Paragraph.

11.␠List item

Paragraph.

*␠␠␠List
␠␠␠␠item.

*␠␠␠List
␠␠␠␠item.
Out

No messages.

ok.md

When configured with 'space'.

In
*␠List item.

Paragraph.

11.␠List item

Paragraph.

*␠List
␠␠item.

*␠List
␠␠item.
Out

No messages.

not-ok.md

When configured with 'space'.

In
*␠␠␠List
␠␠␠␠item.
Out
1:5: Incorrect list-item indent: remove 2 spaces
not-ok.md

When configured with 'tab-size'.

In
*␠List
␠␠item.
Out
1:3: Incorrect list-item indent: add 2 spaces
not-ok.md

When configured with 'mixed'.

In
*␠␠␠List item.
Out
1:5: Incorrect list-item indent: remove 2 spaces
not-ok.md

When configured with '💩'.

Out
1:1: Incorrect list-item indent style `💩`: use either `'tab-size'`, `'space'`, or `'mixed'`

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-list-item-indent@3, compatible with Node.js 12.

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