Include why-did-you-render in dev builds

package.json

@@ -85,6 +85,7 @@
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-replace": "^2.4.2",
     "@rollup/plugin-wasm": "^5.1.2",
+    "@welldone-software/why-did-you-render": "^6.2.0",
     "autoprefixer": "^10.2.6",
     "babel-eslint": "^10.1.0",
     "babelify": "^10.0.0",

rollup.config.js

@@ -58,6 +58,7 @@ if(process.env.DEBUG) {
 
 if(isProduction) {
 	config.plugins.push(terser());
+	config.external.push('./wdyr'); //exclude why-did-you-render from production
 }
 
 export default config;

src/js/main.js

@@ -1,3 +1,4 @@
+import './wdyr';
 import SmoothScroll from 'smooth-scroll';
 import ZoteroBibComponent from './bib-component';
 

src/js/wdyr.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import whyDidYouRender from "@welldone-software/why-did-you-render";
+
+if (process.env.NODE_ENV === 'development') {
+	whyDidYouRender(React, {
+		onlyLogs: true,
+		titleColor: '#957DAD',
+		diffNameColor: '#FFDFD3',
+		logOnDifferentValues: true,
+		// trackAllPureComponents: true,
+	});
+	console.warn('whyDidYouRender instal`led');
+}