mjml - npm Package Compare versions

Comparing version 2.0.3 to 2.1.0-beta.1

lib/index.js

@@ -19,2 +19,6 @@ 'use strict';
 
+var _mjmlContainer = require('mjml-container');
+
+var _mjmlContainer2 = _interopRequireDefault(_mjmlContainer);
+
 var _mjmlButton = require('mjml-button');
@@ -28,6 +32,2 @@
 
-var _mjmlContainer = require('mjml-container');
-
-var _mjmlContainer2 = _interopRequireDefault(_mjmlContainer);
-
 var _mjmlDivider = require('mjml-divider');
@@ -85,4 +85,18 @@
 
+var _mjmlHero = require('mjml-hero');
+
+var _mjmlHero2 = _interopRequireDefault(_mjmlHero);
+
+var _mjmlHeroContent = require('mjml-hero-content');
+
+var _mjmlHeroContent2 = _interopRequireDefault(_mjmlHeroContent);
+
+var _mjmlHeadAttributes = require('mjml-head-attributes');
+
+var _mjmlHeadAttributes2 = _interopRequireDefault(_mjmlHeadAttributes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-[_mjmlContainer2.default, _mjmlButton2.default, _mjmlColumn2.default, _mjmlDivider2.default, _mjmlHtml2.default, _mjmlImage2.default, _mjmlInvoice2.default, _mjmlInvoiceItem2.default, _mjmlList2.default, _mjmlLocation2.default, _mjmlRaw2.default, _mjmlSection2.default, _mjmlSocial2.default, _mjmlSpacer2.default, _mjmlTable2.default, _mjmlText2.default].map(_mjmlCore.registerMJElement);
+[_mjmlContainer2.default, _mjmlButton2.default, _mjmlColumn2.default, _mjmlDivider2.default, _mjmlHtml2.default, _mjmlImage2.default, _mjmlInvoice2.default, _mjmlInvoiceItem2.default, _mjmlList2.default, _mjmlLocation2.default, _mjmlRaw2.default, _mjmlSection2.default, _mjmlSocial2.default, _mjmlSpacer2.default, _mjmlTable2.default, _mjmlText2.default, _mjmlHero2.default, _mjmlHeroContent2.default].map(_mjmlCore.registerMJElement);
+
+(0, _mjmlCore.registerMJHeadElement)('mj-attributes', _mjmlHeadAttributes2.default);

package.json

 {
   "name": "mjml",
-  "version": "2.0.3",
+  "version": "2.1.0-beta.1",
   "main": "lib/index.js",
@@ -18,21 +18,24 @@ "bin": {
   "dependencies": {
-    "mjml-button": "^2.0.1",
-    "mjml-cli": "^2.0.3",
-    "mjml-column": "^2.0.1",
-    "mjml-container": "^2.0.1",
-    "mjml-core": "^2.0.1",
-    "mjml-divider": "^2.0.2",
-    "mjml-html": "^2.0.1",
-    "mjml-image": "^2.0.1",
-    "mjml-invoice-item": "^2.0.1",
-    "mjml-invoice": "^2.0.2",
-    "mjml-list": "^2.0.1",
-    "mjml-location": "^2.0.1",
-    "mjml-raw": "^2.0.1",
-    "mjml-section": "^2.0.1",
-    "mjml-social": "^2.0.1",
-    "mjml-spacer": "^2.0.0",
-    "mjml-table": "^2.0.1",
-    "mjml-text": "^2.0.1"
+    "mjml-button": "^2.0.2",
+    "mjml-cli": "^2.0.4",
+    "mjml-column": "^2.0.2",
+    "mjml-container": "^2.0.2",
+    "mjml-core": "^2.0.2",
+    "mjml-divider": "^2.0.3",
+    "mjml-head-attributes": "^2.0.2",
+    "mjml-hero-content": "^2.0.2",
+    "mjml-hero": "^2.0.2",
+    "mjml-html": "^2.0.2",
+    "mjml-image": "^2.0.2",
+    "mjml-invoice-item": "^2.0.2",
+    "mjml-invoice": "^2.0.3",
+    "mjml-list": "^2.0.2",
+    "mjml-location": "^2.0.2",
+    "mjml-raw": "^2.0.2",
+    "mjml-section": "^2.0.2",
+    "mjml-social": "^2.0.2",
+    "mjml-spacer": "^2.0.2",
+    "mjml-table": "^2.0.2",
+    "mjml-text": "^2.0.2"
   }
 }

test.js

@@ -5,50 +5,30 @@ var mjml = require('./lib/index')
 <mjml>
+  <mj-head>
+    <mj-attributes>
+      <mj-text padding="0" color="#EEE" font-family="helvetica" />
+      <mj-class name="bg-blue" />
+    </mj-attributes>
+  </mj-head>
   <mj-body>
-    <mj-container>
+    <mj-container mj-class="bg-blue">
+      <mj-section full-width="full-width">
+        <mj-column>
+          <mj-text text-decoration="underline" font-size="30px">Underwater</mj-text>
+        </mj-column>
+      </mj-section>
+
       <mj-section>
         <mj-column>
-          <mj-table>
-            <tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
-              <th style="padding: 0 15px 0 0;">Year</th>
-              <th style="padding: 0 15px;">Language</th>
-              <th style="padding: 0 0 0 15px;">Inspired from</th>
-            </tr>
-            <tr>
-              <td style="padding: 0 15px 0 0;">1995</td>
-              <td style="padding: 0 15px;">PHP</td>
-              <td style="padding: 0 0 0 15px;">C, Shell Unix</td>
-            </tr>
-            <tr>
-              <td style="padding: 0 15px 0 0;">1995</td>
-              <td style="padding: 0 15px;">JavaScript</td>
-              <td style="padding: 0 0 0 15px;">Scheme, Self</td>
-            </tr>
-          </mj-table>
-          <mj-invoice format="0,00.00€" intl="name:Product Name">
-            <mj-invoice-item name="TV" price="549€" quantity="1" />
-            <mj-invoice-item name="DVD - Iron Man II" price="22.99€" quantity="2" />
-          </mj-invoice>
-          <mj-social />
-          <mj-button>
-            My button
-          </mj-button>
-          <mj-text>
-            My text
-          </mj-text>
-          <mj-image src="https://mjml.io/assets/img/logo-picto-small.png" />
-          <mj-html>
-            <table>
-              <tr>
-                <td>
-                  My Html
-                </td>
-              </tr>
-            </table>
-          </mj-html>
-          <mj-divider />
-          <mj-raw>
-            <% if (undefined) {} %>
-          </mj-raw>
+          <mj-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet ipsum consequat, viverra libero in, vulputate nulla. Vivamus sit amet sapien non metus viverra ornare ut rutrum ligula. Etiam a odio ac ex pharetra gravida. Aenean sodales purus quis malesuada suscipit. Aenean ac euismod ligula, ac scelerisque nulla. Fusce lacinia libero sed velit sagittis, hendrerit posuere nisl blandit. Quisque mauris justo, mollis id malesuada a, euismod non neque. Sed finibus, leo nec rhoncus ultrices, odio metus imperdiet magna, id pulvinar ex ex ullamcorper ipsum.</mj-text>
         </mj-column>
+        <mj-column>
+          <mj-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet ipsum consequat, viverra libero in, vulputate nulla. Vivamus sit amet sapien non metus viverra ornare ut rutrum ligula. Etiam a odio ac ex pharetra gravida. Aenean sodales purus quis malesuada suscipit. Aenean ac euismod ligula, ac scelerisque nulla. Fusce lacinia libero sed velit sagittis, hendrerit posuere nisl blandit. Quisque mauris justo, mollis id malesuada a, euismod non neque. Sed finibus, leo nec rhoncus ultrices, odio metus imperdiet magna, id pulvinar ex ex ullamcorper ipsum</mj-text>
+        </mj-column>
       </mj-section>
+
+      <mj-section>
+        <mj-column>
+          <mj-button background-color="#0C8094">Discover now</mj-button>
+        </mj-column>
+      </mj-section>
     </mj-container>
@@ -55,0 +35,0 @@ </mj-body>

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

Improved metrics

Total package byte prevSize

11846

increased by7.5%

Worsened metrics

Dependency count

21

increased by16.67%

Lines of code

90

decreased by-11.76%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Addedmjml-head-attributes@^2.0.2

• + Addedmjml-hero@^2.0.2

• + Addedmjml-hero-content@^2.0.2

• + Addedmjml-head-attributes@2.0.7(transitive)

• + Addedmjml-hero@2.0.10(transitive)

• Updatedmjml-button@^2.0.2

• Updatedmjml-cli@^2.0.4

• Updatedmjml-column@^2.0.2

• Updatedmjml-container@^2.0.2

• Updatedmjml-core@^2.0.2

• Updatedmjml-divider@^2.0.3

• Updatedmjml-html@^2.0.2

• Updatedmjml-image@^2.0.2

• Updatedmjml-invoice@^2.0.3

• Updatedmjml-invoice-item@^2.0.2

• Updatedmjml-list@^2.0.2

• Updatedmjml-location@^2.0.2

• Updatedmjml-raw@^2.0.2

• Updatedmjml-section@^2.0.2

• Updatedmjml-social@^2.0.2

• Updatedmjml-spacer@^2.0.2

• Updatedmjml-table@^2.0.2

• Updatedmjml-text@^2.0.2