react-email 6.0.1 → 6.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-email
 
+## 6.0.3
+
+### Patch Changes
+
+- bb51e5e: fix missing react and react-dom peer dependencies
+
+## 6.0.2
+
+### Patch Changes
+
+- 63b6e71: Fix Markdown component crashing on CommonMark loose lists with paragraph continuations
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/cli/index.mjs

@@ -6522,7 +6522,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "6.0.1",
+	version: "6.0.3",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/cli/index.mjs" },
 	type: "module",
@@ -6554,6 +6554,10 @@ var package_default = {
 	},
 	keywords: ["react", "email"],
 	engines: { "node": ">=20.0.0" },
+	peerDependencies: {
+		"react": "^18.0 || ^19.0 || ^19.0.0-rc",
+		"react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+	},
 	dependencies: {
 		"@babel/parser": "catalog:",
 		"@babel/traverse": "catalog:",

package/dist/index.cjs

@@ -17810,8 +17810,9 @@ const Markdown = react.forwardRef(({ children, markdownContainerStyles, markdown
 		const text = renderer.parser.parseInline(tokens);
 		return `<a href="${href}" target="_blank"${title ? ` title="${title}"` : ""}${parseCssInJsToInlineCss(finalStyles.link) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.link)}"` : ""}>${text}</a>`;
 	};
-	renderer.listitem = ({ tokens }) => {
-		const text = tokens.some((token) => token.type === "list") ? renderer.parser.parse(tokens) : renderer.parser.parseInline(tokens);
+	renderer.listitem = ({ tokens, loose }) => {
+		const hasNestedList = tokens.some((token) => token.type === "list");
+		const text = loose || hasNestedList ? renderer.parser.parse(tokens) : renderer.parser.parseInline(tokens);
 		return `<li${parseCssInJsToInlineCss(finalStyles.li) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.li)}"` : ""}>${text}</li>\n`;
 	};
 	renderer.list = ({ items, ordered, start }) => {

package/dist/index.mjs

@@ -17789,8 +17789,9 @@ const Markdown = React$1.forwardRef(({ children, markdownContainerStyles, markdo
 		const text = renderer.parser.parseInline(tokens);
 		return `<a href="${href}" target="_blank"${title ? ` title="${title}"` : ""}${parseCssInJsToInlineCss(finalStyles.link) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.link)}"` : ""}>${text}</a>`;
 	};
-	renderer.listitem = ({ tokens }) => {
-		const text = tokens.some((token) => token.type === "list") ? renderer.parser.parse(tokens) : renderer.parser.parseInline(tokens);
+	renderer.listitem = ({ tokens, loose }) => {
+		const hasNestedList = tokens.some((token) => token.type === "list");
+		const text = loose || hasNestedList ? renderer.parser.parse(tokens) : renderer.parser.parseInline(tokens);
 		return `<li${parseCssInJsToInlineCss(finalStyles.li) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.li)}"` : ""}>${text}</li>\n`;
 	};
 	renderer.list = ({ items, ordered, start }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/cli/index.mjs"
@@ -30,6 +30,10 @@
   "engines": {
     "node": ">=20.0.0"
   },
+  "peerDependencies": {
+    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
+    "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+  },
   "dependencies": {
     "@babel/parser": "7.27.0",
     "@babel/traverse": "7.27.0",
@@ -46,7 +50,7 @@
     "marked": "^15.0.12",
     "mime-types": "^3.0.0",
     "normalize-path": "^3.0.0",
-    "nypm": "0.6.5",
+    "nypm": "0.6.6",
     "ora": "^8.0.0",
     "prismjs": "^1.30.0",
     "prompts": "2.4.2",

package/src/components/markdown/markdown.spec.tsx

@@ -153,6 +153,28 @@ console.log(\`Hello, $\{name}!\`);
     `);
   });
 
+  it('renders loose lists with paragraph continuations without crashing', async () => {
+    const actualOutput = await render(
+      <Markdown>
+        {`- item1
+
+  paragraph continuation
+
+- item2`}
+      </Markdown>,
+    );
+    expect(actualOutput).toMatchInlineSnapshot(`
+      "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><div data-id="react-email-markdown"><ul>
+      <li><p>item1</p>
+      <p>paragraph continuation</p>
+      </li>
+      <li><p>item2</p>
+      </li>
+      </ul>
+      </div><!--/$-->"
+    `);
+  });
+
   it('renders nested lists in the correct format for browsers', async () => {
     const actualOutput = await render(
       <Markdown>

package/src/components/markdown/markdown.tsx

@@ -118,11 +118,12 @@ export const Markdown = React.forwardRef<HTMLDivElement, MarkdownProps>(
       }>${text}</a>`;
     };
 
-    renderer.listitem = ({ tokens }) => {
+    renderer.listitem = ({ tokens, loose }) => {
       const hasNestedList = tokens.some((token) => token.type === 'list');
-      const text = hasNestedList
-        ? renderer.parser.parse(tokens)
-        : renderer.parser.parseInline(tokens);
+      const text =
+        loose || hasNestedList
+          ? renderer.parser.parse(tokens)
+          : renderer.parser.parseInline(tokens);
 
       return `<li${
         parseCssInJsToInlineCss(finalStyles.li) !== ''