Skip to content

Up mjml version #415

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
artf merged 3 commits into from
Mar 13, 2026
Merged

Up mjml version #415

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
cd4e540
Update MJML version
artf Mar 13, 2026
01f8242
Release v1.0.8
artf Mar 13, 2026
d68ecb0
Up test snapshots
artf Mar 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/workflows/npm-publish.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,4 @@ jobs:
- run: npm run build
- run: npm publish
env:
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
NODE_AUTH_TOKEN: ${{ secrets.ORG_NPM_TOKEN }}
13 changes: 7 additions & 6 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "grapesjs-mjml",
"version": "1.0.7",
"version": "1.0.8",
"description": "MJML Componenets integration in GrapesJS",
"main": "dist/index.js",
"scripts": {
Expand Down Expand Up @@ -29,7 +29,7 @@
"license": "BSD-3-Clause",
"dependencies": {
"@types/mjml": "^4.7.4",
"mjml-browser": "^4.13.0"
"mjml-browser": "^4.18.0"
},
"babel": {
"env": {
Expand Down
10 changes: 3 additions & 7 deletions tests/specs/__snapshots__/issue-367.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`Line Height should expect default line height as 22px and export correctly in html 1`] = `
"<!doctype html>
<html xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\">
<html lang=\\"und\\" dir=\\"auto\\" xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\">
<head>
<title></title>
<!--[if !mso]><!-->
Expand Down Expand Up @@ -51,21 +51,17 @@ exports[`Line Height should expect default line height as 22px and export correc
.moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
</style>


<style type=\\"text/css\\">



</style>
<style type=\\"text/css\\">

</style>

</head>
<body style=\\"word-spacing:normal;\\">


<div
style=\\"\\"
aria-roledescription=\\"email\\" style=\\"\\" role=\\"article\\" lang=\\"und\\" dir=\\"auto\\"
>


Expand Down
46 changes: 28 additions & 18 deletions tests/specs/__snapshots__/mjml.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`mjml tests should create basic structure and snapshot result 1`] = `
"<!doctype html>
<html xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\">
<html lang=\\"und\\" dir=\\"auto\\" xmlns=\\"http://www.w3.org/1999/xhtml\\" xmlns:v=\\"urn:schemas-microsoft-com:vml\\" xmlns:o=\\"urn:schemas-microsoft-com:office:office\\">
<head>
<title></title>
<!--[if !mso]><!-->
Expand Down Expand Up @@ -57,19 +57,20 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
.moz-text-html .mj-column-per-33-333333333333336 { width:33.333333333333336% !important; max-width: 33.333333333333336%; }
</style>


<style type=\\"text/css\\">



<style type=\\"text/css\\">

@media only screen and (max-width:479px) {
table.mj-full-width-mobile { width: 100% !important; }
td.mj-full-width-mobile { width: auto !important; }
}

</style>

<style type=\\"text/css\\">
.slogan {
.slogan {
background: #000;
}
</style>
Expand All @@ -79,7 +80,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `


<div
style=\\"\\"
aria-roledescription=\\"email\\" style=\\"\\" role=\\"article\\" lang=\\"und\\" dir=\\"auto\\"
>
<!-- Company Header -->

Expand Down Expand Up @@ -186,7 +187,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `

<tr>
<td
align=\\"center\\" vertical-align=\\"middle\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
align=\\"center\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
>

<table
Expand Down Expand Up @@ -297,7 +298,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `

<tr>
<td
align=\\"center\\" vertical-align=\\"middle\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
align=\\"center\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
>

<table
Expand Down Expand Up @@ -388,7 +389,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"width:200px;\\">

<img
src=\\"https://designspell.files.wordpress.com/2012/01/sciolino-paris-bw.jpg\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"200\\" height=\\"auto\\"
alt=\\"\\" src=\\"https://designspell.files.wordpress.com/2012/01/sciolino-paris-bw.jpg\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"200\\" height=\\"auto\\"
/>

</td>
Expand Down Expand Up @@ -545,7 +546,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"width:100px;\\">

<img
src=\\"http://191n.mj.am/img/191n/3s/x0l.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
alt=\\"\\" src=\\"http://191n.mj.am/img/191n/3s/x0l.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
/>

</td>
Expand Down Expand Up @@ -585,7 +586,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"width:100px;\\">

<img
src=\\"http://191n.mj.am/img/191n/3s/x01.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
alt=\\"\\" src=\\"http://191n.mj.am/img/191n/3s/x01.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
/>

</td>
Expand Down Expand Up @@ -625,7 +626,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"width:100px;\\">

<img
src=\\"http://191n.mj.am/img/191n/3s/x0s.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
alt=\\"\\" src=\\"http://191n.mj.am/img/191n/3s/x0s.png\\" style=\\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\\" width=\\"100\\" height=\\"auto\\"
/>

</td>
Expand Down Expand Up @@ -680,7 +681,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `

<tr>
<td
align=\\"center\\" vertical-align=\\"middle\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
align=\\"center\\" style=\\"font-size:0px;padding:10px 25px;word-break:break-word;\\"
>

<table
Expand Down Expand Up @@ -719,6 +720,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<tr

>

<td style=\\"padding:4px;vertical-align:middle;\\">
<table
border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" role=\\"presentation\\" style=\\"background:#3b5998;border-radius:3px;width:30px;\\"
Expand All @@ -728,22 +730,24 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"font-size:0;height:30px;vertical-align:middle;width:30px;\\">
<a href=\\"https://www.facebook.com/sharer/sharer.php?u=https://mjml.io/\\" target=\\"_blank\\">
<img
height=\\"30\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
alt=\\"\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>


<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;\\">
<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;text-align:left;\\">
<a
href=\\"https://www.facebook.com/sharer/sharer.php?u=https://mjml.io/\\" style=\\"color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;\\" target=\\"_blank\\">
Facebook
</a>
</td>


</tr>

</tbody>
Expand All @@ -757,6 +761,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<tr

>

<td style=\\"padding:4px;vertical-align:middle;\\">
<table
border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" role=\\"presentation\\" style=\\"background:#dc4e41;border-radius:3px;width:30px;\\"
Expand All @@ -766,22 +771,24 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"font-size:0;height:30px;vertical-align:middle;width:30px;\\">
<a href=\\"https://plus.google.com/share?url=https://mjml.io/\\" target=\\"_blank\\">
<img
height=\\"30\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/google-plus.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
alt=\\"\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/google-plus.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>


<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;\\">
<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;text-align:left;\\">
<a
href=\\"https://plus.google.com/share?url=https://mjml.io/\\" style=\\"color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;\\" target=\\"_blank\\">
Google
</a>
</td>


</tr>

</tbody>
Expand All @@ -795,6 +802,7 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<tr

>

<td style=\\"padding:4px;vertical-align:middle;\\">
<table
border=\\"0\\" cellpadding=\\"0\\" cellspacing=\\"0\\" role=\\"presentation\\" style=\\"background:#55acee;border-radius:3px;width:30px;\\"
Expand All @@ -804,22 +812,24 @@ exports[`mjml tests should create basic structure and snapshot result 1`] = `
<td style=\\"font-size:0;height:30px;vertical-align:middle;width:30px;\\">
<a href=\\"https://twitter.com/intent/tweet?url=https://mjml.io/\\" target=\\"_blank\\">
<img
height=\\"30\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
alt=\\"\\" src=\\"https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png\\" style=\\"border-radius:3px;display:block;\\" width=\\"30\\"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>


<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;\\">
<td style=\\"vertical-align:middle;padding:4px 4px 4px 0;text-align:left;\\">
<a
href=\\"https://twitter.com/intent/tweet?url=https://mjml.io/\\" style=\\"color:#333333;font-size:15px;font-family:Ubuntu, Helvetica, Arial, sans-serif;line-height:22px;text-decoration:none;\\" target=\\"_blank\\">
Twitter
</a>
</td>


</tr>

</tbody>
Expand Down
Loading