Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vfile/vfile-reporter
utility to create a report for a vfile
https://github.com/vfile/vfile-reporter
file format report reporter vfile vfile-reporter vfile-util virtual
Last synced: 14 days ago
JSON representation
utility to create a report for a vfile
- Host: GitHub
- URL: https://github.com/vfile/vfile-reporter
- Owner: vfile
- License: mit
- Created: 2015-08-17T10:05:50.000Z (about 9 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T15:59:07.000Z (7 months ago)
- Last Synced: 2024-09-19T00:39:59.765Z (about 2 months ago)
- Topics: file, format, report, reporter, vfile, vfile-reporter, vfile-util, virtual
- Language: JavaScript
- Homepage: https://unifiedjs.com
- Size: 867 KB
- Stars: 35
- Watchers: 10
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# vfile-reporter
[![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]
[vfile][] utility to create a report.
![Example screenshot of vfile-reporter][screenshot]
## Contents
* [What is this?](#what-is-this)
* [When should I use this?](#when-should-i-use-this)
* [Install](#install)
* [Use](#use)
* [API](#api)
* [`reporter(files[, options])`](#reporterfiles-options)
* [`Options`](#options)
* [Example](#example)
* [Types](#types)
* [Compatibility](#compatibility)
* [Security](#security)
* [Related](#related)
* [Contribute](#contribute)
* [License](#license)
## What is this?
This package create a textual report from files showing the warnings that
occurred while processing.
Many CLIs of tools that process files, whether linters (such as ESLint) or
bundlers (such as esbuild), have similar functionality.
## When should I use this?
You can use this package when you want to display a report about what occurred
while processing to a human.
There are [other reporters][reporters] that display information differently
listed in vfile.
## Install
This package is [ESM only][esm].
In Node.js (version 16+), install with [npm][]:
```sh
npm install vfile-reporter
```
In Deno with [`esm.sh`][esmsh]:
```js
import {reporter} from 'https://esm.sh/vfile-reporter@8'
```
In browsers with [`esm.sh`][esmsh]:
```html
import {reporter} from 'https://esm.sh/vfile-reporter@8?bundle'
```
## Use
Say our module `example.js` looks as follows:
```js
import {VFile} from 'vfile'
import {reporter} from 'vfile-reporter'
const one = new VFile({path: 'test/fixture/1.js'})
const two = new VFile({path: 'test/fixture/2.js'})
one.message('Warning!', {line: 2, column: 4})
console.error(reporter([one, two]))
```
…now running `node example.js` yields:
```txt
test/fixture/1.js
2:4 warning Warning!
test/fixture/2.js: no issues found
⚠ 1 warning
```
## API
This package exports the identifier [`reporter`][api-reporter].
That value is also the `default` export.
### `reporter(files[, options])`
Create a report from one or more files.
###### Parameters
* `files` ([`Array`][vfile] or `VFile`)
— files to report
* `options` ([`Options`][api-options], optional)
— configuration
###### Returns
Report (`string`).
### `Options`
Configuration (TypeScript type).
###### Fields
* `color` (`boolean`, default: `true` when in Node.js and
[color is supported][supports-color], or `false`)
— use ANSI colors in report
* `defaultName` (`string`, default: `''`)
— Label to use for files without file path; if one file and no `defaultName`
is given, no name will show up in the report
* `verbose` (`boolean`, default: `false`)
— show message notes, URLs, and ancestor stack trace if available
* `quiet` (`boolean`, default: `false`)
— do not show files without messages
* `silent` (`boolean`, default: `false`)
— show errors only; this hides info and warning messages, and sets
`quiet: true`
* `traceLimit` (`number`, default: `10`)
— max number of nodes to show in ancestors trace); ancestors can be shown
when `verbose: true`
## Example
Here’s a small example that looks through a markdown AST for emphasis and
strong nodes, and checks whether they use `*`.
The message has detailed information which will be shown in verbose mode.
`example.js`:
```js
import {fromMarkdown} from 'mdast-util-from-markdown'
import {visitParents} from 'unist-util-visit-parents'
import {VFile} from 'vfile'
import {reporter} from 'vfile-reporter'
const file = new VFile({
path: new URL('example.md', import.meta.url),
value: '# *hi*, _world_!'
})
const value = String(file)
const tree = fromMarkdown(value)
visitParents(tree, (node, parents) => {
if (node.type === 'emphasis' || node.type === 'strong') {
const start = node.position?.start.offset
if (start !== undefined && value.charAt(start) === '_') {
const m = file.message('Expected `*` (asterisk), not `_` (underscore)', {
ancestors: [...parents, node],
place: node.position,
ruleId: 'attention-marker',
source: 'some-lint-example'
})
m.note = `It is recommended to use asterisks for emphasis/strong attention when
writing markdown.
There are some small differences in whether sequences can open and/or close…`
m.url = 'https://example.com/whatever'
}
}
})
console.error(reporter([file], {verbose: false}))
```
…running `node example.js` yields:
```txt
/Users/tilde/Projects/oss/vfile-reporter/example.md
1:9-1:16 warning Expected `*` (asterisk), not `_` (underscore) attention-marker some-lint-example
⚠ 1 warning
```
To show the info, pass `verbose: true` to `reporter`, and run again:
and see:
```txt
/Users/tilde/Projects/oss/vfile-reporter/example.md
1:9-1:16 warning Expected `*` (asterisk), not `_` (underscore) attention-marker some-lint-example
[url]:
https://example.com/whatever
[note]:
It is recommended to use asterisks for emphasis/strong attention when
writing markdown.
There are some small differences in whether sequences can open and/or close…
[trace]:
at emphasis (1:9-1:16)
at heading (1:1-1:17)
at root (1:1-1:17)
⚠ 1 warning
```
## 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, `vfile-reporter@^8`,
compatible with Node.js 16.
## Security
Use of `vfile-reporter` is safe.
## Related
* [`vfile-reporter-json`](https://github.com/vfile/vfile-reporter-json)
— create a JSON report
* [`vfile-reporter-pretty`](https://github.com/vfile/vfile-reporter-pretty)
— create a pretty report
* [`vfile-reporter-junit`](https://github.com/kellyselden/vfile-reporter-junit)
— create a jUnit report
* [`vfile-reporter-position`](https://github.com/Hocdoc/vfile-reporter-position)
— create a report with content excerpts
## Contribute
See [`contributing.md`][contributing] in [`vfile/.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.
## License
[MIT][license] © [Titus Wormer][author]
[build-badge]: https://github.com/vfile/vfile-reporter/workflows/main/badge.svg
[build]: https://github.com/vfile/vfile-reporter/actions
[coverage-badge]: https://img.shields.io/codecov/c/github/vfile/vfile-reporter.svg
[coverage]: https://codecov.io/github/vfile/vfile-reporter
[downloads-badge]: https://img.shields.io/npm/dm/vfile-reporter.svg
[downloads]: https://www.npmjs.com/package/vfile-reporter
[size-badge]: https://img.shields.io/badge/dynamic/json?label=minzipped%20size&query=$.size.compressedSize&url=https://deno.bundlejs.com/?q=vfile-reporter
[size]: https://bundlejs.com/?q=vfile-reporter
[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/vfile/vfile/discussions
[npm]: https://docs.npmjs.com/cli/install
[esm]: https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c
[esmsh]: https://esm.sh
[typescript]: https://www.typescriptlang.org
[contributing]: https://github.com/vfile/.github/blob/main/contributing.md
[support]: https://github.com/vfile/.github/blob/main/support.md
[health]: https://github.com/vfile/.github
[coc]: https://github.com/vfile/.github/blob/main/code-of-conduct.md
[license]: license
[author]: https://wooorm.com
[vfile]: https://github.com/vfile/vfile
[reporters]: https://github.com/vfile/vfile#reporters
[supports-color]: https://github.com/chalk/supports-color
[screenshot]: screenshot.png
[api-reporter]: #reporterfiles-options
[api-options]: #options