chore(deps): bump prettier to v3.4.2 (#1834)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: gabriel miranda <[email protected]>

Author: 3 people

.changeset/perfect-fireants-flash.md

@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+Update prettier dependency.

apps/web/package.json

@@ -50,7 +50,7 @@
     "eslint-config-prettier": "9.0.0",
     "html-to-ast": "0.0.6",
     "postcss": "8.4.40",
-    "prettier": "3.3.3",
+    "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "0.6.6",
     "tailwindcss": "3.4.3",
     "tsconfig": "workspace:*",

package.json

@@ -17,12 +17,12 @@
   },
   "devDependencies": {
     "@changesets/cli": "2.27.10",
-    "@types/node": "18.18.0",
+    "@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.0.3",
+    "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "0.6.6",
     "tsconfig": "workspace:*",
     "tsup": "8.2.4",

packages/code-block/src/prism.ts

@@ -7876,8 +7876,8 @@ export { Prism };
       return "string" == typeof e
         ? e
         : Array.isArray(e)
-        ? e.map(d).join("")
-        : d(e.content);
+          ? e.map(d).join("")
+          : d(e.content);
     }
     g.hooks.add("after-tokenize", function (e) {
       e.language in a &&
@@ -10194,8 +10194,8 @@ export { Prism };
       return "string" == typeof e
         ? e
         : Array.isArray(e)
-        ? e.map(a).join("")
-        : a(e.content);
+          ? e.map(a).join("")
+          : a(e.content);
     }
     (e.languages.naniscript = {
       comment: { pattern: /^([\t ]*);.*/m, lookbehind: !0 },
@@ -12582,13 +12582,13 @@ export { Prism };
               : "/>" !== a.content[a.content.length - 1].content &&
                 t.push({ tagName: s(a.content[0].content[1]), openedBraces: 0 })
             : 0 < t.length && "punctuation" === a.type && "{" === a.content
-            ? t[t.length - 1].openedBraces++
-            : 0 < t.length &&
-              0 < t[t.length - 1].openedBraces &&
-              "punctuation" === a.type &&
-              "}" === a.content
-            ? t[t.length - 1].openedBraces--
-            : (r = !0)),
+              ? t[t.length - 1].openedBraces++
+              : 0 < t.length &&
+                  0 < t[t.length - 1].openedBraces &&
+                  "punctuation" === a.type &&
+                  "}" === a.content
+                ? t[t.length - 1].openedBraces--
+                : (r = !0)),
           (r || "string" == typeof a) &&
             0 < t.length &&
             0 === t[t.length - 1].openedBraces &&
@@ -12608,8 +12608,8 @@ export { Prism };
         ? "string" == typeof e
           ? e
           : "string" == typeof e.content
-          ? e.content
-          : e.content.map(s).join("")
+            ? e.content
+            : e.content.map(s).join("")
         : "";
     };
     i.hooks.add("after-tokenize", function (e) {
@@ -15477,23 +15477,23 @@ export { Prism };
               : "/>" !== a.content[a.content.length - 1].content &&
                 t.push({ tagName: s(a.content[0].content[1]), openedBraces: 0 })
             : !(
-                0 < t.length &&
+                  0 < t.length &&
+                  "punctuation" === a.type &&
+                  "{" === a.content
+                ) ||
+                (e[n + 1] &&
+                  "punctuation" === e[n + 1].type &&
+                  "{" === e[n + 1].content) ||
+                (e[n - 1] &&
+                  "plain-text" === e[n - 1].type &&
+                  "{" === e[n - 1].content)
+              ? 0 < t.length &&
+                0 < t[t.length - 1].openedBraces &&
                 "punctuation" === a.type &&
-                "{" === a.content
-              ) ||
-              (e[n + 1] &&
-                "punctuation" === e[n + 1].type &&
-                "{" === e[n + 1].content) ||
-              (e[n - 1] &&
-                "plain-text" === e[n - 1].type &&
-                "{" === e[n - 1].content)
-            ? 0 < t.length &&
-              0 < t[t.length - 1].openedBraces &&
-              "punctuation" === a.type &&
-              "}" === a.content
-              ? t[t.length - 1].openedBraces--
-              : "comment" !== a.type && (r = !0)
-            : t[t.length - 1].openedBraces++),
+                "}" === a.content
+                ? t[t.length - 1].openedBraces--
+                : "comment" !== a.type && (r = !0)
+              : t[t.length - 1].openedBraces++),
           (r || "string" == typeof a) &&
             0 < t.length &&
             0 === t[t.length - 1].openedBraces &&
@@ -15514,8 +15514,8 @@ export { Prism };
       return "string" == typeof e
         ? e
         : "string" == typeof e.content
-        ? e.content
-        : e.content.map(s).join("");
+          ? e.content
+          : e.content.map(s).join("");
     };
     i.hooks.add("after-tokenize", function (e) {
       "xquery" === e.language && o(e.tokens);

packages/react-email/package.json

@@ -30,7 +30,7 @@
     "@babel/core": "7.24.5",
     "@babel/parser": "7.24.5",
     "chalk": "4.1.2",
-    "chokidar": "^4.0.1",
+    "chokidar": "4.0.3",
     "commander": "11.1.0",
     "debounce": "2.0.0",
     "esbuild": "0.19.11",
@@ -54,7 +54,7 @@
     "@types/babel__core": "7.20.5",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
-    "@types/node": "18.0.0",
+    "@types/node": "22.10.2",
     "@types/normalize-path": "3.0.2",
     "@types/react": "^19",
     "@types/react-dom": "^19",

packages/react-email/src/app/preview/[...slug]/page.tsx

@@ -16,7 +16,12 @@ export interface PreviewParams {
   slug: string[];
 }
 
-const Page = async ({ params }: { params: PreviewParams }) => {
+const Page = async ({
+  params: paramsPromise,
+}: {
+  params: Promise<PreviewParams>;
+}) => {
+  const params = await paramsPromise;
   // will come in here as segments of a relative path to the email
   // ex: ['authentication', 'verify-password.tsx']
   const slug = decodeURIComponent(params.slug.join('/'));
@@ -69,8 +74,13 @@ This is most likely not an issue with the preview server. Maybe there was a typo
   );
 };
 
-export function generateMetadata({ params }: { params: PreviewParams }) {
-  return { title: `${path.basename(params.slug.join('/'))} — React Email` };
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<PreviewParams>;
+}) {
+  const { slug } = await params;
+  return { title: `${path.basename(slug.join('/'))} — React Email` };
 }
 
 export default Page;

packages/react-email/src/cli/utils/preview/hot-reloading/create-dependency-graph.spec.ts

@@ -46,7 +46,7 @@ test('createDependencyGraph()', async () => {
         'create-dependency-graph.spec.ts',
         'setup-hot-reloading.ts',
       ],
-      moduleDependencies: ['node:path', 'node:fs'],
+      moduleDependencies: ['node:path', 'node:fs', 'chokidar/handler'],
     },
     'create-dependency-graph.spec.ts': {
       path: 'create-dependency-graph.spec.ts',

packages/react-email/src/cli/utils/preview/hot-reloading/create-dependency-graph.ts

@@ -2,6 +2,7 @@ import path from 'node:path';
 import { existsSync, promises as fs, statSync } from 'node:fs';
 import { getImportedModules } from './get-imported-modules';
 import { isDev } from '../start-dev-server';
+import { EventName } from 'chokidar/handler';
 
 interface Module {
   path: string;
@@ -255,10 +256,7 @@ export const createDependencyGraph = async (directory: string) => {
 
   return [
     graph,
-    async (
-      event: 'add' | 'addDir' | 'change' | 'unlink' | 'unlinkDir',
-      pathToModified: string,
-    ) => {
+    async (event: EventName, pathToModified: string) => {
       switch (event) {
         case 'change':
           if (isJavascriptModule(pathToModified)) {

packages/react-email/src/cli/utils/preview/start-dev-server.ts

@@ -63,8 +63,8 @@ export const startDevServer = async (
       ) {
         void serveStaticFile(res, parsedUrl, staticBaseDirRelativePath);
       } else if (!isNextReady) {
-        void nextReadyPromise.then(
-          () => nextHandleRequest?.(req, res, parsedUrl),
+        void nextReadyPromise.then(() =>
+          nextHandleRequest?.(req, res, parsedUrl),
         );
       } else {
         void nextHandleRequest?.(req, res, parsedUrl);

packages/react-email/src/utils/types/hot-reload-event.ts

@@ -1,6 +1,3 @@
-export type HotReloadEvent =
-  | 'add'
-  | 'addDir'
-  | 'change'
-  | 'unlink'
-  | 'unlinkDir';
+import type { EventName } from 'chokidar/handler';
+
+export type HotReloadEvent = EventName;