// This is a Helper Script that will contain the functions that are accessed from multiple different scripts in the app. Allowing this script to be loaded first, will ensure they all have awareness of them and will allow future development to be simpler.
let blockedNamesIdentifier = "Q-Mintership-blockedNames"
let qMintershipActiveBoard = "forum"
// Kakashi Note: Core escaping helper used across boards to keep untrusted text from executing as markup.
// Basic output-encoding helper for untrusted text that will be inserted into HTML strings.
const qEscapeHtml = (value) => {
return String(value ?? "")
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """)
.replace(/'/g, "'")
}
// Attribute-safe variant. Also escapes backticks to avoid template literal edge cases.
const qEscapeAttr = (value) => {
return qEscapeHtml(value).replace(/`/g, "`")
}
const getEffectiveMinterAdminMembers = (admins = []) => {
if (!Array.isArray(admins)) {
return []
}
const reservedNullAddress =
typeof nullAddress !== "undefined" ? nullAddress : ""
return admins.filter((admin) => {
const member = String(admin?.member || "").trim()
return Boolean(member) && member !== reservedNullAddress
})
}
const getEffectiveMinterAdminCount = (admins = []) =>
getEffectiveMinterAdminMembers(admins).length
const qIsSafeUrl = (url) => {
const raw = String(url ?? "").trim()
if (!raw) return false
const lower = raw.toLowerCase()
if (
lower.startsWith("javascript:") ||
lower.startsWith("data:") ||
lower.startsWith("vbscript:")
) {
return false
}
if (lower.startsWith("qortal://")) return true
if (lower.startsWith("/")) return true
if (lower.startsWith("./") || lower.startsWith("../")) return true
if (lower.startsWith("#")) return true
if (lower.startsWith("http://") || lower.startsWith("https://")) return true
if (lower.startsWith("mailto:")) return true
return false
}
const qSanitizeUrl = (url, fallback = "#") => {
const safe = String(url ?? "").trim()
return qIsSafeUrl(safe) ? safe : fallback
}
const Q_MINTERSHIP_QORTAL_LINK_PATTERN = /qortal:\/\/[^\s<>"'`]+/gi
const Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_ID = "links-modal"
const Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_CONTENT_ID = "links-modalContent"
const Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_LABEL_ID = "links-modal-link-label"
const Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_OPEN_BUTTON_ID =
"links-modal-open-in-new-tab"
const Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_CLOSE_BUTTON_ID =
"links-modal-close-button"
const qMintershipStripTrailingQortalLinkPunctuation = (value = "") => {
let link = String(value ?? "").trim()
let trailingPunctuation = ""
while (link && /[.,;:!?)}\]]$/.test(link)) {
trailingPunctuation = `${link.slice(-1)}${trailingPunctuation}`
link = link.slice(0, -1)
}
return {
link,
trailingPunctuation,
}
}
const qMintershipCreateQortalPreviewLinkElement = (
linkText = "",
rawLink = linkText
) => {
if (typeof document === "undefined") {
return null
}
const anchor = document.createElement("a")
anchor.className = "qortal-preview-link"
anchor.href = "#"
anchor.dataset.qortalLink = String(rawLink || "").trim()
anchor.rel = "noopener noreferrer"
anchor.textContent = String(linkText || "").trim()
return anchor
}
const qMintershipRenderPlainTextWithQortalLinks = (inputText = "") => {
const rawText = String(inputText ?? "")
if (!rawText.trim()) {
return ""
}
if (typeof document === "undefined") {
return qEscapeHtml(rawText)
}
const container = document.createElement("span")
const linkPattern = new RegExp(Q_MINTERSHIP_QORTAL_LINK_PATTERN.source, "gi")
let lastIndex = 0
let match = null
while ((match = linkPattern.exec(rawText)) !== null) {
const matchIndex = Number.isFinite(match.index) ? match.index : 0
if (matchIndex > lastIndex) {
container.appendChild(
document.createTextNode(rawText.slice(lastIndex, matchIndex))
)
}
const { link, trailingPunctuation } =
qMintershipStripTrailingQortalLinkPunctuation(match[0])
if (link) {
const anchor = qMintershipCreateQortalPreviewLinkElement(link, link)
if (anchor) {
container.appendChild(anchor)
} else {
container.appendChild(document.createTextNode(link))
}
if (trailingPunctuation) {
container.appendChild(document.createTextNode(trailingPunctuation))
}
} else {
container.appendChild(document.createTextNode(match[0]))
}
lastIndex = matchIndex + match[0].length
}
if (lastIndex < rawText.length) {
container.appendChild(document.createTextNode(rawText.slice(lastIndex)))
}
return container.innerHTML
}
const qMintershipLinkifyQortalTextNodes = (rootNode) => {
if (
typeof document === "undefined" ||
!rootNode ||
typeof NodeFilter === "undefined"
) {
return
}
const textNodes = []
const walker = document.createTreeWalker(rootNode, NodeFilter.SHOW_TEXT)
while (walker.nextNode()) {
textNodes.push(walker.currentNode)
}
for (const textNode of textNodes) {
const parentElement = textNode.parentElement
if (!parentElement) {
continue
}
if (
parentElement.closest("a, code, pre, textarea, script, style, kbd, samp")
) {
continue
}
const rawText = String(textNode.nodeValue || "")
if (!rawText.trim()) {
continue
}
const linkPattern = new RegExp(Q_MINTERSHIP_QORTAL_LINK_PATTERN.source, "gi")
if (!linkPattern.test(rawText)) {
continue
}
linkPattern.lastIndex = 0
const fragment = document.createDocumentFragment()
let lastIndex = 0
let match = null
let matched = false
while ((match = linkPattern.exec(rawText)) !== null) {
matched = true
const matchIndex = Number.isFinite(match.index) ? match.index : 0
if (matchIndex > lastIndex) {
fragment.appendChild(
document.createTextNode(rawText.slice(lastIndex, matchIndex))
)
}
const { link, trailingPunctuation } =
qMintershipStripTrailingQortalLinkPunctuation(match[0])
if (link) {
const anchor = qMintershipCreateQortalPreviewLinkElement(link, link)
if (anchor) {
fragment.appendChild(anchor)
} else {
fragment.appendChild(document.createTextNode(link))
}
if (trailingPunctuation) {
fragment.appendChild(document.createTextNode(trailingPunctuation))
}
} else {
fragment.appendChild(document.createTextNode(match[0]))
}
lastIndex = matchIndex + match[0].length
}
if (!matched) {
continue
}
if (lastIndex < rawText.length) {
fragment.appendChild(document.createTextNode(rawText.slice(lastIndex)))
}
textNode.parentNode?.replaceChild(fragment, textNode)
}
}
const qMintershipResolveQortalLinkPreviewUrl = async (link = "") => {
const normalizedLink = String(link || "").trim()
if (!normalizedLink) {
return ""
}
if (normalizedLink.startsWith("qortal://")) {
const match = normalizedLink.match(/^qortal:\/\/([^/]+)(\/.*)?$/)
if (match) {
const firstParam = match[1].toUpperCase()
const remainingPath = match[2] || ""
const themeColor = window._qdnTheme || "default"
await new Promise((resolve) => setTimeout(resolve, 10))
return `/render/${firstParam}${remainingPath}?theme=${themeColor}`
}
}
return qSanitizeUrl(normalizedLink, "")
}
const qMintershipQortalLinkPreviewState = {
rawLink: "",
previewUrl: "",
}
const qMintershipOpenQortalLinkInNewTab = async (link = "") => {
if (typeof qortalRequest !== "function") {
return
}
const normalizedLink = String(link || "").trim()
if (!normalizedLink) {
return
}
try {
await qortalRequest({
action: "OPEN_NEW_TAB",
qortalLink: normalizedLink,
})
} catch (error) {
console.error(
"Unable to open Qortal link in a new tab:",
normalizedLink,
error
)
}
}
const qMintershipCloseQortalLinkPreviewModal = () => {
if (typeof document === "undefined") {
return
}
const modal = document.getElementById(Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_ID)
const modalContent = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_CONTENT_ID
)
const modalLabel = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_LABEL_ID
)
if (modal) {
modal.style.display = "none"
}
if (modalContent && "src" in modalContent) {
modalContent.src = ""
}
if (modalLabel) {
modalLabel.textContent = ""
}
qMintershipQortalLinkPreviewState.rawLink = ""
qMintershipQortalLinkPreviewState.previewUrl = ""
}
const qMintershipEnsureQortalLinkPreviewModal = () => {
if (typeof document === "undefined" || !document.body) {
return null
}
let modal = document.getElementById(Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_ID)
if (modal) {
return modal
}
const modalHTML = `
`
document.body.insertAdjacentHTML("beforeend", modalHTML)
modal = document.getElementById(Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_ID)
const closeButton = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_CLOSE_BUTTON_ID
)
const openButton = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_OPEN_BUTTON_ID
)
closeButton?.addEventListener("click", qMintershipCloseQortalLinkPreviewModal)
openButton?.addEventListener("click", async () => {
const rawLink = String(qMintershipQortalLinkPreviewState.rawLink || "").trim()
if (!rawLink || typeof qortalRequest !== "function") {
return
}
await qMintershipOpenQortalLinkInNewTab(rawLink)
})
modal?.addEventListener("click", (event) => {
if (event.target === modal) {
qMintershipCloseQortalLinkPreviewModal()
}
})
return modal
}
const qMintershipOpenQortalLinkPreviewModal = async (link = "") => {
const modal = qMintershipEnsureQortalLinkPreviewModal()
if (!modal) {
return
}
const rawLink = String(link || "").trim()
if (!rawLink) {
return
}
const previewUrl = await qMintershipResolveQortalLinkPreviewUrl(rawLink)
const modalContent = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_CONTENT_ID
)
const modalLabel = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_LABEL_ID
)
const openButton = document.getElementById(
Q_MINTERSHIP_QORTAL_PREVIEW_MODAL_OPEN_BUTTON_ID
)
qMintershipQortalLinkPreviewState.rawLink = rawLink
qMintershipQortalLinkPreviewState.previewUrl = previewUrl
if (modalContent && "src" in modalContent) {
modalContent.src = previewUrl || "about:blank"
}
if (modalLabel) {
modalLabel.textContent = rawLink
}
if (openButton) {
const canOpenInNewTab =
rawLink.toLowerCase().startsWith("qortal://") &&
typeof qortalRequest === "function"
openButton.disabled = !canOpenInNewTab
openButton.title = canOpenInNewTab
? "open in new tab"
: "open in new tab is available inside Qortal."
}
modal.style.display = "block"
}
if (typeof window !== "undefined") {
window.qMintershipResolveQortalLinkPreviewUrl =
qMintershipResolveQortalLinkPreviewUrl
window.qMintershipOpenQortalLinkPreviewModal =
qMintershipOpenQortalLinkPreviewModal
window.qMintershipCloseQortalLinkPreviewModal =
qMintershipCloseQortalLinkPreviewModal
window.qMintershipOpenQortalLinkInNewTab = qMintershipOpenQortalLinkInNewTab
}
if (
typeof document !== "undefined" &&
typeof window !== "undefined" &&
!window.__qMintershipPreviewLinkHandlerBound
) {
window.__qMintershipPreviewLinkHandlerBound = true
document.addEventListener(
"click",
async (event) => {
const eventTarget =
event.target instanceof Element ? event.target : event.target?.parentElement
const previewLink = eventTarget?.closest?.(
"a.qortal-preview-link[data-qortal-link]"
)
if (!previewLink) {
return
}
event.preventDefault()
event.stopPropagation()
if (typeof event.stopImmediatePropagation === "function") {
event.stopImmediatePropagation()
}
const rawLink =
previewLink.getAttribute("data-qortal-link")?.trim() ||
previewLink.textContent?.trim() ||
""
await qMintershipOpenQortalLinkPreviewModal(rawLink)
},
true
)
}
const Q_MINTERSHIP_BODY_CONTENT_SELECTORS = [
".features7",
".features1",
".qm-history-link-row",
".footer1",
".forum-main",
".minter-board-main",
".add-remove-admin-main",
".stats-board-main",
".tools-main",
]
const clearQMintershipBodyContent = (selectors = Q_MINTERSHIP_BODY_CONTENT_SELECTORS) => {
if (typeof document === "undefined" || !document.body) {
return
}
const cleanupSelectors = Array.from(
new Set(
(Array.isArray(selectors) ? selectors : [selectors])
.filter(Boolean)
.map((selector) => String(selector).trim())
.filter(Boolean)
)
)
if (!cleanupSelectors.length) {
return
}
const selectorText = cleanupSelectors.join(", ")
const bodyChildren = Array.from(document.body.children)
for (const child of bodyChildren) {
if (child.matches?.(selectorText) || child.querySelector?.(selectorText)) {
child.remove()
}
}
}
const Q_RICH_TEXT_ALLOWED_TAGS = new Set([
"A",
"B",
"BLOCKQUOTE",
"BR",
"CODE",
"DIV",
"EM",
"H1",
"H2",
"H3",
"H4",
"H5",
"H6",
"I",
"LI",
"OL",
"P",
"PRE",
"S",
"SPAN",
"STRONG",
"U",
"UL",
])
const Q_RICH_TEXT_ALLOWED_ATTRS = new Map([
["*", new Set(["class", "dir"])],
["A", new Set(["href", "target", "rel"])],
])
const qSanitizeRichHtml = (inputHtml) => {
// Kakashi Note: Rich-text sanitizer strips dangerous tags/attrs while preserving safe formatting needed for forum content.
const template = document.createElement("template")
template.innerHTML = String(inputHtml ?? "")
const dangerousTags = new Set([
"BASE",
"FORM",
"IFRAME",
"INPUT",
"LINK",
"META",
"OBJECT",
"EMBED",
"SCRIPT",
"STYLE",
"SVG",
"MATH",
"TEXTAREA",
"SELECT",
"BUTTON",
"OPTION",
])
const sanitizeNode = (rootNode) => {
const children = Array.from(rootNode.childNodes)
for (const child of children) {
if (child.nodeType === Node.COMMENT_NODE) {
child.remove()
continue
}
if (child.nodeType !== Node.ELEMENT_NODE) {
continue
}
const tag = child.tagName.toUpperCase()
if (dangerousTags.has(tag)) {
child.remove()
continue
}
if (!Q_RICH_TEXT_ALLOWED_TAGS.has(tag)) {
const fragment = document.createDocumentFragment()
while (child.firstChild) {
fragment.appendChild(child.firstChild)
}
child.replaceWith(fragment)
sanitizeNode(fragment)
continue
}
const allowedForTag = Q_RICH_TEXT_ALLOWED_ATTRS.get(tag) || new Set()
const allowedGlobal = Q_RICH_TEXT_ALLOWED_ATTRS.get("*") || new Set()
for (const attr of Array.from(child.attributes)) {
const attrName = attr.name.toLowerCase()
if (attrName.startsWith("on") || attrName === "style") {
child.removeAttribute(attr.name)
continue
}
const attrAllowed =
attrName.startsWith("data-") ||
allowedForTag.has(attrName) ||
allowedGlobal.has(attrName)
if (!attrAllowed) {
child.removeAttribute(attr.name)
continue
}
if (attrName === "href" || attrName === "src") {
const safeUrl = qSanitizeUrl(attr.value, "")
if (!safeUrl) {
child.removeAttribute(attr.name)
} else {
child.setAttribute(attr.name, safeUrl)
}
}
}
if (tag === "A") {
const href = child.getAttribute("href")
if (!href) {
child.removeAttribute("target")
child.removeAttribute("rel")
} else if (href.toLowerCase().startsWith("qortal://")) {
child.setAttribute("data-qortal-link", href)
child.setAttribute("href", "#")
child.classList.add("qortal-preview-link")
child.removeAttribute("target")
child.setAttribute("rel", "noopener noreferrer")
} else {
const target = child.getAttribute("target")
if (target && target !== "_blank") {
child.removeAttribute("target")
}
child.setAttribute("rel", "noopener noreferrer")
}
}
sanitizeNode(child)
}
}
sanitizeNode(template.content)
qMintershipLinkifyQortalTextNodes(template.content)
return template.innerHTML
}
const qRenderBoardCommentHtml = (inputHtml) => {
const raw = String(inputHtml ?? "")
if (!raw.trim()) {
return ""
}
const looksLikeHtml = /<\/?[a-z][\s\S]*>/i.test(raw)
if (looksLikeHtml) {
return qSanitizeRichHtml(raw)
}
return qMintershipRenderPlainTextWithQortalLinks(raw)
}
const qRenderRichContentHtml = (inputHtml) => qRenderBoardCommentHtml(inputHtml)
const boardRichTextEditorInstances = new Map()
const boardIdentityLevelCache = new Map()
const boardAccountNamesCache = new Map()
const boardAccountSponsorshipCache = new Map()
const boardAccountTransactionPageCache = new Map()
const boardAccountFirstTransactionCache = new Map()
const boardAccountGroupCache = new Map()
const boardAccountAtCache = new Map()
const boardAccountMinterGroupStatusCache = new Map()
const boardAccountAssetBalancesCache = new Map()
const boardCommentVoterAddressCache = new Map()
const BOARD_GROUP_TRANSACTION_TYPES = new Set([
"GROUP_INVITE",
"JOIN_GROUP",
"GROUP_BAN",
"GROUP_KICK",
"LEAVE_GROUP",
])
const boardAccountInspectorState = {
requestId: 0,
address: "",
displayName: "",
resolvedName: "",
txOffset: 0,
txLimit: 200,
txHasMore: false,
txLoadingMore: false,
txLoadingAll: false,
transactions: [],
names: [],
sponsorship: null,
minterGroupStatus: null,
assetBalances: [],
assetBalancesExpanded: false,
assetBalancesLoaded: false,
assetBalancesLoading: false,
assetBalancesError: "",
firstTransaction: null,
firstTransactionLoading: false,
firstTransactionError: "",
balance: null,
addressInfo: null,
}
const BOARD_RICH_TEXT_TOOLBAR_OPTIONS = [
[{ header: [2, 3, false] }],
["bold", "italic"],
[{ list: "bullet" }],
["clean"],
]
const BOARD_RICH_TEXT_EDITOR_FORMATS = ["header", "bold", "italic", "list"]
const getBoardRichTextEditorId = (editorKey) => `board-richtext-${editorKey}`
const getBoardRichTextComposerHtml = (
editorKey,
composerClass = "richtext-compose"
) => `
`
const ensureBoardRichTextEditor = (
editorKey,
placeholder = "Write a comment..."
) => {
if (typeof Quill !== "function") {
return null
}
const editorId = getBoardRichTextEditorId(editorKey)
if (boardRichTextEditorInstances.has(editorId)) {
return boardRichTextEditorInstances.get(editorId)
}
const editorEl = document.getElementById(editorId)
if (!editorEl) {
return null
}
const quill = new Quill(editorEl, {
theme: "snow",
placeholder,
formats: BOARD_RICH_TEXT_EDITOR_FORMATS,
modules: {
toolbar: BOARD_RICH_TEXT_TOOLBAR_OPTIONS,
},
})
boardRichTextEditorInstances.set(editorId, quill)
return quill
}
const getBoardRichTextEditorInstance = (editorKey) => {
const editorId = getBoardRichTextEditorId(editorKey)
return boardRichTextEditorInstances.get(editorId) || null
}
const getBoardRichTextEditorText = (editorKey) => {
const quill = getBoardRichTextEditorInstance(editorKey)
if (quill) {
return quill.getText().trim()
}
const editorEl = document.getElementById(getBoardRichTextEditorId(editorKey))
if (!editorEl) {
return ""
}
return String(editorEl.textContent || "").trim()
}
const getBoardRichTextEditorHtml = (editorKey) => {
const quill = getBoardRichTextEditorInstance(editorKey)
if (quill) {
const rawHtml = quill.root.innerHTML.trim()
return quill.getText().trim() ? qSanitizeRichHtml(rawHtml) : ""
}
const editorEl = document.getElementById(getBoardRichTextEditorId(editorKey))
if (!editorEl) {
return ""
}
return qSanitizeRichHtml(editorEl.innerHTML.trim())
}
const setBoardRichTextEditorHtml = (editorKey, inputHtml) => {
const rawHtml = String(inputHtml ?? "")
const quill = getBoardRichTextEditorInstance(editorKey)
if (quill) {
if (!rawHtml.trim()) {
quill.setText("")
quill.setSelection(0, 0)
return
}
const sanitizedHtml = qSanitizeRichHtml(rawHtml)
const looksLikeHtml = /<\/?[a-z][\s\S]*>/i.test(rawHtml)
if (looksLikeHtml) {
quill.clipboard.dangerouslyPasteHTML(sanitizedHtml, "silent")
} else {
quill.setText(rawHtml)
}
quill.setSelection(0, 0)
return
}
const editorEl = document.getElementById(getBoardRichTextEditorId(editorKey))
if (editorEl) {
editorEl.innerHTML = /<\/?[a-z][\s\S]*>/i.test(rawHtml)
? qSanitizeRichHtml(rawHtml)
: qEscapeHtml(rawHtml)
}
}
const clearBoardRichTextEditor = (editorKey) => {
const quill = getBoardRichTextEditorInstance(editorKey)
if (quill) {
quill.setText("")
quill.setSelection(0, 0)
return
}
const editorEl = document.getElementById(getBoardRichTextEditorId(editorKey))
if (editorEl) {
editorEl.innerHTML = ""
}
}
const getBoardCommentEditorId = (cardIdentifier) =>
getBoardRichTextEditorId(`comment-${cardIdentifier}`)
const getBoardCommentComposerHtml = (cardIdentifier) =>
getBoardRichTextComposerHtml(
`comment-${cardIdentifier}`,
"richtext-compose comment-compose"
)
const ensureBoardCommentEditor = (
cardIdentifier,
placeholder = "Write a comment..."
) => ensureBoardRichTextEditor(`comment-${cardIdentifier}`, placeholder)
const getBoardCommentEditorInstance = (cardIdentifier) =>
getBoardRichTextEditorInstance(`comment-${cardIdentifier}`)
const getBoardCommentEditorText = (cardIdentifier) =>
getBoardRichTextEditorText(`comment-${cardIdentifier}`)
const getBoardCommentEditorHtml = (cardIdentifier) =>
getBoardRichTextEditorHtml(`comment-${cardIdentifier}`)
const clearBoardCommentEditor = (cardIdentifier) =>
clearBoardRichTextEditor(`comment-${cardIdentifier}`)
const boardCommentContentCache = new Map()
const boardCommentDataCache = new Map()
const boardCommentEditState = {
cardIdentifier: "",
commentIdentifier: "",
publisherName: "",
isEditing: false,
}
const boardCommentReplyState = {
cardIdentifier: "",
commentIdentifier: "",
publisherName: "",
timestamp: "",
timestampText: "",
contentHtml: "",
isReplying: false,
}
const rememberBoardCommentContent = (commentIdentifier, contentHtml = "") => {
const normalizedIdentifier = String(commentIdentifier || "").trim()
if (!normalizedIdentifier) {
return
}
const normalizedContent = String(contentHtml ?? "")
boardCommentContentCache.set(normalizedIdentifier, normalizedContent)
const existingData = boardCommentDataCache.get(normalizedIdentifier) || {}
boardCommentDataCache.set(normalizedIdentifier, {
...existingData,
content: normalizedContent,
})
}
const rememberBoardCommentData = (commentIdentifier, commentData = {}) => {
const normalizedIdentifier = String(commentIdentifier || "").trim()
if (!normalizedIdentifier) {
return
}
const existingData = boardCommentDataCache.get(normalizedIdentifier) || {}
const normalizedContent = String(
commentData?.content ??
commentData?.contentHtml ??
existingData.content ??
""
)
const normalizedData = {
...existingData,
...commentData,
content: normalizedContent,
}
boardCommentDataCache.set(normalizedIdentifier, normalizedData)
boardCommentContentCache.set(normalizedIdentifier, normalizedContent)
}
const getBoardCommentData = (commentIdentifier) => {
const normalizedIdentifier = String(commentIdentifier || "").trim()
if (!normalizedIdentifier) {
return null
}
return boardCommentDataCache.get(normalizedIdentifier) || null
}
const getBoardCommentContent = (commentIdentifier) => {
const normalizedIdentifier = String(commentIdentifier || "").trim()
if (!normalizedIdentifier) {
return ""
}
return (
boardCommentDataCache.get(normalizedIdentifier)?.content ||
boardCommentContentCache.get(normalizedIdentifier) ||
""
)
}
const formatBoardCommentTimestampLabel = (
timestampValue,
fallbackText = ""
) => {
const normalizedFallback = String(fallbackText ?? "").trim()
if (normalizedFallback) {
return normalizedFallback
}
const rawTimestamp = String(timestampValue ?? "").trim()
if (!rawTimestamp) {
return ""
}
const numericTimestamp = Number(rawTimestamp)
if (Number.isFinite(numericTimestamp) && numericTimestamp > 0) {
return new Date(numericTimestamp).toLocaleString()
}
return rawTimestamp
}
const normalizeBoardCommentReplyTarget = (replyTarget = {}) => {
if (!replyTarget) {
return {
commentIdentifier: "",
publisherName: "",
timestamp: "",
timestampText: "",
contentHtml: "",
}
}
if (typeof replyTarget === "string") {
return {
commentIdentifier: String(replyTarget || "").trim(),
publisherName: "",
timestamp: "",
timestampText: "",
contentHtml: "",
}
}
const commentIdentifier = String(
replyTarget.commentIdentifier || replyTarget.identifier || ""
).trim()
const publisherName = String(
replyTarget.publisherName || replyTarget.creator || replyTarget.name || ""
).trim()
const timestamp = replyTarget.timestamp ?? replyTarget.created ?? ""
const timestampText = String(
replyTarget.timestampText ||
replyTarget.date ||
replyTarget.timestampLabel ||
""
).trim()
const contentHtml = String(
replyTarget.contentHtml ||
replyTarget.content ||
replyTarget.messageHtml ||
""
)
return {
commentIdentifier,
publisherName,
timestamp,
timestampText,
contentHtml,
}
}
const buildBoardCommentReplyPreviewHtml = (
replyTarget = {},
{ variant = "embedded" } = {}
) => {
const normalizedReplyTarget = normalizeBoardCommentReplyTarget(replyTarget)
const commentIdentifier = normalizedReplyTarget.commentIdentifier
const publisherName = normalizedReplyTarget.publisherName
const contentFromCache = commentIdentifier
? getBoardCommentContent(commentIdentifier)
: ""
const contentHtml =
normalizedReplyTarget.contentHtml || contentFromCache || ""
const timestampLabel = formatBoardCommentTimestampLabel(
normalizedReplyTarget.timestamp,
normalizedReplyTarget.timestampText
)
if (!publisherName && !contentHtml && !timestampLabel) {
return ""
}
const authorHtml =
publisherName && typeof buildBoardAccountTriggerHtml === "function"
? buildBoardAccountTriggerHtml({
name: publisherName,
label: publisherName,
className: "comment-author-name-link comment-reply-author-link",
tagName: "button",
titlePrefix: "Open account details for",
})
: ``
const renderedReplyContent = contentHtml
? qRenderBoardCommentHtml(contentHtml)
: ``
const hasExpandableContent = Boolean(contentHtml)
return `
`
}
const toggleBoardCommentReplyPreviewFromElement = (buttonEl, event) => {
if (event) {
event.preventDefault()
event.stopPropagation()
}
const previewEl = buttonEl?.closest(".comment-reply-preview")
if (!previewEl) {
return false
}
const isExpanded = previewEl.classList.contains(
"comment-reply-preview--expanded"
)
const nextExpanded = !isExpanded
previewEl.classList.toggle("comment-reply-preview--expanded", nextExpanded)
previewEl.classList.toggle("comment-reply-preview--collapsed", !nextExpanded)
previewEl.dataset.commentReplyExpanded = nextExpanded ? "1" : "0"
buttonEl.setAttribute("aria-expanded", nextExpanded ? "true" : "false")
buttonEl.title = nextExpanded
? "Collapse reply preview"
: "Expand reply preview"
buttonEl.setAttribute(
"aria-label",
nextExpanded ? "Collapse reply preview" : "Expand reply preview"
)
buttonEl.innerHTML = nextExpanded
? '${safeLabel}
`
}
return `
${safeLabel}
`
}
const getBoardNamesForAddress = async (address) => {
const normalizedAddress = String(address ?? "").trim()
if (!normalizedAddress) {
return []
}
if (boardAccountNamesCache.has(normalizedAddress)) {
return boardAccountNamesCache.get(normalizedAddress)
}
try {
const fetchNames = async (limit) =>
qFetchBoardJson(
`/names/address/${encodeURIComponent(normalizedAddress)}?limit=${limit}`
)
let data = null
try {
data = await fetchNames(0)
} catch (error) {
data = await fetchNames(20).catch(() => [])
}
const names = Array.isArray(data)
? data
.map((entry) => entry?.name)
.filter((name) => Boolean(String(name || "").trim()))
: []
boardAccountNamesCache.set(normalizedAddress, names)
return names
} catch (error) {
console.warn("Unable to fetch names for address:", normalizedAddress, error)
boardAccountNamesCache.set(normalizedAddress, [])
return []
}
}
const resolveBoardAccountIdentity = async (rawIdentity, rawAddress = "") => {
const qortalAddressPattern = /^Q[a-zA-Z0-9]{33}$/
const inputIdentity = String(rawIdentity ?? "").trim()
const addressHint = String(rawAddress ?? "").trim()
let resolvedAddress = ""
let resolvedName = ""
if (qortalAddressPattern.test(addressHint)) {
resolvedAddress = addressHint
}
if (!resolvedAddress && qortalAddressPattern.test(inputIdentity)) {
resolvedAddress = inputIdentity
}
if (!resolvedAddress && inputIdentity) {
const nameInfo =
typeof getNameInfoCached === "function"
? await getNameInfoCached(inputIdentity)
: typeof getNameInfo === "function"
? await getNameInfo(inputIdentity)
: null
if (nameInfo?.owner) {
resolvedAddress = nameInfo.owner
resolvedName = nameInfo.name || inputIdentity
}
}
if (
!resolvedAddress &&
addressHint &&
!qortalAddressPattern.test(addressHint)
) {
const maybeNameInfo =
typeof getNameInfoCached === "function"
? await getNameInfoCached(addressHint)
: typeof getNameInfo === "function"
? await getNameInfo(addressHint)
: null
if (maybeNameInfo?.owner) {
resolvedAddress = maybeNameInfo.owner
resolvedName = maybeNameInfo.name || addressHint
}
}
if (!resolvedAddress) {
return {
address: "",
displayName: inputIdentity || "Unknown",
resolvedName: "",
registeredNames: [],
inputIdentity,
}
}
const registeredNames = await getBoardNamesForAddress(resolvedAddress)
const inputLooksLikeAddress = qortalAddressPattern.test(inputIdentity)
const primaryName =
resolvedName ||
(!inputLooksLikeAddress ? inputIdentity : "") ||
registeredNames[0]
return {
address: resolvedAddress,
displayName: primaryName || resolvedAddress,
resolvedName: resolvedName || primaryName || "",
registeredNames,
inputIdentity,
}
}
const getBoardAccountSponsorshipInfo = async (address) => {
const normalizedAddress = String(address ?? "").trim()
if (!normalizedAddress) {
return {
data: null,
usedFallback: false,
sourceType: "none",
}
}
if (boardAccountSponsorshipCache.has(normalizedAddress)) {
return boardAccountSponsorshipCache.get(normalizedAddress)
}
const hasMeaningfulSponsorshipData = (data) => {
if (
!data ||
typeof data !== "object" ||
Array.isArray(data) ||
Object.keys(data).length === 0
) {
return false
}
const sponseeCount = Number(data?.sponseeCount ?? 0)
const names = Array.isArray(data?.names) ? data.names : []
const numericFields = [
"nonRegisteredCount",
"avgBalance",
"arbitraryCount",
"transferAssetCount",
"transferPrivsCount",
"sellCount",
"sellAmount",
"buyCount",
"buyAmount",
]
if (sponseeCount > 0 || names.length > 0) {
return true
}
return numericFields.some((field) => {
const value = Number(data?.[field] ?? 0)
return Number.isFinite(value) && value > 0
})
}
const fetchSponsorship = async (suffix = "") => {
try {
const data = await qFetchBoardJson(
`/addresses/sponsorship/${encodeURIComponent(
normalizedAddress
)}${suffix}`
)
if (hasMeaningfulSponsorshipData(data)) {
return data
}
return null
} catch (error) {
return null
}
}
const primary = await fetchSponsorship("")
if (primary) {
const result = {
data: primary,
usedFallback: false,
sourceType: "sponsorship",
}
boardAccountSponsorshipCache.set(normalizedAddress, result)
return result
}
// If the address itself has no sponsorship profile, ask for the sponsor-side view instead.
const fallback = await fetchSponsorship("/sponsor")
const result = fallback
? {
data: fallback,
usedFallback: true,
sourceType: "sponsor",
}
: {
data: null,
usedFallback: false,
sourceType: "none",
}
boardAccountSponsorshipCache.set(normalizedAddress, result)
return result
}
const getBoardAccountTransactions = async (
address,
offset = 0,
limit = 200
) => {
const normalizedAddress = String(address ?? "").trim()
if (!normalizedAddress) {
return []
}
const cacheKey = `${normalizedAddress}:${offset}:${limit}`
if (boardAccountTransactionPageCache.has(cacheKey)) {
return boardAccountTransactionPageCache.get(cacheKey)
}
if (typeof searchTransactions !== "function") {
return []
}
try {
const transactions = await searchTransactions({
address: normalizedAddress,
confirmationStatus: "BOTH",
limit,
reverse: true,
offset,
txTypes: [],
})
const page = Array.isArray(transactions) ? transactions : []
boardAccountTransactionPageCache.set(cacheKey, page)
return page
} catch (error) {
console.error("Unable to fetch account transactions:", error)
boardAccountTransactionPageCache.set(cacheKey, [])
return []
}
}
const getBoardAccountFirstTransactionInfo = async (address) => {
const normalizedAddress = String(address ?? "").trim()
if (!normalizedAddress) {
return {
loaded: true,
hasTransaction: false,
error: false,
transaction: null,
timestamp: null,
dateText: "",
}
}
if (boardAccountFirstTransactionCache.has(normalizedAddress)) {
const cached = boardAccountFirstTransactionCache.get(normalizedAddress)
return cached && typeof cached.then === "function" ? cached : cached
}
const fetchPromise = (async () => {
try {
const transactions = await searchTransactions({
address: normalizedAddress,
confirmationStatus: "BOTH",
limit: 1,
reverse: false,
offset: 0,
txTypes: [],
silent: true,
})
const firstTx = Array.isArray(transactions) && transactions.length > 0
? transactions[0]
: null
const timestamp = Number(firstTx?.timestamp ?? NaN)
const hasTimestamp = Number.isFinite(timestamp)
const result = {
loaded: true,
hasTransaction: Boolean(firstTx) && hasTimestamp,
error: false,
transaction: firstTx,
timestamp: hasTimestamp ? timestamp : null,
dateText: hasTimestamp ? new Date(timestamp).toLocaleString() : "",
}
boardAccountFirstTransactionCache.set(normalizedAddress, result)
return result
} catch (error) {
console.error("Unable to fetch first transaction info:", error)
boardAccountFirstTransactionCache.delete(normalizedAddress)
return {
loaded: false,
hasTransaction: false,
error: true,
transaction: null,
timestamp: null,
dateText: "",
}
}
})()
boardAccountFirstTransactionCache.set(normalizedAddress, fetchPromise)
return fetchPromise
}
const buildBoardAccountTransactionCountsHtml = (transactions = []) => {
if (!Array.isArray(transactions) || transactions.length === 0) {
return `
No transaction history loaded yet.
`
}
const counts = new Map()
for (const tx of transactions) {
const type = String(tx?.type || "UNKNOWN").toUpperCase()
counts.set(type, (counts.get(type) || 0) + 1)
}
const sortedEntries = Array.from(counts.entries()).sort((a, b) => {
if (a[0] === "ARBITRARY") return -1
if (b[0] === "ARBITRARY") return 1
if (b[1] !== a[1]) return b[1] - a[1]
return a[0].localeCompare(b[0])
})
return `
${sortedEntries
.map(
([type, count]) => `
${qEscapeHtml(type)}
${qEscapeHtml(
String(count)
)}
`
)
.join("")}
${
position === "top"
? `
${qEscapeHtml(
BOARD_ACCOUNT_TX_LOAD_ALL_WARNING
)}
`
: ""
}
${qEscapeHtml(loadMoreLabel)}
${qEscapeHtml(loadAllLabel)}
Unable to load AT details for this sell order.
`
}
const creationText = atInfo.creation
? new Date(atInfo.creation).toLocaleString()
: "n/a"
return `
SELL
Amount: ${safeAmount}
Market: ${safeMarket}
${qEscapeHtml(statusLabel)}
AT Address
${safeAtAddress}
Creation
${qEscapeHtml(creationText)}
Version
${qEscapeHtml(
String(atInfo?.version ?? "n/a")
)}
Asset ID
${qEscapeHtml(
String(atInfo?.assetId ?? "n/a")
)}
Creator public key
${qEscapeHtml(
String(atInfo?.creatorPublicKey ?? "n/a")
)}
Code hash
${qEscapeHtml(
String(atInfo?.codeHash ?? "n/a")
)}
Finished
${qEscapeHtml(
String(Boolean(atInfo?.isFinished))
)}
Sleeping
${qEscapeHtml(
String(Boolean(atInfo?.isSleeping))
)}
Frozen
${qEscapeHtml(
String(Boolean(atInfo?.isFrozen))
)}
Fatal error
${qEscapeHtml(
String(Boolean(atInfo?.hadFatalError))
)}
isFinished: true means the sell order has completed.
`
}
const buildBoardTransactionPartyNameListHtml = (names = []) => {
const normalizedNames = Array.isArray(names)
? names
.map((name) => String(name || "").trim())
.filter((name) => Boolean(name))
: []
if (normalizedNames.length === 0) {
return `
No registered names found.
`
}
const visibleNames = normalizedNames.slice(0, 3)
const extraCount = normalizedNames.length - visibleNames.length
return `
${visibleNames
.map((name) =>
buildBoardAccountTriggerHtml({
name,
label: name,
className: "account-chip account-chip--tx-name",
tagName: "button",
titlePrefix: "Open account details for",
})
)
.join("")}
${
extraCount > 0
? `+${qEscapeHtml(
String(extraCount)
)} more `
: ""
}
`
}
const buildBoardTransactionPartyHtml = ({
roleLabel = "",
address = "",
names = [],
accentClass = "",
} = {}) => {
const normalizedAddress = String(address || "").trim()
const safeRoleLabel = qEscapeHtml(roleLabel || "Account")
const addressButtonHtml = normalizedAddress
? buildBoardAccountTriggerHtml({
name: normalizedAddress,
address: normalizedAddress,
label: normalizedAddress,
className: "account-chip account-chip--tx-address",
tagName: "button",
titlePrefix: "Open account details for",
})
: `Unknown address.
`
return `
${safeRoleLabel}
${buildBoardTransactionPartyNameListHtml(names)}
${addressButtonHtml}
`
}
const buildBoardTransactionGroupHtml = ({
groupId = "",
groupName = "",
ownerPrimaryName = "",
actionLabel = "Group",
} = {}) => {
const normalizedGroupId = normalizeBoardTransactionGroupId(groupId)
const safeGroupName = qEscapeHtml(
groupName ||
(normalizedGroupId ? `Group ${normalizedGroupId}` : "Unknown group")
)
const ownerName = String(ownerPrimaryName || "").trim()
const ownerHtml = ownerName
? typeof buildBoardAccountTriggerHtml === "function"
? buildBoardAccountTriggerHtml({
name: ownerName,
label: ownerName,
className:
"account-chip account-chip--tx-name account-chip--tx-owner",
tagName: "button",
titlePrefix: "Open account details for",
})
: `${qEscapeHtml(
ownerName
)} `
: `Unknown owner.
`
return `
${qEscapeHtml(
actionLabel || "Group"
)}
${safeGroupName}
Owner
${ownerHtml}
${
normalizedGroupId
? `
Group ID: ${qEscapeHtml(
normalizedGroupId
)} `
: ""
}
`
}
const buildBoardTransactionFlowHtml = ({
fromAddress = "",
toAddress = "",
amount = "",
fromNames = [],
toNames = [],
paymentCount = 0,
} = {}) => {
const safeAmount = qEscapeHtml(amount || "n/a")
return `
${buildBoardTransactionPartyHtml({
roleLabel: "From",
address: fromAddress,
names: fromNames,
accentClass: "account-tx-party--from",
})}
Amount
${safeAmount}
${
paymentCount > 1
? `${qEscapeHtml(
`${paymentCount} payments`
)} `
: ""
}
→
${buildBoardTransactionPartyHtml({
roleLabel: "To",
address: toAddress,
names: toNames,
accentClass: "account-tx-party--to",
})}
No transfer-style summary is available for this transaction.
`
flowEl.classList.remove("account-tx-flow--loading")
flowEl.dataset.flowLoaded = "true"
return
}
flowEl.innerHTML = getBoardInlineLoadingHTML("Loading linked names...")
const [fromNames, toNames] = await Promise.all([
getBoardNamesForAddress(fromAddress).catch(() => []),
getBoardNamesForAddress(toAddress).catch(() => []),
])
if (!detailsEl.isConnected) {
return
}
flowEl.innerHTML = buildBoardTransactionFlowHtml({
fromAddress,
toAddress,
amount,
fromNames,
toNames,
paymentCount,
})
flowEl.classList.remove("account-tx-flow--loading")
flowEl.classList.add("account-tx-flow--loaded")
flowEl.dataset.flowLoaded = "true"
} catch (error) {
console.error("Unable to hydrate account transaction flow:", error)
if (detailsEl.isConnected) {
flowEl.innerHTML = `
Unable to load linked names for this transaction.
`
flowEl.classList.remove("account-tx-flow--loading")
flowEl.dataset.flowLoaded = "true"
}
} finally {
delete flowEl.dataset.flowLoading
}
}
const hydrateBoardAccountTransactionGroup = async (detailsEl) => {
const groupEl = detailsEl?.querySelector(
".account-tx-group[data-board-tx-group='1']"
)
if (
!groupEl ||
groupEl.dataset.groupLoaded === "true" ||
groupEl.dataset.groupLoading === "true"
) {
return
}
groupEl.dataset.groupLoading = "true"
try {
const groupId = normalizeBoardTransactionGroupId(groupEl.dataset.groupId)
if (!groupId) {
groupEl.innerHTML = `
No group information is available for this transaction.
`
groupEl.classList.remove("account-tx-group--loading")
groupEl.dataset.groupLoaded = "true"
return
}
groupEl.innerHTML = getBoardInlineLoadingHTML("Loading group details...")
const groupInfo = await getBoardGroupInfo(groupId)
if (!detailsEl.isConnected) {
return
}
if (!groupInfo) {
groupEl.innerHTML = `
Unable to load group details for group #${qEscapeHtml(groupId)}.
`
groupEl.classList.remove("account-tx-group--loading")
groupEl.dataset.groupLoaded = "true"
return
}
groupEl.innerHTML = buildBoardTransactionGroupHtml({
groupId,
groupName: groupInfo.groupName || "",
ownerPrimaryName: groupInfo.ownerPrimaryName || "",
actionLabel: groupEl.dataset.actionLabel || "Group",
})
groupEl.classList.remove("account-tx-group--loading")
groupEl.classList.add("account-tx-group--loaded")
groupEl.dataset.groupLoaded = "true"
} catch (error) {
console.error("Unable to hydrate group invite transaction:", error)
if (detailsEl.isConnected) {
groupEl.innerHTML = `
Unable to load group details for group #${qEscapeHtml(groupId)}.
`
groupEl.classList.remove("account-tx-group--loading")
groupEl.dataset.groupLoaded = "true"
}
} finally {
delete groupEl.dataset.groupLoading
}
}
const hydrateBoardAccountTransactionAt = async (detailsEl) => {
const atEl = detailsEl?.querySelector(".account-tx-at[data-board-tx-at='1']")
if (
!atEl ||
atEl.dataset.atLoaded === "true" ||
atEl.dataset.atLoading === "true"
) {
return
}
atEl.dataset.atLoading = "true"
try {
const atAddress = normalizeBoardTransactionAtAddress(atEl.dataset.atAddress)
const marketName = String(atEl.dataset.marketName || "").trim()
const amount = String(atEl.dataset.amount || "").trim()
if (!atAddress) {
atEl.innerHTML = `
No AT address was included for this sell order.
`
atEl.classList.remove("account-tx-at--loading")
atEl.dataset.atLoaded = "true"
const summaryStatusNodes = detailsEl.querySelectorAll(
"[data-board-tx-at-summary='1'] [data-board-tx-at-status='1']"
)
summaryStatusNodes.forEach((statusNode) => {
statusNode.textContent = "Unavailable"
statusNode.classList.remove(
"account-tx-at-chip--status-loading",
"account-tx-at-chip--status-active",
"account-tx-at-chip--status-complete",
"account-tx-at-chip--status-frozen",
"account-tx-at-chip--status-sleeping",
"account-tx-at-chip--status-error"
)
statusNode.classList.add("account-tx-at-chip--status-unavailable")
})
return
}
atEl.innerHTML = getBoardInlineLoadingHTML("Loading AT details...")
const atInfo = await getBoardAtInfo(atAddress)
if (!detailsEl.isConnected) {
return
}
atEl.innerHTML = buildBoardTransactionAtHtml({
atAddress,
marketName,
amount,
atInfo,
})
atEl.classList.remove("account-tx-at--loading")
atEl.classList.add("account-tx-at--loaded")
atEl.dataset.atLoaded = "true"
const atStatusLabel = getBoardTransactionAtStatusLabel(atInfo)
const summaryStatusNodes = detailsEl.querySelectorAll(
"[data-board-tx-at-summary='1'] [data-board-tx-at-status='1']"
)
summaryStatusNodes.forEach((statusNode) => {
statusNode.textContent = atStatusLabel
statusNode.classList.remove(
"account-tx-at-chip--status-loading",
"account-tx-at-chip--status-active",
"account-tx-at-chip--status-complete",
"account-tx-at-chip--status-frozen",
"account-tx-at-chip--status-sleeping",
"account-tx-at-chip--status-error",
"account-tx-at-chip--status-unavailable"
)
statusNode.classList.add(getBoardTransactionAtStatusClass(atInfo))
})
detailsEl.classList.add("account-tx-item--sell-order")
detailsEl.classList.toggle(
"account-tx-item--sell-order-complete",
Boolean(atInfo?.isFinished)
)
detailsEl.classList.toggle(
"account-tx-item--sell-order-error",
Boolean(atInfo?.hadFatalError)
)
} catch (error) {
if (detailsEl.isConnected) {
atEl.innerHTML = `
Unable to load AT details for this sell order.
`
atEl.classList.remove("account-tx-at--loading")
atEl.dataset.atLoaded = "true"
const summaryStatusNodes = detailsEl.querySelectorAll(
"[data-board-tx-at-summary='1'] [data-board-tx-at-status='1']"
)
summaryStatusNodes.forEach((statusNode) => {
statusNode.textContent = "Unavailable"
statusNode.classList.remove(
"account-tx-at-chip--status-loading",
"account-tx-at-chip--status-active",
"account-tx-at-chip--status-complete",
"account-tx-at-chip--status-frozen",
"account-tx-at-chip--status-sleeping",
"account-tx-at-chip--status-error"
)
statusNode.classList.add("account-tx-at-chip--status-unavailable")
})
}
} finally {
delete atEl.dataset.atLoading
}
}
const attachBoardAccountTransactionFlowHandlers = (container = document) => {
const txItems = container.querySelectorAll(".account-tx-item")
txItems.forEach((detailsEl, index) => {
const flowProbe = detailsEl.querySelector(
".account-tx-flow[data-board-tx-flow='1']"
)
const groupProbe = detailsEl.querySelector(
".account-tx-group[data-board-tx-group='1']"
)
const atProbe = detailsEl.querySelector(
".account-tx-at[data-board-tx-at='1']"
)
if (!flowProbe && !groupProbe && !atProbe) {
return
}
if (detailsEl.dataset.boardTxFlowBound === "true") {
if (detailsEl.open) {
void hydrateBoardAccountTransactionFlow(detailsEl)
void hydrateBoardAccountTransactionGroup(detailsEl)
void hydrateBoardAccountTransactionAt(detailsEl)
}
return
}
detailsEl.dataset.boardTxFlowBound = "true"
detailsEl.addEventListener("toggle", () => {
if (!detailsEl.open) {
return
}
void hydrateBoardAccountTransactionFlow(detailsEl)
void hydrateBoardAccountTransactionGroup(detailsEl)
void hydrateBoardAccountTransactionAt(detailsEl)
})
if (detailsEl.open) {
void hydrateBoardAccountTransactionFlow(detailsEl)
void hydrateBoardAccountTransactionGroup(detailsEl)
void hydrateBoardAccountTransactionAt(detailsEl)
} else if (atProbe && atProbe.dataset.atScheduled !== "true") {
atProbe.dataset.atScheduled = "true"
window.setTimeout(() => {
if (detailsEl.isConnected) {
void hydrateBoardAccountTransactionAt(detailsEl)
}
}, Math.min(index * 80, 1200))
}
})
}
const buildBoardAccountTransactionMetaHtml = (tx = {}) => {
const atAddressValue =
String(tx?.type || "").toUpperCase() === "DEPLOY_AT"
? getBoardTransactionAtAddressValue(tx)
: ""
const metaEntries = [
["Type", tx.type],
["Timestamp", tx.timestamp ? new Date(tx.timestamp).toLocaleString() : ""],
["Name", tx.name],
["Identifier", tx.identifier],
...(atAddressValue ? [["AT Address", atAddressValue]] : []),
["Creator", tx.creatorAddress],
["Service", tx.service],
["Method", tx.method],
["Approval", tx.approvalStatus],
["Block", tx.blockHeight],
["Fee", tx.fee],
["Size", tx.size],
["Group", tx.txGroupId],
["Compression", tx.compression],
["Data type", tx.dataType],
["Nonce", tx.nonce],
["Reference", tx.reference],
["Signature", tx.signature],
["Payments", Array.isArray(tx.payments) ? tx.payments.length : ""],
].filter(([, value]) => value !== undefined && value !== null && value !== "")
return `
${metaEntries
.map(
([label, value]) => `
${qEscapeHtml(label)}
${qEscapeHtml(
String(value)
)}
`
)
.join("")}
`
}
const buildBoardAccountTransactionEntryHtml = (tx = {}, index = 0) => {
const type = String(tx?.type || "UNKNOWN").toUpperCase()
const timestamp = tx?.timestamp
? new Date(tx.timestamp).toLocaleString()
: "Unknown time"
const identifier = String(
tx?.identifier || tx?.signature || tx?.reference || `tx-${index}`
)
const summaryTypeClass =
type === "ARBITRARY"
? "account-tx-summary-type account-tx-summary-type--arbitrary"
: "account-tx-summary-type"
const atContext = getBoardTransactionAtContext(tx)
const flowContext = getBoardTransactionFlowContext(tx)
const flowHtml = flowContext
? `
${getBoardInlineLoadingHTML("Loading linked names...")}
`
: ""
const groupContext = getBoardTransactionGroupContext(tx)
const groupHtml = groupContext
? `
${getBoardInlineLoadingHTML("Loading group details...")}
`
: ""
const atHtml = atContext
? `
${getBoardInlineLoadingHTML("Loading AT details...")}
`
: ""
const summaryExtraHtml = atContext
? buildBoardTransactionAtSummaryHtml({
marketName: atContext.marketName,
amount: atContext.amount,
})
: ""
return `
${qEscapeHtml(type)}
${qEscapeHtml(timestamp)}
${qEscapeHtml(identifier)}
${summaryExtraHtml}
${atHtml}
${flowHtml}
${groupHtml}
${buildBoardAccountTransactionMetaHtml(tx)}
${qEscapeHtml(
JSON.stringify(tx, null, 2)
)}
`
}
const buildBoardAccountCardSection = (title, subtitle, bodyHtml) => `
${qEscapeHtml(title)}
${
subtitle
? `
${qEscapeHtml(subtitle)}
`
: ""
}
${bodyHtml}
`
const formatBoardAccountBalance = (balance) => {
const rawBalance = String(balance ?? "").trim()
if (!rawBalance) {
return null
}
const numericBalance = Number(rawBalance)
if (!Number.isFinite(numericBalance)) {
return null
}
return numericBalance.toLocaleString(undefined, {
maximumFractionDigits: 8,
})
}
const splitBoardAccountBalanceParts = (balance) => {
const rawBalance = String(balance ?? "").trim().replace(/,/g, "")
if (!rawBalance) {
return null
}
const negative = rawBalance.startsWith("-")
const normalized = negative ? rawBalance.slice(1) : rawBalance
if (!/^\d+(\.\d+)?$/.test(normalized)) {
return null
}
const [wholePart = "0", fractionPart = ""] = normalized.split(".")
const wholeWithSeparators = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, ",")
return {
whole: `${negative ? "-" : ""}${wholeWithSeparators}`,
fraction: fractionPart,
hasFraction: fractionPart.length > 0,
}
}
const buildBoardAccountBalanceHtml = (
balance,
{ includeUnit = true, className = "account-balance-display" } = {}
) => {
const parts = splitBoardAccountBalanceParts(balance)
if (!parts) {
return `${qEscapeHtml("n/a")} `
}
return `
${qEscapeHtml(parts.whole)}
${
parts.hasFraction
? `.${qEscapeHtml(
parts.fraction
)} `
: ""
}
${
includeUnit
? `QORT `
: ""
}
`
}
const buildBoardAccountChipListHtml = (items = [], emptyLabel = "") => {
if (!Array.isArray(items) || items.length === 0) {
return emptyLabel
? `${qEscapeHtml(
emptyLabel
)}
`
: `No items found.
`
}
return `
${items
.map((item) =>
buildBoardAccountTriggerHtml({
name: item,
label: item,
className: "account-chip",
tagName: "button",
titlePrefix: "Open account details for",
})
)
.join("")}
`
}
const buildBoardAccountMinterGroupStatusHtml = (status = {}) => {
const isInMinterGroup = Boolean(status?.isInMinterGroup)
const badgeClass = isInMinterGroup
? "account-group-status-badge account-group-status-badge--yes"
: "account-group-status-badge account-group-status-badge--no"
const badgeLabel = isInMinterGroup ? "YES" : "NO"
const description = isInMinterGroup
? "This account is currently in the MINTER group."
: "This account is not currently in the MINTER group."
const historyNotes = []
if (status?.previouslyKicked) {
historyNotes.push("Previously kicked from MINTER group!")
}
if (status?.previouslyBanned) {
historyNotes.push("Previously banned from MINTER group!")
}
return `
In MINTER group
${qEscapeHtml(badgeLabel)}
${qEscapeHtml(description)}
${historyNotes
.map(
(note) =>
`${qEscapeHtml(
note
)}
`
)
.join("")}
`
}
const buildBoardAccountAssetBalancesRowHtml = (asset = {}) => {
const assetName = String(asset?.assetName || "Unknown asset")
const assetId = Number(asset?.assetId)
const assetMetaLabel = Number.isFinite(assetId)
? `Asset #${assetId}`
: "Asset ID n/a"
const isQort = assetId === 0 || assetName.toUpperCase() === "QORT"
return `
${qEscapeHtml(assetName)}
${qEscapeHtml(
assetMetaLabel
)}
${buildBoardAccountBalanceHtml(asset?.balance, {
includeUnit: false,
className: "account-asset-balance-display",
})}
`
}
const buildBoardAccountAssetBalancesBodyHtml = () => {
const state = boardAccountInspectorState
const isExpanded = Boolean(state.assetBalancesExpanded)
const isLoading = Boolean(state.assetBalancesLoading)
const hasLoaded = Boolean(state.assetBalancesLoaded)
const hasError = Boolean(state.assetBalancesError)
const balances = Array.isArray(state.assetBalances)
? state.assetBalances
: []
const balanceCount = balances.length
const buttonLabel = isLoading
? "Loading asset balances..."
: hasLoaded
? isExpanded
? "Hide asset balances"
: "Show all asset balances"
: hasError
? "Retry asset balances"
: "Show all asset balances"
const summaryText = isLoading
? "Loading all positive asset balances for this account..."
: hasLoaded
? balanceCount > 0
? `Showing ${balanceCount} positive asset balance${
balanceCount === 1 ? "" : "s"
}.`
: "No positive asset balances were returned for this account."
: hasError
? "The asset balance lookup hit a problem. Try loading it again."
: "Click to load every positive asset balance held by this account, including QORT and any other chain assets. This can take a while on older or very active accounts."
const panelHtml = isLoading
? `
${getBoardInlineLoadingHTML("Loading asset balances...")}
`
: hasError && !hasLoaded
? `
${qEscapeHtml(state.assetBalancesError)}
`
: hasLoaded && isExpanded
? `
${
balanceCount > 0
? `
${balances.map((asset) => buildBoardAccountAssetBalancesRowHtml(asset)).join("")}
`
: `
No positive asset balances were returned for this account.
`
}
${buildBoardAccountAssetBalancesBodyHtml()}
`
)
const buildBoardAccountFirstTransactionValueHtml = () => {
const state = boardAccountInspectorState
if (state.firstTransactionLoading) {
return `Loading oldest transaction...`
}
if (state.firstTransactionError) {
return qEscapeHtml(state.firstTransactionError)
}
if (state.firstTransaction?.hasTransaction) {
return qEscapeHtml(state.firstTransaction.dateText || "n/a")
}
return `No transactions found.`
}
const getBoardAccountFirstTransactionValueClassName = () => {
const state = boardAccountInspectorState
if (state.firstTransactionLoading) {
return "account-stat-value account-stat-value--loading"
}
if (state.firstTransactionError) {
return "account-stat-value account-stat-value--warning"
}
return "account-stat-value account-stat-value--timestamp"
}
const updateBoardAccountFirstTransactionSection = () => {
const valueEl = document.getElementById("account-first-transaction-value")
if (!valueEl) {
return
}
valueEl.className = getBoardAccountFirstTransactionValueClassName()
valueEl.innerHTML = buildBoardAccountFirstTransactionValueHtml()
}
const buildBoardAccountInspectorLoadingHtml = (title, subtitle = "") => `
${getBoardLoadingHTML("Loading account details...")}
`
const buildBoardAccountInspectorHtml = () => {
const state = boardAccountInspectorState
const addressInfo = state.addressInfo || {}
const sponsorship = state.sponsorship?.data || null
const sponsorshipSourceType =
state.sponsorship?.sourceType ||
(state.sponsorship?.usedFallback ? "sponsor" : "sponsorship")
const registeredNames = Array.isArray(state.names) ? state.names : []
const sponsorNames = Array.isArray(sponsorship?.names)
? sponsorship.names
: []
const txLimit = Number(state.txLimit || 200)
const transactionCount = Array.isArray(state.transactions)
? state.transactions.length
: 0
const txTypeSummary = buildBoardAccountTransactionCountsHtml(
state.transactions
)
const txControlsTopHtml = buildBoardAccountTransactionControlsHtml("top")
const txControlsBottomHtml = buildBoardAccountTransactionControlsHtml("bottom")
const txEntries = Array.isArray(state.transactions)
? state.transactions
.map((tx, index) => buildBoardAccountTransactionEntryHtml(tx, index))
.join("")
: ""
const identityStatsHtml = `
Address
${qEscapeHtml(
state.address || "Unknown"
)}
Level
${qEscapeHtml(
String(addressInfo?.level ?? "n/a")
)}
Balance
${buildBoardAccountBalanceHtml(state.balance, {
includeUnit: true,
className: "account-balance-display",
})}
First transaction date
${buildBoardAccountFirstTransactionValueHtml()}
Blocks minted
${qEscapeHtml(
String(addressInfo?.blocksMinted ?? 0)
)}
Adjustments
${qEscapeHtml(
String(addressInfo?.blocksMintedAdjustment ?? 0)
)}
Penalties
${qEscapeHtml(
String(addressInfo?.blocksMintedPenalty ?? 0)
)}
Transfer
${qEscapeHtml(
String(addressInfo?.transfer ?? "n/a")
)}
`
const sponsorshipStatsHtml = sponsorship
? `
Sponsees
${qEscapeHtml(
String(sponsorship?.sponseeCount ?? 0)
)}
Non-registered
${qEscapeHtml(
String(sponsorship?.nonRegisteredCount ?? 0)
)}
Average balance
${qEscapeHtml(
String(sponsorship?.avgBalance ?? 0)
)}
Arbitrary publishes
${qEscapeHtml(
String(sponsorship?.arbitraryCount ?? 0)
)}
Transfer assets
${qEscapeHtml(
String(sponsorship?.transferAssetCount ?? 0)
)}
Transfer privs
${qEscapeHtml(
String(sponsorship?.transferPrivsCount ?? 0)
)}
Buys
${qEscapeHtml(
`${sponsorship?.buyCount ?? 0} / ${sponsorship?.buyAmount ?? 0}`
)}
Sells
${qEscapeHtml(
`${sponsorship?.sellCount ?? 0} / ${sponsorship?.sellAmount ?? 0}`
)}
${
sponsorshipSourceType === "sponsor"
? "Sponsor details are shown here. This account's direct sponsorship profile was empty, so the explorer is displaying the sponsor-side record for the account that sponsored it."
: "Sponsorship details are shown here. This account acted as a sponsor, so the explorer is displaying its historic sponsee totals and related sponsor history."
}
`
: `
No sponsorship profile was returned for this account. Transaction history is still shown below when available.
`
const registeredNamesHtml = buildBoardAccountChipListHtml(
registeredNames,
"No registered names were found for this address."
)
const sponsorNamesHtml = buildBoardAccountChipListHtml(
sponsorNames,
sponsorshipSourceType === "sponsor"
? "No sponsor-side names were returned."
: "No sponsored account names were returned."
)
const sponsorshipSectionTitle =
sponsorshipSourceType === "sponsor"
? "Sponsor details"
: sponsorship
? "Sponsorship details"
: "Historic sponsorship"
const sponsorshipSectionSubtitle = sponsorship
? sponsorshipSourceType === "sponsor"
? "Data from this account's sponsor is shown here because the direct sponsorship profile was empty."
: "This account was a sponsor. Historic sponsee totals and related names are shown here."
: "No sponsorship profile was returned for this account. Transaction history is still shown below when available."
return `
${buildBoardAccountCardSection(
"Identity",
"Address-level details and registered names for this account.",
`
${identityStatsHtml}
Registered names on this address
${registeredNamesHtml}
`
)}
${buildBoardAccountCardSection(
"MINTER group",
"Current membership status and any prior enforcement history for the MINTER group.",
buildBoardAccountMinterGroupStatusHtml(state.minterGroupStatus || {})
)}
${buildBoardAccountCardSection(
sponsorshipSectionTitle,
sponsorshipSectionSubtitle,
`
${sponsorshipStatsHtml}
${
sponsorshipSourceType === "sponsor"
? "Sponsor account names"
: "Sponsored account names"
}
${sponsorNamesHtml}
`
)}
${buildBoardAccountAssetBalancesSectionHtml()}
${buildBoardAccountCardSection(
"Recent TX History",
`Initially loaded transaction count: ${txLimit}. More can be loaded above or below in 200-transaction chunks. Load all history may take a long time depending on how old or active the account is. Please be patient... The ARBITRARY type is highlighted because it is the main QDN publish signal we care about here.`,
`
${txTypeSummary}
${txControlsTopHtml}
${
transactionCount > 0
? `
${txEntries}
`
: `
No transactions have been loaded for this account yet.
`
}
${txControlsBottomHtml}
`
)}
This label does not resolve to a Qortal account address, so there is nothing to inspect yet.
`
return
}
const txLimit = boardAccountInspectorState.txLimit || 200
const [addressInfo, balance, names, sponsorship, minterGroupStatus, transactions] =
await Promise.all([
(typeof getAddressInfoCached === "function"
? getAddressInfoCached(resolvedIdentity.address)
: getAddressInfo(resolvedIdentity.address)
).catch(() => null),
typeof getAddressBalance === "function"
? getAddressBalance(resolvedIdentity.address).catch(() => null)
: Promise.resolve(null),
getBoardNamesForAddress(resolvedIdentity.address).catch(() => []),
getBoardAccountSponsorshipInfo(resolvedIdentity.address).catch(() => ({
data: null,
usedFallback: false,
sourceType: "none",
})),
getBoardAccountMinterGroupStatus(resolvedIdentity.address).catch(
() => ({
isInMinterGroup: false,
previouslyKicked: false,
previouslyBanned: false,
hasHistory: false,
currentGroup: null,
})
),
getBoardAccountTransactions(resolvedIdentity.address, 0, txLimit).catch(
() => []
),
])
if (requestId !== boardAccountInspectorState.requestId) {
return
}
boardAccountInspectorState.address = resolvedIdentity.address
boardAccountInspectorState.displayName =
resolvedIdentity.displayName || resolvedIdentity.address
boardAccountInspectorState.resolvedName = resolvedIdentity.resolvedName || ""
boardAccountInspectorState.addressInfo = addressInfo || null
boardAccountInspectorState.balance = balance || null
boardAccountInspectorState.names = names || []
boardAccountInspectorState.sponsorship = sponsorship || {
data: null,
usedFallback: false,
sourceType: "none",
}
boardAccountInspectorState.minterGroupStatus = minterGroupStatus || {
isInMinterGroup: false,
previouslyKicked: false,
previouslyBanned: false,
hasHistory: false,
currentGroup: null,
}
boardAccountInspectorState.transactions = Array.isArray(transactions)
? transactions
: []
boardAccountInspectorState.txOffset = 0
boardAccountInspectorState.txHasMore =
Array.isArray(transactions) && transactions.length === txLimit
boardAccountInspectorState.txLoadingMore = false
boardAccountInspectorState.txLoadingAll = false
modalContent.innerHTML = buildBoardAccountInspectorHtml()
attachBoardAccountTransactionFlowHandlers(modalContent)
void loadBoardAccountFirstTransactionInfo(resolvedIdentity.address)
modalContent.scrollTop = 0
}
const updateBoardAccountInspectorTransactionSection = () => {
const summaryEl = document.getElementById("account-transaction-summary")
const controlRows = document.querySelectorAll(".account-tx-controls")
if (summaryEl) {
summaryEl.innerHTML = buildBoardAccountTransactionCountsHtml(
boardAccountInspectorState.transactions
)
}
const shouldShowControls =
boardAccountInspectorState.txHasMore ||
boardAccountInspectorState.txLoadingMore ||
boardAccountInspectorState.txLoadingAll
if (!shouldShowControls) {
controlRows.forEach((row) => row.remove())
return
}
controlRows.forEach((row) => {
const loadMoreButton = row.querySelector(
"[data-board-account-tx-action='load-more']"
)
const loadAllButton = row.querySelector(
"[data-board-account-tx-action='load-all']"
)
if (loadMoreButton) {
loadMoreButton.textContent = boardAccountInspectorState.txLoadingAll
? "Loading all..."
: boardAccountInspectorState.txLoadingMore
? "Loading more..."
: "Load more"
loadMoreButton.disabled = Boolean(
boardAccountInspectorState.txLoadingMore ||
boardAccountInspectorState.txLoadingAll ||
!boardAccountInspectorState.txHasMore
)
}
if (loadAllButton) {
loadAllButton.textContent = boardAccountInspectorState.txLoadingAll
? "Loading all..."
: "Load all TX"
loadAllButton.disabled = Boolean(
boardAccountInspectorState.txLoadingMore ||
boardAccountInspectorState.txLoadingAll ||
!boardAccountInspectorState.txHasMore
)
}
})
}
const updateBoardAccountAssetBalancesSection = () => {
const bodyEl = document.getElementById("account-asset-balances-body")
if (!bodyEl) {
return
}
bodyEl.innerHTML = buildBoardAccountAssetBalancesBodyHtml()
}
const loadBoardAccountFirstTransactionInfo = async (address) => {
const normalizedAddress = String(address ?? "").trim()
if (!normalizedAddress) {
boardAccountInspectorState.firstTransactionLoading = false
updateBoardAccountFirstTransactionSection()
return
}
const requestId = boardAccountInspectorState.requestId
boardAccountInspectorState.firstTransactionLoading = true
boardAccountInspectorState.firstTransactionError = ""
updateBoardAccountFirstTransactionSection()
try {
const firstTransaction = await getBoardAccountFirstTransactionInfo(
normalizedAddress
)
if (requestId !== boardAccountInspectorState.requestId) {
return
}
if (firstTransaction?.error) {
boardAccountInspectorState.firstTransaction = null
boardAccountInspectorState.firstTransactionError =
"Unable to load first transaction date."
} else {
boardAccountInspectorState.firstTransaction =
firstTransaction?.hasTransaction ? firstTransaction : null
boardAccountInspectorState.firstTransactionError = ""
}
} finally {
if (requestId === boardAccountInspectorState.requestId) {
boardAccountInspectorState.firstTransactionLoading = false
updateBoardAccountFirstTransactionSection()
}
}
}
const loadBoardAccountAssetBalances = async () => {
if (
boardAccountInspectorState.assetBalancesLoading ||
!boardAccountInspectorState.address
) {
return
}
const requestId = boardAccountInspectorState.requestId
boardAccountInspectorState.assetBalancesExpanded = true
boardAccountInspectorState.assetBalancesLoading = true
boardAccountInspectorState.assetBalancesError = ""
updateBoardAccountAssetBalancesSection()
try {
const balances = await getBoardAccountAssetBalances(
boardAccountInspectorState.address
)
if (requestId !== boardAccountInspectorState.requestId) {
return
}
boardAccountInspectorState.assetBalances = Array.isArray(balances)
? balances
: []
boardAccountInspectorState.assetBalancesLoaded = true
} catch (error) {
if (requestId !== boardAccountInspectorState.requestId) {
return
}
boardAccountInspectorState.assetBalances = []
boardAccountInspectorState.assetBalancesLoaded = false
boardAccountInspectorState.assetBalancesError =
"Unable to load asset balances right now."
console.error("Unable to load asset balances:", error)
} finally {
if (requestId === boardAccountInspectorState.requestId) {
boardAccountInspectorState.assetBalancesLoading = false
updateBoardAccountAssetBalancesSection()
}
}
}
const toggleBoardAccountAssetBalances = async () => {
if (boardAccountInspectorState.assetBalancesLoading) {
return
}
const shouldCollapse =
boardAccountInspectorState.assetBalancesExpanded &&
boardAccountInspectorState.assetBalancesLoaded &&
!boardAccountInspectorState.assetBalancesError
if (shouldCollapse) {
boardAccountInspectorState.assetBalancesExpanded = false
updateBoardAccountAssetBalancesSection()
return
}
boardAccountInspectorState.assetBalancesExpanded = true
if (!boardAccountInspectorState.assetBalancesLoaded) {
await loadBoardAccountAssetBalances()
return
}
updateBoardAccountAssetBalancesSection()
}
const appendBoardAccountTransactionsPage = (nextPage = []) => {
const page = Array.isArray(nextPage) ? nextPage : []
const startIndex = boardAccountInspectorState.transactions.length
if (page.length > 0) {
boardAccountInspectorState.transactions = [
...boardAccountInspectorState.transactions,
...page,
]
const listEl = document.getElementById("account-transactions-list")
if (listEl) {
listEl.insertAdjacentHTML(
"beforeend",
page
.map((tx, index) =>
buildBoardAccountTransactionEntryHtml(tx, startIndex + index)
)
.join("")
)
attachBoardAccountTransactionFlowHandlers(listEl)
}
}
boardAccountInspectorState.txOffset =
boardAccountInspectorState.transactions.length
boardAccountInspectorState.txHasMore =
page.length === boardAccountInspectorState.txLimit
updateBoardAccountInspectorTransactionSection()
return boardAccountInspectorState.txHasMore
}
const loadMoreBoardAccountTransactions = async () => {
if (
boardAccountInspectorState.txLoadingMore ||
!boardAccountInspectorState.txHasMore ||
!boardAccountInspectorState.address
) {
return
}
const requestId = boardAccountInspectorState.requestId
boardAccountInspectorState.txLoadingMore = true
updateBoardAccountInspectorTransactionSection()
const nextOffset = boardAccountInspectorState.transactions.length
try {
const nextPage = await getBoardAccountTransactions(
boardAccountInspectorState.address,
nextOffset,
boardAccountInspectorState.txLimit
)
if (requestId !== boardAccountInspectorState.requestId) {
return
}
appendBoardAccountTransactionsPage(nextPage)
} finally {
if (requestId === boardAccountInspectorState.requestId) {
boardAccountInspectorState.txLoadingMore = false
updateBoardAccountInspectorTransactionSection()
}
}
}
const loadAllBoardAccountTransactions = async () => {
if (
boardAccountInspectorState.txLoadingMore ||
boardAccountInspectorState.txLoadingAll ||
!boardAccountInspectorState.txHasMore ||
!boardAccountInspectorState.address
) {
return
}
const shouldContinue =
typeof window === "undefined" || typeof window.confirm !== "function"
? true
: window.confirm(BOARD_ACCOUNT_TX_LOAD_ALL_WARNING)
if (!shouldContinue) {
return
}
const requestId = boardAccountInspectorState.requestId
boardAccountInspectorState.txLoadingAll = true
updateBoardAccountInspectorTransactionSection()
try {
while (
boardAccountInspectorState.txHasMore &&
requestId === boardAccountInspectorState.requestId
) {
const nextOffset = boardAccountInspectorState.transactions.length
const nextPage = await getBoardAccountTransactions(
boardAccountInspectorState.address,
nextOffset,
boardAccountInspectorState.txLimit
)
if (requestId !== boardAccountInspectorState.requestId) {
return
}
const moreToLoad = appendBoardAccountTransactionsPage(nextPage)
if (!moreToLoad) {
break
}
}
} finally {
if (requestId === boardAccountInspectorState.requestId) {
boardAccountInspectorState.txLoadingAll = false
updateBoardAccountInspectorTransactionSection()
}
}
}
const canCurrentUserEditPublishedCard = async (
publishedName,
publishedAddress = ""
) => {
const currentName = String(userState?.accountName || "").trim()
const currentAddress = String(userState?.accountAddress || "").trim()
const normalizedPublishedName = String(publishedName || "").trim()
const normalizedPublishedAddress = String(publishedAddress || "").trim()
if (
currentAddress &&
normalizedPublishedAddress &&
currentAddress === normalizedPublishedAddress
) {
return true
}
if (
currentName &&
normalizedPublishedName &&
currentName.toLowerCase() === normalizedPublishedName.toLowerCase()
) {
return true
}
if (
normalizedPublishedName &&
typeof fetchOwnerAddressFromNameCached === "function" &&
currentAddress
) {
const resolvedAddress = await fetchOwnerAddressFromNameCached(
normalizedPublishedName
)
return Boolean(resolvedAddress && resolvedAddress === currentAddress)
}
return false
}
const resolveBoardCommentVoterInfo = async (commenterIdentity, voterMap) => {
const rawIdentity = String(commenterIdentity || "").trim()
if (!rawIdentity || !(voterMap instanceof Map) || voterMap.size === 0) {
return null
}
const normalizedIdentity = rawIdentity.toLowerCase()
const directMatch =
voterMap.get(rawIdentity) || voterMap.get(normalizedIdentity)
if (directMatch) {
return directMatch
}
const qortalAddressPattern = /^Q[A-Za-z0-9]{33}$/
if (qortalAddressPattern.test(rawIdentity)) {
return directMatch || null
}
if (typeof fetchOwnerAddressFromNameCached === "function") {
let resolvedAddress = boardCommentVoterAddressCache.get(normalizedIdentity)
if (typeof resolvedAddress === "undefined") {
resolvedAddress = await fetchOwnerAddressFromNameCached(rawIdentity).catch(
() => ""
)
boardCommentVoterAddressCache.set(normalizedIdentity, resolvedAddress || "")
}
if (resolvedAddress) {
return (
voterMap.get(resolvedAddress) ||
voterMap.get(String(resolvedAddress).toLowerCase()) ||
null
)
}
}
return null
}
const scrollBoardCommentsToBottom = async (cardIdentifier) => {
const commentsContainer = document.getElementById(
`comments-container-${cardIdentifier}`
)
if (!commentsContainer) {
return false
}
await new Promise((resolve) => {
if (typeof requestAnimationFrame === "function") {
requestAnimationFrame(() => requestAnimationFrame(resolve))
return
}
setTimeout(resolve, 0)
})
commentsContainer.scrollTop = commentsContainer.scrollHeight
return true
}
const scrollBoardCommentIntoView = async (
cardIdentifier,
commentIdentifier
) => {
const normalizedCardIdentifier = String(cardIdentifier || "").trim()
const normalizedCommentIdentifier = String(commentIdentifier || "").trim()
if (!normalizedCardIdentifier || !normalizedCommentIdentifier) {
return false
}
const commentsContainer = document.getElementById(
`comments-container-${normalizedCardIdentifier}`
)
if (!commentsContainer) {
return false
}
await new Promise((resolve) => {
if (typeof requestAnimationFrame === "function") {
requestAnimationFrame(() => requestAnimationFrame(resolve))
return
}
setTimeout(resolve, 0)
})
const safeSelector = normalizedCommentIdentifier.replace(/"/g, '\\"')
const commentEl = commentsContainer.querySelector(
`[data-comment-identifier="${safeSelector}"]`
)
if (commentEl?.scrollIntoView) {
commentEl.scrollIntoView({
behavior: "smooth",
block: "center",
})
return true
}
return false
}
const getBoardAccountLevel = async (nameOrAddress) => {
const rawIdentity = String(nameOrAddress ?? "").trim()
if (!rawIdentity) {
return null
}
if (boardIdentityLevelCache.has(rawIdentity)) {
return boardIdentityLevelCache.get(rawIdentity)
}
const qortalAddressPattern = /^Q[A-Za-z0-9]{33}$/
const resolvedAddress = qortalAddressPattern.test(rawIdentity)
? rawIdentity
: typeof fetchOwnerAddressFromNameCached === "function"
? await fetchOwnerAddressFromNameCached(rawIdentity)
: null
if (!resolvedAddress) {
boardIdentityLevelCache.set(rawIdentity, null)
return null
}
try {
const addressInfo =
typeof getAddressInfoCached === "function"
? await getAddressInfoCached(resolvedAddress)
: await getAddressInfo(resolvedAddress)
const level = Number(addressInfo?.level)
const nextLevel = Number.isFinite(level) ? level : null
boardIdentityLevelCache.set(rawIdentity, nextLevel)
return nextLevel
} catch (error) {
console.warn("Unable to resolve account level:", rawIdentity, error)
boardIdentityLevelCache.set(rawIdentity, null)
return null
}
}
// Kakashi Note: Shared button handlers read escaped data-* values to avoid passing untrusted strings through inline JS.
// Use data-link on buttons and pass only element refs to handlers to prevent inline JS injection.
const openLinksModalFromButton = (buttonEl) => {
if (!buttonEl) return
const rawLink = buttonEl.dataset?.link || ""
if (typeof openLinksModal === "function") {
openLinksModal(rawLink)
}
}
const openLinkDisplayModalFromButton = (buttonEl) => {
if (!buttonEl) return
const rawLink = buttonEl.dataset?.link || ""
if (typeof openLinkDisplayModal === "function") {
openLinkDisplayModal(rawLink)
}
}
const getBoardLoadingHTML = (message = "Loading cards...") => {
const safeMessage = qEscapeHtml(message)
return `
`
}
const getBoardInlineLoadingHTML = (message = "Loading cards...") => {
const safeMessage = qEscapeHtml(message)
return `
${safeMessage}
`
}
const BOARD_PUBLISH_PROGRESS_MODAL_ID = "publish-progress-modal"
const boardPublishProgressState = {
title: "",
subtitle: "",
message: "",
steps: [],
}
const normalizeBoardPublishProgressSteps = (steps = []) =>
Array.isArray(steps)
? steps.map((step, index) => {
const normalizedStatus = String(step?.status || "pending").toLowerCase()
const status = ["pending", "active", "done", "error"].includes(
normalizedStatus
)
? normalizedStatus
: "pending"
const normalizedSubsteps = Array.isArray(step?.substeps)
? step.substeps
.map((substep) => {
if (substep === null || typeof substep === "undefined") {
return ""
}
if (
typeof substep === "string" ||
typeof substep === "number" ||
typeof substep === "boolean"
) {
return String(substep).trim()
}
if (typeof substep === "object") {
return String(
substep.label || substep.detail || substep.text || ""
).trim()
}
return String(substep).trim()
})
.filter(Boolean)
: []
return {
key: String(step?.key || `step-${index}`),
label: String(step?.label || `Step ${index + 1}`),
detail: String(step?.detail || ""),
substeps: normalizedSubsteps,
status,
}
})
: []
const setBoardPublishProgressStepStatus = (
steps = [],
stepKey = "",
status = "pending",
detail = null
) => {
const normalizedStatus = ["pending", "active", "done", "error"].includes(
String(status || "").toLowerCase()
)
? String(status || "").toLowerCase()
: "pending"
const normalizedKey = String(stepKey || "").trim()
return normalizeBoardPublishProgressSteps(steps).map((step) => {
if (step.key !== normalizedKey) {
return step
}
const nextStep = {
...step,
status: normalizedStatus,
}
if (detail !== null && typeof detail !== "undefined") {
nextStep.detail = String(detail)
}
return nextStep
})
}
const buildBoardPublishProgressStepHtml = (step = {}, index = 0) => {
const status = ["pending", "active", "done", "error"].includes(step.status)
? step.status
: "pending"
const indicator =
status === "done" ? "✓" : status === "error" ? "!" : String(index + 1)
const statusLabel =
status === "done"
? "Complete"
: status === "active"
? "Working"
: status === "error"
? "Stopped"
: "Waiting"
const spinnerHtml =
status === "active"
? `Working...
${qEscapeHtml(
indicator
)}
${qEscapeHtml(
step.label || `Step ${index + 1}`
)}
${
step.detail
? `
${qEscapeHtml(
step.detail
)} `
: ""
}
${
substeps.length > 0
? `
${substeps
.map(
(substep) =>
`${qEscapeHtml(
substep
)} `
)
.join("")}
`
: ""
}
${qEscapeHtml(
statusLabel
)}
${spinnerHtml}
`
}
const ensureBoardPublishProgressModal = () => {
if (document.getElementById(BOARD_PUBLISH_PROGRESS_MODAL_ID)) {
return
}
const modalHTML = `
`
document.body.insertAdjacentHTML("beforeend", modalHTML)
}
const buildBoardPublishProgressModalHtml = () => {
const title = boardPublishProgressState.title || "Publishing..."
const subtitle = boardPublishProgressState.subtitle || ""
const message = boardPublishProgressState.message || ""
const steps = normalizeBoardPublishProgressSteps(
boardPublishProgressState.steps
)
return `
${
message
? `
${qEscapeHtml(
message
)}
`
: ""
}
${steps
.map((step, index) => buildBoardPublishProgressStepHtml(step, index))
.join("")}