$1

'); src=src.replace(/^### (.+)$/gm,'

$1

'); src=src.replace(/^## (.+)$/gm,'

$1

'); src=src.replace(/^# (.+)$/gm,'

$1

'); src=src.replace(/^---$/gm,'

'); src=src.replace(/^> (.+)$/gm,'

$1

'); src=src.replace(/(?:^- .+$\n?)+/gm,function(m){ var items=m.trim().split('\n').map(function(l){return '

'+l.replace(/^- /,'')+'

';}).join(''); return '

'+items+''; }); src=src.replace(/(?:^\d+\. .+$\n?)+/gm,function(m){ var items=m.trim().split('\n').map(function(l){return '

'+l.replace(/^\d+\. /,'')+'

';}).join(''); return '

'+items+''; }); src=src.replace(/`([^`]+)`/g,'$1'); src=src.replace(/\*\*([^*]+)\*\*/g,'$1'); src=src.replace(/\*([^*]+)\*/g,'$1'); src=src.replace(/\[([^\]]+)\]$([^)]+)$/g,function(_,text,url){ if(url.match(/^javascript:/i))return text; return ''+text+''; }); var lines=src.split('\n'),out=[]; for(var i=0;i'+ln+'

'); } return out.join('\n'); } function showPanel(){ if(!panel)return; panel.style.display='flex'; panel.offsetHeight; css(panel,{opacity:'1',transform:'translateY(0)'}); } function hidePanel(){ if(!panel)return; css(panel,{opacity:'0',transform:'translateY(8px)'}); setTimeout(function(){if(!open)panel.style.display='none';},200); } function hideBadge(){ if(!badge)return; css(badge,{opacity:'0',transform:'scale(0.5)'}); setTimeout(function(){badge.style.display='none';badge.textContent='';},200); } function showBadge(n){ if(!badge)return; badge.textContent=String(n); badge.style.display='inline'; badge.offsetHeight; css(badge,{opacity:'1',transform:'scale(1)'}); } function buildEntryItem(e){ var item=document.createElement('div'); css(item,{padding:'14px 18px', borderBottom:'1px solid '+T.border, transition:'background 0.15s ease',cursor:'pointer'}); item.onclick=function(){showDetail(e);}; if(e.labels&&e.labels.length){ var lrow=document.createElement('div'); css(lrow,{display:'flex',gap:'5px',flexWrap:'wrap',marginBottom:'6px'}); e.labels.forEach(function(l){ var b=document.createElement('span'); var c=lc(l); css(b,{fontSize:'11px',fontWeight:'600',padding:'2px 7px', borderRadius:'999px',background:labelBg(c),color:c}); b.textContent=l.charAt(0)+l.slice(1).toLowerCase(); lrow.appendChild(b); }); item.appendChild(lrow); } var t=document.createElement('div'); css(t,{fontSize:'14px',fontWeight:'600',color:T.text,marginBottom:'3px',lineHeight:'1.4'}); t.textContent=e.title; item.appendChild(t); if(e.content){ var preview=document.createElement('div'); var plain=stripMd(e.content); if(plain.length>80)plain=plain.substring(0,80)+'\u2026'; css(preview,{fontSize:'12px',color:T.textSec,lineHeight:'1.3', overflow:'hidden',whiteSpace:'nowrap',textOverflow:'ellipsis', marginBottom:'4px'}); preview.textContent=plain; item.appendChild(preview); } var meta=document.createElement('div'); css(meta,{fontSize:'12px',color:T.textSec,display:'flex',gap:'8px'}); if(e.publishedAt){ var d=document.createElement('span'); d.textContent=fmt(e.publishedAt); meta.appendChild(d); } if(e.version){ var v=document.createElement('span'); v.textContent='v'+e.version; meta.appendChild(v); } if(meta.childNodes.length)item.appendChild(meta); var arrow=document.createElement('span'); css(arrow,{position:'absolute',right:'18px',top:'50%',transform:'translateY(-50%)', fontSize:'14px',color:T.arrowColor,transition:'color 0.15s ease'}); arrow.textContent='\u203A'; css(item,{position:'relative',paddingRight:'36px'}); item.appendChild(arrow); item.onmouseover=function(){item.style.background=T.hover;arrow.style.color=T.arrowHover;}; item.onmouseout=function(){item.style.background='transparent';arrow.style.color=T.arrowColor;}; return item; } function renderList(){ if(!listWrap)return; var list=listWrap.querySelector('[data-list]'); if(!list)return; list.innerHTML=''; var filtered=allEntries; if(activeFilter){ filtered=allEntries.filter(function(e){ return e.labels&&e.labels.indexOf(activeFilter)!==-1; }); } var sorted=filtered.slice(); if(sortMode==='oldest'){ sorted.sort(function(a,b){return (a.publishedAt||'')>(b.publishedAt||'')?1:-1;}); }else if(sortMode==='version'){ sorted.sort(function(a,b){ var av=a.version,bv=b.version; if(!av&&!bv){return 0;} if(!av){return 1;} if(!bv){return -1;} var ap=av.replace(/^v/i,'').split('.').map(function(p){return parseInt(p,10)||0;}); var bp=bv.replace(/^v/i,'').split('.').map(function(p){return parseInt(p,10)||0;}); for(var i=0;i0){ setTimeout(function(){ showBadge(unseen); setTimeout(function(){badge.style.animation='__clai_pulse 2s ease-in-out 2';},100); },900); } panel=document.createElement('div'); var panelPos={position:'fixed',zIndex:'99998'}; panelPos[posX]='24px'; panelPos[posY]=(posY==='bottom')?'76px':'76px'; css(panel,Object.assign(panelPos,{ width:'380px',maxWidth:'calc(100vw - 48px)',maxHeight:'520px', background:T.bg,borderRadius:'16px',overflow:'hidden', boxShadow:'0 20px 60px '+T.shadow, display:'none',flexDirection:'column', fontFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif', transition:'opacity 0.2s ease, transform 0.2s ease', opacity:'0',transform:'translateY(8px)'})); var hdr=document.createElement('div'); css(hdr,{padding:'14px 18px',borderBottom:'1px solid '+T.border, display:'flex',justifyContent:'space-between',alignItems:'center', flexShrink:'0'}); var hdrLeft=document.createElement('div'); css(hdrLeft,{display:'flex',alignItems:'center',gap:'8px'}); backBtn=document.createElement('button'); css(backBtn,{background:'none',border:'none',cursor:'pointer', color:T.backText,fontSize:'14px',padding:'0',display:'none', alignItems:'center',gap:'4px',fontWeight:'500', fontFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif', transition:'color 0.15s ease'}); backBtn.innerHTML='\u2190 Back'; backBtn.onmouseover=function(){backBtn.style.color=T.backHover;}; backBtn.onmouseout=function(){backBtn.style.color=T.backText;}; backBtn.onclick=function(){showList();}; hdrLeft.appendChild(backBtn); htitle=document.createElement('span'); css(htitle,{fontSize:'15px',fontWeight:'700',color:T.text}); htitle.textContent=name; hdrLeft.appendChild(htitle); xbtn=document.createElement('button'); css(xbtn,{background:'none',border:'none',cursor:'pointer', color:T.xColor,fontSize:'20px',padding:'0 2px',lineHeight:'1', display:'flex',alignItems:'center', transition:'color 0.15s ease'}); xbtn.innerHTML='×'; xbtn.onmouseover=function(){xbtn.style.color=T.xHover;}; xbtn.onmouseout=function(){xbtn.style.color=T.xColor;}; xbtn.onclick=function(){open=false;hidePanel();showList();}; hdr.appendChild(hdrLeft); hdr.appendChild(xbtn); panel.appendChild(hdr); toolbar=document.createElement('div'); css(toolbar,{padding:'8px 18px',borderBottom:'1px solid '+T.border, display:'flex',justifyContent:'space-between',alignItems:'center', flexShrink:'0',gap:'8px', transition:'transform 0.25s ease, opacity 0.25s ease'}); var filterSelect=document.createElement('select'); css(filterSelect,{fontSize:'12px',border:'1px solid '+T.selectBorder,borderRadius:'6px', padding:'4px 8px',color:T.selectText,background:T.selectBg, cursor:'pointer',outline:'none',fontFamily:'inherit'}); var labels=[['','All types'],['NEW','New'],['IMPROVEMENT','Improvement'], ['FIX','Fix'],['SECURITY','Security'],['DEPRECATED','Deprecated'],['ANNOUNCEMENT','Announcement']]; labels.forEach(function(pair){ var opt=document.createElement('option'); opt.value=pair[0];opt.textContent=pair[1]; filterSelect.appendChild(opt); }); filterSelect.onchange=function(){ activeFilter=filterSelect.value||null; renderList(); }; var sortBtn=document.createElement('button'); css(sortBtn,{fontSize:'12px',color:T.sortText,background:'none', border:'1px solid '+T.selectBorder,borderRadius:'6px', padding:'4px 8px',cursor:'pointer',fontFamily:'inherit', transition:'color 0.15s ease, border-color 0.15s ease', whiteSpace:'nowrap'}); sortBtn.textContent='Newest \u2193'; sortBtn.onmouseover=function(){css(sortBtn,{color:T.sortHoverText,borderColor:T.xHover});}; sortBtn.onmouseout=function(){css(sortBtn,{color:T.sortText,borderColor:T.selectBorder});}; sortBtn.onclick=function(){ if(sortMode==='newest'){sortMode='oldest';sortBtn.textContent='Oldest \u2191';} else if(sortMode==='oldest'){sortMode='version';sortBtn.textContent='Version \u2193';} else{sortMode='newest';sortBtn.textContent='Newest \u2193';} renderList(); }; toolbar.appendChild(filterSelect); toolbar.appendChild(sortBtn); panel.appendChild(toolbar); listWrap=document.createElement('div'); css(listWrap,{overflowY:'auto',flex:'1', transition:'transform 0.25s ease, opacity 0.25s ease'}); var listEl=document.createElement('div'); listEl.setAttribute('data-list','1'); listWrap.appendChild(listEl); panel.appendChild(listWrap); detailWrap=document.createElement('div'); css(detailWrap,{display:'none',overflowY:'auto',flex:'1',padding:'14px 18px', transition:'transform 0.25s ease, opacity 0.25s ease', transform:'translateX(100%)',opacity:'0'}); panel.appendChild(detailWrap); ftr=document.createElement('div'); css(ftr,{padding:'11px 18px',borderTop:'1px solid '+T.border, textAlign:'center',flexShrink:'0'}); var link=document.createElement('a'); css(link,{fontSize:'13px',color:accent,fontWeight:'500',textDecoration:'none', transition:'opacity 0.15s ease'}); link.href=APP+'/'+SLUG; link.target='_blank'; link.rel='noopener noreferrer'; link.textContent='View all updates \u2192'; link.onmouseover=function(){link.style.opacity='0.7';}; link.onmouseout=function(){link.style.opacity='1';}; ftr.appendChild(link); panel.appendChild(ftr); document.body.appendChild(panel); renderList(); } function toggle(){ if(!panel)return; open=!open; if(open){ showPanel(); markSeen(); hideBadge(); }else{ hidePanel(); setTimeout(function(){showList();},200); } } document.addEventListener('click',function(e){ if(open&&panel&&!panel.contains(e.target)&&btn&&!btn.contains(e.target)){ open=false;hidePanel(); setTimeout(function(){showList();},200); } }); document.addEventListener('keydown',function(e){ if(open&&e.key==='Escape'){ open=false;hidePanel(); setTimeout(function(){showList();},200); } }); function init(){ fetch(APP+'/api/widget/'+SLUG+'?format=json') .then(function(r){return r.json();}) .then(render) .catch(function(){}); } if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',init); }else{init();} })();

Test Project