resend · gabrielmfern · Jan 27, 2025 · Jan 27, 2025 · Jan 29, 2025 · Feb 3, 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-phones-relax.md b/.changeset/empty-phones-relax.md
@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+Make the width and height for the preview of the email customizable
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/fast-birds-fail.md b/.changeset/fast-birds-fail.md
@@ -0,0 +1,5 @@
+---
+"react-email-starter": patch
+---
+
+[email protected]
diff --git a/.changeset/flat-apes-sniff.md b/.changeset/flat-apes-sniff.md
@@ -0,0 +1,6 @@
+---
+"react-email-starter": patch
+"create-email": patch
+---
+
+[email protected]
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/nine-masks-sort.md b/.changeset/nine-masks-sort.md
@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Fix code view contrast
diff --git a/.changeset/polite-apples-sit.md b/.changeset/polite-apples-sit.md
@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+add spam checker on the sidebar
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -0,0 +1,57 @@
+{
+  "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.33",
+    "@react-email/container": "0.0.15",
+    "create-email": "0.1.9",
+    "react-email-starter": "0.1.9",
+    "@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.7",
+    "@react-email/render": "1.0.5",
+    "@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",
+    "docs": "0.0.0"
+  },
+  "changesets": [
+    "angry-bugs-sing",
+    "empty-phones-relax",
+    "empty-rivers-laugh",
+    "fast-birds-fail",
+    "flat-apes-sniff",
+    "loud-clouds-wink",
+    "nine-masks-sort",
+    "polite-apples-sit",
+    "spicy-beds-explain",
+    "unlucky-tigers-destroy"
+  ]
+}
diff --git a/.changeset/spicy-beds-explain.md b/.changeset/spicy-beds-explain.md
@@ -0,0 +1,5 @@
+---
+"react-email-starter": major
+---
+
+- [email protected]
diff --git a/.changeset/unlucky-tigers-destroy.md b/.changeset/unlucky-tigers-destroy.md
@@ -0,0 +1,5 @@
+---
+"react-email-starter": patch
+---
+
+[email protected]
diff --git a/apps/demo/emails/magic-links/aws-verify-email.tsx b/apps/demo/emails/magic-links/aws-verify-email.tsx
@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface AWSVerifyEmailProps {
   verificationCode?: string;

diff --git a/apps/demo/emails/magic-links/linear-login-code.tsx b/apps/demo/emails/magic-links/linear-login-code.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface LinearLoginCodeEmailProps {
   validationCode?: string;

diff --git a/apps/demo/emails/magic-links/notion-magic-link.tsx b/apps/demo/emails/magic-links/notion-magic-link.tsx
@@ -9,7 +9,6 @@ import {
   Preview,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface NotionMagicLinkEmailProps {
   loginCode?: string;

diff --git a/apps/demo/emails/magic-links/plaid-verify-identity.tsx b/apps/demo/emails/magic-links/plaid-verify-identity.tsx
@@ -9,7 +9,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface PlaidVerifyIdentityEmailProps {
   validationCode?: string;

diff --git a/apps/demo/emails/magic-links/raycast-magic-link.tsx b/apps/demo/emails/magic-links/raycast-magic-link.tsx
@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface RaycastMagicLinkEmailProps {
   magicLink?: string;

diff --git a/apps/demo/emails/magic-links/slack-confirm.tsx b/apps/demo/emails/magic-links/slack-confirm.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface SlackConfirmEmailProps {
   validationCode?: string;

diff --git a/apps/demo/emails/newsletters/codepen-challengers.tsx b/apps/demo/emails/newsletters/codepen-challengers.tsx
@@ -13,7 +13,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`

diff --git a/apps/demo/emails/newsletters/google-play-policy-update.tsx b/apps/demo/emails/newsletters/google-play-policy-update.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
@@ -101,7 +100,9 @@ export const GooglePlayPolicyUpdateEmail = () => (
 
         <Section style={containerContact}>
           <Row>
-            <Text style={paragraph}>Connect with us</Text>
+            <Column>
+              <Text style={paragraph}>Connect with us</Text>
+            </Column>
           </Row>
           <Row
             align="left"
@@ -139,12 +140,14 @@ export const GooglePlayPolicyUpdateEmail = () => (
             </Column>
           </Row>
           <Row>
-            <Img
-              style={footer}
-              width="540"
-              height="48"
-              src={`${baseUrl}/static/google-play-footer.png`}
-            />
+            <Column>
+              <Img
+                style={footer}
+                width="540"
+                height="48"
+                src={`${baseUrl}/static/google-play-footer.png`}
+              />
+            </Column>
           </Row>
         </Section>
 

diff --git a/apps/demo/emails/newsletters/stack-overflow-tips.tsx b/apps/demo/emails/newsletters/stack-overflow-tips.tsx
@@ -13,7 +13,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface StackOverflowTipsEmailProps {
   tips?: { id: number; description: string }[];

diff --git a/apps/demo/emails/notifications/github-access-token.tsx b/apps/demo/emails/notifications/github-access-token.tsx
@@ -10,7 +10,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface GithubAccessTokenEmailProps {
   username?: string;

diff --git a/apps/demo/emails/notifications/vercel-invite-user.tsx b/apps/demo/emails/notifications/vercel-invite-user.tsx
@@ -15,7 +15,6 @@ import {
   Tailwind,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface VercelInviteUserEmailProps {
   username?: string;

diff --git a/apps/demo/emails/notifications/yelp-recent-login.tsx b/apps/demo/emails/notifications/yelp-recent-login.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface YelpRecentLoginEmailProps {
   userFirstName?: string;

diff --git a/apps/demo/emails/receipts/apple-receipt.tsx b/apps/demo/emails/receipts/apple-receipt.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`

diff --git a/apps/demo/emails/reset-password/dropbox-reset-password.tsx b/apps/demo/emails/reset-password/dropbox-reset-password.tsx
@@ -10,7 +10,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface DropboxResetPasswordEmailProps {
   userFirstname?: string;

diff --git a/apps/demo/emails/reset-password/twitch-reset-password.tsx b/apps/demo/emails/reset-password/twitch-reset-password.tsx
@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface TwitchResetPasswordEmailProps {
   username?: string;

diff --git a/apps/demo/emails/reviews/airbnb-review.tsx b/apps/demo/emails/reviews/airbnb-review.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface AirbnbReviewEmailProps {
   authorName?: string;

diff --git a/apps/demo/emails/reviews/amazon-review.tsx b/apps/demo/emails/reviews/amazon-review.tsx
@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface AmazonReviewEmailProps {
   titleText?: string;

diff --git a/apps/demo/emails/welcome/koala-welcome.tsx b/apps/demo/emails/welcome/koala-welcome.tsx
@@ -10,7 +10,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface KoalaWelcomeEmailProps {
   userFirstname: string;

diff --git a/apps/demo/emails/welcome/stripe-welcome.tsx b/apps/demo/emails/welcome/stripe-welcome.tsx
@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`

diff --git a/apps/web/src/app/components/page.tsx b/apps/web/src/app/components/page.tsx
@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import type { Metadata } from 'next';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
-import React from 'react';
 import { componentsStructure } from '../../../components/structure';
 import PageTransition from '../../components/page-transition';
 import { Spotlight } from '../../components/spotlight';

diff --git a/apps/web/src/components/logo.tsx b/apps/web/src/components/logo.tsx
@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export const Logo = () => {
   return (
     <svg

diff --git a/apps/web/src/components/tooltip-content.tsx b/apps/web/src/components/tooltip-content.tsx
@@ -18,7 +18,7 @@ export const TooltipContent = React.forwardRef<
   <TooltipPrimitive.Portal>
     <TooltipPrimitive.Content
       {...props}
-      className="z-20 rounded-md border border-slate-6 bg-black px-3 py-2 text-xs text-white"
+      className="z-20 rounded-md border border-slate-6 bg-black px-3 py-2 text-white text-xs"
       ref={forwardedRef}
       sideOffset={sideOffset}
     >

diff --git a/benchmarks/preview-server/src/local-vs-2.1.7-canary.2-on-startup.ts b/benchmarks/preview-server/src/local-vs-2.1.7-canary.2-on-startup.ts
@@ -2,7 +2,6 @@ import { promises as fs } from 'node:fs';
 import path from 'node:path';
 import { Bench } from 'tinybench';
 import { runServer } from './utils/run-server';
-import { runServerAndFetchPreviewPage } from './utils/run-server-and-fetch-preview-page';
 
 const pathToCanaryCliScript = path.resolve(
   __dirname,

diff --git a/benchmarks/preview-server/src/local-vs-2.1.7-canary.2.ts b/benchmarks/preview-server/src/local-vs-2.1.7-canary.2.ts
@@ -2,7 +2,6 @@ import { promises as fs } from 'node:fs';
 import path from 'node:path';
 import { Bench } from 'tinybench';
 import { runServer } from './utils/run-server';
-import { runServerAndFetchPreviewPage } from './utils/run-server-and-fetch-preview-page';
 
 const pathToCanaryCliScript = path.resolve(
   __dirname,

diff --git a/biome.json b/biome.json
@@ -22,14 +22,15 @@
         "noAutofocus": "off"
       },
       "nursery": {
-        "useSortedClasses": "warn"
+        "useSortedClasses": "off"
       },
       "suspicious": {
         "noArrayIndexKey": "off",
         "noExplicitAny": "off",
         "noAssignInExpressions": "off"
       },
       "correctness": {
+        "noUnusedImports": "warn",
         "useExhaustiveDependencies": "off",
         "useJsxKeyInIterable": "off",
         "noChildrenProp": "off"

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,17 @@
 # create-email
 
+## 1.0.0-alpha.3
+
+### Patch Changes
+
+- [email protected]
+
+## 1.0.0-alpha.2
+
+## 1.0.0-alpha.1
+
+## 1.0.0-alpha.0
+
 ## 0.1.9
 
 ## 0.1.9-canary.2

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