Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add implementation #1

Merged
merged 10 commits into from
May 4, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions .github/workflows/main.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
name: main
on:
- pull_request
- push
jobs:
main:
name: ${{matrix.node}}
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: ${{matrix.node}}
- run: npm install
- run: npm test
- uses: codecov/codecov-action@v3
strategy:
matrix:
node:
- lts/gallium
- node
2 changes: 2 additions & 0 deletions .npmrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
ignore-scripts=true
package-lock=false
remcohaszing marked this conversation as resolved.
Show resolved Hide resolved
2 changes: 2 additions & 0 deletions .prettierignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
coverage/
*.md
1 change: 1 addition & 0 deletions index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export {newlineToBreak} from './lib/index.js'
32 changes: 32 additions & 0 deletions lib/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
/**
* @typedef {import('mdast').Content} Content
* @typedef {import('mdast').Root} Root
* @typedef {import('mdast-util-find-and-replace').ReplaceFunction} ReplaceFunction
*/

/**
* @typedef {Content | Root} Node
*/

import {findAndReplace} from 'mdast-util-find-and-replace'

/**
* Turn normal line endings into hard breaks.
*
* @param {Node} tree
* Tree to change.
* @returns {void}
* Nothing.
*/
export function newlineToBreak(tree) {
findAndReplace(tree, /\r?\n|\r/g, replace)
}

/**
* Replace line endings.
*
* @type {ReplaceFunction}
*/
function replace() {
return {type: 'break'}
}
77 changes: 77 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
{
"name": "mdast-util-newline-to-break",
"version": "0.0.0",
"description": "mdast utility to support hard breaks without needing spaces or escapes",
"license": "MIT",
"keywords": [
"mdast",
"markdown",
"break",
"newline",
"linefeed"
],
"repository": "syntax-tree/mdast-util-newline-to-break",
"bugs": "https://github.com/syntax-tree/mdast-util-newline-to-break/issues",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/unified"
},
"author": "Titus Wormer <tituswormer@gmail.com> (https://wooorm.com)",
"contributors": [
"Remco Haszig <remcohaszing@gmail.com>",
"Titus Wormer <tituswormer@gmail.com> (https://wooorm.com)"
],
"sideEffects": false,
"type": "module",
"exports": "./index.js",
"files": [
"lib/",
"index.d.ts",
"index.js"
],
"dependencies": {
"@types/mdast": "^3.0.0",
"mdast-util-find-and-replace": "^2.0.0"
},
"devDependencies": {
"@types/node": "^18.0.0",
"c8": "^7.0.0",
"mdast-util-from-markdown": "^1.0.0",
"mdast-util-to-markdown": "^1.0.0",
"prettier": "^2.0.0",
"remark-cli": "^11.0.0",
"remark-preset-wooorm": "^9.0.0",
"type-coverage": "^2.0.0",
"typescript": "^5.0.0",
"xo": "^0.54.0"
},
"scripts": {
"build": "tsc --build --clean && tsc --build && type-coverage",
"format": "remark . -qfo && prettier . -w --loglevel warn && xo --fix",
"test-api": "node --conditions development test.js",
"test-coverage": "c8 --check-coverage --100 --reporter lcov npm run test-api",
"test": "npm run build && npm run format && npm run test-coverage"
},
"prettier": {
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"bracketSpacing": false,
"semi": false,
"trailingComma": "none"
},
"xo": {
"prettier": true
},
"remarkConfig": {
"plugins": [
"remark-preset-wooorm"
]
},
"typeCoverage": {
"atLeast": 100,
"detail": true,
"strict": true,
"ignoreCatch": true
}
}
245 changes: 245 additions & 0 deletions readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,245 @@
# remark-breaks

[![Build][build-badge]][build]
[![Coverage][coverage-badge]][coverage]
[![Downloads][downloads-badge]][downloads]
[![Size][size-badge]][size]
[![Sponsors][sponsors-badge]][collective]
[![Backers][backers-badge]][collective]
[![Chat][chat-badge]][chat]

**[mdast][]** utility to support hard breaks without needing spaces or
escapes (turns enters into `<br>`s).

## Contents

* [What is this?](#what-is-this)
* [When should I use this?](#when-should-i-use-this)
* [Install](#install)
* [Use](#use)
* [API](#api)
* [`newlineToBreak(tree)`](#newlinetobreaktree)
* [Syntax](#syntax)
* [Syntax tree](#syntax-tree)
* [Types](#types)
* [Compatibility](#compatibility)
* [Security](#security)
* [Related](#related)
* [Contribute](#contribute)
* [License](#license)

## What is this?

This package is a utility that takes an [mdast][] tree and turns soft line
endings (enters) into hard breaks (`<br>`s)

This package is used inside [remark-breaks][], which focusses on making it
easier to transform content by abstracting these internals away.

## When should I use this?

This plugin is useful if you want to display user content closer to how it was
authored, because when a user includes a line ending, it’ll show as such.
GitHub does this in a few places (comments, issues, PRs, and releases), but it’s
not semantic according to HTML and not compliant to markdown.
Markdown already has two ways to include hard breaks, namely trailing spaces and
escapes (note that `␠` represents a normal space):

```markdown
lorem␠␠
ipsum

lorem\
ipsum
```

Both will turn into `<br>`s.
If you control who authors content or can document how markdown works, it’s
recommended to use escapes instead.

## Install

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

```sh
npm install mdast-util-newline-to-break
```

In Deno with [`esm.sh`][esmsh]:

```js
import {newlineToBreak} from 'https://esm.sh/mdast-util-newline-to-break@0'
```

In browsers with [`esm.sh`][esmsh]:

```html
<script type="module">
import {newlineToBreak} from 'https://esm.sh/mdast-util-newline-to-break@0?bundle'
</script>
```

## Use

Say we have the following file, `example.md` (note: there are no spaces after
`a`):

```markdown
This is a
paragraph.
```

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

```js
import fs from 'node:fs/promises'
import {fromMarkdown} from 'mdast-util-from-markdown'
import {newlineToBreak} from 'mdast-util-newline-to-break'
import {toMarkdown} from 'mdast-util-to-markdown'

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

newlineToBreak(tree)

remcohaszing marked this conversation as resolved.
Show resolved Hide resolved
console.log(toMarkdown(tree))
```

Now, running `node example` yields:

```md
This is a\
paragraph.
```

## API

This package exports the identifier [`newlineToBreak`][api-newline-to-break].
There is no default export.

### `newlineToBreak(tree)`

Turn normal line endings into hard breaks.

#### Parameters

* `tree` ([`Node`][node])
— tree to modify

## Syntax

This utility looks for markdown line endings (`\r`, `\n`, and `\r\n`).

## Syntax tree

This utility adds mdast [`Break`][break] nodes to the syntax tree.
These are the same nodes that represent breaks with spaces or escapes.

## Types

This package is fully typed with [TypeScript][].
There are no extra exported types.

## Compatibility

Projects maintained by the unified collective are compatible with all maintained
versions of Node.js.
As of now, that is Node.js 16+.
Our projects sometimes work with older versions, but this is not guaranteed.

## Security

Use of `mdast-util-newline-to-break` does not involve **[hast][]** or user
content so there are no openings for [cross-site scripting (XSS)][xss] attacks.

## Related

* [`remark-breaks`](https://github.com/remarkjs/remark-breaks)
— provide this utility as a [unified][] [remark][] plugin.
* [`remark-gfm`](https://github.com/remarkjs/remark-gfm)
— support GFM (autolink literals, footnotes, strikethrough, tables,
tasklists)
* [`remark-github`](https://github.com/remarkjs/remark-github)
— link references to commits, issues, and users, in the same way that
GitHub does

## Contribute

See [`contributing.md`][contributing] in [`syntax-tree/.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, organization, or community you agree to
abide by its terms.

## License

[MIT][license] © [Titus Wormer][author]

<!-- Definitions -->

[build-badge]: https://github.com/syntax-tree/mdast-util-newline-to-break/workflows/main/badge.svg

[build]: https://github.com/syntax-tree/mdast-util-newline-to-break/actions

[coverage-badge]: https://img.shields.io/codecov/c/github/syntax-tree/mdast-util-newline-to-break.svg

[coverage]: https://codecov.io/github/syntax-tree/mdast-util-newline-to-break

[downloads-badge]: https://img.shields.io/npm/dm/mdast-util-newline-to-break.svg

[downloads]: https://www.npmjs.com/package/mdast-util-newline-to-break

[esm]: https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c

[size-badge]: https://img.shields.io/bundlephobia/minzip/mdast-util-newline-to-break.svg

[size]: https://bundlephobia.com/result?p=mdast-util-newline-to-break

[sponsors-badge]: https://opencollective.com/unified/sponsors/badge.svg

[backers-badge]: https://opencollective.com/unified/backers/badge.svg

[collective]: https://opencollective.com/unified

[chat-badge]: https://img.shields.io/badge/chat-discussions-success.svg

[chat]: https://github.com/orgs/syntax-tree/discussions

[mdast]: https://github.com/syntax-tree/mdast

[npm]: https://docs.npmjs.com/cli/install

[esmsh]: https://esm.sh

[health]: https://github.com/syntax-tree/.github

[contributing]: https://github.com/syntax-tree/.github/blob/HEAD/contributing.md

[support]: https://github.com/syntax-tree/.github/blob/HEAD/support.md

[coc]: https://github.com/syntax-tree/.github/blob/HEAD/code-of-conduct.md

remcohaszing marked this conversation as resolved.
Show resolved Hide resolved
[license]: license

[author]: https://wooorm.com

[remark-breaks]: https://github.com/remarkjs/remark-breaks

[node]: https://github.com/syntax-tree/mdast#nodes

[xss]: https://en.wikipedia.org/wiki/Cross-site_scripting

[typescript]: https://www.typescriptlang.org

[hast]: https://github.com/syntax-tree/hast

[break]: https://github.com/syntax-tree/mdast#break

[remark]: https://github.com/remarkjs/remark

[api-newline-to-break]: #newlinetobreaktree

[unified]: https://github.com/unifiedjs/unified
remcohaszing marked this conversation as resolved.
Show resolved Hide resolved
Loading