react-email 4.2.11 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "4.2.11",
+  "version": "4.3.0",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -45,13 +45,12 @@
     "next": "^15.3.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "tsup": "8.4.0",
     "typescript": "5.8.3",
-    "@react-email/components": "0.5.3"
+    "@react-email/components": "0.5.6"
   },
   "scripts": {
-    "build": "tsup-node",
-    "build:watch": "tsup-node --watch src",
+    "build": "tsdown",
+    "build:watch": "tsdown --watch src",
     "clean": "rm -rf dist",
     "test": "vitest run",
     "test:watch": "vitest"

package/readme.md

@@ -4,11 +4,10 @@
 <div align="center">The next generation of writing emails.<br />High-quality, unstyled components for creating emails.</div>
 <br />
 <div align="center">
-<a href="https://react.email">Website</a> 
+<a href="https://react.email">Website</a>
 <span> · </span>
-<a href="https://github.com/resend/react-email">GitHub</a> 
-<span> · </span>
-<a href="https://react.email/discord">Discord</a>
+<a href="https://github.com/resend/react-email">GitHub</a>
+
 </div>
 
 ## Getting started

package/src/commands/build.ts

@@ -78,14 +78,14 @@ const setNextEnvironmentVariablesForBuild = async (
   const nextConfigContents = `
 const path = require('path');
 const emailsDirRelativePath = path.normalize('${emailsDirRelativePath}');
-const userProjectLocation = '${process.cwd()}';
+const userProjectLocation = '${process.cwd().replace(/\\/g, '/')}';
 /** @type {import('next').NextConfig} */
 module.exports = {
   env: {
     NEXT_PUBLIC_IS_BUILDING: 'true',
     EMAILS_DIR_RELATIVE_PATH: emailsDirRelativePath,
     EMAILS_DIR_ABSOLUTE_PATH: path.resolve(userProjectLocation, emailsDirRelativePath),
-    PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath}',
+    PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath.replace(/\\/g, '/')}',
     USER_PROJECT_LOCATION: userProjectLocation
   },
   // this is needed so that the code for building emails works properly
@@ -154,9 +154,9 @@ const forceSSGForEmailPreviews = async (
   emailsDirPath: string,
   builtPreviewAppPath: string,
 ) => {
-  const emailDirectoryMetadata =
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    (await getEmailsDirectoryMetadata(emailsDirPath))!;
+  const emailDirectoryMetadata = (await getEmailsDirectoryMetadata(
+    emailsDirPath,
+  ))!;
 
   const parameters = getEmailSlugsFromEmailDirectory(
     emailDirectoryMetadata,

package/src/utils/get-emails-directory-metadata.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 import fs from 'node:fs';
 import path from 'node:path';
 

package/src/utils/preview/hot-reloading/get-imported-modules.spec.ts

@@ -7,7 +7,7 @@ vi.mock('@babel/traverse', async () => {
 });
 
 describe('getImportedModules()', () => {
-  it('should work with this test file', async () => {
+  it('works with this test file', async () => {
     const contents = await fs.readFile(import.meta.filename, 'utf8');
 
     expect(getImportedModules(contents)).toEqual([
@@ -16,7 +16,7 @@ describe('getImportedModules()', () => {
     ]);
   });
 
-  it('should work with direct exports', () => {
+  it('works with direct exports', () => {
     const contents = `export * from './component-a';
     export { ComponentB } from './component-b'; 
 
@@ -29,7 +29,7 @@ describe('getImportedModules()', () => {
     ]);
   });
 
-  it('should work with regular imports and double quotes', () => {
+  it('works with regular imports and double quotes', () => {
     const contents = `import {
   Body,
   Button,
@@ -59,7 +59,7 @@ import * as React from "react";
     ]);
   });
 
-  it('should work with regular imports and single quotes', () => {
+  it('works with regular imports and single quotes', () => {
     const contents = `import {
   Body,
   Button,
@@ -89,7 +89,7 @@ import * as React from 'react';
     ]);
   });
 
-  it('should work with commonjs require with double quotes', () => {
+  it('works with commonjs require with double quotes', () => {
     const contents = `const {
   Body,
   Button,
@@ -119,7 +119,7 @@ const React = require("react");
     ]);
   });
 
-  it('should work with commonjs require with single quotes', () => {
+  it('works with commonjs require with single quotes', () => {
     const contents = `const {
   Body,
   Button,

package/src/utils/preview/serve-static-file.ts

@@ -1,5 +1,4 @@
 import { existsSync, promises as fs } from 'node:fs';
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 import type http from 'node:http';
 import path from 'node:path';
 import type url from 'node:url';

package/src/utils/preview/start-dev-server.ts

@@ -83,8 +83,6 @@ export const startDevServer = async (
   const { portAlreadyInUse } = await safeAsyncServerListen(devServer, port);
 
   if (!portAlreadyInUse) {
-    // this errors when linting but doesn't on the editor so ignore the warning on this
-    /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
     console.log(
       styleText('greenBright', `    React Email ${packageJson.version}`),
     );

package/tsdown.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+  dts: false,
+  entry: ['./src/index.ts'],
+  format: ['esm'],
+  outDir: 'dist',
+});