react-email 6.1.1 → 6.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-email
 
+## 6.1.4
+
+### Patch Changes
+
+- 1c386ce: Avoid spamming each spinner frame as a new line on non-TTY streams (CI logs, pipes, dumb terminals). The spinner now logs each status text once instead of redrawing animated frames when the output is not a TTY.
+- ad6a9de: - deprecate packageManager CLI option for `email build`, only supporting npm
+  - ensure `email build` dependency installation includes dev dependencies
+
+## 6.1.3
+
+## 6.1.2
+
 ## 6.1.1
 
 ### Patch Changes

package/dist/cli/index.mjs

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { createRequire } from "node:module";
 import { spawn } from "node:child_process";
-import { program } from "commander";
+import { Option, program } from "commander";
 import * as fs$1 from "node:fs";
 import fs, { existsSync, promises, statSync, unlinkSync, writeFileSync } from "node:fs";
 import * as path$2 from "node:path";
@@ -6522,7 +6522,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "6.1.1",
+	version: "6.1.4",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/cli/index.mjs" },
 	type: "module",
@@ -6657,7 +6657,70 @@ const normalizeDisplay = (display) => {
 		symbolFormatter: withPrefixText(prefixText, symbolFormatter)
 	};
 };
-const createSpinner = (display, options) => new Spinner(normalizeDisplay(display), options);
+const isInteractiveStream = (stream) => {
+	if (!stream.isTTY) return false;
+	if (process.env.TERM === "dumb") return false;
+	if (process.env.CI) return false;
+	return true;
+};
+var NonInteractiveSpinner = class {
+	running = false;
+	text = "";
+	prefixText = "";
+	stream;
+	lastLoggedLine;
+	constructor(display) {
+		if (typeof display === "string") {
+			this.text = display;
+			this.stream = process.stdout;
+		} else {
+			this.text = display.text ?? "";
+			this.prefixText = display.prefixText ?? "";
+			this.stream = display.stream ?? process.stdout;
+		}
+	}
+	start() {
+		this.running = true;
+		this.log();
+	}
+	stop() {
+		this.running = false;
+	}
+	setText(text) {
+		this.text = text;
+		if (this.running) this.log();
+	}
+	setDisplay(display) {
+		if (typeof display.text === "string") this.text = display.text;
+		const { symbol } = display;
+		this.log(symbol);
+		if (typeof symbol === "string") this.running = false;
+	}
+	succeed(display) {
+		this.finish("✔", display);
+	}
+	fail(display) {
+		this.finish("✖", display);
+	}
+	finish(symbol, display) {
+		if (typeof display === "string") this.text = display;
+		else if (typeof display?.text === "string") this.text = display.text;
+		this.log(symbol);
+		this.running = false;
+	}
+	log(symbol) {
+		const symbolPrefix = typeof symbol === "string" && symbol.length > 0 ? `${symbol} ` : "";
+		const trimmedText = this.text.replace(/\n+$/, "");
+		const line = `${this.prefixText}${symbolPrefix}${trimmedText}`;
+		if (line === this.lastLoggedLine) return;
+		this.lastLoggedLine = line;
+		this.stream.write(`${line}\n`);
+	}
+};
+const createSpinner = (display, options) => {
+	if (!isInteractiveStream(typeof display !== "string" && display.stream || process.stdout)) return new NonInteractiveSpinner(display);
+	return new Spinner(normalizeDisplay(display), options);
+};
 const stopSpinnerAndPersist = (spinner, display) => {
 	spinner?.setDisplay(display);
 };
@@ -6730,6 +6793,7 @@ const updatePackageJson = async (builtUiPath) => {
 	await fs.promises.writeFile(packageJsonPath, JSON.stringify(packageJson), "utf8");
 };
 const build$1 = async ({ dir: emailsDirRelativePath, packageManager }) => {
+	if (packageManager) console.warn("The --packageManager option is deprecated and ignored. The build command now just uses npm.");
 	try {
 		const usersProjectLocation = process.cwd();
 		const previewServerLocation = await getUiLocation();
@@ -6769,18 +6833,25 @@ const build$1 = async ({ dir: emailsDirRelativePath, packageManager }) => {
 		await updatePackageJson(builtPreviewAppPath);
 		if (!isInReactEmailMonorepo) {
 			spinner.setText("Installing dependencies on `.react-email`");
-			await installDependencies({
-				cwd: builtPreviewAppPath,
-				silent: true,
-				packageManager
-			});
+			const previousInclude = process.env.NPM_CONFIG_INCLUDE;
+			process.env.NPM_CONFIG_INCLUDE = "dev";
+			try {
+				await installDependencies({
+					cwd: builtPreviewAppPath,
+					silent: true,
+					packageManager: "npm"
+				});
+			} finally {
+				if (previousInclude === void 0) delete process.env.NPM_CONFIG_INCLUDE;
+				else process.env.NPM_CONFIG_INCLUDE = previousInclude;
+			}
 		}
 		stopSpinnerAndPersist(spinner, {
 			text: "Successfully prepared `.react-email` for `next build`",
 			symbol: logSymbols.success
 		});
 		await runScript("build", {
-			packageManager,
+			packageManager: "npm",
 			cwd: builtPreviewAppPath
 		});
 	} catch (error) {
@@ -7489,7 +7560,7 @@ if (!requiredFlags.every((flag) => process.execArgv.includes(flag))) spawn(proce
 else {
 	program.name("react-email").description("A live preview of your emails right in your browser").version(package_default.version);
 	program.command("dev").description("Starts the preview email development app").option("-d, --dir <path>", "Directory with your email templates", "./emails").option("-p --port <port>", "Port to run dev server on", "3000").action(dev);
-	program.command("build").description("Copies the preview app for onto .react-email and builds it").option("-d, --dir <path>", "Directory with your email templates", "./emails").option("-p --packageManager <name>", "Package name to use on installation on `.react-email`", "npm").action(build$1);
+	program.command("build").description("Copies the preview app for onto .react-email and builds it").option("-d, --dir <path>", "Directory with your email templates", "./emails").addOption(new Option("-p, --packageManager <name>").hideHelp()).action(build$1);
 	program.command("start").description("Runs the built preview app that is inside of \".react-email\"").action(start);
 	program.command("export").description("Build the templates to the `out` directory").option("--outDir <path>", "Output directory", "out").option("-p, --pretty", "Pretty print the output", false).option("-t, --plainText", "Set output format as plain text", false).option("-d, --dir <path>", "Directory with your email templates", "./emails").option("-s, --silent", "To, or not to show a spinner with process information", false).action(({ outDir, pretty, plainText, silent, dir: srcDir }) => exportTemplates(outDir, srcDir, {
 		silent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "6.1.1",
+  "version": "6.1.4",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/cli/index.mjs"
@@ -66,7 +66,7 @@
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
     "@types/shelljs": "0.10.0",
-    "next": "16.2.3",
+    "next": "16.2.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "shelljs": "0.10.0",

package/src/components/tailwind/e2e/nextjs/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "react-email": "file:.yalc/react-email",
-    "next": "^15",
+    "next": "^16",
     "react": "^19",
     "react-dom": "^19"
   },