driver-dom - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3-0

dist/driver-dom.js

 (function () {
+  var didWarnInvalidHydration = false;
+
+  function warnForReplacedHydratebleElement(parentNode, clientNode, serverNode) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      } // should not warn for replace comment, bescause it may be a placeholder from server
+
+
+      if (serverNode.nodeType === 8) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Expected server HTML to contain a matching %s in %s, but got %s.', getNodeName(clientNode), getNodeName(parentNode), getNodeName(serverNode));
+    }
+  }
+  function warnForDeletedHydratableElement(parentNode, child) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Did not expect server HTML to contain a %s in %s.', getNodeName(child), getNodeName(parentNode));
+    }
+  }
+  function warnForInsertedHydratedElement(parentNode, node) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Expected server HTML to contain a matching %s in %s.', getNodeName(node), getNodeName(parentNode));
+    }
+  }
   /**
+   * Concat tagName、 id and class info to help locate a node
+   * @param {*} node HTMLElement
+   * @returns {string} for example: <div#home.rax-view.home>
+   */
+
+  function getNodeName(node) {
+    // text node don`t have tagName
+    if (!node.tagName) {
+      return node.nodeName;
+    }
+
+    var name = node.tagName.toLowerCase();
+    var id = node.id ? '#' + node.id : '';
+    var classStr = node.className || '';
+    var classList = classStr.split(' ').map(function (className) {
+      return className ? '.' + className : '';
+    });
+    return "<" + name + id + classList.join('') + ">";
+  }
+
+  var warning = function warning() {};
+
+  {
+    warning = function warning(template) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      if (typeof console !== 'undefined') {
+        var argsWithFormat = args.map(function (item) {
+          return '' + item;
+        });
+        argsWithFormat.unshift('Warning: ' + template); // Don't use spread (or .apply) directly because it breaks IE9
+
+        Function.prototype.apply.call(console.error, console, argsWithFormat);
+      } // For works in DevTools when enable `Pause on caught exceptions`
+      // that can find the component where caused this warning
+
+
+      try {
+        var argIndex = 0;
+        var message = 'Warning: ' + template.replace(/%s/g, function () {
+          return args[argIndex++];
+        });
+        throw new Error(message);
+      } catch (e) {}
+    };
+  }
+
+  /**
    * Driver for Web DOM
    **/
-  var _require = require('./warning'),
-      warnForReplacedHydratebleElement = _require.warnForReplacedHydratebleElement,
-      warnForDeletedHydratableElement = _require.warnForDeletedHydratableElement,
-      warnForInsertedHydratedElement = _require.warnForInsertedHydratedElement;
-
   var RPX_REG = /[-+]?\d*\.?\d+(rpx)/g; // opacity -> opa
@@ -11,0 +93,0 @@ // fontWeight -> ntw

dist/driver-dom.min.js

@@ -1,2 +0,2 @@
-!function(){require("./warning");var _,e=/[-+]?\d*\.?\d+(rpx)/g,t=/opa|ntw|ne[ch]|ex(?:s|g|n|p|$)|^ord|zoo|grid|orp|ows|mnc|^columns$|bs|erim|onit/i,r=/^on[A-Z]/,i="dangerouslySetInnerHTML",u="__html",o="innerHTML",g="className",x="class",y="style",f="textContent",b="createElement",c="createComment",a="createTextNode",l="setAttribute",w="removeAttribute",T="http://www.w3.org/2000/svg",v=8,d="|",A="",s="__i",C="__a",m="__h",E=A,M=!1,p=750,h=4;function L(n){return 10*Math.round(Math.floor(parseFloat(n)/(p/100)*(e=Math.pow(10,h+1)))/10)/e+"vw";var e}function n(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var N=n(function(n){return e.test(n)?n.replace(e,L):n}),P=n(function(n){return n.replace(/-([a-z])/gi,function(n,e){return e.toUpperCase()})}),j=n(function(n){return!t.test(n)}),z=n(function(n){return r.test(n)});function B(n){var e=n.childNodes;null==n[s]&&(n[s]=0);var t=e[n[s]++];return t&&t.nodeType===v&&t.data===d?e[n[s]++]:t}function H(n,e){if(!M||n[C])return e.appendChild(n)}function O(n,e,t){(t=t||e.parentNode).replaceChild(n,e)}function R(n,e,t){(t=t||e.parentNode).insertBefore(n,e)}function S(n,e,t){return n.addEventListener(e,t)}function $(e,t,r,n){if(t===i)return e[o]!==r[u]&&(e[o]=r[u]),void(e[m]=!0);if(t===g&&(t=x),!n&&t in e)try{e[t]=r}catch(n){e[l](t,r)}else e[l](t,r)}function q(n,e,t,r){for(var i in void 0===r&&(r=!0),e){var u=e[i],o=void 0;"number"==typeof u&&j(i)?t?(o=u+"rpx",r&&(o=N(o))):o=u+"px":o=r?N(u):u,"-"===i[0]&&"-"===i[1]?n.style.setProperty(i,o):n.style[i]=o}}var D={__proto__:null,setViewportWidth:function(n){p=n},setUnitPrecision:function(n){h=n},setDecimalPixelTransformer:function(){},setTagNamePrefix:function(n){E=n},createBody:function(){return document.body},createEmpty:function(n){var e,t=n._parent;if(M){var r=B(t);if(r){if(r.nodeType===v)return r;O(e=document[c](A),r,t)}else(e=document[c](A))[C]=!0}else e=document[c](A);return e},createText:function(n,e){var t,r=e._parent;if(M){var i=B(r);if(i){if(3===i.nodeType)return n!==i[f]&&(i[f]=n),i;O(t=document[a](n),i,r)}else(t=document[a](n))[C]=!0}else t=document[a](n);return t},updateText:function(n,e){n[f]=e},createElement:function(e,n,t,r,i){void 0===i&&(i=!0);var u,o=t._parent;_="svg"===e||o&&o.namespaceURI===T;var f=null;function c(){var n;u=_?document.createElementNS(T,e):E?(n="function"==typeof n?n(e):n,document[b](n+e)):document[b](e)}if(M)if(f=B(o))if(e===f.nodeName.toLowerCase()){for(var a=f.attributes,l=a.length;l--;){var v=a[l].name,d=n[v];if(v===x&&null==n[g]&&null==d||v===y&&(null==d||0===Object.keys(d).length)||v!==x&&v!==y&&null==d)f[w](v);else if(v===y)for(var s=f.style.length;0<s;s--){var m=P(f.style[s-1]);null==d[m]&&(f.style[m]=A)}}u=f}else c(),O(u,f,o);else c(),u[C]=!0;else c();for(var p in n){var h=n[p];"children"!==p&&null!=h&&(p===y?q(u,h,r,i):z(p)?S(u,p.slice(2).toLowerCase(),h):$(u,p,h,_))}return u},appendChild:H,removeChild:function(n,e){(e=e||n.parentNode)&&e.removeChild(n)},replaceChild:O,insertAfter:function(n,e,t){t=t||e.parentNode;var r=e.nextSibling;r?r!==n&&R(n,r,t):H(n,t)},insertBefore:R,addEventListener:S,removeEventListener:function(n,e,t){return n.removeEventListener(e,t)},removeAttribute:function(n,e){if(e===i)return n[o]=null;if(e===g&&(e=x),e in n)try{n[e]=null}catch(n){}n[w](e)},setAttribute:$,setStyle:q,beforeRender:function(n){M=n.hydrate},afterRender:function(n){M&&(!function n(e){if(!e[m]){var t=e.childNodes.length,r=e[s]||0;if(0<t-r)for(var i=t-1;r<=i;i--)e.removeChild(e.childNodes[i]);for(var u=e.childNodes.length-1;0<=u;u--)n(e.childNodes[u])}}(n.container),M=!1)},removeChildren:function(n){n.textContent=A}};"undefined"!=typeof module?module.exports=D:self.DriverDOM=D}();
+!function(){var h,e=/[-+]?\d*\.?\d+(rpx)/g,t=/opa|ntw|ne[ch]|ex(?:s|g|n|p|$)|^ord|zoo|grid|orp|ows|mnc|^columns$|bs|erim|onit/i,r=/^on[A-Z]/,i="dangerouslySetInnerHTML",u="__html",o="innerHTML",_="className",x="class",y="style",f="textContent",b="createElement",c="createComment",l="createTextNode",a="setAttribute",g="removeAttribute",w="http://www.w3.org/2000/svg",d=8,s="|",T="",v="__i",A="__a",m="__h",C=T,E=!1,p=750,M=4;function L(n){return function(n,e){e=Math.pow(10,e+1);return 10*Math.round(Math.floor(n*e)/10)/e}(parseFloat(n)/(p/100),M)+"vw"}function n(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}var N=n(function(n){return e.test(n)?n.replace(e,L):n}),P=n(function(n){return n.replace(/-([a-z])/gi,function(n,e){return e.toUpperCase()})}),j=n(function(n){return!t.test(n)}),z=n(function(n){return r.test(n)});function B(n){var e=n.childNodes;null==n[v]&&(n[v]=0);var t=e[n[v]++];return t&&t.nodeType===d&&t.data===s?e[n[v]++]:t}function H(n,e){if(!E||n[A])return e.appendChild(n)}function O(n,e,t){(t=t||e.parentNode).replaceChild(n,e)}function R(n,e,t){(t=t||e.parentNode).insertBefore(n,e)}function S(n,e,t){return n.addEventListener(e,t)}function $(e,t,r,n){if(t===i)return e[o]!==r[u]&&(e[o]=r[u]),void(e[m]=!0);if(t===_&&(t=x),!n&&t in e)try{e[t]=r}catch(n){e[a](t,r)}else e[a](t,r)}function D(n,e,t,r){for(var i in void 0===r&&(r=!0),e){var u=e[i],o=void 0;"number"==typeof u&&j(i)?t?(o=u+"rpx",r&&(o=N(o))):o=u+"px":o=r?N(u):u,"-"===i[0]&&"-"===i[1]?n.style.setProperty(i,o):n.style[i]=o}}var F={__proto__:null,setViewportWidth:function(n){p=n},setUnitPrecision:function(n){M=n},setDecimalPixelTransformer:function(){},setTagNamePrefix:function(n){C=n},createBody:function(){return document.body},createEmpty:function(n){var e,t=n._parent;if(E){n=B(t);if(n){if(n.nodeType===d)return n;O(e=document[c](T),n,t)}else(e=document[c](T))[A]=!0}else e=document[c](T);return e},createText:function(n,e){var t,r=e._parent;if(E){e=B(r);if(e){if(3===e.nodeType)return n!==e[f]&&(e[f]=n),e;O(t=document[l](n),e,r)}else(t=document[l](n))[A]=!0}else t=document[l](n);return t},updateText:function(n,e){n[f]=e},createElement:function(e,n,t,r,i){void 0===i&&(i=!0);var u,t=t._parent;h="svg"===e||t&&t.namespaceURI===w;var o,f=null;function c(){var n;u=h?document.createElementNS(w,e):C?(n="function"==typeof n?n(e):n,document[b](n+e)):document[b](e)}if(E)if(f=B(t))if(e===f.nodeName.toLowerCase()){for(var l=f.attributes,a=l.length;a--;){var d=l[a].name,s=n[d];if(d===x&&null==n[_]&&null==s||d===y&&(null==s||0===Object.keys(s).length)||d!==x&&d!==y&&null==s)f[g](d);else if(d===y)for(var v=f.style.length;0<v;v--){var m=P(f.style[v-1]);null==s[m]&&(f.style[m]=T)}}u=f}else c(),O(u,f,t);else c(),u[A]=!0;else c();for(o in n){var p=n[o];"children"!==o&&null!=p&&(o===y?D(u,p,r,i):z(o)?S(u,o.slice(2).toLowerCase(),p):$(u,o,p,h))}return u},appendChild:H,removeChild:function(n,e){(e=e||n.parentNode)&&e.removeChild(n)},replaceChild:O,insertAfter:function(n,e,t){t=t||e.parentNode,(e=e.nextSibling)?e!==n&&R(n,e,t):H(n,t)},insertBefore:R,addEventListener:S,removeEventListener:function(n,e,t){return n.removeEventListener(e,t)},removeAttribute:function(n,e){if(e===i)return n[o]=null;if(e===_&&(e=x),e in n)try{n[e]=null}catch(n){}n[g](e)},setAttribute:$,setStyle:D,beforeRender:function(n){E=n.hydrate},afterRender:function(n){E&&(!function n(e){if(!e[m]){var t=e.childNodes.length,r=e[v]||0;if(0<t-r)for(var i=t-1;r<=i;i--)e.removeChild(e.childNodes[i]);for(var u=e.childNodes.length-1;0<=u;u--)n(e.childNodes[u])}}(n.container),E=!1)},removeChildren:function(n){n.textContent=T}};"undefined"!=typeof module?module.exports=F:self.DriverDOM=F}();
 //# sourceMappingURL=driver-dom.min.js.map

dist/driver-dom.umd.js

@@ -6,10 +6,92 @@ (function (global, factory) {
 }(this, (function (exports) {
+  var didWarnInvalidHydration = false;
+
+  function warnForReplacedHydratebleElement(parentNode, clientNode, serverNode) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      } // should not warn for replace comment, bescause it may be a placeholder from server
+
+
+      if (serverNode.nodeType === 8) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Expected server HTML to contain a matching %s in %s, but got %s.', getNodeName(clientNode), getNodeName(parentNode), getNodeName(serverNode));
+    }
+  }
+  function warnForDeletedHydratableElement(parentNode, child) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Did not expect server HTML to contain a %s in %s.', getNodeName(child), getNodeName(parentNode));
+    }
+  }
+  function warnForInsertedHydratedElement(parentNode, node) {
+    {
+      if (didWarnInvalidHydration) {
+        return;
+      }
+
+      didWarnInvalidHydration = true;
+      warning('Expected server HTML to contain a matching %s in %s.', getNodeName(node), getNodeName(parentNode));
+    }
+  }
   /**
+   * Concat tagName、 id and class info to help locate a node
+   * @param {*} node HTMLElement
+   * @returns {string} for example: <div#home.rax-view.home>
+   */
+
+  function getNodeName(node) {
+    // text node don`t have tagName
+    if (!node.tagName) {
+      return node.nodeName;
+    }
+
+    var name = node.tagName.toLowerCase();
+    var id = node.id ? '#' + node.id : '';
+    var classStr = node.className || '';
+    var classList = classStr.split(' ').map(function (className) {
+      return className ? '.' + className : '';
+    });
+    return "<" + name + id + classList.join('') + ">";
+  }
+
+  var warning = function warning() {};
+
+  {
+    warning = function warning(template) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      if (typeof console !== 'undefined') {
+        var argsWithFormat = args.map(function (item) {
+          return '' + item;
+        });
+        argsWithFormat.unshift('Warning: ' + template); // Don't use spread (or .apply) directly because it breaks IE9
+
+        Function.prototype.apply.call(console.error, console, argsWithFormat);
+      } // For works in DevTools when enable `Pause on caught exceptions`
+      // that can find the component where caused this warning
+
+
+      try {
+        var argIndex = 0;
+        var message = 'Warning: ' + template.replace(/%s/g, function () {
+          return args[argIndex++];
+        });
+        throw new Error(message);
+      } catch (e) {}
+    };
+  }
+
+  /**
    * Driver for Web DOM
    **/
-  var _require = require('./warning'),
-      warnForReplacedHydratebleElement = _require.warnForReplacedHydratebleElement,
-      warnForDeletedHydratableElement = _require.warnForDeletedHydratableElement,
-      warnForInsertedHydratedElement = _require.warnForInsertedHydratedElement;
-
   var RPX_REG = /[-+]?\d*\.?\d+(rpx)/g; // opacity -> opa
@@ -16,0 +98,0 @@ // fontWeight -> ntw

es/index.js

 /**
  * Driver for Web DOM
  **/
-var _require = require('./warning'),
-    warnForReplacedHydratebleElement = _require.warnForReplacedHydratebleElement,
-    warnForDeletedHydratableElement = _require.warnForDeletedHydratableElement,
-    warnForInsertedHydratedElement = _require.warnForInsertedHydratedElement;
-
+import { warnForReplacedHydratebleElement, warnForDeletedHydratableElement, warnForInsertedHydratedElement } from './warning';
 var RPX_REG = /[-+]?\d*\.?\d+(rpx)/g; // opacity -> opa
@@ -10,0 +6,0 @@ // fontWeight -> ntw

lib/index.js

@@ -27,10 +27,7 @@ "use strict";
 
+var _warning = require("./warning");
+
 /**
  * Driver for Web DOM
  **/
-var _require = require('./warning'),
-    warnForReplacedHydratebleElement = _require.warnForReplacedHydratebleElement,
-    warnForDeletedHydratableElement = _require.warnForDeletedHydratableElement,
-    warnForInsertedHydratedElement = _require.warnForInsertedHydratedElement;
-
 var RPX_REG = /[-+]?\d*\.?\d+(rpx)/g; // opacity -> opa
@@ -319,3 +316,3 @@ // fontWeight -> ntw
         if (__DEV__) {
-          warnForReplacedHydratebleElement(parent, node, hydrationChild);
+          (0, _warning.warnForReplacedHydratebleElement)(parent, node, hydrationChild);
         }
@@ -328,3 +325,3 @@ }
       if (__DEV__) {
-        warnForInsertedHydratedElement(parent, node);
+        (0, _warning.warnForInsertedHydratedElement)(parent, node);
       }
@@ -501,3 +498,3 @@ }
       if (__DEV__) {
-        warnForDeletedHydratableElement(hydrationParent, hydrationParent.childNodes[i]);
+        (0, _warning.warnForDeletedHydratableElement)(hydrationParent, hydrationParent.childNodes[i]);
       }
@@ -504,0 +501,0 @@

package.json

 {
   "name": "driver-dom",
-  "version": "2.1.2",
+  "version": "2.1.3-0",
   "description": "DOM driver for Rax",
@@ -5,0 +5,0 @@ "license": "BSD-3-Clause",

src/index.js

 /**
  * Driver for Web DOM
  **/
-const {
+import { 
   warnForReplacedHydratebleElement,
   warnForDeletedHydratableElement,
   warnForInsertedHydratedElement
-} = require('./warning');
+} from './warning';
 
@@ -10,0 +10,0 @@ const RPX_REG = /[-+]?\d*\.?\d+(rpx)/g;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

244447

increased by9.93%

Lines of code

3456

increased by6.08%

No dependency changes