/**
 * justified-gallery 圖庫排版
 */
const runJustifiedGallery = function (ele) {
    const htmlStr = arr => {
        let str = "";
        const replaceDq = str => str.replace(/"/g, """); // replace double quotes to "
        arr.forEach(i => {
            const alt = i.alt ? `alt="${replaceDq(i.alt)}"` : "";
            const title = i.title ? `title="${replaceDq(i.title)}"` : "";
            const dateTime = i.date ? `${new Date(i.date).toISOString()}` : "";
            const address = i.address ? i.address : "";
            const galleryItem = `
    <div class="fj-gallery-item" id="serms-fj-gallery-item">
      ${address ? `<div class="tag-address">${address}</div>` : ""}
      <img src="${i.url}" ${alt + title} class="card_cover">
      <div class="serms-album-info-time">
        <time class="datatime" datatime=${i.date} style="display: inline;">${i.date}</time>
      </div>
    </div>
  `;
            str += galleryItem;
        });

        return str;
    };

    const lazyloadFn = (i, arr, limit) => {
        const loadItem = Number(limit);
        const arrLength = arr.length;
        if (arrLength > loadItem) i.insertAdjacentHTML("beforeend", htmlStr(arr.splice(0, loadItem)));
        else {
            i.insertAdjacentHTML("beforeend", htmlStr(arr));
            i.classList.remove("lazyload");
        }
        window.lazyLoadInstance && window.lazyLoadInstance.update();
        return arrLength > loadItem ? loadItem : arrLength;
    };

    function imageInfo(input) {
        const lines = input.split('\n').filter(line => line.trim() !== ''); // 分割成每行，并过滤掉空行
        const result = [];

        lines.forEach(line => {
            const regex = /\!\[(.*?)\]\((.*?)\)/;
            const match = line.match(regex);
            if (match) {
                const [, titlePart, url] = match;
                const [, date, address, title] = titlePart.trim().match(/(\d{4}-\d{2}-\d{2})\s(.*?)\s(.*)/);
                const infoObject = {
                    "url": url.trim(),
                    "address": address.trim(),
                    "date": date.trim(),
                    "title": title.trim(),
                };
                result.push(infoObject);
            }
        });

        return result;
    }

    const fetchUrl = async url => {
        try {
            const [dUrl, mUrl] = url.split("https://").slice(1);
            const [dUrlResponse, mUrlResponse] = await Promise.all([
                fetch(`https://${dUrl}`),
                fetch(`https://${mUrl}`)
            ]);
            if (!dUrlResponse.ok || !mUrlResponse.ok) {
                throw new Error('Network response was not ok');
            }
            const [dUrlData, mUrlData] = await Promise.all([
                dUrlResponse.json(),
                mUrlResponse.json()
            ]);
            const mUrlArryData = imageInfo(mUrlData[0].content);
            return mUrlArryData.concat(dUrlData);
        } catch (error) {
            console.error('Error occurred:', error);
            return []; // 返回空数组或者其他错误处理策略
        }
    };
    const runJustifiedGallery = (item, arr) => {
        const limit = item.getAttribute("data-limit") ?? arr.length;
        if (!item.classList.contains("lazyload") || arr.length < limit) {
            // 不懒加载
            item.innerHTML = htmlStr(arr);
            item.nextElementSibling.style.display = "none";
        } else {
            if (!item.classList.contains("btn_album_detail_lazyload") || item.classList.contains("page_img_lazyload")) {
                // 滚动懒加载
                lazyloadFn(item, arr, limit);
                const clickBtnFn = () => {
                    const lastItemLength = lazyloadFn(item, arr, limit);
                    fjGallery(
                        item,
                        "appendImages",
                        item.querySelectorAll(`.fj-gallery-item:nth-last-child(-n+${lastItemLength})`)
                    );
                    anzhiyu.loadLightbox(item.querySelectorAll("img"));
                    if (lastItemLength < Number(limit)) {
                        observer.unobserve(item.nextElementSibling);
                    }
                };

                // 创建IntersectionObserver实例
                const observer = new IntersectionObserver((entries, observer) => {
                    entries.forEach(entry => {
                        // 如果元素进入视口
                        if (entry.isIntersecting) {
                            // 执行clickBtnFn函数
                            setTimeout(clickBtnFn(), 100);
                        }
                    });
                });
                observer.observe(item.nextElementSibling);
            } else {
                // 相册详情 按钮懒加载
                lazyloadFn(item, arr, limit);
                const clickBtnFn = () => {
                    const lastItemLength = lazyloadFn(item, arr, limit);
                    fjGallery(
                        item,
                        "appendImages",
                        item.querySelectorAll(`.fj-gallery-item:nth-last-child(-n+${lastItemLength})`)
                    );
                    anzhiyu.loadLightbox(item.querySelectorAll("img"));
                    lastItemLength < limit && item.nextElementSibling.removeEventListener("click", clickBtnFn);
                };
                item.nextElementSibling.addEventListener("click", clickBtnFn);
            }
        }

        anzhiyu.initJustifiedGallery(item);
        anzhiyu.loadLightbox(item.querySelectorAll("img"));
        window.lazyLoadInstance && window.lazyLoadInstance.update();
    };

    const addJustifiedGallery = () => {
        ele.forEach(item => {
            item.classList.contains("url") ? fetchUrl(item.textContent).then(res => {
                    runJustifiedGallery(item, res);
                })
                : runJustifiedGallery(item, JSON.parse(item.textContent));
        });
    };

    if (window.fjGallery) {
        addJustifiedGallery();
        return;
    }

    getCSS(`${GLOBAL_CONFIG.source.justifiedGallery.css}`);
    getScript(`${GLOBAL_CONFIG.source.justifiedGallery.js}`).then(addJustifiedGallery);
};