$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(sortAsc){ sorted.sort(function(a,b){return (a.publishedAt||'')>(b.publishedAt||'')?1:-1;}); }else{ sorted.sort(function(a,b){return (a.publishedAt||'')<(b.publishedAt||'')?1:-1;}); } if(!sorted.length){ var empty=document.createElement('div'); css(empty,{padding:'32px 18px',textAlign:'center',color:T.textSec,fontSize:'13px'}); empty.textContent='No entries match this filter.'; list.appendChild(empty); return; } sorted.forEach(function(e){list.appendChild(buildEntryItem(e));}); if(list.lastChild)list.lastChild.style.borderBottom='none'; } function showDetail(entry){ if(!detailWrap||!listWrap)return; inDetail=true; detailWrap.innerHTML=''; if(entry.labels&&entry.labels.length){ var lrow=document.createElement('div'); css(lrow,{display:'flex',gap:'5px',flexWrap:'wrap',marginBottom:'8px'}); entry.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); }); detailWrap.appendChild(lrow); } var title=document.createElement('div'); css(title,{fontSize:'16px',fontWeight:'700',color:T.text,lineHeight:'1.4',marginBottom:'4px'}); title.textContent=entry.title; detailWrap.appendChild(title); var meta=document.createElement('div'); css(meta,{fontSize:'12px',color:T.textSec,marginBottom:'12px',display:'flex',gap:'8px'}); if(entry.publishedAt){ var d=document.createElement('span'); d.textContent=fmt(entry.publishedAt); meta.appendChild(d); } if(entry.version){ var v=document.createElement('span'); v.textContent='v'+entry.version; meta.appendChild(v); } if(meta.childNodes.length)detailWrap.appendChild(meta); var hr=document.createElement('div'); css(hr,{borderTop:'1px solid '+T.border,marginBottom:'12px'}); detailWrap.appendChild(hr); var content=document.createElement('div'); content.className='__clai_md'+(dark?' __clai_dark':''); css(content,{fontSize:'14px',color:T.textContent,lineHeight:'1.6'}); content.innerHTML=md(entry.content||''); detailWrap.appendChild(content); var deepLink=document.createElement('a'); css(deepLink,{display:'inline-block',marginTop:'14px',fontSize:'13px', color:accent,fontWeight:'500',textDecoration:'none', transition:'opacity 0.15s ease'}); deepLink.href=APP+'/'+SLUG+'#entry-'+entry.id; deepLink.target='_blank'; deepLink.rel='noopener noreferrer'; deepLink.textContent='Read full entry \u2192'; deepLink.onmouseover=function(){deepLink.style.opacity='0.7';}; deepLink.onmouseout=function(){deepLink.style.opacity='1';}; detailWrap.appendChild(deepLink); css(listWrap,{transform:'translateX(-100%)',opacity:'0'}); if(toolbar)css(toolbar,{transform:'translateX(-100%)',opacity:'0'}); detailWrap.style.display='block'; detailWrap.offsetHeight; css(detailWrap,{transform:'translateX(0)',opacity:'1'}); if(ftr)ftr.style.display='none'; setTimeout(function(){listWrap.style.display='none';if(toolbar)toolbar.style.display='none';},250); htitle.textContent=''; backBtn.style.display='inline-flex'; } function showList(){ if(!detailWrap||!listWrap)return; inDetail=false; listWrap.style.display='block'; if(toolbar)css(toolbar,{display:'flex'}); listWrap.offsetHeight; css(listWrap,{transform:'translateX(0)',opacity:'1'}); if(toolbar)css(toolbar,{transform:'translateX(0)',opacity:'1'}); css(detailWrap,{transform:'translateX(100%)',opacity:'0'}); if(ftr)ftr.style.display='block'; setTimeout(function(){detailWrap.style.display='none';css(detailWrap,{transform:'translateX(100%)'});},250); htitle.textContent=allEntries._name||"What's new"; backBtn.style.display='none'; } function render(data){ var entries=data.entries||[]; if(!entries.length)return; accent=data.accentColor||'#6366f1'; var name=data.projectName||"What's new"; allEntries=entries; allEntries._name=name; if(!document.getElementById('__clai_style')){ var s=document.createElement('style');s.id='__clai_style'; s.textContent=[ '@keyframes __clai_pulse{0%,100%{opacity:1}50%{opacity:.55}}', '.__clai_md h1{font-size:1.3em;font-weight:700;margin:0.8em 0 0.4em}', '.__clai_md h2{font-size:1.15em;font-weight:700;margin:0.7em 0 0.3em}', '.__clai_md h3{font-size:1.05em;font-weight:600;margin:0.6em 0 0.3em}', '.__clai_md p{margin:0.5em 0}', '.__clai_md ul,.__clai_md ol{margin:0.5em 0;padding-left:1.5em}', '.__clai_md li{margin:0.2em 0}', '.__clai_md code{background:#f1f5f9;padding:1px 4px;border-radius:3px;font-size:0.9em}', '.__clai_md pre{background:#f1f5f9;padding:10px;border-radius:6px;overflow-x:auto;margin:0.5em 0}', '.__clai_md pre code{background:none;padding:0}', '.__clai_md a{color:#4f46e5;text-decoration:underline}', '.__clai_md strong{font-weight:600}', '.__clai_md em{font-style:italic}', '.__clai_md hr{border:none;border-top:1px solid #e2e8f0;margin:0.8em 0}', '.__clai_md blockquote{border-left:3px solid #e2e8f0;padding-left:12px;color:#64748b;margin:0.5em 0}', '.__clai_md table{width:100%;border-collapse:collapse;margin:0.5em 0;font-size:0.9em}', '.__clai_md th,.__clai_md td{border:1px solid #e2e8f0;padding:6px 10px;text-align:left}', '.__clai_md th{background:#f8fafc;font-weight:600}', '.__clai_dark code{background:#334155}', '.__clai_dark pre{background:#334155}', '.__clai_dark a{color:#818cf8}', '.__clai_dark hr{border-top-color:#475569}', '.__clai_dark blockquote{border-left-color:#475569;color:#94a3b8}', '.__clai_dark th,.__clai_dark td{border-color:#475569}', '.__clai_dark th{background:#334155}' ].join('\n'); document.head.appendChild(s); } btn=document.createElement('button'); var btnPos={position:'fixed',zIndex:'99999'}; btnPos[posY]='24px';btnPos[posX]='24px'; css(btn,Object.assign(btnPos,{ background:accent,color:'#fff',border:'none',borderRadius:'999px', padding:'9px 16px',fontSize:'14px',fontWeight:'600',cursor:'pointer', display:'flex',alignItems:'center',gap:'8px', boxShadow:'0 4px 14px rgba(0,0,0,0.18)', fontFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif', transition:'transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.4s ease, box-shadow 0.15s ease', transform:'scale(0)',opacity:'0'})); btn.onmouseover=function(){css(btn,{transform:'scale(1.05)',boxShadow:'0 6px 20px rgba(0,0,0,0.22)'});}; btn.onmouseout=function(){css(btn,{transform:'scale(1)',boxShadow:'0 4px 14px rgba(0,0,0,0.18)'});}; badge=document.createElement('span'); css(badge,{background:'rgba(255,255,255,0.25)',padding:'1px 7px', borderRadius:'999px',fontSize:'12px', transition:'opacity 0.3s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1)', display:'none',opacity:'0',transform:'scale(0.5)'}); btn.appendChild(document.createTextNode("What's new ")); btn.appendChild(badge); btn.onclick=function(){toggle();}; document.body.appendChild(btn); setTimeout(function(){css(btn,{transform:'scale(1)',opacity:'1'});},400); var unseen=countUnseen(entries); if(unseen>0){ 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(){ sortAsc=!sortAsc; sortBtn.textContent=sortAsc?'Oldest \u2191':'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();} })();

Embeddable widget for external websites