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
|
import {
escapeHtml,
replaceEntities,
unescapeMd,
} from "remarkable/lib/common/utils";
import { Remarkable } from "remarkable";
import { UiLogicError } from "@/common";
import { base64 } from "@/http/common";
import { HttpTimelinePostPostRequest } from "@/http/timeline";
export default class TimelinePostBuilder {
private _onChange: () => void;
private _text = "";
private _images: { file: File; url: string }[] = [];
private _md: Remarkable = new Remarkable();
constructor(onChange: () => void) {
this._onChange = onChange;
this._md.renderer.rules.image = ((
_t: TimelinePostBuilder
): Remarkable.Rule<Remarkable.ImageToken, string> =>
function (tokens, idx, options /*, env */) {
const i = parseInt(tokens[idx].src);
const src =
' src="' +
(isNaN(i) && i > 0 && i <= _t._images.length
? escapeHtml(tokens[idx].src)
: _t._images[i - 1].url) +
'"';
const title = tokens[idx].title
? ' title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '"'
: "";
const alt =
' alt="' +
(tokens[idx].alt
? escapeHtml(replaceEntities(unescapeMd(tokens[idx].alt)))
: "") +
'"';
const suffix = options?.xhtmlOut ? " /" : "";
return "<img" + src + alt + title + suffix + ">";
})(this);
}
setMarkdownText(text: string): void {
this._text = text;
this._onChange();
}
appendImage(file: File): void {
this._images.push({
file,
url: URL.createObjectURL(file),
});
this._onChange();
}
moveImage(oldIndex: number, newIndex: number): void {
if (oldIndex < 0 || oldIndex >= this._images.length) {
throw new UiLogicError("Old index out of range.");
}
if (newIndex < 0) {
newIndex = 0;
}
if (newIndex >= this._images.length) {
newIndex = this._images.length - 1;
}
const [old] = this._images.splice(oldIndex, 1);
this._images.splice(newIndex, 0, old);
this._onChange();
}
deleteImage(index: number): void {
if (index < 0 || index >= this._images.length) {
throw new UiLogicError("Old index out of range.");
}
URL.revokeObjectURL(this._images[index].url);
this._images.splice(index, 1);
this._onChange();
}
get text(): string {
return this._text;
}
get images(): { file: File; url: string }[] {
return this._images;
}
renderHtml(): string {
return this._md.render(this._text);
}
dispose(): void {
for (const image of this._images) {
URL.revokeObjectURL(image.url);
}
this._images = [];
}
async build(): Promise<HttpTimelinePostPostRequest["dataList"]> {
return [
{
contentType: "text/markdown",
data: await base64(this._text),
},
...(await Promise.all(
this._images.map((image) =>
base64(image.file).then((data) => ({
contentType: image.file.type,
data,
}))
)
)),
];
}
}
|
