react-warp-portal - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0-delta

es6/createWarp.js

@@ -14,4 +14,6 @@ 'use strict';
   var _destinations = [];
+  var _refreshQueued = false;
 
   function refresh() {
+    _refreshQueued = false;
     _destinations.forEach(function (instance) {
@@ -34,18 +36,27 @@ return instance.forceUpdate();
     componentDidMount: function componentDidMount() {
-      activeInstances[this.state.id] = {
-        children: this.props.content,
-        element: ReactDOM.findDOMNode(this)
-      };
-      window.requestAnimationFrame(refresh);
+      if (this.props.content) {
+        activeInstances[this.state.id] = {
+          children: this.props.content,
+          element: ReactDOM.findDOMNode(this)
+        };
+        if (!_refreshQueued) {
+          _refreshQueued = true;
+          window.requestAnimationFrame(refresh);
+        }
+      }
     },
     componentDidUpdate: function componentDidUpdate() {
-      activeInstances[this.state.id] = {
-        children: this.props.content,
-        element: ReactDOM.findDOMNode(this)
-      };
-      refresh();
+      if (this.props.content || activeInstances[this.state.id]) {
+        activeInstances[this.state.id] = {
+          children: this.props.content,
+          element: ReactDOM.findDOMNode(this)
+        };
+        refresh();
+      }
     },
     componentWillUnmount: function componentWillUnmount() {
-      delete activeInstances[this.state.id];
-      refresh();
+      if (activeInstances[this.state.id]) {
+        delete activeInstances[this.state.id];
+        refresh();
+      }
     },
@@ -52,0 +63,0 @@ render: function render() {

lib/createWarp.js

@@ -25,4 +25,6 @@ 'use strict';
   var _destinations = [];
+  var _refreshQueued = false;
 
   function refresh() {
+    _refreshQueued = false;
     _destinations.forEach(function (instance) {
@@ -45,18 +47,27 @@ return instance.forceUpdate();
     componentDidMount: function componentDidMount() {
-      activeInstances[this.state.id] = {
-        children: this.props.content,
-        element: _reactDom2['default'].findDOMNode(this)
-      };
-      window.requestAnimationFrame(refresh);
+      if (this.props.content) {
+        activeInstances[this.state.id] = {
+          children: this.props.content,
+          element: _reactDom2['default'].findDOMNode(this)
+        };
+        if (!_refreshQueued) {
+          _refreshQueued = true;
+          window.requestAnimationFrame(refresh);
+        }
+      }
     },
     componentDidUpdate: function componentDidUpdate() {
-      activeInstances[this.state.id] = {
-        children: this.props.content,
-        element: _reactDom2['default'].findDOMNode(this)
-      };
-      refresh();
+      if (this.props.content || activeInstances[this.state.id]) {
+        activeInstances[this.state.id] = {
+          children: this.props.content,
+          element: _reactDom2['default'].findDOMNode(this)
+        };
+        refresh();
+      }
     },
     componentWillUnmount: function componentWillUnmount() {
-      delete activeInstances[this.state.id];
-      refresh();
+      if (activeInstances[this.state.id]) {
+        delete activeInstances[this.state.id];
+        refresh();
+      }
     },
@@ -63,0 +74,0 @@ render: function render() {

package.json

 {
   "name": "react-warp-portal",
-  "version": "2.1.1",
+  "version": "2.2.0-delta",
   "description": "react-warp-portal React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2563285

increased by4.86%

Number of package files

15

increased by7.14%

Lines of code

19714

increased by6.3%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

67

increased byInfinity%

Worsened metrics

Number of low quality alerts

3

increased by50%

Number of low supply chain risk alerts

5

increased by400%

No dependency changes