resend · gabrielmfern · Jan 27, 2025 · Jan 27, 2025 · Jan 27, 2025 · Jan 29, 2025
diff --git a/.changeset/angry-bugs-sing.md b/.changeset/angry-bugs-sing.md
@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+Add image validation checking
diff --git a/.changeset/empty-rivers-laugh.md b/.changeset/empty-rivers-laugh.md
@@ -0,0 +1,5 @@
+---
+"react-email": major
+---
+
+Added toolbar with a link checker
diff --git a/.changeset/loud-clouds-wink.md b/.changeset/loud-clouds-wink.md
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Fix padding on the file tree
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -0,0 +1,45 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "demo": "0.0.0",
+    "web": "0.0.0",
+    "@benchmarks/preview-server": "0.0.0",
+    "@benchmarks/tailwind-component": "0.0.0",
+    "react-email-with-aws-ses": "1.0.7",
+    "react-email-with-mailersend": "1.0.7",
+    "react-email-with-nodemailer": "1.0.7",
+    "react-email-with-plunk": "1.0.7",
+    "react-email-with-postmark": "1.0.7",
+    "react-email-with-resend": "1.0.7",
+    "react-email-with-next-scaleway": "1.0.7",
+    "react-email-with-node-scaleway": "1.0.7",
+    "react-email-with-sendgrid": "1.0.7",
+    "@react-email/body": "0.0.11",
+    "@react-email/button": "0.0.19",
+    "@react-email/code-block": "0.0.11",
+    "@react-email/code-inline": "0.0.5",
+    "@react-email/column": "0.0.13",
+    "@react-email/components": "0.0.32",
+    "@react-email/container": "0.0.15",
+    "create-email": "0.1.8",
+    "react-email-starter": "0.1.8",
+    "@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.14",
+    "@react-email/preview": "0.0.12",
+    "react-email": "3.0.6",
+    "@react-email/render": "1.0.4",
+    "@react-email/row": "0.0.12",
+    "@react-email/section": "0.0.16",
+    "@react-email/tailwind": "1.0.4",
+    "@react-email/text": "0.0.11",
+    "tsconfig": "0.0.0"
+  },
+  "changesets": ["empty-rivers-laugh"]
+}
diff --git a/apps/demo/emails/magic-links/aws-verify-email.tsx b/apps/demo/emails/magic-links/aws-verify-email.tsx
@@ -11,18 +11,20 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
+import { z } from 'zod';
 
-interface AWSVerifyEmailProps {
-  verificationCode?: string;
-}
+const AWSVerifyEmailProps = z.object({
+  verificationCode: z.string(),
+});
+
+type AWSVerifyEmailProps = z.infer<typeof AWSVerifyEmailProps>;
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
   : '';
 
 export default function AWSVerifyEmail({
-  verificationCode = '596853',
+  verificationCode,
 }: AWSVerifyEmailProps) {
   return (
     <Html>
@@ -84,6 +86,12 @@ export default function AWSVerifyEmail({
   );
 }
 
+AWSVerifyEmail.PreviewProps = {
+  verificationCode: '596583',
+} satisfies AWSVerifyEmailProps;
+
+AWSVerifyEmail.PreviewSchema = AWSVerifyEmailProps;
+
 const main = {
   backgroundColor: '#fff',
   color: '#212121',

diff --git a/apps/demo/emails/magic-links/linear-login-code.tsx b/apps/demo/emails/magic-links/linear-login-code.tsx
@@ -12,10 +12,9 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface LinearLoginCodeEmailProps {
-  validationCode?: string;
+  validationCode: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
@@ -59,7 +58,7 @@ export const LinearLoginCodeEmail = ({
 
 LinearLoginCodeEmail.PreviewProps = {
   validationCode: 'tt226-5398x',
-} as LinearLoginCodeEmailProps;
+};
 
 export default LinearLoginCodeEmail;
 

diff --git a/apps/demo/emails/magic-links/notion-magic-link.tsx b/apps/demo/emails/magic-links/notion-magic-link.tsx
@@ -9,10 +9,9 @@ import {
   Preview,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface NotionMagicLinkEmailProps {
-  loginCode?: string;
+  loginCode: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
@@ -89,7 +88,7 @@ export const NotionMagicLinkEmail = ({
 
 NotionMagicLinkEmail.PreviewProps = {
   loginCode: 'sparo-ndigo-amurt-secan',
-} as NotionMagicLinkEmailProps;
+};
 
 export default NotionMagicLinkEmail;
 

diff --git a/apps/demo/emails/magic-links/plaid-verify-identity.tsx b/apps/demo/emails/magic-links/plaid-verify-identity.tsx
@@ -9,10 +9,9 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface PlaidVerifyIdentityEmailProps {
-  validationCode?: string;
+  validationCode: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
@@ -56,7 +55,7 @@ export const PlaidVerifyIdentityEmail = ({
 
 PlaidVerifyIdentityEmail.PreviewProps = {
   validationCode: '144833',
-} as PlaidVerifyIdentityEmailProps;
+};
 
 export default PlaidVerifyIdentityEmail;
 

diff --git a/apps/demo/emails/magic-links/raycast-magic-link.tsx b/apps/demo/emails/magic-links/raycast-magic-link.tsx
@@ -11,10 +11,9 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface RaycastMagicLinkEmailProps {
-  magicLink?: string;
+  magicLink: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
@@ -72,7 +71,7 @@ export const RaycastMagicLinkEmail = ({
 
 RaycastMagicLinkEmail.PreviewProps = {
   magicLink: 'https://raycast.com',
-} as RaycastMagicLinkEmailProps;
+};
 
 export default RaycastMagicLinkEmail;
 

diff --git a/apps/demo/emails/magic-links/slack-confirm.tsx b/apps/demo/emails/magic-links/slack-confirm.tsx
@@ -12,10 +12,9 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface SlackConfirmEmailProps {
-  validationCode?: string;
+  validationCode: string;
 }
 
 const baseUrl = process.env.VERCEL_URL
@@ -157,7 +156,7 @@ export const SlackConfirmEmail = ({
 
 SlackConfirmEmail.PreviewProps = {
   validationCode: 'DJZ-TLX',
-} as SlackConfirmEmailProps;
+};
 
 export default SlackConfirmEmail;
 

diff --git a/apps/demo/package.json b/apps/demo/package.json
@@ -12,12 +12,13 @@
     "@react-email/components": "workspace:*",
     "react": "^19",
     "react-dom": "^19",
-    "react-email": "workspace:*"
+    "react-email": "workspace:*",
+    "zod": "3.24.1"
   },
   "devDependencies": {
-    "next": "15.1.2",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "next": "15.1.2",
     "tsx": "4.9.0"
   }
 }
diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
     "@types/node": "22.10.2",
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
-    "eslint": "8.50.0",
     "happy-dom": "15.10.2",
     "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "0.6.6",

diff --git a/packages/create-email/CHANGELOG.md b/packages/create-email/CHANGELOG.md
@@ -1,5 +1,7 @@
 # create-email
 
+## 0.1.9-alpha.0
+
 ## 0.1.8
 
 ## 0.1.7

diff --git a/packages/create-email/package.json b/packages/create-email/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-email",
-  "version": "0.1.8",
+  "version": "0.1.9-alpha.0",
   "description": "The easiest way to get started with React Email",
   "main": "src/index.js",
   "type": "module",

diff --git a/packages/create-email/template/CHANGELOG.md b/packages/create-email/template/CHANGELOG.md
@@ -1,5 +1,11 @@
 # react-email-starter
 
+## 0.1.9-alpha.0
+
+### Patch Changes
+
+- react-email@4.0.0-alpha.0
+
 ## 0.1.8
 
 ### Patch Changes

diff --git a/packages/create-email/template/package.json b/packages/create-email/template/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-email-starter",
-  "version": "0.1.8",
+  "version": "0.1.9-alpha.0",
   "private": true,
   "scripts": {
     "build": "email build",
@@ -15,6 +15,6 @@
   "devDependencies": {
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
-    "react-email": "workspace:3.0.6"
+    "react-email": "workspace:4.0.0-alpha.0"
   }
 }
diff --git a/packages/react-email/CHANGELOG.md b/packages/react-email/CHANGELOG.md
@@ -1,5 +1,11 @@
 # react-email
 
+## 4.0.0-alpha.0
+
+### Major Changes
+
+- f7d352e: Added toolbar with a link checker
+
 ## 3.0.6
 
 ### Patch Changes

diff --git a/packages/react-email/package.json b/packages/react-email/package.json
@@ -1,13 +1,28 @@
 {
   "name": "react-email",
-  "version": "3.0.6",
+  "version": "4.0.0-alpha.0",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/cli/index.js"
   },
+  "main": "./dist/package/index.js",
+  "module": "./dist/package/index.mjs",
+  "types": "./dist/package/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/package/index.d.mts",
+        "default": "./dist/package/index.mjs"
+      },
+      "require": {
+        "types": "./dist/package/index.d.ts",
+        "default": "./dist/package/index.js"
+      }
+    }
+  },
   "scripts": {
     "build": "tsup-node && node build-preview-server.mjs",
-    "dev": "tsup-node --watch",
+    "dev": "cd ../../apps/demo && tsx ../../packages/react-email/src/cli/index.ts dev",
     "test": "vitest run",
     "test:watch": "vitest",
     "clean": "rm -rf dist"
@@ -23,8 +38,8 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@babel/core": "7.24.5",
     "@babel/parser": "7.24.5",
+    "@babel/traverse": "7.25.6",
     "chalk": "4.1.2",
     "chokidar": "4.0.3",
     "commander": "11.1.0",
@@ -39,15 +54,20 @@
     "socket.io": "4.8.0"
   },
   "devDependencies": {
+    "@lottiefiles/dotlottie-react": "0.12.3",
     "@radix-ui/colors": "1.0.1",
+    "@radix-ui/react-checkbox": "1.1.3",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-popover": "1.1.1",
+    "@radix-ui/react-select": "2.1.2",
     "@radix-ui/react-slot": "1.1.0",
+    "@radix-ui/react-tabs": "1.1.1",
     "@radix-ui/react-toggle-group": "1.1.0",
     "@radix-ui/react-tooltip": "1.1.2",
     "@react-email/render": "workspace:*",
     "@swc/core": "1.4.15",
     "@types/babel__core": "7.20.5",
+    "@types/babel__traverse": "*",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
     "@types/node": "22.10.2",
@@ -59,7 +79,10 @@
     "autoprefixer": "10.4.20",
     "clsx": "2.1.0",
     "framer-motion": "12.0.0-alpha.2",
+    "node-html-parser": "6.1.13",
     "postcss": "8.4.40",
+    "prettier-plugin-tailwindcss": "0.6.6",
+    "pretty-bytes": "6.1.1",
     "prism-react-renderer": "2.1.0",
     "react": "^19",
     "react-dom": "^19",
@@ -73,6 +96,8 @@
     "tsup": "7.2.0",
     "tsx": "4.9.0",
     "typescript": "5.1.6",
-    "vitest": "1.1.3"
+    "use-debounce": "10.0.4",
+    "vitest": "1.1.3",
+    "zod": "3.24.1"
   }
 }