react-email 5.0.0-canary.7 → 5.0.0-canary.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 5.0.0-canary.8
+
+### Patch Changes
+
+- b6b027c: improved integration setup flow
+
 ## 5.0.0-canary.7
 
 ## 5.0.0-canary.6

package/dist/index.js

@@ -87,7 +87,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "5.0.0-canary.7",
+	version: "5.0.0-canary.8",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/index.js" },
 	type: "module",
@@ -967,19 +967,27 @@ const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirec
 };
 
 //#endregion
-//#region src/commands/resend-setup.ts
-async function resendSetup(apiKey) {
+//#region src/commands/resend/reset.ts
+async function resendReset() {
+	conf.delete("resendApiKey");
+	console.info(`${logSymbols.success} Resend API Key successfully deleted`);
+}
+
+//#endregion
+//#region src/commands/resend/setup.ts
+async function resendSetup() {
 	const previousValue = conf.get("resendApiKey");
-	if (typeof previousValue === "string" && previousValue.length > 0) {
-		if (!(await prompts({
-			type: "confirm",
-			name: "replaceApiKey",
-			message: `You already have a Resend API Key configured (${styleText("grey", previousValue.slice(0, 11))}...). Do you want to replace it?`,
-			initial: false
-		})).replaceApiKey) process.exit(0);
+	if (typeof previousValue === "string" && previousValue.length > 0) console.info(`You already have a Resend API Key configured (${styleText("grey", previousValue.slice(0, 11))}...), continuing will replace it.`);
+	const { apiKey } = await prompts({
+		type: "password",
+		name: "apiKey",
+		message: "Enter your API Key (make sure it has \"Full Access\")"
+	});
+	if (apiKey?.trim().length > 0) {
+		conf.set("resendApiKey", apiKey);
+		console.info(`${logSymbols.success} Resend integration successfully set up`);
+		console.info(`You can always remove it with ${styleText("green", "npx react-email@latest resend reset")}`);
 	}
-	conf.set("resendApiKey", apiKey);
-	console.info(`${logSymbols.success} Resend integration successfully set up`);
 }
 
 //#endregion
@@ -1024,7 +1032,9 @@ program.command("export").description("Build the templates to the `out` director
 	plainText,
 	pretty
 }));
-program.command("resend").command("setup").description("Sets up the integration between the React Email CLI, and your Resend account through an API Key").argument("apiKey", "API Key for use setting up the integration").action(resendSetup);
+const resend = program.command("resend");
+resend.command("setup").description("Sets up the integration between the React Email CLI, and your Resend account through an API Key").action(resendSetup);
+resend.command("reset").description("Deletes your API Key from the React Email configuration").action(resendReset);
 program.parse();
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "5.0.0-canary.7",
+  "version": "5.0.0-canary.8",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"

package/src/commands/resend/reset.ts

@@ -0,0 +1,8 @@
+import logSymbols from 'log-symbols';
+import { conf } from '../../utils/conf.js';
+
+export async function resendReset() {
+  conf.delete('resendApiKey');
+
+  console.info(`${logSymbols.success} Resend API Key successfully deleted`);
+}

package/src/commands/resend/setup.ts

@@ -0,0 +1,29 @@
+import logSymbols from 'log-symbols';
+import prompts from 'prompts';
+import { conf } from '../../utils/conf.js';
+import { styleText } from '../../utils/style-text.js';
+
+export async function resendSetup() {
+  const previousValue = conf.get('resendApiKey');
+  if (typeof previousValue === 'string' && previousValue.length > 0) {
+    console.info(
+      `You already have a Resend API Key configured (${styleText('grey', previousValue.slice(0, 11))}...), continuing will replace it.`,
+    );
+  }
+
+  const { apiKey } = await prompts({
+    type: 'password',
+    name: 'apiKey',
+    message: 'Enter your API Key (make sure it has "Full Access")',
+  });
+
+  if (apiKey?.trim().length > 0) {
+    conf.set('resendApiKey', apiKey);
+    console.info(
+      `${logSymbols.success} Resend integration successfully set up`,
+    );
+    console.info(
+      `You can always remove it with ${styleText('green', 'npx react-email@latest resend reset')}`,
+    );
+  }
+}

package/src/index.ts

@@ -3,7 +3,8 @@ import { program } from 'commander';
 import { build } from './commands/build.js';
 import { dev } from './commands/dev.js';
 import { exportTemplates } from './commands/export.js';
-import { resendSetup } from './commands/resend-setup.js';
+import { resendReset } from './commands/resend/reset.js';
+import { resendSetup } from './commands/resend/setup.js';
 import { start } from './commands/start.js';
 import { packageJson } from './utils/packageJson.js';
 
@@ -53,13 +54,18 @@ program
     exportTemplates(outDir, srcDir, { silent, plainText, pretty }),
   );
 
-program
-  .command('resend')
+const resend = program.command('resend');
+
+resend
   .command('setup')
   .description(
     'Sets up the integration between the React Email CLI, and your Resend account through an API Key',
   )
-  .argument('apiKey', 'API Key for use setting up the integration')
   .action(resendSetup);
 
+resend
+  .command('reset')
+  .description('Deletes your API Key from the React Email configuration')
+  .action(resendReset);
+
 program.parse();

package/src/commands/resend-setup.ts

@@ -1,22 +0,0 @@
-import logSymbols from 'log-symbols';
-import prompts from 'prompts';
-import { conf } from '../utils/conf.js';
-import { styleText } from '../utils/style-text.js';
-
-export async function resendSetup(apiKey: string) {
-  const previousValue = conf.get('resendApiKey');
-  if (typeof previousValue === 'string' && previousValue.length > 0) {
-    const response = await prompts({
-      type: 'confirm',
-      name: 'replaceApiKey',
-      message: `You already have a Resend API Key configured (${styleText('grey', previousValue.slice(0, 11))}...). Do you want to replace it?`,
-      initial: false,
-    });
-    if (!response.replaceApiKey) {
-      process.exit(0);
-    }
-  }
-
-  conf.set('resendApiKey', apiKey);
-  console.info(`${logSymbols.success} Resend integration successfully set up`);
-}