import Artplayer from 'https://dpangzi.com/library/artplayer/artplayer.mjs';
import artplayerPluginDanmuku from 'https://dpangzi.com/library/artplayer-plugin-danmuku/artplayer-plugin-danmuku.mjs'
import Hls from 'https://dpangzi.com/library/hls.js/hls.mjs';

/**
 * Home Video Widget
 * Handles the random video player on the homepage
 */
export class HomeVideo {
    constructor() {
        this.webApiBaseAddress = document.querySelector("meta[name=web-api-base-address]").content;
        if (!this.webApiBaseAddress) {
            return;
        }
        // New selector for the video container in the main content area
        this.playerVideoContainerSelector = '.js-home-video-container';
        this.container = document.querySelector(this.playerVideoContainerSelector);
        if (!this.container) {
            return;
        }
        this.hasPlayed = false;
        this.init();
    }


    init() {
        const that = this;
        this.getVideos()
            .then(videos => {
                that.playRandom(videos);
            })
            .catch(err => console.warn('Failed to fetch videos:', err));
    }

    async getVideos() {
        try {
            const response = await fetch(`${this.webApiBaseAddress}/api/Video`, {
                method: 'GET',
                headers: {'Content-Type': 'application/json'},
                mode: 'cors'
            });
            return await response.json();
        } catch (err) {
            return [];
        }
    }


    playRandom(videos) {
        if (!videos || videos.length === 0) return;

        const index = Math.floor(Math.random() * videos.length);
        const video = videos[index];

        const videoId = video['id'];

        const art = new Artplayer({
            container: this.container,
            url: video['m3u8'],
            type: "m3u8",
            poster: video['cover'],
            fullscreenWeb: true,
            fullscreen: true,
            customType: {
                m3u8: this.playM3u8
            },
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: async function () {
                        let danmakuResponse = await fetch(`/history/danmaku/v2/${videoId}`);
                        return await danmakuResponse.json();
                    },
                    async beforeEmit(danmaku){
                        if(danmaku.text === null || danmaku.text.trim() === ""){
                            return false;
                        }

                        danmaku["id"] = videoId;
                        await fetch(`/send/danmaku/v2`, {
                            method: 'post',
                            headers: {
                                'Content-Type': 'application/json;charset=utf-8'
                            },
                            body: JSON.stringify(danmaku)
                        });
                        return true;
                        
                    }
                })
            ],
            controls: [],
        });

        art.on('fullscreenWeb', (state) => {
            if (state) {
                this.container.classList.add('is-web-fullscreen');
            } else {
                this.container.classList.remove('is-web-fullscreen');
            }
        });

        art.on('fullscreen', (state) => {
            if (state) {
                this.container.classList.add('is-fullscreen');
            } else {
                this.container.classList.remove('is-fullscreen');
            }
        });

        art.on('play', async () => {
            if (!this.hasPlayed) {
                this.hasPlayed = true;
                await fetch(`/play/${videoId}`, { method: 'PATCH' });
            }
        });
    }

    playM3u8(video, url, art) {
        if (Hls.isSupported()) {
            if (art.hls) art.hls.destroy();
            const hls = new Hls();
            hls.loadSource(url);
            hls.attachMedia(video);
            art.hls = hls;
            art.on('destroy', () => hls.destroy());
        } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
            video.src = url;
        } else {
            art.notice.show = 'Unsupported playback format: m3u8';
        }
    }
}