# forgotten-prop-types

> Simple module to log forgotten propTypes declarations

Latest version **1.0.7** (published 2019-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install forgotten-prop-types
pnpm add forgotten-prop-types
yarn add forgotten-prop-types
bun add forgotten-prop-types
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2019-09-18 |
| First published | 2019-08-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 9.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Aleksandr Moon |
| Maintainers | mirych |
| Keywords | prop-types, react |

## Links

- npm: https://www.npmjs.com/package/forgotten-prop-types
- Repository: https://github.com/moeatsy/forgotten-prop-types
- Issues: https://github.com/moeatsy/forgotten-prop-types/issues
- npm.io page: https://npm.io/package/forgotten-prop-types

## Dependencies (1)

- [defaults](https://npm.io/package/defaults.md) ^1.0.3

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.7 (latest) — 2019-09-18
- 1.0.6 — 2019-08-25
- 1.0.5 — 2019-08-23
- 1.0.4 — 2019-08-23
- 1.0.3 — 2019-08-23
- 1.0.2 — 2019-08-23
- 1.0.1 — 2019-08-23
- 1.0.0 — 2019-08-23

## README

# forgotten-prop-types
Simple module to runtime log forgotten prop-types declarations

[![forgotten-prop-types on NPM](https://img.shields.io/npm/v/forgotten-prop-types)](https://www.npmjs.com/package/forgotten-prop-types)

## Table of Contents

1. [Installation](#installation)
2. [Usage](#usage)
3. [Example](#example)
4. [Options](#options)
5. [Known Issues](#known-issues)
5. [License](#license)

## Installation

```shell
npm install --save forgotten-prop-types
```

## Usage
After installation, import it and call in root of your application,
its take two arguments, React instance and optional user options.

```js
// Root of your application, usually index.js
import React from 'react';
import forgottenPropTypes from 'forgotten-prop-types';

forgottenPropTypes(React, {
    // custom options
});
```

## Example
![forgotten-prop-types Demo](https://raw.githubusercontent.com/moeatsy/forgotten-prop-types/master/readme-example-image.jpg)

## Options

```js
forgottenPropTypes(React, {
    propsBlackList: ['dispatch', 'onSelectNextTrack', 'onSelectPrevTrack'],
    componentsBlackList: ['PageHeader', 'PageFooter'],
    displayUnique: true,
    require: false,
    consoleNoticeType: 'info',
    consolePrefix: '@forgotten',
    consolePrefixColor: 'grey',
    consoleComponentColor: 'skyblue',
    consoleTextColor: 'grey',
    consolePropsColor: 'yellow',
    consoleUndefinedColor: 'maroon'
});
```
#### propsBlackList([String])
Array of props to ignore

If you need to ignore props of only one component, you can use alternative syntax and set static prop "forgetProps" with array of properties to ignore.
```js
ExampleComponent.forgetProps = ['match', 'location']
```

#### componentsBlackList ([String])
Array of components to ignore
You may have problem with some wrapped components, in this case you should copy name from console log with braces.

#### displayUnique (Boolean)
Allow to display property only first time, otherwise will show all undeclared propTypes properties for component everytime.

#### require (Boolean)
By default we examine only components with propTypes property.
If you enable this option, it will log components without propTypes property.
However it will ignore wrappers and other things with non-capitalized first character of name.
So I cant guarantee that this option will work as planed in every case, but you can try.

Also we check components runtime, and cache them to prevent console spam, so it may show not all required props in this notice.
Anyway this option is helpfull and i love it :3

#### consoleNoticeType (String)
Called method of console. Should be warn, log, info, debug or error.

#### consolePrefix (String)
Prefix of log message

#### consolePrefixColor, consoleComponentColor, consoleTextColor, consolePropsColor, consoleUndefinedColor (String)
CSS color code or HEX code that applies to console`s message

## Known issues
As long as this module just wrapper around React.createElement, we can`t get name of component that been wrapped by other
components, its may be problem in cases when you use a lot of these. For example, these components will display as "withRouter(C)".
You can blacklist these components by wrapper name or by shown component name, or copy whole string from console.

## License

Forgotten-prop-types is [MIT licensed](./LICENSE).

---
_Source: https://npm.io/package/forgotten-prop-types · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._