-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrendering.ts
More file actions
127 lines (117 loc) · 2.94 KB
/
Copy pathrendering.ts
File metadata and controls
127 lines (117 loc) · 2.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
export const identifiers = {
link: "link",
remoteImage: "remoteImage",
html: "html",
cssRule: "cssRule",
cssClassName: "cssClassName",
image: "image",
} as const;
function taggedString(
strings: TemplateStringsArray,
...values: Array<string | number>
): string {
return Array.from(
(function* () {
for (const [i, s] of strings.entries()) {
yield s;
if (values[i] != null) {
yield values[i];
}
}
})()
).join("");
}
const out = {
Link: (to: string, text: string) =>
Object.freeze({
type: identifiers.link,
to,
text,
}),
RemoteImage: (url: string, alt: string) =>
Object.freeze({
type: identifiers.remoteImage,
url,
alt,
}),
HTML: (strings: TemplateStringsArray, ...values: Array<string | number>) =>
Object.freeze({
type: identifiers.html,
raw: taggedString(strings, ...values),
}),
CSS: (selector: string, rules: string) =>
Object.freeze({
type: identifiers.cssRule,
selector,
rules,
}),
};
export const { HTML, CSS, Link, RemoteImage } = out;
export type RenderingMessage = ReturnType<
typeof out.HTML | typeof out.CSS | typeof out.Link | typeof out.RemoteImage
>;
export function* processHTML(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const message of generator()) {
if (message.type === identifiers.html) {
yield message.raw;
yield "\n";
}
}
}
export function* processRichHTML(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const message of generator()) {
if (message.type === identifiers.html) {
yield message.raw;
yield "\n";
} else if (message.type === identifiers.link) {
yield `<a href="${message.to}">${message.text}</a>`;
yield "\n";
} else if (message.type === identifiers.remoteImage) {
yield `<img src="${message.url}" alt="${message.alt}">`;
yield "\n";
}
}
}
export function* processCSS(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const message of generator()) {
if (message.type === identifiers.cssRule) {
yield message.selector.replace(/^/, "output ");
yield " {";
yield message.rules;
yield "}";
yield "\n";
}
}
}
export function* allLinks(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const message of generator()) {
if (message.type === identifiers.link) {
yield message.to;
}
}
}
export function* allLoadedOrigins(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const message of generator()) {
if (message.type === identifiers.remoteImage) {
const url = new URL(message.url);
yield url.origin;
}
}
}
export function* processMetaLinkHTML(
generator: () => Generator<RenderingMessage, void, void>
) {
for (const origin of allLoadedOrigins(generator)) {
yield HTML`<link rel="dns-prefetch" href="${origin}">`;
}
}