resend · gabrielmfern · Feb 26, 2025 · Feb 27, 2025 · Feb 27, 2025 · Apr 8, 2025
@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix `<svg>` not being flagged as incompatible
@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix the forced `color-scheme: dark` for the preview
@@ -0,0 +1,6 @@
+---
+"@react-email/preview-server": patch
+"react-email": patch
+---
+
+Use the same version for the preview-server and react-email
@@ -1,15 +1,16 @@
 {
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "linked": [],
   "access": "public",
   "baseBranch": "main",
-  "updateInternalDependencies": "patch",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [["react-email", "@react-email/preview-server"]],
   "ignore": [
     "@benchmarks/preview-server",
     "@benchmarks/tailwind-component",
     "demo",
+    "email-dev",
     "web"
-  ]
+  ],
+  "updateInternalDependencies": "patch"
 }
@@ -0,0 +1,5 @@
+---
+"@react-email/components": minor
+---
+
+Update `@react-email/[email protected]`
@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+fix browser version including errors in the output instead of throwing them
@@ -0,0 +1,5 @@
+---
+"@react-email/tailwind": minor
+---
+
+Extract tailwind pseudo classes to stylesheet
@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+improved contrast for resizing handles, placed them around email template
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+fix static file serving security issue with logging
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Add support for hot reloading with tsconfig path aliases
@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+fix hot reloading with collapsed directories
@@ -0,0 +1,53 @@
+{
+  "mode": "pre",
+  "tag": "canary",
+  "initialVersions": {
+    "@benchmarks/preview-server": "0.0.0",
+    "@benchmarks/tailwind-component": "0.0.0",
+    "@react-email/body": "0.0.11",
+    "@react-email/button": "0.0.19",
+    "@react-email/code-block": "0.0.13",
+    "@react-email/code-inline": "0.0.5",
+    "@react-email/column": "0.0.13",
+    "@react-email/components": "0.0.42",
+    "@react-email/container": "0.0.15",
+    "@react-email/font": "0.0.9",
+    "@react-email/head": "0.0.12",
+    "@react-email/heading": "0.0.15",
+    "@react-email/hr": "0.0.11",
+    "@react-email/html": "0.0.11",
+    "@react-email/img": "0.0.11",
+    "@react-email/link": "0.0.12",
+    "@react-email/markdown": "0.0.15",
+    "@react-email/preview": "0.0.13",
+    "@react-email/render": "1.1.2",
+    "@react-email/row": "0.0.12",
+    "@react-email/section": "0.0.16",
+    "@react-email/tailwind": "1.0.5",
+    "@react-email/text": "0.1.5",
+    "create-email": "1.2.1",
+    "demo": "0.0.0",
+    "docs": "0.0.0",
+    "react-email": "4.0.16",
+    "tsconfig": "0.0.0",
+    "web": "0.0.0",
+    "@react-email/preview-server": "4.1.0-canary.10",
+    "email-dev": "0.0.0"
+  },
+  "changesets": [
+    "afraid-sides-agree",
+    "better-insects-like",
+    "common-goats-find",
+    "crazy-seas-eat",
+    "deep-clowns-bet",
+    "great-parrots-yell",
+    "kind-showers-exist",
+    "mighty-pigs-add",
+    "petite-boxes-find",
+    "puny-chicken-argue",
+    "stupid-ghosts-decide",
+    "tasty-swans-taste",
+    "tidy-geese-cross",
+    "tiny-rice-give"
+  ]
+}
@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+use a separate package for storing the preview server (@react-email/preview-server)
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Fix prettier errors causing NextJS serialization error
@@ -0,0 +1,5 @@
+---
+"@react-email/components": minor
+---
+
+Updated @react-email/[email protected]
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Pre-render email templates on hover
@@ -0,0 +1,5 @@
+---
+"@react-email/button": minor
+---
+
+respect the order in which padding properties are defined
@@ -20,7 +20,7 @@ jobs:
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda
       - name: pnpm Cache
         id: pnpm-cache
-        uses: buildjet/cache@3e70d19e31d6a8030aeddf6ed8dbe601f94d09f4
+        uses: buildjet/cache@9347ea1c7c1f331d397aa98b3894420448373372
         with:
           path: |
             ~/.pnpm-store

@@ -20,7 +20,7 @@ jobs:
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda
       - name: pnpm Cache
         id: pnpm-cache
-        uses: buildjet/cache@3e70d19e31d6a8030aeddf6ed8dbe601f94d09f4
+        uses: buildjet/cache@9347ea1c7c1f331d397aa98b3894420448373372
         with:
           path: |
             ~/.pnpm-store

@@ -27,7 +27,7 @@ jobs:
           corepack prepare [email protected] --activate
           pnpm config set script-shell "/usr/bin/bash"
       - name: pnpm Cache
-        uses: buildjet/cache@3e70d19e31d6a8030aeddf6ed8dbe601f94d09f4
+        uses: buildjet/cache@9347ea1c7c1f331d397aa98b3894420448373372
         with:
           path: |
             ~/.pnpm-store

@@ -22,7 +22,7 @@ jobs:
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda
       - name: pnpm Cache
         id: pnpm-cache
-        uses: buildjet/cache@3e70d19e31d6a8030aeddf6ed8dbe601f94d09f4
+        uses: buildjet/cache@9347ea1c7c1f331d397aa98b3894420448373372
         with:
           path: |
             ~/.pnpm-store

@@ -23,7 +23,7 @@ jobs:
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda
       - name: pnpm Cache
         id: pnpm-cache
-        uses: buildjet/cache@3e70d19e31d6a8030aeddf6ed8dbe601f94d09f4
+        uses: buildjet/cache@9347ea1c7c1f331d397aa98b3894420448373372
         with:
           path: |
             ~/.pnpm-store

@@ -108,7 +108,13 @@ All components were tested using the most popular email clients.
 pnpm install
 ```
 
-#### Build and run packages
+#### Build
+
+```sh
+pnpm build
+```
+
+#### Run packages
 
 ```sh
 pnpm dev

@@ -3,19 +3,20 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "build": "email build",
-    "dev": "email dev",
-    "start": "email start",
-    "export": "email export"
+    "build": "email-dev build",
+    "dev": "email-dev dev",
+    "start": "email-dev start",
+    "export": "email-dev export"
   },
   "dependencies": {
     "@react-email/components": "workspace:*",
     "react": "^19",
     "react-dom": "^19",
-    "react-email": "workspace:*"
+    "email-dev": "workspace:*"
   },
   "devDependencies": {
-    "next": "15.3.1",
+    "@react-email/preview-server": "workspace:*",
+    "next": "^15.3.2",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsx": "4.19.3"

@@ -87,7 +87,7 @@ export const component = (
             </Text>
             <Button
               href="#"
-              className="mt-[26px] mb-[24px] inline-block w-full rounded-[8px] bg-indigo-600 p-3 text-center box-border font-semibold text-white"
+              className="mt-[26px] mb-[24px] inline-block w-full rounded-[8px] bg-indigo-600 p-[12px] text-center box-border font-semibold text-white"
             >
               Write a review
             </Button>

@@ -21,7 +21,7 @@
     "@vercel/analytics": "1.5.0",
     "framer-motion": "12.7.4",
     "lucide-react": "^0.492.0",
-    "next": "15.3.1",
+    "next": "15.3.2",
     "prism-react-renderer": "2.4.1",
     "react": "^19",
     "react-dom": "^19",

@@ -1,8 +1,8 @@
 'use client';
 
 import classNames from 'classnames';
-import Image from 'next/image';
 import type { ImageLoader } from 'next/image';
+import Image from 'next/image';
 import Link from 'next/link';
 import * as React from 'react';
 import { Heading } from './heading';

@@ -27,7 +27,7 @@ export const parsePointingTableRows = (response: string) => {
   const responseFromTableStart = response.slice(
     tableStartMatch.index + tableStartMatch[0].length,
   );
-  let currentRow: Row | undefined = undefined;
+  let currentRow: Row | undefined;
   for (const line of responseFromTableStart.split(/\r\n|\n|\r/)) {
     if (line.trim().length === 0) break;
 

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.0.0-beta.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.0.0-beta.5/schema.json",
   "assist": {
     "actions": {
       "source": {
@@ -31,7 +31,6 @@
         "noCommaOperator": "error",
         "useNodejsImportProtocol": "error",
         "useAsConstAssertion": "error",
-        "useNumericLiterals": "error",
         "useEnumInitializers": "error",
         "useSelfClosingElements": "error",
         "useConst": "error",
@@ -54,6 +53,7 @@
         "noDelete": "off"
       },
       "a11y": {
+        "noStaticElementInteractions": "off",
         "noSvgWithoutTitle": "off",
         "noAutofocus": "off"
       },
@@ -67,6 +67,7 @@
         "useSortedClasses": "off"
       },
       "complexity": {
+        "useNumericLiterals": "error",
         "noUselessFragments": "off",
         "noForEach": "off"
       },
@@ -87,7 +88,7 @@
       "!**/pnpm-lock.yaml",
       "!**/.next",
       "!**/public",
-      "!packages/react-email/src/actions/email-validation/caniemail-data.ts",
+      "!packages/preview-server/src/actions/email-validation/caniemail-data.ts",
       "!**/.react-email/**/*",
       "!**/node_modules/**/*",
       "!**/*.d.ts",

@@ -15,7 +15,7 @@
     "test:watch": "turbo run test:watch"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.0-beta.1",
+    "@biomejs/biome": "2.0.0-beta.5",
     "@changesets/cli": "2.29.4",
     "@types/node": "22.14.1",
     "@types/react": "19.0.1",

@@ -1,5 +1,11 @@
 # @react-email/button
 
+## 0.1.0-canary.0
+
+### Minor Changes
+
+- 11c4600: respect the order in which padding properties are defined
+
 ## 0.0.19
 
 ### Patch Changes

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/button",
-  "version": "0.0.19",
+  "version": "0.1.0-canary.0",
   "description": "A link that is styled to look like a button",
   "sideEffects": false,
   "main": "./dist/index.js",

@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Button> component > renders correctly  with padding values from style prop 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a href="https://example.com" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:12px 20px 12px 20px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px"></span><span><!--[if mso]><i style="mso-font-width:500%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a><!--/$-->"`;
+exports[`<Button> component > renders correctly  with padding values from style prop 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a href="https://example.com" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:12px 20px;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px"></span><span><!--[if mso]><i style="mso-font-width:500%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a><!--/$-->"`;
 
-exports[`<Button> component > renders the <Button> component with no padding value 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a href="https://example.com" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:0%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0"></span><span><!--[if mso]><i style="mso-font-width:0%" hidden>&#8203;</i><![endif]--></span></a><!--/$-->"`;
+exports[`<Button> component > renders the <Button> component with no padding value 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a href="https://example.com" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:0%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px"></span><span><!--[if mso]><i style="mso-font-width:0%" hidden>&#8203;</i><![endif]--></span></a><!--/$-->"`;
 
-exports[`<Button> component > should allow users to overwrite style props 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a style="line-height:150%;text-decoration:underline red;display:block;max-width:50%;mso-padding-alt:0px;padding:0px 0px 0px 0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:0%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:0"></span><span><!--[if mso]><i style="mso-font-width:0%" hidden>&#8203;</i><![endif]--></span></a><!--/$-->"`;
+exports[`<Button> component > should allow users to overwrite style props 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$--><a style="line-height:150%;text-decoration:underline red;display:block;max-width:50%;mso-padding-alt:0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:0%;mso-text-raise:0" hidden></i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px"></span><span><!--[if mso]><i style="mso-font-width:0%" hidden>&#8203;</i><![endif]--></span></a><!--/$-->"`;