npmpackage.info

Gathering detailed insights and metrics for react-docgen-typescript-plugin

Other packages similar to react-docgen-typescript-plugin

@storybook/react-docgen-typescript-plugin

1.0.1

A webpack plugin to inject react typescript docgen information.

@joshwooding/vite-plugin-react-docgen-typescript

0.5.0

A vite plugin to inject react typescript docgen information

react-docgen-typescript-webpack-plugin

1.1.0

Webpack plugin to generate docgen information from Typescript React components.

remark-react-docgen-typescript

0.1.7

remark plugin to transform React component to Markdown by react-docgen-typescript

Gathering detailed insights and metrics for react-docgen-typescript-plugin

react-docgen-typescript-plugin

A webpack plugin to inject react typescript docgen information

1.0.8

MIT

TypeScript

46.55 kB

127,824,165 2.7

Installations

npm install react-docgen-typescript-plugin

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

20.14.0

NPM Version

10.7.0 Score

87.1

Supply Chain

68.9

Quality

75.9

Maintenance

100

Vulnerability

98.2

License

Pull Requests

Open

4

Total

67

Closed

35

Merged

28

Issues

Open

15

Total

29

Closed

14

Releases

v1.0.8

Updated on Jun 19, 2024

v1.0.7

Updated on Jun 19, 2024

v1.0.6

Updated on Mar 26, 2024

v1.0.5

Updated on Feb 05, 2023

v1.0.4

Updated on Feb 03, 2023

v1.0.3

Updated on Feb 03, 2023

View All 25 releases

Contributors

Unable to fetch Contributors

View All 9 Contributors

Languages

TypeScript

JavaScript

TypeScript (98%)

JavaScript (2%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

hipstersmoothie

Download Statistics

Total Downloads

127,824,165

Last Day

7,640

Last Week

306,897

Last Month

1,277,332

Last Year

15,757,078

GitHub Statistics

MIT License

69 Stars

227 Commits

28 Forks

4 Watchers

6 Branches

9 Contributors

Updated on Nov 21, 2024

Bundle Size

147.67 kB

Minified

46.55 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.8

Package Id

react-docgen-typescript-plugin@1.0.8

Unpacked Size

66.27 kB

Size

16.05 kB

File Count

NPM Version

10.7.0

Node Version

20.14.0

Published on

Jun 19, 2024

Total Downloads

Cumulative downloads

Total Downloads

127,824,165

Last Day

-14%

7,640

Compared to previous day

Last Week

-19.1%

306,897

Compared to previous week

Last Month

38.4%

1,277,332

Compared to previous month

Last Year

-3.3%

15,757,078

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-docgen-typescript-plugin

A webpack plugin to inject react typescript docgen information

Install

1npm install --save-dev react-docgen-typescript-plugin
2# or
3yarn add -D react-docgen-typescript-plugin

Usage

NOTE: The TypeScript compiler options allowSyntheticDefaultImports and esModuleInterop will make react-docgen-typescript-plugin a lot harder! Turn them off for faster build times.

1const ts = require('typescript');
2const ReactDocgenTypescriptPlugin = require("react-docgen-typescript-plugin").default;
3
4module.exports = {
5  plugins: [
6    // Will default to loading your root tsconfig.json
7    new ReactDocgenTypescriptPlugin(),
8    // or with a specific tsconfig
9    new ReactDocgenTypescriptPlugin({ tsconfigPath: "./tsconfig.dev.json" }),
10    // or with compiler options
11    new ReactDocgenTypescriptPlugin({ compilerOptions: { jsx: ts.JsxEmit.Preserve } }),
12  ],
13};

Options

This plugins support all parser options from react-docgen-typescript and all of the following options

Option	Type	Description	Default
tsconfigPath	string	Specify the location of the `tsconfig.json` to use.	`null`
compilerOptions	object	Specify compiler options. Cannot be used with `tsconfigPath`	`null`
docgenCollectionName	string or null	Specify the docgen collection name to use. All docgen information will be collected into this global object. Set to `null` to disable.	`STORYBOOK_REACT_CLASSES`
setDisplayName	boolean	Set the components' display name. If you want to set display names yourself or are using another plugin to do this, you should disable this option.	`true`
typePropName	string	Specify the name of the property for docgen info prop type.	`type`
exclude	glob[]	Glob patterns to ignore and not generate docgen information for. (Great for ignoring large icon libraries)	`[]`
include	glob[]	Glob patterns to generate docgen information for	`['/.tsx']`

Debugging

If you want to see how this plugins is including and excluding modules set the DEBUG environment variable.

DEBUG=docgen:* - All logs
DEBUG=docgen:include - Included modules
DEBUG=docgen:exclude - Excluded modules
DEBUG=docgen:docs - Generated docs

1DEBUG=docgen:* npm run storybook

Another great way of debugging your generated docs is to use a debugger statement in your component source file. If you turn off source maps you will be able to see the code that this package generates.

Prior Art

sn-client - Inspired by this custom webpack plugin
react-docgen-typescript-loader - Webpack loader to generate docgen information from Typescript React components.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Andrew Lisowski} 💻 🎨 📖 🤔 🚧 🚇 ⚠️	_{Michael Shilman} 💻	_{Kyle Herock} 💻	_{Juho Vepsäläinen} 🚇 ⚠️ 💻 📖	_{Egor Pogadaev} ⚠️ 💻	_{Anton Savoskin} 💻	_{Trevor Burnham} ⚠️ 💻
_{Maxime Meriouma-Caron} 🚇 ⚠️ 💻	_{Adam Skoufis} 💻	_{Nicholas Narsing} 📖 ⚠️ 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.7

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-docgen-typescript-plugin

react-docgen-typescript-plugin

Installations

Developer Guide

Yes

CommonJS

20.14.0

10.7.0

Score

Pull Requests

4

67

35

28

Issues

15

29

14

Releases

Contributors

Unable to fetch Contributors

Languages

Developer

hipstersmoothie

Download Statistics

GitHub Statistics

Bundle Size

147.67 kB

46.55 kB

Maintainers

Package Meta Information

Total Downloads

127,824,165

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-docgen-typescript-plugin

Install

Usage

Options

Debugging

Prior Art

Contributors ✨

10

10

10

2

0

0

0

0

0

0

0

0

0

2.7

/10

Other packages similar to react-docgen-typescript-plugin