@mjmx/core 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Dmitry Kudryavtsev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,191 @@
+# mjmx
+
+<p align="center">
+    <code>mjmx</code> is a JSX runtime to generate <a href="https://mjml.io/" target="_blank">mjml</a> strings.
+    <br/><br/>
+    <b>No dependency on react</b>
+</p>
+
+> This project was developed with the help of [Claude Code](https://claude.ai/).
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [API](#api)
+  - [`render(mjml, options?)`](#rendermjml-options)
+  - [`serialize(node)`](#serializenode)
+  - [Render Options](#render-options)
+- [Note on `mj-include`](#note-on-mj-include)
+- [Strict Types](#strict-types)
+- [Motivation](#motivation)
+- [Why there is no preview server?](#why-there-is-no-preview-server)
+- [License](#license)
+
+## Installation
+
+```bash
+npm install @mjmx/core
+```
+
+## Usage
+
+Configure your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@mjmx/core"
+  }
+}
+```
+
+Or use the pragma comment:
+
+```tsx
+/** @jsxImportSource @mjmx/core */
+```
+
+### Example
+
+```tsx
+import { render } from '@mjmx/core';
+
+const Email = ({ name }: { name: string }) => (
+  <mjml>
+    <mj-body>
+      <mj-section>
+        <mj-column>
+          <mj-text font-size="20px" color="#333">
+            Hello {name}!
+          </mj-text>
+          <mj-button href="https://example.com">Click me</mj-button>
+        </mj-column>
+      </mj-section>
+    </mj-body>
+  </mjml>
+);
+
+const { html, errors } = render(<Email name="World" />);
+```
+
+## API
+
+### `render(mjml, options?)`
+
+Renders an MJML node or string to HTML.
+
+```tsx
+const { html, errors } = render(<mjml>...</mjml>);
+```
+
+### `serialize(node)`
+
+Converts an MJML AST node to an MJML XML string.
+
+```tsx
+const mjmlString = serialize(<mjml>...</mjml>);
+```
+
+### Render Options
+
+Options are passed directly to `mjml2html`:
+
+```tsx
+render(email, {
+  validationLevel: 'strict' | 'soft' | 'skip',
+  // ...
+});
+```
+
+## Note on `mj-include`
+
+The `mj-include` tag is supported, but is often redundant when using JSX since you can compose components directly:
+
+```tsx
+// Instead of mj-include, just use JSX composition
+const Header = () => <mj-section>...</mj-section>;
+const Email = () => (
+  <mjml>
+    <mj-body>
+      <Header />
+    </mj-body>
+  </mjml>
+);
+```
+
+If you do use `mj-include`, ensure the `path` attribute points to a valid file path that will be resolvable when `mjml2html` processes the output. Paths are relative to the working directory where the MJML renderer is invoked, not relative to your source files.
+
+## Strict Types
+
+Attributes use template literal types for better autocomplete:
+
+```tsx
+// CSS units
+<mj-text font-size="16px" padding="10px 20px">
+
+// Colors
+<mj-section background-color="#f4f4f4">
+
+// Percentages for widths
+<mj-column width="50%">
+```
+
+## Motivation
+
+There is [react.email](https://react.email/) and [mjml-react](https://github.com/Faire/mjml-react).
+The first one, reimplement email HTML logic from scratch, rather than relying on a battle tested `mjml` library.
+But more importantly, both `react.email` and `mjml-react` depend on `react` and `react-dom` for no obvious reason.
+
+`mjmx` takes a different approach, no dependency on React at all, instead implementing its own AST and JSX Runtime.
+It's a perfect companion library for someone who uses server rendered templates with something like [@kitajs/html](https://github.com/kitajs/html).
+And in fact, `mjmx` was inspired by `@kitajs/html`.
+
+Under the hood, it's pure string manipulation.
+So a code like this:
+
+```jsx
+const node = <mj-text font-size="16px">Hello</mj-text>;
+console.log(serialize(node));
+```
+
+Will simply output
+
+```text
+<mj-text font-size="16px">Hello</mj-text>
+```
+
+The alternative is to use `mjml` directly, with something like `handlebars` for light templating.
+With the `mjml` CLI you will be able to compile `.hbs.mjml` MJML files into `.hbs` HTML files during CI/CD, hence saving the runtime evaluation and parsing of MJML.
+Then, you will load the compiled HTML + handlebars template, and compile it into a JS function.
+Handlebars templates are pretty fast.
+This setup will eliminate the need to depend on mjml, or evaluating mjml template in runtime.
+However, you will lose:
+
+1. Fast iteration - you will have to compile templates ahead of time, or setup a watch process to make sure your backend is reloaded when templates change
+2. Type safety - while `mjml` is able to compile and validate templates, there is no way to generate type-safe handlebars calls, so if you mistype a variable, handlebars will either throw an error if running in strict mode, or will simply render an empty string
+3. Complex logic - writing complex handlebars logic inside mjml files is... cumbersome
+
+It's up to you to decide what trade-offs you want.
+
+I used to roll with mjml+handlebars for years, but as I value type-safety and faster iteration, I decided to build this library to complement my usage of `@kitajs/html` with a similar tool, without pulling react dependencies.
+
+## Why there is no preview server?
+
+Being able to preview your emails is a must.
+We all hate the `Hello {{valuedCustomer}}` type of emails.
+However, making a dev server with preview endpoint that will satisfy everyone, is a complicated task.
+For starters, you need to deal with things like subject or what props to pass.
+Sure, you could hard-code some preview props, like Ruby on Rails does, but everyone probably have a different setup for that.
+And then, you get into territory like `i18n`.
+
+It's impossible to get this right for every use-case, so I think it's better you implement one yourself.
+My preview server is about 300 lines of code, and with LLMs, you can generate it with one comprehensive prompt.
+So I prefer to keep this library lean, and focus only on generating mjml from JSX, without all other nonsense.
+
+I am, however, open to PRs, and might consider it.
+
+## License
+
+MIT

package/dist/chunk-SUL5BGGO.js

@@ -0,0 +1,44 @@
+// src/ast.ts
+var MJML_NODE_TYPE = /* @__PURE__ */ Symbol.for("mjmx.node");
+var Fragment = /* @__PURE__ */ Symbol.for("mjmx.fragment");
+function isMjmlNode(value) {
+  return typeof value === "object" && value !== null && "$$typeof" in value && value.$$typeof === MJML_NODE_TYPE;
+}
+function createNode(tag, attributes, children) {
+  const stringAttributes = {};
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value === void 0 || value === null) {
+      continue;
+    }
+    if (value instanceof URL) {
+      stringAttributes[key] = value.toString();
+    } else {
+      stringAttributes[key] = String(value);
+    }
+  }
+  return {
+    $$typeof: MJML_NODE_TYPE,
+    tag,
+    attributes: stringAttributes,
+    children
+  };
+}
+
+// src/jsx-runtime.ts
+function jsx(tag, props, _key) {
+  if (typeof tag === "function") {
+    return tag(props);
+  }
+  const { children, ...attributes } = props;
+  const childArray = children === void 0 ? [] : Array.isArray(children) ? children : [children];
+  return createNode(tag, attributes, childArray);
+}
+var jsxs = jsx;
+
+export {
+  Fragment,
+  isMjmlNode,
+  jsx,
+  jsxs
+};
+//# sourceMappingURL=chunk-SUL5BGGO.js.map

package/dist/chunk-SUL5BGGO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ast.ts","../src/jsx-runtime.ts"],"sourcesContent":["export const MJML_NODE_TYPE = Symbol.for('mjmx.node');\n\nexport const Fragment = Symbol.for('mjmx.fragment');\n\nexport interface MjmlNode {\n  readonly $$typeof: typeof MJML_NODE_TYPE;\n  readonly tag: string | typeof Fragment;\n  readonly attributes: Record<string, string | undefined>;\n  readonly children: MjmlChild[];\n}\n\nexport type MjmlChild =\n  | MjmlNode\n  | string\n  | number\n  | boolean\n  | null\n  | undefined\n  | MjmlChild[];\n\nexport function isMjmlNode(value: unknown): value is MjmlNode {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    '$$typeof' in value &&\n    value.$$typeof === MJML_NODE_TYPE\n  );\n}\n\nexport function createNode(\n  tag: string | typeof Fragment,\n  attributes: Record<string, unknown>,\n  children: MjmlChild[]\n): MjmlNode {\n  const stringAttributes: Record<string, string | undefined> = {};\n\n  for (const [key, value] of Object.entries(attributes)) {\n    if (value === undefined || value === null) {\n      continue;\n    }\n    if (value instanceof URL) {\n      stringAttributes[key] = value.toString();\n    } else {\n      stringAttributes[key] = String(value);\n    }\n  }\n\n  return {\n    $$typeof: MJML_NODE_TYPE,\n    tag,\n    attributes: stringAttributes,\n    children,\n  };\n}\n","import { createNode, Fragment, type MjmlChild, type MjmlNode } from './ast';\nimport type {\n  MjAccordionAttributes,\n  MjAccordionElementAttributes,\n  MjAccordionTextAttributes,\n  MjAccordionTitleAttributes,\n  MjAllAttributes,\n  MjAttributesAttributes,\n  MjBodyAttributes,\n  MjBreakpointAttributes,\n  MjButtonAttributes,\n  MjCarouselAttributes,\n  MjCarouselImageAttributes,\n  MjClassAttributes,\n  MjColumnAttributes,\n  MjDividerAttributes,\n  MjFontAttributes,\n  MjGroupAttributes,\n  MjHeadAttributes,\n  MjHeroAttributes,\n  MjHtmlAttributeAttributes,\n  MjHtmlAttributesAttributes,\n  MjImageAttributes,\n  MjIncludeAttributes,\n  MjmlAttributes,\n  MjNavbarAttributes,\n  MjNavbarLinkAttributes,\n  MjPreviewAttributes,\n  MjRawAttributes,\n  MjSectionAttributes,\n  MjSelectorAttributes,\n  MjSocialAttributes,\n  MjSocialElementAttributes,\n  MjSpacerAttributes,\n  MjStyleAttributes,\n  MjTableAttributes,\n  MjTextAttributes,\n  MjTitleAttributes,\n  MjWrapperAttributes,\n} from './types';\n\nexport { Fragment };\n\ntype PropsWithChildren<T = object> = T & { children?: MjmlChild };\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Component = (props: any) => MjmlNode;\n\nexport function jsx(\n  tag: string | typeof Fragment | Component,\n  props: Record<string, unknown>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _key?: string\n): MjmlNode {\n  if (typeof tag === 'function') {\n    return tag(props);\n  }\n\n  const { children, ...attributes } = props;\n\n  const childArray: MjmlChild[] =\n    children === undefined\n      ? []\n      : Array.isArray(children)\n        ? children\n        : [children as MjmlChild];\n\n  return createNode(tag, attributes, childArray);\n}\n\nexport const jsxs = jsx;\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace JSX {\n  export type Element = MjmlNode;\n  export type ElementType = string | typeof Fragment | Component;\n\n  export interface ElementChildrenAttribute {\n    children: MjmlChild;\n  }\n\n  export interface IntrinsicElements {\n    mjml: PropsWithChildren<MjmlAttributes>;\n    'mj-head': PropsWithChildren<MjHeadAttributes>;\n    'mj-body': PropsWithChildren<MjBodyAttributes>;\n    'mj-attributes': PropsWithChildren<MjAttributesAttributes>;\n    'mj-breakpoint': MjBreakpointAttributes;\n    'mj-font': MjFontAttributes;\n    'mj-html-attributes': PropsWithChildren<MjHtmlAttributesAttributes>;\n    'mj-preview': PropsWithChildren<MjPreviewAttributes>;\n    'mj-style': PropsWithChildren<MjStyleAttributes>;\n    'mj-title': PropsWithChildren<MjTitleAttributes>;\n    'mj-all': MjAllAttributes;\n    'mj-class': MjClassAttributes;\n    'mj-section': PropsWithChildren<MjSectionAttributes>;\n    'mj-column': PropsWithChildren<MjColumnAttributes>;\n    'mj-group': PropsWithChildren<MjGroupAttributes>;\n    'mj-wrapper': PropsWithChildren<MjWrapperAttributes>;\n    'mj-text': PropsWithChildren<MjTextAttributes>;\n    'mj-button': PropsWithChildren<MjButtonAttributes>;\n    'mj-image': MjImageAttributes;\n    'mj-divider': MjDividerAttributes;\n    'mj-spacer': MjSpacerAttributes;\n    'mj-table': PropsWithChildren<MjTableAttributes>;\n    'mj-raw': PropsWithChildren<MjRawAttributes>;\n    'mj-hero': PropsWithChildren<MjHeroAttributes>;\n    'mj-accordion': PropsWithChildren<MjAccordionAttributes>;\n    'mj-accordion-element': PropsWithChildren<MjAccordionElementAttributes>;\n    'mj-accordion-title': PropsWithChildren<MjAccordionTitleAttributes>;\n    'mj-accordion-text': PropsWithChildren<MjAccordionTextAttributes>;\n    'mj-carousel': PropsWithChildren<MjCarouselAttributes>;\n    'mj-carousel-image': MjCarouselImageAttributes;\n    'mj-navbar': PropsWithChildren<MjNavbarAttributes>;\n    'mj-navbar-link': PropsWithChildren<MjNavbarLinkAttributes>;\n    'mj-social': PropsWithChildren<MjSocialAttributes>;\n    'mj-social-element': PropsWithChildren<MjSocialElementAttributes>;\n    'mj-include': MjIncludeAttributes;\n    'mj-selector': PropsWithChildren<MjSelectorAttributes>;\n    'mj-html-attribute': PropsWithChildren<MjHtmlAttributeAttributes>;\n  }\n}\n"],"mappings":";AAAO,IAAM,iBAAiB,uBAAO,IAAI,WAAW;AAE7C,IAAM,WAAW,uBAAO,IAAI,eAAe;AAkB3C,SAAS,WAAW,OAAmC;AAC5D,SACE,OAAO,UAAU,YACjB,UAAU,QACV,cAAc,SACd,MAAM,aAAa;AAEvB;AAEO,SAAS,WACd,KACA,YACA,UACU;AACV,QAAM,mBAAuD,CAAC;AAE9D,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AACrD,QAAI,UAAU,UAAa,UAAU,MAAM;AACzC;AAAA,IACF;AACA,QAAI,iBAAiB,KAAK;AACxB,uBAAiB,GAAG,IAAI,MAAM,SAAS;AAAA,IACzC,OAAO;AACL,uBAAiB,GAAG,IAAI,OAAO,KAAK;AAAA,IACtC;AAAA,EACF;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF;AACF;;;ACLO,SAAS,IACd,KACA,OAEA,MACU;AACV,MAAI,OAAO,QAAQ,YAAY;AAC7B,WAAO,IAAI,KAAK;AAAA,EAClB;AAEA,QAAM,EAAE,UAAU,GAAG,WAAW,IAAI;AAEpC,QAAM,aACJ,aAAa,SACT,CAAC,IACD,MAAM,QAAQ,QAAQ,IACpB,WACA,CAAC,QAAqB;AAE9B,SAAO,WAAW,KAAK,YAAY,UAAU;AAC/C;AAEO,IAAM,OAAO;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,147 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Fragment: () => Fragment,
+  jsx: () => jsx,
+  jsxs: () => jsxs,
+  render: () => render,
+  serialize: () => serialize
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ast.ts
+var MJML_NODE_TYPE = /* @__PURE__ */ Symbol.for("mjmx.node");
+var Fragment = /* @__PURE__ */ Symbol.for("mjmx.fragment");
+function isMjmlNode(value) {
+  return typeof value === "object" && value !== null && "$$typeof" in value && value.$$typeof === MJML_NODE_TYPE;
+}
+function createNode(tag, attributes, children) {
+  const stringAttributes = {};
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value === void 0 || value === null) {
+      continue;
+    }
+    if (value instanceof URL) {
+      stringAttributes[key] = value.toString();
+    } else {
+      stringAttributes[key] = String(value);
+    }
+  }
+  return {
+    $$typeof: MJML_NODE_TYPE,
+    tag,
+    attributes: stringAttributes,
+    children
+  };
+}
+
+// src/jsx-runtime.ts
+function jsx(tag, props, _key) {
+  if (typeof tag === "function") {
+    return tag(props);
+  }
+  const { children, ...attributes } = props;
+  const childArray = children === void 0 ? [] : Array.isArray(children) ? children : [children];
+  return createNode(tag, attributes, childArray);
+}
+var jsxs = jsx;
+
+// src/render.ts
+var import_mjml = __toESM(require("mjml"), 1);
+
+// src/serialize.ts
+var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
+  "mj-all",
+  "mj-breakpoint",
+  "mj-carousel-image",
+  "mj-class",
+  "mj-divider",
+  "mj-font",
+  "mj-image",
+  "mj-include",
+  "mj-spacer"
+]);
+function serializeAttributes(attributes) {
+  const parts = [];
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value !== void 0) {
+      parts.push(`${key}="${value}"`);
+    }
+  }
+  return parts.length > 0 ? " " + parts.join(" ") : "";
+}
+function serializeChildren(children) {
+  const parts = [];
+  for (const child of children) {
+    if (child === null || child === void 0 || child === true || child === false) {
+      continue;
+    }
+    if (Array.isArray(child)) {
+      parts.push(serializeChildren(child));
+    } else if (isMjmlNode(child)) {
+      parts.push(serializeNode(child));
+    } else {
+      parts.push(String(child));
+    }
+  }
+  return parts.join("");
+}
+function serializeNode(node) {
+  if (node.tag === Fragment) {
+    return serializeChildren(node.children);
+  }
+  const tag = node.tag;
+  const attrs = serializeAttributes(node.attributes);
+  if (SELF_CLOSING_TAGS.has(tag)) {
+    return `<${tag}${attrs} />`;
+  }
+  const content = serializeChildren(node.children);
+  return `<${tag}${attrs}>${content}</${tag}>`;
+}
+function serialize(node) {
+  return serializeNode(node);
+}
+
+// src/render.ts
+function render(mjml, options) {
+  const str = isMjmlNode(mjml) ? serialize(mjml) : mjml;
+  return (0, import_mjml.default)(str, options);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fragment,
+  jsx,
+  jsxs,
+  render,
+  serialize
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/ast.ts","../src/jsx-runtime.ts","../src/render.ts","../src/serialize.ts"],"sourcesContent":["export { Fragment, type MjmlChild, type MjmlNode } from './ast';\nexport { jsx, jsxs, type JSX } from './jsx-runtime';\nexport { render, type RenderOptions, type RenderResult } from './render';\nexport { serialize } from './serialize';\n\nexport type {\n  Align,\n  CSSPixel,\n  CSSSpacing,\n  CSSUnit,\n  CSSWidth,\n  Color,\n  Direction,\n  HexColor,\n  MjAccordionAttributes,\n  MjAccordionElementAttributes,\n  MjAccordionTextAttributes,\n  MjAccordionTitleAttributes,\n  MjAllAttributes,\n  MjAttributesAttributes,\n  MjBodyAttributes,\n  MjBreakpointAttributes,\n  MjButtonAttributes,\n  MjCarouselAttributes,\n  MjCarouselImageAttributes,\n  MjClassAttributes,\n  MjColumnAttributes,\n  MjDividerAttributes,\n  MjFontAttributes,\n  MjGroupAttributes,\n  MjHeadAttributes,\n  MjHeroAttributes,\n  MjHtmlAttributeAttributes,\n  MjHtmlAttributesAttributes,\n  MjImageAttributes,\n  MjIncludeAttributes,\n  MjNavbarAttributes,\n  MjNavbarLinkAttributes,\n  MjPreviewAttributes,\n  MjRawAttributes,\n  MjSectionAttributes,\n  MjSelectorAttributes,\n  MjSocialAttributes,\n  MjSocialElementAttributes,\n  MjSpacerAttributes,\n  MjStyleAttributes,\n  MjTableAttributes,\n  MjTextAttributes,\n  MjTitleAttributes,\n  MjWrapperAttributes,\n  MjmlAttributes,\n  URLString,\n  VerticalAlign,\n} from './types';\n","export const MJML_NODE_TYPE = Symbol.for('mjmx.node');\n\nexport const Fragment = Symbol.for('mjmx.fragment');\n\nexport interface MjmlNode {\n  readonly $$typeof: typeof MJML_NODE_TYPE;\n  readonly tag: string | typeof Fragment;\n  readonly attributes: Record<string, string | undefined>;\n  readonly children: MjmlChild[];\n}\n\nexport type MjmlChild =\n  | MjmlNode\n  | string\n  | number\n  | boolean\n  | null\n  | undefined\n  | MjmlChild[];\n\nexport function isMjmlNode(value: unknown): value is MjmlNode {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    '$$typeof' in value &&\n    value.$$typeof === MJML_NODE_TYPE\n  );\n}\n\nexport function createNode(\n  tag: string | typeof Fragment,\n  attributes: Record<string, unknown>,\n  children: MjmlChild[]\n): MjmlNode {\n  const stringAttributes: Record<string, string | undefined> = {};\n\n  for (const [key, value] of Object.entries(attributes)) {\n    if (value === undefined || value === null) {\n      continue;\n    }\n    if (value instanceof URL) {\n      stringAttributes[key] = value.toString();\n    } else {\n      stringAttributes[key] = String(value);\n    }\n  }\n\n  return {\n    $$typeof: MJML_NODE_TYPE,\n    tag,\n    attributes: stringAttributes,\n    children,\n  };\n}\n","import { createNode, Fragment, type MjmlChild, type MjmlNode } from './ast';\nimport type {\n  MjAccordionAttributes,\n  MjAccordionElementAttributes,\n  MjAccordionTextAttributes,\n  MjAccordionTitleAttributes,\n  MjAllAttributes,\n  MjAttributesAttributes,\n  MjBodyAttributes,\n  MjBreakpointAttributes,\n  MjButtonAttributes,\n  MjCarouselAttributes,\n  MjCarouselImageAttributes,\n  MjClassAttributes,\n  MjColumnAttributes,\n  MjDividerAttributes,\n  MjFontAttributes,\n  MjGroupAttributes,\n  MjHeadAttributes,\n  MjHeroAttributes,\n  MjHtmlAttributeAttributes,\n  MjHtmlAttributesAttributes,\n  MjImageAttributes,\n  MjIncludeAttributes,\n  MjmlAttributes,\n  MjNavbarAttributes,\n  MjNavbarLinkAttributes,\n  MjPreviewAttributes,\n  MjRawAttributes,\n  MjSectionAttributes,\n  MjSelectorAttributes,\n  MjSocialAttributes,\n  MjSocialElementAttributes,\n  MjSpacerAttributes,\n  MjStyleAttributes,\n  MjTableAttributes,\n  MjTextAttributes,\n  MjTitleAttributes,\n  MjWrapperAttributes,\n} from './types';\n\nexport { Fragment };\n\ntype PropsWithChildren<T = object> = T & { children?: MjmlChild };\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Component = (props: any) => MjmlNode;\n\nexport function jsx(\n  tag: string | typeof Fragment | Component,\n  props: Record<string, unknown>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  _key?: string\n): MjmlNode {\n  if (typeof tag === 'function') {\n    return tag(props);\n  }\n\n  const { children, ...attributes } = props;\n\n  const childArray: MjmlChild[] =\n    children === undefined\n      ? []\n      : Array.isArray(children)\n        ? children\n        : [children as MjmlChild];\n\n  return createNode(tag, attributes, childArray);\n}\n\nexport const jsxs = jsx;\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace JSX {\n  export type Element = MjmlNode;\n  export type ElementType = string | typeof Fragment | Component;\n\n  export interface ElementChildrenAttribute {\n    children: MjmlChild;\n  }\n\n  export interface IntrinsicElements {\n    mjml: PropsWithChildren<MjmlAttributes>;\n    'mj-head': PropsWithChildren<MjHeadAttributes>;\n    'mj-body': PropsWithChildren<MjBodyAttributes>;\n    'mj-attributes': PropsWithChildren<MjAttributesAttributes>;\n    'mj-breakpoint': MjBreakpointAttributes;\n    'mj-font': MjFontAttributes;\n    'mj-html-attributes': PropsWithChildren<MjHtmlAttributesAttributes>;\n    'mj-preview': PropsWithChildren<MjPreviewAttributes>;\n    'mj-style': PropsWithChildren<MjStyleAttributes>;\n    'mj-title': PropsWithChildren<MjTitleAttributes>;\n    'mj-all': MjAllAttributes;\n    'mj-class': MjClassAttributes;\n    'mj-section': PropsWithChildren<MjSectionAttributes>;\n    'mj-column': PropsWithChildren<MjColumnAttributes>;\n    'mj-group': PropsWithChildren<MjGroupAttributes>;\n    'mj-wrapper': PropsWithChildren<MjWrapperAttributes>;\n    'mj-text': PropsWithChildren<MjTextAttributes>;\n    'mj-button': PropsWithChildren<MjButtonAttributes>;\n    'mj-image': MjImageAttributes;\n    'mj-divider': MjDividerAttributes;\n    'mj-spacer': MjSpacerAttributes;\n    'mj-table': PropsWithChildren<MjTableAttributes>;\n    'mj-raw': PropsWithChildren<MjRawAttributes>;\n    'mj-hero': PropsWithChildren<MjHeroAttributes>;\n    'mj-accordion': PropsWithChildren<MjAccordionAttributes>;\n    'mj-accordion-element': PropsWithChildren<MjAccordionElementAttributes>;\n    'mj-accordion-title': PropsWithChildren<MjAccordionTitleAttributes>;\n    'mj-accordion-text': PropsWithChildren<MjAccordionTextAttributes>;\n    'mj-carousel': PropsWithChildren<MjCarouselAttributes>;\n    'mj-carousel-image': MjCarouselImageAttributes;\n    'mj-navbar': PropsWithChildren<MjNavbarAttributes>;\n    'mj-navbar-link': PropsWithChildren<MjNavbarLinkAttributes>;\n    'mj-social': PropsWithChildren<MjSocialAttributes>;\n    'mj-social-element': PropsWithChildren<MjSocialElementAttributes>;\n    'mj-include': MjIncludeAttributes;\n    'mj-selector': PropsWithChildren<MjSelectorAttributes>;\n    'mj-html-attribute': PropsWithChildren<MjHtmlAttributeAttributes>;\n  }\n}\n","import mjml2html from 'mjml';\nimport type { MjmlNode } from './ast';\nimport { isMjmlNode } from './ast';\nimport { serialize } from './serialize';\n\nexport type RenderOptions = Parameters<typeof mjml2html>[1];\nexport type RenderResult = ReturnType<typeof mjml2html>;\n\nexport function render(\n  mjml: MjmlNode | string,\n  options?: RenderOptions\n): RenderResult {\n  const str = isMjmlNode(mjml) ? serialize(mjml) : mjml;\n  return mjml2html(str, options);\n}\n","import { Fragment, isMjmlNode, type MjmlChild, type MjmlNode } from './ast';\n\nconst SELF_CLOSING_TAGS = new Set([\n  'mj-all',\n  'mj-breakpoint',\n  'mj-carousel-image',\n  'mj-class',\n  'mj-divider',\n  'mj-font',\n  'mj-image',\n  'mj-include',\n  'mj-spacer',\n]);\n\nfunction serializeAttributes(\n  attributes: Record<string, string | undefined>\n): string {\n  const parts: string[] = [];\n\n  for (const [key, value] of Object.entries(attributes)) {\n    if (value !== undefined) {\n      parts.push(`${key}=\"${value}\"`);\n    }\n  }\n\n  return parts.length > 0 ? ' ' + parts.join(' ') : '';\n}\n\nfunction serializeChildren(children: MjmlChild[]): string {\n  const parts: string[] = [];\n\n  for (const child of children) {\n    if (\n      child === null ||\n      child === undefined ||\n      child === true ||\n      child === false\n    ) {\n      continue;\n    }\n\n    if (Array.isArray(child)) {\n      parts.push(serializeChildren(child));\n    } else if (isMjmlNode(child)) {\n      parts.push(serializeNode(child));\n    } else {\n      parts.push(String(child));\n    }\n  }\n\n  return parts.join('');\n}\n\nfunction serializeNode(node: MjmlNode): string {\n  if (node.tag === Fragment) {\n    return serializeChildren(node.children);\n  }\n\n  const tag = node.tag as string;\n  const attrs = serializeAttributes(node.attributes);\n\n  if (SELF_CLOSING_TAGS.has(tag)) {\n    return `<${tag}${attrs} />`;\n  }\n\n  const content = serializeChildren(node.children);\n  return `<${tag}${attrs}>${content}</${tag}>`;\n}\n\nexport function serialize(node: MjmlNode): string {\n  return serializeNode(node);\n}\n\nexport const toMjmlString = serialize;\n"],"mappings":"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","names":["mjml2html"]}

package/dist/index.d.cts

@@ -0,0 +1,11 @@
+import { M as MjmlNode } from './jsx-dev-runtime-Dg-2Ex6t.cjs';
+export { A as Align, C as CSSPixel, a as CSSSpacing, b as CSSUnit, c as CSSWidth, d as Color, D as Direction, F as Fragment, H as HexColor, J as JSX, e as MjAccordionAttributes, f as MjAccordionElementAttributes, g as MjAccordionTextAttributes, h as MjAccordionTitleAttributes, i as MjAllAttributes, j as MjAttributesAttributes, k as MjBodyAttributes, l as MjBreakpointAttributes, m as MjButtonAttributes, n as MjCarouselAttributes, o as MjCarouselImageAttributes, p as MjClassAttributes, q as MjColumnAttributes, r as MjDividerAttributes, s as MjFontAttributes, t as MjGroupAttributes, u as MjHeadAttributes, v as MjHeroAttributes, w as MjHtmlAttributeAttributes, x as MjHtmlAttributesAttributes, y as MjImageAttributes, z as MjIncludeAttributes, B as MjNavbarAttributes, E as MjNavbarLinkAttributes, G as MjPreviewAttributes, I as MjRawAttributes, K as MjSectionAttributes, L as MjSelectorAttributes, N as MjSocialAttributes, O as MjSocialElementAttributes, P as MjSpacerAttributes, Q as MjStyleAttributes, R as MjTableAttributes, S as MjTextAttributes, T as MjTitleAttributes, U as MjWrapperAttributes, V as MjmlAttributes, W as MjmlChild, X as URLString, Y as VerticalAlign, Z as jsx, _ as jsxs } from './jsx-dev-runtime-Dg-2Ex6t.cjs';
+import mjml2html from 'mjml';
+
+type RenderOptions = Parameters<typeof mjml2html>[1];
+type RenderResult = ReturnType<typeof mjml2html>;
+declare function render(mjml: MjmlNode | string, options?: RenderOptions): RenderResult;
+
+declare function serialize(node: MjmlNode): string;
+
+export { MjmlNode, type RenderOptions, type RenderResult, render, serialize };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { M as MjmlNode } from './jsx-dev-runtime-Dg-2Ex6t.js';
+export { A as Align, C as CSSPixel, a as CSSSpacing, b as CSSUnit, c as CSSWidth, d as Color, D as Direction, F as Fragment, H as HexColor, J as JSX, e as MjAccordionAttributes, f as MjAccordionElementAttributes, g as MjAccordionTextAttributes, h as MjAccordionTitleAttributes, i as MjAllAttributes, j as MjAttributesAttributes, k as MjBodyAttributes, l as MjBreakpointAttributes, m as MjButtonAttributes, n as MjCarouselAttributes, o as MjCarouselImageAttributes, p as MjClassAttributes, q as MjColumnAttributes, r as MjDividerAttributes, s as MjFontAttributes, t as MjGroupAttributes, u as MjHeadAttributes, v as MjHeroAttributes, w as MjHtmlAttributeAttributes, x as MjHtmlAttributesAttributes, y as MjImageAttributes, z as MjIncludeAttributes, B as MjNavbarAttributes, E as MjNavbarLinkAttributes, G as MjPreviewAttributes, I as MjRawAttributes, K as MjSectionAttributes, L as MjSelectorAttributes, N as MjSocialAttributes, O as MjSocialElementAttributes, P as MjSpacerAttributes, Q as MjStyleAttributes, R as MjTableAttributes, S as MjTextAttributes, T as MjTitleAttributes, U as MjWrapperAttributes, V as MjmlAttributes, W as MjmlChild, X as URLString, Y as VerticalAlign, Z as jsx, _ as jsxs } from './jsx-dev-runtime-Dg-2Ex6t.js';
+import mjml2html from 'mjml';
+
+type RenderOptions = Parameters<typeof mjml2html>[1];
+type RenderResult = ReturnType<typeof mjml2html>;
+declare function render(mjml: MjmlNode | string, options?: RenderOptions): RenderResult;
+
+declare function serialize(node: MjmlNode): string;
+
+export { MjmlNode, type RenderOptions, type RenderResult, render, serialize };

package/dist/index.js

@@ -0,0 +1,76 @@
+import {
+  Fragment,
+  isMjmlNode,
+  jsx,
+  jsxs
+} from "./chunk-SUL5BGGO.js";
+
+// src/render.ts
+import mjml2html from "mjml";
+
+// src/serialize.ts
+var SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
+  "mj-all",
+  "mj-breakpoint",
+  "mj-carousel-image",
+  "mj-class",
+  "mj-divider",
+  "mj-font",
+  "mj-image",
+  "mj-include",
+  "mj-spacer"
+]);
+function serializeAttributes(attributes) {
+  const parts = [];
+  for (const [key, value] of Object.entries(attributes)) {
+    if (value !== void 0) {
+      parts.push(`${key}="${value}"`);
+    }
+  }
+  return parts.length > 0 ? " " + parts.join(" ") : "";
+}
+function serializeChildren(children) {
+  const parts = [];
+  for (const child of children) {
+    if (child === null || child === void 0 || child === true || child === false) {
+      continue;
+    }
+    if (Array.isArray(child)) {
+      parts.push(serializeChildren(child));
+    } else if (isMjmlNode(child)) {
+      parts.push(serializeNode(child));
+    } else {
+      parts.push(String(child));
+    }
+  }
+  return parts.join("");
+}
+function serializeNode(node) {
+  if (node.tag === Fragment) {
+    return serializeChildren(node.children);
+  }
+  const tag = node.tag;
+  const attrs = serializeAttributes(node.attributes);
+  if (SELF_CLOSING_TAGS.has(tag)) {
+    return `<${tag}${attrs} />`;
+  }
+  const content = serializeChildren(node.children);
+  return `<${tag}${attrs}>${content}</${tag}>`;
+}
+function serialize(node) {
+  return serializeNode(node);
+}
+
+// src/render.ts
+function render(mjml, options) {
+  const str = isMjmlNode(mjml) ? serialize(mjml) : mjml;
+  return mjml2html(str, options);
+}
+export {
+  Fragment,
+  jsx,
+  jsxs,
+  render,
+  serialize
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render.ts","../src/serialize.ts"],"sourcesContent":["import mjml2html from 'mjml';\nimport type { MjmlNode } from './ast';\nimport { isMjmlNode } from './ast';\nimport { serialize } from './serialize';\n\nexport type RenderOptions = Parameters<typeof mjml2html>[1];\nexport type RenderResult = ReturnType<typeof mjml2html>;\n\nexport function render(\n  mjml: MjmlNode | string,\n  options?: RenderOptions\n): RenderResult {\n  const str = isMjmlNode(mjml) ? serialize(mjml) : mjml;\n  return mjml2html(str, options);\n}\n","import { Fragment, isMjmlNode, type MjmlChild, type MjmlNode } from './ast';\n\nconst SELF_CLOSING_TAGS = new Set([\n  'mj-all',\n  'mj-breakpoint',\n  'mj-carousel-image',\n  'mj-class',\n  'mj-divider',\n  'mj-font',\n  'mj-image',\n  'mj-include',\n  'mj-spacer',\n]);\n\nfunction serializeAttributes(\n  attributes: Record<string, string | undefined>\n): string {\n  const parts: string[] = [];\n\n  for (const [key, value] of Object.entries(attributes)) {\n    if (value !== undefined) {\n      parts.push(`${key}=\"${value}\"`);\n    }\n  }\n\n  return parts.length > 0 ? ' ' + parts.join(' ') : '';\n}\n\nfunction serializeChildren(children: MjmlChild[]): string {\n  const parts: string[] = [];\n\n  for (const child of children) {\n    if (\n      child === null ||\n      child === undefined ||\n      child === true ||\n      child === false\n    ) {\n      continue;\n    }\n\n    if (Array.isArray(child)) {\n      parts.push(serializeChildren(child));\n    } else if (isMjmlNode(child)) {\n      parts.push(serializeNode(child));\n    } else {\n      parts.push(String(child));\n    }\n  }\n\n  return parts.join('');\n}\n\nfunction serializeNode(node: MjmlNode): string {\n  if (node.tag === Fragment) {\n    return serializeChildren(node.children);\n  }\n\n  const tag = node.tag as string;\n  const attrs = serializeAttributes(node.attributes);\n\n  if (SELF_CLOSING_TAGS.has(tag)) {\n    return `<${tag}${attrs} />`;\n  }\n\n  const content = serializeChildren(node.children);\n  return `<${tag}${attrs}>${content}</${tag}>`;\n}\n\nexport function serialize(node: MjmlNode): string {\n  return serializeNode(node);\n}\n\nexport const toMjmlString = serialize;\n"],"mappings":";;;;;;;;AAAA,OAAO,eAAe;;;ACEtB,IAAM,oBAAoB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,oBACP,YACQ;AACR,QAAM,QAAkB,CAAC;AAEzB,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AACrD,QAAI,UAAU,QAAW;AACvB,YAAM,KAAK,GAAG,GAAG,KAAK,KAAK,GAAG;AAAA,IAChC;AAAA,EACF;AAEA,SAAO,MAAM,SAAS,IAAI,MAAM,MAAM,KAAK,GAAG,IAAI;AACpD;AAEA,SAAS,kBAAkB,UAA+B;AACxD,QAAM,QAAkB,CAAC;AAEzB,aAAW,SAAS,UAAU;AAC5B,QACE,UAAU,QACV,UAAU,UACV,UAAU,QACV,UAAU,OACV;AACA;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,YAAM,KAAK,kBAAkB,KAAK,CAAC;AAAA,IACrC,WAAW,WAAW,KAAK,GAAG;AAC5B,YAAM,KAAK,cAAc,KAAK,CAAC;AAAA,IACjC,OAAO;AACL,YAAM,KAAK,OAAO,KAAK,CAAC;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,EAAE;AACtB;AAEA,SAAS,cAAc,MAAwB;AAC7C,MAAI,KAAK,QAAQ,UAAU;AACzB,WAAO,kBAAkB,KAAK,QAAQ;AAAA,EACxC;AAEA,QAAM,MAAM,KAAK;AACjB,QAAM,QAAQ,oBAAoB,KAAK,UAAU;AAEjD,MAAI,kBAAkB,IAAI,GAAG,GAAG;AAC9B,WAAO,IAAI,GAAG,GAAG,KAAK;AAAA,EACxB;AAEA,QAAM,UAAU,kBAAkB,KAAK,QAAQ;AAC/C,SAAO,IAAI,GAAG,GAAG,KAAK,IAAI,OAAO,KAAK,GAAG;AAC3C;AAEO,SAAS,UAAU,MAAwB;AAChD,SAAO,cAAc,IAAI;AAC3B;;;AD/DO,SAAS,OACd,MACA,SACc;AACd,QAAM,MAAM,WAAW,IAAI,IAAI,UAAU,IAAI,IAAI;AACjD,SAAO,UAAU,KAAK,OAAO;AAC/B;","names":[]}