react-email 1.7.15 → 1.8.0-canary.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-email",
-    "version": "1.7.15",
+    "version": "1.8.0-canary.1",
     "description": "A live preview of your emails right in your browser.",
     "bin": {
         "email": "./dist/source/index.js"
@@ -31,11 +31,13 @@
     "dependencies": {
         "@commander-js/extra-typings": "9.4.1",
         "@manypkg/find-root": "2.1.0",
+        "@octokit/rest": "19.0.7",
         "@react-email/render": "0.0.6",
         "chokidar": "3.5.3",
         "commander": "9.4.1",
         "detect-package-manager": "2.0.1",
         "esbuild": "0.16.4",
+        "fs-extra": "11.1.0",
         "glob": "8.0.3",
         "log-symbols": "4.1.0",
         "normalize-path": "3.0.0",
@@ -45,6 +47,7 @@
         "tree-node-cli": "1.6.0"
     },
     "devDependencies": {
+        "@types/fs-extra": "11.0.1",
         "@types/node": "18.11.9",
         "@types/normalize-path": "3.0.0",
         "@types/shelljs": "0.8.11",

package/dist/source/commands/dev.js

@@ -5,189 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dev = void 0;
 const utils_1 = require("../utils");
-const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
-const components_1 = require("../_preview/components");
-const utils_2 = require("../_preview/utils");
-const root_1 = require("../_preview/root");
-const pages_1 = require("../_preview/pages");
-const detect_package_manager_1 = require("detect-package-manager");
-const log_symbols_1 = __importDefault(require("log-symbols"));
-const find_root_1 = require("@manypkg/find-root");
-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 run_server_1 = require("../utils/run-server");
 const dev = async ({ dir, port }) => {
-    const emailDir = convertToAbsolutePath(dir);
-    const watcherInstance = (0, utils_1.createWatcherInstance)(emailDir);
     try {
-        const hasReactEmailDirectory = (0, utils_1.checkDirectoryExist)(utils_1.REACT_EMAIL_ROOT);
-        const cwd = await (0, find_root_1.findRoot)(utils_1.CURRENT_PATH).catch(() => ({
-            rootDir: utils_1.CURRENT_PATH,
-        }));
-        const packageManager = await (0, detect_package_manager_1.detect)({
-            cwd: cwd.rootDir,
-        }).catch(() => 'npm');
-        if (hasReactEmailDirectory) {
-            const isUpToDate = await (0, utils_1.checkPackageIsUpToDate)();
-            if (isUpToDate) {
-                await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
-                await installDependencies(packageManager);
-                startDevServer(packageManager, port);
-                (0, utils_1.watcher)(watcherInstance, emailDir);
-                return;
-            }
-            await fs_1.default.promises.rm(utils_1.REACT_EMAIL_ROOT, { recursive: true });
+        if (fs_1.default.existsSync(utils_1.REACT_EMAIL_ROOT)) {
+            await (0, run_server_1.runServer)(dir, port);
+            return;
         }
-        await createBasicStructure();
-        await createAppDirectories();
-        await createAppFiles();
-        await Promise.all([generateEmailsPreview(emailDir), syncPkg()]);
-        await installDependencies(packageManager);
-        startDevServer(packageManager, port);
-        (0, utils_1.watcher)(watcherInstance, emailDir);
+        await (0, utils_1.downloadClient)();
+        await (0, run_server_1.runServer)(dir, port);
     }
     catch (error) {
-        await watcherInstance.close();
+        console.log(error);
         shelljs_1.default.exit(1);
     }
 };
 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 {
-        // Create `.react-email` directory
-        await (0, utils_1.createDirectory)(utils_1.REACT_EMAIL_ROOT);
-        // Create `src` and `public` directories
-        await Promise.all([
-            (0, utils_1.createDirectory)(utils_1.SRC_PATH),
-            (0, utils_1.createDirectory)(utils_1.PUBLIC_PATH),
-        ]);
-    }
-    catch (error) {
-        throw new Error('Error creating the basic structure');
-    }
-};
-const createAppDirectories = async () => {
-    try {
-        await Promise.all([
-            (0, utils_1.createDirectory)(path_1.default.join(utils_1.SRC_PATH, 'components')),
-            (0, utils_1.createDirectory)(path_1.default.join(utils_1.SRC_PATH, 'utils')),
-            (0, utils_1.createDirectory)(path_1.default.join(utils_1.SRC_PATH, 'pages')),
-            (0, utils_1.createDirectory)(path_1.default.join(utils_1.SRC_PATH, 'styles')),
-        ]);
-    }
-    catch (error) {
-        throw new Error('Error creating app directories');
-    }
-};
-const createAppFiles = async () => {
-    try {
-        const creation = (appFiles, name) => {
-            return appFiles.map((file) => {
-                const location = name
-                    ? `${utils_1.SRC_PATH}/${name}/${file.title}`
-                    : `${utils_1.REACT_EMAIL_ROOT}/${file.title}`;
-                return fs_1.default.promises.writeFile(location, file.content);
-            });
-        };
-        const pageCreation = pages_1.pages.map(async (page) => {
-            const location = page.dir
-                ? `${utils_1.SRC_PATH}/pages/${page.dir}/${page.title}`
-                : `${utils_1.SRC_PATH}/pages/${page.title}`;
-            if (page.dir) {
-                await (0, utils_1.createDirectory)(`${utils_1.SRC_PATH}/pages/${page.dir}`);
-            }
-            return fs_1.default.promises.writeFile(location, page.content);
-        });
-        await Promise.all([
-            ...creation(utils_2.utils, 'utils'),
-            ...creation(components_1.components, 'components'),
-            ...creation(styles_1.styles, 'styles'),
-            ...creation(root_1.root),
-            ...pageCreation,
-        ]);
-    }
-    catch (error) {
-        throw new Error('Error creating app files');
-    }
-};
-const generateEmailsPreview = async (emailDir) => {
-    try {
-        const spinner = (0, ora_1.default)('Generating emails preview').start();
-        await createEmailPreviews(emailDir);
-        await createStaticFiles(emailDir);
-        spinner.stopAndPersist({
-            symbol: log_symbols_1.default.success,
-            text: 'Emails preview generated',
-        });
-    }
-    catch (error) {
-        console.log({ error });
-    }
-};
-const createEmailPreviews = async (emailDir) => {
-    const hasEmailsDirectory = (0, utils_1.checkDirectoryExist)(emailDir);
-    if (hasEmailsDirectory) {
-        await (0, utils_1.checkEmptyDirectory)(emailDir);
-    }
-    const hasPackageEmailsDirectory = (0, utils_1.checkDirectoryExist)(utils_1.PACKAGE_EMAILS_PATH);
-    if (hasPackageEmailsDirectory) {
-        await fs_1.default.promises.rm(utils_1.PACKAGE_EMAILS_PATH, { recursive: true });
-    }
-    const result = shelljs_1.default.cp('-r', emailDir, utils_1.PACKAGE_EMAILS_PATH);
-    if (result.code > 0) {
-        throw new Error(`Something went wrong while copying the file to ${utils_1.PACKAGE_EMAILS_PATH}, ${result.cat()}`);
-    }
-};
-const createStaticFiles = async (emailDir) => {
-    const reactEmailPublicFolder = path_1.default.join(utils_1.REACT_EMAIL_ROOT, 'public', 'static');
-    const hasPackageStaticDirectory = (0, utils_1.checkDirectoryExist)(reactEmailPublicFolder);
-    if (hasPackageStaticDirectory) {
-        await fs_1.default.promises.rm(reactEmailPublicFolder, {
-            recursive: true,
-        });
-    }
-    // Make sure that the "static" folder does not exists in .react-email/emails
-    // since it should only exists in .react-email/public, but the "createEmailPreviews"-function will blindly copy the complete emails folder
-    const reactEmailEmailStaticFolder = path_1.default.join(utils_1.REACT_EMAIL_ROOT, 'emails', 'static');
-    const hasPackageStaticDirectoryInEmails = (0, utils_1.checkDirectoryExist)(reactEmailEmailStaticFolder);
-    if (hasPackageStaticDirectoryInEmails) {
-        await fs_1.default.promises.rm(reactEmailEmailStaticFolder, {
-            recursive: true,
-        });
-    }
-    const staticDir = path_1.default.join(emailDir, 'static');
-    const hasStaticDirectory = (0, utils_1.checkDirectoryExist)(staticDir);
-    if (hasStaticDirectory) {
-        const result = shelljs_1.default.cp('-r', staticDir, reactEmailPublicFolder);
-        if (result.code > 0) {
-            throw new Error(`Something went wrong while copying the file to ${reactEmailPublicFolder}, ${result.cat()}`);
-        }
-    }
-};
-const syncPkg = async () => {
-    const previewPkg = (0, utils_1.getPreviewPkg)();
-    const clientPkg = await (0, read_pkg_1.default)();
-    const pkg = {
-        ...previewPkg,
-        dependencies: {
-            ...previewPkg.dependencies,
-            ...clientPkg.dependencies,
-        },
-    };
-    await fs_1.default.promises.writeFile(path_1.default.join(utils_1.REACT_EMAIL_ROOT, 'package.json'), JSON.stringify(pkg));
-};
-const installDependencies = async (packageManager) => {
-    const spinner = (0, ora_1.default)('Installing dependencies...\n').start();
-    shelljs_1.default.cd(path_1.default.join(utils_1.REACT_EMAIL_ROOT));
-    shelljs_1.default.exec(`${packageManager} install`);
-    spinner.stopAndPersist({
-        symbol: log_symbols_1.default.success,
-        text: 'Dependencies installed',
-    });
-};

package/dist/source/commands/export.js

@@ -35,15 +35,16 @@ const log_symbols_1 = __importDefault(require("log-symbols"));
 const render_1 = require("@react-email/render");
 const fs_1 = require("fs");
 const normalize_path_1 = __importDefault(require("normalize-path"));
-const utils_1 = require("../utils");
 const path_1 = __importDefault(require("path"));
 const shelljs_1 = __importDefault(require("shelljs"));
+const fs_2 = __importDefault(require("fs"));
 /*
   This first builds all the templates using esbuild and then puts the output in the `.js`
   files. Then these `.js` files are imported dynamically and rendered to `.html` files
   using the `render` function.
  */
 const exportTemplates = async (outDir, srcDir, options) => {
+    var _a;
     const spinner = (0, ora_1.default)('Preparing files...\n').start();
     const allTemplates = glob_1.glob.sync((0, normalize_path_1.default)(path_1.default.join(srcDir, '*.{tsx,jsx}')));
     esbuild_1.default.buildSync({
@@ -57,14 +58,14 @@ const exportTemplates = async (outDir, srcDir, options) => {
         absolute: true,
     });
     for (const template of allBuiltTemplates) {
-        const component = await Promise.resolve().then(() => __importStar(require(template)));
+        const component = await (_a = template, Promise.resolve().then(() => __importStar(require(_a))));
         const rendered = (0, render_1.render)(component.default(), options);
         const htmlPath = template.replace('.js', options.plainText ? '.txt' : '.html');
         (0, fs_1.writeFileSync)(htmlPath, rendered);
         (0, fs_1.unlinkSync)(template);
     }
     const staticDir = path_1.default.join(srcDir, 'static');
-    const hasStaticDirectory = (0, utils_1.checkDirectoryExist)(staticDir);
+    const hasStaticDirectory = fs_2.default.existsSync(staticDir);
     if (hasStaticDirectory) {
         const result = shelljs_1.default.cp('-r', staticDir, path_1.default.join(outDir, 'static'));
         if (result.code > 0) {

package/dist/source/utils/constants.d.ts

@@ -1,10 +1,9 @@
 export declare const DEFAULT_EMAILS_DIRECTORY = "emails";
 export declare const PACKAGE_NAME = "react-email";
 export declare const CURRENT_PATH: string;
-export declare const CLIENT_PACKAGE_JSON: string;
+export declare const USER_PACKAGE_JSON: string;
 export declare const REACT_EMAIL_ROOT: string;
 export declare const SRC_PATH: string;
 export declare const PUBLIC_PATH: string;
 export declare const EVENT_FILE_DELETED = "unlink";
-export declare const CLIENT_EMAILS_PATH: string;
 export declare const PACKAGE_EMAILS_PATH: string;

package/dist/source/utils/constants.js

@@ -3,20 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PACKAGE_EMAILS_PATH = exports.CLIENT_EMAILS_PATH = exports.EVENT_FILE_DELETED = exports.PUBLIC_PATH = exports.SRC_PATH = exports.REACT_EMAIL_ROOT = exports.CLIENT_PACKAGE_JSON = exports.CURRENT_PATH = exports.PACKAGE_NAME = exports.DEFAULT_EMAILS_DIRECTORY = void 0;
+exports.PACKAGE_EMAILS_PATH = exports.EVENT_FILE_DELETED = exports.PUBLIC_PATH = exports.SRC_PATH = exports.REACT_EMAIL_ROOT = exports.USER_PACKAGE_JSON = exports.CURRENT_PATH = exports.PACKAGE_NAME = exports.DEFAULT_EMAILS_DIRECTORY = void 0;
 const path_1 = __importDefault(require("path"));
 // Package variables
 exports.DEFAULT_EMAILS_DIRECTORY = 'emails';
 exports.PACKAGE_NAME = 'react-email';
 // Default paths
 exports.CURRENT_PATH = process.cwd();
-// Client paths
-exports.CLIENT_PACKAGE_JSON = path_1.default.join(exports.CURRENT_PATH, 'package.json');
+// User paths
+exports.USER_PACKAGE_JSON = path_1.default.join(exports.CURRENT_PATH, 'package.json');
 // React Email paths
 exports.REACT_EMAIL_ROOT = path_1.default.join(exports.CURRENT_PATH, '.react-email');
 exports.SRC_PATH = path_1.default.join(exports.REACT_EMAIL_ROOT, 'src');
 exports.PUBLIC_PATH = path_1.default.join(exports.REACT_EMAIL_ROOT, 'public');
 // Events
 exports.EVENT_FILE_DELETED = 'unlink';
-exports.CLIENT_EMAILS_PATH = path_1.default.join(exports.CURRENT_PATH, exports.DEFAULT_EMAILS_DIRECTORY);
 exports.PACKAGE_EMAILS_PATH = path_1.default.join(exports.REACT_EMAIL_ROOT, exports.DEFAULT_EMAILS_DIRECTORY);

package/dist/source/utils/convert-to-absolute-path.d.ts

@@ -0,0 +1 @@
+export declare const convertToAbsolutePath: (dir: string) => string;

package/dist/source/utils/convert-to-absolute-path.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToAbsolutePath = void 0;
+const path_1 = __importDefault(require("path"));
+const convertToAbsolutePath = (dir) => path_1.default.isAbsolute(dir) ? dir : path_1.default.join(process.cwd(), dir);
+exports.convertToAbsolutePath = convertToAbsolutePath;

package/dist/source/utils/download-client.d.ts

@@ -0,0 +1 @@
+export declare const downloadClient: () => Promise<void>;

package/dist/source/utils/download-client.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadClient = void 0;
+const rest_1 = require("@octokit/rest");
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const fs_1 = __importDefault(require("fs"));
+const shelljs_1 = __importDefault(require("shelljs"));
+const path_1 = __importDefault(require("path"));
+const downloadClient = async () => {
+    const octokit = new rest_1.Octokit();
+    const downloadRes = await octokit.repos.downloadTarballArchive({
+        owner: 'resendlabs',
+        repo: 'react-email',
+        ref: 'v0.0.11',
+    });
+    fs_1.default.mkdirSync('.react-email-temp');
+    const TAR_PATH = path_1.default.join('.react-email-temp', 'react-email.tar.gz');
+    fs_1.default.writeFileSync(TAR_PATH, Buffer.from(downloadRes.data));
+    shelljs_1.default.exec(`tar -xzvf .react-email-temp/react-email.tar.gz -C .react-email-temp --strip-components 1`, { silent: true });
+    fs_extra_1.default.moveSync(path_1.default.join('.react-email-temp', 'client'), path_1.default.join('.react-email'));
+    fs_extra_1.default.removeSync('.react-email-temp');
+};
+exports.downloadClient = downloadClient;

package/dist/source/utils/generate-email-preview.d.ts

@@ -0,0 +1 @@
+export declare const generateEmailsPreview: (emailDir: string) => Promise<void>;

package/dist/source/utils/generate-email-preview.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateEmailsPreview = void 0;
+const log_symbols_1 = __importDefault(require("log-symbols"));
+const constants_1 = require("./constants");
+const fs_1 = __importDefault(require("fs"));
+const ora_1 = __importDefault(require("ora"));
+const shelljs_1 = __importDefault(require("shelljs"));
+const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const generateEmailsPreview = async (emailDir) => {
+    try {
+        const spinner = (0, ora_1.default)('Generating emails preview').start();
+        await createEmailPreviews(emailDir);
+        await createStaticFiles(emailDir);
+        spinner.stopAndPersist({
+            symbol: log_symbols_1.default.success,
+            text: 'Emails preview generated',
+        });
+    }
+    catch (error) {
+        console.log({ error });
+    }
+};
+exports.generateEmailsPreview = generateEmailsPreview;
+const createEmailPreviews = async (emailDir) => {
+    const hasPackageEmailsDirectory = fs_1.default.existsSync(constants_1.PACKAGE_EMAILS_PATH);
+    if (hasPackageEmailsDirectory) {
+        await fs_1.default.promises.rm(constants_1.PACKAGE_EMAILS_PATH, { recursive: true });
+    }
+    const result = shelljs_1.default.cp('-r', emailDir, constants_1.PACKAGE_EMAILS_PATH);
+    if (result.code > 0) {
+        throw new Error(`Something went wrong while copying the file to ${constants_1.PACKAGE_EMAILS_PATH}, ${result.cat()}`);
+    }
+};
+const createStaticFiles = async (emailDir) => {
+    const reactEmailPublicFolder = path_1.default.join(constants_1.REACT_EMAIL_ROOT, 'public');
+    fs_extra_1.default.ensureDir(reactEmailPublicFolder);
+    const hasPackageStaticDirectory = fs_1.default.existsSync(reactEmailPublicFolder);
+    if (hasPackageStaticDirectory) {
+        await fs_1.default.promises.rm(reactEmailPublicFolder, {
+            recursive: true,
+        });
+    }
+    // Make sure that the "static" folder does not exists in .react-email/emails
+    // since it should only exists in .react-email/public, but the "createEmailPreviews"-function will blindly copy the complete emails folder
+    const reactEmailEmailStaticFolder = path_1.default.join(constants_1.REACT_EMAIL_ROOT, 'emails', 'static');
+    const hasPackageStaticDirectoryInEmails = fs_1.default.existsSync(reactEmailEmailStaticFolder);
+    if (hasPackageStaticDirectoryInEmails) {
+        await fs_1.default.promises.rm(reactEmailEmailStaticFolder, {
+            recursive: true,
+        });
+    }
+    const staticDir = path_1.default.join(emailDir, 'static');
+    const hasStaticDirectory = fs_1.default.existsSync(staticDir);
+    if (hasStaticDirectory) {
+        const result = shelljs_1.default.cp('-r', staticDir, reactEmailPublicFolder);
+        if (result.code > 0) {
+            throw new Error(`Something went wrong while copying the file to ${reactEmailPublicFolder}, ${result.cat()}`);
+        }
+    }
+};

package/dist/source/utils/index.d.ts

@@ -1,6 +1,8 @@
-export * from './check-directory-exist';
-export * from './check-empty-directory';
-export * from './check-is-up-to-date';
 export * from './constants';
-export * from './create-directory';
+export * from './convert-to-absolute-path';
+export * from './download-client';
+export * from './generate-email-preview';
+export * from './install-dependencies';
+export * from './start-server-command';
+export * from './sync-package';
 export * from './watcher';

package/dist/source/utils/index.js

@@ -14,9 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./check-directory-exist"), exports);
-__exportStar(require("./check-empty-directory"), exports);
-__exportStar(require("./check-is-up-to-date"), exports);
 __exportStar(require("./constants"), exports);
-__exportStar(require("./create-directory"), exports);
+__exportStar(require("./convert-to-absolute-path"), exports);
+__exportStar(require("./download-client"), exports);
+__exportStar(require("./generate-email-preview"), exports);
+__exportStar(require("./install-dependencies"), exports);
+__exportStar(require("./start-server-command"), exports);
+__exportStar(require("./sync-package"), exports);
 __exportStar(require("./watcher"), exports);

package/dist/source/utils/install-dependencies.d.ts

@@ -0,0 +1,2 @@
+export type PackageManager = 'yarn' | 'npm' | 'pnpm';
+export declare const installDependencies: (packageManager: PackageManager) => Promise<void>;

package/dist/source/utils/install-dependencies.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installDependencies = void 0;
+const shelljs_1 = __importDefault(require("shelljs"));
+const path_1 = __importDefault(require("path"));
+const constants_1 = require("./constants");
+const ora_1 = __importDefault(require("ora"));
+const log_symbols_1 = __importDefault(require("log-symbols"));
+const installDependencies = async (packageManager) => {
+    const spinner = (0, ora_1.default)('Installing dependencies...\n').start();
+    shelljs_1.default.cd(path_1.default.join(constants_1.REACT_EMAIL_ROOT));
+    shelljs_1.default.exec(`${packageManager} install`);
+    spinner.stopAndPersist({
+        symbol: log_symbols_1.default.success,
+        text: 'Dependencies installed',
+    });
+};
+exports.installDependencies = installDependencies;

package/dist/source/utils/run-server.d.ts

@@ -0,0 +1 @@
+export declare const runServer: (dir: string, port: string) => Promise<void>;

package/dist/source/utils/run-server.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runServer = void 0;
+const watcher_1 = require("./watcher");
+const detect_package_manager_1 = require("detect-package-manager");
+const find_root_1 = require("@manypkg/find-root");
+const _1 = require(".");
+const runServer = async (dir, port) => {
+    const emailDir = (0, _1.convertToAbsolutePath)(dir);
+    const watcherInstance = (0, watcher_1.createWatcherInstance)(emailDir);
+    const cwd = await (0, find_root_1.findRoot)(_1.CURRENT_PATH).catch(() => ({
+        rootDir: _1.CURRENT_PATH,
+    }));
+    const packageManager = await (0, detect_package_manager_1.detect)({
+        cwd: cwd.rootDir,
+    }).catch(() => 'npm');
+    await (0, _1.generateEmailsPreview)(emailDir);
+    await (0, _1.syncPkg)();
+    await (0, _1.installDependencies)(packageManager);
+    (0, _1.startDevServer)(packageManager, port);
+    (0, watcher_1.watcher)(watcherInstance, emailDir);
+};
+exports.runServer = runServer;

package/dist/source/utils/start-server-command.d.ts

@@ -0,0 +1 @@
+export declare const startDevServer: (packageManager: string, port: string) => void;

package/dist/source/utils/start-server-command.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startDevServer = void 0;
+const shelljs_1 = __importDefault(require("shelljs"));
+const startDevServer = (packageManager, port) => {
+    shelljs_1.default.exec(`${packageManager} run dev -p ${port}`, { async: true });
+};
+exports.startDevServer = startDevServer;

package/dist/source/utils/sync-package.d.ts

@@ -0,0 +1 @@
+export declare const syncPkg: () => Promise<void>;

package/dist/source/utils/sync-package.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.syncPkg = void 0;
+const read_pkg_1 = __importDefault(require("read-pkg"));
+const constants_1 = require("./constants");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const syncPkg = async () => {
+    const clientPkg = await (0, read_pkg_1.default)({ cwd: constants_1.REACT_EMAIL_ROOT });
+    const userPkg = await (0, read_pkg_1.default)();
+    const pkg = {
+        ...clientPkg,
+        dependencies: {
+            ...clientPkg.dependencies,
+            ...userPkg.dependencies,
+        },
+    };
+    await fs_1.default.promises.writeFile(path_1.default.join(constants_1.REACT_EMAIL_ROOT, 'package.json'), JSON.stringify(pkg));
+};
+exports.syncPkg = syncPkg;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "1.7.15",
+  "version": "1.8.0-canary.1",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/source/index.js"
@@ -31,11 +31,13 @@
   "dependencies": {
     "@commander-js/extra-typings": "9.4.1",
     "@manypkg/find-root": "2.1.0",
+    "@octokit/rest": "19.0.7",
     "@react-email/render": "0.0.6",
     "chokidar": "3.5.3",
     "commander": "9.4.1",
     "detect-package-manager": "2.0.1",
     "esbuild": "0.16.4",
+    "fs-extra": "11.1.0",
     "glob": "8.0.3",
     "log-symbols": "4.1.0",
     "normalize-path": "3.0.0",
@@ -45,6 +47,7 @@
     "tree-node-cli": "1.6.0"
   },
   "devDependencies": {
+    "@types/fs-extra": "11.0.1",
     "@types/node": "18.11.9",
     "@types/normalize-path": "3.0.0",
     "@types/shelljs": "0.8.11",