core/utils/Tools.ts
Junseo Park 678fae4112
Feature/serverlist skeleton (#468)
* deps: added mongoose

* feat(*): added mongo and saving invited count

* chore(env): updated mongo configuration

* chore: updated next-env.d.ts

* chore(*): changed categories to botCategories

* chore(Image): maded image component

* feat(ServerCard): added ServerCard component

* feat(ServerIcon): added ServerIcon component

* feat(Tools): added server related functions

* feat(Mongo): added serverSchema

* chore(Hero): support serverlist

* feat(Owner): added crown

* feat(icons): added icons api

* feat(Yup): added AddServerSubmitSchema

* types: added server related types

* chore(BotCard): changed bot category link

* chore(Hero): changed category links

* feat(ServerCard): added unreachable state display

* feat(Yup): added ManageServerSchema

* feat(Query): added server related queries

* feat(Constants): added server related stuffs

* types: added updatedAt field for ServerData

* feat(pages/servers/*): added server pages

* feat(*): moved bot category rotue

* typo: fixed typo issue

* feat(pages/addserver/*): added add server page

* feat(api/servers): added server related api

* feat(pages/servers): added server edit page

* feat(pages/bots): changed bot list route

* feat(*): server categories

* feat(pages/users): added owned server list

* chore(pages/bots): changed image size

* feat(docker-compose): added bot

* ci: made some changes

* types: fixed type

* types(Search): fixed type

* types(*): fixed type

* fix(*): missing fields

* fix: Hero type typo issue

* ci(*): missing sentry org slug

* ci(*): fix

* feat(*): added and changed search pages

* Update pages/addserver/[id].tsx

Co-authored-by: Ryu JuHeon <saidbysolo@gmail.com>

* feat(api/search): added servers search api

* feat(pages/panel): added server list in manage page

* feat(Search): supporting server search at SearchBox

* feat(pages/apllications/servers): added server application page

* chore(docker-compose): changed image link

* chore(utils): removing server cache at submit

* chore(image/icons): added debug code

* chore(*): changed component names

* chore(Query): decreased server cache ttl

* fix(Query): error on addserver page

close: https://github.com/koreanbots/serverlist-testing/issues/10

* fix(Query): not using vote type

close: https://github.com/koreanbots/serverlist-testing/issues/9

* fix(Constants): fixed category unexpected char

close: https://github.com/koreanbots/serverlist-testing/issues/8

* fix(Query): serialize server data

* fix(Query): returning null on boost level 0

* fix(page/servers): displaying n/a on boostTier null

close: https://github.com/koreanbots/serverlist-testing/issues/4

* fix(pages/servers): hiding emoji list if no emoji

close: https://github.com/koreanbots/serverlist-testing/issues/1

* typo(pages/servers): bot to server

close: https://github.com/koreanbots/serverlist-testing/issues/2

* fix(components/Hero): editing vote list link

close: https://github.com/koreanbots/serverlist-testing/issues/11

* chore(*): changed list route

* feat(pages/servers/list/votes): added server vote list page

close: https://github.com/koreanbots/serverlist-testing/issues/12

* feat(Dockerfile): added pre-build

* fix(Image): image broken when fallbackSrc not given

close: https://github.com/koreanbots/serverlist-testing/issues/5

* ci: checking out submodules

* fix(ServerCard): bot category displayed at ServerCard

close: https://github.com/koreanbots/serverlist-testing/issues/16

* feat(*): supporting opengraph image for server

* fix(utils/Constants): fixed type missing on og

* feat(pages/servers): not forcing emoji width

* chore(utils/Yup): fixed agree checkbox error message

* typo(utils/Yup): fixed bot to server

* feat(pages/servers): improved emoji display

* chore(api/images/discord/icons): removed debug code

* chore(pages/servers): removed crown for owner

close: https://github.com/koreanbots/serverlist-testing/issues/19

* fix(utils/Query): returning date as string

close: https://github.com/koreanbots/serverlist-testing/issues/23

* fix(ServerCard): changed manage link from bot manage link

* fix(ServerCard): same height for every card

* chore: removed debug code

* chore(pages/addserver): showing as invite for server kicked bot

* typo(*): fixed typo issues

* types: added nullable type

* feat(Navbar): added list menu

* chore: showing warning for server data not fetched

* chore: changed main page (combined bots and servers)

* typo(*): replace '한국 디스코드봇 리스트' with '한국 디스코드 리스트'

* chore: added Hero component combined state

* typo: changed name

* fix(Navbar): fix link href

* typo: fix about page for serverlist

* chore: decrease font size

* fix: server category tag link

* fix: bot category link

* feat: added server widget

* fix(ServerCard): fixed servername overflowing

* chore: forcing re-login when discord server data fetch fails

* fix: error causing on owner not registered

* fix: making state same for join button

* fix: filtering owner if null

* fix(servers/[id]): fix error causing if owner is null

* fix(addserver): fixed error occuring for users not logged in

* fix(Constant): fixed og image extension getting popped

* typo: fixed typo issue

* fix: showing forbidden page for non-owner users

* feat: invite guide for server which bot left

* fix: invalid path for paginator on bot page

Co-authored-by: Hajin Lim <zero734kr@gmail.com>
Co-authored-by: Ryu JuHeon <saidbysolo@gmail.com>
2021-11-06 23:57:46 +09:00

218 lines
6.7 KiB
TypeScript

import { NextRouter } from 'next/router'
import { inspect as utilInspect } from 'util'
import { createHmac } from 'crypto'
import { Readable } from 'stream'
import cookie from 'cookie'
import * as difflib from 'difflib'
import { BotFlags, ImageOptions, MetrixData, ServerFlags, UserFlags } from '@types'
import Logger from '@utils/Logger'
import { BASE_URLs, KoreanbotsEndPoints, Oauth } from '@utils/Constants'
import Day from './Day'
export function handlePWA(): boolean {
let displayMode = 'browser'
const mqStandAlone = '(display-mode: standalone)'
if (window.navigator.standalone || window.matchMedia(mqStandAlone).matches) {
displayMode = 'standalone'
}
try {
window.ga('set', 'dimension1', displayMode)
} catch {
Logger.warn('[GA] Blocked.')
}
return displayMode === 'standalone'
}
export function formatNumber(value: number):string {
if(!value) return '0'
const suffixes = ['', '만', '억', '조','해']
const suffixNum = Math.floor((''+value).length/4)
let shortValue: string|number = parseFloat((suffixNum != 0 ? (value / Math.pow(10000, suffixNum)) : value).toPrecision(2))
if (shortValue % 1 != 0) {
shortValue = shortValue.toFixed(1)
}
if(suffixNum === 1 && shortValue < 1) return Number(shortValue) * 10 + '천'
else if(shortValue === 1000) return '1천'
return shortValue+suffixes[suffixNum]
}
function checkFlag(base: number, required: number) {
return (base & required) === required
}
export function checkUserFlag(base: number, required: number | keyof typeof UserFlags):boolean {
return checkFlag(base, typeof required === 'number' ? required : UserFlags[required])
}
export function checkBotFlag(base: number, required: number | keyof typeof BotFlags):boolean {
return checkFlag(base, typeof required === 'number' ? required : BotFlags[required])
}
export function checkServerFlag(base: number, required: number | keyof typeof ServerFlags):boolean {
return checkFlag(base, typeof required === 'number' ? required : ServerFlags[required])
}
export function makeImageURL(root:string, { format='png', size=256 }:ImageOptions):string {
return `${root}.${format}?size=${size}`
}
export function makeBotURL({ id, vanity, flags=0 }: { flags?: number, vanity?:string, id: string }): string {
return `/bots/${(checkBotFlag(flags, 'trusted') || checkBotFlag(flags, 'partnered')) && vanity ? vanity : id}`
}
export function makeServerURL({ id, vanity, flags=0 }: { flags?: number, vanity?:string, id: string }): string {
return `/servers/${(checkServerFlag(flags, 'trusted') || checkServerFlag(flags, 'partnered')) && vanity ? vanity : id}`
}
export function makeUserURL({ id }: { id: string }): string {
return `/users/${id}`
}
export function serialize<T>(data: T): T {
return JSON.parse(JSON.stringify(data))
}
export function diff(original: string, current: string, header=false, sep='\n', join?: string) {
return difflib.unifiedDiff(original.split(sep), current.split(sep)).slice(header ? 2 : 3).join(join ?? sep)
}
export function objectDiff(original: Record<string, string>, current: Record<string, string>): [string, (string|null)[] ][] {
const obj: Record<string, string[]> = {}
Object.entries(original).forEach(k =>
obj[k[0]] = [ k[1] ]
)
Object.entries(current).forEach(k => {
if(!obj[k[0]]) obj[k[0]] = []
obj[k[0]][1] = k[1]
})
return Object.entries(obj).filter(k => k[1][0] !== k[1][1])
}
export function makeDiscordCodeblock(content: string, lang?: string): string {
return `\`\`\`${lang || ''}\n${content.replace(/```/g, '\\`\\`\\`')}\n\`\`\``
}
export function inspect(object: unknown) {
return utilInspect(object, { depth: Infinity, maxArrayLength: Infinity, maxStringLength: Infinity})
}
export function supportsWebP() {
const elem = document.createElement('canvas')
if (elem.getContext && elem.getContext('2d')) {
// was able or not to get WebP representation
return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0
}
// very old browser like IE 8, canvas not supported
return false
}
export function systemTheme() {
try {
return window.matchMedia('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'
} catch {
return 'dark'
}
}
export function checkBrowser(): string {
const ua = navigator.userAgent
let tem
let M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+(\.\d+)?(\.\d+)?)/i) || []
if(/trident/i.test(M[1])){
tem=/\brv[ :]+(\d+)/g.exec(ua) || []
return 'IE '+(tem[1] || '')
}
if(M[1]=== 'Chrome'){
tem= ua.match(/\b(OPR|Edge|Whale)\/(\d+)/)
if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera')
}
M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']
if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1])
return M.join(' ')
}
export function generateOauthURL(provider: 'discord'|'github', clientID: string, scope?: string) {
return Oauth[provider](clientID, scope)
}
export function formData(details: { [key: string]: string | number | boolean }) {
const formBody = []
for (const property in details) {
const encodedKey = encodeURIComponent(property)
const encodedValue = encodeURIComponent(details[property])
formBody.push(encodedKey + '=' + encodedValue)
}
return formBody.join('&')
}
export function bufferToStream(binary: Buffer) {
const readableInstanceStream = new Readable({
read() {
this.push(binary)
this.push(null)
}
})
return readableInstanceStream
}
export function parseCookie(req?: { headers: { cookie?: string }}): { [key: string]: string } {
if(!req) return {}
return cookie.parse(req.headers.cookie || '')
}
export function redirectTo(router: NextRouter, to: string) {
router.push(KoreanbotsEndPoints[to] || to)
return
}
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function cleanObject<T extends Record<any, any>>(obj: T): T {
for (const propName in obj) {
if (obj[propName] !== 0 && !obj[propName]) {
obj[propName] = null
}
}
return obj
}
export function camoUrl(url: string): string {
return BASE_URLs.camo + `/${HMAC(url)}/${toHex(url)}`
}
export function HMAC(value: string, secret=process.env.CAMO_SECRET):string|null {
try {
return createHmac('sha1', secret).update(value, 'utf8').digest('hex')
}
catch {
return null
}
}
export function toHex(value: string): string {
return Buffer.from(value).toString('hex')
}
export function getRandom<T=unknown>(arr: T[]): T {
return arr[Math.floor(Math.random() * arr.length)]
}
export function parseDockerhubTag(imageTag: string) {
return imageTag?.split('/').pop().split(':').pop()
}
export function getYYMMDD(): string {
return (new Date()).toISOString().slice(0, 10).split('-').join('')
}
export function convertMetrixToGraph(data: MetrixData[], keyname?: string) {
return data.map(el=> ({
x: Day(el.day, 'YYMMDD').toDate(),
y: el[keyname] || el.count
}))
}
export * from './ShowdownExtensions'