-
Notifications
You must be signed in to change notification settings - Fork 25
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
220 additions
and
137 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,131 @@ | ||
| import path from 'path-browserify' | ||
|
|
||
| export const isBroswer = typeof window !== 'undefined' && window instanceof Object | ||
| export const isExtension = isBroswer && window.chrome instanceof Object && window.chrome.runtime | ||
| export const getExt = (fileName) => { | ||
| return path.parse(fileName).ext.slice(1) | ||
| } | ||
| export const query = (selector, context = document) => { | ||
| if (selector instanceof NodeList || selector instanceof Node) { | ||
| return selector | ||
| } | ||
| return context.querySelector(selector) | ||
| } | ||
| export const getText = (selector, context = document) => { | ||
| const el = query(selector, context) || {} | ||
| return el.innerText || '' | ||
| } | ||
| export const getAttribute = (val, selector, context = document) => { | ||
| const el = query(selector, context) | ||
| return el ? el.getAttribute(val) || '' : '' | ||
| } | ||
| export const queryAll = (selector, context = document) => { | ||
| return [].slice.apply(context.querySelectorAll(selector)) | ||
| } | ||
| export const noop = (func, defaultFunc) => { | ||
| return typeof func === 'function' ? func : typeof defaultFunc === 'function' ? defaultFunc : () => {} | ||
| } | ||
| export const encodeUrlData = (data) => { | ||
| let body = '' | ||
| for (let key in data) { | ||
| body += key + '=' + encodeURIComponent(data[key]) + '&' | ||
| } | ||
| return body.slice(0, -1) | ||
| } | ||
| export const encodeOptionsData = (options) => { | ||
| if (options.stringify !== false && typeof options.data === 'object') { | ||
| options.data = encodeUrlData(options.data) | ||
| } | ||
| return options | ||
| } | ||
| export const sendMessage = (options, onsuccess, onerror, retry) => { | ||
| if (isExtension) { | ||
| retry = isNaN(retry) ? 3 : +retry | ||
| encodeOptionsData(options) | ||
| chrome.runtime.sendMessage(options, ([error, response, headers, xhr]) => { | ||
| if (!error) { | ||
| try { | ||
| const result = noop(onsuccess)(response, headers, xhr) | ||
| if (result === void 0) { | ||
| return response | ||
| } | ||
| // onsuccess返回值不为undefined, 视为调用失败 | ||
| error = result | ||
| } catch (err) { | ||
| // 执行onsuccess代码出错 | ||
| error = err | ||
| } | ||
| } | ||
| if (retry-- > 0) { | ||
| sendMessage(options, onsuccess, onerror, retry) | ||
| } else { | ||
| noop(onerror)(error, headers, xhr) | ||
| } | ||
| }) | ||
| } | ||
| } | ||
| export const formatDate = (str, t) => { | ||
| t = typeof t === 'string' || !isNaN(t) ? new Date(t) : t | ||
| if (t instanceof Date === false) { | ||
| t = new Date() | ||
| } | ||
| const obj = { | ||
| yyyyyyyy: t.getFullYear(), | ||
| yy: t.getFullYear(), | ||
| MM: t.getMonth()+1, | ||
| dd: t.getDate(), | ||
| HH: t.getHours(), | ||
| hh: t.getHours() % 12, | ||
| mm: t.getMinutes(), | ||
| ss: t.getSeconds(), | ||
| ww: '日一二三四五六'.split('')[t.getDay()] | ||
| }; | ||
| return str.replace(/([a-z]+)/ig, function ($1){ | ||
| return (obj[$1+$1] === 0 ? '0' : obj[$1+$1]) || ('0' + obj[$1]).slice(-2); | ||
| }); | ||
| } | ||
| export const insertAfter = (newElement, targetElement) => { | ||
| const parent = targetElement.parentNode | ||
| if(parent.lastChild === targetElement){ | ||
| parent.appendChild(newElement) | ||
| }else{ | ||
| parent.insertBefore(newElement, targetElement.nextSibling) | ||
| } | ||
| } | ||
| export const getUrl = (prefix, link) => { | ||
| if (!link) return '' | ||
| if (/^(http|https)/.test(link)) { | ||
| return link | ||
| } | ||
| if (/^\/\//.test(link)) { | ||
| return prefix.split('//')[0] + link | ||
| } | ||
| return prefix + link | ||
| } | ||
| export const tex2svg = (markdwonDoc) => { | ||
| return markdwonDoc.replace(/<ztext>(.*?)<\/ztext>/g, (s, s1) => { | ||
| const tex = decodeURIComponent(s1) | ||
| const svg = MathJax.tex2svg(tex) | ||
| svg.setAttribute('data-tex', tex) | ||
| svg.style.display = 'inline' | ||
| return svg.outerHTML | ||
| }) | ||
| } | ||
|
|
||
| export default { | ||
| isBroswer, | ||
| isExtension, | ||
| getExt, | ||
| query, | ||
| getText, | ||
| getAttribute, | ||
| queryAll, | ||
| noop, | ||
| encodeUrlData, | ||
| encodeOptionsData, | ||
| sendMessage, | ||
| formatDate, | ||
| insertAfter, | ||
| getUrl, | ||
| tex2svg | ||
| } |
Oops, something went wrong.