Read Recharts version from npm (#288)

* Read Recharts latest version from npm API

* Fetch npm API as part of build job

Author: charpeni

.github/workflows/deploy-website.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Install dependencies
         run: npm install
       - name: Build with npm
-        run: npm run build
+        run: RECHARTS_LATEST_VERSION=`curl -X GET "https://registry.npmjs.org/recharts/latest" | jq --raw-output '.version'` npm run build
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Upload artifact

src/views/IndexView.js

@@ -6,7 +6,6 @@ import { getLocaleType, localeGet } from '../utils/LocaleUtils';
 import './IndexView.scss';
 import 'simple-line-icons/scss/simple-line-icons.scss';
 import users from '../docs/users/users';
-import rechartsPackageJson from 'recharts/package.json';
 
 const data = [
   {
@@ -69,8 +68,9 @@ class IndexView extends PureComponent {
           <p>
             <Link to={`/${locale}/guide/installation`} className="button install-btn">
               <i className="icon-energy" />
+              &nbsp;
               {localeGet(locale, 'home', 'install')}
-              &nbsp;v{rechartsPackageJson.version}
+              {process.env.RECHARTS_LATEST_VERSION ? ` v${process.env.RECHARTS_LATEST_VERSION}` : undefined}
             </Link>
           </p>
           <iframe

webpack.config.prod.js

@@ -77,7 +77,10 @@ module.exports = {
   },
   plugins: [
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('production'),
+      'process.env': {
+        NODE_ENV: JSON.stringify('production'),
+        RECHARTS_LATEST_VERSION: JSON.stringify(process.env.RECHARTS_LATEST_VERSION),
+      },
       __DEV__: false,
       __DEVTOOLS__: false,
     }),