solid-ui 5.0.2-4 → 5.0.2-5

package/dist/chat/message.esm.js

@@ -1,39 +1,39 @@
-import e from "../lib/ns.esm.js";
+import { insertMessageIntoTable as e } from "./infinite.esm.js";
 import { label as t } from "../utils/label.esm.js";
+import { messageToolbar as n, sentimentStripLinked as r } from "./messageTools.esm.js";
+import { findBookmarkDocument as i } from "./bookmarks.esm.js";
+import { allVersions as a, mostRecentVersion as o, originalVersion as s } from "./chatLogic.esm.js";
+import { makeDraggable as c, makeDropTarget as l, uploadFiles as u } from "../widgets/dragAndDrop.esm.js";
+import { errorMessageBlock as d } from "../widgets/error.esm.js";
+import { log as f, warn as p } from "../lib/debug.esm.js";
+import { button as m, cancelButton as h, openHrefInOutlineMode as g, setImage as _, shortDate as v } from "../widgets/buttons.esm.js";
+import { icons as y } from "../lib/iconBase.esm.js";
+import { ensureLoggedIn as b } from "../login/login.esm.js";
+import { media as x } from "../media/index.esm.js";
+import S from "../lib/ns.esm.js";
+import { lightColorHash as C } from "../lib/pad.esm.js";
+import { style as w } from "../lib/style.esm.js";
+import { recordParticipation as T } from "../lib/participation.esm.js";
 import "../utils/index.esm.js";
-import { log as n, warn as r } from "../lib/debug.esm.js";
-import { style as i } from "../lib/style.esm.js";
-import { makeDraggable as a, makeDropTarget as o, uploadFiles as s } from "../widgets/dragAndDrop.esm.js";
-import { errorMessageBlock as c } from "../widgets/error.esm.js";
-import { icons as l } from "../lib/iconBase.esm.js";
-import { button as u, cancelButton as d, openHrefInOutlineMode as f, setImage as p, shortDate as m } from "../widgets/buttons.esm.js";
 import "../widgets/index.esm.js";
-import { ensureLoggedIn as h } from "../login/login.esm.js";
-import { media as g } from "../media/index.esm.js";
-import { SEC as _, getBlankMsg as v, verifySignature as y } from "./signature.esm.js";
-import { getPublicKey as b } from "./keys.esm.js";
-import { allVersions as x, mostRecentVersion as S, originalVersion as C } from "./chatLogic.esm.js";
-import { recordParticipation as w } from "../lib/participation.esm.js";
-import { lightColorHash as T } from "../lib/pad.esm.js";
-import { findBookmarkDocument as E } from "./bookmarks.esm.js";
-import { messageToolbar as D, sentimentStripLinked as O } from "./messageTools.esm.js";
-import { insertMessageIntoTable as k } from "./infinite.esm.js";
+import { SEC as E, getBlankMsg as D, verifySignature as O } from "./signature.esm.js";
+import { getPublicKey as k } from "./keys.esm.js";
 import { authn as A, store as j } from "solid-logic";
 // src/chat/message.js
-var M = window.document, N = i.messageBodyStyle, P = t;
+var M = window.document, N = w.messageBodyStyle, P = t;
 function F(e, t) {
 	let n = M.createElement("img"), r = "10";
 	t.inlineImageHeightEms && (r = ("" + t.inlineImageHeightEms).trim()), n.setAttribute("style", "max-height: " + r + "em; border-radius: 1em; margin: 0.7em;"), e && n.setAttribute("src", e);
 	let i = M.createElement("a");
-	return i.setAttribute("href", e), i.setAttribute("target", "images"), i.appendChild(n), a(n, $rdf.sym(e)), i;
+	return i.setAttribute("href", e), i.setAttribute("target", "images"), i.appendChild(n), c(n, $rdf.sym(e)), i;
 }
 var I = function(e, t) {
 	let n = M.createElement("a");
-	return t && t.uri && (n.setAttribute("href", t.uri), n.addEventListener("click", f, !0), n.setAttribute("style", "color: #3B5998; text-decoration: none; ")), n.textContent = e, n;
+	return t && t.uri && (n.setAttribute("href", t.uri), n.addEventListener("click", g, !0), n.setAttribute("style", "color: #3B5998; text-decoration: none; ")), n.textContent = e, n;
 };
-function L(t) {
-	let n = j.any(t, e.foaf("nick"));
-	return n ? "" + n.value : "" + P(t);
+function L(e) {
+	let t = j.any(e, S.foaf("nick"));
+	return t ? "" + t.value : "" + P(e);
 }
 function R(e, t, n, r) {
 	let i = e.appendChild(I(L(t), t));
@@ -49,136 +49,136 @@ function z(e, t, n, r) {
 	let a = e.appendChild(I(n, r));
 	a.style.fontSize = "80%", a.style.marginLeft = "1em", e.appendChild(M.createElement("br"));
 }
-async function B(t, i, a, o, s) {
-	let c = !1, d = o.colorizeByAuthor === "1" || o.colorizeByAuthor === !0, f = j.any(i, e.foaf("maker")), h = j.any(i, e.dct("created")), g = await S(i), w = j.any(g, e.foaf("maker")), E = f.uri === w?.uri ? g : i, k = j.any(E, e.sioc("content")), A = await x(E);
-	A.length > 1 && n("renderMessageRow versions: ", A.join(",  "));
-	let P = A.map((t) => j.each(t, e.sioc("has_reply"))).flat(), I = null, L = [];
-	for (let t of P) j.holds(t, e.rdf("type"), e.sioc("Thread")) ? (I = t, n("renderMessageRow: found thread: " + I)) : L.push(t);
-	L.length > 1 && n("renderMessageRow: found normal replies: ", L), I ||= j.any(null, e.sioc("has_member"), i);
-	let B = j.any(E, $rdf.sym(`${_}proofValue`)), V = v();
-	V.id = E.uri, V.created = j.any(E, e.dct("created")).value, V.content = k.value, V.maker = f.uri, B?.value ? b(f).then((e) => {
-		e || r("message is signed but " + f.uri + " is missing publicKey"), e?.match(/[0-9A-Fa-f]{6}/g) ? B?.value && !y(B?.value, V, e) && r("invalid signature\n" + V.id) : r("invalid publicKey hex string\n" + f.uri + "\n" + e);
-	}) : (c = !0, r(E.uri + " is unsigned"));
-	let H = await C(i), ee = !i.sameTerm(H), U = j.the(H, e.dct("created"), null, H.doc()) || j.the(i, e.dct("created"), null, i.doc()), W = M.createElement("tr");
-	c && W.setAttribute("style", "background-color: red"), W.AJAR_date = U.value, W.AJAR_subject = i;
-	let G = M.createElement("td");
-	if (W.appendChild(G), o.authorDateOnLeft) R(G, f, m(U.value), i);
+async function B(e, t, i, c, l) {
+	let u = !1, d = c.colorizeByAuthor === "1" || c.colorizeByAuthor === !0, h = j.any(t, S.foaf("maker")), g = j.any(t, S.dct("created")), b = await o(t), x = j.any(b, S.foaf("maker")), w = h.uri === x?.uri ? b : t, T = j.any(w, S.sioc("content")), A = await a(w);
+	A.length > 1 && f("renderMessageRow versions: ", A.join(",  "));
+	let P = A.map((e) => j.each(e, S.sioc("has_reply"))).flat(), I = null, L = [];
+	for (let e of P) j.holds(e, S.rdf("type"), S.sioc("Thread")) ? (I = e, f("renderMessageRow: found thread: " + I)) : L.push(e);
+	L.length > 1 && f("renderMessageRow: found normal replies: ", L), I ||= j.any(null, S.sioc("has_member"), t);
+	let B = j.any(w, $rdf.sym(`${E}proofValue`)), V = D();
+	V.id = w.uri, V.created = j.any(w, S.dct("created")).value, V.content = T.value, V.maker = h.uri, B?.value ? k(h).then((e) => {
+		e || p("message is signed but " + h.uri + " is missing publicKey"), e?.match(/[0-9A-Fa-f]{6}/g) ? B?.value && !O(B?.value, V, e) && p("invalid signature\n" + V.id) : p("invalid publicKey hex string\n" + h.uri + "\n" + e);
+	}) : (u = !0, p(w.uri + " is unsigned"));
+	let H = await s(t), U = !t.sameTerm(H), W = j.the(H, S.dct("created"), null, H.doc()) || j.the(t, S.dct("created"), null, t.doc()), G = M.createElement("tr");
+	u && G.setAttribute("style", "background-color: red"), G.AJAR_date = W.value, G.AJAR_subject = t;
+	let K = M.createElement("td");
+	if (G.appendChild(K), c.authorDateOnLeft) R(K, h, v(W.value), t);
 	else {
 		let e = M.createElement("img");
-		e.setAttribute("style", "max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;"), p(e, f), G.appendChild(e);
+		e.setAttribute("style", "max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;"), _(e, h), K.appendChild(e);
 	}
-	let K = m(U.value);
-	ee && (K += " ... " + m(h.value));
-	let q = W.appendChild(M.createElement("td"));
-	o.authorDateOnLeft || z(q, f, K, i);
-	let J = k ? k.value.trim() : "??? no content?", Y = /^https?:\/[^ <>]*$/i.test(J), X = null;
-	if (Y) {
-		if (/\.(gif|jpg|jpeg|tiff|png|svg)$/i.test(J) && o.expandImagesInline) {
-			let e = F(J, o);
-			q.appendChild(e);
+	let q = v(W.value);
+	U && (q += " ... " + v(g.value));
+	let J = G.appendChild(M.createElement("td"));
+	c.authorDateOnLeft || z(J, h, q, t);
+	let Y = T ? T.value.trim() : "??? no content?", ee = /^https?:\/[^ <>]*$/i.test(Y), X = null;
+	if (ee) {
+		if (/\.(gif|jpg|jpeg|tiff|png|svg)$/i.test(Y) && c.expandImagesInline) {
+			let e = F(Y, c);
+			J.appendChild(e);
 		} else {
-			let e = q.appendChild(M.createElement("a"));
-			X = e.appendChild(M.createElement("p")), e.href = J, X.textContent = J, q.appendChild(e);
+			let e = J.appendChild(M.createElement("a"));
+			X = e.appendChild(M.createElement("p")), e.href = Y, X.textContent = Y, J.appendChild(e);
 		}
-	} else X = M.createElement("p"), q.appendChild(X), X.textContent = J;
+	} else X = M.createElement("p"), J.appendChild(X), X.textContent = Y;
 	if (X) {
-		let e = d ? T(f) : te(a);
+		let e = d ? C(h) : te(i);
 		X.setAttribute("style", N + "background-color: " + e + ";");
 	}
 	function te(e) {
 		return e ? "#e8ffe8" : "white";
 	}
-	let Z = await O(i, i.doc());
-	Z.children.length && (q.appendChild(M.createElement("br")), q.appendChild(Z));
+	let Z = await r(t, t.doc());
+	Z.children.length && (J.appendChild(M.createElement("br")), J.appendChild(Z));
 	let Q = M.createElement("td");
-	W.appendChild(Q);
-	let $ = u(M, l.iconBase + "noun_243787.svg", "...");
-	return Q.appendChild($), $.addEventListener("click", async function(e) {
-		if (W.toolTR) {
-			W.parentNode.removeChild(W.toolTR), delete W.toolTR;
+	G.appendChild(Q);
+	let $ = m(M, y.iconBase + "noun_243787.svg", "...");
+	return Q.appendChild($), $.addEventListener("click", async function(r) {
+		if (G.toolTR) {
+			G.parentNode.removeChild(G.toolTR), delete G.toolTR;
 			return;
 		}
-		let n = M.createElement("tr"), r = await D(i, W, {
-			...s,
-			chatOptions: o
-		}, t);
-		r.style = "border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;", W.nextSibling ? W.parentElement.insertBefore(n, W.nextSibling) : W.parentElement.appendChild(n), W.toolTR = n, n.appendChild(M.createElement("td"));
-		let a = n.appendChild(M.createElement("td"));
-		n.appendChild(M.createElement("td")), a.appendChild(r);
-	}), I && o.showThread && Q.appendChild(u(M, l.iconBase + "noun_1180164.svg", "see thread", (e) => {
-		o.showThread(I, o);
-	})), W;
+		let i = M.createElement("tr"), a = await n(t, G, {
+			...l,
+			chatOptions: c
+		}, e);
+		a.style = "border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;", G.nextSibling ? G.parentElement.insertBefore(i, G.nextSibling) : G.parentElement.appendChild(i), G.toolTR = i, i.appendChild(M.createElement("td"));
+		let o = i.appendChild(M.createElement("td"));
+		i.appendChild(M.createElement("td")), o.appendChild(a);
+	}), I && c.showThread && Q.appendChild(m(M, y.iconBase + "noun_1180164.svg", "see thread", (e) => {
+		c.showThread(I, c);
+	})), G;
 }
 async function V(e, t, n, r) {
-	let i = e.parentNode, a = H(n, i, r, n.options, await S(t));
+	let i = e.parentNode, a = H(n, i, r, n.options, await o(t));
 	i.insertBefore(a, e), a.originalRow = e, e.style.visibility = "hidden";
 }
-function H(t, n, a, f, p) {
-	function m(e) {
+function H(t, n, r, a, o) {
+	function s(e) {
 		e.originalRow.style.visibility = "visible", e.parentNode.removeChild(e);
 	}
-	async function _(e) {
-		await v(F.value, !0);
+	async function c(e) {
+		await f(F.value, !0);
 	}
-	async function v(e, i) {
-		async function o(e, o) {
-			if (await k(t, n, e, !1, f, a), p) {
-				let e = T.originalRow;
-				e.parentNode ? e.parentNode.removeChild(e) : (r("No parentNode on old message " + e.textContent), e.style.backgroundColor = "#fee", e.style.visibility = "hidden"), T.parentNode.removeChild(T);
-			} else i && (F.value = "", F.setAttribute("style", N), F.disabled = !1, F.scrollIntoView(f.newestFirst), F.focus(), F.select());
+	async function f(i, s) {
+		async function c(i, c) {
+			if (await e(t, n, i, !1, a, r), o) {
+				let e = D.originalRow;
+				e.parentNode ? e.parentNode.removeChild(e) : (p("No parentNode on old message " + e.textContent), e.style.backgroundColor = "#fee", e.style.visibility = "hidden"), D.parentNode.removeChild(D);
+			} else s && (F.value = "", F.setAttribute("style", N), F.disabled = !1, F.scrollIntoView(a.newestFirst), F.focus(), F.select());
 		}
-		i && (F.setAttribute("style", N + "color: #bbb;"), F.disabled = !0);
-		let s;
+		s && (F.setAttribute("style", N + "color: #bbb;"), F.disabled = !0);
+		let l;
 		try {
-			s = await t.updateMessage(e, p, null, f.thread);
+			l = await t.updateMessage(i, o, null, a.thread);
 		} catch (e) {
-			(a.statusArea || T).appendChild(c(M, "Error writing message: " + e));
+			(r.statusArea || D).appendChild(d(M, "Error writing message: " + e));
 			return;
 		}
-		await o(s, e);
+		await c(l, i);
 	}
-	function y(e) {
+	function g(e) {
 		let t = n.chatDocument.dir().uri;
-		s(j.fetcher, e, t + "Files", t + "Pictures", async function(e, t) {
-			await v(t);
+		u(j.fetcher, e, t + "Files", t + "Pictures", async function(e, t) {
+			await f(t);
 		});
 	}
-	let b = async function(e) {
-		for (let t of e) await v(t);
+	let _ = async function(e) {
+		for (let t of e) await f(t);
 	};
-	function x() {
-		function n() {
-			return c = $rdf.sym(s.dir().uri + "Image_" + Date.now() + ".png"), c;
+	function v() {
+		function e() {
+			return u = $rdf.sym(i.dir().uri + "Image_" + Date.now() + ".png"), u;
 		}
-		async function r(e) {
-			e && await v(e.uri);
+		async function n(e) {
+			e && await f(e.uri);
 		}
-		if (f.menuHandler) {
-			let e = u(M, l.iconBase + "noun_243787.svg", "More");
-			e.setAttribute("style", i.buttonStyle + "float: right;"), P.appendChild(e);
+		if (a.menuHandler) {
+			let e = m(M, y.iconBase + "noun_243787.svg", "More");
+			e.setAttribute("style", w.buttonStyle + "float: right;"), P.appendChild(e);
 		}
-		f.menuHandler;
-		let a = A.currentUser();
-		if (R(D, a, "", null), F = M.createElement("textarea"), O.innerHTML = "", O.appendChild(F), F.rows = 3, p && (F.value = j.anyValue(p, e.sioc("content"), null, p.doc())), F.setAttribute("style", N + "background-color: #eef;"), F.addEventListener("keydown", async function(e) {
-			e.code === "Enter" && (!e.shiftKey && !f.shiftEnterSendsMessage || e.shiftKey && f.shiftEnterSendsMessage) && await _(e);
-		}, !1), o(F, b, y), P.innerHTML = "", I = u(M, C, "Send"), I.style.float = "right", I.addEventListener("click", (e) => _(), !1), P.appendChild(I), p) {
-			let e = P.appendChild(d(M));
-			e.style.float = "left", e.addEventListener("click", (e) => m(T), !1), P.appendChild(e);
+		a.menuHandler;
+		let r = A.currentUser();
+		if (R(O, r, "", null), F = M.createElement("textarea"), k.innerHTML = "", k.appendChild(F), F.rows = 3, o && (F.value = j.anyValue(o, S.sioc("content"), null, o.doc())), F.setAttribute("style", N + "background-color: #eef;"), F.addEventListener("keydown", async function(e) {
+			e.code === "Enter" && (!e.shiftKey && !a.shiftEnterSendsMessage || e.shiftKey && a.shiftEnterSendsMessage) && await c(e);
+		}, !1), l(F, _, g), P.innerHTML = "", I = m(M, E, "Send"), I.style.float = "right", I.addEventListener("click", (e) => c(), !1), P.appendChild(I), o) {
+			let e = P.appendChild(h(M));
+			e.style.float = "left", e.addEventListener("click", (e) => s(D), !1), P.appendChild(e);
 		}
-		let s = t.dateFolder.leafDocumentFromDate(/* @__PURE__ */ new Date()), c;
-		O.appendChild(g.cameraButton(M, j, n, r)), w(t.channel, t.channel.doc());
+		let i = t.dateFolder.leafDocumentFromDate(/* @__PURE__ */ new Date()), u;
+		k.appendChild(x.cameraButton(M, j, e, n)), T(t.channel, t.channel.doc());
 	}
-	let S, C;
-	p ? (S = j.anyValue(p, e.dct("created"), null, p.doc()), C = l.iconBase + "noun_1180158.svg") : (C = l.iconBase + "noun_383448.svg", S = "9999-01-01T00:00:00Z");
-	let T = M.createElement("tr"), D = M.createElement("td"), O = M.createElement("td"), P = M.createElement("td");
-	T.appendChild(D), T.appendChild(O), T.appendChild(P), T.AJAR_date = S;
+	let C, E;
+	o ? (C = j.anyValue(o, S.dct("created"), null, o.doc()), E = y.iconBase + "noun_1180158.svg") : (E = y.iconBase + "noun_383448.svg", C = "9999-01-01T00:00:00Z");
+	let D = M.createElement("tr"), O = M.createElement("td"), k = M.createElement("td"), P = M.createElement("td");
+	D.appendChild(O), D.appendChild(k), D.appendChild(P), D.AJAR_date = C;
 	let F, I;
-	return h({
-		div: O,
+	return b({
+		div: k,
 		dom: M
 	}).then((e) => {
-		x(), Object.assign(e, a), E(e).then((e) => {});
-	}), T;
+		v(), Object.assign(e, r), i(e).then((e) => {});
+	}), D;
 }
 export { R as creatorAndDate, z as creatorAndDateHorizontal, F as elementForImageURI, H as renderMessageEditor, B as renderMessageRow, V as switchToEditor };
 

package/dist/chat/message.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.esm.js","names":["utils.label","widgets.openHrefInOutlineMode","ns","widgets.shortDate","pad.lightColorHash","widgets.button","widgets.errorMessageBlock","cancelButton","widgets.cancelButton","ns_default","label$1","dom","messageBodyStyle","style","label","elementForImageURI","img","height","options","imageUri","anchor","makeDraggable","a","term","openHrefInOutlineMode","text","nickname","s","store","person","creatorAndDate","nickAnchor","td1","creator","date","message","creatorAndDateHorizontal","dateBit","renderMessageRow","unsignedMessage","colorizeByAuthor","latestVersion","mostRecentVersion","latestVersionCreator","msgId","content","versions","allVersions","log","replies","version","thread","straightReplies","reply","signature","SEC","msg","getBlankMsg","getPublicKey","publicKey","warn","verifySignature","originalMessage","originalVersion","edited","sortDate","messageRow","shortDate","setImage","bothDates","td2","isURI","para","anc","bgcolor","lightColorHash","getBgColor","fresh","strip","sentimentStripLinked","td3","toolsButton","button","icons","toolsTR","tools","messageToolbar","userContext","channelObject","toolsTD","switchToEditor","messageTable","editRow","renderMessageEditor","revertEditing","messageEditor","handleFieldInput","sendMessage","field","sendComplete","insertMessageIntoTable","oldRow","fromMainField","err","errorMessageBlock","droppedFileHandler","base","files","destURI","droppedURIHandler","uri","uris","turnOnInput","getImageDoc","chatDocument","imageDoc","tookPicture","menuButton","rhs","me","authn","lhs","middle","makeDropTarget","sendIcon","sendButton","cancelButton$1","cancelButton","media","recordParticipation","ensureLoggedIn","context","findBookmarkDocument"],"sources":["../../src/chat/message.js"],"sourcesContent":["/**  UI code for individual messages: display them, edit them\n *\n * @packageDocumentation\n */\n\n/* global $rdf */\nimport { insertMessageIntoTable } from './infinite'\nimport { messageToolbar, sentimentStripLinked } from './messageTools'\nimport { findBookmarkDocument } from './bookmarks'\nimport { mostRecentVersion, originalVersion, allVersions } from './chatLogic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { store, authn } from 'solid-logic'\nimport { ensureLoggedIn } from '../login/login'\nimport { media } from '../media/index'\nimport ns from '../lib/ns'\nimport * as pad from '../lib/pad'\nimport { style } from '../lib/style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { getBlankMsg, verifySignature, SEC } from './signature'\nimport { getPublicKey } from './keys'\n\nconst dom = window.document\nconst messageBodyStyle = style.messageBodyStyle\n\nconst label = utils.label\n\n/**\n * elementForImageURI\n * HTML component for an image\n * @param imageUri\n * @param options { inlineImageHeightEms }\n * @returns HTMLAnchorElement For Image\n */\nexport function elementForImageURI (imageUri, options) {\n  const img = dom.createElement('img')\n  let height = '10'\n  if (options.inlineImageHeightEms) {\n    height = ('' + options.inlineImageHeightEms).trim()\n  }\n  img.setAttribute(\n    'style',\n    'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;'\n  )\n  // widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)\n  if (imageUri) img.setAttribute('src', imageUri)\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', imageUri)\n  anchor.setAttribute('target', 'images')\n  anchor.appendChild(img)\n  widgets.makeDraggable(img, $rdf.sym(imageUri))\n  return anchor\n}\n\nconst anchor = function (text, term) {\n  // If there is no link return an element anyway\n  const a = dom.createElement('a')\n  if (term && term.uri) {\n    a.setAttribute('href', term.uri)\n    a.addEventListener('click', widgets.openHrefInOutlineMode, true)\n    a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n  }\n  a.textContent = text\n  return a\n}\n\nfunction nickname (person) {\n  const s = store.any(person, ns.foaf('nick'))\n  if (s) return '' + s.value\n  return '' + label(person)\n}\n\n/**\n * creatorAndDate\n * Displays creator and date for a chat message\n * inside the `td1` element\n * @param td1\n * @param creator\n * @param date\n * @param message\n * @returns HTMLAnchorElement For Image\n */\nexport function creatorAndDate (td1, creator, date, message) {\n  const nickAnchor = td1.appendChild(anchor(nickname(creator), creator))\n  if (creator.uri) {\n    store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n      _ok,\n      _body\n    ) {\n      nickAnchor.textContent = nickname(creator)\n    })\n  }\n  td1.appendChild(dom.createElement('br'))\n  td1.appendChild(anchor(date, message))\n}\n\n/**\n * creatorAndDateHorizontal\n * Horizontally displays creator and date for a chat message\n * inside the `td1` element\n * @param td1\n * @param creator\n * @param date\n * @param message\n * @returns HTMLAnchorElement For Image\n */\nexport function creatorAndDateHorizontal (td1, creator, date, message) {\n  const nickAnchor = td1.appendChild(anchor(label(creator), creator))\n  if (creator.uri) {\n    store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n      _ok,\n      _body\n    ) {\n      nickAnchor.textContent = nickname(creator)\n    })\n  }\n  const dateBit = td1.appendChild(anchor(date, message))\n  dateBit.style.fontSize = '80%'\n  dateBit.style.marginLeft = '1em'\n  td1.appendChild(dom.createElement('br'))\n}\n\n/**\n * renderMessageRow\n * Renders a chat message, read-only mode\n * @param channelObject\n * @param message\n * @param fresh\n * @param options\n * @param userContext\n * @returns Message Row HTML Table Element\n */\nexport async function renderMessageRow (channelObject, message, fresh, options, userContext) {\n  let unsignedMessage = false\n  const colorizeByAuthor =\n    options.colorizeByAuthor === '1' || options.colorizeByAuthor === true\n\n  // const id = store.any(latestVersion, ns.sioc('id'))\n  // const replies = store.each(latestVersion, ns.sioc('has_reply'))\n\n  const creator = store.any(message, ns.foaf('maker'))\n  const date = store.any(message, ns.dct('created'))\n  const latestVersion = await mostRecentVersion(message)\n  const latestVersionCreator = store.any(latestVersion, ns.foaf('maker'))\n\n  // use latest content if same owner, else use original\n  // this is may be too strict. Should we find latest valid version if any ?\n  const msgId = creator.uri === latestVersionCreator?.uri ? latestVersion : message\n  const content = store.any(msgId, ns.sioc('content'))\n\n  const versions = await allVersions(msgId)\n  if (versions.length > 1) {\n    debug.log('renderMessageRow versions: ', versions.join(',  '))\n  }\n  // be tolerant in accepting replies on any version of a message\n  const replies = versions.map(version => store.each(version, ns.sioc('has_reply'))).flat()\n\n  let thread = null\n  const straightReplies = []\n  for (const reply of replies) {\n    if (store.holds(reply, ns.rdf('type'), ns.sioc('Thread'))) {\n      thread = reply\n      debug.log('renderMessageRow: found thread: ' + thread)\n    } else {\n      straightReplies.push(reply)\n    }\n  }\n  if (straightReplies.length > 1) {\n    debug.log('renderMessageRow: found normal replies: ', straightReplies)\n  }\n  if (!thread) {\n    // thread = store.any(message, ns.sioc('has_reply'))\n    thread = store.any(null, ns.sioc('has_member'), message)\n  }\n  // debug.log('@@@@ is thread' + thread)\n\n  // get signature\n  const signature = store.any(msgId, $rdf.sym(`${SEC}proofValue`))\n\n  // set proof message object\n  const msg = getBlankMsg()\n  msg.id = msgId.uri\n  msg.created = store.any(msgId, ns.dct('created')).value\n  msg.content = content.value\n  msg.maker = creator.uri\n\n  // verify signature\n  if (!signature?.value) { // unsigned message\n    unsignedMessage = true\n    debug.warn(msgId.uri + ' is unsigned') // TODO replace with UI (colored message ?)\n  } else { // signed message, get public key and check signature\n    getPublicKey(creator).then(publicKey => {\n      // debug.log(creator.uri + '\\n' + msg.created + '\\n' + msg.id + '\\n' + publicKey)\n      if (!publicKey) {\n        debug.warn('message is signed but ' + creator.uri + ' is missing publicKey')\n      }\n      // check that publicKey is a valid hex string\n      const regex = /[0-9A-Fa-f]{6}/g\n      if (!publicKey?.match(regex)) debug.warn('invalid publicKey hex string\\n' + creator.uri + '\\n' + publicKey)\n      // verify signature\n      else if (signature?.value && !verifySignature(signature?.value, msg, publicKey)) debug.warn('invalid signature\\n' + msg.id)\n    })\n  }\n\n  const originalMessage = await originalVersion(message)\n  const edited = !message.sameTerm(originalMessage)\n  // @@ load it first  @@   Or display the new data at the old date.\n  // @@@ kludge!\n  const sortDate = store.the(originalMessage, ns.dct('created'), null, originalMessage.doc()) || store.the(message, ns.dct('created'), null, message.doc())\n  // In message\n\n  const messageRow = dom.createElement('tr')\n  if (unsignedMessage) messageRow.setAttribute('style', 'background-color: red')\n  messageRow.AJAR_date = sortDate.value\n  messageRow.AJAR_subject = message\n\n  const td1 = dom.createElement('td')\n  messageRow.appendChild(td1)\n  if (!options.authorDateOnLeft) {\n    const img = dom.createElement('img')\n    img.setAttribute(\n      'style',\n      'max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;'\n    )\n    widgets.setImage(img, creator)\n    td1.appendChild(img)\n  } else {\n    creatorAndDate(td1, creator, widgets.shortDate(sortDate.value), message)\n  }\n  let bothDates = widgets.shortDate(sortDate.value)\n  if (edited) {\n    bothDates += ' ... ' + widgets.shortDate(date.value)\n  }\n\n  // Render the content ot the message itself\n  const td2 = messageRow.appendChild(dom.createElement('td'))\n\n  if (!options.authorDateOnLeft) {\n    creatorAndDateHorizontal(\n      td2,\n      creator,\n      bothDates, // widgets.shortDate(dateString)\n      message\n    )\n  }\n  const text = content ? content.value.trim() : '??? no content?'\n  const isURI = /^https?:\\/[^ <>]*$/i.test(text)\n  let para = null\n  if (isURI) {\n    const isImage = /\\.(gif|jpg|jpeg|tiff|png|svg)$/i.test(text) // @@ Should use content-type not URI\n    if (isImage && options.expandImagesInline) {\n      const img = elementForImageURI(text, options)\n      td2.appendChild(img)\n    } else {\n      // Link but not Image\n      const anc = td2.appendChild(dom.createElement('a'))\n      para = anc.appendChild(dom.createElement('p'))\n      anc.href = text\n      para.textContent = text\n      td2.appendChild(anc)\n    }\n  } else {\n    // text\n    para = dom.createElement('p')\n    td2.appendChild(para)\n    para.textContent = text\n  }\n  if (para) {\n    const bgcolor = colorizeByAuthor\n      ? pad.lightColorHash(creator)\n      : getBgColor(fresh)\n    para.setAttribute(\n      'style',\n      messageBodyStyle + 'background-color: ' + bgcolor + ';'\n    )\n  }\n\n  function getBgColor (fresh) {\n    return fresh ? '#e8ffe8' : 'white'\n  }\n\n  // Sentiment strip\n  const strip = await sentimentStripLinked(message, message.doc())\n  if (strip.children.length) {\n    td2.appendChild(dom.createElement('br'))\n    td2.appendChild(strip)\n  }\n\n  // Message tool bar button\n  const td3 = dom.createElement('td')\n  messageRow.appendChild(td3)\n  const toolsButton = widgets.button(\n    dom,\n    icons.iconBase + 'noun_243787.svg',\n    '...'\n  )\n  td3.appendChild(toolsButton)\n  toolsButton.addEventListener('click', async function (_event) {\n    if (messageRow.toolTR) {\n      // already got a toolbar? Toogle\n      messageRow.parentNode.removeChild(messageRow.toolTR)\n      delete messageRow.toolTR\n      return\n    }\n    const toolsTR = dom.createElement('tr')\n    const tools = await messageToolbar(message, messageRow, { ...userContext, chatOptions: options }, channelObject)\n    tools.style =\n      'border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;' // @@ fix\n    if (messageRow.nextSibling) {\n      messageRow.parentElement.insertBefore(toolsTR, messageRow.nextSibling)\n    } else {\n      messageRow.parentElement.appendChild(toolsTR)\n    }\n    messageRow.toolTR = toolsTR\n    toolsTR.appendChild(dom.createElement('td')) // left\n    const toolsTD = toolsTR.appendChild(dom.createElement('td'))\n    toolsTR.appendChild(dom.createElement('td')) // right\n    toolsTD.appendChild(tools)\n  })\n  if (thread && options.showThread) {\n    // debug.log('  message has thread ' + thread)\n    td3.appendChild(widgets.button(\n      dom,\n      icons.iconBase + 'noun_1180164.svg', // right arrow .. @@ think of stg better\n      'see thread',\n      _e => {\n        // debug.log('@@@@ Calling showThread thread ' + thread)\n        options.showThread(thread, options)\n      }\n    ))\n  }\n  return messageRow\n} // END OF RENDERMESSAGE\n\nexport async function switchToEditor (messageRow, message, channelObject, userContext) {\n  const messageTable = messageRow.parentNode\n  const editRow = renderMessageEditor(channelObject, messageTable, userContext,\n    channelObject.options, await mostRecentVersion(message))\n  messageTable.insertBefore(editRow, messageRow)\n  editRow.originalRow = messageRow\n  messageRow.style.visibility = 'hidden' // Hide the original message. unhide if user cancels edit\n}\n/*       Control for a new message -- or editing an old message ***************\n *\n */\nexport function renderMessageEditor (channelObject, messageTable, userContext, options, originalMessage) {\n  function revertEditing (messageEditor) {\n    messageEditor.originalRow.style.visibility = 'visible' // restore read-only version\n    messageEditor.parentNode.removeChild(messageEditor)\n  }\n\n  async function handleFieldInput (_event) {\n    await sendMessage(field.value, true)\n  }\n\n  async function sendMessage (text, fromMainField) {\n    async function sendComplete (message, _text2) {\n      // const dateStamp = store.any(message, ns.dct('created'), null, message.doc())\n      // const content = $rdf.literal(text2)\n      await insertMessageIntoTable(channelObject, messageTable, message, false, options, userContext) // not green\n\n      if (originalMessage) { // editing another message\n        const oldRow = messageEditor.originalRow\n        // oldRow.style.display = '' // restore read-only version, re-attack\n        if (oldRow.parentNode) {\n          oldRow.parentNode.removeChild(oldRow) // No longer needed old version\n        } else {\n          debug.warn('No parentNode on old message ' + oldRow.textContent)\n          oldRow.style.backgroundColor = '#fee'\n          oldRow.style.visibility = 'hidden' // @@ FIX THIS AND REMOVE FROM DOM INSTEAD\n        }\n        messageEditor.parentNode.removeChild(messageEditor) // no longer need editor\n      } else {\n        if (fromMainField) {\n          field.value = '' // clear from out for reuse\n          field.setAttribute('style', messageBodyStyle)\n          field.disabled = false\n          field.scrollIntoView(options.newestFirst) // allign bottom (top)\n          field.focus() // Start typing next line immediately\n          field.select()\n        }\n      }\n      // await channelObject.div.refresh() // Add new day if nec  @@ add back\n    }\n\n    // const me = authn.currentUser() // Must be logged on or wuld have got login button\n    if (fromMainField) {\n      field.setAttribute('style', messageBodyStyle + 'color: #bbb;') // pendingedit\n      field.disabled = true\n    }\n\n    let message\n    try {\n      message = await channelObject.updateMessage(text, originalMessage, null, options.thread)\n    } catch (err) {\n      const statusArea = userContext.statusArea || messageEditor\n      statusArea.appendChild(\n        widgets.errorMessageBlock(dom, 'Error writing message: ' + err)\n      )\n      return\n    }\n    await sendComplete(message, text)\n  } // sendMessage\n\n  //    DRAG AND DROP\n  function droppedFileHandler (files) {\n    const base = messageTable.chatDocument.dir().uri\n    widgets.uploadFiles(\n      store.fetcher,\n      files,\n      base + 'Files',\n      base + 'Pictures',\n      async function (theFile, destURI) {\n        // @@@@@@ Wait for each if several\n        await sendMessage(destURI)\n      }\n    )\n  }\n\n  // When a set of URIs are dropped on the field\n  const droppedURIHandler = async function (uris) {\n    for (const uri of uris) {\n      await sendMessage(uri)\n    }\n  }\n\n  // When we are actually logged on\n  function turnOnInput () {\n    function getImageDoc () {\n      imageDoc = $rdf.sym(\n        chatDocument.dir().uri + 'Image_' + Date.now() + '.png'\n      )\n      return imageDoc\n    }\n\n    async function tookPicture (imageDoc) {\n      if (imageDoc) {\n        await sendMessage(imageDoc.uri)\n      }\n    }\n\n    // Body of turnOnInput\n\n    let menuButton\n    if (options.menuHandler) {\n      const menuButton = widgets.button(\n        dom, icons.iconBase + 'noun_243787.svg', 'More')\n      menuButton.setAttribute('style', style.buttonStyle + 'float: right;')\n      // menuButton.addEventListener('click', _event => sendMessage(), false) (done in turnoninput)\n      rhs.appendChild(menuButton)\n    }\n\n    if (options.menuHandler && menuButton) {\n      const me = authn.currentUser()\n      const menuOptions = {\n        me,\n        dom,\n        div: null, // @@ was: div\n        newBase: messageTable.chatDocument.dir().uri\n      }\n      menuButton.addEventListener(\n        'click',\n        event => {\n          options.menuHandler(event, channelObject.chatChannel, menuOptions)\n        },\n        false\n      )\n    }\n\n    const me = authn.currentUser() // If already logged on\n    creatorAndDate(lhs, me, '', null)\n\n    field = dom.createElement('textarea')\n    middle.innerHTML = ''\n    middle.appendChild(field)\n    field.rows = 3\n    if (originalMessage) {\n      field.value = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())\n    }\n    // field.cols = 40\n    field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n    // Trap the Enter BEFORE it is used ti make a newline\n\n    field.addEventListener(\n      'keydown',\n      async function (e) {\n        // User preference?\n        if (e.code === 'Enter') {\n        // if (e.keyCode === 13) { // deprocated https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n          if ((!e.shiftKey && !options.shiftEnterSendsMessage) || (e.shiftKey && options.shiftEnterSendsMessage)) {\n            // Shift-Enter just adds a new line\n            // (note alt-enter doesn't add newline anyway on my setup - so have to use shift.\n            await handleFieldInput(e)\n          }\n        }\n      },\n      false\n    )\n\n    widgets.makeDropTarget(field, droppedURIHandler, droppedFileHandler)\n\n    rhs.innerHTML = ''\n\n    sendButton = widgets.button(dom, sendIcon, 'Send')\n    sendButton.style.float = 'right'\n    sendButton.addEventListener('click', _event => handleFieldInput(), false)\n    rhs.appendChild(sendButton)\n\n    if (originalMessage) { // Are we editing another message?\n      const cancelButton = rhs.appendChild(widgets.cancelButton(dom))\n      cancelButton.style.float = 'left'\n      // cancelButton.firstChild.style.opacity = '0.3' // moved to buttons\n      cancelButton.addEventListener('click', _event => revertEditing(messageEditor), false)\n      rhs.appendChild(cancelButton)\n    }\n\n    const chatDocument = channelObject.dateFolder.leafDocumentFromDate(new Date())\n    let imageDoc\n\n    middle.appendChild(\n      media.cameraButton(dom, store, getImageDoc, tookPicture)\n    )\n\n    pad.recordParticipation(channelObject.channel, channelObject.channel.doc()) // participation =\n  } // turn on inpuut\n\n  // Body of renderMessageEditor\n\n  let sortDate, sendIcon\n  if (originalMessage) {\n    sortDate = store.anyValue(originalMessage, ns.dct('created'), null, originalMessage.doc())\n    // text = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())\n    sendIcon = icons.iconBase + 'noun_1180158.svg' // Green check\n    // cancelIcon = icons.iconBase + 'noun_1180156.svg' // Black cross\n  } else {\n    sendIcon = icons.iconBase + 'noun_383448.svg'\n    sortDate = '9999-01-01T00:00:00Z' // ISO format for field sort\n    // text = ''\n  }\n  const messageEditor = dom.createElement('tr')\n  const lhs = dom.createElement('td')\n  const middle = dom.createElement('td')\n  const rhs = dom.createElement('td')\n  messageEditor.appendChild(lhs)\n  messageEditor.appendChild(middle)\n  messageEditor.appendChild(rhs)\n  messageEditor.AJAR_date = sortDate\n  // messageEditor.appendChild(dom.createElement('br'))\n\n  let field, sendButton\n  const context = { div: middle, dom }\n\n  ensureLoggedIn(context).then(context => {\n    // me = context.me\n    turnOnInput()\n    Object.assign(context, userContext)\n    findBookmarkDocument(context).then(_context => {\n      // debug.log('Bookmark file: ' + context.bookmarkDocument)\n    })\n  })\n\n  return messageEditor\n} // renderMessageEditor\n"],"mappings":"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"}
+{"version":3,"file":"message.esm.js","names":["utils.label","widgets.openHrefInOutlineMode","ns","widgets.shortDate","pad.lightColorHash","widgets.button","widgets.errorMessageBlock","cancelButton","widgets.cancelButton","label$1","ns_default","dom","messageBodyStyle","style","label","elementForImageURI","img","height","options","imageUri","anchor","makeDraggable","a","term","openHrefInOutlineMode","text","nickname","s","store","person","creatorAndDate","nickAnchor","td1","creator","date","message","creatorAndDateHorizontal","dateBit","renderMessageRow","unsignedMessage","colorizeByAuthor","latestVersion","mostRecentVersion","latestVersionCreator","msgId","content","versions","allVersions","log","replies","version","thread","straightReplies","reply","signature","SEC","msg","getBlankMsg","getPublicKey","publicKey","warn","verifySignature","originalMessage","originalVersion","edited","sortDate","messageRow","shortDate","setImage","bothDates","td2","isURI","para","anc","bgcolor","lightColorHash","getBgColor","fresh","strip","sentimentStripLinked","td3","toolsButton","button","icons","toolsTR","tools","messageToolbar","userContext","channelObject","toolsTD","switchToEditor","messageTable","editRow","renderMessageEditor","revertEditing","messageEditor","handleFieldInput","sendMessage","field","sendComplete","insertMessageIntoTable","oldRow","fromMainField","err","errorMessageBlock","droppedFileHandler","base","files","destURI","droppedURIHandler","uri","uris","turnOnInput","getImageDoc","chatDocument","imageDoc","tookPicture","menuButton","rhs","me","authn","lhs","middle","makeDropTarget","sendIcon","sendButton","cancelButton$1","cancelButton","media","recordParticipation","ensureLoggedIn","context","findBookmarkDocument"],"sources":["../../src/chat/message.js"],"sourcesContent":["/**  UI code for individual messages: display them, edit them\n *\n * @packageDocumentation\n */\n\n/* global $rdf */\nimport { insertMessageIntoTable } from './infinite'\nimport { messageToolbar, sentimentStripLinked } from './messageTools'\nimport { findBookmarkDocument } from './bookmarks'\nimport { mostRecentVersion, originalVersion, allVersions } from './chatLogic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { store, authn } from 'solid-logic'\nimport { ensureLoggedIn } from '../login/login'\nimport { media } from '../media/index'\nimport ns from '../lib/ns'\nimport * as pad from '../lib/pad'\nimport { style } from '../lib/style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { getBlankMsg, verifySignature, SEC } from './signature'\nimport { getPublicKey } from './keys'\n\nconst dom = window.document\nconst messageBodyStyle = style.messageBodyStyle\n\nconst label = utils.label\n\n/**\n * elementForImageURI\n * HTML component for an image\n * @param imageUri\n * @param options { inlineImageHeightEms }\n * @returns HTMLAnchorElement For Image\n */\nexport function elementForImageURI (imageUri, options) {\n  const img = dom.createElement('img')\n  let height = '10'\n  if (options.inlineImageHeightEms) {\n    height = ('' + options.inlineImageHeightEms).trim()\n  }\n  img.setAttribute(\n    'style',\n    'max-height: ' + height + 'em; border-radius: 1em; margin: 0.7em;'\n  )\n  // widgets.makeDropTarget(img, handleURIsDroppedOnMugshot, droppedFileHandler)\n  if (imageUri) img.setAttribute('src', imageUri)\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', imageUri)\n  anchor.setAttribute('target', 'images')\n  anchor.appendChild(img)\n  widgets.makeDraggable(img, $rdf.sym(imageUri))\n  return anchor\n}\n\nconst anchor = function (text, term) {\n  // If there is no link return an element anyway\n  const a = dom.createElement('a')\n  if (term && term.uri) {\n    a.setAttribute('href', term.uri)\n    a.addEventListener('click', widgets.openHrefInOutlineMode, true)\n    a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n  }\n  a.textContent = text\n  return a\n}\n\nfunction nickname (person) {\n  const s = store.any(person, ns.foaf('nick'))\n  if (s) return '' + s.value\n  return '' + label(person)\n}\n\n/**\n * creatorAndDate\n * Displays creator and date for a chat message\n * inside the `td1` element\n * @param td1\n * @param creator\n * @param date\n * @param message\n * @returns HTMLAnchorElement For Image\n */\nexport function creatorAndDate (td1, creator, date, message) {\n  const nickAnchor = td1.appendChild(anchor(nickname(creator), creator))\n  if (creator.uri) {\n    store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n      _ok,\n      _body\n    ) {\n      nickAnchor.textContent = nickname(creator)\n    })\n  }\n  td1.appendChild(dom.createElement('br'))\n  td1.appendChild(anchor(date, message))\n}\n\n/**\n * creatorAndDateHorizontal\n * Horizontally displays creator and date for a chat message\n * inside the `td1` element\n * @param td1\n * @param creator\n * @param date\n * @param message\n * @returns HTMLAnchorElement For Image\n */\nexport function creatorAndDateHorizontal (td1, creator, date, message) {\n  const nickAnchor = td1.appendChild(anchor(label(creator), creator))\n  if (creator.uri) {\n    store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n      _ok,\n      _body\n    ) {\n      nickAnchor.textContent = nickname(creator)\n    })\n  }\n  const dateBit = td1.appendChild(anchor(date, message))\n  dateBit.style.fontSize = '80%'\n  dateBit.style.marginLeft = '1em'\n  td1.appendChild(dom.createElement('br'))\n}\n\n/**\n * renderMessageRow\n * Renders a chat message, read-only mode\n * @param channelObject\n * @param message\n * @param fresh\n * @param options\n * @param userContext\n * @returns Message Row HTML Table Element\n */\nexport async function renderMessageRow (channelObject, message, fresh, options, userContext) {\n  let unsignedMessage = false\n  const colorizeByAuthor =\n    options.colorizeByAuthor === '1' || options.colorizeByAuthor === true\n\n  // const id = store.any(latestVersion, ns.sioc('id'))\n  // const replies = store.each(latestVersion, ns.sioc('has_reply'))\n\n  const creator = store.any(message, ns.foaf('maker'))\n  const date = store.any(message, ns.dct('created'))\n  const latestVersion = await mostRecentVersion(message)\n  const latestVersionCreator = store.any(latestVersion, ns.foaf('maker'))\n\n  // use latest content if same owner, else use original\n  // this is may be too strict. Should we find latest valid version if any ?\n  const msgId = creator.uri === latestVersionCreator?.uri ? latestVersion : message\n  const content = store.any(msgId, ns.sioc('content'))\n\n  const versions = await allVersions(msgId)\n  if (versions.length > 1) {\n    debug.log('renderMessageRow versions: ', versions.join(',  '))\n  }\n  // be tolerant in accepting replies on any version of a message\n  const replies = versions.map(version => store.each(version, ns.sioc('has_reply'))).flat()\n\n  let thread = null\n  const straightReplies = []\n  for (const reply of replies) {\n    if (store.holds(reply, ns.rdf('type'), ns.sioc('Thread'))) {\n      thread = reply\n      debug.log('renderMessageRow: found thread: ' + thread)\n    } else {\n      straightReplies.push(reply)\n    }\n  }\n  if (straightReplies.length > 1) {\n    debug.log('renderMessageRow: found normal replies: ', straightReplies)\n  }\n  if (!thread) {\n    // thread = store.any(message, ns.sioc('has_reply'))\n    thread = store.any(null, ns.sioc('has_member'), message)\n  }\n  // debug.log('@@@@ is thread' + thread)\n\n  // get signature\n  const signature = store.any(msgId, $rdf.sym(`${SEC}proofValue`))\n\n  // set proof message object\n  const msg = getBlankMsg()\n  msg.id = msgId.uri\n  msg.created = store.any(msgId, ns.dct('created')).value\n  msg.content = content.value\n  msg.maker = creator.uri\n\n  // verify signature\n  if (!signature?.value) { // unsigned message\n    unsignedMessage = true\n    debug.warn(msgId.uri + ' is unsigned') // TODO replace with UI (colored message ?)\n  } else { // signed message, get public key and check signature\n    getPublicKey(creator).then(publicKey => {\n      // debug.log(creator.uri + '\\n' + msg.created + '\\n' + msg.id + '\\n' + publicKey)\n      if (!publicKey) {\n        debug.warn('message is signed but ' + creator.uri + ' is missing publicKey')\n      }\n      // check that publicKey is a valid hex string\n      const regex = /[0-9A-Fa-f]{6}/g\n      if (!publicKey?.match(regex)) debug.warn('invalid publicKey hex string\\n' + creator.uri + '\\n' + publicKey)\n      // verify signature\n      else if (signature?.value && !verifySignature(signature?.value, msg, publicKey)) debug.warn('invalid signature\\n' + msg.id)\n    })\n  }\n\n  const originalMessage = await originalVersion(message)\n  const edited = !message.sameTerm(originalMessage)\n  // @@ load it first  @@   Or display the new data at the old date.\n  // @@@ kludge!\n  const sortDate = store.the(originalMessage, ns.dct('created'), null, originalMessage.doc()) || store.the(message, ns.dct('created'), null, message.doc())\n  // In message\n\n  const messageRow = dom.createElement('tr')\n  if (unsignedMessage) messageRow.setAttribute('style', 'background-color: red')\n  messageRow.AJAR_date = sortDate.value\n  messageRow.AJAR_subject = message\n\n  const td1 = dom.createElement('td')\n  messageRow.appendChild(td1)\n  if (!options.authorDateOnLeft) {\n    const img = dom.createElement('img')\n    img.setAttribute(\n      'style',\n      'max-height: 2.5em; max-width: 2.5em; border-radius: 0.5em; margin: auto;'\n    )\n    widgets.setImage(img, creator)\n    td1.appendChild(img)\n  } else {\n    creatorAndDate(td1, creator, widgets.shortDate(sortDate.value), message)\n  }\n  let bothDates = widgets.shortDate(sortDate.value)\n  if (edited) {\n    bothDates += ' ... ' + widgets.shortDate(date.value)\n  }\n\n  // Render the content ot the message itself\n  const td2 = messageRow.appendChild(dom.createElement('td'))\n\n  if (!options.authorDateOnLeft) {\n    creatorAndDateHorizontal(\n      td2,\n      creator,\n      bothDates, // widgets.shortDate(dateString)\n      message\n    )\n  }\n  const text = content ? content.value.trim() : '??? no content?'\n  const isURI = /^https?:\\/[^ <>]*$/i.test(text)\n  let para = null\n  if (isURI) {\n    const isImage = /\\.(gif|jpg|jpeg|tiff|png|svg)$/i.test(text) // @@ Should use content-type not URI\n    if (isImage && options.expandImagesInline) {\n      const img = elementForImageURI(text, options)\n      td2.appendChild(img)\n    } else {\n      // Link but not Image\n      const anc = td2.appendChild(dom.createElement('a'))\n      para = anc.appendChild(dom.createElement('p'))\n      anc.href = text\n      para.textContent = text\n      td2.appendChild(anc)\n    }\n  } else {\n    // text\n    para = dom.createElement('p')\n    td2.appendChild(para)\n    para.textContent = text\n  }\n  if (para) {\n    const bgcolor = colorizeByAuthor\n      ? pad.lightColorHash(creator)\n      : getBgColor(fresh)\n    para.setAttribute(\n      'style',\n      messageBodyStyle + 'background-color: ' + bgcolor + ';'\n    )\n  }\n\n  function getBgColor (fresh) {\n    return fresh ? '#e8ffe8' : 'white'\n  }\n\n  // Sentiment strip\n  const strip = await sentimentStripLinked(message, message.doc())\n  if (strip.children.length) {\n    td2.appendChild(dom.createElement('br'))\n    td2.appendChild(strip)\n  }\n\n  // Message tool bar button\n  const td3 = dom.createElement('td')\n  messageRow.appendChild(td3)\n  const toolsButton = widgets.button(\n    dom,\n    icons.iconBase + 'noun_243787.svg',\n    '...'\n  )\n  td3.appendChild(toolsButton)\n  toolsButton.addEventListener('click', async function (_event) {\n    if (messageRow.toolTR) {\n      // already got a toolbar? Toogle\n      messageRow.parentNode.removeChild(messageRow.toolTR)\n      delete messageRow.toolTR\n      return\n    }\n    const toolsTR = dom.createElement('tr')\n    const tools = await messageToolbar(message, messageRow, { ...userContext, chatOptions: options }, channelObject)\n    tools.style =\n      'border: 0.05em solid #888; border-radius: 0 0 0.7em 0.7em;  border-top: 0; height:3.5em; background-color: #fff;' // @@ fix\n    if (messageRow.nextSibling) {\n      messageRow.parentElement.insertBefore(toolsTR, messageRow.nextSibling)\n    } else {\n      messageRow.parentElement.appendChild(toolsTR)\n    }\n    messageRow.toolTR = toolsTR\n    toolsTR.appendChild(dom.createElement('td')) // left\n    const toolsTD = toolsTR.appendChild(dom.createElement('td'))\n    toolsTR.appendChild(dom.createElement('td')) // right\n    toolsTD.appendChild(tools)\n  })\n  if (thread && options.showThread) {\n    // debug.log('  message has thread ' + thread)\n    td3.appendChild(widgets.button(\n      dom,\n      icons.iconBase + 'noun_1180164.svg', // right arrow .. @@ think of stg better\n      'see thread',\n      _e => {\n        // debug.log('@@@@ Calling showThread thread ' + thread)\n        options.showThread(thread, options)\n      }\n    ))\n  }\n  return messageRow\n} // END OF RENDERMESSAGE\n\nexport async function switchToEditor (messageRow, message, channelObject, userContext) {\n  const messageTable = messageRow.parentNode\n  const editRow = renderMessageEditor(channelObject, messageTable, userContext,\n    channelObject.options, await mostRecentVersion(message))\n  messageTable.insertBefore(editRow, messageRow)\n  editRow.originalRow = messageRow\n  messageRow.style.visibility = 'hidden' // Hide the original message. unhide if user cancels edit\n}\n/*       Control for a new message -- or editing an old message ***************\n *\n */\nexport function renderMessageEditor (channelObject, messageTable, userContext, options, originalMessage) {\n  function revertEditing (messageEditor) {\n    messageEditor.originalRow.style.visibility = 'visible' // restore read-only version\n    messageEditor.parentNode.removeChild(messageEditor)\n  }\n\n  async function handleFieldInput (_event) {\n    await sendMessage(field.value, true)\n  }\n\n  async function sendMessage (text, fromMainField) {\n    async function sendComplete (message, _text2) {\n      // const dateStamp = store.any(message, ns.dct('created'), null, message.doc())\n      // const content = $rdf.literal(text2)\n      await insertMessageIntoTable(channelObject, messageTable, message, false, options, userContext) // not green\n\n      if (originalMessage) { // editing another message\n        const oldRow = messageEditor.originalRow\n        // oldRow.style.display = '' // restore read-only version, re-attack\n        if (oldRow.parentNode) {\n          oldRow.parentNode.removeChild(oldRow) // No longer needed old version\n        } else {\n          debug.warn('No parentNode on old message ' + oldRow.textContent)\n          oldRow.style.backgroundColor = '#fee'\n          oldRow.style.visibility = 'hidden' // @@ FIX THIS AND REMOVE FROM DOM INSTEAD\n        }\n        messageEditor.parentNode.removeChild(messageEditor) // no longer need editor\n      } else {\n        if (fromMainField) {\n          field.value = '' // clear from out for reuse\n          field.setAttribute('style', messageBodyStyle)\n          field.disabled = false\n          field.scrollIntoView(options.newestFirst) // allign bottom (top)\n          field.focus() // Start typing next line immediately\n          field.select()\n        }\n      }\n      // await channelObject.div.refresh() // Add new day if nec  @@ add back\n    }\n\n    // const me = authn.currentUser() // Must be logged on or wuld have got login button\n    if (fromMainField) {\n      field.setAttribute('style', messageBodyStyle + 'color: #bbb;') // pendingedit\n      field.disabled = true\n    }\n\n    let message\n    try {\n      message = await channelObject.updateMessage(text, originalMessage, null, options.thread)\n    } catch (err) {\n      const statusArea = userContext.statusArea || messageEditor\n      statusArea.appendChild(\n        widgets.errorMessageBlock(dom, 'Error writing message: ' + err)\n      )\n      return\n    }\n    await sendComplete(message, text)\n  } // sendMessage\n\n  //    DRAG AND DROP\n  function droppedFileHandler (files) {\n    const base = messageTable.chatDocument.dir().uri\n    widgets.uploadFiles(\n      store.fetcher,\n      files,\n      base + 'Files',\n      base + 'Pictures',\n      async function (theFile, destURI) {\n        // @@@@@@ Wait for each if several\n        await sendMessage(destURI)\n      }\n    )\n  }\n\n  // When a set of URIs are dropped on the field\n  const droppedURIHandler = async function (uris) {\n    for (const uri of uris) {\n      await sendMessage(uri)\n    }\n  }\n\n  // When we are actually logged on\n  function turnOnInput () {\n    function getImageDoc () {\n      imageDoc = $rdf.sym(\n        chatDocument.dir().uri + 'Image_' + Date.now() + '.png'\n      )\n      return imageDoc\n    }\n\n    async function tookPicture (imageDoc) {\n      if (imageDoc) {\n        await sendMessage(imageDoc.uri)\n      }\n    }\n\n    // Body of turnOnInput\n\n    let menuButton\n    if (options.menuHandler) {\n      const menuButton = widgets.button(\n        dom, icons.iconBase + 'noun_243787.svg', 'More')\n      menuButton.setAttribute('style', style.buttonStyle + 'float: right;')\n      // menuButton.addEventListener('click', _event => sendMessage(), false) (done in turnoninput)\n      rhs.appendChild(menuButton)\n    }\n\n    if (options.menuHandler && menuButton) {\n      const me = authn.currentUser()\n      const menuOptions = {\n        me,\n        dom,\n        div: null, // @@ was: div\n        newBase: messageTable.chatDocument.dir().uri\n      }\n      menuButton.addEventListener(\n        'click',\n        event => {\n          options.menuHandler(event, channelObject.chatChannel, menuOptions)\n        },\n        false\n      )\n    }\n\n    const me = authn.currentUser() // If already logged on\n    creatorAndDate(lhs, me, '', null)\n\n    field = dom.createElement('textarea')\n    middle.innerHTML = ''\n    middle.appendChild(field)\n    field.rows = 3\n    if (originalMessage) {\n      field.value = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())\n    }\n    // field.cols = 40\n    field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n    // Trap the Enter BEFORE it is used ti make a newline\n\n    field.addEventListener(\n      'keydown',\n      async function (e) {\n        // User preference?\n        if (e.code === 'Enter') {\n        // if (e.keyCode === 13) { // deprocated https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n          if ((!e.shiftKey && !options.shiftEnterSendsMessage) || (e.shiftKey && options.shiftEnterSendsMessage)) {\n            // Shift-Enter just adds a new line\n            // (note alt-enter doesn't add newline anyway on my setup - so have to use shift.\n            await handleFieldInput(e)\n          }\n        }\n      },\n      false\n    )\n\n    widgets.makeDropTarget(field, droppedURIHandler, droppedFileHandler)\n\n    rhs.innerHTML = ''\n\n    sendButton = widgets.button(dom, sendIcon, 'Send')\n    sendButton.style.float = 'right'\n    sendButton.addEventListener('click', _event => handleFieldInput(), false)\n    rhs.appendChild(sendButton)\n\n    if (originalMessage) { // Are we editing another message?\n      const cancelButton = rhs.appendChild(widgets.cancelButton(dom))\n      cancelButton.style.float = 'left'\n      // cancelButton.firstChild.style.opacity = '0.3' // moved to buttons\n      cancelButton.addEventListener('click', _event => revertEditing(messageEditor), false)\n      rhs.appendChild(cancelButton)\n    }\n\n    const chatDocument = channelObject.dateFolder.leafDocumentFromDate(new Date())\n    let imageDoc\n\n    middle.appendChild(\n      media.cameraButton(dom, store, getImageDoc, tookPicture)\n    )\n\n    pad.recordParticipation(channelObject.channel, channelObject.channel.doc()) // participation =\n  } // turn on inpuut\n\n  // Body of renderMessageEditor\n\n  let sortDate, sendIcon\n  if (originalMessage) {\n    sortDate = store.anyValue(originalMessage, ns.dct('created'), null, originalMessage.doc())\n    // text = store.anyValue(originalMessage, ns.sioc('content'), null, originalMessage.doc())\n    sendIcon = icons.iconBase + 'noun_1180158.svg' // Green check\n    // cancelIcon = icons.iconBase + 'noun_1180156.svg' // Black cross\n  } else {\n    sendIcon = icons.iconBase + 'noun_383448.svg'\n    sortDate = '9999-01-01T00:00:00Z' // ISO format for field sort\n    // text = ''\n  }\n  const messageEditor = dom.createElement('tr')\n  const lhs = dom.createElement('td')\n  const middle = dom.createElement('td')\n  const rhs = dom.createElement('td')\n  messageEditor.appendChild(lhs)\n  messageEditor.appendChild(middle)\n  messageEditor.appendChild(rhs)\n  messageEditor.AJAR_date = sortDate\n  // messageEditor.appendChild(dom.createElement('br'))\n\n  let field, sendButton\n  const context = { div: middle, dom }\n\n  ensureLoggedIn(context).then(context => {\n    // me = context.me\n    turnOnInput()\n    Object.assign(context, userContext)\n    findBookmarkDocument(context).then(_context => {\n      // debug.log('Bookmark file: ' + context.bookmarkDocument)\n    })\n  })\n\n  return messageEditor\n} // renderMessageEditor\n"],"mappings":"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"}

package/dist/chat/messageTools.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("../lib/ns.cjs.js"),n=require("../utils/label.cjs.js");require("../utils/index.cjs.js");const r=require("../lib/debug.cjs.js"),i=require("../widgets/error.cjs.js"),a=require("../lib/iconBase.cjs.js"),o=require("../widgets/buttons.cjs.js"),s=require("../widgets/forms.cjs.js");require("../widgets/index.cjs.js");const c=require("./chatLogic.cjs.js"),l=require("./bookmarks.cjs.js"),u=require("./message.cjs.js");let d=require("rdflib");d=e.__toESM(d);let f=require("solid-logic");var p=window.document,m=`noun_253504.svg`,h=`noun_1384132.svg`,g=`noun_1384135.svg`,_=`noun-reply-5506924.svg`,v={};v[t.default.schema(`AgreeAction`)]=`👍`,v[t.default.schema(`DisagreeAction`)]=`👎`,v[t.default.schema(`EndorseAction`)]=`⭐️`,v[t.default.schema(`LikeAction`)]=`❤️`;async function y(e,n){let i=p.createElement(`span`);async function a(){if(i.innerHTML=``,c.isDeleted(e))return i;let r=(await c.allVersions(e)).map(e=>f.store.each(null,t.default.schema(`target`),e,n)).flat();if(r.length===0)return i;let a=r.map(e=>[f.store.any(e,t.default.rdf(`type`),null,n),f.store.any(e,t.default.sioc(`content`),null,n),f.store.any(e,t.default.schema(`agent`),null,n)]);a.sort(),a.forEach(e=>{let[t,n,r]=e,a;r?(a=p.createElement(`a`),a.setAttribute(`href`,r.uri)):a=p.createTextNode(``),a.textContent=n||v[t]||`⬜️`,i.appendChild(a)})}return a().then(r.log(`sentimentStripLinked: sentimentStripLinked async refreshed`)),i.refresh=a,i}async function b(e,v,y,b){async function x(){let n=f.store.any(e,t.default.foaf(`maker`));if(!D)alert(`You can't delete the message, you are not logged in.`);else if(D.sameTerm(n)){try{await b.deleteMessage(e)}catch(e){let t=`Error deleting messaage `+e;r.warn(t),alert(t),(y.statusArea||v.parentNode).appendChild(i.errorMessageBlock(p,t))}v.parentNode.removeChild(v)}else alert(`You can't delete the message, you are not logged in as the author, `+n);T()}async function S(n){D.value===f.store.any(e,t.default.foaf(`maker`)).value&&(T(),await u.switchToEditor(n,e,b,y))}async function C(){let t=await b.createThread(e),n=y.chatOptions;if(!n)throw Error(`replyInThread: missing options`);n.showThread(t,n),T()}let w=p.createElement(`div`);if(await c.mostRecentVersion(e).value===t.default.schema(`dateDeleted`).value)return w;function T(){w.parentElement.parentElement.removeChild(w.parentElement)}async function E(e){await f.store.updater.update(f.store.connectedStatements(e),[])}let D=f.authn.currentUser();D&&f.store.holds(e,t.default.foaf(`maker`),D)&&(w.appendChild(o.deleteButtonWithCheck(p,w,`message`,x)),w.appendChild(o.button(p,a.icons.iconBase+m,`edit`,()=>S(v)))),l.renderBookmarksButton(y).then(e=>{e&&w.appendChild(e)});function O(e,r,i,a,c,l){function u(){m.style.backgroundColor=_?`yellow`:`white`}let m=o.button(p,i,n.label(a),async function(n){if(_)await E(_),_=null,u();else{_=s.newThing(c);let n=[d.st(_,t.default.schema(`agent`),e.me,c),d.st(_,t.default.rdf(`type`),a,c),d.st(_,t.default.schema(`target`),r,c)];if(await f.store.updater.update([],n),u(),l){let e=!1;for(let t=0;t<l.length;t++){let n=h(l[t]);n&&(await E(n),e=!0)}e&&o.refreshTree(v)}}});function h(n){let i=f.store.each(null,t.default.schema(`agent`),e.me,c).filter(e=>f.store.holds(e,t.default.rdf(`type`),n,c)).filter(e=>f.store.holds(e,t.default.schema(`target`),r,c));return i.length?i[0]:null}function g(){_=h(a),u()}let _;return m.refresh=g,g(),m}if(D=f.authn.currentUser(),D&&await c.mostRecentVersion(e).value!==t.default.schema(`dateDeleted`).value){let n={me:D,dom:p,div:w};w.appendChild(O(n,e,a.icons.iconBase+h,t.default.schema(`AgreeAction`),e.doc(),[t.default.schema(`DisagreeAction`)])),w.appendChild(O(n,e,a.icons.iconBase+g,t.default.schema(`DisagreeAction`),e.doc(),[t.default.schema(`AgreeAction`)]))}f.store.any(e,t.default.dct(`created`))&&w.appendChild(o.button(p,a.icons.iconBase+_,`Reply in thread`,async()=>{await C()}));let k=w.appendChild(o.cancelButton(p));return k.style.float=`right`,k.firstChild.style.opacity=`0.3`,k.addEventListener(`click`,T),w}exports.messageToolbar=b,exports.sentimentStripLinked=y;
+const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("../lib/debug.cjs.js"),n=require("../utils/label.cjs.js"),r=require("../lib/iconBase.cjs.js"),i=require("../lib/ns.cjs.js"),a=require("../widgets/error.cjs.js");require("../utils/index.cjs.js");const o=require("../widgets/buttons.cjs.js"),s=require("../widgets/forms.cjs.js");require("../widgets/index.cjs.js");const c=require("./bookmarks.cjs.js"),l=require("./chatLogic.cjs.js"),u=require("./message.cjs.js");let d=require("rdflib");d=e.__toESM(d);let f=require("solid-logic");var p=window.document,m=`noun_253504.svg`,h=`noun_1384132.svg`,g=`noun_1384135.svg`,_=`noun-reply-5506924.svg`,v={};v[i.default.schema(`AgreeAction`)]=`👍`,v[i.default.schema(`DisagreeAction`)]=`👎`,v[i.default.schema(`EndorseAction`)]=`⭐️`,v[i.default.schema(`LikeAction`)]=`❤️`;async function y(e,n){let r=p.createElement(`span`);async function a(){if(r.innerHTML=``,l.isDeleted(e))return r;let t=(await l.allVersions(e)).map(e=>f.store.each(null,i.default.schema(`target`),e,n)).flat();if(t.length===0)return r;let a=t.map(e=>[f.store.any(e,i.default.rdf(`type`),null,n),f.store.any(e,i.default.sioc(`content`),null,n),f.store.any(e,i.default.schema(`agent`),null,n)]);a.sort(),a.forEach(e=>{let[t,n,i]=e,a;i?(a=p.createElement(`a`),a.setAttribute(`href`,i.uri)):a=p.createTextNode(``),a.textContent=n||v[t]||`⬜️`,r.appendChild(a)})}return a().then(t.log(`sentimentStripLinked: sentimentStripLinked async refreshed`)),r.refresh=a,r}async function b(e,v,y,b){async function x(){let n=f.store.any(e,i.default.foaf(`maker`));if(!D)alert(`You can't delete the message, you are not logged in.`);else if(D.sameTerm(n)){try{await b.deleteMessage(e)}catch(e){let n=`Error deleting messaage `+e;t.warn(n),alert(n),(y.statusArea||v.parentNode).appendChild(a.errorMessageBlock(p,n))}v.parentNode.removeChild(v)}else alert(`You can't delete the message, you are not logged in as the author, `+n);T()}async function S(t){D.value===f.store.any(e,i.default.foaf(`maker`)).value&&(T(),await u.switchToEditor(t,e,b,y))}async function C(){let t=await b.createThread(e),n=y.chatOptions;if(!n)throw Error(`replyInThread: missing options`);n.showThread(t,n),T()}let w=p.createElement(`div`);if(await l.mostRecentVersion(e).value===i.default.schema(`dateDeleted`).value)return w;function T(){w.parentElement.parentElement.removeChild(w.parentElement)}async function E(e){await f.store.updater.update(f.store.connectedStatements(e),[])}let D=f.authn.currentUser();D&&f.store.holds(e,i.default.foaf(`maker`),D)&&(w.appendChild(o.deleteButtonWithCheck(p,w,`message`,x)),w.appendChild(o.button(p,r.icons.iconBase+m,`edit`,()=>S(v)))),c.renderBookmarksButton(y).then(e=>{e&&w.appendChild(e)});function O(e,t,r,a,c,l){function u(){m.style.backgroundColor=_?`yellow`:`white`}let m=o.button(p,r,n.label(a),async function(n){if(_)await E(_),_=null,u();else{_=s.newThing(c);let n=[d.st(_,i.default.schema(`agent`),e.me,c),d.st(_,i.default.rdf(`type`),a,c),d.st(_,i.default.schema(`target`),t,c)];if(await f.store.updater.update([],n),u(),l){let e=!1;for(let t=0;t<l.length;t++){let n=h(l[t]);n&&(await E(n),e=!0)}e&&o.refreshTree(v)}}});function h(n){let r=f.store.each(null,i.default.schema(`agent`),e.me,c).filter(e=>f.store.holds(e,i.default.rdf(`type`),n,c)).filter(e=>f.store.holds(e,i.default.schema(`target`),t,c));return r.length?r[0]:null}function g(){_=h(a),u()}let _;return m.refresh=g,g(),m}if(D=f.authn.currentUser(),D&&await l.mostRecentVersion(e).value!==i.default.schema(`dateDeleted`).value){let t={me:D,dom:p,div:w};w.appendChild(O(t,e,r.icons.iconBase+h,i.default.schema(`AgreeAction`),e.doc(),[i.default.schema(`DisagreeAction`)])),w.appendChild(O(t,e,r.icons.iconBase+g,i.default.schema(`DisagreeAction`),e.doc(),[i.default.schema(`AgreeAction`)]))}f.store.any(e,i.default.dct(`created`))&&w.appendChild(o.button(p,r.icons.iconBase+_,`Reply in thread`,async()=>{await C()}));let k=w.appendChild(o.cancelButton(p));return k.style.float=`right`,k.firstChild.style.opacity=`0.3`,k.addEventListener(`click`,T),w}exports.messageToolbar=b,exports.sentimentStripLinked=y;
 //# sourceMappingURL=messageTools.cjs.js.map

package/dist/chat/messageTools.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageTools.cjs.js","names":["ns","isDeleted","allVersions","store","switchToEditor","mostRecentVersion","authn","icons","button","rdf","cancelButton","require_runtime","require_ns","require_label","require_debug","require_error","require_iconBase","require_buttons","require_forms","require_chatLogic","require_bookmarks","require_message","rdflib","solid_logic","dom","PENCIL_ICON","THUMBS_UP_ICON","THUMBS_DOWN_ICON","REPLY_ICON","emojiMap","sentimentStripLinked","strip","refresh","target","actions","version","doc","sentiments","a","theClass","content","agent","ss","res","messageToolbar","deleteMessage","author","message","me","channelObject","err","msg","userContext","messageRow","closeToolbar","editMessage","replyInThread","thread","options","div","deleteThingThen","x","bookmarkButton","sentimentButton","setColor","action","button$1","icon","actionClass","insertMe","context","mutuallyExclusive","dirty","i","existingAction","context1","cancelButton$1"],"sources":["../../src/chat/messageTools.js"],"sourcesContent":["/**\n * Tools for doing things with a message\n * Let us be creative here.  Allow all sorts of things to\n * be done to a message - linking to new or old objects in an open way\n *\n * Ideas: Bookmark, Like, star, pin at top of chat, reply as new thread,\n * If you made it originally: edit, delete, attach\n * @packageDocumentation\n */\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\n// import { media } from '../media/index'\nimport ns from '../lib/ns'\n// import * as pad from '../lib/pad'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\n// import { style } from '../lib/style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { renderBookmarksButton } from './bookmarks'\nimport { authn, store } from 'solid-logic'\n\nimport { allVersions, mostRecentVersion, isDeleted } from './chatLogic'\nimport { switchToEditor } from './message'\n\nconst dom = window.document\n\n// THE UNUSED ICONS are here as reminders for possible future functionality\n// const BOOKMARK_ICON = 'noun_45961.svg'\n// const HEART_ICON = 'noun_130259.svg' -> Add this to my (private) favorites\n// const MENU_ICON = 'noun_897914.svg'\n// const PAPERCLIP_ICON = 'noun_25830.svg' -> add attachments to this message\n// const PIN_ICON = 'noun_562340.svg'  -> pin this message permanently in the chat UI\nconst PENCIL_ICON = 'noun_253504.svg' // edit a message\n// const SPANNER_ICON = 'noun_344563.svg' -> settings\nconst THUMBS_UP_ICON = 'noun_1384132.svg'\nconst THUMBS_DOWN_ICON = 'noun_1384135.svg'\nconst REPLY_ICON = 'noun-reply-5506924.svg'\n/**\n * Emoji in Unicode\n */\nconst emojiMap = {}\nemojiMap[ns.schema('AgreeAction')] = '👍'\nemojiMap[ns.schema('DisagreeAction')] = '👎'\nemojiMap[ns.schema('EndorseAction')] = '⭐️'\nemojiMap[ns.schema('LikeAction')] = '❤️'\n\nexport function emojiFromActionClass (action) {\n  return emojiMap[action] || null\n}\n\nexport function ActionClassFromEmoji (emoji) {\n  for (const a in emojiMap) {\n    if (emojiMap[a] === emoji) {\n      return rdf.sym(a.slice(1, -1)) // remove < >\n    }\n  }\n  return null\n}\n\n// Allow the action to give its own emoji as content,\n// or get the emoji from the class of action.\nexport function emojiFromAction (action) {\n  const content = store.any(action, ns.sioc('content'), null, action.doc())\n  if (content) return content\n  const klass = store.any(action, ns.rdf('type'), null, action.doc())\n  if (klass) {\n    const em = emojiFromActionClass(klass)\n    if (em) return em\n  }\n  return '⬜️'\n}\n\n/**\n * Create strip of sentiments expressed\n */\nexport async function sentimentStrip (target, doc) { // alain: seems not used\n  const versions = await allVersions(target)\n  // debug.log('sentimentStrip Versions for ' + target, versions)\n  const actions = versions.map(version => store.each(null, ns.schema('target'), version, doc)).flat()\n  // debug.log('sentimentStrip: Actions for ' + target, actions)\n  const strings = actions.map(action => emojiFromAction(action) || '')\n  return dom.createTextNode(strings.join(' '))\n}\n/**\n * Create strip of sentiments expressed, with hyperlinks\n *\n * @param target {NamedNode} - The thing about which they are expressed\n * @param doc {NamedNode} - The document in which they are expressed\n */\nexport async function sentimentStripLinked (target, doc) {\n  const strip = dom.createElement('span')\n  async function refresh () {\n    strip.innerHTML = ''\n    if (isDeleted(target)) return strip\n    const versions = await allVersions(target)\n    // debug.log('sentimentStripLinked: Versions for ' + target, versions)\n    const actions = versions.map(version => store.each(null, ns.schema('target'), version, doc)).flat()\n    // debug.log('sentimentStripLinked: Actions for ' + target, actions)\n    if (actions.length === 0) return strip\n    const sentiments = actions.map(a => [\n      store.any(a, ns.rdf('type'), null, doc),\n      store.any(a, ns.sioc('content'), null, doc),\n      store.any(a, ns.schema('agent'), null, doc)\n    ])\n    // debug.log('  Actions sentiments ', sentiments)\n    sentiments.sort()\n    sentiments.forEach(ss => {\n      const [theClass, content, agent] = ss\n      let res\n      if (agent) {\n        res = dom.createElement('a')\n        res.setAttribute('href', agent.uri)\n      } else {\n        res = dom.createTextNode('')\n      }\n      res.textContent = content || emojiMap[theClass] || '⬜️'\n      strip.appendChild(res)\n    })\n    // debug.log('  Actions strip ', strip)\n  }\n  refresh().then(debug.log('sentimentStripLinked: sentimentStripLinked async refreshed'))\n  strip.refresh = refresh\n  return strip\n}\n/**\n * Creates a message toolbar component\n */\nexport async function messageToolbar (message, messageRow, userContext, channelObject) {\n  async function deleteMessage () {\n    const author = store.any(message, ns.foaf('maker'))\n    if (!me) {\n      alert('You can\\'t delete the message, you are not logged in.')\n    } else if (me.sameTerm(author)) {\n      try {\n        await channelObject.deleteMessage(message)\n      } catch (err) {\n        const msg = 'Error deleting messaage ' + err\n        debug.warn(msg)\n        alert(msg)\n        const area = userContext.statusArea || messageRow.parentNode\n        area.appendChild(widgets.errorMessageBlock(dom, msg))\n      }\n      messageRow.parentNode.removeChild(messageRow)\n    } else {\n      alert('You can\\'t delete the message, you are not logged in as the author, ' + author)\n    }\n    closeToolbar()\n  }\n\n  async function editMessage (messageRow) {\n    if (me.value === store.any(message, ns.foaf('maker')).value) {\n      closeToolbar() // edit is a one-off action\n      await switchToEditor(messageRow, message, channelObject, userContext)\n    }\n  }\n\n  async function replyInThread () {\n    const thread = await channelObject.createThread(message)\n    const options = userContext.chatOptions\n    if (!options) throw new Error('replyInThread: missing options')\n    options.showThread(thread, options)\n    closeToolbar() // a one-off action\n  }\n\n  // alain: TODO allow chat owner to fully delete message + sentiments and replacing messages\n\n  const div = dom.createElement('div')\n  // is message deleted ?\n  if (await mostRecentVersion(message).value === ns.schema('dateDeleted').value) return div\n  function closeToolbar () {\n    div.parentElement.parentElement.removeChild(div.parentElement) // remive the TR\n  }\n\n  async function deleteThingThen (x) {\n    await store.updater.update(store.connectedStatements(x), [])\n  }\n\n  // Things only the original author can do\n  let me = authn.currentUser() // If already logged on\n  if (me && store.holds(message, ns.foaf('maker'), me)) {\n    // button to delete the message\n    div.appendChild(widgets.deleteButtonWithCheck(dom, div, 'message', deleteMessage))\n    // button to edit the message\n    div.appendChild(widgets.button(dom, icons.iconBase + PENCIL_ICON, 'edit', () => editMessage(messageRow)))\n  } // if mine\n  // Things anyone can do if they have a bookmark list async\n  /*\n var bookmarkButton = await bookmarks.renderBookmarksButton(userContext)\n if (bookmarkButton) {\n   div.appendChild(bookmarkButton)\n }\n */\n  // Things anyone can do if they have a bookmark list\n\n  renderBookmarksButton(userContext).then(bookmarkButton => {\n    if (bookmarkButton) div.appendChild(bookmarkButton)\n  })\n\n  /**   Button to allow user to express a sentiment (like, endorse, etc) about a target\n   *\n   * @param context {Object} - Provide dom and me\n   * @param target {NamedNode} - The thing the user expresses an opnion about\n   * @param icon {uristring} - The icon to be used for the button\n   * @param actionClass {NamedNode} - The RDF class  - typically a subclass of schema:Action\n   * @param doc - {NamedNode} - the Solid document iunto which the data should be written\n   * @param mutuallyExclusive {Array<NamedNode>} - Any RDF classes of sentimentswhich are mutiually exclusive\n   */\n  function sentimentButton (\n    context,\n    target,\n    icon,\n    actionClass,\n    doc,\n    mutuallyExclusive\n  ) {\n    function setColor () {\n      button.style.backgroundColor = action ? 'yellow' : 'white'\n    }\n    const button = widgets.button(\n      dom,\n      icon,\n      utils.label(actionClass),\n      async function (_event) {\n        if (action) {\n          await deleteThingThen(action)\n          action = null\n          setColor()\n        } else {\n          // no action\n          action = widgets.newThing(doc)\n          const insertMe = [\n            rdf.st(action, ns.schema('agent'), context.me, doc),\n            rdf.st(action, ns.rdf('type'), actionClass, doc),\n            rdf.st(action, ns.schema('target'), target, doc)\n          ]\n          await store.updater.update([], insertMe)\n          setColor()\n\n          if (mutuallyExclusive) {\n            // Delete incompative sentiments\n            let dirty = false\n            for (let i = 0; i < mutuallyExclusive.length; i++) {\n              const a = existingAction(mutuallyExclusive[i])\n              if (a) {\n                await deleteThingThen(a) // but how refresh? refreshTree the parent?\n                dirty = true\n              }\n            }\n            if (dirty) {\n              // widgets.refreshTree(button.parentNode) // requires them all to be immediate siblings\n              widgets.refreshTree(messageRow) // requires them all to be immediate siblings\n            }\n          }\n        }\n      }\n    )\n    function existingAction (actionClass) {\n      const actions = store\n        .each(null, ns.schema('agent'), context.me, doc)\n        .filter(x => store.holds(x, ns.rdf('type'), actionClass, doc))\n        .filter(x => store.holds(x, ns.schema('target'), target, doc))\n      return actions.length ? actions[0] : null\n    }\n    function refresh () {\n      action = existingAction(actionClass)\n      setColor()\n    }\n    let action\n    button.refresh = refresh // If the file changes, refresh live\n    refresh()\n    return button\n  }\n\n  // THUMBS_UP_ICON\n  // https://schema.org/AgreeAction\n  me = authn.currentUser() // If already logged on\n\n  if (me && (await mostRecentVersion(message).value !== ns.schema('dateDeleted').value)) {\n    const context1 = { me, dom, div }\n    div.appendChild(\n      sentimentButton(\n        context1,\n        message, // @@ TODO use widgets.sentimentButton\n        icons.iconBase + THUMBS_UP_ICON,\n        ns.schema('AgreeAction'),\n        message.doc(),\n        [ns.schema('DisagreeAction')]\n      )\n    )\n    // Thumbs down\n    div.appendChild(\n      sentimentButton(\n        context1,\n        message,\n        icons.iconBase + THUMBS_DOWN_ICON,\n        ns.schema('DisagreeAction'),\n        message.doc(),\n        [ns.schema('AgreeAction')]\n      )\n    )\n  }\n  // Reply buttton\n\n  if (store.any(message, ns.dct('created'))) { // Looks like a messsage? Bar can be used for other things\n    div.appendChild(widgets.button(dom, icons.iconBase + REPLY_ICON, 'Reply in thread', async () => {\n      await replyInThread()\n    }))\n  }\n  // X button to remove the tool UI itself\n  const cancelButton = div.appendChild(widgets.cancelButton(dom))\n  cancelButton.style.float = 'right'\n  cancelButton.firstChild.style.opacity = '0.3'\n  cancelButton.addEventListener('click', closeToolbar)\n  return div\n}\n"],"mappings":"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"}
+{"version":3,"file":"messageTools.cjs.js","names":["ns","isDeleted","allVersions","store","switchToEditor","mostRecentVersion","authn","icons","button","rdf","cancelButton","require_runtime","require_debug","require_label","require_iconBase","require_ns","require_error","require_buttons","require_forms","require_bookmarks","require_chatLogic","require_message","rdflib","solid_logic","dom","PENCIL_ICON","THUMBS_UP_ICON","THUMBS_DOWN_ICON","REPLY_ICON","emojiMap","sentimentStripLinked","strip","refresh","target","actions","version","doc","sentiments","a","theClass","content","agent","ss","res","messageToolbar","deleteMessage","author","message","me","channelObject","err","msg","userContext","messageRow","closeToolbar","editMessage","replyInThread","thread","options","div","deleteThingThen","x","bookmarkButton","sentimentButton","setColor","action","button$1","icon","actionClass","insertMe","context","mutuallyExclusive","dirty","i","existingAction","context1","cancelButton$1"],"sources":["../../src/chat/messageTools.js"],"sourcesContent":["/**\n * Tools for doing things with a message\n * Let us be creative here.  Allow all sorts of things to\n * be done to a message - linking to new or old objects in an open way\n *\n * Ideas: Bookmark, Like, star, pin at top of chat, reply as new thread,\n * If you made it originally: edit, delete, attach\n * @packageDocumentation\n */\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\n// import { media } from '../media/index'\nimport ns from '../lib/ns'\n// import * as pad from '../lib/pad'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\n// import { style } from '../lib/style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { renderBookmarksButton } from './bookmarks'\nimport { authn, store } from 'solid-logic'\n\nimport { allVersions, mostRecentVersion, isDeleted } from './chatLogic'\nimport { switchToEditor } from './message'\n\nconst dom = window.document\n\n// THE UNUSED ICONS are here as reminders for possible future functionality\n// const BOOKMARK_ICON = 'noun_45961.svg'\n// const HEART_ICON = 'noun_130259.svg' -> Add this to my (private) favorites\n// const MENU_ICON = 'noun_897914.svg'\n// const PAPERCLIP_ICON = 'noun_25830.svg' -> add attachments to this message\n// const PIN_ICON = 'noun_562340.svg'  -> pin this message permanently in the chat UI\nconst PENCIL_ICON = 'noun_253504.svg' // edit a message\n// const SPANNER_ICON = 'noun_344563.svg' -> settings\nconst THUMBS_UP_ICON = 'noun_1384132.svg'\nconst THUMBS_DOWN_ICON = 'noun_1384135.svg'\nconst REPLY_ICON = 'noun-reply-5506924.svg'\n/**\n * Emoji in Unicode\n */\nconst emojiMap = {}\nemojiMap[ns.schema('AgreeAction')] = '👍'\nemojiMap[ns.schema('DisagreeAction')] = '👎'\nemojiMap[ns.schema('EndorseAction')] = '⭐️'\nemojiMap[ns.schema('LikeAction')] = '❤️'\n\nexport function emojiFromActionClass (action) {\n  return emojiMap[action] || null\n}\n\nexport function ActionClassFromEmoji (emoji) {\n  for (const a in emojiMap) {\n    if (emojiMap[a] === emoji) {\n      return rdf.sym(a.slice(1, -1)) // remove < >\n    }\n  }\n  return null\n}\n\n// Allow the action to give its own emoji as content,\n// or get the emoji from the class of action.\nexport function emojiFromAction (action) {\n  const content = store.any(action, ns.sioc('content'), null, action.doc())\n  if (content) return content\n  const klass = store.any(action, ns.rdf('type'), null, action.doc())\n  if (klass) {\n    const em = emojiFromActionClass(klass)\n    if (em) return em\n  }\n  return '⬜️'\n}\n\n/**\n * Create strip of sentiments expressed\n */\nexport async function sentimentStrip (target, doc) { // alain: seems not used\n  const versions = await allVersions(target)\n  // debug.log('sentimentStrip Versions for ' + target, versions)\n  const actions = versions.map(version => store.each(null, ns.schema('target'), version, doc)).flat()\n  // debug.log('sentimentStrip: Actions for ' + target, actions)\n  const strings = actions.map(action => emojiFromAction(action) || '')\n  return dom.createTextNode(strings.join(' '))\n}\n/**\n * Create strip of sentiments expressed, with hyperlinks\n *\n * @param target {NamedNode} - The thing about which they are expressed\n * @param doc {NamedNode} - The document in which they are expressed\n */\nexport async function sentimentStripLinked (target, doc) {\n  const strip = dom.createElement('span')\n  async function refresh () {\n    strip.innerHTML = ''\n    if (isDeleted(target)) return strip\n    const versions = await allVersions(target)\n    // debug.log('sentimentStripLinked: Versions for ' + target, versions)\n    const actions = versions.map(version => store.each(null, ns.schema('target'), version, doc)).flat()\n    // debug.log('sentimentStripLinked: Actions for ' + target, actions)\n    if (actions.length === 0) return strip\n    const sentiments = actions.map(a => [\n      store.any(a, ns.rdf('type'), null, doc),\n      store.any(a, ns.sioc('content'), null, doc),\n      store.any(a, ns.schema('agent'), null, doc)\n    ])\n    // debug.log('  Actions sentiments ', sentiments)\n    sentiments.sort()\n    sentiments.forEach(ss => {\n      const [theClass, content, agent] = ss\n      let res\n      if (agent) {\n        res = dom.createElement('a')\n        res.setAttribute('href', agent.uri)\n      } else {\n        res = dom.createTextNode('')\n      }\n      res.textContent = content || emojiMap[theClass] || '⬜️'\n      strip.appendChild(res)\n    })\n    // debug.log('  Actions strip ', strip)\n  }\n  refresh().then(debug.log('sentimentStripLinked: sentimentStripLinked async refreshed'))\n  strip.refresh = refresh\n  return strip\n}\n/**\n * Creates a message toolbar component\n */\nexport async function messageToolbar (message, messageRow, userContext, channelObject) {\n  async function deleteMessage () {\n    const author = store.any(message, ns.foaf('maker'))\n    if (!me) {\n      alert('You can\\'t delete the message, you are not logged in.')\n    } else if (me.sameTerm(author)) {\n      try {\n        await channelObject.deleteMessage(message)\n      } catch (err) {\n        const msg = 'Error deleting messaage ' + err\n        debug.warn(msg)\n        alert(msg)\n        const area = userContext.statusArea || messageRow.parentNode\n        area.appendChild(widgets.errorMessageBlock(dom, msg))\n      }\n      messageRow.parentNode.removeChild(messageRow)\n    } else {\n      alert('You can\\'t delete the message, you are not logged in as the author, ' + author)\n    }\n    closeToolbar()\n  }\n\n  async function editMessage (messageRow) {\n    if (me.value === store.any(message, ns.foaf('maker')).value) {\n      closeToolbar() // edit is a one-off action\n      await switchToEditor(messageRow, message, channelObject, userContext)\n    }\n  }\n\n  async function replyInThread () {\n    const thread = await channelObject.createThread(message)\n    const options = userContext.chatOptions\n    if (!options) throw new Error('replyInThread: missing options')\n    options.showThread(thread, options)\n    closeToolbar() // a one-off action\n  }\n\n  // alain: TODO allow chat owner to fully delete message + sentiments and replacing messages\n\n  const div = dom.createElement('div')\n  // is message deleted ?\n  if (await mostRecentVersion(message).value === ns.schema('dateDeleted').value) return div\n  function closeToolbar () {\n    div.parentElement.parentElement.removeChild(div.parentElement) // remive the TR\n  }\n\n  async function deleteThingThen (x) {\n    await store.updater.update(store.connectedStatements(x), [])\n  }\n\n  // Things only the original author can do\n  let me = authn.currentUser() // If already logged on\n  if (me && store.holds(message, ns.foaf('maker'), me)) {\n    // button to delete the message\n    div.appendChild(widgets.deleteButtonWithCheck(dom, div, 'message', deleteMessage))\n    // button to edit the message\n    div.appendChild(widgets.button(dom, icons.iconBase + PENCIL_ICON, 'edit', () => editMessage(messageRow)))\n  } // if mine\n  // Things anyone can do if they have a bookmark list async\n  /*\n var bookmarkButton = await bookmarks.renderBookmarksButton(userContext)\n if (bookmarkButton) {\n   div.appendChild(bookmarkButton)\n }\n */\n  // Things anyone can do if they have a bookmark list\n\n  renderBookmarksButton(userContext).then(bookmarkButton => {\n    if (bookmarkButton) div.appendChild(bookmarkButton)\n  })\n\n  /**   Button to allow user to express a sentiment (like, endorse, etc) about a target\n   *\n   * @param context {Object} - Provide dom and me\n   * @param target {NamedNode} - The thing the user expresses an opnion about\n   * @param icon {uristring} - The icon to be used for the button\n   * @param actionClass {NamedNode} - The RDF class  - typically a subclass of schema:Action\n   * @param doc - {NamedNode} - the Solid document iunto which the data should be written\n   * @param mutuallyExclusive {Array<NamedNode>} - Any RDF classes of sentimentswhich are mutiually exclusive\n   */\n  function sentimentButton (\n    context,\n    target,\n    icon,\n    actionClass,\n    doc,\n    mutuallyExclusive\n  ) {\n    function setColor () {\n      button.style.backgroundColor = action ? 'yellow' : 'white'\n    }\n    const button = widgets.button(\n      dom,\n      icon,\n      utils.label(actionClass),\n      async function (_event) {\n        if (action) {\n          await deleteThingThen(action)\n          action = null\n          setColor()\n        } else {\n          // no action\n          action = widgets.newThing(doc)\n          const insertMe = [\n            rdf.st(action, ns.schema('agent'), context.me, doc),\n            rdf.st(action, ns.rdf('type'), actionClass, doc),\n            rdf.st(action, ns.schema('target'), target, doc)\n          ]\n          await store.updater.update([], insertMe)\n          setColor()\n\n          if (mutuallyExclusive) {\n            // Delete incompative sentiments\n            let dirty = false\n            for (let i = 0; i < mutuallyExclusive.length; i++) {\n              const a = existingAction(mutuallyExclusive[i])\n              if (a) {\n                await deleteThingThen(a) // but how refresh? refreshTree the parent?\n                dirty = true\n              }\n            }\n            if (dirty) {\n              // widgets.refreshTree(button.parentNode) // requires them all to be immediate siblings\n              widgets.refreshTree(messageRow) // requires them all to be immediate siblings\n            }\n          }\n        }\n      }\n    )\n    function existingAction (actionClass) {\n      const actions = store\n        .each(null, ns.schema('agent'), context.me, doc)\n        .filter(x => store.holds(x, ns.rdf('type'), actionClass, doc))\n        .filter(x => store.holds(x, ns.schema('target'), target, doc))\n      return actions.length ? actions[0] : null\n    }\n    function refresh () {\n      action = existingAction(actionClass)\n      setColor()\n    }\n    let action\n    button.refresh = refresh // If the file changes, refresh live\n    refresh()\n    return button\n  }\n\n  // THUMBS_UP_ICON\n  // https://schema.org/AgreeAction\n  me = authn.currentUser() // If already logged on\n\n  if (me && (await mostRecentVersion(message).value !== ns.schema('dateDeleted').value)) {\n    const context1 = { me, dom, div }\n    div.appendChild(\n      sentimentButton(\n        context1,\n        message, // @@ TODO use widgets.sentimentButton\n        icons.iconBase + THUMBS_UP_ICON,\n        ns.schema('AgreeAction'),\n        message.doc(),\n        [ns.schema('DisagreeAction')]\n      )\n    )\n    // Thumbs down\n    div.appendChild(\n      sentimentButton(\n        context1,\n        message,\n        icons.iconBase + THUMBS_DOWN_ICON,\n        ns.schema('DisagreeAction'),\n        message.doc(),\n        [ns.schema('AgreeAction')]\n      )\n    )\n  }\n  // Reply buttton\n\n  if (store.any(message, ns.dct('created'))) { // Looks like a messsage? Bar can be used for other things\n    div.appendChild(widgets.button(dom, icons.iconBase + REPLY_ICON, 'Reply in thread', async () => {\n      await replyInThread()\n    }))\n  }\n  // X button to remove the tool UI itself\n  const cancelButton = div.appendChild(widgets.cancelButton(dom))\n  cancelButton.style.float = 'right'\n  cancelButton.firstChild.style.opacity = '0.3'\n  cancelButton.addEventListener('click', closeToolbar)\n  return div\n}\n"],"mappings":"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"}