restart the process with the same args, but with the proper node options if it doesn't have them

Author: gabrielmfern

packages/react-email/src/index.ts

@@ -1,4 +1,5 @@
-#!/usr/bin/env -S node --experimental-vm-modules --disable-warning=ExperimentalWarning
+#!/usr/bin/env node
+import { spawn } from 'node:child_process';
 import { program } from 'commander';
 import { build } from './commands/build.js';
 import { dev } from './commands/dev.js';
@@ -8,64 +9,102 @@ import { resendSetup } from './commands/resend/setup.js';
 import { start } from './commands/start.js';
 import { packageJson } from './utils/packageJson.js';
 
-const PACKAGE_NAME = 'react-email';
+const requiredFlags = [
+  '--experimental-vm-modules',
+  '--disable-warning=ExperimentalWarning',
+];
 
-program
-  .name(PACKAGE_NAME)
-  .description('A live preview of your emails right in your browser')
-  .version(packageJson.version);
+const hasRequiredFlags = requiredFlags.every((flag) =>
+  process.execArgv.includes(flag),
+);
 
-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);
+if (!hasRequiredFlags) {
+  const child = spawn(
+    process.execPath,
+    [
+      ...requiredFlags,
+      ...process.execArgv,
+      process.argv[1] ?? '',
+      ...process.argv.slice(2),
+    ],
+    { stdio: 'inherit' },
+  );
 
-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);
+  child.on('exit', (code) => {
+    process.exit(code ?? 0);
+  });
+} else {
+  const PACKAGE_NAME = 'react-email';
 
-program
-  .command('start')
-  .description('Runs the built preview app that is inside of ".react-email"')
-  .action(start);
+  program
+    .name(PACKAGE_NAME)
+    .description('A live preview of your emails right in your browser')
+    .version(packageJson.version);
 
-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, plainText, pretty }),
-  );
+  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);
+
+  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, plainText, pretty }),
+    );
 
-const resend = 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',
-  )
-  .action(resendSetup);
+  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);
+  resend
+    .command('reset')
+    .description('Deletes your API Key from the React Email configuration')
+    .action(resendReset);
 
-program.parse();
+  program.parse();
+}