This is not working anymore

[shivanshtalwar]

i tried running in pure js file it says mjml2json is not a function and even cli is not working

[istr]

See #29 for a working version.

[zhuanyan-wang]

Since the project seemed abandoned, for anyone who doesn't need the CLI tool and wants to use it with MJML 4 without the critical vulnerabilities, here is what you can do for now:

1. Copy mjml2json.js to your project.
2. Install the required dependencies: lodash, htmlparser2, and mjml.
3. Change lines 1 to 23 (see the code snippet below).
4. Import the mjml2json function from your local mjml2json.js.

import _ from "lodash";
import * as htmlparser from "htmlparser2";
import { components } from "mjml-core";

const CDATASections = [];
const MJElements = [];

_.forEach(
  {
    ...components,
  },
  (value, key) => {
    // @ts-ignore - "componentName" exists but the type definition is incomplete currently.
    const tagName = value?.componentName ?? key;

    // @ts-ignore - "endingTag" exists on some components but the type definition is incomplete currently.
    if (value?.endingTag) {
      CDATASections.push(tagName);
    }

    MJElements.push(tagName);
  }
);

Notes:

• Import globalComponents or components? They are the same thing, but components is better because the type definition only recognizes components.
• tagName no longer exists on components, use componentName instead.
• componentName should exist on all components, but keeping the fallback just in case.
• endingTag only exists on some components, use optional chaining.
• @ts-ignore is added to prevent IDEs (when checkJs is set to true) from complaining. The current type definitions for different components are incomplete and don't include all the attributes.
• You can log value and key to see what attributes are available for each component type.

[avneeshkumar]

Since this was not working, we have now forked and created a new repo here with updated dependencies and TS support

https://www.npmjs.com/package/@mailmodo/mjml2json
https://github.com/mailmodo/mjml2json

You can start using the package .