mjml-core - npm Package Compare versions

Comparing version 4.8.2 to 4.9.0

lib/components.js

@@ -8,2 +8,3 @@ "use strict";
 });
+exports.assignComponents = assignComponents;
 exports.registerComponent = registerComponent;
@@ -16,4 +17,10 @@ exports.default = void 0;
 
+function assignComponents(target, source) {
+  for (const component of source) {
+    target[component.componentName || (0, _kebabCase2.default)(component.name)] = component;
+  }
+}
+
 function registerComponent(Component) {
-  components[Component.componentName || (0, _kebabCase2.default)(Component.name)] = Component;
+  assignComponents(components, [Component]);
 }
@@ -20,0 +27,0 @@

lib/helpers/mediaQueries.js

@@ -15,3 +15,3 @@ "use strict";
 // eslint-disable-next-line import/prefer-default-export
-function buildMediaQueriesTags(breakpoint, mediaQueries = {}, forceOWADesktop = false) {
+function buildMediaQueriesTags(breakpoint, mediaQueries = {}) {
   if ((0, _isEmpty2.default)(mediaQueries)) {
@@ -22,3 +22,3 @@ return '';
   const baseMediaQueries = (0, _map2.default)(mediaQueries, (mediaQuery, className) => `.${className} ${mediaQuery}`);
-  const owaQueries = (0, _map2.default)(baseMediaQueries, mq => `[owa] ${mq}`);
+  const thunderbirdMediaQueries = (0, _map2.default)(mediaQueries, (mediaQuery, className) => `.moz-text-html .${className} ${mediaQuery}`);
   return `
@@ -30,3 +30,5 @@ <style type="text/css">
     </style>
-    ${forceOWADesktop ? `<style type="text/css">\n${owaQueries.join('\n')}\n</style>` : ``}
+    <style media="screen and (min-width:${breakpoint})">
+      ${thunderbirdMediaQueries.join('\n')}
+    </style>
   `;
@@ -33,0 +35,0 @@ }

lib/helpers/skeleton.js

@@ -35,3 +35,2 @@ "use strict";
     style,
-    forceOWADesktop,
     inlineStyle,
@@ -74,3 +73,3 @@ lang
         ${(0, _fonts.buildFontsTags)(content, inlineStyle, fonts)}
-        ${(0, _mediaQueries.default)(breakpoint, mediaQueries, forceOWADesktop)}
+        ${(0, _mediaQueries.default)(breakpoint, mediaQueries)}
         <style type="text/css">
@@ -77,0 +76,0 @@ ${(0, _reduce2.default)(componentsHeadStyle, (result, compHeadStyle) => `${result}\n${compHeadStyle(breakpoint)}`, '')}

lib/index.js

@@ -41,2 +41,8 @@ "use strict";
 });
+Object.defineProperty(exports, "assignComponents", {
+  enumerable: true,
+  get: function () {
+    return _components.assignComponents;
+  }
+});
 Object.defineProperty(exports, "suffixCssClasses", {
@@ -199,11 +205,20 @@ enumerable: true,
     noMigrateWarn = false,
-    preprocessors
+    preprocessors,
+    presets = []
   } = { ...mjmlConfigOptions,
     ...options
   };
+  const components = { ..._components.default
+  };
+  const dependencies = (0, _mjmlValidator.assignDependencies)({}, _mjmlValidator.dependencies);
 
+  for (const preset of presets) {
+    (0, _components.assignComponents)(components, preset.components);
+    (0, _mjmlValidator.assignDependencies)(dependencies, preset.dependencies);
+  }
+
   if (typeof mjml === 'string') {
     mjml = (0, _mjmlParserXml.default)(mjml, {
       keepComments,
-      components: _components.default,
+      components,
       filePath,
@@ -235,8 +250,7 @@ actualPath,
     title: '',
-    forceOWADesktop: (0, _get2.default)(mjml, 'attributes.owa', 'mobile') === 'desktop',
     lang: (0, _get2.default)(mjml, 'attributes.lang')
   };
   const validatorOptions = {
-    components: _components.default,
-    dependencies: _mjmlValidator.dependencies,
+    components,
+    dependencies,
     initializeType: _type.initializeType
@@ -337,3 +351,3 @@ };
   const bodyHelpers = {
-    components: _components.default,
+    components,
 
@@ -361,3 +375,3 @@ addMediaQuery(className, {
   const headHelpers = {
-    components: _components.default,
+    components,
 
@@ -364,0 +378,0 @@ add(attr, ...params) {

package.json

 {
   "name": "mjml-core",
   "description": "mjml-core",
-  "version": "4.8.2",
+  "version": "4.9.0",
   "main": "lib/index.js",
@@ -32,5 +32,5 @@ "files": [
     "lodash": "^4.17.15",
-    "mjml-migrate": "4.8.2",
-    "mjml-parser-xml": "4.8.2",
-    "mjml-validator": "4.8.2"
+    "mjml-migrate": "4.9.0",
+    "mjml-parser-xml": "4.9.0",
+    "mjml-validator": "4.9.0"
   },
@@ -42,3 +42,3 @@ "devDependencies": {
   },
-  "gitHead": "67cb33b5edd2b1d80436a72c213d2e815a685cd5"
+  "gitHead": "167a375d47aa78e834376b99c8a2bbbc0c3581a0"
 }

README.md

@@ -14,5 +14,5 @@ ## mjml-core
 ```javascript
-import { mjml2html } from 'mjml'
+import mjml2html from 'mjml'
 
 console.log(mjml2html(`code`))
 ```

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

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

59522

increased by0.82%

Lines of code

1459

increased by1.39%

Dependency changes

• + Addedmjml-migrate@4.9.0(transitive)

• + Addedmjml-parser-xml@4.9.0(transitive)

• + Addedmjml-validator@4.9.0(transitive)

• - Removedmjml-migrate@4.8.2(transitive)

• - Removedmjml-parser-xml@4.8.2(transitive)

• - Removedmjml-validator@4.8.2(transitive)

• Updatedmjml-migrate@4.9.0

• Updatedmjml-parser-xml@4.9.0

• Updatedmjml-validator@4.9.0