mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
3406 lines
105 KiB
JavaScript
3406 lines
105 KiB
JavaScript
import { isDevMode, ADMIN_SUPER_NPUB } from "../config.js";
|
||
|
||
const noop = () => {};
|
||
|
||
const FALLBACK_PROFILE_AVATAR = "assets/svg/default-profile.svg";
|
||
const ADMIN_DM_IMAGE_URL =
|
||
"https://beta.bitvid.network/assets/jpg/video-thumbnail-fallback.jpg";
|
||
const BITVID_WEBSITE_URL = "https://bitvid.network/";
|
||
const NWC_URI_SCHEME = "nostr+walletconnect://";
|
||
const MAX_WALLET_DEFAULT_ZAP = 100000000;
|
||
|
||
const SERVICE_CONTRACT = [
|
||
{
|
||
key: "normalizeHexPubkey",
|
||
type: "function",
|
||
description:
|
||
"Normalizes a provided pubkey (hex or npub) so profile lookups are stable.",
|
||
},
|
||
{
|
||
key: "safeEncodeNpub",
|
||
type: "function",
|
||
description:
|
||
"Encodes a hex pubkey as an npub for display. Expected to be resilient to bad input.",
|
||
},
|
||
{
|
||
key: "safeDecodeNpub",
|
||
type: "function",
|
||
description:
|
||
"Decodes an npub back to its hex form. Should return null/undefined for invalid payloads.",
|
||
},
|
||
{
|
||
key: "truncateMiddle",
|
||
type: "function",
|
||
description:
|
||
"Utility used for shortening long identifiers in the modal without losing context.",
|
||
},
|
||
{
|
||
key: "getProfileCacheEntry",
|
||
type: "function",
|
||
description:
|
||
"Returns the cached profile metadata for a normalized pubkey (if available).",
|
||
},
|
||
{
|
||
key: "batchFetchProfiles",
|
||
type: "function",
|
||
description:
|
||
"Fetches and caches profile metadata for a set of pubkeys so the modal can hydrate avatars/names in bulk.",
|
||
},
|
||
{
|
||
key: "switchProfile",
|
||
type: "function",
|
||
description:
|
||
"Switches the active application profile to the provided pubkey and updates state accordingly.",
|
||
},
|
||
{
|
||
key: "relayManager",
|
||
type: "object",
|
||
description:
|
||
"Shared relay manager instance responsible for the user\'s relay configuration.",
|
||
},
|
||
{
|
||
key: "userBlocks",
|
||
type: "object",
|
||
description: "User blocks helper used to read and mutate the local block list.",
|
||
},
|
||
{
|
||
key: "nostrClient",
|
||
type: "object",
|
||
description: "Reference to the nostr client powering subscriptions and profile fetches.",
|
||
},
|
||
{
|
||
key: "accessControl",
|
||
type: "object",
|
||
description:
|
||
"Access control module required for admin list permission checks and updates.",
|
||
},
|
||
{
|
||
key: "getCurrentUserNpub",
|
||
type: "function",
|
||
description: "Returns the active user\'s npub so UI actions can target the correct actor.",
|
||
},
|
||
{
|
||
key: "getActiveNwcSettings",
|
||
type: "function",
|
||
description:
|
||
"Reads the active Nostr Wallet Connect settings (uri/default zap) for the logged in profile.",
|
||
},
|
||
{
|
||
key: "updateActiveNwcSettings",
|
||
type: "function",
|
||
description: "Persists updates to the active wallet settings and returns the new state.",
|
||
},
|
||
{
|
||
key: "createDefaultNwcSettings",
|
||
type: "function",
|
||
description: "Creates a baseline wallet settings object when none exists.",
|
||
},
|
||
{
|
||
key: "ensureWallet",
|
||
type: "function",
|
||
description:
|
||
"Guarantees a wallet connection exists before issuing wallet related operations (connect/test).",
|
||
},
|
||
{
|
||
key: "loadVideos",
|
||
type: "function",
|
||
description: "Triggers a video reload so UI reflects profile or permission changes.",
|
||
},
|
||
{
|
||
key: "sendAdminListNotification",
|
||
type: "function",
|
||
description:
|
||
"Sends an administrative notification when moderators/whitelist/blacklist entries change.",
|
||
optional: true,
|
||
},
|
||
{
|
||
key: "describeAdminError",
|
||
type: "function",
|
||
description:
|
||
"Maps low-level admin errors to readable copy for surfaced error messages.",
|
||
},
|
||
{
|
||
key: "describeNotificationError",
|
||
type: "function",
|
||
description:
|
||
"Maps notification send errors to human readable descriptions for toast/banner messaging.",
|
||
},
|
||
{
|
||
key: "onAccessControlUpdated",
|
||
type: "function",
|
||
description:
|
||
"Callback invoked after access control mutations so the app can refresh dependent UI.",
|
||
},
|
||
];
|
||
|
||
const STATE_CONTRACT = [
|
||
{
|
||
key: "getSavedProfiles",
|
||
type: "function",
|
||
description:
|
||
"Returns the saved profile entries that populate the account switcher UI.",
|
||
fallback: (internal) => () => internal.savedProfiles.slice(),
|
||
},
|
||
{
|
||
key: "setSavedProfiles",
|
||
type: "function",
|
||
description:
|
||
"Replaces the saved profile entries and returns the newly stored collection.",
|
||
fallback: (internal) => (profiles = []) => {
|
||
internal.savedProfiles = Array.isArray(profiles)
|
||
? profiles.slice()
|
||
: [];
|
||
return internal.savedProfiles;
|
||
},
|
||
},
|
||
{
|
||
key: "persistSavedProfiles",
|
||
type: "function",
|
||
description:
|
||
"Persists the saved profile collection (and optionally the active profile) to storage.",
|
||
fallback: () => noop,
|
||
},
|
||
{
|
||
key: "getActivePubkey",
|
||
type: "function",
|
||
description: "Returns the currently active profile pubkey.",
|
||
fallback: (internal) => () => internal.activePubkey,
|
||
},
|
||
{
|
||
key: "setActivePubkey",
|
||
type: "function",
|
||
description: "Updates the active profile pubkey and returns the stored value.",
|
||
fallback: (internal) => (pubkey) => {
|
||
if (typeof pubkey === "string") {
|
||
const trimmed = pubkey.trim();
|
||
internal.activePubkey = trimmed ? trimmed : null;
|
||
} else {
|
||
internal.activePubkey = null;
|
||
}
|
||
return internal.activePubkey;
|
||
},
|
||
},
|
||
{
|
||
key: "getCachedSelection",
|
||
type: "function",
|
||
description:
|
||
"Reads the cached profile selection used to restore switcher focus after reloads.",
|
||
fallback: (internal) => () => internal.cachedSelection,
|
||
},
|
||
{
|
||
key: "setCachedSelection",
|
||
type: "function",
|
||
description:
|
||
"Caches the last selected profile identifier and returns the stored value.",
|
||
fallback: (internal) => (value) => {
|
||
if (typeof value === "string") {
|
||
const trimmed = value.trim();
|
||
internal.cachedSelection = trimmed || null;
|
||
} else {
|
||
internal.cachedSelection = null;
|
||
}
|
||
return internal.cachedSelection;
|
||
},
|
||
},
|
||
{
|
||
key: "getActivePane",
|
||
type: "function",
|
||
description: "Returns the identifier for the currently visible profile modal pane.",
|
||
fallback: (internal) => () => internal.activePane,
|
||
},
|
||
{
|
||
key: "setActivePane",
|
||
type: "function",
|
||
description: "Updates the active pane identifier and returns the stored value.",
|
||
fallback: (internal) => (pane) => {
|
||
if (typeof pane === "string") {
|
||
const trimmed = pane.trim().toLowerCase();
|
||
internal.activePane = trimmed || "account";
|
||
} else {
|
||
internal.activePane = "account";
|
||
}
|
||
return internal.activePane;
|
||
},
|
||
},
|
||
{
|
||
key: "getWalletBusy",
|
||
type: "function",
|
||
description:
|
||
"Indicates whether wallet-related actions are currently in-flight (disables UI as needed).",
|
||
fallback: (internal) => () => internal.walletBusy,
|
||
},
|
||
{
|
||
key: "setWalletBusy",
|
||
type: "function",
|
||
description: "Updates the wallet busy flag and returns the new boolean state.",
|
||
fallback: (internal) => (isBusy) => {
|
||
internal.walletBusy = Boolean(isBusy);
|
||
return internal.walletBusy;
|
||
},
|
||
},
|
||
];
|
||
|
||
function buildServicesContract(services = {}) {
|
||
const resolved = {};
|
||
const missing = [];
|
||
|
||
SERVICE_CONTRACT.forEach((definition) => {
|
||
const value = services[definition.key];
|
||
if (value == null) {
|
||
if (definition.optional) {
|
||
return;
|
||
}
|
||
missing.push(`- ${definition.key}: ${definition.description}`);
|
||
return;
|
||
}
|
||
|
||
if (definition.type === "function" && typeof value !== "function") {
|
||
throw new TypeError(
|
||
`Expected service \"${definition.key}\" to be a function. Received ${typeof value}.`,
|
||
);
|
||
}
|
||
if (definition.type === "object" && (typeof value !== "object" || value === null)) {
|
||
throw new TypeError(
|
||
`Expected service \"${definition.key}\" to be an object. Received ${typeof value}.`,
|
||
);
|
||
}
|
||
|
||
resolved[definition.key] = value;
|
||
});
|
||
|
||
if (missing.length) {
|
||
throw new Error(
|
||
[
|
||
"[ProfileModalController] Missing required services for profile modal controller:",
|
||
...missing,
|
||
].join("\n"),
|
||
);
|
||
}
|
||
|
||
return Object.freeze({ ...services, ...resolved });
|
||
}
|
||
|
||
function buildStateContract(state = {}, internalState) {
|
||
const resolved = {};
|
||
|
||
STATE_CONTRACT.forEach((definition) => {
|
||
const value = state[definition.key];
|
||
if (typeof value === definition.type) {
|
||
resolved[definition.key] = value;
|
||
return;
|
||
}
|
||
|
||
if (definition.fallback) {
|
||
const fallback = definition.fallback(internalState);
|
||
if (typeof fallback === definition.type) {
|
||
resolved[definition.key] = fallback;
|
||
return;
|
||
}
|
||
}
|
||
|
||
throw new Error(
|
||
`[ProfileModalController] Missing state handler \"${definition.key}\" (${definition.description}).`,
|
||
);
|
||
});
|
||
|
||
return { ...state, ...resolved };
|
||
}
|
||
|
||
export class ProfileModalController {
|
||
constructor(options = {}) {
|
||
const {
|
||
modalContainer = null,
|
||
removeTrackingScripts = noop,
|
||
createWatchHistoryRenderer = null,
|
||
setGlobalModalState = noop,
|
||
showError = noop,
|
||
showSuccess = noop,
|
||
showStatus = noop,
|
||
callbacks = {},
|
||
services = {},
|
||
state = {},
|
||
} = options;
|
||
|
||
this.modalContainer = modalContainer;
|
||
this.removeTrackingScripts = removeTrackingScripts;
|
||
this.createWatchHistoryRenderer = createWatchHistoryRenderer;
|
||
this.setGlobalModalState = setGlobalModalState;
|
||
this.showError = showError;
|
||
this.showSuccess = showSuccess;
|
||
this.showStatus = showStatus;
|
||
|
||
this.internalState = {
|
||
savedProfiles: [],
|
||
activePubkey: null,
|
||
cachedSelection: null,
|
||
activePane: "account",
|
||
walletBusy: false,
|
||
};
|
||
|
||
this.services = buildServicesContract(services);
|
||
this.state = buildStateContract(state, this.internalState);
|
||
|
||
this.normalizeHexPubkey = this.services.normalizeHexPubkey;
|
||
this.safeEncodeNpub = this.services.safeEncodeNpub;
|
||
this.safeDecodeNpub = this.services.safeDecodeNpub;
|
||
this.truncateMiddle = this.services.truncateMiddle;
|
||
this.sendAdminListNotificationService =
|
||
typeof this.services.sendAdminListNotification === "function"
|
||
? this.services.sendAdminListNotification
|
||
: null;
|
||
this.describeAdminErrorService = this.services.describeAdminError;
|
||
this.describeNotificationErrorService =
|
||
this.services.describeNotificationError;
|
||
|
||
this.callbacks = {
|
||
onClose: callbacks.onClose || noop,
|
||
onLogout: callbacks.onLogout || noop,
|
||
onChannelLink: callbacks.onChannelLink || noop,
|
||
onAddAccount: callbacks.onAddAccount || noop,
|
||
onSelectPane: callbacks.onSelectPane || noop,
|
||
onPaneShown: callbacks.onPaneShown || noop,
|
||
onAddRelay: callbacks.onAddRelay || noop,
|
||
onRestoreRelays: callbacks.onRestoreRelays || noop,
|
||
onAddBlocked: callbacks.onAddBlocked || noop,
|
||
onWalletSave: callbacks.onWalletSave || noop,
|
||
onWalletTest: callbacks.onWalletTest || noop,
|
||
onWalletDisconnect: callbacks.onWalletDisconnect || noop,
|
||
onAdminAddModerator: callbacks.onAdminAddModerator || noop,
|
||
onAdminAddWhitelist: callbacks.onAdminAddWhitelist || noop,
|
||
onAdminAddBlacklist: callbacks.onAdminAddBlacklist || noop,
|
||
onAdminRemoveModerator: callbacks.onAdminRemoveModerator || noop,
|
||
onAdminRemoveWhitelist: callbacks.onAdminRemoveWhitelist || noop,
|
||
onAdminRemoveBlacklist: callbacks.onAdminRemoveBlacklist || noop,
|
||
onHistoryReady: callbacks.onHistoryReady || noop,
|
||
onRequestSwitchProfile: callbacks.onRequestSwitchProfile || noop,
|
||
onRelayOperation: callbacks.onRelayOperation || noop,
|
||
onRelayModeToggle: callbacks.onRelayModeToggle || noop,
|
||
onRelayRestore: callbacks.onRelayRestore || noop,
|
||
onBlocklistMutation: callbacks.onBlocklistMutation || noop,
|
||
onWalletPersist: callbacks.onWalletPersist || noop,
|
||
onWalletTestRequest: callbacks.onWalletTestRequest || callbacks.onWalletTest || noop,
|
||
onWalletDisconnectRequest:
|
||
callbacks.onWalletDisconnectRequest || callbacks.onWalletDisconnect || noop,
|
||
onAdminMutation: callbacks.onAdminMutation || noop,
|
||
onAdminNotifyError: callbacks.onAdminNotifyError || noop,
|
||
};
|
||
|
||
this.profileModal = null;
|
||
this.profileModalAvatar = null;
|
||
this.profileModalName = null;
|
||
this.profileModalNpub = null;
|
||
this.profileSwitcherList = null;
|
||
this.profileAvatar = null;
|
||
this.closeButton = null;
|
||
this.logoutButton = null;
|
||
this.channelLink = null;
|
||
this.addAccountButton = null;
|
||
this.navButtons = {
|
||
account: null,
|
||
relays: null,
|
||
wallet: null,
|
||
blocked: null,
|
||
history: null,
|
||
admin: null,
|
||
};
|
||
this.panes = {
|
||
account: null,
|
||
relays: null,
|
||
wallet: null,
|
||
blocked: null,
|
||
history: null,
|
||
admin: null,
|
||
};
|
||
this.profileRelayList = null;
|
||
this.profileRelayInput = null;
|
||
this.profileAddRelayBtn = null;
|
||
this.profileRestoreRelaysBtn = null;
|
||
this.profileBlockedList = null;
|
||
this.profileBlockedEmpty = null;
|
||
this.profileBlockedInput = null;
|
||
this.profileAddBlockedBtn = null;
|
||
this.walletUriInput = null;
|
||
this.walletDefaultZapInput = null;
|
||
this.walletSaveButton = null;
|
||
this.walletTestButton = null;
|
||
this.walletDisconnectButton = null;
|
||
this.profileWalletStatusText = null;
|
||
this.adminModeratorsSection = null;
|
||
this.adminModeratorsEmpty = null;
|
||
this.adminModeratorList = null;
|
||
this.adminAddModeratorButton = null;
|
||
this.adminModeratorInput = null;
|
||
this.adminWhitelistSection = null;
|
||
this.adminWhitelistEmpty = null;
|
||
this.adminWhitelistList = null;
|
||
this.adminAddWhitelistButton = null;
|
||
this.adminWhitelistInput = null;
|
||
this.adminBlacklistSection = null;
|
||
this.adminBlacklistEmpty = null;
|
||
this.adminBlacklistList = null;
|
||
this.adminAddBlacklistButton = null;
|
||
this.adminBlacklistInput = null;
|
||
|
||
this.profileHistoryRenderer = null;
|
||
this.boundProfileHistoryVisibility = null;
|
||
this.boundKeydown = null;
|
||
this.boundFocusIn = null;
|
||
this.focusableElements = [];
|
||
this.profileSwitcherSelectionPubkey = null;
|
||
this.setActivePane(this.getActivePane());
|
||
this.setWalletPaneBusy(this.isWalletBusy());
|
||
this.adminEmptyMessages = new Map();
|
||
}
|
||
|
||
async load() {
|
||
if (!(this.modalContainer instanceof HTMLElement)) {
|
||
throw new Error("profile modal container missing");
|
||
}
|
||
|
||
const response = await fetch("components/profile-modal.html");
|
||
if (!response.ok) {
|
||
throw new Error(`Failed to load profile modal HTML (${response.status})`);
|
||
}
|
||
|
||
const html = await response.text();
|
||
const template = document.createElement("template");
|
||
template.innerHTML = html;
|
||
this.removeTrackingScripts(template.content);
|
||
|
||
const modalRoot = template.content.querySelector("#profileModal");
|
||
if (!(modalRoot instanceof HTMLElement)) {
|
||
throw new Error("profile modal markup missing expected #profileModal root");
|
||
}
|
||
|
||
this.modalContainer.appendChild(template.content);
|
||
this.profileModal = modalRoot;
|
||
|
||
this.cacheDomReferences();
|
||
this.registerEventListeners();
|
||
this.updateFocusTrap();
|
||
this.callbacks.onPaneShown(this.getActivePane(), { controller: this });
|
||
|
||
return true;
|
||
}
|
||
|
||
cacheDomReferences() {
|
||
this.profileModal = document.getElementById("profileModal") || null;
|
||
this.closeButton = document.getElementById("closeProfileModal") || null;
|
||
this.logoutButton = document.getElementById("profileLogoutBtn") || null;
|
||
this.channelLink = document.getElementById("profileChannelLink") || null;
|
||
this.addAccountButton =
|
||
document.getElementById("profileAddAccountBtn") || null;
|
||
this.profileModalAvatar =
|
||
document.getElementById("profileModalAvatar") || null;
|
||
this.profileModalName =
|
||
document.getElementById("profileModalName") || null;
|
||
this.profileModalNpub =
|
||
document.getElementById("profileModalNpub") || null;
|
||
this.profileSwitcherList =
|
||
document.getElementById("profileSwitcherList") || null;
|
||
|
||
const topLevelProfileAvatar =
|
||
document.getElementById("profileAvatar") || null;
|
||
if (topLevelProfileAvatar) {
|
||
this.profileAvatar = topLevelProfileAvatar;
|
||
}
|
||
|
||
this.navButtons.account =
|
||
document.getElementById("profileNavAccount") || null;
|
||
this.navButtons.relays = document.getElementById("profileNavRelays") || null;
|
||
this.navButtons.wallet = document.getElementById("profileNavWallet") || null;
|
||
this.navButtons.blocked =
|
||
document.getElementById("profileNavBlocked") || null;
|
||
this.navButtons.history =
|
||
document.getElementById("profileNavHistory") || null;
|
||
this.navButtons.admin = document.getElementById("profileNavAdmin") || null;
|
||
|
||
this.panes.account = document.getElementById("profilePaneAccount") || null;
|
||
this.panes.relays = document.getElementById("profilePaneRelays") || null;
|
||
this.panes.wallet = document.getElementById("profilePaneWallet") || null;
|
||
this.panes.blocked = document.getElementById("profilePaneBlocked") || null;
|
||
this.panes.history = document.getElementById("profilePaneHistory") || null;
|
||
this.panes.admin = document.getElementById("profilePaneAdmin") || null;
|
||
|
||
this.profileRelayList = document.getElementById("relayList") || null;
|
||
this.profileRelayInput = document.getElementById("relayInput") || null;
|
||
this.profileAddRelayBtn =
|
||
document.getElementById("addRelayBtn") || null;
|
||
this.profileRestoreRelaysBtn =
|
||
document.getElementById("restoreRelaysBtn") || null;
|
||
|
||
this.profileBlockedList =
|
||
document.getElementById("blockedList") || null;
|
||
this.profileBlockedEmpty =
|
||
document.getElementById("blockedEmpty") || null;
|
||
this.profileBlockedInput =
|
||
document.getElementById("blockedInput") || null;
|
||
this.profileAddBlockedBtn =
|
||
document.getElementById("addBlockedBtn") || null;
|
||
|
||
this.walletUriInput = document.getElementById("profileWalletUri") || null;
|
||
this.walletDefaultZapInput =
|
||
document.getElementById("profileWalletDefaultZap") || null;
|
||
this.walletSaveButton =
|
||
document.getElementById("profileWalletSave") || null;
|
||
this.walletTestButton =
|
||
document.getElementById("profileWalletTest") || null;
|
||
this.walletDisconnectButton =
|
||
document.getElementById("profileWalletDisconnect") || null;
|
||
this.profileWalletStatusText =
|
||
document.getElementById("profileWalletStatus") || null;
|
||
|
||
this.adminModeratorsSection =
|
||
document.getElementById("adminModeratorsSection") || null;
|
||
this.adminModeratorsEmpty =
|
||
document.getElementById("adminModeratorsEmpty") || null;
|
||
this.adminModeratorList =
|
||
document.getElementById("adminModeratorList") || null;
|
||
this.adminAddModeratorButton =
|
||
document.getElementById("adminAddModeratorBtn") || null;
|
||
this.adminModeratorInput =
|
||
document.getElementById("adminModeratorInput") || null;
|
||
this.adminWhitelistSection =
|
||
document.getElementById("adminWhitelistSection") || null;
|
||
this.adminWhitelistEmpty =
|
||
document.getElementById("adminWhitelistEmpty") || null;
|
||
this.adminWhitelistList =
|
||
document.getElementById("adminWhitelistList") || null;
|
||
this.adminAddWhitelistButton =
|
||
document.getElementById("adminAddWhitelistBtn") || null;
|
||
this.adminWhitelistInput =
|
||
document.getElementById("adminWhitelistInput") || null;
|
||
this.adminBlacklistSection =
|
||
document.getElementById("adminBlacklistSection") || null;
|
||
this.adminBlacklistEmpty =
|
||
document.getElementById("adminBlacklistEmpty") || null;
|
||
this.adminBlacklistList =
|
||
document.getElementById("adminBlacklistList") || null;
|
||
this.adminAddBlacklistButton =
|
||
document.getElementById("adminAddBlacklistBtn") || null;
|
||
this.adminBlacklistInput =
|
||
document.getElementById("adminBlacklistInput") || null;
|
||
|
||
if (!this.profileHistoryRenderer && this.createWatchHistoryRenderer) {
|
||
this.profileHistoryRenderer = this.createWatchHistoryRenderer({
|
||
viewSelector: "#profilePaneHistory",
|
||
gridSelector: "#profileHistoryGrid",
|
||
loadingSelector: "#profileHistoryLoading",
|
||
statusSelector: "#profileHistoryStatus",
|
||
emptySelector: "#profileHistoryEmpty",
|
||
sentinelSelector: "#profileHistorySentinel",
|
||
scrollContainerSelector: "#profileHistoryScroll",
|
||
errorBannerSelector: "#profileHistoryError",
|
||
clearButtonSelector: "#profileHistoryClear",
|
||
republishButtonSelector: "#profileHistoryRepublish",
|
||
featureBannerSelector: "#profileHistoryFeatureBanner",
|
||
toastRegionSelector: "#profileHistoryToastRegion",
|
||
sessionWarningSelector: "#profileHistorySessionWarning",
|
||
metadataToggleSelector: "#profileHistoryMetadataToggle",
|
||
metadataThumbSelector: "#profileHistoryMetadataThumb",
|
||
metadataLabelSelector: "#profileHistoryMetadataLabel",
|
||
metadataDescriptionSelector: "#profileHistoryMetadataDescription",
|
||
emptyCopy: "You haven’t watched any videos yet.",
|
||
remove: (payload) =>
|
||
this.callbacks.onHistoryReady({
|
||
...(typeof payload === "object" && payload ? payload : {}),
|
||
controller: this,
|
||
renderer: this.profileHistoryRenderer,
|
||
}),
|
||
});
|
||
}
|
||
}
|
||
|
||
registerEventListeners() {
|
||
if (this.closeButton instanceof HTMLElement) {
|
||
this.closeButton.addEventListener("click", () => {
|
||
this.hide();
|
||
this.callbacks.onClose(this);
|
||
});
|
||
}
|
||
|
||
if (this.logoutButton instanceof HTMLElement) {
|
||
this.logoutButton.addEventListener("click", async () => {
|
||
try {
|
||
await this.callbacks.onLogout(this);
|
||
} catch (error) {
|
||
this.showError("Failed to logout. Please try again.");
|
||
}
|
||
this.hide();
|
||
});
|
||
}
|
||
|
||
if (this.channelLink instanceof HTMLElement) {
|
||
this.channelLink.addEventListener("click", (event) => {
|
||
event.preventDefault();
|
||
this.callbacks.onChannelLink(this.channelLink, this);
|
||
});
|
||
}
|
||
|
||
if (this.addAccountButton instanceof HTMLElement) {
|
||
this.addAccountButton.addEventListener("click", () => {
|
||
this.callbacks.onAddAccount(this);
|
||
});
|
||
}
|
||
|
||
Object.entries(this.navButtons).forEach(([name, button]) => {
|
||
if (button instanceof HTMLElement) {
|
||
button.addEventListener("click", () => {
|
||
this.selectPane(name);
|
||
});
|
||
}
|
||
});
|
||
|
||
if (this.profileAddRelayBtn instanceof HTMLElement) {
|
||
this.profileAddRelayBtn.addEventListener("click", () => {
|
||
void this.handleAddRelay();
|
||
});
|
||
}
|
||
|
||
if (this.profileRestoreRelaysBtn instanceof HTMLElement) {
|
||
this.profileRestoreRelaysBtn.addEventListener("click", () => {
|
||
void this.handleRestoreRelays();
|
||
});
|
||
}
|
||
|
||
if (this.profileAddBlockedBtn instanceof HTMLElement) {
|
||
this.profileAddBlockedBtn.addEventListener("click", () => {
|
||
void this.handleAddBlockedCreator();
|
||
});
|
||
}
|
||
|
||
if (this.profileBlockedInput instanceof HTMLElement) {
|
||
this.profileBlockedInput.addEventListener("keydown", (event) => {
|
||
if (event.key === "Enter") {
|
||
event.preventDefault();
|
||
void this.handleAddBlockedCreator();
|
||
}
|
||
});
|
||
}
|
||
|
||
if (this.walletUriInput instanceof HTMLElement) {
|
||
this.walletUriInput.addEventListener("input", () => {
|
||
this.applyWalletControlState();
|
||
});
|
||
}
|
||
|
||
if (this.walletDefaultZapInput instanceof HTMLElement) {
|
||
this.walletDefaultZapInput.addEventListener("input", () => {
|
||
this.applyWalletControlState();
|
||
});
|
||
}
|
||
|
||
if (this.walletSaveButton instanceof HTMLElement) {
|
||
this.walletSaveButton.addEventListener("click", () => {
|
||
void this.handleWalletSave();
|
||
});
|
||
}
|
||
|
||
if (this.walletTestButton instanceof HTMLElement) {
|
||
this.walletTestButton.addEventListener("click", () => {
|
||
void this.handleWalletTest();
|
||
});
|
||
}
|
||
|
||
if (this.walletDisconnectButton instanceof HTMLElement) {
|
||
this.walletDisconnectButton.addEventListener("click", () => {
|
||
void this.handleWalletDisconnect();
|
||
});
|
||
}
|
||
|
||
if (this.adminAddModeratorButton instanceof HTMLElement) {
|
||
this.adminAddModeratorButton.addEventListener("click", () => {
|
||
void this.handleAddModerator();
|
||
});
|
||
}
|
||
|
||
if (this.adminModeratorInput instanceof HTMLElement) {
|
||
this.adminModeratorInput.addEventListener("keydown", (event) => {
|
||
if (event.key === "Enter") {
|
||
event.preventDefault();
|
||
void this.handleAddModerator();
|
||
}
|
||
});
|
||
}
|
||
|
||
if (this.adminAddWhitelistButton instanceof HTMLElement) {
|
||
this.adminAddWhitelistButton.addEventListener("click", () => {
|
||
void this.handleAdminListMutation("whitelist", "add");
|
||
});
|
||
}
|
||
|
||
if (this.adminWhitelistInput instanceof HTMLElement) {
|
||
this.adminWhitelistInput.addEventListener("keydown", (event) => {
|
||
if (event.key === "Enter") {
|
||
event.preventDefault();
|
||
void this.handleAdminListMutation("whitelist", "add");
|
||
}
|
||
});
|
||
}
|
||
|
||
if (this.adminAddBlacklistButton instanceof HTMLElement) {
|
||
this.adminAddBlacklistButton.addEventListener("click", () => {
|
||
void this.handleAdminListMutation("blacklist", "add");
|
||
});
|
||
}
|
||
|
||
if (this.adminBlacklistInput instanceof HTMLElement) {
|
||
this.adminBlacklistInput.addEventListener("keydown", (event) => {
|
||
if (event.key === "Enter") {
|
||
event.preventDefault();
|
||
void this.handleAdminListMutation("blacklist", "add");
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
renderSavedProfiles() {
|
||
const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
|
||
const entriesNeedingFetch = new Set();
|
||
const savedProfiles = this.getSavedProfiles();
|
||
|
||
const resolveMeta = (entry) => {
|
||
if (!entry || typeof entry !== "object") {
|
||
return {
|
||
name: "",
|
||
picture: FALLBACK_PROFILE_AVATAR,
|
||
npub: null,
|
||
};
|
||
}
|
||
|
||
const normalizedPubkey = this.normalizeHexPubkey(entry.pubkey);
|
||
let cacheEntry = null;
|
||
if (normalizedPubkey) {
|
||
cacheEntry = this.services.getProfileCacheEntry(normalizedPubkey);
|
||
}
|
||
const cachedProfile = cacheEntry?.profile || {};
|
||
|
||
const hasStoredName =
|
||
typeof entry.name === "string" && entry.name.trim().length > 0;
|
||
const hasStoredPicture =
|
||
typeof entry.picture === "string" && entry.picture.trim().length > 0;
|
||
|
||
if (
|
||
!cacheEntry &&
|
||
normalizedPubkey &&
|
||
(!hasStoredName || !hasStoredPicture)
|
||
) {
|
||
entriesNeedingFetch.add(normalizedPubkey);
|
||
}
|
||
|
||
let resolvedNpub =
|
||
typeof entry.npub === "string" && entry.npub.trim()
|
||
? entry.npub.trim()
|
||
: null;
|
||
if (!resolvedNpub && entry.pubkey) {
|
||
resolvedNpub = this.safeEncodeNpub(entry.pubkey);
|
||
}
|
||
|
||
return {
|
||
name: cachedProfile.name || entry.name || "",
|
||
picture: cachedProfile.picture || entry.picture || FALLBACK_PROFILE_AVATAR,
|
||
npub: resolvedNpub,
|
||
};
|
||
};
|
||
|
||
const savedEntries = Array.isArray(savedProfiles)
|
||
? savedProfiles.filter((entry) => entry && entry.pubkey)
|
||
: [];
|
||
|
||
let activeEntry = null;
|
||
if (normalizedActive) {
|
||
activeEntry = savedEntries.find(
|
||
(entry) => this.normalizeHexPubkey(entry.pubkey) === normalizedActive,
|
||
);
|
||
}
|
||
if (!activeEntry && savedEntries.length) {
|
||
activeEntry = savedEntries[0];
|
||
}
|
||
|
||
const activeMeta = activeEntry ? resolveMeta(activeEntry) : null;
|
||
const hasActiveProfile = Boolean(activeEntry && activeMeta);
|
||
const truncate = this.truncateMiddle || ((value) => value);
|
||
const activeNameFallback = activeMeta?.npub
|
||
? truncate(activeMeta.npub, 32)
|
||
: "Saved profile";
|
||
const activeDisplayName = hasActiveProfile
|
||
? activeMeta?.name?.trim() || activeNameFallback
|
||
: "No active profile";
|
||
const activeAvatarSrc = hasActiveProfile
|
||
? activeMeta?.picture || FALLBACK_PROFILE_AVATAR
|
||
: FALLBACK_PROFILE_AVATAR;
|
||
|
||
if (this.profileModalName) {
|
||
this.profileModalName.textContent = activeDisplayName;
|
||
}
|
||
|
||
if (this.profileModalAvatar instanceof HTMLImageElement) {
|
||
if (this.profileModalAvatar.src !== activeAvatarSrc) {
|
||
this.profileModalAvatar.src = activeAvatarSrc;
|
||
}
|
||
this.profileModalAvatar.alt = hasActiveProfile
|
||
? `${activeDisplayName} avatar`
|
||
: "Default profile avatar";
|
||
} else if (this.profileModalAvatar instanceof HTMLElement) {
|
||
this.profileModalAvatar.setAttribute("data-avatar-src", activeAvatarSrc);
|
||
}
|
||
|
||
if (this.profileModalNpub) {
|
||
if (hasActiveProfile && activeMeta?.npub) {
|
||
this.profileModalNpub.textContent = truncate(activeMeta.npub, 48);
|
||
} else if (hasActiveProfile) {
|
||
this.profileModalNpub.textContent = "npub unavailable";
|
||
} else {
|
||
this.profileModalNpub.textContent = "Link a profile to get started";
|
||
}
|
||
}
|
||
|
||
if (this.channelLink instanceof HTMLElement) {
|
||
if (hasActiveProfile && activeMeta?.npub) {
|
||
const encodedNpub = activeMeta.npub;
|
||
this.channelLink.href = `#view=channel-profile&npub=${encodeURIComponent(
|
||
encodedNpub,
|
||
)}`;
|
||
this.channelLink.dataset.targetNpub = encodedNpub;
|
||
this.channelLink.classList.remove("hidden");
|
||
this.channelLink.setAttribute("aria-hidden", "false");
|
||
} else {
|
||
this.channelLink.classList.add("hidden");
|
||
this.channelLink.removeAttribute("href");
|
||
if (this.channelLink.dataset) {
|
||
delete this.channelLink.dataset.targetNpub;
|
||
}
|
||
this.channelLink.setAttribute("aria-hidden", "true");
|
||
}
|
||
}
|
||
|
||
if (this.profileAvatar instanceof HTMLImageElement) {
|
||
if (this.profileAvatar.src !== activeAvatarSrc) {
|
||
this.profileAvatar.src = activeAvatarSrc;
|
||
}
|
||
this.profileAvatar.alt = hasActiveProfile
|
||
? `${activeDisplayName} avatar`
|
||
: this.profileAvatar.alt || "Profile avatar";
|
||
}
|
||
|
||
const listEl = this.profileSwitcherList;
|
||
if (listEl instanceof HTMLElement) {
|
||
listEl.innerHTML = "";
|
||
let normalizedSelection = this.normalizeHexPubkey(
|
||
this.profileSwitcherSelectionPubkey,
|
||
);
|
||
if (normalizedSelection && normalizedSelection === normalizedActive) {
|
||
normalizedSelection = null;
|
||
this.profileSwitcherSelectionPubkey = null;
|
||
}
|
||
|
||
const entriesToRender = savedEntries.filter((entry) => {
|
||
const normalized = this.normalizeHexPubkey(entry.pubkey);
|
||
return normalized && normalized !== normalizedActive;
|
||
});
|
||
|
||
if (!entriesToRender.length) {
|
||
listEl.setAttribute("data-profile-switcher-empty", "true");
|
||
const helper = document.createElement("p");
|
||
helper.className = "profile-switcher__empty text-sm text-gray-400";
|
||
helper.textContent = "No other profiles saved yet.";
|
||
helper.setAttribute("role", "note");
|
||
listEl.appendChild(helper);
|
||
} else {
|
||
listEl.removeAttribute("data-profile-switcher-empty");
|
||
|
||
entriesToRender.forEach((entry) => {
|
||
const meta = resolveMeta(entry);
|
||
const button = document.createElement("button");
|
||
button.type = "button";
|
||
button.classList.add("profile-card");
|
||
button.dataset.pubkey = entry.pubkey;
|
||
if (meta.npub) {
|
||
button.dataset.npub = meta.npub;
|
||
}
|
||
if (entry.authType) {
|
||
button.dataset.authType = entry.authType;
|
||
}
|
||
|
||
const normalizedPubkey = this.normalizeHexPubkey(entry.pubkey);
|
||
const isSelected =
|
||
normalizedSelection && normalizedPubkey === normalizedSelection;
|
||
if (isSelected) {
|
||
button.classList.add("profile-card--active");
|
||
button.setAttribute("aria-pressed", "true");
|
||
} else {
|
||
button.setAttribute("aria-pressed", "false");
|
||
}
|
||
|
||
const avatarSpan = document.createElement("span");
|
||
avatarSpan.className = "profile-card__avatar";
|
||
const avatarImg = document.createElement("img");
|
||
avatarImg.src = meta.picture || FALLBACK_PROFILE_AVATAR;
|
||
const cardDisplayName =
|
||
meta.name?.trim() ||
|
||
(meta.npub ? truncate(meta.npub, 32) : "Saved profile");
|
||
avatarImg.alt = `${cardDisplayName} avatar`;
|
||
avatarSpan.appendChild(avatarImg);
|
||
|
||
const metaSpan = document.createElement("span");
|
||
metaSpan.className = "profile-card__meta";
|
||
|
||
const topLine = document.createElement("span");
|
||
topLine.className = "profile-card__topline";
|
||
|
||
const label = document.createElement("span");
|
||
label.className = "profile-card__label";
|
||
label.textContent =
|
||
entry.authType === "nsec" ? "Direct key" : "Saved profile";
|
||
|
||
const action = document.createElement("span");
|
||
action.className = "profile-card__action";
|
||
action.setAttribute("aria-hidden", "true");
|
||
action.textContent = isSelected ? "Selected" : "Switch";
|
||
|
||
topLine.append(label, action);
|
||
|
||
const nameSpan = document.createElement("span");
|
||
nameSpan.className = "profile-card__name";
|
||
nameSpan.textContent = cardDisplayName;
|
||
|
||
const npubSpan = document.createElement("span");
|
||
npubSpan.className = "profile-card__npub";
|
||
npubSpan.textContent = meta.npub
|
||
? truncate(meta.npub, 48)
|
||
: "npub unavailable";
|
||
|
||
metaSpan.append(topLine, nameSpan, npubSpan);
|
||
button.append(avatarSpan, metaSpan);
|
||
|
||
const ariaLabel = isSelected
|
||
? `${cardDisplayName} selected`
|
||
: `Switch to ${cardDisplayName}`;
|
||
button.setAttribute("aria-label", ariaLabel);
|
||
|
||
const activateProfile = async (event) => {
|
||
if (event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
|
||
if (button.dataset.loading === "true") {
|
||
return;
|
||
}
|
||
|
||
button.dataset.loading = "true";
|
||
button.setAttribute("aria-busy", "true");
|
||
|
||
try {
|
||
await this.requestSwitchProfile({
|
||
entry,
|
||
pubkey: entry.pubkey,
|
||
});
|
||
} catch (error) {
|
||
console.error("Failed to switch profile:", error);
|
||
} finally {
|
||
button.dataset.loading = "false";
|
||
button.setAttribute("aria-busy", "false");
|
||
}
|
||
};
|
||
|
||
button.addEventListener("click", activateProfile);
|
||
button.addEventListener("keydown", (event) => {
|
||
const key = event?.key;
|
||
if (key === "Enter" || key === " " || key === "Spacebar") {
|
||
activateProfile(event);
|
||
}
|
||
});
|
||
|
||
listEl.appendChild(button);
|
||
});
|
||
}
|
||
|
||
this.updateFocusTrap();
|
||
} else {
|
||
this.updateFocusTrap();
|
||
}
|
||
|
||
if (entriesNeedingFetch.size) {
|
||
this.services.batchFetchProfiles(entriesNeedingFetch);
|
||
}
|
||
}
|
||
|
||
selectPane(name = "account") {
|
||
const normalized = typeof name === "string" ? name.toLowerCase() : "account";
|
||
const previous = this.getActivePane();
|
||
const availableKeys = Object.keys(this.panes).filter((key) => {
|
||
const pane = this.panes[key];
|
||
if (!(pane instanceof HTMLElement)) {
|
||
return false;
|
||
}
|
||
const button = this.navButtons[key];
|
||
if (button instanceof HTMLElement && button.classList.contains("hidden")) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
const fallbackTarget = availableKeys.includes("account")
|
||
? "account"
|
||
: availableKeys[0] || "account";
|
||
const target = availableKeys.includes(normalized)
|
||
? normalized
|
||
: fallbackTarget;
|
||
|
||
if (previous === "history" && target !== "history") {
|
||
try {
|
||
this.profileHistoryRenderer?.pause();
|
||
} catch (error) {
|
||
console.warn("[profileModal] Failed to pause history renderer:", error);
|
||
}
|
||
}
|
||
|
||
Object.entries(this.panes).forEach(([key, pane]) => {
|
||
if (!(pane instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
const isActive = key === target;
|
||
pane.classList.toggle("hidden", !isActive);
|
||
pane.setAttribute("aria-hidden", (!isActive).toString());
|
||
});
|
||
|
||
Object.entries(this.navButtons).forEach(([key, button]) => {
|
||
if (!(button instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
const isActive = key === target;
|
||
button.setAttribute("aria-selected", isActive ? "true" : "false");
|
||
button.classList.toggle("bg-gray-800", isActive);
|
||
button.classList.toggle("text-white", isActive);
|
||
button.classList.toggle("text-gray-400", !isActive);
|
||
});
|
||
|
||
this.setActivePane(target);
|
||
this.updateFocusTrap();
|
||
|
||
if (target === "history") {
|
||
void this.populateProfileWatchHistory();
|
||
} else if (target === "wallet") {
|
||
this.refreshWalletPaneState();
|
||
} else if (target === "blocked") {
|
||
this.populateBlockedList();
|
||
}
|
||
|
||
this.callbacks.onSelectPane(target, { controller: this });
|
||
this.callbacks.onPaneShown(target, { controller: this });
|
||
}
|
||
|
||
populateProfileRelays(relayEntries = null) {
|
||
if (!this.profileRelayList) {
|
||
return;
|
||
}
|
||
|
||
const sourceEntries = Array.isArray(relayEntries)
|
||
? relayEntries
|
||
: this.services.relayManager.getEntries();
|
||
|
||
const relays = sourceEntries
|
||
.map((entry) => {
|
||
if (typeof entry === "string") {
|
||
const trimmed = entry.trim();
|
||
return trimmed ? { url: trimmed, mode: "both" } : null;
|
||
}
|
||
if (entry && typeof entry === "object") {
|
||
const url = typeof entry.url === "string" ? entry.url.trim() : "";
|
||
if (!url) {
|
||
return null;
|
||
}
|
||
const mode = typeof entry.mode === "string" ? entry.mode : "both";
|
||
const normalizedMode =
|
||
mode === "read" || mode === "write" ? mode : "both";
|
||
return {
|
||
url,
|
||
mode: normalizedMode,
|
||
read: entry.read !== false,
|
||
write: entry.write !== false,
|
||
};
|
||
}
|
||
return null;
|
||
})
|
||
.filter((entry) => entry && typeof entry.url === "string");
|
||
|
||
this.profileRelayList.innerHTML = "";
|
||
|
||
if (!relays.length) {
|
||
const emptyState = document.createElement("li");
|
||
emptyState.className =
|
||
"rounded-lg border border-dashed border-gray-700 p-4 text-center text-sm text-gray-400";
|
||
emptyState.textContent = "No relays configured.";
|
||
this.profileRelayList.appendChild(emptyState);
|
||
return;
|
||
}
|
||
|
||
relays.forEach((entry) => {
|
||
const item = document.createElement("li");
|
||
item.className =
|
||
"flex items-start justify-between gap-4 rounded-lg bg-gray-800 px-4 py-3";
|
||
|
||
const info = document.createElement("div");
|
||
info.className = "flex-1 min-w-0";
|
||
|
||
const urlEl = document.createElement("p");
|
||
urlEl.className = "text-sm font-medium text-gray-100 break-all";
|
||
urlEl.textContent = entry.url;
|
||
|
||
const statusEl = document.createElement("p");
|
||
statusEl.className = "mt-1 text-xs text-gray-400";
|
||
let modeLabel = "Read & write";
|
||
if (entry.mode === "read") {
|
||
modeLabel = "Read only";
|
||
} else if (entry.mode === "write") {
|
||
modeLabel = "Write only";
|
||
}
|
||
statusEl.textContent = modeLabel;
|
||
|
||
info.appendChild(urlEl);
|
||
info.appendChild(statusEl);
|
||
|
||
const actions = document.createElement("div");
|
||
actions.className = "flex items-center gap-2";
|
||
|
||
const editBtn = document.createElement("button");
|
||
editBtn.type = "button";
|
||
editBtn.className =
|
||
"px-3 py-1 rounded-md bg-gray-700 text-xs font-medium text-gray-100 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900";
|
||
editBtn.textContent = "Change mode";
|
||
editBtn.title = "Cycle between read-only, write-only, or read/write modes.";
|
||
editBtn.addEventListener("click", () => {
|
||
void this.handleRelayModeToggle(entry.url);
|
||
});
|
||
|
||
const removeBtn = document.createElement("button");
|
||
removeBtn.type = "button";
|
||
removeBtn.className =
|
||
"px-3 py-1 rounded-md bg-gray-700 text-xs font-medium text-gray-100 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900";
|
||
removeBtn.textContent = "Remove";
|
||
removeBtn.addEventListener("click", () => {
|
||
void this.handleRemoveRelay(entry.url);
|
||
});
|
||
|
||
actions.appendChild(editBtn);
|
||
actions.appendChild(removeBtn);
|
||
|
||
item.appendChild(info);
|
||
item.appendChild(actions);
|
||
|
||
this.profileRelayList.appendChild(item);
|
||
});
|
||
}
|
||
|
||
async handleRelayOperation(meta = {}, {
|
||
successMessage = "Relay preferences updated.",
|
||
skipPublishIfUnchanged = true,
|
||
unchangedMessage = null,
|
||
} = {}) {
|
||
const operationContext = {
|
||
...meta,
|
||
ok: false,
|
||
changed: false,
|
||
reason: null,
|
||
error: null,
|
||
publishResult: null,
|
||
operationResult: null,
|
||
};
|
||
|
||
const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!activePubkey) {
|
||
this.showError("Please login to manage your relays.");
|
||
operationContext.reason = "no-active-pubkey";
|
||
return operationContext;
|
||
}
|
||
|
||
let result;
|
||
try {
|
||
result = await this.runRelayOperation({
|
||
...meta,
|
||
activePubkey,
|
||
skipPublishIfUnchanged,
|
||
});
|
||
} catch (error) {
|
||
const message =
|
||
error && typeof error.message === "string" && error.message.trim()
|
||
? error.message.trim()
|
||
: "Failed to update relay preferences.";
|
||
operationContext.reason = error?.code || "callback-error";
|
||
operationContext.error = error;
|
||
this.showError(message);
|
||
return operationContext;
|
||
}
|
||
|
||
if (result && typeof result === "object") {
|
||
operationContext.ok = Boolean(result.ok);
|
||
operationContext.changed = Boolean(result.changed);
|
||
operationContext.reason =
|
||
typeof result.reason === "string" ? result.reason : operationContext.reason;
|
||
operationContext.error = result.error ?? operationContext.error;
|
||
operationContext.publishResult =
|
||
result.publishResult ?? operationContext.publishResult;
|
||
operationContext.operationResult =
|
||
result.operationResult ?? operationContext.operationResult;
|
||
}
|
||
|
||
if (!operationContext.changed && skipPublishIfUnchanged) {
|
||
const reason = operationContext.reason || "unchanged";
|
||
operationContext.reason = reason;
|
||
if (reason === "duplicate") {
|
||
this.showSuccess("Relay is already configured.");
|
||
} else if (typeof unchangedMessage === "string" && unchangedMessage) {
|
||
this.showSuccess(unchangedMessage);
|
||
}
|
||
this.populateProfileRelays();
|
||
return operationContext;
|
||
}
|
||
|
||
this.populateProfileRelays();
|
||
|
||
if (operationContext.ok) {
|
||
if (successMessage) {
|
||
this.showSuccess(successMessage);
|
||
}
|
||
return operationContext;
|
||
}
|
||
|
||
const message =
|
||
operationContext.error &&
|
||
typeof operationContext.error.message === "string" &&
|
||
operationContext.error.message.trim()
|
||
? operationContext.error.message.trim()
|
||
: "Failed to publish relay configuration. Please try again.";
|
||
|
||
if (operationContext.reason !== "no-active-pubkey") {
|
||
this.showError(message);
|
||
}
|
||
|
||
return operationContext;
|
||
}
|
||
|
||
async handleAddRelay() {
|
||
const rawValue =
|
||
typeof this.profileRelayInput?.value === "string"
|
||
? this.profileRelayInput.value
|
||
: "";
|
||
const trimmed = rawValue.trim();
|
||
|
||
const context = {
|
||
input: this.profileRelayInput,
|
||
rawValue,
|
||
url: trimmed,
|
||
result: null,
|
||
success: false,
|
||
reason: null,
|
||
};
|
||
|
||
if (!trimmed) {
|
||
this.showError("Enter a relay URL to add.");
|
||
context.reason = "empty";
|
||
this.callbacks.onAddRelay(context, this);
|
||
return context;
|
||
}
|
||
|
||
const operationResult = await this.handleRelayOperation(
|
||
{ action: "add", url: trimmed },
|
||
{
|
||
successMessage: "Relay saved.",
|
||
unchangedMessage: "Relay is already configured.",
|
||
},
|
||
);
|
||
|
||
if (this.profileRelayInput) {
|
||
this.profileRelayInput.value = "";
|
||
}
|
||
|
||
context.result = operationResult;
|
||
context.success = !!operationResult?.ok;
|
||
context.reason = operationResult?.reason || null;
|
||
|
||
this.callbacks.onAddRelay(context, this);
|
||
return context;
|
||
}
|
||
|
||
async handleRestoreRelays() {
|
||
const context = {
|
||
confirmed: false,
|
||
result: null,
|
||
success: false,
|
||
reason: null,
|
||
};
|
||
|
||
const confirmed = window.confirm("Restore the recommended relay defaults?");
|
||
context.confirmed = confirmed;
|
||
if (!confirmed) {
|
||
context.reason = "cancelled";
|
||
this.callbacks.onRestoreRelays(context, this);
|
||
return context;
|
||
}
|
||
|
||
const operationResult = await this.handleRelayOperation(
|
||
{ action: "restore" },
|
||
{
|
||
successMessage: "Relay defaults restored.",
|
||
unchangedMessage: "Relay defaults are already in use.",
|
||
},
|
||
);
|
||
|
||
context.result = operationResult;
|
||
context.success = !!operationResult?.ok;
|
||
context.reason = operationResult?.reason || null;
|
||
|
||
this.callbacks.onRestoreRelays(context, this);
|
||
this.callbacks.onRelayRestore({
|
||
controller: this,
|
||
context,
|
||
});
|
||
return context;
|
||
}
|
||
|
||
async handleRelayModeToggle(url) {
|
||
if (!url) {
|
||
return;
|
||
}
|
||
const context = await this.handleRelayOperation(
|
||
{ action: "mode-toggle", url },
|
||
{ successMessage: "Relay mode updated." },
|
||
);
|
||
this.callbacks.onRelayModeToggle({
|
||
controller: this,
|
||
url,
|
||
context,
|
||
});
|
||
}
|
||
|
||
async handleRemoveRelay(url) {
|
||
if (!url) {
|
||
return;
|
||
}
|
||
|
||
const confirmed = window.confirm(
|
||
`Remove ${url} from your relay list?`,
|
||
);
|
||
if (!confirmed) {
|
||
return;
|
||
}
|
||
|
||
await this.handleRelayOperation(
|
||
{ action: "remove", url },
|
||
{ successMessage: "Relay removed." },
|
||
);
|
||
}
|
||
|
||
populateBlockedList(blocked = null) {
|
||
if (!this.profileBlockedList || !this.profileBlockedEmpty) {
|
||
return;
|
||
}
|
||
|
||
const sourceEntries =
|
||
Array.isArray(blocked) && blocked.length
|
||
? blocked
|
||
: this.services.userBlocks.getBlockedPubkeys();
|
||
|
||
const normalizedEntries = [];
|
||
const pushEntry = (hex, label) => {
|
||
if (!hex || !label) {
|
||
return;
|
||
}
|
||
normalizedEntries.push({ hex, label });
|
||
};
|
||
|
||
sourceEntries.forEach((entry) => {
|
||
if (typeof entry === "string") {
|
||
const trimmed = entry.trim();
|
||
if (!trimmed) {
|
||
return;
|
||
}
|
||
|
||
if (trimmed.startsWith("npub1")) {
|
||
const decoded = this.safeDecodeNpub(trimmed);
|
||
if (!decoded) {
|
||
return;
|
||
}
|
||
const label = this.safeEncodeNpub(decoded) || trimmed;
|
||
pushEntry(decoded, label);
|
||
return;
|
||
}
|
||
|
||
if (/^[0-9a-f]{64}$/i.test(trimmed)) {
|
||
const hex = trimmed.toLowerCase();
|
||
const label = this.safeEncodeNpub(hex) || hex;
|
||
pushEntry(hex, label);
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (entry && typeof entry === "object") {
|
||
const candidateNpub =
|
||
typeof entry.npub === "string" ? entry.npub.trim() : "";
|
||
const candidateHex =
|
||
typeof entry.pubkey === "string" ? entry.pubkey.trim() : "";
|
||
|
||
if (candidateHex && /^[0-9a-f]{64}$/i.test(candidateHex)) {
|
||
const normalizedHex = candidateHex.toLowerCase();
|
||
const label =
|
||
candidateNpub && candidateNpub.startsWith("npub1")
|
||
? candidateNpub
|
||
: this.safeEncodeNpub(normalizedHex) || normalizedHex;
|
||
pushEntry(normalizedHex, label);
|
||
return;
|
||
}
|
||
|
||
if (candidateNpub && candidateNpub.startsWith("npub1")) {
|
||
const decoded = this.safeDecodeNpub(candidateNpub);
|
||
if (!decoded) {
|
||
return;
|
||
}
|
||
const label = this.safeEncodeNpub(decoded) || candidateNpub;
|
||
pushEntry(decoded, label);
|
||
}
|
||
}
|
||
});
|
||
|
||
const deduped = [];
|
||
const seenHex = new Set();
|
||
normalizedEntries.forEach((entry) => {
|
||
if (!seenHex.has(entry.hex)) {
|
||
seenHex.add(entry.hex);
|
||
deduped.push(entry);
|
||
}
|
||
});
|
||
|
||
this.profileBlockedList.innerHTML = "";
|
||
|
||
if (!deduped.length) {
|
||
this.profileBlockedEmpty.classList.remove("hidden");
|
||
this.profileBlockedList.classList.add("hidden");
|
||
return;
|
||
}
|
||
|
||
this.profileBlockedEmpty.classList.add("hidden");
|
||
this.profileBlockedList.classList.remove("hidden");
|
||
|
||
deduped.forEach(({ hex, label }) => {
|
||
const item = document.createElement("li");
|
||
item.className =
|
||
"flex items-center justify-between gap-4 rounded-lg bg-gray-800 px-4 py-3";
|
||
|
||
const info = document.createElement("div");
|
||
info.className = "min-w-0";
|
||
|
||
const title = document.createElement("p");
|
||
title.className = "text-sm font-medium text-gray-100 break-all";
|
||
title.textContent = label;
|
||
|
||
info.appendChild(title);
|
||
|
||
const actionBtn = document.createElement("button");
|
||
actionBtn.type = "button";
|
||
actionBtn.className =
|
||
"px-3 py-1 rounded-md bg-gray-700 text-xs font-medium text-gray-100 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900";
|
||
actionBtn.textContent = "Remove";
|
||
actionBtn.dataset.blockedHex = hex;
|
||
actionBtn.addEventListener("click", () => {
|
||
void this.handleRemoveBlockedCreator(hex);
|
||
});
|
||
|
||
item.appendChild(info);
|
||
item.appendChild(actionBtn);
|
||
|
||
this.profileBlockedList.appendChild(item);
|
||
});
|
||
}
|
||
|
||
async handleAddBlockedCreator() {
|
||
const input = this.profileBlockedInput || null;
|
||
const rawValue = typeof input?.value === "string" ? input.value : "";
|
||
const trimmed = rawValue.trim();
|
||
|
||
const context = {
|
||
input,
|
||
rawValue,
|
||
value: trimmed,
|
||
success: false,
|
||
reason: null,
|
||
error: null,
|
||
};
|
||
|
||
if (!input) {
|
||
context.reason = "missing-input";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
if (!trimmed) {
|
||
this.showError("Enter an npub to block.");
|
||
context.reason = "empty";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!activePubkey) {
|
||
this.showError("Please login to manage your block list.");
|
||
context.reason = "no-active-pubkey";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
const actorHex = activePubkey;
|
||
let targetHex = "";
|
||
|
||
if (trimmed.startsWith("npub1")) {
|
||
targetHex = this.safeDecodeNpub(trimmed) || "";
|
||
if (!targetHex) {
|
||
this.showError("Invalid npub. Please double-check and try again.");
|
||
context.reason = "invalid-npub";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
} else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
|
||
targetHex = trimmed.toLowerCase();
|
||
} else {
|
||
this.showError("Enter a valid npub or hex pubkey.");
|
||
context.reason = "invalid-value";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
if (targetHex === actorHex) {
|
||
this.showError("You cannot block yourself.");
|
||
context.reason = "self";
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
context.targetHex = targetHex;
|
||
|
||
try {
|
||
const mutationResult = await this.mutateBlocklist({
|
||
action: "add",
|
||
actorHex,
|
||
targetHex,
|
||
controller: this,
|
||
});
|
||
|
||
context.result = mutationResult;
|
||
|
||
if (mutationResult?.ok) {
|
||
this.showSuccess(
|
||
"Creator blocked. You won't see their videos anymore.",
|
||
);
|
||
context.success = true;
|
||
context.reason = mutationResult.reason || "blocked";
|
||
} else if (mutationResult?.reason === "already-blocked") {
|
||
this.showSuccess("You already blocked this creator.");
|
||
context.reason = "already-blocked";
|
||
} else {
|
||
const message =
|
||
mutationResult?.error?.code === "nip04-missing"
|
||
? "Your Nostr extension must support NIP-04 to manage private lists."
|
||
: mutationResult?.error?.message ||
|
||
"Failed to update your block list. Please try again.";
|
||
context.error = mutationResult?.error || null;
|
||
context.reason = mutationResult?.reason || "service-error";
|
||
if (message) {
|
||
this.showError(message);
|
||
}
|
||
}
|
||
|
||
if (this.profileBlockedInput) {
|
||
this.profileBlockedInput.value = "";
|
||
}
|
||
this.populateBlockedList();
|
||
} catch (error) {
|
||
console.error("Failed to add creator to personal block list:", error);
|
||
context.error = error;
|
||
context.reason = error?.code || "service-error";
|
||
const message =
|
||
error?.code === "nip04-missing"
|
||
? "Your Nostr extension must support NIP-04 to manage private lists."
|
||
: "Failed to update your block list. Please try again.";
|
||
this.showError(message);
|
||
}
|
||
|
||
this.callbacks.onAddBlocked(context, this);
|
||
return context;
|
||
}
|
||
|
||
async handleRemoveBlockedCreator(candidate) {
|
||
const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!activePubkey) {
|
||
this.showError("Please login to manage your block list.");
|
||
return;
|
||
}
|
||
|
||
let targetHex = "";
|
||
if (typeof candidate === "string") {
|
||
const trimmed = candidate.trim();
|
||
if (!trimmed) {
|
||
return;
|
||
}
|
||
|
||
if (trimmed.startsWith("npub1")) {
|
||
targetHex = this.safeDecodeNpub(trimmed) || "";
|
||
} else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
|
||
targetHex = trimmed.toLowerCase();
|
||
}
|
||
}
|
||
|
||
if (!targetHex) {
|
||
console.warn("No valid pubkey to remove from block list:", candidate);
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const mutationResult = await this.mutateBlocklist({
|
||
action: "remove",
|
||
actorHex: activePubkey,
|
||
targetHex,
|
||
controller: this,
|
||
});
|
||
|
||
if (mutationResult?.ok) {
|
||
this.showSuccess("Creator removed from your block list.");
|
||
} else if (mutationResult?.reason === "not-blocked") {
|
||
this.showSuccess("Creator already removed from your block list.");
|
||
} else if (mutationResult?.error) {
|
||
const message =
|
||
mutationResult.error.code === "nip04-missing"
|
||
? "Your Nostr extension must support NIP-04 to manage private lists."
|
||
: mutationResult.error.message ||
|
||
"Failed to update your block list. Please try again.";
|
||
if (message) {
|
||
this.showError(message);
|
||
}
|
||
}
|
||
|
||
this.populateBlockedList();
|
||
} catch (error) {
|
||
console.error(
|
||
"Failed to remove creator from personal block list:",
|
||
error,
|
||
);
|
||
const message =
|
||
error?.code === "nip04-missing"
|
||
? "Your Nostr extension must support NIP-04 to manage private lists."
|
||
: "Failed to update your block list. Please try again.";
|
||
this.showError(message);
|
||
}
|
||
}
|
||
|
||
async populateProfileWatchHistory() {
|
||
if (!this.profileHistoryRenderer) {
|
||
return;
|
||
}
|
||
|
||
let primaryActor = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!primaryActor && this.services.nostrClient?.sessionActor?.pubkey) {
|
||
const candidate = this.services.nostrClient.sessionActor.pubkey;
|
||
if (typeof candidate === "string" && candidate) {
|
||
primaryActor = candidate;
|
||
}
|
||
}
|
||
|
||
try {
|
||
await this.profileHistoryRenderer.ensureInitialLoad({ actor: primaryActor });
|
||
await this.profileHistoryRenderer.refresh({
|
||
actor: primaryActor,
|
||
force: true,
|
||
});
|
||
|
||
if (!this.boundProfileHistoryVisibility) {
|
||
this.boundProfileHistoryVisibility = () => {
|
||
if (!this.profileHistoryRenderer) {
|
||
return;
|
||
}
|
||
if (document.visibilityState === "visible") {
|
||
this.profileHistoryRenderer.resume();
|
||
} else {
|
||
this.profileHistoryRenderer.pause();
|
||
}
|
||
};
|
||
document.addEventListener(
|
||
"visibilitychange",
|
||
this.boundProfileHistoryVisibility,
|
||
);
|
||
}
|
||
|
||
if (document.visibilityState === "hidden") {
|
||
this.profileHistoryRenderer.pause();
|
||
} else {
|
||
this.profileHistoryRenderer.resume();
|
||
}
|
||
} catch (error) {
|
||
console.error(
|
||
"[profileModal] Failed to populate watch history pane:",
|
||
error,
|
||
);
|
||
}
|
||
}
|
||
|
||
applyWalletControlState() {
|
||
const hasActive = Boolean(this.normalizeHexPubkey(this.getActivePubkey()));
|
||
const busy = this.isWalletBusy();
|
||
const uriValue =
|
||
typeof this.walletUriInput?.value === "string"
|
||
? this.walletUriInput.value.trim()
|
||
: "";
|
||
const hasUri = uriValue.length > 0;
|
||
|
||
const applyDisabledState = (element, disabled) => {
|
||
if (!(element instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
if ("disabled" in element) {
|
||
element.disabled = disabled;
|
||
}
|
||
if (disabled) {
|
||
element.setAttribute("aria-disabled", "true");
|
||
} else {
|
||
element.removeAttribute("aria-disabled");
|
||
}
|
||
};
|
||
|
||
applyDisabledState(this.walletUriInput, busy || !hasActive);
|
||
applyDisabledState(this.walletDefaultZapInput, busy || !hasActive);
|
||
applyDisabledState(this.walletSaveButton, busy || !hasActive);
|
||
|
||
const testDisabled = busy || !hasActive || !hasUri;
|
||
applyDisabledState(this.walletTestButton, testDisabled);
|
||
|
||
const disconnectDisabled = busy || !hasActive || !hasUri;
|
||
applyDisabledState(this.walletDisconnectButton, disconnectDisabled);
|
||
if (this.walletDisconnectButton instanceof HTMLElement) {
|
||
this.walletDisconnectButton.classList.toggle("hidden", !hasUri);
|
||
if (!hasUri) {
|
||
this.walletDisconnectButton.setAttribute("aria-hidden", "true");
|
||
} else {
|
||
this.walletDisconnectButton.removeAttribute("aria-hidden");
|
||
}
|
||
}
|
||
}
|
||
|
||
updateWalletStatus(message, variant = "info") {
|
||
if (!(this.profileWalletStatusText instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
|
||
const element = this.profileWalletStatusText;
|
||
const variants = {
|
||
success: "text-green-400",
|
||
error: "text-red-400",
|
||
info: "text-gray-400",
|
||
};
|
||
|
||
element.classList.remove("text-gray-400", "text-green-400", "text-red-400");
|
||
const variantClass = variants[variant] || variants.info;
|
||
element.classList.add(variantClass);
|
||
element.textContent = message || "";
|
||
}
|
||
|
||
refreshWalletPaneState() {
|
||
const hasActive = Boolean(this.normalizeHexPubkey(this.getActivePubkey()));
|
||
const setInputValue = (element, value) => {
|
||
if (element && typeof element === "object" && "value" in element) {
|
||
try {
|
||
element.value = value;
|
||
} catch (error) {
|
||
if (element instanceof HTMLElement) {
|
||
element.setAttribute("data-value", value);
|
||
}
|
||
}
|
||
}
|
||
};
|
||
if (!hasActive) {
|
||
setInputValue(this.walletUriInput, "");
|
||
setInputValue(this.walletDefaultZapInput, "");
|
||
this.updateWalletStatus("Sign in to connect a wallet.", "info");
|
||
this.applyWalletControlState();
|
||
return;
|
||
}
|
||
|
||
const settings = this.services.getActiveNwcSettings();
|
||
setInputValue(this.walletUriInput, settings.nwcUri || "");
|
||
setInputValue(
|
||
this.walletDefaultZapInput,
|
||
settings.defaultZap === null || settings.defaultZap === undefined
|
||
? ""
|
||
: String(settings.defaultZap),
|
||
);
|
||
|
||
if (settings.nwcUri) {
|
||
this.updateWalletStatus(
|
||
"Wallet connected via Nostr Wallet Connect.",
|
||
"success",
|
||
);
|
||
} else {
|
||
this.updateWalletStatus("No wallet connected yet.", "info");
|
||
}
|
||
|
||
this.applyWalletControlState();
|
||
}
|
||
|
||
getWalletFormValues() {
|
||
const uri =
|
||
typeof this.walletUriInput?.value === "string"
|
||
? this.walletUriInput.value.trim()
|
||
: "";
|
||
const defaultZapRaw =
|
||
typeof this.walletDefaultZapInput?.value === "string"
|
||
? this.walletDefaultZapInput.value.trim()
|
||
: "";
|
||
|
||
if (defaultZapRaw) {
|
||
const numeric = Number(defaultZapRaw);
|
||
if (!Number.isFinite(numeric)) {
|
||
return { uri, error: "Default zap amount must be a number." };
|
||
}
|
||
const rounded = Math.round(numeric);
|
||
if (!Number.isFinite(rounded) || rounded < 0) {
|
||
return {
|
||
uri,
|
||
error: "Default zap amount must be a positive whole number.",
|
||
};
|
||
}
|
||
const clamped = Math.min(MAX_WALLET_DEFAULT_ZAP, rounded);
|
||
return { uri, defaultZap: clamped };
|
||
}
|
||
|
||
return { uri, defaultZap: null };
|
||
}
|
||
|
||
validateWalletUri(uri, { requireValue = false } = {}) {
|
||
const value = typeof uri === "string" ? uri.trim() : "";
|
||
if (!value) {
|
||
if (requireValue) {
|
||
return {
|
||
valid: false,
|
||
sanitized: "",
|
||
message: "Enter a wallet connect URI before continuing.",
|
||
};
|
||
}
|
||
return { valid: true, sanitized: "" };
|
||
}
|
||
|
||
if (!value.toLowerCase().startsWith(NWC_URI_SCHEME)) {
|
||
return {
|
||
valid: false,
|
||
sanitized: value,
|
||
message: `Wallet URI must start with ${NWC_URI_SCHEME}.`,
|
||
};
|
||
}
|
||
|
||
return { valid: true, sanitized: value };
|
||
}
|
||
|
||
async handleWalletSave() {
|
||
const { uri, defaultZap, error } = this.getWalletFormValues();
|
||
const context = {
|
||
uri,
|
||
defaultZap: defaultZap ?? null,
|
||
sanitizedUri: null,
|
||
success: false,
|
||
reason: null,
|
||
error: error || null,
|
||
status: null,
|
||
variant: null,
|
||
};
|
||
|
||
if (this.isWalletBusy()) {
|
||
context.reason = "busy";
|
||
this.callbacks.onWalletSave(context, this);
|
||
return context;
|
||
}
|
||
|
||
if (error) {
|
||
this.updateWalletStatus(error, "error");
|
||
this.showError(error);
|
||
context.reason = "invalid-default-zap";
|
||
if (this.walletDefaultZapInput instanceof HTMLElement) {
|
||
this.walletDefaultZapInput.focus();
|
||
}
|
||
this.callbacks.onWalletSave(context, this);
|
||
return context;
|
||
}
|
||
|
||
const { valid, sanitized, message } = this.validateWalletUri(uri);
|
||
context.sanitizedUri = sanitized;
|
||
if (!valid) {
|
||
this.updateWalletStatus(message, "error");
|
||
this.showError(message);
|
||
context.reason = "invalid-uri";
|
||
context.error = message;
|
||
if (this.walletUriInput instanceof HTMLElement) {
|
||
this.walletUriInput.focus();
|
||
}
|
||
this.callbacks.onWalletSave(context, this);
|
||
return context;
|
||
}
|
||
|
||
const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!normalizedActive) {
|
||
const loginMessage = "Sign in to save wallet settings.";
|
||
this.updateWalletStatus(loginMessage, "error");
|
||
this.showError(loginMessage);
|
||
context.reason = "no-active-pubkey";
|
||
context.error = loginMessage;
|
||
this.callbacks.onWalletSave(context, this);
|
||
return context;
|
||
}
|
||
|
||
this.setWalletPaneBusy(true);
|
||
let finalStatus = null;
|
||
let finalVariant = "info";
|
||
try {
|
||
const persistResult = await this.persistWalletSettings({
|
||
nwcUri: sanitized,
|
||
defaultZap,
|
||
activePubkey: normalizedActive,
|
||
});
|
||
context.persistResult = persistResult || null;
|
||
|
||
if (sanitized) {
|
||
finalStatus = "Wallet settings saved.";
|
||
finalVariant = "success";
|
||
this.showSuccess("Wallet settings saved.");
|
||
context.reason = "saved";
|
||
} else {
|
||
finalStatus = "Wallet connection removed.";
|
||
finalVariant = "info";
|
||
this.showStatus("Wallet connection removed.");
|
||
context.reason = "cleared";
|
||
}
|
||
context.success = true;
|
||
} catch (error) {
|
||
const fallbackMessage = "Failed to save wallet settings.";
|
||
const detail =
|
||
error && typeof error.message === "string" && error.message.trim()
|
||
? error.message.trim()
|
||
: fallbackMessage;
|
||
finalStatus = detail;
|
||
finalVariant = "error";
|
||
context.error = detail;
|
||
context.reason = error?.code || "service-error";
|
||
this.showError(detail);
|
||
} finally {
|
||
this.setWalletPaneBusy(false);
|
||
this.refreshWalletPaneState();
|
||
if (finalStatus) {
|
||
this.updateWalletStatus(finalStatus, finalVariant);
|
||
}
|
||
context.status = finalStatus;
|
||
context.variant = finalVariant;
|
||
this.callbacks.onWalletSave(context, this);
|
||
}
|
||
|
||
return context;
|
||
}
|
||
|
||
async handleWalletTest() {
|
||
const { uri, defaultZap, error } = this.getWalletFormValues();
|
||
const context = {
|
||
uri,
|
||
defaultZap: defaultZap ?? null,
|
||
sanitizedUri: null,
|
||
success: false,
|
||
reason: null,
|
||
error: error || null,
|
||
status: null,
|
||
variant: null,
|
||
result: null,
|
||
};
|
||
|
||
if (this.isWalletBusy()) {
|
||
context.reason = "busy";
|
||
this.callbacks.onWalletTest(context, this);
|
||
return context.result;
|
||
}
|
||
|
||
if (error) {
|
||
this.updateWalletStatus(error, "error");
|
||
this.showError(error);
|
||
context.reason = "invalid-default-zap";
|
||
if (this.walletDefaultZapInput instanceof HTMLElement) {
|
||
this.walletDefaultZapInput.focus();
|
||
}
|
||
this.callbacks.onWalletTest(context, this);
|
||
return context.result;
|
||
}
|
||
|
||
const { valid, sanitized, message } = this.validateWalletUri(uri, {
|
||
requireValue: true,
|
||
});
|
||
context.sanitizedUri = sanitized;
|
||
if (!valid) {
|
||
this.updateWalletStatus(message, "error");
|
||
this.showError(message);
|
||
context.reason = "invalid-uri";
|
||
context.error = message;
|
||
if (this.walletUriInput instanceof HTMLElement) {
|
||
this.walletUriInput.focus();
|
||
}
|
||
this.callbacks.onWalletTest(context, this);
|
||
return context.result;
|
||
}
|
||
|
||
const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!normalizedActive) {
|
||
const loginMessage = "Sign in to test your wallet connection.";
|
||
this.updateWalletStatus(loginMessage, "error");
|
||
this.showError(loginMessage);
|
||
context.reason = "no-active-pubkey";
|
||
context.error = loginMessage;
|
||
this.callbacks.onWalletTest(context, this);
|
||
return context.result;
|
||
}
|
||
|
||
this.setWalletPaneBusy(true);
|
||
let finalStatus = null;
|
||
let finalVariant = "info";
|
||
try {
|
||
const result = await this.testWalletConnection({
|
||
nwcUri: sanitized,
|
||
defaultZap,
|
||
activePubkey: normalizedActive,
|
||
});
|
||
finalStatus = "Wallet connection confirmed.";
|
||
finalVariant = "success";
|
||
this.showSuccess("Wallet connection confirmed.");
|
||
context.result = result;
|
||
context.success = true;
|
||
context.reason = "tested";
|
||
|
||
const currentSettings = this.services.getActiveNwcSettings();
|
||
if (currentSettings.nwcUri === sanitized) {
|
||
await this.persistWalletSettings({
|
||
lastChecked: Date.now(),
|
||
activePubkey: normalizedActive,
|
||
});
|
||
}
|
||
} catch (error) {
|
||
const fallbackMessage = "Failed to reach wallet.";
|
||
const detail =
|
||
error && typeof error.message === "string" && error.message.trim()
|
||
? error.message.trim()
|
||
: fallbackMessage;
|
||
finalStatus = detail;
|
||
finalVariant = "error";
|
||
context.error = detail;
|
||
context.reason = error?.code || "service-error";
|
||
this.showError(detail);
|
||
} finally {
|
||
this.setWalletPaneBusy(false);
|
||
this.refreshWalletPaneState();
|
||
if (finalStatus) {
|
||
this.updateWalletStatus(finalStatus, finalVariant);
|
||
}
|
||
context.status = finalStatus;
|
||
context.variant = finalVariant;
|
||
this.callbacks.onWalletTest(context, this);
|
||
}
|
||
|
||
return context.result;
|
||
}
|
||
|
||
async handleWalletDisconnect() {
|
||
const context = {
|
||
success: false,
|
||
reason: null,
|
||
error: null,
|
||
status: null,
|
||
variant: null,
|
||
};
|
||
|
||
if (this.isWalletBusy()) {
|
||
context.reason = "busy";
|
||
this.callbacks.onWalletDisconnect(context, this);
|
||
return context;
|
||
}
|
||
|
||
const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!normalizedActive) {
|
||
const loginMessage = "Sign in to disconnect your wallet.";
|
||
this.updateWalletStatus(loginMessage, "error");
|
||
this.showError(loginMessage);
|
||
context.reason = "no-active-pubkey";
|
||
context.error = loginMessage;
|
||
this.callbacks.onWalletDisconnect(context, this);
|
||
return context;
|
||
}
|
||
|
||
this.setWalletPaneBusy(true);
|
||
let finalStatus = null;
|
||
let finalVariant = "info";
|
||
try {
|
||
const disconnectResult = await this.disconnectWallet({
|
||
activePubkey: normalizedActive,
|
||
});
|
||
context.result = disconnectResult || null;
|
||
finalStatus = "Wallet disconnected.";
|
||
this.showStatus("Wallet disconnected.");
|
||
context.success = true;
|
||
context.reason = "disconnected";
|
||
} catch (error) {
|
||
const fallbackMessage = "Failed to disconnect wallet.";
|
||
const detail =
|
||
error && typeof error.message === "string" && error.message.trim()
|
||
? error.message.trim()
|
||
: fallbackMessage;
|
||
finalStatus = detail;
|
||
finalVariant = "error";
|
||
context.error = detail;
|
||
context.reason = error?.code || "service-error";
|
||
this.showError(detail);
|
||
} finally {
|
||
this.setWalletPaneBusy(false);
|
||
this.refreshWalletPaneState();
|
||
if (finalStatus) {
|
||
this.updateWalletStatus(finalStatus, finalVariant);
|
||
}
|
||
context.status = finalStatus;
|
||
context.variant = finalVariant;
|
||
this.callbacks.onWalletDisconnect(context, this);
|
||
}
|
||
|
||
return context;
|
||
}
|
||
|
||
storeAdminEmptyMessages() {
|
||
const capture = (element) => {
|
||
if (element instanceof HTMLElement && !element.dataset.defaultMessage) {
|
||
element.dataset.defaultMessage = element.textContent || "";
|
||
}
|
||
};
|
||
|
||
capture(this.adminModeratorsEmpty);
|
||
capture(this.adminWhitelistEmpty);
|
||
capture(this.adminBlacklistEmpty);
|
||
}
|
||
|
||
setAdminLoading(isLoading) {
|
||
this.storeAdminEmptyMessages();
|
||
if (this.panes.admin instanceof HTMLElement) {
|
||
this.panes.admin.setAttribute("aria-busy", isLoading ? "true" : "false");
|
||
}
|
||
|
||
const toggleMessage = (element, message) => {
|
||
if (!(element instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
if (isLoading) {
|
||
element.textContent = message;
|
||
element.classList.remove("hidden");
|
||
} else {
|
||
element.textContent = element.dataset.defaultMessage || element.textContent;
|
||
}
|
||
};
|
||
|
||
toggleMessage(this.adminModeratorsEmpty, "Loading moderators…");
|
||
toggleMessage(this.adminWhitelistEmpty, "Loading whitelist…");
|
||
toggleMessage(this.adminBlacklistEmpty, "Loading blacklist…");
|
||
}
|
||
|
||
clearAdminLists() {
|
||
this.storeAdminEmptyMessages();
|
||
if (this.adminModeratorList) {
|
||
this.adminModeratorList.innerHTML = "";
|
||
}
|
||
if (this.adminWhitelistList) {
|
||
this.adminWhitelistList.innerHTML = "";
|
||
}
|
||
if (this.adminBlacklistList) {
|
||
this.adminBlacklistList.innerHTML = "";
|
||
}
|
||
if (this.adminModeratorsEmpty instanceof HTMLElement) {
|
||
this.adminModeratorsEmpty.textContent =
|
||
this.adminModeratorsEmpty.dataset.defaultMessage ||
|
||
this.adminModeratorsEmpty.textContent;
|
||
this.adminModeratorsEmpty.classList.remove("hidden");
|
||
}
|
||
if (this.adminWhitelistEmpty instanceof HTMLElement) {
|
||
this.adminWhitelistEmpty.textContent =
|
||
this.adminWhitelistEmpty.dataset.defaultMessage ||
|
||
this.adminWhitelistEmpty.textContent;
|
||
this.adminWhitelistEmpty.classList.remove("hidden");
|
||
}
|
||
if (this.adminBlacklistEmpty instanceof HTMLElement) {
|
||
this.adminBlacklistEmpty.textContent =
|
||
this.adminBlacklistEmpty.dataset.defaultMessage ||
|
||
this.adminBlacklistEmpty.textContent;
|
||
this.adminBlacklistEmpty.classList.remove("hidden");
|
||
}
|
||
}
|
||
|
||
renderAdminList(listEl, emptyEl, entries, options = {}) {
|
||
if (!(listEl instanceof HTMLElement) || !(emptyEl instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
|
||
const { onRemove, removeLabel = "Remove", confirmMessage, removable = true } =
|
||
options;
|
||
|
||
listEl.innerHTML = "";
|
||
const values = Array.isArray(entries) ? [...entries] : [];
|
||
values.sort((a, b) => a.localeCompare(b));
|
||
|
||
if (!values.length) {
|
||
emptyEl.classList.remove("hidden");
|
||
listEl.classList.add("hidden");
|
||
return;
|
||
}
|
||
|
||
emptyEl.classList.add("hidden");
|
||
listEl.classList.remove("hidden");
|
||
|
||
values.forEach((npub) => {
|
||
const item = document.createElement("li");
|
||
item.className =
|
||
"flex flex-col gap-2 rounded-lg bg-gray-800 px-4 py-3 sm:flex-row sm:items-center sm:justify-between";
|
||
|
||
const label = document.createElement("p");
|
||
label.className = "text-sm font-medium text-gray-100 break-all";
|
||
label.textContent = npub;
|
||
item.appendChild(label);
|
||
|
||
if (removable && typeof onRemove === "function") {
|
||
const removeBtn = document.createElement("button");
|
||
removeBtn.type = "button";
|
||
removeBtn.className =
|
||
"self-start rounded-md bg-gray-700 px-3 py-1 text-xs font-medium text-gray-100 transition hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-gray-900";
|
||
removeBtn.textContent = removeLabel;
|
||
removeBtn.addEventListener("click", () => {
|
||
if (confirmMessage) {
|
||
const message = confirmMessage.replace("{npub}", npub);
|
||
if (!window.confirm(message)) {
|
||
return;
|
||
}
|
||
}
|
||
removeBtn.disabled = true;
|
||
removeBtn.setAttribute("aria-busy", "true");
|
||
onRemove(npub, removeBtn);
|
||
});
|
||
item.appendChild(removeBtn);
|
||
}
|
||
|
||
listEl.appendChild(item);
|
||
});
|
||
}
|
||
|
||
populateAdminLists() {
|
||
const actorNpub = this.services.getCurrentUserNpub();
|
||
if (!actorNpub || !this.services.accessControl.canEditAdminLists(actorNpub)) {
|
||
this.clearAdminLists();
|
||
return;
|
||
}
|
||
|
||
const isSuperAdmin = this.services.accessControl.isSuperAdmin(actorNpub);
|
||
const editors = this.services.accessControl
|
||
.getEditors()
|
||
.filter((npub) => npub && npub !== ADMIN_SUPER_NPUB);
|
||
const whitelist = this.services.accessControl.getWhitelist();
|
||
const blacklist = this.services.accessControl.getBlacklist();
|
||
|
||
this.renderAdminList(
|
||
this.adminModeratorList,
|
||
this.adminModeratorsEmpty,
|
||
editors,
|
||
{
|
||
onRemove: (npub, button) => this.handleRemoveModerator(npub, button),
|
||
removeLabel: "Remove",
|
||
confirmMessage:
|
||
"Remove moderator {npub}? They will immediately lose access to the admin panel.",
|
||
removable: isSuperAdmin,
|
||
},
|
||
);
|
||
|
||
this.renderAdminList(
|
||
this.adminWhitelistList,
|
||
this.adminWhitelistEmpty,
|
||
whitelist,
|
||
{
|
||
onRemove: (npub, button) =>
|
||
this.handleAdminListMutation("whitelist", "remove", npub, button),
|
||
removeLabel: "Remove",
|
||
confirmMessage: "Remove {npub} from the whitelist?",
|
||
removable: true,
|
||
},
|
||
);
|
||
|
||
this.renderAdminList(
|
||
this.adminBlacklistList,
|
||
this.adminBlacklistEmpty,
|
||
blacklist,
|
||
{
|
||
onRemove: (npub, button) =>
|
||
this.handleAdminListMutation("blacklist", "remove", npub, button),
|
||
removeLabel: "Unblock",
|
||
confirmMessage: "Remove {npub} from the blacklist?",
|
||
removable: true,
|
||
},
|
||
);
|
||
}
|
||
|
||
async refreshAdminPaneState() {
|
||
const adminNav = this.navButtons.admin;
|
||
const adminPane = this.panes.admin;
|
||
|
||
let loadError = null;
|
||
this.setAdminLoading(true);
|
||
this.showStatus("Fetching moderation filters…");
|
||
try {
|
||
const ensureResult = await this.runAdminMutation({
|
||
action: "ensure-ready",
|
||
});
|
||
if (ensureResult?.error && ensureResult.ok === false) {
|
||
loadError = ensureResult.error;
|
||
}
|
||
} catch (error) {
|
||
loadError = error;
|
||
}
|
||
|
||
const actorNpub = this.services.getCurrentUserNpub();
|
||
const canEdit =
|
||
!!actorNpub && this.services.accessControl.canEditAdminLists(actorNpub);
|
||
const isSuperAdmin =
|
||
!!actorNpub && this.services.accessControl.isSuperAdmin(actorNpub);
|
||
|
||
if (adminNav instanceof HTMLElement) {
|
||
adminNav.classList.toggle("hidden", !canEdit);
|
||
if (!canEdit) {
|
||
adminNav.setAttribute("aria-selected", "false");
|
||
}
|
||
}
|
||
|
||
if (adminPane instanceof HTMLElement) {
|
||
adminPane.classList.toggle("hidden", !canEdit);
|
||
adminPane.setAttribute("aria-hidden", (!canEdit).toString());
|
||
}
|
||
|
||
if (loadError) {
|
||
if (loadError?.code === "nostr-unavailable") {
|
||
console.info("Moderation lists are still syncing with relays.");
|
||
return;
|
||
}
|
||
|
||
console.error("Failed to load admin lists:", loadError);
|
||
this.showStatus(null);
|
||
this.showError("Unable to load moderation lists. Please try again.");
|
||
this.clearAdminLists();
|
||
this.setAdminLoading(false);
|
||
return;
|
||
}
|
||
|
||
if (!canEdit) {
|
||
this.clearAdminLists();
|
||
this.showStatus(null);
|
||
this.setAdminLoading(false);
|
||
if (
|
||
adminNav instanceof HTMLElement &&
|
||
adminNav.classList.contains("bg-gray-800")
|
||
) {
|
||
this.selectPane("account");
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (this.adminModeratorsSection instanceof HTMLElement) {
|
||
this.adminModeratorsSection.classList.toggle("hidden", !isSuperAdmin);
|
||
this.adminModeratorsSection.setAttribute(
|
||
"aria-hidden",
|
||
(!isSuperAdmin).toString(),
|
||
);
|
||
}
|
||
this.populateAdminLists();
|
||
this.showStatus(null);
|
||
this.setAdminLoading(false);
|
||
}
|
||
|
||
normalizeNpubValue(value) {
|
||
if (typeof value !== "string") {
|
||
return null;
|
||
}
|
||
const trimmed = value.trim();
|
||
if (!trimmed) {
|
||
return null;
|
||
}
|
||
if (trimmed.startsWith("npub1")) {
|
||
return trimmed;
|
||
}
|
||
const normalizedHex = this.normalizeHexPubkey(trimmed);
|
||
if (!normalizedHex) {
|
||
return null;
|
||
}
|
||
return this.safeEncodeNpub(normalizedHex);
|
||
}
|
||
|
||
ensureAdminActor(requireSuperAdmin = false) {
|
||
const actorNpub = this.services.getCurrentUserNpub();
|
||
if (!actorNpub) {
|
||
this.showError("Please login with a Nostr account to manage admin settings.");
|
||
return null;
|
||
}
|
||
if (!this.services.accessControl.canEditAdminLists(actorNpub)) {
|
||
this.showError("You do not have permission to manage BitVid moderation lists.");
|
||
return null;
|
||
}
|
||
if (requireSuperAdmin && !this.services.accessControl.isSuperAdmin(actorNpub)) {
|
||
this.showError("Only the Super Admin can manage moderators or whitelist mode.");
|
||
return null;
|
||
}
|
||
return actorNpub;
|
||
}
|
||
|
||
async handleAddModerator() {
|
||
const input = this.adminModeratorInput || null;
|
||
const rawValue = typeof input?.value === "string" ? input.value : "";
|
||
const trimmed = rawValue.trim();
|
||
const context = {
|
||
input,
|
||
rawValue,
|
||
value: trimmed,
|
||
actorNpub: null,
|
||
success: false,
|
||
reason: null,
|
||
error: null,
|
||
result: null,
|
||
};
|
||
|
||
let preloadError = null;
|
||
try {
|
||
const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
|
||
if (ensureResult?.error && ensureResult.ok === false) {
|
||
preloadError = ensureResult.error;
|
||
}
|
||
} catch (error) {
|
||
preloadError = error;
|
||
console.error("Failed to load admin lists before adding moderator:", error);
|
||
}
|
||
|
||
if (preloadError) {
|
||
this.showError(this.describeAdminError(preloadError.code || "storage-error"));
|
||
context.reason = preloadError.code || "storage-error";
|
||
context.error = preloadError;
|
||
this.callbacks.onAdminAddModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
const actorNpub = this.ensureAdminActor(true);
|
||
context.actorNpub = actorNpub;
|
||
if (!actorNpub || !input) {
|
||
context.reason = actorNpub ? "missing-input" : "unauthorized";
|
||
this.callbacks.onAdminAddModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
if (!trimmed) {
|
||
this.showError("Enter an npub to add as a moderator.");
|
||
context.reason = "empty";
|
||
this.callbacks.onAdminAddModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
if (this.adminAddModeratorButton) {
|
||
this.adminAddModeratorButton.disabled = true;
|
||
this.adminAddModeratorButton.setAttribute("aria-busy", "true");
|
||
}
|
||
|
||
try {
|
||
const mutationResult = await this.runAdminMutation({
|
||
action: "add-moderator",
|
||
actorNpub,
|
||
targetNpub: trimmed,
|
||
});
|
||
context.result = mutationResult?.result || null;
|
||
if (!mutationResult?.ok) {
|
||
const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
|
||
this.showError(this.describeAdminError(errorCode || "service-error"));
|
||
context.reason = errorCode || "service-error";
|
||
context.error = mutationResult?.error || mutationResult?.result || null;
|
||
return context;
|
||
}
|
||
|
||
this.adminModeratorInput.value = "";
|
||
this.showSuccess("Moderator added successfully.");
|
||
await this.services.onAccessControlUpdated();
|
||
context.success = true;
|
||
context.reason = "added";
|
||
} finally {
|
||
if (this.adminAddModeratorButton) {
|
||
this.adminAddModeratorButton.disabled = false;
|
||
this.adminAddModeratorButton.removeAttribute("aria-busy");
|
||
}
|
||
this.callbacks.onAdminAddModerator(context, this);
|
||
}
|
||
|
||
return context;
|
||
}
|
||
|
||
async handleRemoveModerator(npub, button) {
|
||
const context = {
|
||
npub,
|
||
button,
|
||
actorNpub: null,
|
||
success: false,
|
||
reason: null,
|
||
error: null,
|
||
result: null,
|
||
};
|
||
|
||
const releaseButton = () => {
|
||
if (button instanceof HTMLElement) {
|
||
button.disabled = false;
|
||
button.removeAttribute("aria-busy");
|
||
}
|
||
};
|
||
|
||
let preloadError = null;
|
||
try {
|
||
const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
|
||
if (ensureResult?.error && ensureResult.ok === false) {
|
||
preloadError = ensureResult.error;
|
||
}
|
||
} catch (error) {
|
||
preloadError = error;
|
||
console.error("Failed to load admin lists before removing moderator:", error);
|
||
}
|
||
|
||
if (preloadError) {
|
||
this.showError(this.describeAdminError(preloadError.code || "storage-error"));
|
||
context.reason = preloadError.code || "storage-error";
|
||
context.error = preloadError;
|
||
releaseButton();
|
||
this.callbacks.onAdminRemoveModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
const actorNpub = this.ensureAdminActor(true);
|
||
context.actorNpub = actorNpub;
|
||
if (!actorNpub) {
|
||
context.reason = "unauthorized";
|
||
releaseButton();
|
||
this.callbacks.onAdminRemoveModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
const mutationResult = await this.runAdminMutation({
|
||
action: "remove-moderator",
|
||
actorNpub,
|
||
targetNpub: npub,
|
||
});
|
||
context.result = mutationResult?.result || null;
|
||
if (!mutationResult?.ok) {
|
||
const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
|
||
this.showError(this.describeAdminError(errorCode || "service-error"));
|
||
context.reason = errorCode || "service-error";
|
||
context.error = mutationResult?.error || mutationResult?.result || null;
|
||
releaseButton();
|
||
this.callbacks.onAdminRemoveModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
this.showSuccess("Moderator removed.");
|
||
await this.services.onAccessControlUpdated();
|
||
context.success = true;
|
||
context.reason = "removed";
|
||
|
||
releaseButton();
|
||
this.callbacks.onAdminRemoveModerator(context, this);
|
||
return context;
|
||
}
|
||
|
||
async handleAdminListMutation(listType, action, explicitNpub = null, sourceButton = null) {
|
||
const isWhitelist = listType === "whitelist";
|
||
const input = isWhitelist ? this.adminWhitelistInput : this.adminBlacklistInput;
|
||
const addButton = isWhitelist ? this.adminAddWhitelistButton : this.adminAddBlacklistButton;
|
||
const isAdd = action === "add";
|
||
let buttonToToggle = sourceButton || (isAdd ? addButton : null);
|
||
|
||
const context = {
|
||
listType,
|
||
action,
|
||
explicitNpub,
|
||
sourceButton,
|
||
actorNpub: null,
|
||
targetNpub: null,
|
||
success: false,
|
||
reason: null,
|
||
error: null,
|
||
result: null,
|
||
notificationResult: null,
|
||
notificationError: null,
|
||
};
|
||
|
||
const callbackMap = {
|
||
whitelist: {
|
||
add: this.callbacks.onAdminAddWhitelist,
|
||
remove: this.callbacks.onAdminRemoveWhitelist,
|
||
},
|
||
blacklist: {
|
||
add: this.callbacks.onAdminAddBlacklist,
|
||
remove: this.callbacks.onAdminRemoveBlacklist,
|
||
},
|
||
};
|
||
|
||
const adminCallback = callbackMap[listType]?.[action] || noop;
|
||
|
||
const setBusy = (element, busy) => {
|
||
if (!(element instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
element.disabled = !!busy;
|
||
if (busy) {
|
||
element.setAttribute("aria-busy", "true");
|
||
} else {
|
||
element.removeAttribute("aria-busy");
|
||
}
|
||
};
|
||
|
||
const finalize = () => {
|
||
setBusy(buttonToToggle, false);
|
||
adminCallback(context, this);
|
||
};
|
||
|
||
let preloadError = null;
|
||
try {
|
||
const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
|
||
if (ensureResult?.error && ensureResult.ok === false) {
|
||
preloadError = ensureResult.error;
|
||
}
|
||
} catch (error) {
|
||
preloadError = error;
|
||
console.error("Failed to load admin lists before updating entries:", error);
|
||
}
|
||
|
||
if (preloadError) {
|
||
this.showError(this.describeAdminError(preloadError.code || "storage-error"));
|
||
context.reason = preloadError.code || "storage-error";
|
||
context.error = preloadError;
|
||
finalize();
|
||
return context;
|
||
}
|
||
|
||
const actorNpub = this.ensureAdminActor(false);
|
||
context.actorNpub = actorNpub;
|
||
if (!actorNpub) {
|
||
context.reason = "unauthorized";
|
||
finalize();
|
||
return context;
|
||
}
|
||
|
||
let target = typeof explicitNpub === "string" ? explicitNpub.trim() : "";
|
||
if (!target && input instanceof HTMLInputElement) {
|
||
target = input.value.trim();
|
||
}
|
||
context.targetNpub = target;
|
||
|
||
if (isAdd && !target) {
|
||
this.showError("Enter an npub before adding it to the list.");
|
||
context.reason = "empty";
|
||
finalize();
|
||
return context;
|
||
}
|
||
|
||
buttonToToggle = buttonToToggle || (isAdd ? addButton : null);
|
||
setBusy(buttonToToggle, true);
|
||
|
||
const mutationResult = await this.runAdminMutation({
|
||
action: "list-mutation",
|
||
listType,
|
||
mode: action,
|
||
actorNpub,
|
||
targetNpub: target,
|
||
});
|
||
|
||
context.result = mutationResult?.result || null;
|
||
|
||
if (!mutationResult?.ok) {
|
||
const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
|
||
this.showError(this.describeAdminError(errorCode || "service-error"));
|
||
context.reason = errorCode || "service-error";
|
||
context.error = mutationResult?.error || mutationResult?.result || null;
|
||
finalize();
|
||
return context;
|
||
}
|
||
|
||
if (isAdd && input instanceof HTMLInputElement) {
|
||
input.value = "";
|
||
}
|
||
|
||
const successMessage = isWhitelist
|
||
? isAdd
|
||
? "Added to the whitelist."
|
||
: "Removed from the whitelist."
|
||
: isAdd
|
||
? "Added to the blacklist."
|
||
: "Removed from the blacklist.";
|
||
this.showSuccess(successMessage);
|
||
await this.services.onAccessControlUpdated();
|
||
|
||
context.success = true;
|
||
context.reason = isAdd ? "added" : "removed";
|
||
|
||
if (isAdd) {
|
||
try {
|
||
const notifyResult = await this.sendAdminListNotification({
|
||
listType,
|
||
actorNpub,
|
||
targetNpub: target,
|
||
});
|
||
context.notificationResult = notifyResult;
|
||
if (!notifyResult?.ok) {
|
||
const errorMessage = this.describeNotificationError(notifyResult?.error);
|
||
if (errorMessage) {
|
||
this.showError(errorMessage);
|
||
}
|
||
if (isDevMode && notifyResult?.error) {
|
||
console.warn(
|
||
"[admin] Failed to send list notification DM:",
|
||
notifyResult,
|
||
);
|
||
}
|
||
this.notifyAdminError({
|
||
listType,
|
||
action,
|
||
actorNpub,
|
||
targetNpub: target,
|
||
error: notifyResult?.error || null,
|
||
result: notifyResult,
|
||
});
|
||
}
|
||
} catch (error) {
|
||
context.notificationError = error;
|
||
console.error("Failed to send list notification DM:", error);
|
||
if (isDevMode) {
|
||
console.warn(
|
||
"List update succeeded, but DM notification threw an unexpected error.",
|
||
error,
|
||
);
|
||
}
|
||
this.notifyAdminError({
|
||
listType,
|
||
action,
|
||
actorNpub,
|
||
targetNpub: target,
|
||
error,
|
||
});
|
||
}
|
||
}
|
||
|
||
finalize();
|
||
return context;
|
||
}
|
||
|
||
describeAdminError(code) {
|
||
if (typeof this.describeAdminErrorService === "function") {
|
||
const result = this.describeAdminErrorService(code);
|
||
if (typeof result === "string" && result) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
switch (code) {
|
||
case "invalid npub":
|
||
return "Please provide a valid npub address.";
|
||
case "immutable":
|
||
return "That account cannot be modified.";
|
||
case "self":
|
||
return "You cannot blacklist yourself.";
|
||
case "forbidden":
|
||
return "You do not have permission to perform that action.";
|
||
case "nostr-unavailable":
|
||
return "Unable to reach the configured Nostr relays. Please retry once your connection is restored.";
|
||
case "nostr-extension-missing":
|
||
return "Connect a Nostr extension before editing moderation lists.";
|
||
case "signature-failed":
|
||
return "We couldn’t sign the update with your Nostr key. Please reconnect your extension and try again.";
|
||
case "publish-failed":
|
||
return "Failed to publish the update to Nostr relays. Please try again.";
|
||
case "storage-error":
|
||
return "Unable to update moderation settings. Please try again.";
|
||
default:
|
||
return "Unable to update moderation settings. Please try again.";
|
||
}
|
||
}
|
||
|
||
describeNotificationError(code) {
|
||
if (typeof this.describeNotificationErrorService === "function") {
|
||
const result = this.describeNotificationErrorService(code);
|
||
if (typeof result === "string") {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
switch (code) {
|
||
case "nostr-extension-missing":
|
||
return "List updated, but the DM notification failed because no Nostr extension is connected.";
|
||
case "nostr-uninitialized":
|
||
return "List updated, but the DM notification system is still connecting to Nostr relays. Please try again in a moment.";
|
||
case "nip04-unavailable":
|
||
return "List updated, but your Nostr extension does not support NIP-04 encryption, so the DM notification was not sent.";
|
||
case "sign-event-unavailable":
|
||
return "List updated, but your Nostr extension could not sign the DM notification.";
|
||
case "missing-actor-pubkey":
|
||
return "List updated, but we could not determine your public key to send the DM notification.";
|
||
case "publish-failed":
|
||
return "List updated, but the DM notification could not be delivered to any relay.";
|
||
case "encryption-failed":
|
||
case "signature-failed":
|
||
return "List updated, but the DM notification failed while preparing the encrypted message.";
|
||
case "invalid-target":
|
||
case "empty-message":
|
||
return "";
|
||
default:
|
||
return "List updated, but the DM notification could not be sent.";
|
||
}
|
||
}
|
||
|
||
async sendAdminListNotification({ listType, actorNpub, targetNpub }) {
|
||
if (typeof this.sendAdminListNotificationService === "function") {
|
||
return this.sendAdminListNotificationService({ listType, actorNpub, targetNpub });
|
||
}
|
||
|
||
const normalizedTarget = this.normalizeNpubValue(targetNpub);
|
||
if (!normalizedTarget) {
|
||
return { ok: false, error: "invalid-target" };
|
||
}
|
||
|
||
const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
|
||
if (!activeHex) {
|
||
return { ok: false, error: "missing-actor-pubkey" };
|
||
}
|
||
|
||
const fallbackActor = this.safeEncodeNpub(activeHex) || "a BitVid moderator";
|
||
const actorDisplay = this.normalizeNpubValue(actorNpub) || fallbackActor;
|
||
const isWhitelist = listType === "whitelist";
|
||
|
||
const introLine = isWhitelist
|
||
? `Great news—your npub ${normalizedTarget} has been added to the BitVid whitelist by ${actorDisplay}.`
|
||
: `We wanted to let you know that your npub ${normalizedTarget} has been placed on the BitVid blacklist by ${actorDisplay}.`;
|
||
|
||
const statusLine = isWhitelist
|
||
? `You now have full creator access across BitVid (${BITVID_WEBSITE_URL}).`
|
||
: `This hides your channel and prevents uploads across BitVid (${BITVID_WEBSITE_URL}) for now.`;
|
||
|
||
const followUpLine = isWhitelist
|
||
? "Please take a moment to review our community guidelines (https://bitvid.network/#view=community-guidelines), and reply to this DM if you have any questions."
|
||
: "Please review our community guidelines (https://bitvid.network/#view=community-guidelines). If you believe this was a mistake, you can submit an appeal at https://bitvid.network/?modal=appeals to request reinstatement, or reply to this DM with any questions.";
|
||
|
||
const messageBody = [
|
||
"Hi there,",
|
||
"",
|
||
introLine,
|
||
"",
|
||
statusLine,
|
||
"",
|
||
followUpLine,
|
||
"",
|
||
"— The BitVid Team",
|
||
].join("\n");
|
||
|
||
const message = `\n\n${messageBody}`;
|
||
|
||
return this.services.nostrClient.sendDirectMessage(
|
||
normalizedTarget,
|
||
message,
|
||
activeHex,
|
||
);
|
||
}
|
||
|
||
async requestSwitchProfile({ pubkey, entry } = {}) {
|
||
const callback = this.callbacks.onRequestSwitchProfile;
|
||
if (callback && callback !== noop) {
|
||
return callback({ controller: this, pubkey, entry });
|
||
}
|
||
|
||
if (!pubkey) {
|
||
throw new Error("Missing target pubkey for switch request.");
|
||
}
|
||
|
||
return this.services.switchProfile(pubkey);
|
||
}
|
||
|
||
async runRelayOperation({
|
||
action,
|
||
url,
|
||
activePubkey,
|
||
skipPublishIfUnchanged = true,
|
||
} = {}) {
|
||
const callback = this.callbacks.onRelayOperation;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({
|
||
controller: this,
|
||
action,
|
||
url,
|
||
activePubkey,
|
||
skipPublishIfUnchanged,
|
||
});
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
const context = {
|
||
ok: false,
|
||
changed: false,
|
||
reason: null,
|
||
error: null,
|
||
publishResult: null,
|
||
operationResult: null,
|
||
};
|
||
|
||
if (!activePubkey) {
|
||
context.reason = "no-active-pubkey";
|
||
return context;
|
||
}
|
||
|
||
const previous = this.services.relayManager.snapshot();
|
||
|
||
const runOperation = () => {
|
||
switch (action) {
|
||
case "add":
|
||
return this.services.relayManager.addRelay(url);
|
||
case "remove":
|
||
return this.services.relayManager.removeRelay(url);
|
||
case "restore":
|
||
return this.services.relayManager.restoreDefaults();
|
||
case "mode-toggle":
|
||
return this.services.relayManager.cycleRelayMode(url);
|
||
default:
|
||
throw Object.assign(new Error("Unknown relay operation."), {
|
||
code: "invalid-operation",
|
||
});
|
||
}
|
||
};
|
||
|
||
let operationResult;
|
||
try {
|
||
operationResult = runOperation();
|
||
context.operationResult = operationResult;
|
||
} catch (error) {
|
||
context.reason = error?.code || "operation-error";
|
||
context.error = error;
|
||
return context;
|
||
}
|
||
|
||
context.changed = Boolean(operationResult?.changed);
|
||
if (!context.changed && skipPublishIfUnchanged) {
|
||
context.reason = operationResult?.reason || "unchanged";
|
||
return context;
|
||
}
|
||
|
||
try {
|
||
const publishResult = await this.services.relayManager.publishRelayList(
|
||
activePubkey,
|
||
);
|
||
if (!publishResult?.ok) {
|
||
throw new Error("No relays accepted the update.");
|
||
}
|
||
context.ok = true;
|
||
context.publishResult = publishResult;
|
||
return context;
|
||
} catch (error) {
|
||
this.services.relayManager.setEntries(previous, { allowEmpty: false });
|
||
context.reason = error?.code || "publish-failed";
|
||
context.error = error;
|
||
return context;
|
||
}
|
||
}
|
||
|
||
async mutateBlocklist({ action, actorHex, targetHex } = {}) {
|
||
const callback = this.callbacks.onBlocklistMutation;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({
|
||
controller: this,
|
||
action,
|
||
actorHex,
|
||
targetHex,
|
||
});
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
const context = { ok: false, reason: null, error: null };
|
||
if (!actorHex || !targetHex) {
|
||
context.reason = "invalid-target";
|
||
return context;
|
||
}
|
||
|
||
try {
|
||
await this.services.userBlocks.ensureLoaded(actorHex);
|
||
const isBlocked = this.services.userBlocks.isBlocked(targetHex);
|
||
|
||
if (action === "add") {
|
||
if (isBlocked) {
|
||
context.reason = "already-blocked";
|
||
return context;
|
||
}
|
||
await this.services.userBlocks.addBlock(targetHex, actorHex);
|
||
context.ok = true;
|
||
context.reason = "blocked";
|
||
} else if (action === "remove") {
|
||
if (!isBlocked) {
|
||
context.reason = "not-blocked";
|
||
return context;
|
||
}
|
||
await this.services.userBlocks.removeBlock(targetHex, actorHex);
|
||
context.ok = true;
|
||
context.reason = "unblocked";
|
||
} else {
|
||
context.reason = "invalid-action";
|
||
return context;
|
||
}
|
||
|
||
if (context.ok) {
|
||
await this.services.loadVideos();
|
||
}
|
||
|
||
return context;
|
||
} catch (error) {
|
||
context.error = error;
|
||
context.reason = error?.code || "service-error";
|
||
return context;
|
||
}
|
||
}
|
||
|
||
async persistWalletSettings({
|
||
nwcUri,
|
||
defaultZap,
|
||
lastChecked,
|
||
activePubkey,
|
||
} = {}) {
|
||
const callback = this.callbacks.onWalletPersist;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({
|
||
controller: this,
|
||
nwcUri,
|
||
defaultZap,
|
||
lastChecked,
|
||
activePubkey,
|
||
});
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
const partial = {};
|
||
if (nwcUri !== undefined) {
|
||
partial.nwcUri = nwcUri;
|
||
}
|
||
if (defaultZap !== undefined) {
|
||
partial.defaultZap = defaultZap;
|
||
}
|
||
if (lastChecked !== undefined) {
|
||
partial.lastChecked = lastChecked;
|
||
}
|
||
|
||
if (!Object.keys(partial).length) {
|
||
return this.services.getActiveNwcSettings();
|
||
}
|
||
|
||
return this.services.updateActiveNwcSettings(partial);
|
||
}
|
||
|
||
async testWalletConnection({ nwcUri, defaultZap, activePubkey } = {}) {
|
||
const callback = this.callbacks.onWalletTestRequest;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({
|
||
controller: this,
|
||
nwcUri,
|
||
defaultZap,
|
||
activePubkey,
|
||
});
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
return this.services.ensureWallet({ nwcUri, defaultZap });
|
||
}
|
||
|
||
async disconnectWallet({ activePubkey } = {}) {
|
||
const callback = this.callbacks.onWalletDisconnectRequest;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({ controller: this, activePubkey });
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
return this.services.updateActiveNwcSettings(
|
||
this.services.createDefaultNwcSettings(),
|
||
);
|
||
}
|
||
|
||
async runAdminMutation(payload = {}) {
|
||
const callback = this.callbacks.onAdminMutation;
|
||
if (callback && callback !== noop) {
|
||
const result = await callback({ ...payload, controller: this });
|
||
if (result !== undefined) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
const action = payload?.action;
|
||
const resultContext = { ok: false, error: null, result: null };
|
||
|
||
try {
|
||
switch (action) {
|
||
case "ensure-ready":
|
||
await this.services.accessControl.ensureReady();
|
||
resultContext.ok = true;
|
||
break;
|
||
case "add-moderator":
|
||
resultContext.result = await this.services.accessControl.addModerator(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
);
|
||
resultContext.ok = !!resultContext.result?.ok;
|
||
break;
|
||
case "remove-moderator":
|
||
resultContext.result =
|
||
await this.services.accessControl.removeModerator(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
);
|
||
resultContext.ok = !!resultContext.result?.ok;
|
||
break;
|
||
case "list-mutation":
|
||
if (payload.listType === "whitelist") {
|
||
resultContext.result = payload.mode === "add"
|
||
? await this.services.accessControl.addToWhitelist(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
)
|
||
: await this.services.accessControl.removeFromWhitelist(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
);
|
||
} else {
|
||
resultContext.result = payload.mode === "add"
|
||
? await this.services.accessControl.addToBlacklist(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
)
|
||
: await this.services.accessControl.removeFromBlacklist(
|
||
payload.actorNpub,
|
||
payload.targetNpub,
|
||
);
|
||
}
|
||
resultContext.ok = !!resultContext.result?.ok;
|
||
break;
|
||
default:
|
||
resultContext.error = Object.assign(
|
||
new Error("Unknown admin mutation."),
|
||
{ code: "invalid-action" },
|
||
);
|
||
}
|
||
} catch (error) {
|
||
resultContext.error = error;
|
||
return resultContext;
|
||
}
|
||
|
||
return resultContext;
|
||
}
|
||
|
||
notifyAdminError(payload = {}) {
|
||
const callback = this.callbacks.onAdminNotifyError;
|
||
if (callback && callback !== noop) {
|
||
callback({ ...payload, controller: this });
|
||
}
|
||
}
|
||
|
||
updateFocusTrap() {
|
||
if (!(this.profileModal instanceof HTMLElement)) {
|
||
this.focusableElements = [];
|
||
return;
|
||
}
|
||
|
||
const selector =
|
||
'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])';
|
||
const nodes = Array.from(
|
||
this.profileModal.querySelectorAll(selector),
|
||
);
|
||
this.focusableElements = nodes.filter((node) => {
|
||
if (!(node instanceof HTMLElement)) {
|
||
return false;
|
||
}
|
||
const style = window.getComputedStyle(node);
|
||
if (style.display === "none" || style.visibility === "hidden") {
|
||
return false;
|
||
}
|
||
if (node.hasAttribute("disabled")) {
|
||
return false;
|
||
}
|
||
if (node.getAttribute("aria-hidden") === "true") {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
this.bindFocusTrap();
|
||
}
|
||
|
||
bindFocusTrap() {
|
||
if (!(this.profileModal instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
|
||
if (!this.boundKeydown) {
|
||
this.boundKeydown = (event) => {
|
||
if (event.key === "Escape") {
|
||
event.preventDefault();
|
||
this.hide();
|
||
this.callbacks.onClose(this);
|
||
return;
|
||
}
|
||
|
||
if (event.key !== "Tab") {
|
||
return;
|
||
}
|
||
|
||
if (!this.focusableElements.length) {
|
||
event.preventDefault();
|
||
if (typeof this.profileModal.focus === "function") {
|
||
this.profileModal.focus();
|
||
}
|
||
return;
|
||
}
|
||
|
||
const first = this.focusableElements[0];
|
||
const last = this.focusableElements[this.focusableElements.length - 1];
|
||
const active = document.activeElement;
|
||
|
||
if (event.shiftKey) {
|
||
if (active === first || !this.profileModal.contains(active)) {
|
||
event.preventDefault();
|
||
if (typeof last?.focus === "function") {
|
||
last.focus();
|
||
}
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (active === last) {
|
||
event.preventDefault();
|
||
if (typeof first?.focus === "function") {
|
||
first.focus();
|
||
}
|
||
}
|
||
};
|
||
}
|
||
|
||
if (!this.boundFocusIn) {
|
||
this.boundFocusIn = (event) => {
|
||
if (
|
||
!this.profileModal ||
|
||
this.profileModal.classList.contains("hidden") ||
|
||
this.profileModal.contains(event.target)
|
||
) {
|
||
return;
|
||
}
|
||
|
||
const target = this.focusableElements[0] || this.profileModal;
|
||
if (typeof target?.focus === "function") {
|
||
target.focus();
|
||
}
|
||
};
|
||
}
|
||
|
||
this.profileModal.addEventListener("keydown", this.boundKeydown);
|
||
document.addEventListener("focusin", this.boundFocusIn);
|
||
}
|
||
|
||
open(pane = "account") {
|
||
if (!(this.profileModal instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
|
||
this.profileModal.classList.remove("hidden");
|
||
this.profileModal.setAttribute("aria-hidden", "false");
|
||
this.setGlobalModalState("profile", true);
|
||
this.selectPane(pane);
|
||
|
||
const focusTarget = this.focusableElements[0] || this.profileModal;
|
||
window.requestAnimationFrame(() => {
|
||
if (typeof focusTarget?.focus === "function") {
|
||
focusTarget.focus();
|
||
}
|
||
});
|
||
}
|
||
|
||
hide() {
|
||
if (!(this.profileModal instanceof HTMLElement)) {
|
||
return;
|
||
}
|
||
|
||
this.profileModal.classList.add("hidden");
|
||
this.profileModal.setAttribute("aria-hidden", "true");
|
||
this.setGlobalModalState("profile", false);
|
||
|
||
if (this.boundKeydown) {
|
||
this.profileModal.removeEventListener("keydown", this.boundKeydown);
|
||
}
|
||
if (this.boundFocusIn) {
|
||
document.removeEventListener("focusin", this.boundFocusIn);
|
||
}
|
||
}
|
||
|
||
getSavedProfiles() {
|
||
return this.state.getSavedProfiles();
|
||
}
|
||
|
||
setSavedProfiles(...args) {
|
||
return this.state.setSavedProfiles(...args);
|
||
}
|
||
|
||
persistSavedProfiles(...args) {
|
||
return this.state.persistSavedProfiles(...args);
|
||
}
|
||
|
||
getActivePubkey() {
|
||
return this.state.getActivePubkey();
|
||
}
|
||
|
||
setActivePubkey(...args) {
|
||
return this.state.setActivePubkey(...args);
|
||
}
|
||
|
||
getCachedProfileSelection() {
|
||
return this.state.getCachedSelection();
|
||
}
|
||
|
||
setCachedProfileSelection(...args) {
|
||
return this.state.setCachedSelection(...args);
|
||
}
|
||
|
||
getActivePane() {
|
||
return this.state.getActivePane();
|
||
}
|
||
|
||
setActivePane(...args) {
|
||
return this.state.setActivePane(...args);
|
||
}
|
||
|
||
isWalletBusy() {
|
||
return Boolean(this.state.getWalletBusy());
|
||
}
|
||
|
||
setWalletPaneBusy(isBusy) {
|
||
const result = this.state.setWalletBusy(Boolean(isBusy));
|
||
if (this.panes.wallet instanceof HTMLElement) {
|
||
this.panes.wallet.setAttribute(
|
||
"aria-busy",
|
||
this.isWalletBusy() ? "true" : "false",
|
||
);
|
||
}
|
||
this.applyWalletControlState();
|
||
return result;
|
||
}
|
||
}
|
||
|
||
export default ProfileModalController;
|