react-email 6.5.0 → 6.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 6.6.0
+
+### Minor Changes
+
+- 16ff94c: add a useTitleTag in Preview component so users can disable it if they want to
+
 ## 6.5.0
 
 ### Minor Changes

package/dist/cli/index.mjs

@@ -6523,7 +6523,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "6.5.0",
+	version: "6.6.0",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/cli/index.mjs" },
 	type: "module",

package/dist/index.cjs

@@ -17879,9 +17879,9 @@ Markdown.displayName = "Markdown";
 //#endregion
 //#region src/components/preview/preview.tsx
 const PREVIEW_MAX_LENGTH = 200;
-const Preview = react.forwardRef(({ children = "", ...props }, ref) => {
+const Preview = react.forwardRef(({ children = "", useTitleTag = true, ...props }, ref) => {
 	const text = (Array.isArray(children) ? children.join("") : children).substring(0, PREVIEW_MAX_LENGTH);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: text }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [useTitleTag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: text }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		style: {
 			display: "none",
 			overflow: "hidden",

package/dist/index.d.cts

@@ -5058,9 +5058,17 @@ declare const Markdown: React$2.ForwardRefExoticComponent<Readonly<{
 //#endregion
 //#region src/components/preview/preview.d.ts
 type PreviewProps = Readonly<React$2.ComponentPropsWithoutRef<'div'> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
   children: string | string[];
 }>;
 declare const Preview: React$2.ForwardRefExoticComponent<Readonly<Omit<React$2.DetailedHTMLProps<React$2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
   children: string | string[];
 }> & React$2.RefAttributes<HTMLDivElement>>;
 declare const renderWhiteSpace: (text: string) => _$react_jsx_runtime0.JSX.Element | null;

package/dist/index.d.mts

@@ -5058,9 +5058,17 @@ declare const Markdown: React$2.ForwardRefExoticComponent<Readonly<{
 //#endregion
 //#region src/components/preview/preview.d.ts
 type PreviewProps = Readonly<React$2.ComponentPropsWithoutRef<'div'> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
   children: string | string[];
 }>;
 declare const Preview: React$2.ForwardRefExoticComponent<Readonly<Omit<React$2.DetailedHTMLProps<React$2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
   children: string | string[];
 }> & React$2.RefAttributes<HTMLDivElement>>;
 declare const renderWhiteSpace: (text: string) => _$react_jsx_runtime0.JSX.Element | null;

package/dist/index.mjs

@@ -17858,9 +17858,9 @@ Markdown.displayName = "Markdown";
 //#endregion
 //#region src/components/preview/preview.tsx
 const PREVIEW_MAX_LENGTH = 200;
-const Preview = React$1.forwardRef(({ children = "", ...props }, ref) => {
+const Preview = React$1.forwardRef(({ children = "", useTitleTag = true, ...props }, ref) => {
 	const text = (Array.isArray(children) ? children.join("") : children).substring(0, PREVIEW_MAX_LENGTH);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("title", { children: text }), /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [useTitleTag ? /* @__PURE__ */ jsx("title", { children: text }) : null, /* @__PURE__ */ jsxs("div", {
 		style: {
 			display: "none",
 			overflow: "hidden",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "6.5.0",
+  "version": "6.6.0",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/cli/index.mjs"

package/src/components/preview/preview.tsx

@@ -2,6 +2,10 @@ import * as React from 'react';
 
 export type PreviewProps = Readonly<
   React.ComponentPropsWithoutRef<'div'> & {
+    /**
+     * @default true
+     */
+    useTitleTag?: boolean;
     children: string | string[];
   }
 >;
@@ -9,14 +13,14 @@ export type PreviewProps = Readonly<
 const PREVIEW_MAX_LENGTH = 200;
 
 export const Preview = React.forwardRef<HTMLDivElement, PreviewProps>(
-  ({ children = '', ...props }, ref) => {
+  ({ children = '', useTitleTag = true, ...props }, ref) => {
     const text = (
       Array.isArray(children) ? children.join('') : children
     ).substring(0, PREVIEW_MAX_LENGTH);
 
     return (
       <>
-        <title>{text}</title>
+        {useTitleTag ? <title>{text}</title> : null}
         <div
           style={{
             display: 'none',