build: reuse values from package.json

Author: dangreen

.size-limit

@@ -11,13 +11,13 @@
     "import": "{ Chart }"
   },
   {
-    "path": "dist/index.modern.js",
+    "path": "dist/index.js",
     "limit": "1.6 KB",
     "webpack": false,
     "running": false
   },
   {
-    "path": "dist/index.modern.js",
+    "path": "dist/index.js",
     "limit": "800 B",
     "import": "{ Chart }"
   }

README.md

@@ -6,9 +6,26 @@ React components for <a href="https://www.chartjs.org">Chart.js</a>, the most po
 
 Supports Chart.js v3 and v2.
 
-[![version](https://img.shields.io/npm/v/react-chartjs-2.svg)](https://www.npmjs.com/package/react-chartjs-2)
-[![downloads](https://img.shields.io/npm/dm/react-chartjs-2.svg)](https://www.npmjs.com/package/react-chartjs-2)
-[![license](https://shields.io/badge/license-MIT-green)](http://opensource.org/licenses/MIT)
+[![NPM version][npm]][npm-url]
+[![Downloads][downloads]][downloads-url]
+[![Build status][build]][build-url]
+[![Coverage status][coverage]][coverage-url]
+[![Bundle size][size]][size-url]
+
+[npm]: https://img.shields.io/npm/v/react-chartjs-2.svg
+[npm-url]: https://www.npmjs.com/package/react-chartjs-2
+
+[downloads]: https://img.shields.io/npm/dm/react-chartjs-2.svg
+[downloads-url]: https://www.npmjs.com/package/react-chartjs-2
+
+[build]: https://img.shields.io/github/workflow/status/reactchartjs/react-chartjs-2/CI.svg
+[build-url]: https://github.com/reactchartjs/react-chartjs-2/actions
+
+[coverage]: https://img.shields.io/codecov/c/github/reactchartjs/react-chartjs-2.svg
+[coverage-url]: https://app.codecov.io/gh/reactchartjs/react-chartjs-2
+
+[size]: https://img.shields.io/bundlephobia/minzip/react-chartjs-2
+[size-url]: https://bundlephobia.com/package/react-chartjs-2
 
 <br />
 <a href="#quickstart">Quickstart</a>

package.json

@@ -13,9 +13,13 @@
     "url": "https://github.com/reactchartjs/react-chartjs-2/issues"
   },
   "sideEffects": false,
-  "main": "dist/index.cjs",
-  "module": "dist/index.modern.js",
-  "types": "dist/index.d.ts",
+  "main": "./src/index.tsx",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.js",
+    "directory": "package"
+  },
   "keywords": [
     "chart",
     "chart-js",
@@ -25,10 +29,10 @@
     "react-chart.js"
   ],
   "scripts": {
-    "emitDeclarations": "tsc --skipLibCheck --emitDeclarationOnly",
-    "build": "rollup -c & pnpm emitDeclarations",
     "prepublishOnly": "pnpm test && pnpm build && del ./package && clean-publish",
     "postpublish": "del ./package",
+    "emitDeclarations": "tsc --skipLibCheck --emitDeclarationOnly",
+    "build": "rollup -c & pnpm emitDeclarations",
     "start:storybook": "start-storybook -p 6006 --ci",
     "test:lint": "eslint 'src/**/*.{ts,tsx}' 'stories/**/*.{ts,tsx}' 'sandboxes/**/*.{ts,tsx}' 'test/**/*.{ts,tsx}'",
     "test:unit": "jest -c jest.config.json",
@@ -117,8 +121,5 @@
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "directory": "package"
-  },
   "readme": ""
 }

rollup.config.js

@@ -33,22 +33,22 @@ const plugins = targets => [
 
 export default [
   {
-    input: 'src/index.tsx',
+    input: pkg.main,
     plugins: plugins('defaults, not ie 11, not ie_mob 11'),
     external,
     output: {
-      file: pkg.main,
+      file: pkg.publishConfig.main,
       format: 'cjs',
       exports: 'named',
       sourcemap: true,
     },
   },
   {
-    input: 'src/index.tsx',
+    input: pkg.main,
     plugins: plugins('defaults and supports es6-module'),
     external,
     output: {
-      file: pkg.module,
+      file: pkg.publishConfig.module,
       format: 'es',
       sourcemap: true,
     },

website/docs/index.mdx

@@ -15,9 +15,26 @@ React components for [Chart.js](https://www.chartjs.org), the most popular chart
 
 Supports Chart.js v3 (read below) and Chart.js v2 (see [this guide](/docs/chartjs-v2)).
 
-[![version](https://img.shields.io/npm/v/react-chartjs-2.svg)](https://www.npmjs.com/package/react-chartjs-2)
-[![downloads](https://img.shields.io/npm/dm/react-chartjs-2.svg)](https://www.npmjs.com/package/react-chartjs-2)
-[![license](https://shields.io/badge/license-MIT-green)](http://opensource.org/licenses/MIT)
+[![NPM version][npm]][npm-url]
+[![Downloads][downloads]][downloads-url]
+[![Build status][build]][build-url]
+[![Coverage status][coverage]][coverage-url]
+[![Bundle size][size]][size-url]
+
+[npm]: https://img.shields.io/npm/v/react-chartjs-2.svg
+[npm-url]: https://www.npmjs.com/package/react-chartjs-2
+
+[downloads]: https://img.shields.io/npm/dm/react-chartjs-2.svg
+[downloads-url]: https://www.npmjs.com/package/react-chartjs-2
+
+[build]: https://img.shields.io/github/workflow/status/reactchartjs/react-chartjs-2/CI.svg
+[build-url]: https://github.com/reactchartjs/react-chartjs-2/actions
+
+[coverage]: https://img.shields.io/codecov/c/github/reactchartjs/react-chartjs-2.svg
+[coverage-url]: https://app.codecov.io/gh/reactchartjs/react-chartjs-2
+
+[size]: https://img.shields.io/bundlephobia/minzip/react-chartjs-2
+[size-url]: https://bundlephobia.com/package/react-chartjs-2
 
 ## Quickstart