react-email 1.7.8 → 1.7.9

package/dist/package.json

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

package/dist/source/commands/dev.d.ts

@@ -1,5 +1,6 @@
 interface Args {
     dir: string;
+    port: string;
 }
-export declare const dev: ({ dir }: Args) => Promise<void>;
+export declare const dev: ({ dir, port }: Args) => Promise<void>;
 export {};

package/dist/source/commands/dev.js

@@ -18,7 +18,7 @@ const ora_1 = __importDefault(require("ora"));
 const read_pkg_1 = __importDefault(require("read-pkg"));
 const shelljs_1 = __importDefault(require("shelljs"));
 const styles_1 = require("../_preview/styles");
-const dev = async ({ dir }) => {
+const dev = async ({ dir, port }) => {
     const emailDir = convertToAbsolutePath(dir);
     const watcherInstance = (0, utils_1.createWatcherInstance)(emailDir);
     try {
@@ -35,7 +35,7 @@ const dev = async ({ dir }) => {
             if (isUpToDate) {
                 await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
                 await installDependencies(packageManager);
-                shelljs_1.default.exec(`${packageManager} run dev`, { async: true });
+                startDevServer(packageManager, port);
                 (0, utils_1.watcher)(watcherInstance, emailDir);
                 return;
             }
@@ -46,7 +46,7 @@ const dev = async ({ dir }) => {
         await createAppFiles();
         await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
         await installDependencies(packageManager);
-        shelljs_1.default.exec(`${packageManager} run dev`, { async: true });
+        startDevServer(packageManager, port);
         (0, utils_1.watcher)(watcherInstance, emailDir);
     }
     catch (error) {
@@ -55,6 +55,9 @@ const dev = async ({ dir }) => {
     }
 };
 exports.dev = dev;
+const startDevServer = (packageManager, port) => {
+    shelljs_1.default.exec(`${packageManager} run dev -p ${port}`, { async: true });
+};
 const convertToAbsolutePath = (dir) => path_1.default.isAbsolute(dir) ? dir : path_1.default.join(process.cwd(), dir);
 const createBasicStructure = async () => {
     try {

package/dist/source/index.js

@@ -17,6 +17,7 @@ extra_typings_1.program
     .command('dev')
     .description('Starts the application in development mode')
     .option('-d, --dir <path>', 'Directory with your email templates', './emails')
+    .option('-p --port <port>', 'Port to run dev server on', '3000')
     .action((args) => (0, dev_1.dev)(args));
 extra_typings_1.program
     .command('export')

package/package.json

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

package/source/commands/dev.ts

@@ -28,9 +28,10 @@ import { styles } from '../_preview/styles';
 
 interface Args {
   dir: string;
+  port: string;
 }
 
-export const dev = async ({ dir }: Args) => {
+export const dev = async ({ dir, port }: Args) => {
   const emailDir = convertToAbsolutePath(dir);
   const watcherInstance = createWatcherInstance(emailDir);
   try {
@@ -48,7 +49,7 @@ export const dev = async ({ dir }: Args) => {
       if (isUpToDate) {
         await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
         await installDependencies(packageManager);
-        shell.exec(`${packageManager} run dev`, { async: true });
+        startDevServer(packageManager, port);
         watcher(watcherInstance, emailDir);
         return;
       }
@@ -61,7 +62,7 @@ export const dev = async ({ dir }: Args) => {
     await createAppFiles();
     await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
     await installDependencies(packageManager);
-    shell.exec(`${packageManager} run dev`, { async: true });
+    startDevServer(packageManager, port);
     watcher(watcherInstance, emailDir);
   } catch (error) {
     await watcherInstance.close();
@@ -69,6 +70,10 @@ export const dev = async ({ dir }: Args) => {
   }
 };
 
+const startDevServer = (packageManager: string, port: string) => {
+  shell.exec(`${packageManager} run dev -p ${port}`, { async: true });
+}
+
 const convertToAbsolutePath = (dir: string): string =>
   path.isAbsolute(dir) ? dir : path.join(process.cwd(), dir);
 

package/source/index.ts

@@ -14,6 +14,7 @@ program
   .command('dev')
   .description('Starts the application in development mode')
   .option('-d, --dir <path>', 'Directory with your email templates', './emails')
+  .option('-p --port <port>', 'Port to run dev server on', '3000')
   .action((args) => dev(args));
 
 program