This repo now only contains the web app.

I did this because they are 2 separate concerns and I have diverged
so far from the original repo. I didn't start a new repo because it
contains valuable history of all the people who contributed to it.

Additionally if there is an issue with this we can revert, but I
rather not. Forks are forks.

js/ui/fmt.js

@@ -0,0 +1,87 @@
+function linkify(text="", show_media=false) {
+	return text.replace(URL_REGEX, function(match, p1, p2, p3) {
+		const url = p2+p3;
+		let parsed;
+		try {
+			parsed = new URL(url)
+		} catch (err) {
+			return match;
+		}
+		let markup;
+		if (show_media && is_img_url(parsed.pathname)) {
+			markup = html`
+			<img class="inline-img clickable" src="${url}" 
+			onclick="open_media_preview('${url}', 'image')"/>`;
+		} else if (show_media && is_video_url(parsed.pathname)) {
+			markup = html`
+			<video controls class="inline-img" />
+			  <source src="${url}">
+			</video>`;
+		} else {
+			markup = html`<a target="_blank" rel="noopener noreferrer" href="${url}">${url}</a>`;
+		}
+		return p1+markup;
+	})
+}
+
+function format_content(ev, show_media) {
+	if (ev.kind === 7) {
+		if (ev.content === "" || ev.content === "+")
+			return "❤️"
+		return html`${ev.content.trim()}`;
+	}
+	const content = ev.content.trim();
+	const body = fmt_body(content, show_media);
+	let cw = get_content_warning(ev.tags)
+	if (cw !== null) {
+		let cwHTML = "Content Warning"
+		if (cw === "") {
+			cwHTML += "."
+		} else {
+			cwHTML += html`: "<span>${cw}</span>".`
+		}
+		return `
+		<details class="cw">
+		  <summary class="event-message">${cwHTML}</summary>
+		  ${body}
+		</details>`;
+	}
+	return body;
+}
+
+/* fmt_body will parse images, blockquotes, and sanitize the content.
+ */
+function fmt_body(content, show_media) {
+	const split = content.split("\n")
+	let blockin = false
+	return split.reduce((str, line) => {
+		if (line !== "" && line[0] === '>') {
+			if (!blockin) {
+				str += "<span class='quote'>"
+				blockin = true
+			}
+			str += linkify(html`${line.slice(1)}`, show_media)
+		} else {
+			if (blockin) {
+				blockin = false
+				str += "</span>"
+			}
+			str += linkify(html`${line}`, show_media)
+		}
+		return str + "<br/>"
+	}, "")
+}
+
+/* format_profile_name takes in a profile and tries it's best to return a string
+ * that is best suited for the profile. 
+ */
+function fmt_profile_name(profile={}, fallback="Anonymous") {
+	const name = profile.display_name || profile.user || profile.name || 
+		fallback	
+	return html`${name}`;
+}
+
+function fmt_pubkey(pk) {
+	return pk.slice(-8)
+}
+