mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 16:02:26 +00:00
google-labs-jules[bot]
1cccc323e2
This change ensures the 'Explore' link is visible in the sidebar when the user is logged in, and hidden when logged out, consistent with other authenticated routes like 'For You' and 'Subscriptions'. - Updated `js/app.js` to handle `exploreLink` visibility in `applyAuthenticatedUiState` and `applyLoggedOutUiState`. - Initialized `exploreLink` property in `js/ui/applicationBootstrap.js`. - Updated `tests/app/hydrate-sidebar-navigation.test.mjs` to verify the behavior.
1090 lines
40 KiB
JavaScript
1090 lines
40 KiB
JavaScript
import { devLogger } from "../utils/logger.js";
|
|
import { MediaLoader } from "../utils/mediaLoader.js";
|
|
import { attachHealthBadges } from "../gridHealth.js";
|
|
import { attachUrlHealthBadges } from "../urlHealthObserver.js";
|
|
import { createWatchHistoryRenderer } from "../historyView.js";
|
|
import WatchHistoryController from "./watchHistoryController.js";
|
|
import WatchHistoryTelemetry from "../services/watchHistoryTelemetry.js";
|
|
import PlaybackService from "../services/playbackService.js";
|
|
import AuthService from "../services/authService.js";
|
|
import DiscussionCountService from "../services/discussionCountService.js";
|
|
import CommentThreadService from "../services/commentThreadService.js";
|
|
import hashtagPreferences, {
|
|
HASHTAG_PREFERENCES_EVENTS,
|
|
} from "../services/hashtagPreferencesService.js";
|
|
import NwcSettingsService from "../services/nwcSettingsService.js";
|
|
import nostrService from "../services/nostrService.js";
|
|
import storageService from "../services/storageService.js";
|
|
import watchHistoryService from "../watchHistoryService.js";
|
|
import r2Service from "../services/r2Service.js";
|
|
import RelayHealthService from "../services/relayHealthService.js";
|
|
import { createFeedEngine } from "../feedEngine/index.js";
|
|
import { URL_FIRST_ENABLED } from "../constants.js";
|
|
import { ALLOW_NSFW_CONTENT } from "../config.js";
|
|
import { relayManager } from "../relayManager.js";
|
|
import { userBlocks } from "../userBlocks.js";
|
|
import { subscriptions } from "../subscriptions.js";
|
|
import { accessControl } from "../accessControl.js";
|
|
import moderationService from "../services/moderationService.js";
|
|
import ProfileIdentityController from "./profileIdentityController.js";
|
|
import VideoListViewController from "./videoListViewController.js";
|
|
import ProfileModalController from "./profileModalController.js";
|
|
import LoginModalController from "./loginModalController.js";
|
|
import { VideoListView } from "./views/VideoListView.js";
|
|
import MoreMenuController from "./moreMenuController.js";
|
|
import AppChromeController from "./appChromeController.js";
|
|
import { getSidebarLoadingMarkup } from "../sidebarLoading.js";
|
|
import { isWatchHistoryDebugEnabled } from "../watchHistoryDebug.js";
|
|
import { splitAndZap as splitAndZapDefault } from "../payments/zapSplit.js";
|
|
import {
|
|
getDefaultModerationSettings,
|
|
getModerationOverridesList,
|
|
getModerationSettings,
|
|
setModerationSettings,
|
|
resetModerationSettings,
|
|
getDmPrivacySettings,
|
|
setDmPrivacySettings,
|
|
clearModerationOverride,
|
|
persistSavedProfiles,
|
|
getSavedProfiles,
|
|
getActiveProfilePubkey,
|
|
setActiveProfilePubkey as setStoredActiveProfilePubkey,
|
|
getProfileCacheMap,
|
|
setSavedProfiles,
|
|
} from "../state/cache.js";
|
|
import { nostrClient } from "../nostrClientFacade.js";
|
|
import { ingestLocalViewEvent } from "../viewCounter.js";
|
|
import { setModalState as setGlobalModalState } from "../state/appState.js";
|
|
import { truncateMiddle, formatShortNpub } from "../utils/formatters.js";
|
|
import { escapeHTML as escapeHtml, removeTrackingScripts } from "../utils/domUtils.js";
|
|
import { deriveTorrentPlaybackConfig } from "../playbackUtils.js";
|
|
import { isValidMagnetUri } from "../utils/magnetValidators.js";
|
|
import { torrentClient } from "../webtorrent.js";
|
|
import getAuthProvider, {
|
|
providers as authProviders,
|
|
} from "../services/authProviders/index.js";
|
|
import {
|
|
MAX_WALLET_DEFAULT_ZAP,
|
|
ADMIN_SUPER_NPUB,
|
|
ADMIN_DM_IMAGE_URL,
|
|
BITVID_WEBSITE_URL,
|
|
isDevMode,
|
|
} from "../config.js";
|
|
import { ADMIN_INITIAL_EVENT_BLACKLIST } from "../lists.js";
|
|
import {
|
|
prepareStaticModal,
|
|
openStaticModal,
|
|
closeStaticModal,
|
|
} from "./components/staticModalAccessibility.js";
|
|
import ModalManager from "./ModalManager.js";
|
|
|
|
export default class ApplicationBootstrap {
|
|
constructor({
|
|
app,
|
|
services = {},
|
|
ui = {},
|
|
helpers = {},
|
|
documentRef = typeof document !== "undefined" ? document : null,
|
|
windowRef = typeof window !== "undefined" ? window : null,
|
|
assets = {},
|
|
} = {}) {
|
|
this.app = app;
|
|
this.services = services;
|
|
this.ui = ui;
|
|
this.helpers = helpers;
|
|
this.document = documentRef;
|
|
this.window = windowRef;
|
|
this.assets = assets;
|
|
|
|
this.modalManager = null;
|
|
this.boundNwcSettingsToastHandler = null;
|
|
}
|
|
|
|
initialize() {
|
|
const app = this.app;
|
|
const doc = this.document;
|
|
|
|
app.loginButton = doc?.getElementById("loginButton") || null;
|
|
app.logoutButton = doc?.getElementById("logoutButton") || null;
|
|
app.userStatus = doc?.getElementById("userStatus") || null;
|
|
app.userPubKey = doc?.getElementById("userPubKey") || null;
|
|
app.uploadButton = doc?.getElementById("uploadButton") || null;
|
|
|
|
const mediaLoaderFactory =
|
|
typeof this.helpers.mediaLoaderFactory === "function"
|
|
? this.helpers.mediaLoaderFactory
|
|
: () => new MediaLoader();
|
|
app.mediaLoader =
|
|
this.helpers.mediaLoader instanceof MediaLoader
|
|
? this.helpers.mediaLoader
|
|
: mediaLoaderFactory();
|
|
app.loadedThumbnails = new Map();
|
|
app.urlHealthSnapshots = new Map();
|
|
app.streamHealthSnapshots = new Map();
|
|
app.boundStreamHealthBadgeHandler = (detail) =>
|
|
app.handleStreamHealthBadgeUpdate(detail);
|
|
app.attachHealthBadgesWithCache = (container) => {
|
|
attachHealthBadges(container, {
|
|
onUpdate: app.boundStreamHealthBadgeHandler,
|
|
});
|
|
};
|
|
app.defaultModerationSettings = getDefaultModerationSettings();
|
|
app.moderationSettings = { ...app.defaultModerationSettings };
|
|
app.relayManager = relayManager;
|
|
app.activeIntervals = [];
|
|
app.watchHistoryTelemetry = null;
|
|
app.authEventUnsubscribes = [];
|
|
app.unsubscribeFromNostrService = null;
|
|
app.designSystemContext = {
|
|
getMode: () => "new",
|
|
isNew: () => true,
|
|
};
|
|
app.videoModalReadyPromise = null;
|
|
app.feedTelemetryState = {
|
|
activeFeed: "",
|
|
matchedTagsById: new Map(),
|
|
matchReasonsById: new Map(),
|
|
lastImpressionSignature: "",
|
|
activePlayback: null,
|
|
};
|
|
|
|
app.pendingModalZapOpen = false;
|
|
app.videoListViewPlaybackHandler = null;
|
|
app.videoListViewEditHandler = null;
|
|
app.videoListViewRevertHandler = null;
|
|
app.videoListViewDeleteHandler = null;
|
|
app.deleteModal = null;
|
|
app.moreMenuController = null;
|
|
app.latestFeedMetadata = null;
|
|
app.lastModalTrigger = null;
|
|
app.modalCommentState = {
|
|
videoEventId: null,
|
|
videoDefinitionAddress: null,
|
|
parentCommentId: null,
|
|
};
|
|
app.modalCommentProfiles = new Map();
|
|
app.modalCommentLimit = 40;
|
|
app.modalCommentLoadPromise = null;
|
|
app.modalCommentPublishPromise = null;
|
|
app.uploadSubmitPromise = null;
|
|
app.pendingModeratedPlayback = null;
|
|
app.lastIdentityRefreshPromise = null;
|
|
|
|
app.profileIdentityController = new ProfileIdentityController({
|
|
callbacks: {
|
|
safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
|
|
formatShortNpub: (value) => formatShortNpub(value),
|
|
},
|
|
logger: devLogger,
|
|
});
|
|
app.videoListViewController = new VideoListViewController({
|
|
getSidebarLoadingMarkup,
|
|
logger: devLogger,
|
|
});
|
|
app.appChromeController = null;
|
|
|
|
app.nostrService = this.services.nostrService || nostrService;
|
|
app.r2Service = this.services.r2Service || r2Service;
|
|
|
|
app.feedEngine =
|
|
this.services.feedEngine ||
|
|
createFeedEngine({
|
|
logger: (...args) => {
|
|
if (!isWatchHistoryDebugEnabled()) {
|
|
return;
|
|
}
|
|
devLogger.info(...args);
|
|
},
|
|
});
|
|
app.payments = this.services.payments || null;
|
|
app.splitAndZap =
|
|
(this.services.payments && this.services.payments.splitAndZap) ||
|
|
splitAndZapDefault;
|
|
|
|
app.discussionCountService =
|
|
this.services.discussionCountService || new DiscussionCountService();
|
|
|
|
app.nwcSettingsService =
|
|
this.services.nwcSettingsService ||
|
|
new NwcSettingsService({
|
|
normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
|
|
getActivePubkey: () => app.pubkey,
|
|
payments: app.payments,
|
|
logger: {
|
|
warn: (...args) => devLogger.warn(...args),
|
|
},
|
|
notifyError: (message) => app.showError(message),
|
|
maxWalletDefaultZap: MAX_WALLET_DEFAULT_ZAP,
|
|
});
|
|
app.hashtagPreferences = this.services.hashtagPreferences || hashtagPreferences;
|
|
app.hashtagPreferencesSnapshot = app.createHashtagPreferencesSnapshot();
|
|
app.hashtagPreferencesSnapshotSignature =
|
|
app.computeHashtagPreferencesSignature(app.hashtagPreferencesSnapshot);
|
|
app.hashtagPreferencesPublishInFlight = false;
|
|
app.hashtagPreferencesPublishPromise = null;
|
|
app.boundHashtagPreferencesChangeHandler = null;
|
|
app.unsubscribeFromHashtagPreferencesChange = null;
|
|
if (
|
|
app.hashtagPreferences &&
|
|
typeof app.hashtagPreferences.on === "function"
|
|
) {
|
|
app.boundHashtagPreferencesChangeHandler = (detail) =>
|
|
app.handleHashtagPreferencesChange(detail);
|
|
try {
|
|
app.unsubscribeFromHashtagPreferencesChange =
|
|
app.hashtagPreferences.on(
|
|
HASHTAG_PREFERENCES_EVENTS.CHANGE,
|
|
app.boundHashtagPreferencesChangeHandler,
|
|
);
|
|
} catch (error) {
|
|
devLogger.warn(
|
|
"[Application] Failed to subscribe to hashtag preferences changes:",
|
|
error,
|
|
);
|
|
}
|
|
}
|
|
if (
|
|
app.nwcSettingsService &&
|
|
typeof app.nwcSettingsService.setActivePubkeyGetter === "function"
|
|
) {
|
|
app.nwcSettingsService.setActivePubkeyGetter(() => app.pubkey);
|
|
}
|
|
if (
|
|
app.nwcSettingsService &&
|
|
typeof app.nwcSettingsService.setPayments === "function"
|
|
) {
|
|
app.nwcSettingsService.setPayments(app.payments);
|
|
}
|
|
if (
|
|
app.feedEngine &&
|
|
typeof app.feedEngine.run !== "function" &&
|
|
typeof app.feedEngine.runFeed === "function"
|
|
) {
|
|
app.feedEngine.run = (...args) => app.feedEngine.runFeed(...args);
|
|
}
|
|
app.registerRecentFeed();
|
|
app.registerForYouFeed();
|
|
app.registerSubscriptionsFeed();
|
|
app.registerWatchHistoryFeed();
|
|
|
|
app.watchHistoryController = new WatchHistoryController({
|
|
watchHistoryService,
|
|
nostrClient,
|
|
showError: (message) => app.showError(message),
|
|
showSuccess: (message) => app.showSuccess(message),
|
|
dropWatchHistoryMetadata: (pointerKey) =>
|
|
app.dropWatchHistoryMetadata(pointerKey),
|
|
getActivePubkey: () =>
|
|
typeof app.pubkey === "string" && app.pubkey ? app.pubkey : "",
|
|
designSystem: app.designSystemContext,
|
|
});
|
|
|
|
app.watchHistoryTelemetry = new WatchHistoryTelemetry({
|
|
watchHistoryService,
|
|
watchHistoryController: app.watchHistoryController,
|
|
nostrClient,
|
|
log: (message, ...args) => app.log(message, ...args),
|
|
normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
|
|
getActiveUserPubkey: () => app.pubkey,
|
|
ingestLocalViewEvent,
|
|
onViewLogged: (detail) => app.handleFeedViewTelemetry(detail),
|
|
});
|
|
|
|
const playbackDependencies = {
|
|
torrentClient: this.services.torrentClient || torrentClient,
|
|
deriveTorrentPlaybackConfig:
|
|
this.services.deriveTorrentPlaybackConfig || deriveTorrentPlaybackConfig,
|
|
isValidMagnetUri:
|
|
this.services.isValidMagnetUri || isValidMagnetUri,
|
|
};
|
|
|
|
app.playbackService =
|
|
this.services.playbackService ||
|
|
new PlaybackService({
|
|
logger: devLogger,
|
|
torrentClient: playbackDependencies.torrentClient,
|
|
deriveTorrentPlaybackConfig: playbackDependencies.deriveTorrentPlaybackConfig,
|
|
isValidMagnetUri: playbackDependencies.isValidMagnetUri,
|
|
urlFirstEnabled: URL_FIRST_ENABLED,
|
|
analyticsCallbacks: {
|
|
"session-start": (detail) => {
|
|
const urlProvided = detail?.urlProvided ? "true" : "false";
|
|
const magnetProvided = detail?.magnetProvided ? "true" : "false";
|
|
const magnetUsable = detail?.magnetUsable ? "true" : "false";
|
|
app.log(
|
|
`[playVideoWithFallback] Session start urlProvided=${urlProvided} magnetProvided=${magnetProvided} magnetUsable=${magnetUsable}`,
|
|
);
|
|
},
|
|
fallback: (detail) => {
|
|
if (detail?.reason) {
|
|
app.log(
|
|
`[playVideoWithFallback] Falling back to WebTorrent (${detail.reason}).`,
|
|
);
|
|
}
|
|
},
|
|
error: (detail) => {
|
|
if (detail?.error) {
|
|
app.log("[playVideoWithFallback] Playback error observed", detail.error);
|
|
}
|
|
},
|
|
},
|
|
});
|
|
app.activePlaybackResultPromise = null;
|
|
app.activePlaybackSession = null;
|
|
|
|
app.authService =
|
|
this.services.authService ||
|
|
new AuthService({
|
|
nostrClient,
|
|
userBlocks,
|
|
relayManager,
|
|
logger: devLogger,
|
|
accessControl,
|
|
authProviders: this.services.authProviders || authProviders,
|
|
getAuthProvider: this.services.getAuthProvider || getAuthProvider,
|
|
});
|
|
app.authEventUnsubscribes.push(
|
|
app.authService.on("auth:login", (detail) => {
|
|
const maybePromise = app.handleAuthLogin(detail);
|
|
if (maybePromise && typeof maybePromise.then === "function") {
|
|
maybePromise.catch((error) => {
|
|
devLogger.error("Failed to process auth login event:", error);
|
|
});
|
|
}
|
|
}),
|
|
);
|
|
app.authEventUnsubscribes.push(
|
|
app.authService.on("auth:logout", (detail) => {
|
|
if (detail && typeof detail === "object") {
|
|
if (detail.__handled === true) {
|
|
return;
|
|
}
|
|
try {
|
|
detail.__handled = true;
|
|
} catch (error) {
|
|
devLogger.warn(
|
|
"Failed to mark auth logout detail as handled:",
|
|
error,
|
|
);
|
|
}
|
|
}
|
|
|
|
const maybePromise = app.handleAuthLogout(detail);
|
|
if (maybePromise && typeof maybePromise.then === "function") {
|
|
maybePromise.catch((error) => {
|
|
devLogger.error("Failed to process auth logout event:", error);
|
|
});
|
|
}
|
|
}),
|
|
);
|
|
app.authEventUnsubscribes.push(
|
|
app.authService.on("profile:updated", (detail) => {
|
|
try {
|
|
app.handleProfileUpdated(detail);
|
|
} catch (error) {
|
|
devLogger.warn(
|
|
"Failed to process profile update event:",
|
|
error,
|
|
);
|
|
}
|
|
}),
|
|
);
|
|
|
|
app.commentThreadService =
|
|
this.services.commentThreadService ||
|
|
new CommentThreadService({
|
|
fetchVideoComments: (target, options) =>
|
|
nostrClient?.fetchVideoComments?.(target, options),
|
|
subscribeVideoComments: (target, options) =>
|
|
nostrClient?.subscribeVideoComments?.(target, options),
|
|
getProfileCacheEntry: (pubkey) => app.getProfileCacheEntry(pubkey),
|
|
batchFetchProfiles: (pubkeys) => app.batchFetchProfiles(pubkeys),
|
|
logger: {
|
|
warn: (...args) => devLogger.warn(...args),
|
|
},
|
|
});
|
|
app.profileController = null;
|
|
app.loginModalController = null;
|
|
app.currentUserNpub = null;
|
|
|
|
app.profileButton = doc?.getElementById("profileButton") || null;
|
|
app.profileAvatar = doc?.getElementById("profileAvatar") || null;
|
|
app.profileUnreadDot = doc?.getElementById("profileUnreadDot") || null;
|
|
|
|
const modalManager = new ModalManager({
|
|
app,
|
|
ui: this.ui,
|
|
documentRef: doc,
|
|
assets: {
|
|
fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
|
|
},
|
|
services: {
|
|
storageService,
|
|
},
|
|
});
|
|
modalManager.initialize();
|
|
this.modalManager = modalManager;
|
|
|
|
const modalContainer = doc?.getElementById("modalContainer") || null;
|
|
try {
|
|
if (modalContainer) {
|
|
const relayHealthService = new RelayHealthService({
|
|
relayManager,
|
|
nostrClient,
|
|
telemetryEmitter: (eventName, payload) =>
|
|
app.emitTelemetryEvent(eventName, payload),
|
|
});
|
|
const profileModalServices = {
|
|
normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
|
|
safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
|
|
safeDecodeNpub: (npub) => app.safeDecodeNpub(npub),
|
|
truncateMiddle: (value, maxLength) => truncateMiddle(value, maxLength),
|
|
formatShortNpub: (value) => formatShortNpub(value),
|
|
getProfileCacheEntry: (pubkey) => app.getProfileCacheEntry(pubkey),
|
|
batchFetchProfiles: (authorSet) => app.batchFetchProfiles(authorSet),
|
|
fetchDmRelayHints: (pubkey) => app.fetchDmRelayHints(pubkey),
|
|
switchProfile: (pubkey) => app.authService.switchProfile(pubkey),
|
|
removeSavedProfile: (pubkey) =>
|
|
app.authService.removeSavedProfile(pubkey),
|
|
relayManager,
|
|
userBlocks,
|
|
nostrClient,
|
|
nostrService: app.nostrService,
|
|
storageService,
|
|
r2Service: app.r2Service,
|
|
subscriptions,
|
|
accessControl,
|
|
moderation: moderationService,
|
|
getCurrentUserNpub: () => app.getCurrentUserNpub(),
|
|
nwcSettings: app.nwcSettingsService,
|
|
moderationSettings: {
|
|
getDefaultModerationSettings: () => getDefaultModerationSettings(),
|
|
getActiveModerationSettings: () => getModerationSettings(),
|
|
updateModerationSettings: (partial = {}) =>
|
|
setModerationSettings(partial),
|
|
resetModerationSettings: () => resetModerationSettings(),
|
|
},
|
|
getModerationOverrides: () => getModerationOverridesList(),
|
|
clearModerationOverride: (descriptor) =>
|
|
clearModerationOverride(descriptor),
|
|
loadVideos: (forceFetch, context) =>
|
|
app.loadVideos(forceFetch, context),
|
|
onVideosShouldRefresh: (context) =>
|
|
app.onVideosShouldRefresh(context),
|
|
describeAdminError: (code) => app.describeAdminError(code),
|
|
describeNotificationError: (code) =>
|
|
app.describeNotificationError(code),
|
|
onAccessControlUpdated: () => app.onAccessControlUpdated(),
|
|
persistSavedProfiles: (options) => persistSavedProfiles(options),
|
|
watchHistoryService,
|
|
authService: app.authService,
|
|
requestAddProfileLogin: (options) =>
|
|
app.requestProfileAdditionLogin(options),
|
|
describeLoginError: (error, fallbackMessage) =>
|
|
app.describeLoginError(error, fallbackMessage),
|
|
hashtagPreferences: app.hashtagPreferences,
|
|
getHashtagPreferences: () => app.getHashtagPreferences(),
|
|
describeHashtagPreferencesError: (error, fallbackMessage) =>
|
|
app.describeHashtagPreferencesError(error, {
|
|
fallbackMessage,
|
|
}),
|
|
relayHealthService,
|
|
log: (...args) => app.log(...args),
|
|
closeAllMoreMenus: (options) => app.closeAllMoreMenus(options),
|
|
clipboard:
|
|
typeof navigator !== "undefined" && navigator?.clipboard
|
|
? navigator.clipboard
|
|
: null,
|
|
};
|
|
|
|
const profileModalState = {
|
|
getSavedProfiles: () => getSavedProfiles(),
|
|
setSavedProfiles: (profiles, options) =>
|
|
setSavedProfiles(Array.isArray(profiles) ? profiles : [], options),
|
|
persistSavedProfiles: (options) => persistSavedProfiles(options),
|
|
getActivePubkey: () => getActiveProfilePubkey(),
|
|
setActivePubkey: (pubkey, options) => {
|
|
const normalized =
|
|
typeof pubkey === "string" && pubkey.trim()
|
|
? pubkey.trim()
|
|
: null;
|
|
setStoredActiveProfilePubkey(normalized, options);
|
|
return getActiveProfilePubkey();
|
|
},
|
|
getDmRecipient: () => app.getDmRecipientPubkey(),
|
|
setDmRecipient: (pubkey) => app.setDmRecipientPubkey(pubkey),
|
|
getDmRelayHints: (pubkey) => app.getDmRelayHints(pubkey),
|
|
setDmRelayHints: (pubkey, hints) => app.setDmRelayHints(pubkey, hints),
|
|
getDmRelayPreferences: (pubkey) => app.getDmRelayHints(pubkey),
|
|
setDmRelayPreferences: (pubkey, hints) =>
|
|
app.setDmRelayHints(pubkey, hints),
|
|
getDmPrivacySettings: () => getDmPrivacySettings(),
|
|
setDmPrivacySettings: (settings, options = {}) =>
|
|
setDmPrivacySettings(settings, options),
|
|
};
|
|
|
|
const profileModalCallbacks = {
|
|
onClose: () => app.handleProfileModalClosed(),
|
|
onLogout: async () => app.requestLogout(),
|
|
onChannelLink: (element) => app.handleProfileChannelLink(element),
|
|
onAddAccount: (payload) => app.handleAddProfile(payload),
|
|
onRequestLogoutProfile: (payload) =>
|
|
app.handleProfileLogoutRequest(payload),
|
|
onRequestSwitchProfile: (payload) =>
|
|
app.handleProfileSwitchRequest(payload),
|
|
onRelayOperation: (payload) =>
|
|
app.handleProfileRelayOperation(payload),
|
|
onRelayModeToggle: (payload) =>
|
|
app.handleProfileRelayModeToggle(payload),
|
|
onRelayRestore: (payload) =>
|
|
app.handleProfileRelayRestore(payload),
|
|
onBlocklistMutation: (payload) =>
|
|
app.handleProfileBlocklistMutation(payload),
|
|
onWalletPersist: (payload) =>
|
|
app.handleProfileWalletPersist(payload),
|
|
onWalletTestRequest: (payload) =>
|
|
app.handleProfileWalletTest(payload),
|
|
onWalletDisconnectRequest: (payload) =>
|
|
app.handleProfileWalletDisconnect(payload),
|
|
onAdminMutation: (payload) =>
|
|
app.handleProfileAdminMutation(payload),
|
|
onAdminNotifyError: (payload) =>
|
|
app.handleProfileAdminNotifyError(payload),
|
|
onHistoryReady: (payload) =>
|
|
app.handleProfileHistoryEvent(payload),
|
|
onModerationSettingsChange: (payload) =>
|
|
app.handleModerationSettingsChange(payload),
|
|
onSendDm: (payload) => app.handleProfileSendDmRequest(payload),
|
|
onOpenRelays: (payload) => app.handleProfileUseDmRelays(payload),
|
|
onTogglePrivacy: (payload) =>
|
|
app.handleProfilePrivacyToggle(payload),
|
|
onPublishDmRelayPreferences: (payload) =>
|
|
app.handleProfilePublishDmRelayPreferences(payload),
|
|
};
|
|
|
|
app.profileController = new ProfileModalController({
|
|
modalContainer,
|
|
removeTrackingScripts,
|
|
createWatchHistoryRenderer,
|
|
setGlobalModalState,
|
|
showError: (message) => app.showError(message),
|
|
showSuccess: (message) => app.showSuccess(message),
|
|
showStatus: (message) => app.showStatus(message),
|
|
constants: {
|
|
MAX_WALLET_DEFAULT_ZAP,
|
|
ADMIN_SUPER_NPUB,
|
|
ADMIN_DM_IMAGE_URL,
|
|
BITVID_WEBSITE_URL,
|
|
},
|
|
services: profileModalServices,
|
|
state: profileModalState,
|
|
callbacks: profileModalCallbacks,
|
|
designSystem: app.designSystemContext,
|
|
});
|
|
} else {
|
|
devLogger.warn(
|
|
"[Application] Profile modal controller disabled: modal container not found.",
|
|
);
|
|
}
|
|
} catch (error) {
|
|
devLogger.error("Failed to initialize profile modal controller:", error);
|
|
}
|
|
|
|
app.status = doc?.getElementById("status") || null;
|
|
app.progressBar = doc?.getElementById("progress") || null;
|
|
app.peers = doc?.getElementById("peers") || null;
|
|
app.speed = doc?.getElementById("speed") || null;
|
|
app.downloaded = doc?.getElementById("downloaded") || null;
|
|
|
|
app.cleanupPromise = null;
|
|
|
|
app.moreMenuController = new MoreMenuController({
|
|
document: doc,
|
|
accessControl,
|
|
userBlocks,
|
|
subscriptions,
|
|
clipboard:
|
|
typeof navigator !== "undefined" && navigator?.clipboard
|
|
? navigator.clipboard
|
|
: null,
|
|
isDevMode,
|
|
designSystem: app.designSystemContext,
|
|
callbacks: {
|
|
getCurrentVideo: () => app.currentVideo,
|
|
getCurrentUserNpub: () => app.getCurrentUserNpub(),
|
|
getCurrentUserPubkey: () => app.pubkey,
|
|
canCurrentUserManageBlacklist: () =>
|
|
app.canCurrentUserManageBlacklist(),
|
|
openCreatorChannel: () => app.openCreatorChannel(),
|
|
goToProfile: (author) => app.goToProfile(author),
|
|
showError: (message) => app.showError(message),
|
|
showSuccess: (message) => app.showSuccess(message),
|
|
safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
|
|
safeDecodeNpub: (npub) => app.safeDecodeNpub(npub),
|
|
buildShareUrlFromEventId: (eventId) =>
|
|
app.buildShareUrlFromEventId(eventId),
|
|
handleRemoveHistoryAction: (payload) =>
|
|
app.handleRemoveHistoryAction(payload),
|
|
handleRepostAction: (payload) => app.handleRepostAction(payload),
|
|
handleMirrorAction: (payload) => app.handleMirrorAction(payload),
|
|
handleEnsurePresenceAction: (payload) =>
|
|
app.handleEnsurePresenceAction(payload),
|
|
handleEventDetailsAction: (payload) => {
|
|
if (app.modalManager && app.modalManager.eventDetailsModal && payload?.video) {
|
|
app.modalManager.eventDetailsModal.open(payload.video);
|
|
}
|
|
return Promise.resolve();
|
|
},
|
|
loadVideos: () => app.loadVideos(),
|
|
refreshAllVideoGrids: (options) => app.refreshAllVideoGrids(options),
|
|
onUserBlocksUpdated: () => {
|
|
if (app.profileController) {
|
|
try {
|
|
app.profileController.populateBlockedList();
|
|
} catch (error) {
|
|
devLogger.warn(
|
|
"[profileModal] Failed to refresh blocked list after update:",
|
|
error,
|
|
);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
});
|
|
app.moreMenuController.setVideoModal(app.videoModal);
|
|
app.videoSettingsPopovers = new Map();
|
|
app.tagPreferencePopovers = new Map();
|
|
|
|
app.subscriptionsLink = null;
|
|
app.forYouLink = null;
|
|
app.exploreLink = null;
|
|
|
|
app.notificationPortal = doc?.getElementById("notificationPortal") || null;
|
|
app.errorContainer = doc?.getElementById("errorContainer") || null;
|
|
app.successContainer = doc?.getElementById("successContainer") || null;
|
|
app.statusContainer = doc?.getElementById("statusContainer") || null;
|
|
app.statusMessage =
|
|
app.statusContainer?.querySelector("[data-status-message]") || null;
|
|
app.statusAutoHideHandle = null;
|
|
app.lastExperimentalWarningKey = null;
|
|
app.lastExperimentalWarningAt = 0;
|
|
|
|
app.pubkey = null;
|
|
app.currentMagnetUri = null;
|
|
app.currentVideo = null;
|
|
app.currentVideoPointer = null;
|
|
app.currentVideoPointerKey = null;
|
|
app.videoSubscription = app.nostrService.getVideoSubscription() || null;
|
|
app.videoList = null;
|
|
app.videoListPopularTags = null;
|
|
app.modalViewCountUnsub = null;
|
|
app.modalReactionUnsub = null;
|
|
app.modalReactionPointerKey = null;
|
|
app.modalReactionState = {
|
|
counts: { "+": 0, "-": 0 },
|
|
total: 0,
|
|
userReaction: "",
|
|
};
|
|
|
|
app.videosMap = app.nostrService.getVideosMap();
|
|
app.refreshUnreadDmIndicator = async ({ reason = "" } = {}) => {
|
|
const applyIndicatorState = (visible) => {
|
|
if (
|
|
app.appChromeController &&
|
|
typeof app.appChromeController.setUnreadDmIndicator === "function"
|
|
) {
|
|
app.appChromeController.setUnreadDmIndicator(visible);
|
|
}
|
|
|
|
if (
|
|
app.profileController &&
|
|
typeof app.profileController.setMessagesUnreadIndicator === "function"
|
|
) {
|
|
app.profileController.setMessagesUnreadIndicator(visible);
|
|
}
|
|
};
|
|
|
|
if (typeof app.isUserLoggedIn === "function" && !app.isUserLoggedIn()) {
|
|
applyIndicatorState(false);
|
|
return;
|
|
}
|
|
|
|
if (
|
|
!app.nostrService ||
|
|
typeof app.nostrService.listDirectMessageConversationSummaries !==
|
|
"function"
|
|
) {
|
|
applyIndicatorState(false);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const summaries =
|
|
await app.nostrService.listDirectMessageConversationSummaries();
|
|
const totalUnseen = Array.isArray(summaries)
|
|
? summaries.reduce((sum, summary) => {
|
|
const count = Number(summary?.unseen_count);
|
|
return sum + (Number.isFinite(count) ? count : 0);
|
|
}, 0)
|
|
: 0;
|
|
applyIndicatorState(totalUnseen > 0);
|
|
} catch (error) {
|
|
devLogger.warn(
|
|
"[Application] Failed to refresh DM unread indicator",
|
|
reason,
|
|
error,
|
|
);
|
|
applyIndicatorState(false);
|
|
}
|
|
};
|
|
|
|
const nostrUnsubscribes = [];
|
|
nostrUnsubscribes.push(
|
|
app.nostrService.on("subscription:changed", ({ subscription }) => {
|
|
app.videoSubscription = subscription || null;
|
|
}),
|
|
);
|
|
nostrUnsubscribes.push(
|
|
app.nostrService.on("directMessages:notification", () => {
|
|
void app.refreshUnreadDmIndicator({ reason: "dm-notification" });
|
|
}),
|
|
);
|
|
nostrUnsubscribes.push(
|
|
app.nostrService.on("directMessages:conversationUpdated", () => {
|
|
void app.refreshUnreadDmIndicator({ reason: "dm-conversation-update" });
|
|
}),
|
|
);
|
|
nostrUnsubscribes.push(
|
|
app.nostrService.on("directMessages:cleared", () => {
|
|
if (typeof app.refreshUnreadDmIndicator === "function") {
|
|
void app.refreshUnreadDmIndicator({ reason: "dm-cleared" });
|
|
}
|
|
}),
|
|
);
|
|
app.unsubscribeFromNostrService = () => {
|
|
while (nostrUnsubscribes.length) {
|
|
const unsubscribe = nostrUnsubscribes.pop();
|
|
if (typeof unsubscribe === "function") {
|
|
unsubscribe();
|
|
}
|
|
}
|
|
};
|
|
app.boundNwcSettingsToastHandler = null;
|
|
Object.defineProperty(app, "savedProfiles", {
|
|
configurable: false,
|
|
enumerable: false,
|
|
get() {
|
|
return getSavedProfiles();
|
|
},
|
|
set(next) {
|
|
setSavedProfiles(Array.isArray(next) ? next : [], {
|
|
persist: false,
|
|
persistActive: false,
|
|
});
|
|
},
|
|
});
|
|
|
|
Object.defineProperty(app, "activeProfilePubkey", {
|
|
configurable: false,
|
|
enumerable: false,
|
|
get() {
|
|
return getActiveProfilePubkey();
|
|
},
|
|
set(value) {
|
|
setStoredActiveProfilePubkey(value, { persist: false });
|
|
},
|
|
});
|
|
|
|
Object.defineProperty(app, "profileCache", {
|
|
configurable: false,
|
|
enumerable: false,
|
|
get() {
|
|
return getProfileCacheMap();
|
|
},
|
|
});
|
|
|
|
if (
|
|
this.window &&
|
|
typeof this.window.addEventListener === "function"
|
|
) {
|
|
this.boundNwcSettingsToastHandler = (event) => {
|
|
const detail = event?.detail || {};
|
|
if (detail.source !== "nwc-settings") {
|
|
return;
|
|
}
|
|
const rawMessage =
|
|
typeof detail.message === "string" ? detail.message.trim() : "";
|
|
const message = rawMessage || "Wallet settings storage issue detected.";
|
|
app.log(`[nwcSettings] ${message}`);
|
|
if (detail.variant === "warning") {
|
|
app.showStatus(message);
|
|
if (this.window && typeof this.window.setTimeout === "function") {
|
|
this.window.setTimeout(() => {
|
|
app.showStatus("");
|
|
}, 5000);
|
|
}
|
|
} else {
|
|
app.showError(message);
|
|
}
|
|
};
|
|
this.window.addEventListener("bitvid:toast", this.boundNwcSettingsToastHandler);
|
|
}
|
|
|
|
const magnetValidator = playbackDependencies.isValidMagnetUri;
|
|
|
|
const videoListViewConfig = {
|
|
document: doc,
|
|
mediaLoader: app.mediaLoader,
|
|
badgeHelpers: {
|
|
attachHealthBadges: app.attachHealthBadgesWithCache,
|
|
attachUrlHealthBadges: (container, onCheck) =>
|
|
attachUrlHealthBadges(container, onCheck),
|
|
},
|
|
formatters: {
|
|
formatTimeAgo: (timestamp) => app.formatTimeAgo(timestamp),
|
|
formatViewCountLabel: (total) => app.formatViewCountLabel(total),
|
|
},
|
|
helpers: {
|
|
escapeHtml: (value) => app.escapeHTML(value),
|
|
isMagnetSupported: (magnet) => magnetValidator(magnet),
|
|
toLocaleString: (value) =>
|
|
typeof value === "number" ? value.toLocaleString() : value,
|
|
},
|
|
assets: {
|
|
fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
|
|
unsupportedBtihMessage: this.assets.unsupportedBtihMessage,
|
|
},
|
|
state: {
|
|
loadedThumbnails: app.loadedThumbnails,
|
|
videosMap: app.videosMap,
|
|
urlHealthByVideoId: app.urlHealthSnapshots,
|
|
streamHealthByVideoId: app.streamHealthSnapshots,
|
|
},
|
|
utils: {
|
|
dedupeVideos: (videos) => app.dedupeVideosByRoot(videos),
|
|
getAllEvents: () => Array.from(nostrClient.allEvents.values()),
|
|
hasOlderVersion: (video, events) => app.hasOlderVersion(video, events),
|
|
derivePointerInfo: (video) => app.deriveVideoPointerInfo(video),
|
|
persistWatchHistoryMetadata: (video, pointerInfo) =>
|
|
app.persistWatchHistoryMetadataForVideo(video, pointerInfo),
|
|
getShareUrlBase: () => app.getShareUrlBase(),
|
|
buildShareUrlFromNevent: (nevent) => app.buildShareUrlFromNevent(nevent),
|
|
buildShareUrlFromEventId: (eventId) => app.buildShareUrlFromEventId(eventId),
|
|
getKnownVideoPostedAt: (video) => app.getKnownVideoPostedAt(video),
|
|
resolveVideoPostedAt: (video) => app.resolveVideoPostedAt(video),
|
|
canManageBlacklist: () => app.canCurrentUserManageBlacklist(),
|
|
canEditVideo: (video) => video?.pubkey === app.pubkey,
|
|
canDeleteVideo: (video) => video?.pubkey === app.pubkey,
|
|
batchFetchProfiles: (authorSet) => app.batchFetchProfiles(authorSet),
|
|
bindThumbnailFallbacks: (container) => app.bindThumbnailFallbacks(container),
|
|
handleUrlHealthBadge: (payload) => app.handleUrlHealthBadge(payload),
|
|
refreshDiscussionCounts: (videos, { container } = {}) =>
|
|
app.refreshVideoDiscussionCounts(videos, {
|
|
videoListRoot: container || app.videoList || null,
|
|
}),
|
|
ensureGlobalMoreMenuHandlers: () => app.ensureGlobalMoreMenuHandlers(),
|
|
requestMoreMenu: (detail = {}) => app.requestMoreMenu(detail),
|
|
closeMoreMenu: (detail = {}) => app.closeMoreMenu(detail),
|
|
requestSettingsMenu: (detail = {}) =>
|
|
app.requestVideoSettingsMenu(detail),
|
|
closeSettingsMenu: (detail = {}) =>
|
|
app.closeVideoSettingsMenu(detail),
|
|
closeAllMenus: (options) => app.closeAllMoreMenus(options),
|
|
},
|
|
renderers: {
|
|
getLoadingMarkup: (message) => getSidebarLoadingMarkup(message),
|
|
},
|
|
allowNsfw: ALLOW_NSFW_CONTENT === true,
|
|
designSystem: app.designSystemContext,
|
|
};
|
|
app.videoListView =
|
|
(typeof this.ui.videoListView === "function"
|
|
? this.ui.videoListView({ app, config: videoListViewConfig })
|
|
: this.ui.videoListView) ||
|
|
new VideoListView(videoListViewConfig);
|
|
|
|
if (
|
|
app.videoListView &&
|
|
typeof app.videoListView.setTagPreferenceStateResolver === "function"
|
|
) {
|
|
app.videoListView.setTagPreferenceStateResolver((tag) =>
|
|
app.getTagPreferenceState(tag),
|
|
);
|
|
}
|
|
|
|
if (
|
|
app.videoListView &&
|
|
typeof app.videoListView.setTagActivationHandler === "function"
|
|
) {
|
|
app.videoListView.setTagActivationHandler((detail = {}) =>
|
|
app.handleTagPreferenceActivation(detail),
|
|
);
|
|
}
|
|
|
|
app.videoListViewPlaybackHandler = ({
|
|
videoId,
|
|
url,
|
|
magnet,
|
|
trigger,
|
|
}) => {
|
|
if (videoId) {
|
|
app.recordForYouClick(videoId);
|
|
}
|
|
if (videoId) {
|
|
Promise.resolve(
|
|
app.playVideoByEventId(videoId, { url, magnet, trigger }),
|
|
).catch((error) => {
|
|
devLogger.error("[VideoListView] Failed to play by event id:", error);
|
|
});
|
|
return;
|
|
}
|
|
Promise.resolve(
|
|
app.playVideoWithFallback({ url, magnet, trigger }),
|
|
).catch((error) => {
|
|
devLogger.error("[VideoListView] Failed to start playback:", error);
|
|
});
|
|
};
|
|
app.videoListView.setPlaybackHandler(app.videoListViewPlaybackHandler);
|
|
|
|
app.videoListViewEditHandler = ({ video, index, trigger }) => {
|
|
if (!video?.id) {
|
|
return;
|
|
}
|
|
app.handleEditVideo({
|
|
eventId: video.id,
|
|
index: Number.isFinite(index) ? index : null,
|
|
triggerElement: trigger,
|
|
video,
|
|
});
|
|
};
|
|
app.videoListView.setEditHandler(app.videoListViewEditHandler);
|
|
|
|
app.videoListViewRevertHandler = ({ video, index, trigger }) => {
|
|
if (!video?.id) {
|
|
return;
|
|
}
|
|
app.handleRevertVideo({
|
|
eventId: video.id,
|
|
index: Number.isFinite(index) ? index : null,
|
|
triggerElement: trigger,
|
|
video,
|
|
});
|
|
};
|
|
app.videoListView.setRevertHandler(app.videoListViewRevertHandler);
|
|
|
|
app.videoListViewDeleteHandler = ({ video, index }) => {
|
|
if (!video?.id) {
|
|
return;
|
|
}
|
|
app.handleFullDeleteVideo({
|
|
eventId: video.id,
|
|
index: Number.isFinite(index) ? index : null,
|
|
video,
|
|
});
|
|
};
|
|
app.videoListView.setDeleteHandler(app.videoListViewDeleteHandler);
|
|
|
|
app.videoListView.setModerationOverrideHandler((detail = {}) =>
|
|
app.handleModerationOverride(detail),
|
|
);
|
|
app.videoListView.setModerationBlockHandler((detail = {}) =>
|
|
app.handleModerationBlock(detail),
|
|
);
|
|
app.videoListView.setModerationHideHandler((detail = {}) =>
|
|
app.handleModerationHide(detail),
|
|
);
|
|
|
|
if (app.moreMenuController) {
|
|
app.moreMenuController.attachVideoListView(app.videoListView);
|
|
}
|
|
|
|
app.closeLoginModalBtn = doc?.getElementById("closeLoginModal") || null;
|
|
|
|
app.appChromeController = new AppChromeController({
|
|
elements: {
|
|
logoutButton: app.logoutButton,
|
|
profileButton: app.profileButton,
|
|
profileUnreadDot: app.profileUnreadDot,
|
|
uploadButton: app.uploadButton,
|
|
loginButton: app.loginButton,
|
|
closeLoginModalButton: app.closeLoginModalBtn,
|
|
},
|
|
callbacks: {
|
|
requestLogout: () => app.requestLogout(),
|
|
showError: (message) => app.showError(message),
|
|
showProfileModal: () =>
|
|
app.profileController &&
|
|
typeof app.profileController.show === "function"
|
|
? app.profileController.show()
|
|
: null,
|
|
openUploadModal: ({ triggerElement }) => {
|
|
if (app.uploadModal) {
|
|
app.uploadModal.open({ triggerElement });
|
|
}
|
|
},
|
|
onLoginModalOpened: () => setGlobalModalState("login", true),
|
|
onLoginModalClosed: () => setGlobalModalState("login", false),
|
|
flushWatchHistory: (reason, context) =>
|
|
app.flushWatchHistory(reason, context),
|
|
cleanup: () => app.cleanup(),
|
|
hideModal: () => app.hideModal(),
|
|
},
|
|
utilities: {
|
|
prepareLoginModal: () =>
|
|
prepareStaticModal({ id: "loginModal" }) ||
|
|
doc?.getElementById("loginModal"),
|
|
prepareApplicationModal: () =>
|
|
prepareStaticModal({ id: "nostrFormModal" }) ||
|
|
doc?.getElementById("nostrFormModal"),
|
|
openModal: (modal, options) => openStaticModal(modal, options),
|
|
closeModal: (modalId) => closeStaticModal(modalId),
|
|
},
|
|
environment: {
|
|
document: doc,
|
|
window: this.window,
|
|
},
|
|
logger: devLogger,
|
|
});
|
|
|
|
app.blacklistedEventIds = new Set();
|
|
if (this.window?.NostrTools?.nip19?.decode) {
|
|
for (const neventStr of ADMIN_INITIAL_EVENT_BLACKLIST) {
|
|
if (!neventStr || neventStr.trim().length < 8) {
|
|
continue;
|
|
}
|
|
try {
|
|
const decoded = this.window.NostrTools.nip19.decode(neventStr);
|
|
if (decoded?.type === "nevent" && decoded.data?.id) {
|
|
app.blacklistedEventIds.add(decoded.data.id);
|
|
}
|
|
} catch (err) {
|
|
devLogger.error(
|
|
"[Application] Invalid nevent in blacklist:",
|
|
neventStr,
|
|
err,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
app.unsubscribeFromPubkeyState = null;
|
|
app.unsubscribeFromCurrentUserState = null;
|
|
|
|
return { modalManager };
|
|
}
|
|
|
|
teardown() {
|
|
if (
|
|
this.window &&
|
|
this.boundNwcSettingsToastHandler &&
|
|
typeof this.window.removeEventListener === "function"
|
|
) {
|
|
this.window.removeEventListener(
|
|
"bitvid:toast",
|
|
this.boundNwcSettingsToastHandler,
|
|
);
|
|
}
|
|
this.boundNwcSettingsToastHandler = null;
|
|
}
|
|
}
|