// 定义pjax 预设pjax
var pjax = new Pjax({
    // 这里填写页面中改变的部分（和 CSS 选择器用法一样）
    selectors: ["#pjax-container","title"],
    cacheBust: false,
    elements: "a",
});
// 设置图片灯箱回调函数
function lazyimg_pjax() {
    ; (function ($) {

        var defaults = {
            coverColor: "#dfdfdf",
            coverDiv: "",
            showTime: 300,
            offsetBottom: 0,
            offsetTopm: 50,
            onLoadBackEnd: function (index, dom) { },
            onLoadBackStart: function (index, dom) { }
        }

        //所有待load src
        var srcList = []
        var lazyLoadCoutn = 0;
        var windowHeight = $(window).height();
        var windowWidth = $(window).width();
        var lazyImgList = $("img[data-lazy-src]");
        var default_base64_src = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";

        //获取img
        function getImgNaturalDimensions(src, callback, lazyLoadCoutn) {
            var nWidth, nHeight
            var image = new Image()
            image.src = src;
            image.onload = function () {
                callback(image.width, image.height);
                defaults.onLoadBackStart(lazyLoadCoutn, $("img[data-lazy-src]:eq(" + lazyLoadCoutn + ")"));
            }
            return [nWidth, nHeight];
        }

        function showImg(lazyLoadCoutn, callback) {

            var src = lazyImgList.eq(lazyLoadCoutn).attr("data-lazy-src")
            getImgNaturalDimensions(src, function () {
                try {

                    meng($("img[data-lazy-src]:eq(" + lazyLoadCoutn + ")"), lazyLoadCoutn, callback)
                } catch (error) {

                }
            }, lazyLoadCoutn)
        }

        function meng(jDom, lazyLoadCoutn, callback) {
            if (jDom.attr("data-comp")) {
                return;
            }
            jDom.css("visibility", "hidden");
            jDom.attr("src", jDom.attr("data-lazy-src"))
            var w = jDom.width();
            var h = jDom.height();
            var offsetTop = jDom.offset().top;
            var offsetLeft = jDom.offset().left;

            jDom.css("visibility", "visible");
            $("body").append("<div class='meng-lazy-div" + lazyLoadCoutn + "' style='background-color: " + defaults.coverColor + ";position:absolute;width:" + w + "px;height:" + h + "px;top:" + offsetTop + "px;left:" + offsetLeft + "px;z-index:500'>" + defaults.coverDiv + "</div>");
            noneM(lazyLoadCoutn, callback, jDom);
            jDom.attr("data-comp", "true");
        }

        function noneM(lazyLoadCoutn, callback, jDom) {
            if (true) {
                $(".meng-lazy-div" + lazyLoadCoutn).animate({ opacity: "0" }, defaults.showTime, function () {
                    $(this).remove();
                    defaults.onLoadBackEnd(lazyLoadCoutn, jDom)
                    callback();
                });
            }
        }

        function checkOffset() {
            var scrollTop = $(document).scrollTop();
            var onlazyList = [];
            lazyImgList.each(function (index) {
                var dom = $(this);
                if (!dom.attr("data-comp")) {
                    if (dom.offset().top - scrollTop + defaults.offsetTopm >= 0 && dom.offset().top - scrollTop < (windowHeight + defaults.offsetBottom)) {
                        onlazyList.push(index);
                    }
                }
            })

            if (onlazyList.length != 0) {
                showImg(onlazyList[0], function () {
                    checkOffset();
                });
            }
        }

        function range() {
            checkOffset();

        }

        function init(setting) {
            lazyImgList = $("img[data-lazy-src]");
            defaults = $.extend(defaults, setting);

            lazyImgList.each(function () {
                var sr = $(this).attr("data-lazy-src");
                srcList.push(sr);

                $(this).attr("src", default_base64_src);
            });
            range();
            window.onscroll = function () {
                range()
            }
        }
        function tryAgain() {
            $("img[data-lazy-src]").removeAttr("data-comp")
            init(defaults)
        }

        window.lazyLoadInit = init;

        window.lazyLoadAgain = tryAgain;


    })($)
}
// 设置memos回调函数
function reload_memos(){
    var hasLogin = 0 //没登录隐藏编辑归档按钮

    var memosData = {
        dom:'#memos',
    }

    var bbMemo = {
        memos: 'https://memos.usj.cc/',
        limit: '8',
        creatorId: '1',
        domId: '#bber',
    };
    if(typeof(bbMemos) !=="undefined"){
        for(var key in bbMemos) {
            if(bbMemos[key]){
                bbMemo[key] = bbMemos[key];
            }
        }
    }
    function loadCssCode(code){
        var style = document.createElement('style');
        style.type = 'text/css';
        style.rel = 'stylesheet';
        style.appendChild(document.createTextNode(code));
        var head = document.getElementsByTagName('head')[0];
        head.appendChild(style);
    }

    var limit = bbMemo.limit
    var memos = bbMemo.memos
    var mePage = 1,offset = 0,nextLength = 0,nextDom='';
    var bbDom = document.querySelector(bbMemo.domId);
    var load = '<div class="bb-load"><button class="load-btn button-load">加载中……</button></div>'
// 增加memos编辑及归档
    var memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
    var memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
    var getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
    var memoChangeDate = 0;
    var getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";


    if(bbDom){
        getFirstList() //首次加载数据
        meNums() //加载总数
        var btn = document.querySelector("button.button-load");
        btn.addEventListener("click", function () {
            btn.textContent= '加载中……';
            updateHTMl(nextDom)
            if(nextLength < limit){ //返回数据条数小于限制条数，隐藏
                document.querySelector("button.button-load").remove()
                return
            }
            getNextList()
        });
    }
    function getFirstList(){
        bbDom.insertAdjacentHTML('afterend', load);
        let tagHtml = `<div id="tag-list"></div>` // TAG筛选 memos搜索
        bbDom.insertAdjacentHTML('beforebegin', tagHtml); // TAG筛选
        var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
        let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
        let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
        if(memosOpenId && memosOpenId != null){
            fetch(bbUrl,{
                headers:{
                    'Authorization': `Bearer ${memosOpenId}`,
                    'Content-Type': 'application/json',
                    'Cache-Control': 'no-cache',
                },
                cache: 'no-store',
            }).then(res => res.json()).then( resdata =>{
                updateHTMl(resdata);
                var nowLength = resdata.length;
                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
                    document.querySelector("button.button-load").remove()
                    return
                }
                mePage++
                offset = limit*(mePage-1)
                getNextList()
            });
            if(oneDay == "open"){
                reloadList("ONEDAY");
            }
        }else{
            fetch(bbUrl).then(res => res.json()).then( resdata =>{
                updateHTMl(resdata);
                var nowLength = resdata.length;
                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
                    document.querySelector("button.button-load").remove()
                    return
                }
                mePage++
                offset = limit*(mePage-1)
                getNextList()
            });
        }
    }
//预加载下一页数据
    function getNextList(){
        var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit+"&offset="+offset;
        fetch(bbUrl).then(res => res.json()).then( resdata =>{
            nextDom = resdata;
            nextLength = nextDom.length
            mePage++
            offset = limit*(mePage-1)
            if(nextLength < 1){ //返回数据条数为 0 ，隐藏
                document.querySelector("button.button-load").remove()
                return
            }
        })
    }

//加载总 Memos 数
    function meNums() {
        var bbLoad = document.querySelector('.bb-load');
        var bbUrl = memos + "api/v1/memo/stats?creatorId=" + bbMemo.creatorId;
        fetch(bbUrl).then(res => res.json()).then(resdata => {
            if (Array.isArray(resdata)) {
                // var allnums = ' ( 目前共唠叨了 ' + resdata.length + ' 条 )';
                //bbLoad.insertAdjacentHTML('afterend', allnums);
            }
        });
    }

// 插入 html
    function updateHTMl(data,mode){
        var result="",resultAll="";
        //登录显示编辑归档按钮
        if(memosOpenId && getEditor == "show"){
            hasLogin = 1
        }
        const TAG_REG = /#([^#\s!.,;:?"'()]+)(?= )/g
            , IMG_REG = /\!\[(.*?)\]\((.*?)\)/g //content 内 md 格式图片
            , LINK_REG = /\[(.*?)\]\((.*?)\)/g //链接新窗口打开
        marked.setOptions({
            breaks: false,
            smartypants: false,
            langPrefix: 'language-',
            headerIds: false,
            mangle: false
        });
        for(var i=0;i < data.length;i++){
            var memoString = JSON.stringify(data[i]).replace(/"/g, '&quot;');
            var memo_id = data[i].id; //评论调用
            var memoVis = data[i].visibility
            var bbContREG = data[i].content
                .replace(TAG_REG, "")
                .replace(IMG_REG, '')
                .replace(LINK_REG, '<a href="$2" target="_blank">$1</a>')
            bbContREG = marked.parse(bbContREG)

            //解析 content 内 md 格式图片
            var IMG_ARR = data[i].content.match(IMG_REG) || '',IMG_ARR_Grid='';
            if(IMG_ARR){
                var IMG_ARR_Length = IMG_ARR.length,IMG_ARR_Url = '';
                if(IMG_ARR_Length !== 1){var IMG_ARR_Grid = " grid grid-"+IMG_ARR_Length}
                IMG_ARR.forEach(item => {
                    let imgSrc = item.replace(/!\[.*?\]\((.*?)\)/g,'$1')
                    IMG_ARR_Url += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" loading="lazy" decoding="async" src="'+imgSrc+'"/></figure>'
                });
                bbContREG += '<div class="resimg'+IMG_ARR_Grid+'">'+IMG_ARR_Url+'</div>';
            }
            //TAG 解析
            var tagArr = data[i].content.match(TAG_REG);
            var memosTag = '';

            if (tagArr) {
                memosTag = tagArr.map(function(tag) {
                    var tagText = String(tag).replace(/[#]/g, '');
                    return '<div class="memos-tag-dg" onclick="getTagNow(this)">#' + tagText + '</div>';
                }).join('');
            } else {
                memosTag = '<div class="memos-tag-dg">#日常</div>';
            }

            //解析内置资源文件
            if(data[i].resourceList && data[i].resourceList.length > 0){
                var resourceList = data[i].resourceList;
                var imgUrl='',resUrl='',resImgLength = 0;
                for(var j=0;j < resourceList.length;j++){
                    var restype = resourceList[j].type.slice(0,5)
                    var resexlink = resourceList[j].externalLink
                    var resLink = '',fileId=''
                    if(resexlink){
                        resLink = resexlink
                    }else{
                        fileId = resourceList[j].publicId || resourceList[j].filename
                        resLink = memos+'o/r/'+resourceList[j].id //+'/'+fileId
                    }
                    if(restype == 'image'){
                        imgUrl += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" src="'+resLink+'"/></figure>'
                        resImgLength = resImgLength + 1
                    }
                    if(restype !== 'image'){
                        resUrl += '<a target="_blank" rel="noreferrer" href="'+resLink+'">'+resourceList[j].filename+'</a>'
                    }
                }
                if(imgUrl){
                    var resImgGrid = ""
                    if(resImgLength !== 1){var resImgGrid = "grid grid-"+resImgLength}
                    bbContREG += '<div class="resimg '+resImgGrid+'">'+imgUrl+'</div></div>'
                }
                if(resUrl){
                    bbContREG += '<p class="datasource">'+resUrl+'</p>'
                }
            }
            result += `
      <li class="bb-list-li img-hide" id="${memo_id}">
        <div class="memos-pl">
        <div class="memos_diaoyong_time">${moment(data[i].createdTs * 1000).twitterLong()}</div>`

            if(hasLogin !== 0){
                result += `<div class="memos-edit">
          <div class="memos-menu">...</div>
          <div class="memos-menu-d">
            <div class="edit-btn" data-form="${memoString}" onclick="editMemo(this)">修改</div>
            <div class="archive-btn" onclick="archiveMemo('${data[i].id}')">归档</div>
            <div class="delete-btn" onclick="deleteMemo('${data[i].id}')">删除</div> 
          </div>
        </div>
        `
            }

            result += `</div>       
        <div class="datacont" view-image>${bbContREG}</div>
        <div class="memos_diaoyong_top">
        <div class="memos-tag-wz">${memosTag}</div>`

            if(memoVis == "PUBLIC"){
                result += `<div class="talks_comments">
            <a onclick="loadArtalk('${memo_id}')"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-3 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m6 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m4.415-5.96C15.71 1.195 9.385.88 5.29 4.584C1.195 8.289.88 14.614 4.584 18.709l-2.438 2.437A.5.5 0 0 0 2.5 22H12a10 10 0 0 0 6.709-2.585c4.096-3.705 4.412-10.03.706-14.125M12 21H3.707l1.929-1.929a.5.5 0 0 0 0-.707a8.999 8.999 0 0 1 6.362-15.362A8.999 8.999 0 0 1 12 21"/></svg><span id="btn_memo_${memo_id}"></span></a>
          </div>
        </div>
        <div id="memo_${memo_id}" class="artalk hidden"></div>
        </li>`;
            }else if(memoVis !== "PUBLIC"){
                result += `<div class="memos-hide" onclick="reloadList("NOPUBLIC")"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.68 4.206C2.652 6.015 4.67 7.258 7 7.258c2.331 0 4.348-1.243 5.322-3.052M2.75 5.596L.5 7.481m4.916-.415L4.333 9.794m6.917-4.198l2.25 1.885m-4.92-.415l1.083 2.728"/></svg></idv></div></li>`;
            }else{
                result += `</div></li>`;
            }
        } // end for
        if(mode == "ONEDAY"){
            var bbBefore = "<li class='memos-oneday'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
            var bbAfter = "</ul></li>";
            resultAll = bbBefore + result + bbAfter;
            bbDom.insertAdjacentHTML('afterbegin', resultAll);
        }else{
            var bbBefore = "<section class='bb-timeline'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
            var bbAfter = "</ul></section>";
            resultAll = bbBefore + result + bbAfter;
            bbDom.insertAdjacentHTML('beforeend', resultAll);

            // 在动画执行之前调整 z-index
            document.querySelector('.memos-more-ico').style.zIndex = '1';
            // 在DOM加载完毕后执行滑动加载动画
            animateSummaries();

            if(document.querySelector('button.button-load')) document.querySelector('button.button-load').textContent = '再来几篇';
        }
    }

// TAG 筛选
    function getTagNow(e){
        //console.log(e.innerHTML)
        let tagName = e.innerHTML.replace('#','')
        let domClass = document.getElementById("bber")
        window.scrollTo({
            top: domClass.offsetTop - 30,
            behavior: "smooth"
        });
        let tagHtmlNow = `<div class='memos-tag-sc-2' onclick='javascript:location.reload();'><div class='memos-tag-sc-1' >标签筛选:</div><div class='memos-tag-sc' >${e.innerHTML}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-auto ml-1 opacity-40"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div></div>`
        document.querySelector('#tag-list').innerHTML = tagHtmlNow
        let bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&tag="+tagName+"&limit=20";
        fetch(bbUrl).then(res => res.json()).then( resdata =>{
            document.querySelector(bbMemo.domId).innerHTML = ""
            if(document.querySelector("button.button-load")) document.querySelector("button.button-load").remove()
            updateHTMl(resdata)
        })
    }

//增加memos评论
    function loadArtalk(memo_id) {
        const commentDiv = document.getElementById('memo_' + memo_id);
        const commentBtn = document.getElementById('btn_memo_' + memo_id);
        const allCommentDivs = document.querySelectorAll("[id^='memo_']");
        const allCommentBtns = document.querySelectorAll("[id^='btn_memo_']");

        if (commentDiv.classList.contains('hidden')) {
            // 收起其他评论
            for (let i = 0; i < allCommentDivs.length; i++) {
                if (allCommentDivs[i] !== commentDiv) {
                    allCommentDivs[i].classList.add('hidden');
                }
            }

            commentDiv.classList.remove('hidden');
            //增加评论平滑定位
            const commentLi = document.getElementById(memo_id);
            const commentLiPosition = commentLi.getBoundingClientRect().top + window.pageYOffset;
            const offset = commentLiPosition - 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize);
            if ('scrollBehavior' in document.documentElement.style) {
                // 支持平滑滚动的情况下，使用 window.scrollTo
                window.scrollTo({
                    top: offset,
                    behavior: 'smooth'
                });
            } else {
                // 不支持平滑滚动的情况下，使用滚动容器的平滑滚动方法
                // 例如：document.documentElement.scrollTop = offset;
                // 或者使用第三方的平滑滚动库
            }
            const artalk = Artalk.init({
                el: '#memo_' + memo_id,
                pageKey: '/m/' + memo_id,
                pageTitle: '',
                server: 'https://artalk.5b2.cn/',
                site: '优世界',
                darkMode: 'auto'
            });
        } else {
            commentDiv.classList.add('hidden');
        }
    }

//调用coco-message插件暗黑模式
    const darkModeMatcher = window.matchMedia('(prefers-color-scheme: dark)');
    darkModeMatcher.addEventListener('change', handleDarkModeChange);
    function handleDarkModeChange(e) {
        if (e.matches) {
            document.documentElement.classList.add('dark');
        } else {
            document.documentElement.classList.remove('dark');
        }
    }
    handleDarkModeChange(darkModeMatcher);

// memos-editor唠叨编辑开始
    var memosDom = document.querySelector(memosData.dom);
    var editIcon = "<div class='load-memos-editor'>唠叨一下</div>";
    var memosEditorCont = `
<div class="memos-editor animate__animated animate__fadeIn d-none col-12">
  <div class="memos-editor-body">
    <div class="memos-editor-inner animate__animated animate__fadeIn d-none">
      <div class="memos-editor-content">
        <textarea class="memos-editor-textarea text-sm" rows="1" placeholder="唠叨点什么..."></textarea>
      </div>
      <div id="memos-tag-menu"></div>
      <div class="memos-image-list d-flex flex-fill line-xl"></div>
      <div class="memos-tag-list d-none animate__animated animate__fadeIn"></div>
      <div class="memos-editor-footer border-t">
        <div class="d-flex">
          <div class="button outline action-btn code-single">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter">
              <path d="m9 11-6 6v3h9l3-3"/><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"/>
            </svg>
          </div>
          <div class="button outline action-btn link-btn">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
              <path fill="currentColor" d="M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24a2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24a2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24a.973.973 0 0 1 0-1.42"/>
            </svg>
          </div>
          <div class="button outline action-btn link-img">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
              <path fill="currentColor" d="M21 3H3C2 3 1 4 1 5v14c0 1.1.9 2 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2m0 15.92c-.02.03-.06.06-.08.08H3V5.08L3.08 5h17.83c.03.02.06.06.08.08v13.84zm-10-3.41L8.5 12.5L5 17h14l-4.5-6z"/>
            </svg>
          </div>
          <div class="button outline action-btn biao-qing">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile">
              <circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/>
            </svg>
          </div>
          <div class="memos-more-ico">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
              <g fill="none">
                <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/>
                <path fill="currentColor" d="M5 10a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/>
              </g>
            </svg>
            <div class="memos-xiala">
              <div class="code-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757zm6.96 9H7.66l6.552-18h2.128z"/></svg>代码</div>
              <div class="image-btn" onclick="this.lastElementChild.click()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>图片
                <input class="memos-upload-image-input d-none" type="file" accept="image/*">
              </div>
              <div class="switchUser-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round-cog"><path d="M2 21a8 8 0 0 1 10.434-7.62"/><circle cx="10" cy="8" r="5"/><circle cx="18" cy="18" r="3"/><path d="m19.5 14.3-.4.9"/><path d="m16.9 20.8-.4.9"/><path d="m21.7 19.5-.9-.4"/><path d="m15.2 16.9-.9-.4"/><path d="m21.7 16.5-.9.4"/><path d="m15.2 19.1-.9.4"/><path d="m19.5 21.7-.4-.9"/><path d="m16.9 15.2-.4-.9"/></svg>帐户</div>
              <div class="private-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m9.343 18.782l-1.932-.518l.787-2.939a10.99 10.99 0 0 1-3.237-1.872l-2.153 2.154l-1.414-1.414l2.153-2.154a10.957 10.957 0 0 1-2.371-5.07l1.968-.359a9.002 9.002 0 0 0 17.713 0l1.968.358a10.958 10.958 0 0 1-2.372 5.071l2.154 2.154l-1.414 1.414l-2.154-2.154a10.991 10.991 0 0 1-3.237 1.872l.788 2.94l-1.932.517l-.788-2.94a11.068 11.068 0 0 1-3.74 0z"/></svg>私有</div>
              <div class="oneday-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M17 2a4 4 0 0 1 4 4v9a4.002 4.002 0 0 1-3.127 3.904L19.6 20.2a1 1 0 0 1-1.2 1.6L14.667 19H9.333L5.6 21.8a1 1 0 1 1-1.2-1.6l1.727-1.296A4.001 4.001 0 0 1 3 15V6a4 4 0 0 1 4-4zm2 10H5v3a2 2 0 0 0 1.85 1.995L7 17h10a2 2 0 0 0 1.995-1.85L19 15zm-7 1a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m7-5H5v2h14zm-2-4H7a2 2 0 0 0-1.995 1.85L5 6h14a2 2 0 0 0-1.85-1.995z"/></g></svg>回忆</div>
            </div>
          </div>
        </div>
        <div class="editor-submit d-flex flex-fill justify-content-end">
          <div class="editor-selector select outline">
            <select class="select-memos-value">
              <option value="PUBLIC">公开</option>
              <!--<option value="PROTECTED">仅登录可见</option>-->
              <option value="PRIVATE">私有</option>
            </select>
          </div>
          <div class="edit-memos d-none">
            <div class="primary cancel-edit-btn">取消</div>
            <div class="primary edit-memos-btn">修改完成</div>
          </div>
          <div class="primary submit-memos-btn">唠叨一下</div>
        </div>
      </div>
    </div>
    <div class="memos-editor-option animate__animated animate__fadeIn d-none">
      <input name="memos-path-url" class="memos-path-input input-text col-6" type="text" value="" placeholder="Memos 地址">
      <input name="memos-token-url" class="memos-token-input input-text col-6" type="text" value="" placeholder="Token">
      <div class="memos-open-api-submit">
        <div class="primary submit-openapi-btn">保存</div>
      </div>
    </div>
  </div>
  <div class="memos-random d-none"></div>
</div>
`;
    const element = document.querySelector('.index-laodao-titile'); // 选择器是你想要操作的元素的选择器
    element.insertAdjacentHTML('afterend', editIcon);
    memosDom.insertAdjacentHTML('afterbegin',memosEditorCont);

    var memosEditorInner = document.querySelector(".memos-editor-inner");
    var memosEditorOption = document.querySelector(".memos-editor-option");
    var memosRadomCont = document.querySelector(".memos-random");

    var codeBtn = document.querySelector(".code-btn");
    var codesingle = document.querySelector(".code-single");
    var linkBtn = document.querySelector(".link-btn");
    var linkimg = document.querySelector(".link-img");
    var privateBtn = document.querySelector(".private-btn");
    var oneDayBtn = document.querySelector(".oneday-btn");
    var switchUserBtn = document.querySelector(".switchUser-btn");
    var loadEditorBtn = document.querySelector(".load-memos-editor");
    var submitApiBtn = document.querySelector(".submit-openapi-btn");
    var submitMemoBtn = document.querySelector(".submit-memos-btn");
    var memosVisibilitySelect = document.querySelector(".select-memos-value");
    var pathInput = document.querySelector(".memos-path-input");
    var tokenInput = document.querySelector(".memos-token-input");
    var uploadImageInput = document.querySelector(".memos-upload-image-input");
    var memosTextarea = document.querySelector(".memos-editor-textarea");
    var editMemoDom = document.querySelector(".edit-memos");
    var editMemoBtn = document.querySelector(".edit-memos-btn");
    var cancelEditBtn = document.querySelector(".cancel-edit-btn");
    var biaoqing = document.querySelector(".biao-qing");

    document.addEventListener("DOMContentLoaded", () => {
        getEditIcon();
    });

    function getEditIcon() {
        let memosContent = '',memosVisibility = '',memosResource = [],memosRelation=[];
        let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
        let memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
        let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
        let getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
        let isHide = getEditor === "hide";

        let getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
        memosVisibilitySelect.value = getSelectedValue;

        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
        window.localStorage && window.localStorage.setItem("memos-relation-list",  JSON.stringify(memosRelation));

        memosTextarea.addEventListener('input', (e) => {
            memosTextarea.style.height = 'inherit';
            memosTextarea.style.height = e.target.scrollHeight + 'px';
        });

        if (getEditor !== null) {
            document.querySelector(".memos-editor").classList.toggle("d-none",isHide);
            getEditor == "show" ? hasMemosOpenId() : '';
        };

        loadEditorBtn.addEventListener("click", function () {
            getEditor != "show" ? hasMemosOpenId() : '';
            document.querySelector(".memos-editor").classList.toggle("d-none");
            window.localStorage && window.localStorage.setItem("memos-editor-display", document.querySelector(".memos-editor").classList.contains("d-none") ? "hide" : "show");
            getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");

            // 点击唠叨一下，平滑滚动到.index-laodao
            let editorBody = document.querySelector('.index-laodao');
            if (editorBody && !document.querySelector(".memos-editor").classList.contains("d-none")) {
                editorBody.scrollIntoView({ behavior: 'smooth' });
            }

        });

        //标签数据
        document.addEventListener("DOMContentLoaded", function () {
            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
            if (memosPath && memosOpenId) {
                document.querySelector(".memos-tag-list").classList.remove("d-none");
            }
        });

        //代码
        codeBtn.addEventListener("click", function () {
            let memoCode = "```\n\n```";
            insertValue(memoCode,"",4);
        });

        //代码单反引号
        codesingle.addEventListener("click", function () {
            insertValue("``","`",1)
        });

        //超级链接
        linkBtn.addEventListener("click", function () {
            insertValue("[]()","[",1)
        });

        //图片外链引用
        linkimg.addEventListener("click", function () {
            insertValue("![]()","!",1)
        });

        //以上四项的光标定位
        function insertValue(text,wrap,back) {
            memosTextarea.focus();
            const start = memosTextarea.selectionStart;
            const end = memosTextarea.selectionEnd;
            const selectedText = memosTextarea.value.substring(start, end);
            if(selectedText == ""){
                memosTextarea.value = memosTextarea.value.substring(0, start) + text + memosTextarea.value.substring(end);
                memosTextarea.selectionStart = start + text.length - back;
                memosTextarea.selectionEnd = start + text.length - back;
            }else{
                let wrapSelText;
                if( wrap == "`" ){
                    wrapSelText = "`" + selectedText + "`";
                    back = 0;
                }
                if( wrap == "[" ){
                    wrapSelText = "[" + selectedText + "]()";
                }
                if( wrap == "!" ){
                    wrapSelText = "![" + selectedText + "]()";
                }
                const newText = memosTextarea.value.substring(0, start) + wrapSelText + memosTextarea.value.substring(end);
                memosTextarea.value = newText;
                memosTextarea.selectionStart = start + wrapSelText.length - back;
                memosTextarea.selectionEnd = end + wrapSelText.length - back - selectedText.length;
            }
        }

        memosVisibilitySelect.addEventListener('change', function() {
            memoNowSelct = window.localStorage && window.localStorage.getItem("memos-visibility-select");
            var selectedValue = memosVisibilitySelect.value;
            window.localStorage && window.localStorage.setItem("memos-visibility-select",selectedValue);
            if(memoNowSelct == "PRIVATE" && selectedValue == "PUBLIC"){
                memoChangeDate = 1;
            }
        });

        //私有模式筛选浏览
        privateBtn.addEventListener("click", async function () {
            if (!privateBtn.classList.contains("private")) {
                privateBtn.classList.add("private")
                memosVisibilitySelect.value = "PRIVATE"
                window.localStorage && window.localStorage.setItem("memos-mode",  "NOPUBLIC");
                reloadList("NOPUBLIC")
                cocoMessage.success("已进入私有浏览")
            }else{
                memosVisibilitySelect.value = "PUBLIC"
                window.localStorage && window.localStorage.setItem("memos-mode",  "");
                privateBtn.classList.remove("private")
                reloadList()
                cocoMessage.success("已退出私有浏览")
            }
        });

        //开启回忆一条
        oneDayBtn.addEventListener("click", async function () {
            let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
            if (oneDay == null ) {
                window.localStorage && window.localStorage.setItem("memos-oneday","open");
                cocoMessage.success("已开启回忆，请刷新页面")
            }else{
                window.localStorage && window.localStorage.removeItem("memos-oneday");
                reloadList()
                cocoMessage.success("已退出回忆")
            }
        });

        //图片上传
        uploadImageInput.addEventListener('change', () => {
            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
            if (memosPath && memosOpenId) {
                let filesData = uploadImageInput.files[0];
                if (uploadImageInput.files.length !== 0){
                    uploadImage(filesData);
                    cocoMessage.info('图片上传中……');
                }
            }
        });

        async function uploadImage(data) {
            let memosResourceListNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-resource-list")) || [];
            let imageData = new FormData();
            let blobUrl = `${memosPath}/api/v1/resource/blob`;
            imageData.append('file', data, data.name)
            let resp = await fetch(blobUrl, {
                method: "POST",
                body: imageData,
                headers: {
                    'Authorization': `Bearer ${memosOpenId}`
                }
            })
            let res = await resp.json();
            if(res.id){
                let resexlink = res.externalLink;
                let imgLink = '', fileId = '';
                if (resexlink) {
                    imgLink = resexlink
                } else {
                    fileId = res.publicId || res.filename
                    imgLink = `${memosPath}/o/r/${res.id}`;///${fileId}
                }
                let imageList = "";
                imageList += `<div data-id="${res.id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
                document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
                cocoMessage.success(
                    '上传成功',
                    ()=>{
                        memosResourceListNow.push(res.id);
                        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceListNow));
                        imageListDrag()
                    })
            }
        };

        switchUserBtn.addEventListener("click", function () {
            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
            if (memosPath && memosOpenId) {
                memosEditorOption.classList.remove("d-none");
                memosEditorInner.classList.add("d-none");
                memosRadomCont.innerHTML = '';
                tokenInput.value = '';
                pathInput.value = '';
            }
        });

        submitApiBtn.addEventListener("click", function () {
            if(tokenInput.value == null || tokenInput.value == ''){
                cocoMessage.info('请输入 Token');
            }else if(pathInput.value == null || pathInput.value == ''){
                cocoMessage.info('请输入 Memos 地址');
            }else{
                getMemosData(pathInput.value,tokenInput.value);
            }
        });

        submitMemoBtn.addEventListener("click", function () {
            memosContent = memosTextarea.value;
            memosVisibility = memosVisibilitySelect.value;
            memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
            let TAG_REG = /(?<=#)([^#\s!.,;:?"'()]+)(?= )/g;
            let memosTag = memosContent.match(TAG_REG);
            let  hasContent = memosContent.length !== 0;
            if (memosOpenId && hasContent) {
                let memoUrl = `${memosPath}/api/v1/memo`;
                let memoBody = {content:memosContent,relationList:memosRelation,resourceIdList:memosResource,visibility:memosVisibility}
                fetch(memoUrl, {
                    method: 'POST',
                    body: JSON.stringify(memoBody),
                    headers: {
                        'Authorization': `Bearer ${memosOpenId}`,
                        'Content-Type': 'application/json'
                    }
                }).then(function (res) {
                    if (res.status == 200) {
                        if (memosTag !== null) {
                            let memoTagUrl = `${memosPath}/api/v1/tag`;
                            (async () => {
                                for await (const i of memosTag) {
                                    const response = await fetch(memoTagUrl, {
                                        method: 'POST',
                                        headers: {
                                            'Authorization': `Bearer ${memosOpenId}`,
                                            'Content-Type': 'application/json'
                                        },
                                        body: JSON.stringify({
                                            name: i
                                        })
                                    });
                                }
                            })();
                        }
                        cocoMessage.success(
                            '唠叨成功',
                            () => {
                                document.querySelector(".memos-image-list").innerHTML = '';
                                window.localStorage && window.localStorage.removeItem("memos-resource-list");
                                window.localStorage && window.localStorage.removeItem("memos-relation-list");
                                memosTextarea.value = '';
                                memosTextarea.style.height = 'inherit';
                                let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
                                reloadList(memosMode)
                            })
                    }
                });

            }else if(!hasContent){
                cocoMessage.info('内容不能为空');
            }else{
                cocoMessage.info(
                    '请设置 Access Tokens',
                    () => {
                        memosEditorInner.classList.add("d-none");
                        memosEditorOption.classList.remove("d-none");
                    }
                );
            }
        });

        function hasMemosOpenId() {
            if (!memosOpenId) {
                memosEditorOption.classList.remove("d-none");
                cocoMessage.info('请设置 Access Tokens');
            }else{
                const tagUrl = `${memosPath}/api/v1/tag`;
                const response = fetch(tagUrl,{
                    method: 'GET',
                    headers: {
                        'Authorization': `Bearer ${memosOpenId}`,
                        'Content-Type': 'application/json'
                    }
                }).then(response => response.json()).then(resdata => {
                    return resdata
                }).then(response => {
                    let taglist = "";
                    response.map((t)=>{
                        taglist += `<div class="memos-tag d-flex text-xs mt-2 mr-2"><a class="d-flex px-2 justify-content-center" onclick="setMemoTag(this)">#${t}</a></div>`;
                    })
                    document.querySelector(".memos-tag-list").innerHTML = taglist;
                    // cocoMessage.success('准备就绪');
                    memosEditorInner.classList.remove("d-none");
                    memosEditorOption.classList.add("d-none");
                    memosRadomCont.classList.remove("d-none");
                }).catch(err => {
                    memosEditorOption.classList.remove("d-none");
                    cocoMessage.error('Access Tokens 有误，请重新输入!');
                });
            }
        }

        function random(a,b) {
            let choices = b - a + 1;
            return Math.floor(Math.random() * choices + a);
        }

        async function getMemosData(p,t) {
            try {
                let response = await fetch(`${p}/api/v1/memo`,{
                    method: 'GET',
                    headers: {
                        'Authorization': `Bearer ${t}`,
                        'Content-Type': 'application/json'
                    }
                });
                if (response.ok) {
                    let resdata = await response.json();
                    if (resdata) {
                        memosCount = resdata.length;
                        window.localStorage && window.localStorage.setItem("memos-access-path", p);
                        window.localStorage && window.localStorage.setItem("memos-access-token", t);
                        window.localStorage && window.localStorage.setItem("memos-response-count", memosCount);
                        cocoMessage.success('保存成功', () => {
                            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
                            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
                            location.reload();
                            hasMemosOpenId();
                        });
                    }
                } else {
                    cocoMessage.error('出错了，再检查一下吧!');
                }
            } catch (error) {
                cocoMessage.error('出错了，再检查一下吧!');
            }
        }

        async function updateAvatarUrl(e) {
            try {
                let response = await fetch(`${memosPath}/api/v1/user/me`,{
                    method: 'GET',
                    headers: {
                        'Authorization': `Bearer ${memosOpenId}`,
                        'Content-Type': 'application/json'
                    }
                });
                if (response.ok) {
                    let resdata = await response.json();
                    e.forEach(item => {
                        item.avatarUrl = resdata.avatarUrl;
                    });
                    updateRadom(e);
                } else {
                    cocoMessage.error('出错了，再检查一下吧!');
                }
            } catch (error) {
                cocoMessage.error('出错了，再检查一下吧!');
            }
        }
    }

//发布框 TAG
    function setMemoTag(e){
        let memoTag = e.textContent + " ";
        memosTextarea.value += memoTag;
    }

    function deleteImage(e){
        if(e){
            let memoId = e.getAttribute("data-id")
            let memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
            let memosResourceList = memosResource.filter(function(item){ return item != memoId});
            window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
            e.remove()
        }
    }

//图片上传缩略图拖动顺序
    function imageListDrag(){// 获取包含所有图像元素的父元素
        const imageList = document.querySelector('.memos-image-list');
        // 存储被拖动的元素
        let draggedItem = null;
        let memosResourceList;
        // 为每个图像元素添加拖动事件监听器
        imageList.querySelectorAll('.imagelist-item').forEach(item => {
            item.draggable = true;
            // 当拖动开始时
            item.addEventListener('dragstart', function(e) {
                // 存储被拖动的元素
                draggedItem = this;
                memosResourceList = [];
            });
            // 当拖动元素进入目标区域时
            item.addEventListener('dragover', function(e) {
                e.preventDefault(); // 阻止默认行为
                this.classList.add('dragover'); // 添加拖动进入样式
            });

            // 当拖动元素离开目标区域时
            item.addEventListener('dragleave', function() {
                this.classList.remove('dragover'); // 移除拖动进入样式
            });

            // 当拖动元素放置到目标区域时
            item.addEventListener('drop', function(e) {
                e.preventDefault(); // 阻止默认行为
                this.classList.remove('dragover'); // 移除拖动进入样式
                // 计算拖动元素中心点
                const rect = this.getBoundingClientRect();
                const centerX = rect.left + rect.width / 2;
                // 判断鼠标相对中心点的位置
                const isLeft = e.clientX < centerX;
                if (isLeft) {
                    // 插入到前一个元素前
                    this.parentNode.insertBefore(draggedItem, this.previousElementSibling);
                } else {
                    // 插入到后一个元素后
                    this.parentNode.insertBefore(draggedItem, this.nextElementSibling);
                }
                document.querySelectorAll('.memos-image-list .imagelist-item').forEach((item) => {
                    let itemId = Number(item.dataset.id)
                    memosResourceList.push(itemId);
                })
                window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
            });
        });
    }

// Emoji表情选择

    let emojiSelectorVisible = false;
    let emojiSelector;
    let emojis = []; // 缓存表情数据

// 页面加载时获取表情数据
    window.addEventListener("DOMContentLoaded", async () => {
        try {
            emojis = await getEmojisData(); // 获取表情数据
        } catch (error) {
            console.error('Failed to fetch emojis data:', error);
        }
    });

// 表情选择器点击事件处理
    biaoqing.addEventListener("click", function (event) {
        event.stopPropagation();
        emojiSelectorVisible = !emojiSelectorVisible;
        const memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
        const memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");

        if (emojiSelectorVisible && memosPath && memosOpenId) {
            displayEmojiSelector();
        } else {
            emojiSelector?.remove();
        }
    });

// 显示表情选择器
    function displayEmojiSelector() {
        if (!emojiSelector) {
            emojiSelector = document.createElement('div');
            emojiSelector.classList.add('emoji-selector');

            // 使用事件代理，将事件监听器添加到父元素上
            emojiSelector.addEventListener('click', (event) => {
                const target = event.target;
                if (target.classList.contains('emoji-item')) {
                    insertEmoji(target.innerHTML); // 直接插入emoji图标
                }
            });
        }

        emojiSelector.innerHTML = ''; // 清空表情选择器内容

        emojis.forEach(emoji => {
            const emojiItem = document.createElement('div');
            emojiItem.classList.add('emoji-item');
            emojiItem.innerHTML = emoji.icon;
            emojiItem.title = emoji.text;
            emojiSelector.appendChild(emojiItem);
        });

        // 将表情下拉框插入到对应位置
        const memosEditorTools = document.querySelector(".memos-editor-footer");
        if (memosEditorTools) {
            memosEditorTools.insertAdjacentElement('afterend', emojiSelector);
        }
    }

// 获取json文件中的数据
    async function getEmojisData() {
        const response = await fetch('/json/owo.json');
        const data = await response.json();
        return data.Emoji.container;
    }

// 表情光标位置
    function insertEmoji(emojiText) {
        const selectionStart = memosTextarea.selectionStart;
        const newValue = `${memosTextarea.value.substring(0, selectionStart)}${emojiText}${memosTextarea.value.substring(memosTextarea.selectionEnd)}`;
        memosTextarea.value = newValue;
        memosTextarea.dispatchEvent(new Event('input'));
        const newCursorPosition = selectionStart + emojiText.length;
        memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
        memosTextarea.focus();
    }


// 标签自动补全

    const tagListElement = document.querySelector('.memos-tag-list');
    const tagMenu = document.getElementById('memos-tag-menu');
    let selectedTagIndex = -1;

    const getMatchingTags = (tagPrefix) => {
        const allTags = Array.from(tagListElement.querySelectorAll('.memos-tag a')).map(tagLink => tagLink.textContent);
        return allTags.filter(tag => tag.toLowerCase().includes(tagPrefix.toLowerCase()));
    };

    const hideTagMenu = () => tagMenu.style.display = 'none';

    const showTagMenu = (matchingTags) => {
        tagMenu.innerHTML = matchingTags.map(tag => `<div class="tag-option">${tag}</div>`).join('');
        const { left, bottom } = memosTextarea.getBoundingClientRect();
        tagMenu.style.cssText = `display: block;`;
        selectedTagIndex = -1;
    };

    const insertSelectedTag = (tag) => {
        const inputValue = memosTextarea.value;
        const cursorPosition = memosTextarea.selectionStart;

        const textBeforeCursor = inputValue.substring(0, cursorPosition);
        const lines = textBeforeCursor.split('\n');
        const lastLine = lines[lines.length - 1];
        const wordsBeforeCursor = lastLine.split(/\s+/);

        wordsBeforeCursor.pop();

        const newLastLine = `${wordsBeforeCursor.join(' ')} ${tag} `;
        const newValue = inputValue.replace(lastLine, newLastLine);

        memosTextarea.value = newValue;

        const newCursorPosition = newValue.lastIndexOf(tag) + tag.length + 1;

        hideTagMenu();
        selectedTagIndex = -1;

        memosTextarea.focus();
        memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
    };

    memosTextarea.addEventListener('input', () => {
        const inputValue = memosTextarea.value;
        const cursorPosition = memosTextarea.selectionStart;

        const lastWord = inputValue.substring(0, cursorPosition).split(/\s+/).pop();

        if (lastWord && lastWord.includes('#')) {
            const matchingTags = getMatchingTags(lastWord);
            matchingTags.length > 0 ? showTagMenu(matchingTags) : hideTagMenu();
        } else {
            hideTagMenu();
        }
    });

    memosTextarea.addEventListener('keydown', event => {
        const keyCode = event.keyCode;

        if (tagMenu.style.display === 'block') {
            const matchingTags = Array.from(tagMenu.querySelectorAll('.tag-option')).map(tag => tag.textContent);

            if (keyCode === 38 || keyCode === 40 || keyCode === 37 || keyCode === 39) { // 添加左右方向键的处理
                event.preventDefault();
                if (keyCode === 37 || keyCode === 39) { // 处理左右方向键
                    const direction = keyCode === 37 ? -1 : 1;
                    selectedTagIndex = (selectedTagIndex + direction + matchingTags.length) % matchingTags.length;
                } else { // 处理上下方向键
                    selectedTagIndex = (selectedTagIndex + (keyCode === 38 ? -1 : 1) + matchingTags.length) % matchingTags.length;
                }
                Array.from(tagMenu.querySelectorAll('.tag-option')).forEach((option, index) => option.classList.toggle('selected', index === selectedTagIndex));
            } else if (keyCode === 13 && selectedTagIndex !== -1) {
                event.preventDefault();
                insertSelectedTag(matchingTags[selectedTagIndex]);
            }
        }
    });

    tagMenu.addEventListener('click', event => {
        insertSelectedTag(event.target.textContent);
    });


//修改
    let memosOldSelect;
    function editMemo(memo) {
        memosOldSelect = memosVisibilitySelect.value;
        getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
        if(memosOpenId && getEditor == "show"){
            document.querySelector(".memos-image-list").innerHTML = '';
            let e = JSON.parse(memo.getAttribute("data-form"));
            memoResList = e.resourceList,memosResource = [],imageList = "";
            memosVisibilitySelect.value = e.visibility;
            window.localStorage && window.localStorage.setItem("memos-editor-dataform",JSON.stringify(e));
            window.localStorage && window.localStorage.setItem("memos-visibility-select",memosVisibilitySelect.value);
            memosTextarea.value = e.content;
            memosTextarea.style.height = memosTextarea.scrollHeight + 'px';
            submitMemoBtn.classList.add("d-none");
            editMemoDom.classList.remove("d-none");
            if(memoResList.length > 0){
                for (let i = 0; i < memoResList.length; i++) {
                    let imgLink = '', fileId = '',resexlink = memoResList[i].externalLink;
                    if (resexlink) {
                        imgLink = resexlink
                    } else {
                        fileId = memoResList[i].publicId || memoResList[i].filename
                        imgLink = `${memosPath}/o/r/${memoResList[i].id}`;///${fileId}
                    }
                    memosResource.push(memoResList[i].id);
                    imageList += `<div data-id="${memoResList[i].id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
                }


                window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
                document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
            }
            //平滑滚动到对应的class
            let editorBody = document.querySelector('.index-laodao');
            if (editorBody) {
                editorBody.scrollIntoView({ behavior: 'smooth' });
            }
        }
    }

    editMemoBtn.addEventListener("click", function () {
        let dataformNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-editor-dataform"));
        let memoId = dataformNow.id,memoRelationList = dataformNow.relationList,
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token"),
            memoContent = memosTextarea.value,
            memocreatedTs = dataformNow.createdTs,
            memoVisibility = memosVisibilitySelect.value,
            memoResourceList = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
        if(memoChangeDate == 1){
            memocreatedTs = Math.floor(Date.now() / 1000);;
        }
        let hasContent = memoContent.length !== 0;
        if (hasContent) {
            let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
            let memoBody = {content:memoContent,id:memoId,createdTs:memocreatedTs,relationList:memoRelationList,resourceIdList:memoResourceList,visibility:memoVisibility}
            fetch(memoUrl, {
                method: 'PATCH',
                body: JSON.stringify(memoBody),
                headers: {
                    'Authorization': `Bearer ${memosOpenId}`,
                    'Content-Type': 'application/json'
                }
            }).then(function(res) {
                if (res.ok) {
                    cocoMessage.success(
                        '修改成功',
                        ()=>{
                            memoChangeDate = 0;
                            memosVisibilitySelect.value = memosOldSelect;
                            submitMemoBtn.classList.remove("d-none");
                            editMemoDom.classList.add("d-none");
                            document.querySelector(".memos-image-list").innerHTML = '';
                            window.localStorage && window.localStorage.removeItem("memos-resource-list");
                            window.localStorage && window.localStorage.removeItem("memos-relation-list");
                            memosTextarea.value = '';
                            memosTextarea.style.height = 'inherit';
                            window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
                            let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
                            reloadList(memosMode)
                        })
                }
            })
        }
    })

//增加memo编辑的时候取消功能
    cancelEditBtn.addEventListener("click", function () {
        if (!editMemoDom.classList.contains("d-none")) {
            memosVisibilitySelect.value = memosOldSelect;
            document.querySelector(".memos-image-list").innerHTML = '';
            window.localStorage && window.localStorage.removeItem("memos-resource-list");
            window.localStorage && window.localStorage.removeItem("memos-relation-list");
            memosTextarea.value = '';
            memosTextarea.style.height = 'inherit';
            window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
            editMemoDom.classList.add("d-none");
            submitMemoBtn.classList.remove("d-none");
        }
    })

//增加memos归档功能
    function archiveMemo(memoId) {
        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
        if(memosOpenId && memoId){
            let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
            let memoBody = {id:memoId,rowStatus:"ARCHIVED"};
            fetch(memoUrl, {
                method: 'PATCH',
                body: JSON.stringify(memoBody),
                headers: {
                    'Authorization': `Bearer ${memosOpenId}`,
                    'Content-Type': 'application/json'
                }
            }).then(function(res) {
                if (res.ok) {
                    cocoMessage.success(
                        '归档成功',
                        ()=>{
                            let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
                            reloadList(memosMode)
                        })
                }
            })
        }
    }

//增加memo删除功能
    function deleteMemo(memoId) {
        let isOk = confirm("确定要删除此条唠叨吗？");
        if(isOk){
            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
            if(memosOpenId && memoId){
                let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
                fetch(memoUrl, {
                    method: 'DELETE',
                    headers: {
                        'Authorization': `Bearer ${memosOpenId}`,
                        'Content-Type': 'application/json'
                    }
                }).then(function(res) {
                    if (res.ok) {
                        cocoMessage.success(
                            '删除成功',
                            ()=>{
                                let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
                                reloadList(memosMode)
                            })
                    }
                }).catch(err => {
                    cocoMessage.error('出错了，再检查一下吧')
                })
            }
        }
    }

//无刷新
    function reloadList(mode){
        var bberDom = document.querySelector("#bber");
        bberDom.innerHTML = '';
        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
        var bbUrl;
        if(mode == "NOPUBLIC"){
            bbUrl = memos+"api/v1/memo";
        }if(mode == "ONEDAY"){
            let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
            let random = Math.floor(Math.random() * memosCount)
            bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&limit=1&offset="+random;
        }else{
            bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
        }
        fetch(bbUrl,{
            headers: {
                'Authorization': `Bearer ${memosOpenId}`,
                'Content-Type': 'application/json',
                'Cache-Control': 'no-cache',
            },
            cache: 'no-store',
        }).then(res => res.json()).then( resdata =>{
            if (mode == "NOPUBLIC") {
                resdata = resdata.filter((item) => item.visibility !== "PUBLIC");
            }
            if(mode == "ONEDAY"){
                updateHTMl(resdata,"ONEDAY");
            }else{
                updateHTMl(resdata);
                var nowLength = resdata.length;
                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
                    document.querySelector("button.button-load").remove()
                    return
                }
                mePage++
                offset = limit*(mePage-1)
                getNextList(mode)
            }
        });
    }

//发布框中无内容时，唠叨一下按钮为透明度0.4
    function handleTextareaInput() {
        var textarea = document.querySelector('.memos-editor-textarea');
        var submitButton = document.querySelector('.submit-memos-btn');
        submitButton.style.opacity = textarea.value.trim() !== '' ? 1 : 0.4;
    }
    handleTextareaInput();
    document.querySelector('.memos-editor-textarea').addEventListener('input', handleTextareaInput);


//memos、评论链接跳转中间页
    document.body.addEventListener('click', function(e) {
        let target = e.target.closest('.atk-comment-wrap a, .datacont a');
        if (target && !target.href.includes('usj.cc')) {
            e.preventDefault();
            let encodedUrl = btoa(target.href);
            let url = '/tiaozhuan?target=' + encodedUrl;
            window.open(url, '_blank');
        }
    });
}
// 设置pjax预先加载代码
function pjax_reload() {
    // 给pjax容器加入css过渡动画
    $("#pjax-container").addClass("uk-animation-slide-bottom-small");
    // 评论区过渡动画
    $(".comment-meta").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
    $(".comment-author vcard").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
    $(".comment-metadata").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
    $(".comment-content").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
    $(".reply").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
    // 说说页面过渡动画
    $("#shuoshuo_body").attr("uk-scrollspy", "target: > .shuoshuo; cls: uk-animation-fade; delay: 250");
}
// pjax发送时期
document.addEventListener("pjax:send", function () {
    // pjax动画减少圆圈动画
    NProgress.configure({
        showSpinner: false
    });
    // pjax执行动画开始
    NProgress.start(); //加载动画效果开始
});
// Pjax 成功后，重新加载下面的函数
document.addEventListener("pjax:success", function () {
    // 重载图片懒加载插件的js
    lazyimg_pjax()
    lazyLoadInit({
        // coverColor: "white",
        // coverDiv: "<div style='display: flex; justify-content: center; align-items: center; height: 200px; color: #000000;'><span>优世界·一个记录生活点滴的小站</span></div>",
        offsetBottom: 800,
        offsetTopm: 800,
        showTime: 1100
    });
    // 激活文章图片灯箱
    window.ViewImage && ViewImage.init('.post-content img');
});
// pjax加载完成
document.addEventListener("pjax:complete", function () {
    // pjax完成动画
    NProgress.done();
    // 重载一些js样式调整
    pjax_reload()
    //  激活返回顶部插件
    $(function () {
        $.scrollUp({
            animation: 'fade',
            scrollImg: true
        });
    });
    // 重载评论
    if (document.querySelector("#Comments")) {
        Artalk.init({
            el: '#Comments',                // 绑定元素的 Selector
            server: 'https://artalk.5b2.cn',  // 后端地址
            site: '优世界',             // 你的站点名
            flatMode: true
        })
    }
    // 重载评论弹幕
    if (document.querySelector("#Comments") && !isMobile()) {
            loadBarrager()
    }
    // 重载memos
    reload_memos()
});