hans362
/
DisqusJS
mirror of https://github.com/hans362/DisqusJS.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: replace for..of with forEach

Browse Source
dependabot/npm_and_yarn/ini-1.3.7
SukkaW 5 years ago
parent af6512312b
commit 6ab240b777
1 changed files with 50 additions and 59 deletions
Show Stats Download Patch File Download Diff File

109
src/disqus.js
Unescape Escape View File

@ -2,42 +2,43 @@
* The variable used in DisqusJS * The variable used in DisqusJS
* *
* DisqusJS Mode * DisqusJS Mode
* @param {string} disqusjs.mode = dsqjs | disqus - Set which mode to use, should store and get in localStorage * @param {String} disqusjs.mode = dsqjs | disqus - Set which mode to use, should store and get in localStorage
* @param {string} disqusjs.sortType = popular | asc(oldest first) | desc(latest first) - Set which sort type to use, should store and get in localStorage * @param {String} disqusjs.sortType = popular | asc(oldest first) | desc(latest first) - Set which sort type to use, should store and get in localStorage
* *
* DisqusJS Config * DisqusJS Config
* @param {string} disqusjs.config.shortname - The disqus shortname * @param {String} disqusjs.config.shortname - The disqus shortname
* @param {string} disqusjs.config.siteName - The Forum Name * @param {String} disqusjs.config.siteName - The Forum Name
* @param {string} disqusjs.config.identifier - The identifier of the page * @param {String} disqusjs.config.identifier - The identifier of the page
* @param {string} disqusjs.config.title - The title of the page * @param {String} disqusjs.config.title - The title of the page
* @param {string} disqusjs.config.url - The url of the page * @param {String} disqusjs.config.url - The url of the page
* @param {string} disqusjs.config.api - Where to get data * @param {String} disqusjs.config.api - Where to get data
* @param {string} disqusjs.config.apikey - The apikey used to request Disqus API * @param {String} disqusjs.config.apikey - The apikey used to request Disqus API
* @param {number} disqusjs.config.nesting - The max nesting level of Disqus comment * @param {Number} disqusjs.config.nesting - The max nesting level of Disqus comment
* @param {string} disqusjs.config.nocomment - The msg when there is no comment * @param {String} disqusjs.config.nocomment - The msg when there is no comment
* @param {string} disqusjs.config.admin - The disqus forum admin username * @param {String} disqusjs.config.admin - The disqus forum admin username
* @param {string} disqusjs.config.adminLabel - The disqus moderator badge text * @param {String} disqusjs.config.adminLabel - The disqus moderator badge text
* *
* DisqusJS Info * DisqusJS Info
* @param {string} disqusjs.page.id = The thread id, used at next API call * @param {String} disqusjs.page.id = The thread id, used at next API call
* @param {string} disqusjs.page.next = The cursor of next page of list * @param {String} disqusjs.page.next = The cursor of next page of list
* @param {boolean} disqusjs.page.isClosed - Whether the comment is closed * @param {Boolean} disqusjs.page.isClosed - Whether the comment is closed
* @param {number} disqusjs.page.length - How many comment in the thread * @param {Number} disqusjs.page.length - How many comment in the thread
*/ */
function DisqusJS(config) { function DisqusJS(config) {
((window, document, localStorage, fetch, Promise) => { ((window, document, localStorage, fetch, Promise) => {
// 封装一下基于 Object.assign 的方法 // 封装一下基于 Object.assign 的方法
function _extends(...args) { function _extends(...args) {
_extends = Object.assign || function (target) { _extends = Object.assign || function (target) {
for (const source of arguments) { for (let i = 0, len = arguments.length; i < len; i++) {
const source = arguments[i];
for (const key in source) { for (const key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) { if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]; target[key] = source[key];
} }
} }
} }
return target; return target;
} }
return _extends.apply(this, args); return _extends.apply(this, args);
@ -47,7 +48,7 @@ function DisqusJS(config) {
/** /**
* msg - 提示信息 * msg - 提示信息
* *
* @param {string} url * @param {String} url
*/ */
const msg = (str) => { const msg = (str) => {
const msgEl = $$('dsqjs-msg'); const msgEl = $$('dsqjs-msg');
@ -109,7 +110,7 @@ function DisqusJS(config) {
/** /**
* _get(url) - 对 Fetch 的一个封装 * _get(url) - 对 Fetch 的一个封装
* *
* @param {string} url * @param {String} url
* @return {Promise} - 一个 Promise 对象，返回请求结果 * @return {Promise} - 一个 Promise 对象，返回请求结果
*/ */
@ -135,8 +136,8 @@ function DisqusJS(config) {
/** /**
* setLS(kwy, value) - 设置 localStorage * setLS(kwy, value) - 设置 localStorage
* *
* @param {string} key * @param {String} key
* @param {string} value * @param {String} value
*/ */
const setLS = (key, value) => { const setLS = (key, value) => {
try { try {
@ -148,7 +149,7 @@ function DisqusJS(config) {
/** /**
* formatDate(date) - 解析 date 为 yyyy-MM-dd hh:mm:ss * formatDate(date) - 解析 date 为 yyyy-MM-dd hh:mm:ss
* *
* @param {string} date - 传入评论创建日期（XML 格式） * @param {String} date - 传入评论创建日期（XML 格式）
* @return {string} - 格式化后的日期 * @return {string} - 格式化后的日期
*/ */
const formatDate = (date) => { const formatDate = (date) => {
@ -235,7 +236,7 @@ function DisqusJS(config) {
function loadDsqjs() { function loadDsqjs() {
// DisqusJS 加载中信息 // DisqusJS 加载中信息
msg(`评论基础模式加载中... ${HTML_TPL_EL_ASK_FOR_FULL}`) msg(`评论基础模式加载中... ${HTML_TPL_EL_ASK_FOR_FULL}`);
assignClickEventForAskForFulButton(); assignClickEventForAskForFulButton();
/* /*
@ -271,10 +272,10 @@ function DisqusJS(config) {
} }
}).catch(loadError) }).catch(loadError)
/* /**
* getComment(cursor) - 获取评论列表 * getComment(cursor) - 获取评论列表
* *
* @param {string} cursor - 传入 cursor 用于加载下一页的评论 * @param {String} cursor - 传入 cursor 用于加载下一页的评论
*/ */
const getComment = (cursor = '') => { const getComment = (cursor = '') => {
const $loadMoreBtn = $$('dsqjs-load-more'); const $loadMoreBtn = $$('dsqjs-load-more');
@ -284,13 +285,9 @@ function DisqusJS(config) {
const unregisterListenerForSwitchTypeRadioAndGetMoreCommentBtn = () => { const unregisterListenerForSwitchTypeRadioAndGetMoreCommentBtn = () => {
// 为按钮们取消事件，避免重复绑定 // 为按钮们取消事件，避免重复绑定
// 重新 getComment() 时会重新绑定 // 重新 getComment() 时会重新绑定
for (const i of $orderRadio) { [...$orderRadio].forEach(i => i.removeEventListener('change', switchSortType));
i.removeEventListener('change', switchSortType);
};
$loadMoreBtn.removeEventListener(CLICK, getMoreComment); $loadMoreBtn.removeEventListener(CLICK, getMoreComment);
for (const i of $loadHideCommentInDisqus) { [...$loadHideCommentInDisqus].forEach(i => i.removeEventListener(CLICK, checkDisqus));
i.removeEventListener(CLICK, checkDisqus);
};
} }
const getMoreComment = () => { const getMoreComment = () => {
@ -335,7 +332,7 @@ function DisqusJS(config) {
const cursorParam = (cursor === '') ? '' : `&cursor=${cursor}`; const cursorParam = (cursor === '') ? '' : `&cursor=${cursor}`;
// 在发起请求前禁用 加载更多评论 按钮防止重复调用 // 在发起请求前禁用 加载更多评论 按钮防止重复调用
$loadMoreBtn.classList.add('dsqjs-disabled') $loadMoreBtn.classList.add('dsqjs-disabled');
/* /*
* 获取评论列表 * 获取评论列表
* *
@ -384,13 +381,8 @@ function DisqusJS(config) {
renderComment(disqusjs.page.comment); renderComment(disqusjs.page.comment);
// 为排序按钮们委托事件 // 为排序按钮们委托事件
for (const i of $orderRadio) { [...$orderRadio].forEach(i => i.addEventListener('change', switchSortType));
i.addEventListener('change', switchSortType); [...$loadHideCommentInDisqus].forEach(i => i.addEventListener(CLICK, checkDisqus));
}
for (const i of $loadHideCommentInDisqus) {
i.addEventListener(CLICK, checkDisqus);
};
if (data.cursor.hasNext) { if (data.cursor.hasNext) {
// 将 cursor.next 存入 disqusjs 变量中供不能传参的不匿名函数使用 // 将 cursor.next 存入 disqusjs 变量中供不能传参的不匿名函数使用
@ -428,7 +420,7 @@ function DisqusJS(config) {
let topLevelComments = []; let topLevelComments = [];
let childComments = []; let childComments = [];
let commentJSON = (comment) => ({ const commentJSON = (comment) => ({
comment, comment,
author: comment.author.name, author: comment.author.name,
@ -451,21 +443,21 @@ function DisqusJS(config) {
if (childComments.length === 0) return null; if (childComments.length === 0) return null;
const list = []; const list = [];
for (const comment of childComments) { childComments.forEach(comment => {
if (comment.parent === id) { if (comment.parent === id) {
list.unshift(commentJSON(comment)); list.unshift(commentJSON(comment));
} }
} })
return (list.length) ? list : null return list.length ? list : null
} }
data.forEach((comment) => { data.forEach(comment => {
// 如果没有 comment.parent 说明是第一级评论 // 如果没有 comment.parent 说明是第一级评论
const c = comment.parent ? childComments : topLevelComments; const c = comment.parent ? childComments : topLevelComments;
c.push(comment); c.push(comment);
}); });
return topLevelComments.map(comment => commentJSON(comment)); return topLevelComments.map(commentJSON);
} }
/* /*
@ -509,29 +501,29 @@ function DisqusJS(config) {
} }
/** /**
* removeDisqUs(msg) - 将 comment 中的短链接 disq.us 去除 * removeDisqUs(input) - 将 comment 中的短链接 disq.us 去除
* @param {string} msg - 评论信息 * @param {String} input - 评论信息
* @return {string} msg - 经过处理的评论信息 * @return {string} msg - 经过处理的评论信息
*/ */
const removeDisqUs = (msg) => { const removeDisqUs = (input) => {
const el = document.createElement('div'); const el = document.createElement('div');
el.innerHTML = msg; el.innerHTML = input;
const aTag = el.getElementsByTagName('a'); const aTag = el.getElementsByTagName('a');
for (const i of aTag) { [...aTag].forEach(i => {
const link = decodeURIComponent(i.href.replace(/https:\/\/disq\.us\/url\?url=/g, '')).replace(/(.*):.+cuid=.*/, '$1'); const link = decodeURIComponent(i.href.replace(/https:\/\/disq\.us\/url\?url=/g, '')).replace(/(.*):.+cuid=.*/, '$1');
i.href = link; i.href = link;
i.innerHTML = link; i.innerHTML = link;
i.rel = 'external noopener nofollow noreferrer'; i.rel = 'external noopener nofollow noreferrer';
i.target = '_blank'; i.target = '_blank';
} });
return el.innerHTML; return el.innerHTML;
} }
/** /**
* replaceDisquscdn(str) - 将 a.disquscdn.com 替换为 c.disquscdn.com * replaceDisquscdn(str) - 将 a.disquscdn.com 替换为 c.disquscdn.com
* @param {string} str - 字符串 * @param {String} str - 字符串
* @return {string} - 替换后的字符串 * @return {string} - 替换后的字符串
*/ */
const replaceDisquscdn = (str) => str.replace(/a\.disquscdn\.com/g, 'c.disquscdn.com'); const replaceDisquscdn = (str) => str.replace(/a\.disquscdn\.com/g, 'c.disquscdn.com');
@ -571,10 +563,9 @@ function DisqusJS(config) {
comment.nesting = nesting + 1; comment.nesting = nesting + 1;
// 处理可能存在的隐藏回复 // 处理可能存在的隐藏回复
let hasMoreEl = ''; const hasMoreEl = comment.hasMore
if (comment.hasMore) { ? `<p class="dsqjs-has-more">切换至 <a class="dsqjs-has-more-btn" id="load-more-${comment.comment.id}" data-more-id="comment-${comment.comment.id}">完整 Disqus 模式</a> 显示更多回复</p>`
hasMoreEl = `<p class="dsqjs-has-more">切换至 <a class="dsqjs-has-more-btn" id="load-more-${comment.comment.id}" data-more-id="comment-${comment.comment.id}">完整 Disqus 模式</a> 显示更多回复</p>` : '';
}
html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${childrenComments(comment)}${hasMoreEl}</li>`; html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${childrenComments(comment)}${hasMoreEl}</li>`;
}); });
@ -660,7 +651,7 @@ function DisqusJS(config) {
// 通过 用户配置的 apikey 来判断是否需要使用随机取值 // 通过 用户配置的 apikey 来判断是否需要使用随机取值
const disqusJsApiKeys = disqusjs.config.apikey; const disqusJsApiKeys = disqusjs.config.apikey;
const apikey = () => (Array.isArray(disqusJsApiKeys)) ? disqusJsApiKeys[Math.floor(Math.random() * disqusJsApiKeys.length)] : disqusJsApiKeys; const apikey = () => Array.isArray(disqusJsApiKeys) ? disqusJsApiKeys[Math.floor(Math.random() * disqusJsApiKeys.length)] : disqusJsApiKeys;
/* /*
* window.disqus_config - 从 disqusjs.config 获取 Disqus 所需的配置 * window.disqus_config - 从 disqusjs.config 获取 Disqus 所需的配置

Write Preview
Loading…
Cancel
Save