네이버 블로그의 댓글수 순위 기능을 확장합니다.
// ==UserScript== // @namespace https://tampermonkey.myso.kr/ // @name 네이버 블로그 댓글수 순위 어드밴스드 // @description 네이버 블로그의 댓글수 순위 기능을 확장합니다. // @copyright 2021, myso (https://tampermonkey.myso.kr) // @license Apache-2.0 // @version 1.1.0 // @author Won Choi // @connect naver.com // @match https://blog.stat.naver.com/blog/rank/comment* // @grant GM_addStyle // @grant GM_xmlhttpRequest // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-app.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-style.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-script.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-xmlhttp-request-async.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-blog.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-blog-content.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-blog-content-comment.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/donation.js // @require https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.js // @require https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.33/moment-timezone.js // @require https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.7.2/bluebird.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js // ==/UserScript== // ==OpenUserJS== // @author myso // ==/OpenUserJS== GM_App(async function main() { moment.tz.setDefault("Asia/Seoul"); GM_donation('.u_ni_stats_detail_wrap'); const tmpl = Handlebars.compile(` <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" integrity="sha512-usVBAd66/NpVNfBge19gws2j6JZinnca12rAe2l+d+QkLU9fiG02O1X8Q6hepIpr/EYKZvKx/I9WsnujJuOmBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style>.loading { pointer-events: none; opacity: 0.5; }</style> <title>네이버 블로그 댓글수 순위 어드밴스드</title> </head> <body> <script> function form_update(form) { const { sdate, edate } = form; window.opener.postMessage({ action: 'kr.myso.tampermonkey.com.naver.blog.manage.comments.update', sdate: sdate.value, edate: edate.value }, '*'); } </script> <form onsubmit="form_update(this); return false;"> <div class="input-group mb-3"> <input type="date" class="form-control" name="sdate" value="{{{sdate}}}" placeholder="" aria-label="Example text with button addon" aria-describedby="button-search"> <input type="date" class="form-control" name="edate" value="{{{edate}}}" placeholder="" aria-label="Example text with button addon" aria-describedby="button-search"> <button class="btn btn-outline-secondary" type="submit" id="button-search">검색</button> </div> </form> {{#each items}} <div class="border-bottom"> <table class="table table-striped mb-2"> <thead> <tr> <th>게시물 제목</th> <th>댓글수</th> </tr> </thead> <tbody> <tr> <td><a href="{{{uri}}}" rel="noreferrer" target="_blank">{{title}}</a></td> <td>{{comments.length}}건</td> </tr> </tbody> </table> <div class="d-grid gap-2 mb-2"> <button class="btn btn-sm btn-primary" type="button" onclick="this.nextElementSibling.classList.toggle('d-none')">댓글 펼치기/접기</button> <table class="table table-striped d-none"> <thead> <th>작성자</th> <th>작성시간</th> <th>수정시간</th> <th>내용</th> </thead> <tbody> {{#each comments}} <tr> <td><a href="https://blog.naver.com/{{{profileUserId}}}" rel="noreferrer" target="_blank">{{{userName}}} ({{profileUserId}})</a></td> <td>{{regTime}}</td> <td>{{modTime}}</td> <td>{{{contents}}}</td> </tr> {{/each}} </tbody> </table> </div> <div class="d-grid gap-2 mb-2"> <button class="btn btn-sm btn-primary" type="button" onclick="this.nextElementSibling.classList.toggle('d-none')">통계 펼치기/접기</button> <table class="table table-striped d-none"> <thead> <th>날짜</th> <th>순위</th> <th>댓글수</th> </thead> <tbody> {{#each stats}} <tr> <td>{{date}}</td> <td>{{rank}}</td> <td>{{{event}}}</td> </tr> {{/each}} </tbody> </table> </div> </div> {{/each}} <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.bundle.min.js" integrity="sha512-72WD92hLs7T5FAXn3vkNZflWG6pglUDDpm87TeQmfSg8KnrymL2G30R7as4FmTwhgu9H7eSzDCX3mjitSecKnw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </body> </html> `); window.addEventListener('message', (e)=>{ if(e.origin !== location.origin) return; const { data } = e, { action, sdate, edate } = data; if(action != 'kr.myso.tampermonkey.com.naver.blog.manage.comments.update') return; update(edate, sdate); }); async function popup(data) { const html = tmpl(data); const blob = new Blob([html], { type: 'text/html' }); const blob_url = URL.createObjectURL(blob); window.open(blob_url, 'kr.myso.tampermonkey.com.naver.blog.manage.comments', 'width=1024, height=960'); } async function update(edate, sdate) { sdate = moment(sdate).format('YYYY-MM-DD'); edate = moment(edate).format('YYYY-MM-DD'); const user = await NB_blogInfo('', 'BlogUserInfo'); if(!user || !user.userId) return alert('오류: 사용자 정보를 알 수 없습니다.'); const blog = await NB_blogInfo(user.userId, 'BlogInfo'); if(!blog || !blog.blogId) return alert('오류: 블로그 정보를 알 수 없습니다.'); const diff = moment(edate).diff(sdate, 'days') || 1; const range = _.range(diff).map(i=>moment(edate).subtract(i, 'days').format('YYYY-MM-DD')); const stats = await Promise.map(range, async (date)=>({ date, stat: await NB_blogStat['순위']['댓글수'](blog.blogId, date) }), { concurrency: 10 }); const group = _.orderBy(_.map(_.groupBy(stats.map(item=>item.stat.rankComment).flat(), 'uri'), (stats)=>({ ..._.head(stats), event: _.sumBy(stats, 'event'), stats })), 'event', 'desc'); const cmnts = await Promise.map(group, async (item)=>(item.comments = await NB_blogPostCommentsAll(blog.blogId, blog.blogNo, _.last(item.uri.split('/'))), item), { concurrency: 10 }); const items = cmnts.map(item=>(item.comments = item.comments.filter(o=>range.includes(moment(o.regTime).format('YYYY-MM-DD'))), item)); return popup({ sdate, edate, items }); } await update(); })
