react-html-email - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

CHANGELOG.md

@@ -5,9 +5,17 @@ # Change Log
 
+## 1.1.0 - 2016-07-18
+### Added
+- Disable warnings by default when running with `NODE_ENV=production`. (@chromakode)
+
+### Fixed
+- Fix border attribute being omitted from HTML output. (@chromakode)
+- Fix style validator `strict` and `warn` flags being ignored. (@chromakode)
+
 ## 1.0.2 - 2016-04-21
 ### Fixed
--  Fix minor React warning about numeric CSS string values in `Email` component. (@chromakode)
+- Fix minor React warning about numeric CSS string values in `Email` component. (@chromakode)
 
 ## 1.0.1 - 2016-04-21
 ### Added
--  Accept React 15 as a peer dependency. (@chromakode)
+- Accept React 15 as a peer dependency. (@chromakode)
 
@@ -14,0 +22,0 @@ ## 1.0.0 - 2016-04-21

lib/index.js

@@ -46,2 +46,8 @@ 'use strict';
 
+var __DEV__ = typeof process !== 'undefined' && process.env && process.env.NODE_ENV !== 'production';
+
+(0, _PropTypes.configStyleValidator)({
+  warn: __DEV__
+});
+
 exports.PropTypes = _PropTypes2.default;
@@ -48,0 +54,0 @@ exports.Box = _Box2.default;

lib/injectReactEmailAttributes.js

@@ -13,6 +13,7 @@ 'use strict';
   Properties: {
-    'xmlns': _ReactInjection.DOMProperty.MUST_USE_ATTRIBUTE,
-    'align': _ReactInjection.DOMProperty.MUST_USE_ATTRIBUTE,
-    'valign': _ReactInjection.DOMProperty.MUST_USE_ATTRIBUTE,
-    'bgcolor': _ReactInjection.DOMProperty.MUST_USE_ATTRIBUTE
+    'xmlns': 0,
+    'align': 0,
+    'valign': 0,
+    'bgcolor': 0,
+    'border': 0
   }
@@ -19,0 +20,0 @@ };

lib/StyleValidator.js

@@ -79,26 +79,28 @@ 'use strict';
 
-        var _iteratorNormalCompletion = true;
-        var _didIteratorError = false;
-        var _iteratorError = undefined;
+        if (_this.config.warn) {
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
 
-        try {
-          for (var _iterator = messages[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var _step$value = _slicedToArray(_step.value, 2);
+          try {
+            for (var _iterator = messages[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var _step$value = _slicedToArray(_step.value, 2);
 
-            var msg = _step$value[0];
-            var platforms = _step$value[1];
+              var msg = _step$value[0];
+              var platforms = _step$value[1];
 
-            console.warn('Warning: Style property `' + propName + '` supplied to `' + componentName + '`, in ' + platforms.join(', ') + ': ' + msg.toLowerCase()); // eslint-disable-line no-console
-          }
-        } catch (err) {
-          _didIteratorError = true;
-          _iteratorError = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion && _iterator.return) {
-              _iterator.return();
+              console.warn('Warning: Style property `' + propName + '` supplied to `' + componentName + '`, in ' + platforms.join(', ') + ': ' + msg.toLowerCase()); // eslint-disable-line no-console
             }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
           } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
             }
@@ -108,3 +110,3 @@ }
 
-        if (unsupported.length) {
+        if (unsupported.length && _this.config.strict) {
           return {
@@ -111,0 +113,0 @@ v: new Error('Style property `' + propName + '` supplied to `' + componentName + '` unsupported in: ' + unsupported.join(', ') + '.')

package.json

 {
   "name": "react-html-email",
   "description": "Create elegant HTML email templates using React.",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "keywords": [
@@ -6,0 +6,0 @@ "react",

README.md

@@ -135,4 +135,10 @@ # react-html-email
 
+## Head CSS and Media Queries
+You can pass a string prop `headCSS` to your `<Email>` component. You can see it in our [kitchenSink.js](https://github.com/chromakode/react-html-email/blob/master/examples/kitchenSink.js) example.
+
+## Mailchimp attributes
+If you're using Mailchimp and need to add their custom `mc:edit` attributes to your markup, we recommend using the [mailchimpify](http://github.com/Roilan/mailchimpify) module.
+
 ## License
 
 [MIT](https://github.com/chromakode/react-html-email/blob/master/LICENSE)

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

Environment variable access

Supply chain risk

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

Found 2 instances 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

Improved metrics

Total package byte prevSize

41674

increased by2%

Lines of code

456

increased by1.56%

Number of lines in readme file

144

increased by4.35%

Worsened metrics

Number of low supply chain risk alerts

3

increased by200%

No dependency changes