react-email 3.0.6 → 4.0.0-alpha.0

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 (103) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cli/index.js +768 -763
  3. package/dist/cli/index.mjs +480 -476
  4. package/dist/preview/.next/BUILD_ID +1 -1
  5. package/dist/preview/.next/app-build-manifest.json +14 -12
  6. package/dist/preview/.next/build-manifest.json +5 -5
  7. package/dist/preview/.next/cache/.rscinfo +1 -1
  8. package/dist/preview/.next/cache/webpack/client-production/0.pack +0 -0
  9. package/dist/preview/.next/cache/webpack/client-production/index.pack +0 -0
  10. package/dist/preview/.next/cache/webpack/edge-server-production/index.pack +0 -0
  11. package/dist/preview/.next/cache/webpack/server-production/0.pack +0 -0
  12. package/dist/preview/.next/cache/webpack/server-production/index.pack +0 -0
  13. package/dist/preview/.next/next-minimal-server.js.nft.json +1 -1
  14. package/dist/preview/.next/next-server.js.nft.json +1 -1
  15. package/dist/preview/.next/prerender-manifest.json +1 -1
  16. package/dist/preview/.next/server/app/_not-found/page.js +1 -1
  17. package/dist/preview/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  18. package/dist/preview/.next/server/app/page.js +1 -1
  19. package/dist/preview/.next/server/app/page.js.nft.json +1 -1
  20. package/dist/preview/.next/server/app/page_client-reference-manifest.js +1 -1
  21. package/dist/preview/.next/server/app/preview/[...slug]/page.js +6 -6
  22. package/dist/preview/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
  23. package/dist/preview/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
  24. package/dist/preview/.next/server/chunks/273.js +1 -0
  25. package/dist/preview/.next/server/chunks/594.js +10 -0
  26. package/dist/preview/.next/server/middleware-build-manifest.js +1 -1
  27. package/dist/preview/.next/server/pages/500.html +1 -1
  28. package/dist/preview/.next/server/server-reference-manifest.js +1 -1
  29. package/dist/preview/.next/server/server-reference-manifest.json +1 -1
  30. package/dist/preview/.next/server/webpack-runtime.js +1 -1
  31. package/dist/preview/.next/static/chunks/18b16e15-6ad9b58e10ff8891.js +1 -0
  32. package/dist/preview/.next/static/chunks/490-48951f2e19ae3aef.js +1 -0
  33. package/dist/preview/.next/static/chunks/600-2e2ca4c8bbd97b61.js +1 -0
  34. package/dist/preview/.next/static/chunks/app/{layout-a2901ed1c2c53661.js → layout-490964e2c3604d33.js} +1 -1
  35. package/dist/preview/.next/static/chunks/app/page-d2432acd08db8fc0.js +1 -0
  36. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-f4e211e00c026401.js +1 -0
  37. package/dist/preview/.next/static/chunks/webpack-7bf1ffb05f5540be.js +1 -0
  38. package/dist/preview/.next/static/css/5e0736cafbb392a9.css +3 -0
  39. package/dist/preview/.next/trace +21 -21
  40. package/package.json +12 -7
  41. package/postcss.config.js +1 -1
  42. package/src/actions/email-validation/check-links.ts +88 -0
  43. package/src/actions/email-validation/get-line-and-column-from-index.spec.ts +22 -0
  44. package/src/actions/email-validation/get-line-and-column-from-index.ts +43 -0
  45. package/src/actions/email-validation/quick-fetch.ts +12 -0
  46. package/src/actions/get-email-path-from-slug.ts +7 -4
  47. package/src/actions/render-email-by-path.tsx +3 -3
  48. package/src/animated-icons-data/help.json +1082 -0
  49. package/src/animated-icons-data/link.json +1309 -0
  50. package/src/animated-icons-data/load.json +443 -0
  51. package/src/animated-icons-data/mail.json +1320 -0
  52. package/src/app/globals.css +0 -24
  53. package/src/app/layout.tsx +7 -3
  54. package/src/app/page.tsx +9 -10
  55. package/src/app/preview/[...slug]/page.tsx +3 -2
  56. package/src/app/preview/[...slug]/preview.tsx +5 -5
  57. package/src/app/preview/[...slug]/rendering-error.tsx +6 -6
  58. package/src/components/button.tsx +8 -8
  59. package/src/components/code-container.tsx +7 -7
  60. package/src/components/code-snippet.tsx +11 -0
  61. package/src/components/code.tsx +4 -4
  62. package/src/components/heading.tsx +1 -1
  63. package/src/components/icons/icon-button.tsx +1 -1
  64. package/src/components/icons/icon-circle-check.tsx +21 -0
  65. package/src/components/icons/icon-circle-close.tsx +17 -0
  66. package/src/components/icons/icon-circle-warning.tsx +17 -0
  67. package/src/components/icons/icon-email.tsx +18 -0
  68. package/src/components/icons/icon-link.tsx +14 -0
  69. package/src/components/icons/icon-stamp.tsx +14 -0
  70. package/src/components/send.tsx +9 -9
  71. package/src/components/shell.tsx +32 -34
  72. package/src/components/sidebar/{sidebar-directory-children.tsx → file-tree-directory-children.tsx} +22 -18
  73. package/src/components/sidebar/{sidebar-directory.tsx → file-tree-directory.tsx} +11 -12
  74. package/src/components/sidebar/file-tree.tsx +31 -0
  75. package/src/components/sidebar/link-checker.tsx +291 -0
  76. package/src/components/sidebar/sidebar.tsx +296 -22
  77. package/src/components/text.tsx +1 -1
  78. package/src/components/tooltip-content.tsx +3 -3
  79. package/src/components/tooltip.tsx +1 -1
  80. package/src/components/topbar.tsx +14 -17
  81. package/src/hooks/use-email-rendering-result.ts +2 -2
  82. package/src/hooks/use-icon-animation.ts +44 -0
  83. package/src/utils/cn.ts +1 -1
  84. package/src/utils/esbuild/renderring-utilities-exporter.ts +1 -1
  85. package/src/utils/get-email-component.ts +6 -6
  86. package/src/utils/get-emails-directory-metadata.spec.ts +0 -1
  87. package/src/utils/improve-error-with-sourcemap.ts +1 -1
  88. package/src/utils/static-node-modules-for-vm.ts +6 -6
  89. package/tsconfig.json +2 -6
  90. package/.eslintrc.js +0 -52
  91. package/.prettierignore +0 -3
  92. package/.prettierrc.js +0 -8
  93. package/dist/preview/.next/cache/eslint/.cache_1c3sgg +0 -1
  94. package/dist/preview/.next/server/chunks/391.js +0 -1
  95. package/dist/preview/.next/server/chunks/720.js +0 -10
  96. package/dist/preview/.next/static/chunks/12-b9450aa0845e7574.js +0 -1
  97. package/dist/preview/.next/static/chunks/154-4202f86af36ccff4.js +0 -1
  98. package/dist/preview/.next/static/chunks/app/page-54a86772095e22e0.js +0 -1
  99. package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-2bfad134b65ddd79.js +0 -1
  100. package/dist/preview/.next/static/chunks/webpack-9255716c9496e606.js +0 -1
  101. package/dist/preview/.next/static/css/eb0a93282704d7ab.css +0 -3
  102. /package/dist/preview/.next/static/{Trk1e7GzgKOLunAXBDCy- → fZaiKz58wDr55pxLu9uHa}/_buildManifest.js +0 -0
  103. /package/dist/preview/.next/static/{Trk1e7GzgKOLunAXBDCy- → fZaiKz58wDr55pxLu9uHa}/_ssgManifest.js +0 -0
@@ -0,0 +1,443 @@
1
+ {
2
+ "v": "5.12.1",
3
+ "fr": 60,
4
+ "ip": 0,
5
+ "op": 150,
6
+ "w": 144,
7
+ "h": 144,
8
+ "nm": "system-regular-716-spinner-three-dots",
9
+ "ddd": 0,
10
+ "assets": [
11
+ {
12
+ "id": "comp_1",
13
+ "nm": "hover-trapdoor",
14
+ "fr": 60,
15
+ "layers": [
16
+ {
17
+ "ddd": 0,
18
+ "ind": 1,
19
+ "ty": 4,
20
+ "nm": "Ellipse 31",
21
+ "sr": 1,
22
+ "ks": {
23
+ "o": { "a": 0, "k": 100, "ix": 11 },
24
+ "r": { "a": 0, "k": 0, "ix": 10 },
25
+ "p": {
26
+ "a": 1,
27
+ "k": [
28
+ {
29
+ "i": { "x": 0.085, "y": 1 },
30
+ "o": { "x": 0.333, "y": 0 },
31
+ "t": 46,
32
+ "s": [120, 72, 0],
33
+ "to": [0, 0, 0],
34
+ "ti": [0, 0, 0]
35
+ },
36
+ {
37
+ "i": { "x": 0.085, "y": 0.085 },
38
+ "o": { "x": 0.373, "y": 0.373 },
39
+ "t": 76,
40
+ "s": [120, 23, 0],
41
+ "to": [0, 0, 0],
42
+ "ti": [0, 0, 0]
43
+ },
44
+ {
45
+ "i": { "x": 0.631, "y": 1 },
46
+ "o": { "x": 0.658, "y": 0 },
47
+ "t": 83.572,
48
+ "s": [120, 23, 0],
49
+ "to": [0, 0, 0],
50
+ "ti": [0, 0, 0]
51
+ },
52
+ {
53
+ "i": { "x": 0.352, "y": 1 },
54
+ "o": { "x": 0.333, "y": 0 },
55
+ "t": 104.715,
56
+ "s": [120, 87, 0],
57
+ "to": [0, 0, 0],
58
+ "ti": [0, 0, 0]
59
+ },
60
+ {
61
+ "i": { "x": 0.58, "y": 1 },
62
+ "o": { "x": 0.333, "y": 0 },
63
+ "t": 128.572,
64
+ "s": [120, 67, 0],
65
+ "to": [0, 0, 0],
66
+ "ti": [0, 0, 0]
67
+ },
68
+ { "t": 150, "s": [120, 72, 0] }
69
+ ],
70
+ "ix": 2,
71
+ "l": 2
72
+ },
73
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
74
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
75
+ },
76
+ "ao": 0,
77
+ "shapes": [
78
+ {
79
+ "ty": "gr",
80
+ "it": [
81
+ {
82
+ "d": 1,
83
+ "ty": "el",
84
+ "s": { "a": 0, "k": [27, 27], "ix": 2 },
85
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
86
+ "nm": "Ellipse Path 1",
87
+ "mn": "ADBE Vector Shape - Ellipse",
88
+ "hd": false
89
+ },
90
+ {
91
+ "ty": "st",
92
+ "c": {
93
+ "a": 0,
94
+ "k": [0, 0, 0, 1],
95
+ "ix": 3,
96
+ "x": "var $bm_rt;\n$bm_rt = comp('system-regular-716-spinner-three-dots').layer('control').effect('primary')('Color');"
97
+ },
98
+ "o": { "a": 0, "k": 100, "ix": 4 },
99
+ "w": { "a": 0, "k": 9, "ix": 5 },
100
+ "lc": 2,
101
+ "lj": 1,
102
+ "ml": 4,
103
+ "bm": 0,
104
+ "nm": ".primary",
105
+ "mn": "ADBE Vector Graphic - Stroke",
106
+ "hd": false,
107
+ "cl": "primary"
108
+ },
109
+ {
110
+ "ty": "tr",
111
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
112
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
113
+ "s": { "a": 0, "k": [100, 100], "ix": 3 },
114
+ "r": { "a": 0, "k": 0, "ix": 6 },
115
+ "o": { "a": 0, "k": 100, "ix": 7 },
116
+ "sk": { "a": 0, "k": 0, "ix": 4 },
117
+ "sa": { "a": 0, "k": 0, "ix": 5 },
118
+ "nm": "Transform"
119
+ }
120
+ ],
121
+ "nm": "Ellipse 28",
122
+ "np": 2,
123
+ "cix": 2,
124
+ "bm": 0,
125
+ "ix": 1,
126
+ "mn": "ADBE Vector Group",
127
+ "hd": false
128
+ }
129
+ ],
130
+ "ip": 0,
131
+ "op": 1800,
132
+ "st": 0,
133
+ "ct": 1,
134
+ "bm": 0
135
+ },
136
+ {
137
+ "ddd": 0,
138
+ "ind": 2,
139
+ "ty": 4,
140
+ "nm": "Ellipse 30",
141
+ "sr": 1,
142
+ "ks": {
143
+ "o": { "a": 0, "k": 100, "ix": 11 },
144
+ "r": { "a": 0, "k": 0, "ix": 10 },
145
+ "p": {
146
+ "a": 1,
147
+ "k": [
148
+ {
149
+ "i": { "x": 0.085, "y": 1 },
150
+ "o": { "x": 0.333, "y": 0 },
151
+ "t": 23,
152
+ "s": [72, 72, 0],
153
+ "to": [0, 0, 0],
154
+ "ti": [0, 0, 0]
155
+ },
156
+ {
157
+ "i": { "x": 0.085, "y": 0.085 },
158
+ "o": { "x": 0.373, "y": 0.373 },
159
+ "t": 53,
160
+ "s": [72, 23, 0],
161
+ "to": [0, 0, 0],
162
+ "ti": [0, 0, 0]
163
+ },
164
+ {
165
+ "i": { "x": 0.631, "y": 1 },
166
+ "o": { "x": 0.658, "y": 0 },
167
+ "t": 76,
168
+ "s": [72, 23, 0],
169
+ "to": [0, 0, 0],
170
+ "ti": [0, 0, 0]
171
+ },
172
+ {
173
+ "i": { "x": 0.352, "y": 1 },
174
+ "o": { "x": 0.333, "y": 0 },
175
+ "t": 97.143,
176
+ "s": [72, 87, 0],
177
+ "to": [0, 0, 0],
178
+ "ti": [0, 0, 0]
179
+ },
180
+ {
181
+ "i": { "x": 0.58, "y": 1 },
182
+ "o": { "x": 0.333, "y": 0 },
183
+ "t": 121,
184
+ "s": [72, 67, 0],
185
+ "to": [0, 0, 0],
186
+ "ti": [0, 0, 0]
187
+ },
188
+ { "t": 142.427734375, "s": [72, 72, 0] }
189
+ ],
190
+ "ix": 2,
191
+ "l": 2
192
+ },
193
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
194
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
195
+ },
196
+ "ao": 0,
197
+ "shapes": [
198
+ {
199
+ "ty": "gr",
200
+ "it": [
201
+ {
202
+ "d": 1,
203
+ "ty": "el",
204
+ "s": { "a": 0, "k": [27, 27], "ix": 2 },
205
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
206
+ "nm": "Ellipse Path 1",
207
+ "mn": "ADBE Vector Shape - Ellipse",
208
+ "hd": false
209
+ },
210
+ {
211
+ "ty": "st",
212
+ "c": {
213
+ "a": 0,
214
+ "k": [0, 0, 0, 1],
215
+ "ix": 3,
216
+ "x": "var $bm_rt;\n$bm_rt = comp('system-regular-716-spinner-three-dots').layer('control').effect('primary')('Color');"
217
+ },
218
+ "o": { "a": 0, "k": 100, "ix": 4 },
219
+ "w": { "a": 0, "k": 9, "ix": 5 },
220
+ "lc": 2,
221
+ "lj": 1,
222
+ "ml": 4,
223
+ "bm": 0,
224
+ "nm": ".primary",
225
+ "mn": "ADBE Vector Graphic - Stroke",
226
+ "hd": false,
227
+ "cl": "primary"
228
+ },
229
+ {
230
+ "ty": "tr",
231
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
232
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
233
+ "s": { "a": 0, "k": [100, 100], "ix": 3 },
234
+ "r": { "a": 0, "k": 0, "ix": 6 },
235
+ "o": { "a": 0, "k": 100, "ix": 7 },
236
+ "sk": { "a": 0, "k": 0, "ix": 4 },
237
+ "sa": { "a": 0, "k": 0, "ix": 5 },
238
+ "nm": "Transform"
239
+ }
240
+ ],
241
+ "nm": "Ellipse 28",
242
+ "np": 2,
243
+ "cix": 2,
244
+ "bm": 0,
245
+ "ix": 1,
246
+ "mn": "ADBE Vector Group",
247
+ "hd": false
248
+ }
249
+ ],
250
+ "ip": 0,
251
+ "op": 1800,
252
+ "st": 0,
253
+ "ct": 1,
254
+ "bm": 0
255
+ },
256
+ {
257
+ "ddd": 0,
258
+ "ind": 3,
259
+ "ty": 4,
260
+ "nm": "Ellipse 29",
261
+ "sr": 1,
262
+ "ks": {
263
+ "o": { "a": 0, "k": 100, "ix": 11 },
264
+ "r": { "a": 0, "k": 0, "ix": 10 },
265
+ "p": {
266
+ "a": 1,
267
+ "k": [
268
+ {
269
+ "i": { "x": 0.085, "y": 1 },
270
+ "o": { "x": 0.333, "y": 0 },
271
+ "t": 0,
272
+ "s": [24, 72, 0],
273
+ "to": [0, 0, 0],
274
+ "ti": [0, 0, 0]
275
+ },
276
+ {
277
+ "i": { "x": 0.085, "y": 0.085 },
278
+ "o": { "x": 0.373, "y": 0.373 },
279
+ "t": 30,
280
+ "s": [24, 23, 0],
281
+ "to": [0, 0, 0],
282
+ "ti": [0, 0, 0]
283
+ },
284
+ {
285
+ "i": { "x": 0.631, "y": 1 },
286
+ "o": { "x": 0.658, "y": 0 },
287
+ "t": 70.572,
288
+ "s": [24, 23, 0],
289
+ "to": [0, 0, 0],
290
+ "ti": [0, 0, 0]
291
+ },
292
+ {
293
+ "i": { "x": 0.352, "y": 1 },
294
+ "o": { "x": 0.333, "y": 0 },
295
+ "t": 91.715,
296
+ "s": [24, 87, 0],
297
+ "to": [0, 0, 0],
298
+ "ti": [0, 0, 0]
299
+ },
300
+ {
301
+ "i": { "x": 0.58, "y": 1 },
302
+ "o": { "x": 0.333, "y": 0 },
303
+ "t": 115.572,
304
+ "s": [24, 67, 0],
305
+ "to": [0, 0, 0],
306
+ "ti": [0, 0, 0]
307
+ },
308
+ { "t": 137, "s": [24, 72, 0] }
309
+ ],
310
+ "ix": 2,
311
+ "l": 2
312
+ },
313
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
314
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
315
+ },
316
+ "ao": 0,
317
+ "shapes": [
318
+ {
319
+ "ty": "gr",
320
+ "it": [
321
+ {
322
+ "d": 1,
323
+ "ty": "el",
324
+ "s": { "a": 0, "k": [27, 27], "ix": 2 },
325
+ "p": { "a": 0, "k": [0, 0], "ix": 3 },
326
+ "nm": "Ellipse Path 1",
327
+ "mn": "ADBE Vector Shape - Ellipse",
328
+ "hd": false
329
+ },
330
+ {
331
+ "ty": "st",
332
+ "c": {
333
+ "a": 0,
334
+ "k": [0, 0, 0, 1],
335
+ "ix": 3,
336
+ "x": "var $bm_rt;\n$bm_rt = comp('system-regular-716-spinner-three-dots').layer('control').effect('primary')('Color');"
337
+ },
338
+ "o": { "a": 0, "k": 100, "ix": 4 },
339
+ "w": { "a": 0, "k": 9, "ix": 5 },
340
+ "lc": 2,
341
+ "lj": 1,
342
+ "ml": 4,
343
+ "bm": 0,
344
+ "nm": ".primary",
345
+ "mn": "ADBE Vector Graphic - Stroke",
346
+ "hd": false,
347
+ "cl": "primary"
348
+ },
349
+ {
350
+ "ty": "tr",
351
+ "p": { "a": 0, "k": [0, 0], "ix": 2 },
352
+ "a": { "a": 0, "k": [0, 0], "ix": 1 },
353
+ "s": { "a": 0, "k": [100, 100], "ix": 3 },
354
+ "r": { "a": 0, "k": 0, "ix": 6 },
355
+ "o": { "a": 0, "k": 100, "ix": 7 },
356
+ "sk": { "a": 0, "k": 0, "ix": 4 },
357
+ "sa": { "a": 0, "k": 0, "ix": 5 },
358
+ "nm": "Transform"
359
+ }
360
+ ],
361
+ "nm": "Ellipse 28",
362
+ "np": 2,
363
+ "cix": 2,
364
+ "bm": 0,
365
+ "ix": 1,
366
+ "mn": "ADBE Vector Group",
367
+ "hd": false
368
+ }
369
+ ],
370
+ "ip": 0,
371
+ "op": 1799,
372
+ "st": -1,
373
+ "ct": 1,
374
+ "bm": 0
375
+ }
376
+ ]
377
+ }
378
+ ],
379
+ "layers": [
380
+ {
381
+ "ddd": 0,
382
+ "ind": 1,
383
+ "ty": 3,
384
+ "nm": "control",
385
+ "sr": 1,
386
+ "ks": {
387
+ "o": { "a": 0, "k": 0, "ix": 11 },
388
+ "r": { "a": 0, "k": 0, "ix": 10 },
389
+ "p": { "a": 0, "k": [0, 0], "ix": 2, "l": 2 },
390
+ "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
391
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
392
+ },
393
+ "ao": 0,
394
+ "ef": [
395
+ {
396
+ "ty": 5,
397
+ "nm": "primary",
398
+ "np": 3,
399
+ "mn": "ADBE Color Control",
400
+ "ix": 1,
401
+ "en": 1,
402
+ "ef": [
403
+ {
404
+ "ty": 2,
405
+ "nm": "Color",
406
+ "mn": "ADBE Color Control-0001",
407
+ "ix": 1,
408
+ "v": { "a": 0, "k": [0, 0, 0], "ix": 1 }
409
+ }
410
+ ]
411
+ }
412
+ ],
413
+ "ip": 0,
414
+ "op": 2112,
415
+ "st": 0,
416
+ "bm": 0
417
+ },
418
+ {
419
+ "ddd": 0,
420
+ "ind": 3,
421
+ "ty": 0,
422
+ "nm": "hover-trapdoor",
423
+ "refId": "comp_1",
424
+ "sr": 1,
425
+ "ks": {
426
+ "o": { "a": 0, "k": 100, "ix": 11 },
427
+ "r": { "a": 0, "k": 0, "ix": 10 },
428
+ "p": { "a": 0, "k": [72, 72, 0], "ix": 2, "l": 2 },
429
+ "a": { "a": 0, "k": [72, 72, 0], "ix": 1, "l": 2 },
430
+ "s": { "a": 0, "k": [100, 100, 100], "ix": 6, "l": 2 }
431
+ },
432
+ "ao": 0,
433
+ "w": 144,
434
+ "h": 144,
435
+ "ip": 0,
436
+ "op": 160,
437
+ "st": 0,
438
+ "bm": 0
439
+ }
440
+ ],
441
+ "markers": [{ "tm": 0, "cm": "default:hover-trapdoor", "dr": 150 }],
442
+ "props": {}
443
+ }