`; shadow.appendChild(widget); /* BOOKMARK: memakai sistem bookmark template */ const bookmarkButton=widget.querySelector('.cf-quick-bookmark'); const bookmarkStorageContainsCurrent=()=>{ try{ const raw=localStorage.getItem('bookmark');if(!raw)return false; const parsed=JSON.parse(raw),list=Array.isArray(parsed)?parsed:(parsed&&Array.isArray(parsed.items)?parsed.items:[]); return list.some(item=>item&&normalize(item.url||item.href||'')===canonical); }catch(e){return false} }; const refreshBookmarkButton=()=>{ if(!bookmarkButton)return; const saved=bookmarkStorageContainsCurrent(),icon=bookmarkButton.querySelector('i'); bookmarkButton.classList.toggle('is-saved',saved); bookmarkButton.title=saved?'Sudah tersimpan':'Simpan bookmark'; bookmarkButton.setAttribute('aria-label',saved?'Sudah tersimpan':'Simpan bookmark'); if(icon){icon.classList.toggle('fa-solid',saved);icon.classList.toggle('fa-regular',!saved)} }; bookmarkButton?.addEventListener('click',e=>{ e.preventDefault();e.stopPropagation(); if(bookmarkStorageContainsCurrent()){refreshBookmarkButton();return} if(typeof window.addBookmark==='function'){window.addBookmark();setTimeout(refreshBookmarkButton,50)} }); refreshBookmarkButton(); window.addEventListener('storage',refreshBookmarkButton); /* INDEX / CRAWL / CANONICAL */ request(canonical).then(data=>{ if(!data||data.ok!==true)return; const indexPanel=widget.querySelector('.cf-index'),indexed=data.indexed===true; if(indexed){ indexPanel.classList.remove('is-off');indexPanel.classList.add('is-indexed'); widget.querySelector('.cf-index-back').textContent='VERIFIED'; }else{ indexPanel.classList.remove('is-indexed');indexPanel.classList.add('is-off'); widget.querySelector('.cf-index-back').textContent='NOT INDEXED'; } const crawl=formatCrawl(data.lastCrawlTime),crawledAs=(data.crawledAs||'').toUpperCase(); widget.querySelector('.cf-crawl-type').textContent=crawledAs==='MOBILE'?'MOBILE CRAWL':crawledAs==='DESKTOP'?'DESKTOP CRAWL':'CRAWL'; widget.querySelector('.cf-crawl-date').textContent=crawl.date; widget.querySelector('.cf-crawl-time').textContent=crawl.time; widget.querySelector('.cf-crawl-bot').textContent=crawledAs==='MOBILE'?'MOBILE':crawledAs==='DESKTOP'?'DESKTOP':'NO DATA'; const canonicalOK=!!(data.googleCanonical&&data.userCanonical&&normalize(data.googleCanonical)===normalize(data.userCanonical)); const fetchOK=data.pageFetchState==='SUCCESSFUL',robotsOK=data.robotsTxtState==='ALLOWED'; if(canonicalOK)widget.querySelector('.cf-canonical').classList.remove('cf-dim'); if(fetchOK)widget.querySelector('.cf-fetch').classList.remove('cf-dim'); if(robotsOK)widget.querySelector('.cf-robots').classList.remove('cf-dim'); const urlBack=widget.querySelector('.cf-url-back'); if(canonicalOK&&fetchOK&&robotsOK){urlBack.textContent='ALL CLEAR';urlBack.classList.remove('cf-dim')} else urlBack.textContent='PARTIAL STATUS'; }); }); })();