@welldone-software/why-did-you-render - npm Package Compare versions

Comparing version 6.1.1 to 6.1.2

dist/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 6.1.1
+ * @welldone-software/why-did-you-render 6.1.2
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2021-03-13
+ * Generated at 2021-05-17
  */
@@ -62,2 +62,40 @@
 
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
   function _typeof(obj) {
@@ -116,36 +154,2 @@ "@babel/helpers - typeof";
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
   function _inherits(subClass, superClass) {
@@ -277,14 +281,17 @@ if (typeof superClass !== "function" && superClass !== null) {
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
+
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
 
+    var _s, _e;
+
     try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
@@ -334,5 +341,5 @@
   function _createForOfIteratorHelper(o, allowArrayLike) {
-    var it;
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 
-    if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
+    if (!it) {
       if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
@@ -370,3 +377,3 @@ if (it) o = it;
       s: function () {
-        it = o[Symbol.iterator]();
+        it = it.call(o);
       },
@@ -909,2 +916,6 @@ n: function () {
 
+  function getDefaultProps(type) {
+    return type.defaultProps || type.type && getDefaultProps(type.type) || type.render && getDefaultProps(type.render) || {};
+  }
+
   var emptyObject = {};
@@ -1064,3 +1075,4 @@ function findObjectsDifferences(userPrevObj, userNextObj) {
   function patchClassComponent(ClassComponent, _ref) {
-    var displayName = _ref.displayName;
+    var displayName = _ref.displayName,
+        defaultProps = _ref.defaultProps;
 
@@ -1136,2 +1148,3 @@ var WDYRPatchedClassComponent = /*#__PURE__*/function (_ClassComponent) {
 
+    WDYRPatchedClassComponent.defaultProps = defaultProps;
     lodash.defaults(WDYRPatchedClassComponent, ClassComponent);
@@ -1149,3 +1162,4 @@ return WDYRPatchedClassComponent;
     var isPure = _ref.isPure,
-        displayName = _ref.displayName;
+        displayName = _ref.displayName,
+        defaultProps = _ref.defaultProps;
     var FunctionalComponent = typeof FunctionalOrStringComponent === 'string' ? getFunctionalComponentFromStringComponent(FunctionalOrStringComponent) : FunctionalOrStringComponent;
@@ -1181,2 +1195,3 @@
 
+    WDYRFunctionalComponent.defaultProps = defaultProps;
     WDYRFunctionalComponent.ComponentForHooksTracking = FunctionalComponent;
@@ -1188,3 +1203,4 @@ lodash.defaults(WDYRFunctionalComponent, FunctionalComponent);
   function patchMemoComponent(MemoComponent, _ref) {
-    var displayName = _ref.displayName;
+    var displayName = _ref.displayName,
+        defaultProps = _ref.defaultProps;
     var InnerMemoComponent = MemoComponent.type;
@@ -1196,5 +1212,7 @@ var isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent);
     var PatchedInnerComponent = isInnerMemoComponentAClassComponent ? patchClassComponent(WrappedFunctionalComponent, {
-      displayName: displayName
+      displayName: displayName,
+      defaultProps: defaultProps
     }) : isInnerMemoComponentAnotherMemoComponent ? patchMemoComponent(WrappedFunctionalComponent, {
-      displayName: displayName
+      displayName: displayName,
+      defaultProps: defaultProps
     }) : patchFunctionalOrStrComponent(WrappedFunctionalComponent, {
@@ -1219,2 +1237,3 @@ displayName: displayName,
 
+    WDYRMemoizedFunctionalComponent.defaultProps = defaultProps;
     lodash.defaults(WDYRMemoizedFunctionalComponent, MemoComponent);
@@ -1225,3 +1244,4 @@ return WDYRMemoizedFunctionalComponent;
   function patchForwardRefComponent(ForwardRefComponent, _ref) {
-    var displayName = _ref.displayName;
+    var displayName = _ref.displayName,
+        defaultProps = _ref.defaultProps;
     var InnerForwardRefComponent = ForwardRefComponent.render;
@@ -1244,2 +1264,3 @@ var isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent);
 
+    WDYRForwardRefFunctionalComponent.defaultProps = defaultProps;
     lodash.defaults(WDYRForwardRefFunctionalComponent, ForwardRefComponent);
@@ -1306,7 +1327,9 @@ return WDYRForwardRefFunctionalComponent;
   function createPatchedComponent(Component, _ref2) {
-    var displayName = _ref2.displayName;
+    var displayName = _ref2.displayName,
+        defaultProps = _ref2.defaultProps;
 
     if (isMemoComponent(Component)) {
       return patchMemoComponent(Component, {
-        displayName: displayName
+        displayName: displayName,
+        defaultProps: defaultProps
       });
@@ -1317,3 +1340,4 @@ }
       return patchForwardRefComponent(Component, {
-        displayName: displayName
+        displayName: displayName,
+        defaultProps: defaultProps
       });
@@ -1324,3 +1348,4 @@ }
       return patchClassComponent(Component, {
-        displayName: displayName
+        displayName: displayName,
+        defaultProps: defaultProps
       });
@@ -1331,2 +1356,3 @@ }
       displayName: displayName,
+      defaultProps: defaultProps,
       isPure: false
@@ -1337,3 +1363,4 @@ });
   function getPatchedComponent(Component, _ref3) {
-    var displayName = _ref3.displayName;
+    var displayName = _ref3.displayName,
+        defaultProps = _ref3.defaultProps;
 
@@ -1345,3 +1372,4 @@ if (wdyrStore.componentsMap.has(Component)) {
     var WDYRPatchedComponent = createPatchedComponent(Component, {
-      displayName: displayName
+      displayName: displayName,
+      defaultProps: defaultProps
     });
@@ -1487,4 +1515,6 @@ wdyrStore.componentsMap.set(Component, WDYRPatchedComponent);
     var displayName = origType && origType.whyDidYouRender && origType.whyDidYouRender.customName || getDisplayName(origType);
+    var defaultProps = getDefaultProps(origType);
     var WDYRPatchedComponent = getPatchedComponent(origType, {
-      displayName: displayName
+      displayName: displayName,
+      defaultProps: defaultProps
     });
@@ -1491,0 +1521,0 @@ return WDYRPatchedComponent;

package.json

 {
   "name": "@welldone-software/why-did-you-render",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "Monkey patches React to notify you about avoidable re-renders.",
@@ -52,3 +52,3 @@ "types": "types.d.ts",
     "cypress:ci:classic": "start-server-and-test start:classic http://localhost:3003 _cypress:run:ci:classic",
-    "prepare": "husky install"
+    "prepare": "npx husky-init && husky install"
   },
@@ -62,35 +62,35 @@ "dependencies": {
   "devDependencies": {
-    "@babel/cli": "^7.13.10",
-    "@babel/core": "^7.13.10",
-    "@babel/eslint-parser": "^7.13.10",
+    "@babel/cli": "^7.13.16",
+    "@babel/core": "^7.14.2",
+    "@babel/eslint-parser": "^7.14.2",
     "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/preset-env": "^7.13.10",
-    "@babel/preset-react": "^7.12.13",
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-react": "^7.13.13",
     "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-replace": "^2.4.1",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.5",
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@rollup/plugin-replace": "^2.4.2",
+    "@testing-library/jest-dom": "^5.12.0",
+    "@testing-library/react": "^11.2.7",
     "@types/react-redux": "^7.1.16",
     "@welldone-software/jest-console-handler": "^1.0.0",
-    "acorn-walk": "^8.0.2",
-    "astring": "^1.7.0",
+    "acorn-walk": "^8.1.0",
+    "astring": "^1.7.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^26.6.3",
-    "concurrently": "^6.0.0",
+    "concurrently": "^6.1.0",
     "coveralls": "^3.1.0",
     "create-react-class": "^15.7.0",
     "cross-env": "^7.0.3",
-    "cypress": "^6.6.0",
-    "eslint": "^7.22.0",
-    "eslint-plugin-cypress": "^2.11.2",
-    "eslint-plugin-jest": "^24.2.1",
-    "eslint-plugin-react": "^7.22.0",
+    "cypress": "^7.3.0",
+    "eslint": "^7.26.0",
+    "eslint-plugin-cypress": "^2.11.3",
+    "eslint-plugin-jest": "^24.3.6",
+    "eslint-plugin-react": "^7.23.2",
     "express": "^4.17.1",
     "express-history-api-fallback": "^2.2.1",
-    "husky": "^5.1.3",
+    "husky": "^6.0.0",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "magic-string": "^0.25.7",
-    "nollup": "^0.15.3",
+    "nollup": "^0.16.4",
     "react": "^17.0.1",
@@ -101,9 +101,9 @@ "react-16": "npm:react@^16.14.0",
     "react-hot-loader": "^4.13.0",
-    "react-is": "^17.0.1",
+    "react-is": "^17.0.2",
     "react-is-16": "npm:react-is@^16.13.1",
-    "react-redux": "^7.2.2",
+    "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
-    "redux": "^4.0.5",
+    "redux": "^4.1.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.41.2",
+    "rollup": "^2.48.0",
     "rollup-plugin-alias": "^2.2.0",
@@ -113,6 +113,6 @@ "rollup-plugin-commonjs-alternate": "^0.8.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "start-server-and-test": "^1.12.0",
-    "styled-components": "^5.2.1",
-    "typescript": "^4.2.3"
+    "start-server-and-test": "^1.12.2",
+    "styled-components": "^5.3.0",
+    "typescript": "^4.2.4"
   }
 }

README.md

@@ -11,3 +11,3 @@ # Why Did You Render
 
-`why-did-you-render` by [Welldone Software](https://welldone.software/) monkey patches **`React`** to notify you about avoidable re-renders. (Works with **`React Native`** as well.)
+`why-did-you-render` by [Welldone Software](https://welldone.software/) monkey patches **`React`** to notify you about potentially avoidable re-renders. (Works with **`React Native`** as well.)
 
@@ -60,3 +60,3 @@ For example, if you pass `style={{width: '100%'}}` to a big pure component it would always re-render on every element creation:
 
-In [Typescript](issues/161), call the file wdyr.ts and add the following line to the top of the file to import the package's types:
+In [Typescript](https://github.com/welldone-software/why-did-you-render/issues/161), call the file wdyr.ts and add the following line to the top of the file to import the package's types:
 ```tsx
@@ -63,0 +63,0 @@ /// <reference types="@welldone-software/why-did-you-render" />

No alert changes

Improved metrics

Total package byte prevSize

165359

increased by1.72%

Lines of code

1436

increased by1.77%

No dependency changes