@react-email/render 0.0.10 → 0.0.11-canary.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 (3) hide show
  1. package/dist/index.js +75 -18
  2. package/dist/index.mjs +76 -17
  3. package/package.json +6 -3
package/dist/index.js CHANGED
@@ -3,8 +3,27 @@ var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
7
  var __getProtoOf = Object.getPrototypeOf;
7
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __knownSymbol = (name, symbol) => {
11
+ if (symbol = Symbol[name])
12
+ return symbol;
13
+ throw Error("Symbol." + name + " is not defined");
14
+ };
15
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
16
+ var __spreadValues = (a, b) => {
17
+ for (var prop in b || (b = {}))
18
+ if (__hasOwnProp.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ if (__getOwnPropSymbols)
21
+ for (var prop of __getOwnPropSymbols(b)) {
22
+ if (__propIsEnum.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ }
25
+ return a;
26
+ };
8
27
  var __export = (target, all) => {
9
28
  for (var name in all)
10
29
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -46,6 +65,7 @@ var __async = (__this, __arguments, generator) => {
46
65
  step((generator = generator.apply(__this, __arguments)).next());
47
66
  });
48
67
  };
68
+ var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
49
69
 
50
70
  // src/index.ts
51
71
  var src_exports = {};
@@ -58,7 +78,21 @@ module.exports = __toCommonJS(src_exports);
58
78
  // src/render.ts
59
79
  var ReactDomServer = __toESM(require("react-dom/server"));
60
80
  var import_html_to_text = require("html-to-text");
61
- var import_pretty = __toESM(require("pretty"));
81
+
82
+ // src/utils/pretty.ts
83
+ var import_js_beautify = require("js-beautify");
84
+ var defaults = {
85
+ unformatted: ["code", "pre", "em", "strong", "span"],
86
+ indent_inner_html: true,
87
+ indent_char: " ",
88
+ indent_size: 2,
89
+ sep: "\n"
90
+ };
91
+ var pretty = (str, options = {}) => {
92
+ return (0, import_js_beautify.html)(str, __spreadValues(__spreadValues({}, defaults), options));
93
+ };
94
+
95
+ // src/render.ts
62
96
  var render = (component, options) => {
63
97
  if (options == null ? void 0 : options.plainText) {
64
98
  return renderAsPlainText(component, options);
@@ -67,7 +101,7 @@ var render = (component, options) => {
67
101
  const markup = ReactDomServer.renderToStaticMarkup(component);
68
102
  const document = `${doctype}${markup}`;
69
103
  if (options && options.pretty) {
70
- return (0, import_pretty.default)(document);
104
+ return pretty(document);
71
105
  }
72
106
  return document;
73
107
  };
@@ -75,43 +109,66 @@ var renderAsPlainText = (component, _options) => {
75
109
  return (0, import_html_to_text.convert)(ReactDomServer.renderToStaticMarkup(component), {
76
110
  selectors: [
77
111
  { selector: "img", format: "skip" },
78
- { selector: "#__react-email-preview", format: "skip" }
112
+ { selector: "#__react-email-preview", format: "skip" },
113
+ {
114
+ selector: "a",
115
+ options: { linkBrackets: false }
116
+ }
79
117
  ]
80
118
  });
81
119
  };
82
120
 
83
121
  // src/render-async.ts
84
122
  var import_html_to_text2 = require("html-to-text");
85
- var import_pretty2 = __toESM(require("pretty"));
123
+ var decoder = new TextDecoder("utf-8");
86
124
  var readStream = (readableStream) => __async(void 0, null, function* () {
87
- const reader = readableStream.getReader();
88
- const chunks = [];
89
- while (true) {
90
- const { value, done } = yield reader.read();
91
- if (done) {
92
- break;
125
+ let result = "";
126
+ if ("allReady" in readableStream) {
127
+ const reader = readableStream.getReader();
128
+ while (true) {
129
+ const { value, done } = yield reader.read();
130
+ if (done) {
131
+ break;
132
+ }
133
+ result += decoder.decode(value);
134
+ }
135
+ } else {
136
+ try {
137
+ for (var iter = __forAwait(readableStream), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
138
+ const chunk = temp.value;
139
+ result += decoder.decode(Buffer.from(chunk));
140
+ }
141
+ } catch (temp) {
142
+ error = [temp];
143
+ } finally {
144
+ try {
145
+ more && (temp = iter.return) && (yield temp.call(iter));
146
+ } finally {
147
+ if (error)
148
+ throw error[0];
149
+ }
93
150
  }
94
- chunks.push(value);
95
151
  }
96
- return chunks.map((chunk) => new TextDecoder("utf-8").decode(chunk)).join("");
152
+ return result;
97
153
  });
98
154
  var renderAsync = (component, options) => __async(void 0, null, function* () {
155
+ var _a;
99
156
  const reactDOMServer = (yield import("react-dom/server")).default;
100
- const renderToStream = reactDOMServer.renderToReadableStream || reactDOMServer.renderToString || reactDOMServer.renderToPipeableStream;
157
+ const renderToStream = (_a = reactDOMServer.renderToReadableStream) != null ? _a : reactDOMServer.renderToStaticNodeStream;
101
158
  const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
102
- const readableStream = yield renderToStream(component);
103
- const html = typeof readableStream === "string" ? readableStream : yield readStream(readableStream);
159
+ const htmlOrReadableStream = yield renderToStream(component);
160
+ const html2 = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
104
161
  if (options == null ? void 0 : options.plainText) {
105
- return (0, import_html_to_text2.convert)(html, {
162
+ return (0, import_html_to_text2.convert)(html2, {
106
163
  selectors: [
107
164
  { selector: "img", format: "skip" },
108
165
  { selector: "#__react-email-preview", format: "skip" }
109
166
  ]
110
167
  });
111
168
  }
112
- const document = `${doctype}${html}`;
169
+ const document = `${doctype}${html2}`;
113
170
  if (options == null ? void 0 : options.pretty) {
114
- return (0, import_pretty2.default)(document);
171
+ return pretty(document);
115
172
  }
116
173
  return document;
117
174
  });
package/dist/index.mjs CHANGED
@@ -1,3 +1,24 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __knownSymbol = (name, symbol) => {
6
+ if (symbol = Symbol[name])
7
+ return symbol;
8
+ throw Error("Symbol." + name + " is not defined");
9
+ };
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
1
22
  var __async = (__this, __arguments, generator) => {
2
23
  return new Promise((resolve, reject) => {
3
24
  var fulfilled = (value) => {
@@ -18,11 +39,26 @@ var __async = (__this, __arguments, generator) => {
18
39
  step((generator = generator.apply(__this, __arguments)).next());
19
40
  });
20
41
  };
42
+ var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
21
43
 
22
44
  // src/render.ts
23
45
  import * as ReactDomServer from "react-dom/server";
24
46
  import { convert } from "html-to-text";
25
- import pretty from "pretty";
47
+
48
+ // src/utils/pretty.ts
49
+ import { html } from "js-beautify";
50
+ var defaults = {
51
+ unformatted: ["code", "pre", "em", "strong", "span"],
52
+ indent_inner_html: true,
53
+ indent_char: " ",
54
+ indent_size: 2,
55
+ sep: "\n"
56
+ };
57
+ var pretty = (str, options = {}) => {
58
+ return html(str, __spreadValues(__spreadValues({}, defaults), options));
59
+ };
60
+
61
+ // src/render.ts
26
62
  var render = (component, options) => {
27
63
  if (options == null ? void 0 : options.plainText) {
28
64
  return renderAsPlainText(component, options);
@@ -39,43 +75,66 @@ var renderAsPlainText = (component, _options) => {
39
75
  return convert(ReactDomServer.renderToStaticMarkup(component), {
40
76
  selectors: [
41
77
  { selector: "img", format: "skip" },
42
- { selector: "#__react-email-preview", format: "skip" }
78
+ { selector: "#__react-email-preview", format: "skip" },
79
+ {
80
+ selector: "a",
81
+ options: { linkBrackets: false }
82
+ }
43
83
  ]
44
84
  });
45
85
  };
46
86
 
47
87
  // src/render-async.ts
48
88
  import { convert as convert2 } from "html-to-text";
49
- import pretty2 from "pretty";
89
+ var decoder = new TextDecoder("utf-8");
50
90
  var readStream = (readableStream) => __async(void 0, null, function* () {
51
- const reader = readableStream.getReader();
52
- const chunks = [];
53
- while (true) {
54
- const { value, done } = yield reader.read();
55
- if (done) {
56
- break;
91
+ let result = "";
92
+ if ("allReady" in readableStream) {
93
+ const reader = readableStream.getReader();
94
+ while (true) {
95
+ const { value, done } = yield reader.read();
96
+ if (done) {
97
+ break;
98
+ }
99
+ result += decoder.decode(value);
100
+ }
101
+ } else {
102
+ try {
103
+ for (var iter = __forAwait(readableStream), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
104
+ const chunk = temp.value;
105
+ result += decoder.decode(Buffer.from(chunk));
106
+ }
107
+ } catch (temp) {
108
+ error = [temp];
109
+ } finally {
110
+ try {
111
+ more && (temp = iter.return) && (yield temp.call(iter));
112
+ } finally {
113
+ if (error)
114
+ throw error[0];
115
+ }
57
116
  }
58
- chunks.push(value);
59
117
  }
60
- return chunks.map((chunk) => new TextDecoder("utf-8").decode(chunk)).join("");
118
+ return result;
61
119
  });
62
120
  var renderAsync = (component, options) => __async(void 0, null, function* () {
121
+ var _a;
63
122
  const reactDOMServer = (yield import("react-dom/server")).default;
64
- const renderToStream = reactDOMServer.renderToReadableStream || reactDOMServer.renderToString || reactDOMServer.renderToPipeableStream;
123
+ const renderToStream = (_a = reactDOMServer.renderToReadableStream) != null ? _a : reactDOMServer.renderToStaticNodeStream;
65
124
  const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
66
- const readableStream = yield renderToStream(component);
67
- const html = typeof readableStream === "string" ? readableStream : yield readStream(readableStream);
125
+ const htmlOrReadableStream = yield renderToStream(component);
126
+ const html2 = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
68
127
  if (options == null ? void 0 : options.plainText) {
69
- return convert2(html, {
128
+ return convert2(html2, {
70
129
  selectors: [
71
130
  { selector: "img", format: "skip" },
72
131
  { selector: "#__react-email-preview", format: "skip" }
73
132
  ]
74
133
  });
75
134
  }
76
- const document = `${doctype}${html}`;
135
+ const document = `${doctype}${html2}`;
77
136
  if (options == null ? void 0 : options.pretty) {
78
- return pretty2(document);
137
+ return pretty(document);
79
138
  }
80
139
  return document;
81
140
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-email/render",
3
- "version": "0.0.10",
3
+ "version": "0.0.11-canary.0",
4
4
  "description": "Transform React components into HTML email templates",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/index.js",
@@ -36,15 +36,18 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "html-to-text": "9.0.5",
39
- "pretty": "2.0.0",
39
+ "js-beautify": "^1.14.11",
40
40
  "react": "18.2.0",
41
41
  "react-dom": "18.2.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@babel/preset-react": "7.22.5",
45
+ "@edge-runtime/vm": "3.1.7",
45
46
  "@types/html-to-text": "9.0.1",
46
- "@types/pretty": "2.0.1",
47
+ "@types/js-beautify": "1.14.3",
48
+ "jsdom": "23.0.1",
47
49
  "typescript": "5.1.6",
50
+ "vitest": "0.34.6",
48
51
  "eslint-config-custom": "0.0.0",
49
52
  "tsconfig": "0.0.0"
50
53
  },