-
-
-
-
- 
-
-
-
-
-
-
-
-
-
- 
- - This platform is still in development. You may encounter bugs or - missing features. -
-- bitvid is a decentralized video platform where content is shared - directly between users. We want you to understand a few - important points before you continue: -
- -- Currently, video posting is invite-only as we carefully - scale our platform. While anyone can watch videos, content - creation is limited to approved creators. This helps us - maintain quality content during our early stages. -
-- While we don't host videos directly, we maintain community - standards through access control. Users who violate our - guidelines may be blocked from accessing the platform. All - content must follow local laws and platform guidelines. -
-- bitvid is a work in progress. Features may change or break, - and security improvements are ongoing. Your feedback and - patience help us build a better platform. -
-- Are you a developer? We'd love your help! Visit our GitHub - repository to contribute to building the future of - decentralized video sharing. -
-
-
- - ${escapeHTML(message)} -
`; - } - } - - async renderVideoList(videos) { - try { - console.log("RENDER VIDEO LIST - Start", { - videosReceived: videos, - videosCount: videos ? videos.length : "N/A", - videosType: typeof videos, - }); - - if (!videos || videos.length === 0) { - this.renderEmptyState("No videos found."); - return; - } - - // Sort by creation date - const videoArray = [...videos].sort( - (a, b) => b.created_at - a.created_at - ); - - // Fetch user profiles - const userProfiles = await this.fetchUserProfiles(videoArray); - - // Build HTML for each video - const renderedVideos = videoArray - .map((video, index) => this.renderVideoCard(video, index, userProfiles)) - .filter(Boolean); - - if (renderedVideos.length === 0) { - this.renderEmptyState("No valid videos to display."); - return; - } - - this.videoList.innerHTML = renderedVideos.join(""); - console.log("Videos rendered successfully"); - } catch (error) { - console.error("Rendering error:", error); - this.renderEmptyState("Error loading videos."); - } - } - - async fetchUserProfiles(videos) { - const userProfiles = new Map(); - const uniquePubkeys = [...new Set(videos.map((v) => v.pubkey))]; - - for (const pubkey of uniquePubkeys) { - try { - const profile = await nostrClient.fetchUserProfile(pubkey); - userProfiles.set(pubkey, profile); - } catch (error) { - console.error(`Profile fetch error for ${pubkey}:`, error); - userProfiles.set(pubkey, { - name: "Unknown", - picture: `https://robohash.org/${pubkey}`, - }); - } - } - - return userProfiles; - } - - renderVideoCard(video, index, userProfiles) { - try { - if (!this.validateVideo(video, index)) { - console.error(`Invalid video: ${video.title}`); - return ""; - } - - const profile = userProfiles.get(video.pubkey) || { - name: "Unknown", - picture: `https://robohash.org/${video.pubkey}`, - }; - - const canEdit = video.pubkey === this.pubkey; - const highlightClass = - video.isPrivate && canEdit - ? "border-2 border-yellow-500" - : "border-none"; - - return ` -- ${escapeHTML(profile.name)} -
-
-
-