react-email
Version:
A live preview of your emails right in your browser.
1,207 lines (1,205 loc) • 132 kB
JavaScript
#!/usr/bin/env node
function _array_like_to_array(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
return arr2;
}
function _array_with_holes(arr) {
if (Array.isArray(arr)) return arr;
}
function _array_without_holes(arr) {
if (Array.isArray(arr)) return _array_like_to_array(arr);
}
function _async_iterator(iterable) {
var method, async, sync, retry = 2;
for("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;){
if (async && null != (method = iterable[async])) return method.call(iterable);
if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable));
async = "@@asyncIterator", sync = "@@iterator";
}
throw new TypeError("Object is not async iterable");
}
function AsyncFromSyncIterator(s) {
function AsyncFromSyncIteratorContinuation(r) {
if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object."));
var done = r.done;
return Promise.resolve(r.value).then(function(value) {
return {
value: value,
done: done
};
});
}
return AsyncFromSyncIterator = function(s) {
this.s = s, this.n = s.next;
}, AsyncFromSyncIterator.prototype = {
s: null,
n: null,
next: function() {
return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
},
return: function(value) {
var ret = this.s.return;
return void 0 === ret ? Promise.resolve({
value: value,
done: !0
}) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments));
},
throw: function(value) {
var thr = this.s.return;
return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments));
}
}, new AsyncFromSyncIterator(s);
}
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _async_to_generator(fn) {
return function() {
var self = this, args = arguments;
return new Promise(function(resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
function _define_property(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _iterable_to_array(iter) {
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _iterable_to_array_limit(arr, i) {
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
if (_i == null) return;
var _arr = [];
var _n = true;
var _d = false;
var _s, _e;
try {
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally{
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally{
if (_d) throw _e;
}
}
return _arr;
}
function _non_iterable_rest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _non_iterable_spread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _object_spread(target) {
for(var i = 1; i < arguments.length; i++){
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === "function") {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function(key) {
_define_property(target, key, source[key]);
});
}
return target;
}
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) {
symbols = symbols.filter(function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
}
keys.push.apply(keys, symbols);
}
return keys;
}
function _object_spread_props(target, source) {
source = source != null ? source : {};
if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(Object(source)).forEach(function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
function _sliced_to_array(arr, i) {
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
}
function _to_consumable_array(arr) {
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
}
function _unsupported_iterable_to_array(o, minLen) {
if (!o) return;
if (typeof o === "string") return _array_like_to_array(o, minLen);
var n = Object.prototype.toString.call(o).slice(8, -1);
if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(n);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
}
function _ts_generator(thisArg, body) {
var f, y, t, g, _ = {
label: 0,
sent: function() {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
};
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
return this;
}), g;
function verb(n) {
return function(v) {
return step([
n,
v
]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while(_)try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [
op[0] & 2,
t.value
];
switch(op[0]){
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [
0
];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [
6,
e
];
y = 0;
} finally{
f = t = 0;
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
}
function _ts_values(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function() {
if (o && i >= o.length) o = void 0;
return {
value: o && o[i++],
done: !o
};
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
}
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = function(to, from, except, desc) {
if (from && typeof from === "object" || typeof from === "function") {
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
try {
var _loop = function() {
var key = _step.value;
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: function() {
return from[key];
},
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
};
for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally{
try {
if (!_iteratorNormalCompletion && _iterator.return != null) {
_iterator.return();
}
} finally{
if (_didIteratorError) {
throw _iteratorError;
}
}
}
}
return to;
};
var __toESM = function(mod, isNodeMode, target) {
return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: true
}) : target, mod);
};
// src/cli/index.ts
var import_commander = require("commander");
// package.json
var package_default = {
name: "react-email",
version: "3.0.7",
description: "A live preview of your emails right in your browser.",
bin: {
email: "./dist/cli/index.js"
},
scripts: {
build: "tsup-node && node build-preview-server.mjs",
dev: "tsup-node --watch",
test: "vitest run",
"test:watch": "vitest",
clean: "rm -rf dist"
},
license: "MIT",
repository: {
type: "git",
url: "https://github.com/resend/react-email.git",
directory: "packages/react-email"
},
keywords: [
"react",
"email"
],
engines: {
node: ">=18.0.0"
},
dependencies: {
"@babel/core": "7.24.5",
"@babel/parser": "7.24.5",
chalk: "4.1.2",
chokidar: "4.0.3",
commander: "11.1.0",
debounce: "2.0.0",
esbuild: "0.23.0",
glob: "10.3.4",
"log-symbols": "4.1.0",
"mime-types": "2.1.35",
next: "15.1.2",
"normalize-path": "3.0.0",
ora: "5.4.1",
"socket.io": "4.8.1"
},
devDependencies: {
"@radix-ui/colors": "1.0.1",
"@radix-ui/react-collapsible": "1.1.0",
"@radix-ui/react-popover": "1.1.1",
"@radix-ui/react-slot": "1.1.0",
"@radix-ui/react-toggle-group": "1.1.0",
"@radix-ui/react-tooltip": "1.1.2",
"@react-email/render": "workspace:*",
"@swc/core": "1.4.15",
"@types/babel__core": "7.20.5",
"@types/fs-extra": "11.0.1",
"@types/mime-types": "2.1.4",
"@types/node": "22.10.2",
"@types/normalize-path": "3.0.2",
"@types/react": "^19",
"@types/react-dom": "^19",
"@types/webpack": "5.28.5",
"@vercel/style-guide": "5.1.0",
autoprefixer: "10.4.20",
clsx: "2.1.0",
"framer-motion": "12.0.0-alpha.2",
postcss: "8.4.40",
"prism-react-renderer": "2.1.0",
"module-punycode": "npm:punycode@2.3.1",
react: "^19",
"react-dom": "^19",
sharp: "0.33.3",
"socket.io-client": "4.8.0",
sonner: "1.7.1",
"source-map-js": "1.0.2",
"stacktrace-parser": "0.1.10",
"tailwind-merge": "2.2.0",
tailwindcss: "3.4.0",
tsup: "7.2.0",
tsx: "4.9.0",
typescript: "5.1.6",
vitest: "1.1.3"
}
};
// src/cli/commands/build.ts
var import_node_child_process = require("child_process");
var import_node_fs5 = __toESM(require("fs"));
var import_node_path8 = __toESM(require("path"));
var import_log_symbols3 = __toESM(require("log-symbols"));
var import_ora2 = __toESM(require("ora"));
// src/utils/get-emails-directory-metadata.ts
var import_node_fs = __toESM(require("fs"));
var import_node_path = __toESM(require("path"));
var isFileAnEmail = function(fullPath) {
var stat = import_node_fs.default.statSync(fullPath);
if (stat.isDirectory()) return false;
var ext = import_node_path.default.parse(fullPath).ext;
if (![
".js",
".tsx",
".jsx"
].includes(ext)) return false;
if (!import_node_fs.default.existsSync(fullPath)) {
return false;
}
var fileContents = import_node_fs.default.readFileSync(fullPath, "utf8");
return /\bexport\s+default\b/gm.test(fileContents);
};
var mergeDirectoriesWithSubDirectories = function(emailsDirectoryMetadata) {
var currentResultingMergedDirectory = emailsDirectoryMetadata;
while(currentResultingMergedDirectory.emailFilenames.length === 0 && currentResultingMergedDirectory.subDirectories.length === 1){
var onlySubDirectory = currentResultingMergedDirectory.subDirectories[0];
currentResultingMergedDirectory = _object_spread_props(_object_spread({}, onlySubDirectory), {
directoryName: import_node_path.default.join(currentResultingMergedDirectory.directoryName, onlySubDirectory.directoryName)
});
}
return currentResultingMergedDirectory;
};
var getEmailsDirectoryMetadata = function() {
var _ref = _async_to_generator(function(absolutePathToEmailsDirectory) {
var keepFileExtensions, isSubDirectory, baseDirectoryPath, dirents, emailFilenames, subDirectories, emailsMetadata;
var _arguments = arguments;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
keepFileExtensions = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : false, isSubDirectory = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : false, baseDirectoryPath = _arguments.length > 3 && _arguments[3] !== void 0 ? _arguments[3] : absolutePathToEmailsDirectory;
if (!import_node_fs.default.existsSync(absolutePathToEmailsDirectory)) return [
2
];
return [
4,
import_node_fs.default.promises.readdir(absolutePathToEmailsDirectory, {
withFileTypes: true
})
];
case 1:
dirents = _state.sent();
emailFilenames = dirents.filter(function(dirent) {
return isFileAnEmail(import_node_path.default.join(absolutePathToEmailsDirectory, dirent.name));
}).map(function(dirent) {
return keepFileExtensions ? dirent.name : dirent.name.replace(import_node_path.default.extname(dirent.name), "");
});
return [
4,
Promise.all(dirents.filter(function(dirent) {
return dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static";
}).map(function(dirent) {
var direntAbsolutePath = import_node_path.default.join(absolutePathToEmailsDirectory, dirent.name);
return getEmailsDirectoryMetadata(direntAbsolutePath, keepFileExtensions, true, baseDirectoryPath);
}))
];
case 2:
subDirectories = _state.sent();
emailsMetadata = {
absolutePath: absolutePathToEmailsDirectory,
relativePath: import_node_path.default.relative(baseDirectoryPath, absolutePathToEmailsDirectory),
directoryName: absolutePathToEmailsDirectory.split(import_node_path.default.sep).pop(),
emailFilenames: emailFilenames,
subDirectories: subDirectories
};
return [
2,
isSubDirectory ? mergeDirectoriesWithSubDirectories(emailsMetadata) : emailsMetadata
];
}
});
});
return function getEmailsDirectoryMetadata(absolutePathToEmailsDirectory) {
return _ref.apply(this, arguments);
};
}();
// src/utils/register-spinner-autostopping.ts
var import_log_symbols = __toESM(require("log-symbols"));
var spinners = /* @__PURE__ */ new Set();
process.on("SIGINT", function() {
spinners.forEach(function(spinner) {
if (spinner.isSpinning) {
spinner.stop();
}
});
});
process.on("exit", function(code) {
if (code !== 0) {
spinners.forEach(function(spinner) {
if (spinner.isSpinning) {
spinner.stopAndPersist({
symbol: import_log_symbols.default.error
});
}
});
}
});
var registerSpinnerAutostopping = function(spinner) {
spinners.add(spinner);
};
// src/cli/utils/tree.ts
var import_node_fs2 = require("fs");
var import_node_os = __toESM(require("os"));
var import_node_path2 = __toESM(require("path"));
var SYMBOLS = {
BRANCH: "├── ",
EMPTY: "",
INDENT: " ",
LAST_BRANCH: "└── ",
VERTICAL: "│ "
};
var getTreeLines = function() {
var _ref = _async_to_generator(function(dirPath, depth) {
var currentDepth, base, dirFullpath, dirname, lines, dirStat, _loop, childDirents, i;
var _arguments = arguments;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
currentDepth = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : 0;
base = process.cwd();
dirFullpath = import_node_path2.default.resolve(base, dirPath);
dirname = import_node_path2.default.basename(dirFullpath);
lines = [
dirname
];
return [
4,
import_node_fs2.promises.stat(dirFullpath)
];
case 1:
dirStat = _state.sent();
if (!(dirStat.isDirectory() && currentDepth < depth)) return [
3,
6
];
_loop = function(i) {
var dirent, isLast, branchingSymbol, verticalSymbol, pathToDirectory, treeLinesForSubDirectory;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
dirent = childDirents[i];
isLast = i === childDirents.length - 1;
branchingSymbol = isLast ? SYMBOLS.LAST_BRANCH : SYMBOLS.BRANCH;
verticalSymbol = isLast ? SYMBOLS.INDENT : SYMBOLS.VERTICAL;
if (!dirent.isFile()) return [
3,
1
];
lines.push("".concat(branchingSymbol).concat(dirent.name));
return [
3,
3
];
case 1:
pathToDirectory = import_node_path2.default.join(dirFullpath, dirent.name);
return [
4,
getTreeLines(pathToDirectory, depth, currentDepth + 1)
];
case 2:
treeLinesForSubDirectory = _state.sent();
lines = lines.concat(treeLinesForSubDirectory.map(function(line, index) {
return index === 0 ? "".concat(branchingSymbol).concat(line) : "".concat(verticalSymbol).concat(line);
}));
_state.label = 3;
case 3:
return [
2
];
}
});
};
return [
4,
import_node_fs2.promises.readdir(dirFullpath, {
withFileTypes: true
})
];
case 2:
childDirents = _state.sent();
childDirents.sort(function(a, b) {
if (a.isDirectory() && b.isFile()) {
return -1;
}
if (a.isFile() && b.isDirectory()) {
return 1;
}
return b.name > a.name ? -1 : 1;
});
i = 0;
_state.label = 3;
case 3:
if (!(i < childDirents.length)) return [
3,
6
];
return [
5,
_ts_values(_loop(i))
];
case 4:
_state.sent();
_state.label = 5;
case 5:
i++;
return [
3,
3
];
case 6:
return [
2,
lines
];
}
});
});
return function getTreeLines(dirPath, depth) {
return _ref.apply(this, arguments);
};
}();
var tree = function() {
var _ref = _async_to_generator(function(dirPath, depth) {
var lines;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
return [
4,
getTreeLines(dirPath, depth)
];
case 1:
lines = _state.sent();
return [
2,
lines.join(import_node_os.default.EOL)
];
}
});
});
return function tree(dirPath, depth) {
return _ref.apply(this, arguments);
};
}();
// src/cli/utils/preview/hot-reloading/setup-hot-reloading.ts
var import_node_path7 = __toESM(require("path"));
var import_chokidar = require("chokidar");
var import_debounce = __toESM(require("debounce"));
var import_socket = require("socket.io");
// src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
var import_node_fs4 = require("fs");
var import_node_path6 = __toESM(require("path"));
// src/cli/utils/preview/start-dev-server.ts
var import_node_http = __toESM(require("http"));
var import_node_path5 = __toESM(require("path"));
var import_node_url = __toESM(require("url"));
var import_chalk = __toESM(require("chalk"));
var import_log_symbols2 = __toESM(require("log-symbols"));
var import_next = __toESM(require("next"));
var import_ora = __toESM(require("ora"));
// src/cli/utils/preview/get-env-variables-for-preview-app.ts
var import_node_path3 = __toESM(require("path"));
var getEnvVariablesForPreviewApp = function(relativePathToEmailsDirectory, cwd) {
return {
EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
EMAILS_DIR_ABSOLUTE_PATH: import_node_path3.default.resolve(cwd, relativePathToEmailsDirectory),
USER_PROJECT_LOCATION: cwd
};
};
// src/cli/utils/preview/serve-static-file.ts
var import_node_fs3 = require("fs");
var import_node_path4 = __toESM(require("path"));
var import_mime_types = require("mime-types");
var serveStaticFile = function() {
var _ref = _async_to_generator(function(res, parsedUrl, staticDirRelativePath) {
var staticBaseDir, pathname, ext, fileAbsolutePath, fileHandle, fileData, exception;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
staticBaseDir = import_node_path4.default.join(process.cwd(), staticDirRelativePath);
pathname = parsedUrl.pathname;
ext = import_node_path4.default.parse(pathname).ext;
fileAbsolutePath = import_node_path4.default.join(staticBaseDir, pathname);
return [
4,
import_node_fs3.promises.open(fileAbsolutePath, "r")
];
case 1:
fileHandle = _state.sent();
_state.label = 2;
case 2:
_state.trys.push([
2,
4,
5,
6
]);
return [
4,
import_node_fs3.promises.readFile(fileHandle)
];
case 3:
fileData = _state.sent();
res.setHeader("Content-type", (0, import_mime_types.lookup)(ext) || "text/plain");
res.end(fileData);
return [
3,
6
];
case 4:
exception = _state.sent();
console.error("Could not read file at ".concat(fileAbsolutePath, " to be served, here's the exception:"), exception);
res.statusCode = 500;
res.end("Could not read file to be served! Check your terminal for more information.");
return [
3,
6
];
case 5:
fileHandle.close();
return [
7
];
case 6:
return [
2
];
}
});
});
return function serveStaticFile(res, parsedUrl, staticDirRelativePath) {
return _ref.apply(this, arguments);
};
}();
// src/cli/utils/preview/start-dev-server.ts
var devServer;
var safeAsyncServerListen = function(server, port) {
return new Promise(function(resolve) {
server.listen(port, function() {
resolve({
portAlreadyInUse: false
});
});
server.on("error", function(e) {
if (e.code === "EADDRINUSE") {
resolve({
portAlreadyInUse: true
});
}
});
});
};
var isDev = !__filename.endsWith(import_node_path5.default.join("cli", "index.js"));
var cliPacakgeLocation = isDev ? import_node_path5.default.resolve(__dirname, "../../../..") : import_node_path5.default.resolve(__dirname, "../..");
var previewServerLocation = isDev ? import_node_path5.default.resolve(__dirname, "../../../..") : import_node_path5.default.resolve(__dirname, "../preview");
var startDevServer = function() {
var _ref = _async_to_generator(function(emailsDirRelativePath, staticBaseDirRelativePath, port) {
var portAlreadyInUse, nextPortToTry, spinner, timeBeforeNextReady, app, isNextReady, nextReadyPromise, nextHandleRequest, secondsToNextReady;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
devServer = import_node_http.default.createServer(function(req, res) {
if (!req.url) {
res.end(404);
return;
}
var parsedUrl = import_node_url.default.parse(req.url, true);
res.setHeader("Cache-Control", "no-cache, max-age=0, must-revalidate, no-store");
res.setHeader("Pragma", "no-cache");
res.setHeader("Expires", "-1");
try {
var _parsedUrl_path;
if (((_parsedUrl_path = parsedUrl.path) === null || _parsedUrl_path === void 0 ? void 0 : _parsedUrl_path.includes("static/")) && !parsedUrl.path.includes("_next/static/")) {
void serveStaticFile(res, parsedUrl, staticBaseDirRelativePath);
} else if (!isNextReady) {
void nextReadyPromise.then(function() {
return nextHandleRequest === null || nextHandleRequest === void 0 ? void 0 : nextHandleRequest(req, res, parsedUrl);
});
} else {
void (nextHandleRequest === null || nextHandleRequest === void 0 ? void 0 : nextHandleRequest(req, res, parsedUrl));
}
} catch (e) {
console.error("caught error", e);
res.writeHead(500);
res.end();
}
});
return [
4,
safeAsyncServerListen(devServer, port)
];
case 1:
portAlreadyInUse = _state.sent().portAlreadyInUse;
if (!portAlreadyInUse) {
console.log(import_chalk.default.greenBright(" React Email ".concat(package_default.version)));
console.log(" Running preview at: http://localhost:".concat(port, "\n"));
} else {
nextPortToTry = port + 1;
console.warn(" ".concat(import_log_symbols2.default.warning, " Port ").concat(port, " is already in use, trying ").concat(nextPortToTry));
return [
2,
startDevServer(emailsDirRelativePath, staticBaseDirRelativePath, nextPortToTry)
];
}
devServer.on("close", /*#__PURE__*/ _async_to_generator(function() {
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
return [
4,
app.close()
];
case 1:
_state.sent();
return [
2
];
}
});
}));
devServer.on("error", function(e) {
console.error(" ".concat(import_log_symbols2.default.error, " preview server error: "), JSON.stringify(e));
process.exit(1);
});
spinner = (0, import_ora.default)({
text: "Getting react-email preview server ready...\n",
prefixText: " "
}).start();
registerSpinnerAutostopping(spinner);
timeBeforeNextReady = performance.now();
process.env = _object_spread({
NODE_ENV: "development"
}, process.env, getEnvVariablesForPreviewApp(// If we don't do normalization here, stuff like https://github.com/resend/react-email/issues/1354 happens.
import_node_path5.default.normalize(emailsDirRelativePath), process.cwd()));
app = (0, import_next.default)({
// passing in env here does not get the environment variables there
dev: isDev,
conf: {
images: {
// This is to avoid the warning with sharp
unoptimized: true
}
},
hostname: "localhost",
port: port,
dir: previewServerLocation
});
isNextReady = false;
nextReadyPromise = app.prepare();
return [
4,
nextReadyPromise
];
case 2:
_state.sent();
isNextReady = true;
nextHandleRequest = app.getRequestHandler();
secondsToNextReady = ((performance.now() - timeBeforeNextReady) / 1e3).toFixed(1);
spinner.stopAndPersist({
text: "Ready in ".concat(secondsToNextReady, "s\n"),
symbol: import_log_symbols2.default.success
});
return [
2,
devServer
];
}
});
});
return function startDevServer(emailsDirRelativePath, staticBaseDirRelativePath, port) {
return _ref.apply(this, arguments);
};
}();
var makeExitHandler = function(options) {
return function(_codeOrSignal) {
if (typeof devServer !== "undefined") {
console.log("\nshutting down dev server");
devServer.close();
devServer = void 0;
}
if (options === null || options === void 0 ? void 0 : options.shouldKillProcess) {
process.exit(options.killWithErrorCode ? 1 : 0);
}
};
};
process.on("exit", makeExitHandler());
process.on("SIGINT", makeExitHandler({
shouldKillProcess: true,
killWithErrorCode: false
}));
process.on("SIGUSR1", makeExitHandler({
shouldKillProcess: true,
killWithErrorCode: false
}));
process.on("SIGUSR2", makeExitHandler({
shouldKillProcess: true,
killWithErrorCode: false
}));
process.on("uncaughtException", makeExitHandler({
shouldKillProcess: true,
killWithErrorCode: true
}));
// src/cli/utils/preview/hot-reloading/get-imported-modules.ts
var import_core = require("@babel/core");
var import_parser = require("@babel/parser");
var getImportedModules = function(contents) {
var importedPaths = [];
var parsedContents = (0, import_parser.parse)(contents, {
sourceType: "unambiguous",
strictMode: false,
errorRecovery: true,
plugins: [
"jsx",
"typescript",
"decorators"
]
});
(0, import_core.traverse)(parsedContents, {
ImportDeclaration: function ImportDeclaration(param) {
var node = param.node;
importedPaths.push(node.source.value);
},
ExportAllDeclaration: function ExportAllDeclaration(param) {
var node = param.node;
importedPaths.push(node.source.value);
},
ExportNamedDeclaration: function ExportNamedDeclaration(param) {
var node = param.node;
if (node.source) {
importedPaths.push(node.source.value);
}
},
CallExpression: function CallExpression(param) {
var node = param.node;
if ("name" in node.callee && node.callee.name === "require") {
if (node.arguments.length === 1) {
var importPathNode = node.arguments[0];
if (importPathNode.type === "StringLiteral") {
importedPaths.push(importPathNode.value);
}
}
}
}
});
return importedPaths;
};
// src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
var readAllFilesInsideDirectory = function() {
var _ref = _async_to_generator(function(directory) {
var allFilePaths, topLevelDirents, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, _value, dirent, pathToDirent, _, err;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
allFilePaths = [];
return [
4,
import_node_fs4.promises.readdir(directory, {
withFileTypes: true
})
];
case 1:
topLevelDirents = _state.sent();
_iteratorAbruptCompletion = false, _didIteratorError = false;
_state.label = 2;
case 2:
_state.trys.push([
2,
9,
10,
15
]);
_iterator = _async_iterator(topLevelDirents);
_state.label = 3;
case 3:
return [
4,
_iterator.next()
];
case 4:
if (!(_iteratorAbruptCompletion = !(_step = _state.sent()).done)) return [
3,
8
];
_value = _step.value;
dirent = _value;
pathToDirent = import_node_path6.default.join(directory, dirent.name);
if (!dirent.isDirectory()) return [
3,
6
];
_ = allFilePaths.concat;
return [
4,
readAllFilesInsideDirectory(pathToDirent)
];
case 5:
allFilePaths = _.apply(allFilePaths, [
_state.sent()
]);
return [
3,
7
];
case 6:
allFilePaths.push(pathToDirent);
_state.label = 7;
case 7:
_iteratorAbruptCompletion = false;
return [
3,
3
];
case 8:
return [
3,
15
];
case 9:
err = _state.sent();
_didIteratorError = true;
_iteratorError = err;
return [
3,
15
];
case 10:
_state.trys.push([
10,
,
13,
14
]);
if (!(_iteratorAbruptCompletion && _iterator.return != null)) return [
3,
12
];
return [
4,
_iterator.return()
];
case 11:
_state.sent();
_state.label = 12;
case 12:
return [
3,
14
];
case 13:
if (_didIteratorError) {
throw _iteratorError;
}
return [
7
];
case 14:
return [
7
];
case 15:
return [
2,
allFilePaths
];
}
});
});
return function readAllFilesInsideDirectory(directory) {
return _ref.apply(this, arguments);
};
}();
var isJavascriptModule = function(filePath) {
var extensionName = import_node_path6.default.extname(filePath);
return [
".js",
".ts",
".jsx",
".tsx",
".mjs",
".cjs"
].includes(extensionName);
};
var checkFileExtensionsUntilItExists = function(pathWithoutExtension) {
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".ts"))) {
return "".concat(pathWithoutExtension, ".ts");
}
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".tsx"))) {
return "".concat(pathWithoutExtension, ".tsx");
}
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".js"))) {
return "".concat(pathWithoutExtension, ".js");
}
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".jsx"))) {
return "".concat(pathWithoutExtension, ".jsx");
}
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".mjs"))) {
return "".concat(pathWithoutExtension, ".mjs");
}
if ((0, import_node_fs4.existsSync)("".concat(pathWithoutExtension, ".cjs"))) {
return "".concat(pathWithoutExtension, ".cjs");
}
};
var createDependencyGraph = function() {
var _ref = _async_to_generator(function(directory) {
var filePaths, modulePaths, graph, getDependencyPaths, updateModuleDependenciesInGraph, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, filePath, err, removeModuleFromGraph;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
return [
4,
readAllFilesInsideDirectory(directory)
];
case 1:
filePaths = _state.sent();
modulePaths = filePaths.filter(isJavascriptModule);
graph = Object.fromEntries(modulePaths.map(function(path12) {
return [
path12,
{
path: path12,
dependencyPaths: [],
dependentPaths: [],
moduleDependencies: []
}
];
}));
getDependencyPaths = function() {
var _ref = _async_to_generator(function(filePath) {
var contents, importedPaths, importedPathsRelativeToDirectory, moduleDependencies, nonNodeModuleImportPathsRelativeToDirectory;
return _ts_generator(this, function(_state) {
switch(_state.label){
case 0:
return [
4,
import_node_fs4.promises.readFile(filePath, "utf8")
];
case 1:
contents = _state.sent();
importedPaths = getImportedModules(contents);
importedPathsRelativeToDirectory = importedPaths.map(function(dependencyPath) {
var isModulePath = !dependencyPath.startsWith(".");
if (isModulePath || import_node_path6.default.isAbsolute(dependencyPath)) {
return dependencyPath;
}
var pathToDependencyFromDirectory = import_node_path6.default.resolve(/*
path.resolve resolves paths differently from what imports on javascript do.
So if we wouldn't do this, for an email at "/path/to/email.tsx" with a dependecy path of "./other-email"
would end up going into /path/to/email.tsx/other-email instead of /path/to/other-email which is the
one the import is meant to go to
*/ import_node_path6.default.dirname(filePath), dependencyPath);
var isDirectory = false;
try {
isDirectory = (0, import_node_fs4.statSync)(pathToDependencyFromDirectory).isDirectory();
} catch (_) {}
if (isDirectory) {
var pathToSubDirectory = pathToDependencyFromDirectory;
var pathWithExtension = checkFileExtensionsUntilItExists("".concat(pathToSubDirectory, "/index"));
if (pathWithExtension) {
pathToDependencyFromDirectory = pathWithExtension;
} else if (isDev) {
console.warn("Could not find index file for directory at ".concat(pathToDependencyFromDirectory, ". This is probably going to cause issues with both hot reloading and your code."));
}
}
if (!isJavascriptModule(pathToDependencyFromDirectory)) {
var pathWithExtension1 = checkFileExtensionsUntilItExists(pathToDependencyFromDirectory);
if (pathWithExtension1) {
pathToDependencyFromDirectory = pathWithExtension1;
} else if (isDev) {
console.warn("Could not determine the file extension for the file at ".concat(pathToDependencyFromDirectory));
}
}
return pathToDependencyFromDirectory;