diff --git a/docs/package.json b/docs/package.json
index a9a9b11870..153f91c4a7 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -48,7 +48,7 @@
"@polar-sh/better-auth": "^1.1.9",
"@polar-sh/nextjs": "^0.4.9",
"@polar-sh/sdk": "^0.34.17",
- "@react-email/render": "^1.1.2",
+ "@react-email/render": "^2.0.4",
"@react-pdf/renderer": "^4.3.0",
"@sentry/nextjs": "9.14.0",
"@shikijs/core": "^3.19.0",
@@ -119,7 +119,7 @@
"@liveblocks/react-tiptap": "^2.24.3",
"@liveblocks/react-ui": "^2.24.3",
"@mui/material": "^5.17.1",
- "@react-email/components": "^0.0.36",
+ "@react-email/components": "^1.0.6",
"@react-pdf/renderer": "^4.3.0",
"@tailwindcss/postcss": "^4.1.14",
"@types/better-sqlite3": "7.6.13",
@@ -133,7 +133,7 @@
"next-themes": "0.4.6",
"next-validate-link": "^1.6.3",
"postcss": "^8.5.6",
- "react-email": "^4.3.0",
+ "react-email": "^5.2.5",
"react-icons": "^5.5.0",
"tailwindcss": "^4.1.14",
"tw-animate-css": "^1.4.0",
diff --git a/examples/05-interoperability/08-converting-blocks-to-react-email/.bnexample.json b/examples/05-interoperability/08-converting-blocks-to-react-email/.bnexample.json
index 4292fc5c25..34a9fffa9c 100644
--- a/examples/05-interoperability/08-converting-blocks-to-react-email/.bnexample.json
+++ b/examples/05-interoperability/08-converting-blocks-to-react-email/.bnexample.json
@@ -5,7 +5,7 @@
"tags": [""],
"dependencies": {
"@blocknote/xl-email-exporter": "latest",
- "@react-email/render": "^1.1.2"
+ "@react-email/render": "^2.0.4"
},
"pro": true
}
diff --git a/examples/05-interoperability/08-converting-blocks-to-react-email/package.json b/examples/05-interoperability/08-converting-blocks-to-react-email/package.json
index 132f1798eb..d20b54ee00 100644
--- a/examples/05-interoperability/08-converting-blocks-to-react-email/package.json
+++ b/examples/05-interoperability/08-converting-blocks-to-react-email/package.json
@@ -22,7 +22,7 @@
"react": "^19.2.1",
"react-dom": "^19.2.1",
"@blocknote/xl-email-exporter": "latest",
- "@react-email/render": "^1.1.2"
+ "@react-email/render": "^2.0.4"
},
"devDependencies": {
"@types/react": "^19.2.2",
diff --git a/packages/xl-email-exporter/package.json b/packages/xl-email-exporter/package.json
index 0bd1174eb5..68e59ec05b 100644
--- a/packages/xl-email-exporter/package.json
+++ b/packages/xl-email-exporter/package.json
@@ -57,12 +57,12 @@
"web-streams-polyfill": "^4.2.0",
"@blocknote/core": "0.46.1",
"@blocknote/react": "0.46.1",
- "@react-email/components": "^0.1.1",
- "@react-email/render": "^1.4.0",
+ "@react-email/components": "^1.0.6",
+ "@react-email/render": "^2.0.4",
"buffer": "^6.0.3",
"react": "^19.2.1",
"react-dom": "^19.2.1",
- "react-email": "^4.3.0"
+ "react-email": "^5.2.5"
},
"devDependencies": {
"@types/jsdom": "^21.1.7",
diff --git a/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap b/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap
index 73e152af24..0bfcd950f1 100644
--- a/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap
+++ b/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap
@@ -1,37 +1,37 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const helloWorld = ( message ) => {
console . log ( "Hello World" , message ) ;
} ;
Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
+exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const Β ββ helloWorld Β ββ = Β ββ ( message ) Β ββ => Β ββ { Β ββΒ ββ console . log ( "Hello World" , Β ββmessage ) ; } ; Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
-exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"First preview lineSecond preview line
Β βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»Ώ
Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const helloWorld = ( message ) => {
console . log ( "Hello World" , message ) ;
} ;
Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
+exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"First preview lineSecond preview line
Β βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»Ώ
Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const Β ββ helloWorld Β ββ = Β ββ ( message ) Β ββ => Β ββ { Β ββΒ ββ console . log ( "Hello World" , Β ββmessage ) ; } ; Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
-exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"This is a preview of the email content
Β βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»Ώ
Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const helloWorld = ( message ) => {
console . log ( "Hello World" , message ) ;
} ;
Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
+exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"This is a preview of the email content
Β βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»ΏΒ βββββο»Ώ
Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const Β ββ helloWorld Β ββ = Β ββ ( message ) Β ββ => Β ββ { Β ββΒ ββ console . log ( "Hello World" , Β ββmessage ) ; } ; Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
-exports[`react email exporter > should handle document with background colors > __snapshots__/reactEmailExporterBackgroundColor 1`] = `"Text with background color
Text with background color
"`;
-exports[`react email exporter > should handle document with check list items > __snapshots__/reactEmailExporterCheckList 1`] = `"Checked item
Unchecked item
"`;
+exports[`react email exporter > should handle document with check list items > __snapshots__/reactEmailExporterCheckList 1`] = `"Checked item
Unchecked item
"`;
-exports[`react email exporter > should handle document with code blocks > __snapshots__/reactEmailExporterCodeBlock 1`] = `"const hello = 'world' ;
console . log ( hello ) ;
const Β ββhelloΒ ββ = Β ββ 'world' ; console . log ( hello ) ;
"`;
-exports[`react email exporter > should handle document with complex nested structure > __snapshots__/reactEmailExporterComplexNested 1`] = `"Complex Document This is a paragraph with bold and italic text, plus a link .
Complex Document This is a paragraph with bold and italic text, plus a link .
"`;
-exports[`react email exporter > should handle document with custom body styles > __snapshots__/reactEmailExporterCustomBodyStyles 1`] = `"Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const helloWorld = ( message ) => {
console . log ( "Hello World" , message ) ;
} ;
Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
+exports[`react email exporter > should handle document with custom body styles > __snapshots__/reactEmailExporterCustomBodyStyles 1`] = `"Welcome to this demo π!
Hello World nested
Hello World double nested
This paragraph has a background color
Paragraph
Heading
Heading right justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Numbered List Item 1
Numbered List Item 2
Numbered List Item Nested 1
Numbered List Item Nested 2
Numbered List Item Nested funky right
Numbered List Item Nested funky center
Numbered List Item
Check List Item
Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell Wide Cell Table Cell Table Cell
Open video file From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm
Open audio file From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3
Inline Content:
Styled Text Link
Table Cell 1 Table Cell 2 Table Cell 3 Table Cell 4 Table Cell Bold 5 Table Cell 6 Table Cell 7 Table Cell 8 Table Cell 9
const Β ββ helloWorld Β ββ = Β ββ ( message ) Β ββ => Β ββ { Β ββΒ ββ console . log ( "Hello World" , Β ββmessage ) ; } ; Some inline code: var foo = 'bar';
All those moments will be lost in time, like tears in rain.
"`;
-exports[`react email exporter > should handle document with headings of different levels > __snapshots__/reactEmailExporterHeadings 1`] = `"Heading 1 Heading 2 Heading 3 Heading 1 Heading 2 Heading 3
"`;
-exports[`react email exporter > should handle document with links > __snapshots__/reactEmailExporterWithLinks 1`] = `"Click here
"`;
+exports[`react email exporter > should handle document with links > __snapshots__/reactEmailExporterWithLinks 1`] = `"Main Heading Regular paragraph with bold text
Numbered list item
Main Heading Regular paragraph with bold text
Numbered list item
"`;
-exports[`react email exporter > should handle document with mixed list types > __snapshots__/reactEmailExporterMixedLists 1`] = `"Bullet item 1
Bullet item 2
Numbered item 1
Numbered item 2
Bullet item 1
Bullet item 2
Numbered item 1
Numbered item 2
"`;
-exports[`react email exporter > should handle document with nested lists > __snapshots__/reactEmailExporterNestedLists 1`] = `"Simple text content
"`;
+exports[`react email exporter > should handle document with only text blocks > __snapshots__/reactEmailExporterSimpleText 1`] = `"Bold and italic text
"`;
+exports[`react email exporter > should handle document with styled text > __snapshots__/reactEmailExporterStyledText 1`] = `" 