react-email 1.10.1-canary.8 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/.eslintrc.js +1 -46
  2. package/dist/package.json +53 -0
  3. package/dist/source/commands/dev.d.ts +8 -0
  4. package/dist/source/commands/dev.d.ts.map +1 -0
  5. package/dist/source/commands/dev.js +80 -0
  6. package/dist/source/commands/export.d.ts +3 -0
  7. package/dist/source/commands/export.d.ts.map +1 -0
  8. package/dist/source/commands/export.js +174 -0
  9. package/dist/source/commands/preview.d.ts +10 -0
  10. package/dist/source/commands/preview.d.ts.map +1 -0
  11. package/dist/source/commands/preview.js +108 -0
  12. package/dist/source/index.d.ts +3 -0
  13. package/dist/source/index.d.ts.map +1 -0
  14. package/dist/source/index.js +46 -0
  15. package/dist/source/utils/close-ora-on-sigint.d.ts +3 -0
  16. package/dist/source/utils/close-ora-on-sigint.d.ts.map +1 -0
  17. package/dist/source/utils/close-ora-on-sigint.js +9 -0
  18. package/dist/source/utils/constants.d.ts +10 -0
  19. package/dist/source/utils/constants.d.ts.map +1 -0
  20. package/dist/source/utils/constants.js +21 -0
  21. package/dist/source/utils/convert-to-absolute-path.d.ts +2 -0
  22. package/dist/source/utils/convert-to-absolute-path.d.ts.map +1 -0
  23. package/dist/source/utils/convert-to-absolute-path.js +11 -0
  24. package/dist/source/utils/download-client.d.ts +2 -0
  25. package/dist/source/utils/download-client.d.ts.map +1 -0
  26. package/dist/source/utils/download-client.js +71 -0
  27. package/dist/source/utils/generate-email-preview.d.ts +2 -0
  28. package/dist/source/utils/generate-email-preview.d.ts.map +1 -0
  29. package/dist/source/utils/generate-email-preview.js +150 -0
  30. package/dist/source/utils/index.d.ts +9 -0
  31. package/dist/source/utils/index.d.ts.map +1 -0
  32. package/dist/source/utils/index.js +24 -0
  33. package/dist/source/utils/install-dependencies.d.ts +3 -0
  34. package/dist/source/utils/install-dependencies.d.ts.map +1 -0
  35. package/dist/source/utils/install-dependencies.js +23 -0
  36. package/dist/source/utils/run-server.d.ts +9 -0
  37. package/dist/source/utils/run-server.d.ts.map +1 -0
  38. package/dist/source/utils/run-server.js +102 -0
  39. package/dist/source/utils/start-server-command.d.ts +4 -0
  40. package/dist/source/utils/start-server-command.d.ts.map +1 -0
  41. package/dist/source/utils/start-server-command.js +54 -0
  42. package/dist/source/utils/sync-package.d.ts +2 -0
  43. package/dist/source/utils/sync-package.d.ts.map +1 -0
  44. package/dist/source/utils/sync-package.js +76 -0
  45. package/dist/source/utils/tree.d.ts +2 -0
  46. package/dist/source/utils/tree.d.ts.map +1 -0
  47. package/dist/source/utils/tree.js +58 -0
  48. package/dist/source/utils/watcher.d.ts +4 -0
  49. package/dist/source/utils/watcher.d.ts.map +1 -0
  50. package/dist/source/utils/watcher.js +53 -0
  51. package/package.json +16 -46
  52. package/readme.md +1 -1
  53. package/source/commands/dev.ts +30 -0
  54. package/source/commands/export.ts +111 -0
  55. package/source/commands/preview.ts +44 -0
  56. package/source/index.ts +46 -0
  57. package/source/utils/close-ora-on-sigint.ts +7 -0
  58. package/source/utils/constants.ts +25 -0
  59. package/source/utils/convert-to-absolute-path.ts +4 -0
  60. package/source/utils/download-client.ts +28 -0
  61. package/source/utils/generate-email-preview.ts +125 -0
  62. package/source/utils/index.ts +8 -0
  63. package/source/utils/install-dependencies.ts +20 -0
  64. package/source/utils/run-server.ts +61 -0
  65. package/source/utils/start-server-command.ts +58 -0
  66. package/source/utils/sync-package.ts +20 -0
  67. package/source/utils/tree.ts +10 -0
  68. package/source/utils/watcher.ts +64 -0
  69. package/tsconfig.json +4 -30
  70. package/cli/index.d.mts +0 -1
  71. package/cli/index.d.ts +0 -1
  72. package/cli/index.js +0 -1288
  73. package/cli/index.mjs +0 -746
  74. package/next-env.d.ts +0 -5
  75. package/next.config.js +0 -22
  76. package/postcss.config.js +0 -8
  77. package/public/next.svg +0 -1
  78. package/public/vercel.svg +0 -1
  79. package/src/app/favicon.ico +0 -0
  80. package/src/app/globals.css +0 -27
  81. package/src/app/home.tsx +0 -29
  82. package/src/app/inter.ts +0 -6
  83. package/src/app/layout.tsx +0 -17
  84. package/src/app/page.tsx +0 -19
  85. package/src/app/preview/[slug]/page.tsx +0 -44
  86. package/src/app/preview/[slug]/preview.tsx +0 -118
  87. package/src/components/button.tsx +0 -90
  88. package/src/components/code-container.tsx +0 -143
  89. package/src/components/code.tsx +0 -112
  90. package/src/components/heading.tsx +0 -113
  91. package/src/components/icons/icon-arrow-down.tsx +0 -13
  92. package/src/components/icons/icon-base.tsx +0 -24
  93. package/src/components/icons/icon-button.tsx +0 -23
  94. package/src/components/icons/icon-check.tsx +0 -19
  95. package/src/components/icons/icon-clipboard.tsx +0 -40
  96. package/src/components/icons/icon-download.tsx +0 -19
  97. package/src/components/icons/icon-file.tsx +0 -28
  98. package/src/components/icons/icon-folder.tsx +0 -26
  99. package/src/components/index.ts +0 -7
  100. package/src/components/logo.tsx +0 -73
  101. package/src/components/send.tsx +0 -125
  102. package/src/components/shell.tsx +0 -96
  103. package/src/components/sidebar/index.ts +0 -1
  104. package/src/components/sidebar/sidebar-directory-children.tsx +0 -101
  105. package/src/components/sidebar/sidebar-directory.tsx +0 -83
  106. package/src/components/sidebar/sidebar.tsx +0 -68
  107. package/src/components/text.tsx +0 -99
  108. package/src/components/tooltip-content.tsx +0 -32
  109. package/src/components/tooltip.tsx +0 -19
  110. package/src/components/topbar.tsx +0 -112
  111. package/src/utils/actions/get-emails-directory-metadata.ts +0 -94
  112. package/src/utils/actions/render-email-by-slug.tsx +0 -27
  113. package/src/utils/cn.ts +0 -6
  114. package/src/utils/copy-text-to-clipboard.ts +0 -7
  115. package/src/utils/emails-directory-absolute-path.ts +0 -36
  116. package/src/utils/get-email-component.ts +0 -60
  117. package/src/utils/hooks/use-hot-reload.ts +0 -31
  118. package/src/utils/index.ts +0 -5
  119. package/src/utils/language-map.ts +0 -7
  120. package/src/utils/types/as.ts +0 -26
  121. package/src/utils/types/email-template.ts +0 -8
  122. package/src/utils/types/hot-reload-change.ts +0 -6
  123. package/src/utils/types/hot-reload-event.ts +0 -6
  124. package/src/utils/unreachable.ts +0 -8
  125. package/tailwind.config.ts +0 -94
package/.eslintrc.js CHANGED
@@ -1,51 +1,6 @@
1
- const { resolve } = require('node:path');
2
-
3
- const project = resolve(process.cwd(), './tsconfig.json');
4
-
5
- /** @type {import('eslint').ESLint.ConfigData} */
6
1
  module.exports = {
7
- extends: [
8
- "@vercel/style-guide/eslint/node",
9
- "@vercel/style-guide/eslint/browser",
10
- "@vercel/style-guide/eslint/typescript",
11
- "@vercel/style-guide/eslint/react",
12
- "@vercel/style-guide/eslint/next",
13
- "eslint-config-turbo",
14
- ]
15
- .map(require.resolve)
16
- .concat(["eslint-config-prettier"]),
17
- parserOptions: {
18
- project,
19
- },
20
- globals: {
21
- React: true,
22
- JSX: true,
23
- },
24
- settings: {
25
- "import/resolver": {
26
- typescript: {
27
- project,
28
- },
29
- },
30
- },
31
- ignorePatterns: ['cli/', 'cli/index.mjs', "node_modules/", "dist/"],
2
+ extends: ['custom/react-internal'],
32
3
  rules: {
33
- "@next/next/no-img-element": "off",
34
- "@typescript-eslint/explicit-function-return-type": "off",
35
- "import/no-default-export": "off",
36
- "jsx-a11y/no-autofocus": "off",
37
- "no-alert": "off",
38
- "react/no-array-index-key": "off",
39
- "react/function-component-definition": [
40
- 2,
41
- {
42
- namedComponents: "arrow-function",
43
- unnamedComponents: "arrow-function",
44
- },
45
- ],
46
- 'import/no-cycle': 'off',
47
- 'import/no-extraneous-dependencies': 'off',
48
- 'turbo/no-undeclared-env-vars': 'off',
49
4
  'eslint-comments/require-description': 'off',
50
5
  'no-console': 'off',
51
6
  },
@@ -0,0 +1,53 @@
1
+ {
2
+ "name": "react-email",
3
+ "version": "1.10.1",
4
+ "description": "A live preview of your emails right in your browser.",
5
+ "bin": {
6
+ "email": "./dist/source/index.js"
7
+ },
8
+ "types": "./dist/source/index.d.ts",
9
+ "scripts": {
10
+ "build": "tsc -p ./tsconfig.json",
11
+ "clean": "rm -rf dist",
12
+ "lint": "eslint ."
13
+ },
14
+ "license": "MIT",
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "https://github.com/resend/react-email.git",
18
+ "directory": "packages/react-email"
19
+ },
20
+ "keywords": [
21
+ "react",
22
+ "email"
23
+ ],
24
+ "engines": {
25
+ "node": ">=18.0.0"
26
+ },
27
+ "dependencies": {
28
+ "@commander-js/extra-typings": "9.4.1",
29
+ "@manypkg/find-root": "2.2.1",
30
+ "@octokit/rest": "19.0.7",
31
+ "@react-email/render": "0.0.11",
32
+ "chokidar": "3.5.3",
33
+ "commander": "9.4.1",
34
+ "detect-package-manager": "2.0.1",
35
+ "esbuild": "0.16.4",
36
+ "fs-extra": "11.1.1",
37
+ "glob": "10.3.4",
38
+ "log-symbols": "4.1.0",
39
+ "normalize-path": "3.0.0",
40
+ "ora": "5.4.1",
41
+ "read-pkg": "5.2.0",
42
+ "shelljs": "0.8.5",
43
+ "tree-cli": "0.6.7"
44
+ },
45
+ "devDependencies": {
46
+ "@types/fs-extra": "11.0.1",
47
+ "@types/normalize-path": "3.0.0",
48
+ "@types/shelljs": "0.8.12",
49
+ "eslint-config-custom": "workspace:*",
50
+ "tsconfig": "workspace:*",
51
+ "typescript": "5.1.6"
52
+ }
53
+ }
@@ -0,0 +1,8 @@
1
+ interface Args {
2
+ dir: string;
3
+ port: string;
4
+ skipInstall: boolean;
5
+ }
6
+ export declare const dev: ({ dir, port, skipInstall }: Args) => Promise<void>;
7
+ export {};
8
+ //# sourceMappingURL=dev.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../../source/commands/dev.ts"],"names":[],"mappings":"AAKA,UAAU,IAAI;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,GAAG,+BAAsC,IAAI,kBAkBzD,CAAC"}
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
18
+ 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;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ var __importDefault = (this && this.__importDefault) || function (mod) {
39
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40
+ };
41
+ Object.defineProperty(exports, "__esModule", { value: true });
42
+ exports.dev = void 0;
43
+ var node_fs_1 = __importDefault(require("node:fs"));
44
+ var shelljs_1 = __importDefault(require("shelljs"));
45
+ var utils_1 = require("../utils");
46
+ var run_server_1 = require("../utils/run-server");
47
+ var dev = function (_a) {
48
+ var dir = _a.dir, port = _a.port, skipInstall = _a.skipInstall;
49
+ return __awaiter(void 0, void 0, void 0, function () {
50
+ var error_1;
51
+ return __generator(this, function (_b) {
52
+ switch (_b.label) {
53
+ case 0:
54
+ _b.trys.push([0, 5, , 6]);
55
+ if (!node_fs_1.default.existsSync(dir)) {
56
+ throw new Error("Missing ".concat(dir, " folder"));
57
+ }
58
+ if (!node_fs_1.default.existsSync(utils_1.REACT_EMAIL_ROOT)) return [3 /*break*/, 2];
59
+ return [4 /*yield*/, (0, run_server_1.setupServer)('dev', dir, port, skipInstall)];
60
+ case 1:
61
+ _b.sent();
62
+ return [2 /*return*/];
63
+ case 2: return [4 /*yield*/, (0, utils_1.downloadClient)()];
64
+ case 3:
65
+ _b.sent();
66
+ return [4 /*yield*/, (0, run_server_1.setupServer)('dev', dir, port, skipInstall)];
67
+ case 4:
68
+ _b.sent();
69
+ return [3 /*break*/, 6];
70
+ case 5:
71
+ error_1 = _b.sent();
72
+ console.log(error_1);
73
+ shelljs_1.default.exit(1);
74
+ return [3 /*break*/, 6];
75
+ case 6: return [2 /*return*/];
76
+ }
77
+ });
78
+ });
79
+ };
80
+ exports.dev = dev;
@@ -0,0 +1,3 @@
1
+ import type { Options } from '@react-email/render';
2
+ export declare const exportTemplates: (outDir: string, srcDir: string, options: Options) => Promise<never>;
3
+ //# sourceMappingURL=export.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../source/commands/export.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAWnD,eAAO,MAAM,eAAe,WAClB,MAAM,UACN,MAAM,WACL,OAAO,mBA0FjB,CAAC"}
@@ -0,0 +1,174 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
+ return new (P || (P = Promise))(function (resolve, reject) {
28
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
32
+ });
33
+ };
34
+ var __generator = (this && this.__generator) || function (thisArg, body) {
35
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
+ function verb(n) { return function (v) { return step([n, v]); }; }
38
+ function step(op) {
39
+ if (f) throw new TypeError("Generator is already executing.");
40
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
+ 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;
42
+ if (y = 0, t) op = [op[0] & 2, t.value];
43
+ switch (op[0]) {
44
+ case 0: case 1: t = op; break;
45
+ case 4: _.label++; return { value: op[1], done: false };
46
+ case 5: _.label++; y = op[1]; op = [0]; continue;
47
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
+ default:
49
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
+ if (t[2]) _.ops.pop();
54
+ _.trys.pop(); continue;
55
+ }
56
+ op = body.call(thisArg, _);
57
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
+ }
60
+ };
61
+ var __importDefault = (this && this.__importDefault) || function (mod) {
62
+ return (mod && mod.__esModule) ? mod : { "default": mod };
63
+ };
64
+ Object.defineProperty(exports, "__esModule", { value: true });
65
+ exports.exportTemplates = void 0;
66
+ var node_fs_1 = __importStar(require("node:fs"));
67
+ var node_path_1 = __importDefault(require("node:path"));
68
+ var glob_1 = require("glob");
69
+ var esbuild_1 = __importDefault(require("esbuild"));
70
+ var ora_1 = __importDefault(require("ora"));
71
+ var log_symbols_1 = __importDefault(require("log-symbols"));
72
+ var render_1 = require("@react-email/render");
73
+ var normalize_path_1 = __importDefault(require("normalize-path"));
74
+ var shelljs_1 = __importDefault(require("shelljs"));
75
+ var close_ora_on_sigint_1 = require("../utils/close-ora-on-sigint");
76
+ var tree_1 = require("../utils/tree");
77
+ /*
78
+ This first builds all the templates using esbuild and then puts the output in the `.js`
79
+ files. Then these `.js` files are imported dynamically and rendered to `.html` files
80
+ using the `render` function.
81
+ */
82
+ var exportTemplates = function (outDir, srcDir, options) { return __awaiter(void 0, void 0, void 0, function () {
83
+ var spinner, allTemplates, buildResult, allBuiltTemplates, _i, allBuiltTemplates_1, template, component, rendered, htmlPath, exception_1, staticDir, hasStaticDirectory, result, fileTree;
84
+ return __generator(this, function (_a) {
85
+ switch (_a.label) {
86
+ case 0:
87
+ spinner = (0, ora_1.default)('Preparing files...\n').start();
88
+ (0, close_ora_on_sigint_1.closeOraOnSIGNIT)(spinner);
89
+ allTemplates = glob_1.glob.sync((0, normalize_path_1.default)(node_path_1.default.join(srcDir, '*.{tsx,jsx}')));
90
+ buildResult = esbuild_1.default.buildSync({
91
+ bundle: true,
92
+ entryPoints: allTemplates,
93
+ platform: 'node',
94
+ write: true,
95
+ tsconfig: node_path_1.default.join(__dirname, '../../..', 'tsconfig.export.json'),
96
+ outdir: outDir,
97
+ });
98
+ if (buildResult.warnings.length > 0) {
99
+ console.warn(buildResult.warnings);
100
+ }
101
+ if (buildResult.errors.length > 0) {
102
+ spinner.stopAndPersist({
103
+ symbol: log_symbols_1.default.error,
104
+ text: 'Failed to build emails',
105
+ });
106
+ console.error(buildResult.errors);
107
+ throw new Error("esbuild bundling process for email templates:\n".concat(allTemplates
108
+ .map(function (p) { return "- ".concat(p); })
109
+ .join('\n')));
110
+ }
111
+ spinner.succeed();
112
+ allBuiltTemplates = glob_1.glob.sync((0, normalize_path_1.default)("".concat(outDir, "/*.js")), {
113
+ absolute: true,
114
+ });
115
+ _i = 0, allBuiltTemplates_1 = allBuiltTemplates;
116
+ _a.label = 1;
117
+ case 1:
118
+ if (!(_i < allBuiltTemplates_1.length)) return [3 /*break*/, 6];
119
+ template = allBuiltTemplates_1[_i];
120
+ _a.label = 2;
121
+ case 2:
122
+ _a.trys.push([2, 4, , 5]);
123
+ spinner.text = "rendering ".concat(template.split('/').pop());
124
+ spinner.render();
125
+ return [4 /*yield*/, Promise.resolve("".concat(template)).then(function (s) { return __importStar(require(s)); })];
126
+ case 3:
127
+ component = _a.sent();
128
+ rendered = (0, render_1.render)(component.default({}), options);
129
+ htmlPath = template.replace('.js', options.plainText ? '.txt' : '.html');
130
+ (0, node_fs_1.writeFileSync)(htmlPath, rendered);
131
+ (0, node_fs_1.unlinkSync)(template);
132
+ return [3 /*break*/, 5];
133
+ case 4:
134
+ exception_1 = _a.sent();
135
+ spinner.stopAndPersist({
136
+ symbol: log_symbols_1.default.error,
137
+ text: "failed when rendering ".concat(template.split('/').pop()),
138
+ });
139
+ console.error(exception_1);
140
+ throw exception_1;
141
+ case 5:
142
+ _i++;
143
+ return [3 /*break*/, 1];
144
+ case 6:
145
+ spinner.succeed('Rendered all files');
146
+ spinner.text = "Copying static files";
147
+ spinner.render();
148
+ staticDir = node_path_1.default.join(srcDir, 'static');
149
+ hasStaticDirectory = node_fs_1.default.existsSync(staticDir);
150
+ if (hasStaticDirectory) {
151
+ result = shelljs_1.default.cp('-r', staticDir, node_path_1.default.join(outDir, 'static'));
152
+ if (result.code > 0) {
153
+ spinner.stopAndPersist({
154
+ symbol: log_symbols_1.default.error,
155
+ text: 'Failed to copy static files',
156
+ });
157
+ throw new Error("Something went wrong while copying the file to ".concat(outDir, "/static, ").concat(result.cat()));
158
+ }
159
+ }
160
+ spinner.succeed();
161
+ return [4 /*yield*/, (0, tree_1.tree)(outDir, 4)];
162
+ case 7:
163
+ fileTree = _a.sent();
164
+ console.log(fileTree);
165
+ spinner.stopAndPersist({
166
+ symbol: log_symbols_1.default.success,
167
+ text: 'Successfully exported emails',
168
+ });
169
+ process.exit();
170
+ return [2 /*return*/];
171
+ }
172
+ });
173
+ }); };
174
+ exports.exportTemplates = exportTemplates;
@@ -0,0 +1,10 @@
1
+ interface BuildPreviewArgs {
2
+ dir: string;
3
+ }
4
+ export declare const buildPreview: ({ dir }: BuildPreviewArgs) => Promise<void>;
5
+ interface StartPreviewArgs {
6
+ port: string;
7
+ }
8
+ export declare const startPreview: ({ port }: StartPreviewArgs) => Promise<void>;
9
+ export {};
10
+ //# sourceMappingURL=preview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../source/commands/preview.ts"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,YAAY,YAAmB,gBAAgB,kBAc3D,CAAC;AAEF,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,YAAY,aAAoB,gBAAgB,kBAc5D,CAAC"}
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
18
+ 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;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ var __importDefault = (this && this.__importDefault) || function (mod) {
39
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40
+ };
41
+ Object.defineProperty(exports, "__esModule", { value: true });
42
+ exports.startPreview = exports.buildPreview = void 0;
43
+ var node_fs_1 = __importDefault(require("node:fs"));
44
+ var shelljs_1 = __importDefault(require("shelljs"));
45
+ var utils_1 = require("../utils");
46
+ var run_server_1 = require("../utils/run-server");
47
+ var buildPreview = function (_a) {
48
+ var dir = _a.dir;
49
+ return __awaiter(void 0, void 0, void 0, function () {
50
+ var error_1;
51
+ return __generator(this, function (_b) {
52
+ switch (_b.label) {
53
+ case 0:
54
+ _b.trys.push([0, 5, , 6]);
55
+ if (!node_fs_1.default.existsSync(utils_1.REACT_EMAIL_ROOT)) return [3 /*break*/, 2];
56
+ return [4 /*yield*/, (0, run_server_1.setupServer)('build', dir, '')];
57
+ case 1:
58
+ _b.sent();
59
+ return [2 /*return*/];
60
+ case 2: return [4 /*yield*/, (0, utils_1.downloadClient)()];
61
+ case 3:
62
+ _b.sent();
63
+ return [4 /*yield*/, (0, run_server_1.setupServer)('build', dir, '')];
64
+ case 4:
65
+ _b.sent();
66
+ return [3 /*break*/, 6];
67
+ case 5:
68
+ error_1 = _b.sent();
69
+ console.log(error_1);
70
+ shelljs_1.default.exit(1);
71
+ return [3 /*break*/, 6];
72
+ case 6: return [2 /*return*/];
73
+ }
74
+ });
75
+ });
76
+ };
77
+ exports.buildPreview = buildPreview;
78
+ var startPreview = function (_a) {
79
+ var port = _a.port;
80
+ return __awaiter(void 0, void 0, void 0, function () {
81
+ var error_2;
82
+ return __generator(this, function (_b) {
83
+ switch (_b.label) {
84
+ case 0:
85
+ _b.trys.push([0, 5, , 6]);
86
+ if (!node_fs_1.default.existsSync(utils_1.REACT_EMAIL_ROOT)) return [3 /*break*/, 2];
87
+ return [4 /*yield*/, (0, run_server_1.setupServer)('start', '', port)];
88
+ case 1:
89
+ _b.sent();
90
+ return [2 /*return*/];
91
+ case 2: return [4 /*yield*/, (0, utils_1.downloadClient)()];
92
+ case 3:
93
+ _b.sent();
94
+ return [4 /*yield*/, (0, run_server_1.setupServer)('start', '', port)];
95
+ case 4:
96
+ _b.sent();
97
+ return [3 /*break*/, 6];
98
+ case 5:
99
+ error_2 = _b.sent();
100
+ console.log(error_2);
101
+ shelljs_1.default.exit(1);
102
+ return [3 /*break*/, 6];
103
+ case 6: return [2 /*return*/];
104
+ }
105
+ });
106
+ });
107
+ };
108
+ exports.startPreview = startPreview;
@@ -0,0 +1,3 @@
1
+ #!/usr/bin/env node
2
+ export {};
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1,46 @@
1
+ #!/usr/bin/env node
2
+ "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ /* eslint-disable */
8
+ var extra_typings_1 = require("@commander-js/extra-typings");
9
+ var package_json_1 = __importDefault(require("../package.json"));
10
+ var dev_1 = require("./commands/dev");
11
+ var preview_1 = require("./commands/preview");
12
+ var export_1 = require("./commands/export");
13
+ var constants_1 = require("./utils/constants");
14
+ extra_typings_1.program
15
+ .name(constants_1.PACKAGE_NAME)
16
+ .description('A live preview of your emails right in your browser')
17
+ .version(package_json_1.default.version);
18
+ extra_typings_1.program
19
+ .command('dev')
20
+ .description('Starts the application in development mode')
21
+ .option('-d, --dir <path>', 'Directory with your email templates', './emails')
22
+ .option('-p --port <port>', 'Port to run dev server on', '3000')
23
+ .option('-s, --skip-install', 'Do not install dependencies', false)
24
+ .action(dev_1.dev);
25
+ extra_typings_1.program
26
+ .command('build')
27
+ .description('Builds a production preview app')
28
+ .option('-d, --dir <path>', 'Directory with your email templates', './emails')
29
+ .action(preview_1.buildPreview);
30
+ extra_typings_1.program
31
+ .command('start')
32
+ .description('Starts the production build of the preview app')
33
+ .option('-p --port <port>', 'Port to run production server on', '3000')
34
+ .action(preview_1.startPreview);
35
+ extra_typings_1.program
36
+ .command('export')
37
+ .description('Build the templates to the `out` directory')
38
+ .option('--outDir <path>', 'Output directory', 'out')
39
+ .option('-p, --pretty', 'Pretty print the output', false)
40
+ .option('-t, --plainText', 'Set output format as plain text', false)
41
+ .option('-d, --dir <path>', 'Directory with your email templates', './emails')
42
+ .action(function (_a) {
43
+ var outDir = _a.outDir, pretty = _a.pretty, plainText = _a.plainText, srcDir = _a.dir;
44
+ return (0, export_1.exportTemplates)(outDir, srcDir, { pretty: pretty, plainText: plainText });
45
+ });
46
+ extra_typings_1.program.parse();
@@ -0,0 +1,3 @@
1
+ import type { Ora } from 'ora';
2
+ export declare const closeOraOnSIGNIT: (spinner: Ora) => void;
3
+ //# sourceMappingURL=close-ora-on-sigint.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"close-ora-on-sigint.d.ts","sourceRoot":"","sources":["../../../source/utils/close-ora-on-sigint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,eAAO,MAAM,gBAAgB,YAAa,GAAG,SAI5C,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.closeOraOnSIGNIT = void 0;
4
+ var closeOraOnSIGNIT = function (spinner) {
5
+ process.on('SIGINT', function () {
6
+ spinner.stop();
7
+ });
8
+ };
9
+ exports.closeOraOnSIGNIT = closeOraOnSIGNIT;
@@ -0,0 +1,10 @@
1
+ export declare const DEFAULT_EMAILS_DIRECTORY = "emails";
2
+ export declare const PACKAGE_NAME = "react-email";
3
+ export declare const CURRENT_PATH: string;
4
+ export declare const USER_PACKAGE_JSON: string;
5
+ export declare const USER_STATIC_FILES: string;
6
+ export declare const REACT_EMAIL_ROOT: string;
7
+ export declare const EVENT_FILE_DELETED = "unlink";
8
+ export declare const PACKAGE_EMAILS_PATH: string;
9
+ export declare const PACKAGE_PUBLIC_PATH: string;
10
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../source/utils/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,YAAY,gBAAgB,CAAC;AAG1C,eAAO,MAAM,YAAY,QAAgB,CAAC;AAG1C,eAAO,MAAM,iBAAiB,QAA0C,CAAC;AACzE,eAAO,MAAM,iBAAiB,QAA8C,CAAC;AAG7E,eAAO,MAAM,gBAAgB,QAA0C,CAAC;AAGxE,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAE3C,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAwC,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.PACKAGE_PUBLIC_PATH = exports.PACKAGE_EMAILS_PATH = exports.EVENT_FILE_DELETED = exports.REACT_EMAIL_ROOT = exports.USER_STATIC_FILES = exports.USER_PACKAGE_JSON = exports.CURRENT_PATH = exports.PACKAGE_NAME = exports.DEFAULT_EMAILS_DIRECTORY = void 0;
7
+ var node_path_1 = __importDefault(require("node:path"));
8
+ // Package variables
9
+ exports.DEFAULT_EMAILS_DIRECTORY = 'emails';
10
+ exports.PACKAGE_NAME = 'react-email';
11
+ // Default paths
12
+ exports.CURRENT_PATH = process.cwd();
13
+ // User paths
14
+ exports.USER_PACKAGE_JSON = node_path_1.default.join(exports.CURRENT_PATH, 'package.json');
15
+ exports.USER_STATIC_FILES = node_path_1.default.join(exports.CURRENT_PATH, 'emails', 'static');
16
+ // React Email paths
17
+ exports.REACT_EMAIL_ROOT = node_path_1.default.join(exports.CURRENT_PATH, '.react-email');
18
+ // Events
19
+ exports.EVENT_FILE_DELETED = 'unlink';
20
+ exports.PACKAGE_EMAILS_PATH = node_path_1.default.join(exports.REACT_EMAIL_ROOT, exports.DEFAULT_EMAILS_DIRECTORY);
21
+ exports.PACKAGE_PUBLIC_PATH = node_path_1.default.join(exports.REACT_EMAIL_ROOT, 'public');
@@ -0,0 +1,2 @@
1
+ export declare const convertToAbsolutePath: (dir: string) => string;
2
+ //# sourceMappingURL=convert-to-absolute-path.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"convert-to-absolute-path.d.ts","sourceRoot":"","sources":["../../../source/utils/convert-to-absolute-path.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,QAAS,MAAM,KAAG,MACQ,CAAC"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.convertToAbsolutePath = void 0;
7
+ var node_path_1 = __importDefault(require("node:path"));
8
+ var convertToAbsolutePath = function (dir) {
9
+ return node_path_1.default.isAbsolute(dir) ? dir : node_path_1.default.join(process.cwd(), dir);
10
+ };
11
+ exports.convertToAbsolutePath = convertToAbsolutePath;
@@ -0,0 +1,2 @@
1
+ export declare const downloadClient: () => Promise<void>;
2
+ //# sourceMappingURL=download-client.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"download-client.d.ts","sourceRoot":"","sources":["../../../source/utils/download-client.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,qBAqB1B,CAAC"}