react-email 4.1.0-canary.8 → 4.1.0-canary.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 4.1.0-canary.9
+
+### Patch Changes
+
+- 40fb596: Use the same version for the preview-server and react-email
+
 ## 4.1.0-canary.8
 
 ### Minor Changes

package/dist/index.js

@@ -102,6 +102,88 @@ import url from "node:url";
 import { createJiti } from "jiti";
 import { addDevDependency } from "nypm";
 import prompts from "prompts";
+
+// package.json
+var package_default = {
+  name: "react-email",
+  version: "4.1.0-canary.9",
+  description: "A live preview of your emails right in your browser.",
+  bin: {
+    email: "./dist/index.js"
+  },
+  type: "module",
+  scripts: {
+    build: "tsup-node",
+    clean: "rm -rf dist",
+    dev: "tsup-node --watch src",
+    test: "vitest run",
+    "test:watch": "vitest"
+  },
+  license: "MIT",
+  repository: {
+    type: "git",
+    url: "https://github.com/resend/react-email.git",
+    directory: "packages/react-email"
+  },
+  keywords: [
+    "react",
+    "email"
+  ],
+  engines: {
+    node: ">=18.0.0"
+  },
+  dependencies: {
+    "@babel/parser": "^7.27.0",
+    "@babel/traverse": "^7.27.0",
+    chalk: "^5.0.0",
+    chokidar: "^4.0.3",
+    commander: "^13.0.0",
+    debounce: "^2.0.0",
+    esbuild: "^0.25.0",
+    glob: "^11.0.0",
+    jiti: "2.4.2",
+    "log-symbols": "^7.0.0",
+    "mime-types": "^3.0.0",
+    "normalize-path": "^3.0.0",
+    nypm: "0.6.0",
+    ora: "^8.0.0",
+    prompts: "2.4.2",
+    "socket.io": "^4.8.1",
+    "tsconfig-paths": "4.2.0"
+  },
+  devDependencies: {
+    "@react-email/components": "workspace:*",
+    "@types/babel__core": "7.20.5",
+    "@types/babel__traverse": "7.20.7",
+    "@types/mime-types": "2.1.4",
+    "@types/prompts": "2.4.9",
+    next: "^15.3.2",
+    react: "19.0.0",
+    "react-dom": "19.0.0",
+    tsup: "8.4.0",
+    tsx: "4.19.3",
+    typescript: "5.8.3"
+  }
+};
+
+// src/utils/get-preview-server-location.ts
+var ensurePreviewServerInstalled = async (message) => {
+  const response = await prompts({
+    type: "confirm",
+    name: "installPreviewServer",
+    message,
+    initial: true
+  });
+  if (response.installPreviewServer) {
+    console.log('Installing "@react-email/preview-server"');
+    await addDevDependency(
+      `@react-email/preview-server@${package_default.version}`
+    );
+    process.exit(0);
+  } else {
+    process.exit(0);
+  }
+};
 var getPreviewServerLocation = async () => {
   const usersProject = createJiti(process.cwd());
   let previewServerLocation;
@@ -109,20 +191,16 @@ var getPreviewServerLocation = async () => {
     previewServerLocation = path2.dirname(
       url.parse(usersProject.esmResolve("@react-email/preview-server"), true).path
     );
-  } catch (exception) {
-    const response = await prompts({
-      type: "confirm",
-      name: "installPreviewServer",
-      message: 'To run the preview server, the pacakge "@react-email/preview-server" must be installed. Would you like to install it?',
-      initial: true
-    });
-    if (response.installPreviewServer) {
-      console.log('Installing "@react-email/preview-server"');
-      await addDevDependency("@react-email/preview-server");
-      process.exit(0);
-    } else {
-      process.exit(0);
-    }
+  } catch (_exception) {
+    await ensurePreviewServerInstalled(
+      'To run the preview server, the package "@react-email/preview-server" must be installed. Would you like to install it?'
+    );
+  }
+  const { version } = await usersProject.import("@react-email/preview-server");
+  if (version !== package_default.version) {
+    await ensurePreviewServerInstalled(
+      `To run the preview server, the version of "@react-email/preview-server" must match the version of "react-email" (${package_default.version}). Would you like to install it?`
+    );
   }
   return previewServerLocation;
 };
@@ -398,69 +476,6 @@ import { createJiti as createJiti2 } from "jiti";
 import logSymbols3 from "log-symbols";
 import ora2 from "ora";
 
-// package.json
-var package_default = {
-  name: "react-email",
-  version: "4.1.0-canary.8",
-  description: "A live preview of your emails right in your browser.",
-  bin: {
-    email: "./dist/index.js"
-  },
-  type: "module",
-  scripts: {
-    build: "tsup-node",
-    clean: "rm -rf dist",
-    dev: "tsup-node --watch src",
-    test: "vitest run",
-    "test:watch": "vitest"
-  },
-  license: "MIT",
-  repository: {
-    type: "git",
-    url: "https://github.com/resend/react-email.git",
-    directory: "packages/react-email"
-  },
-  keywords: [
-    "react",
-    "email"
-  ],
-  engines: {
-    node: ">=18.0.0"
-  },
-  dependencies: {
-    "@babel/parser": "^7.27.0",
-    "@babel/traverse": "^7.27.0",
-    chalk: "^5.0.0",
-    chokidar: "^4.0.3",
-    commander: "^13.0.0",
-    debounce: "^2.0.0",
-    esbuild: "^0.25.0",
-    glob: "^11.0.0",
-    jiti: "2.4.2",
-    "log-symbols": "^7.0.0",
-    "mime-types": "^3.0.0",
-    "normalize-path": "^3.0.0",
-    nypm: "0.6.0",
-    ora: "^8.0.0",
-    prompts: "2.4.2",
-    "socket.io": "^4.8.1",
-    "tsconfig-paths": "4.2.0"
-  },
-  devDependencies: {
-    "@react-email/components": "workspace:*",
-    "@types/babel__core": "7.20.5",
-    "@types/babel__traverse": "7.20.7",
-    "@types/mime-types": "2.1.4",
-    "@types/prompts": "2.4.9",
-    next: "^15.3.1",
-    react: "19.0.0",
-    "react-dom": "19.0.0",
-    tsup: "8.4.0",
-    tsx: "4.19.3",
-    typescript: "5.8.3"
-  }
-};
-
 // src/utils/preview/get-env-variables-for-preview-app.ts
 import path4 from "node:path";
 var getEnvVariablesForPreviewApp = (relativePathToEmailsDirectory, cwd) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "4.1.0-canary.8",
+  "version": "4.1.0-canary.9",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -43,13 +43,13 @@
     "@types/babel__traverse": "7.20.7",
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
-    "next": "^15.3.1",
+    "next": "^15.3.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "tsup": "8.4.0",
     "tsx": "4.19.3",
     "typescript": "5.8.3",
-    "@react-email/components": "0.1.0-canary.3"
+    "@react-email/components": "0.1.0-canary.4"
   },
   "scripts": {
     "build": "tsup-node",

package/src/utils/get-preview-server-location.ts

@@ -3,6 +3,27 @@ import url from 'node:url';
 import { createJiti } from 'jiti';
 import { addDevDependency } from 'nypm';
 import prompts from 'prompts';
+import { packageJson } from './packageJson.js';
+
+const ensurePreviewServerInstalled = async (
+  message: string,
+): Promise<never> => {
+  const response = await prompts({
+    type: 'confirm',
+    name: 'installPreviewServer',
+    message,
+    initial: true,
+  });
+  if (response.installPreviewServer) {
+    console.log('Installing "@react-email/preview-server"');
+    await addDevDependency(
+      `@react-email/preview-server@${packageJson.version}`,
+    );
+    process.exit(0);
+  } else {
+    process.exit(0);
+  }
+};
 
 export const getPreviewServerLocation = async () => {
   const usersProject = createJiti(process.cwd());
@@ -12,21 +33,19 @@ export const getPreviewServerLocation = async () => {
       url.parse(usersProject.esmResolve('@react-email/preview-server'), true)
         .path!,
     );
-  } catch (exception) {
-    const response = await prompts({
-      type: 'confirm',
-      name: 'installPreviewServer',
-      message:
-        'To run the preview server, the pacakge "@react-email/preview-server" must be installed. Would you like to install it?',
-      initial: true,
-    });
-    if (response.installPreviewServer) {
-      console.log('Installing "@react-email/preview-server"');
-      await addDevDependency('@react-email/preview-server');
-      process.exit(0);
-    } else {
-      process.exit(0);
-    }
+  } catch (_exception) {
+    await ensurePreviewServerInstalled(
+      'To run the preview server, the package "@react-email/preview-server" must be installed. Would you like to install it?',
+    );
+  }
+  const { version } = await usersProject.import<{
+    version: string;
+  }>('@react-email/preview-server');
+  if (version !== packageJson.version) {
+    await ensurePreviewServerInstalled(
+      `To run the preview server, the version of "@react-email/preview-server" must match the version of "react-email" (${packageJson.version}). Would you like to install it?`,
+    );
   }
+
   return previewServerLocation;
 };