mirror of
https://github.com/koreanbots/core.git
synced 2025-12-15 06:10:22 +00:00
678fae4112
* 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>
191 lines
6.2 KiB
TypeScript
191 lines
6.2 KiB
TypeScript
import Head from 'next/head'
|
|
import App, { AppContext, AppProps } from 'next/app'
|
|
import dynamic from 'next/dynamic'
|
|
import { Router, useRouter } from 'next/router'
|
|
import { useEffect, useState } from 'react'
|
|
import { DefaultSeo } from 'next-seo'
|
|
import { GlobalHotKeys } from 'react-hotkeys'
|
|
import NProgress from 'nprogress'
|
|
import Package from '../package.json'
|
|
|
|
import Logger from '@utils/Logger'
|
|
import { handlePWA, parseCookie, parseDockerhubTag, systemTheme } from '@utils/Tools'
|
|
import { DESCRIPTION, shortcutKeyMap, THEME_COLOR, TITLE } from '@utils/Constants'
|
|
import { Theme } from '@types'
|
|
|
|
const Footer = dynamic(() => import('@components/Footer'))
|
|
const Navbar = dynamic(() => import('@components/Navbar'))
|
|
const Modal = dynamic(() => import('@components/Modal'))
|
|
|
|
import '../app.css'
|
|
import '../github-markdown.css'
|
|
import 'rc-tooltip/assets/bootstrap_white.css'
|
|
import '@fortawesome/fontawesome-free/css/all.css'
|
|
import PlatformDisplay from '@components/PlatformDisplay'
|
|
|
|
// Progress Bar
|
|
NProgress.configure({ showSpinner: false })
|
|
Router.events.on('routeChangeStart', NProgress.start)
|
|
Router.events.on('routeChangeComplete', NProgress.done)
|
|
Router.events.on('routeChangeError', NProgress.done)
|
|
|
|
const KoreanbotsApp = ({ Component, pageProps, err, cookie }: KoreanbotsProps): JSX.Element => {
|
|
const [ shortcutModal, setShortcutModal ] = useState(false)
|
|
const [ theme, setTheme ] = useState<Theme>('system')
|
|
const [ standalone, setStandalone ] = useState(false)
|
|
const router = useRouter()
|
|
|
|
useEffect(() => {
|
|
console.log(
|
|
'%c' + 'KOREANBOTS',
|
|
'color: #3366FF; -webkit-text-stroke: 2px black; font-size: 72px; font-weight: bold;'
|
|
)
|
|
Logger.debug(`[BUILD INFO] Tag: ${parseDockerhubTag(process.env.NEXT_PUBLIC_TAG)}, Version: v${Package.version}, Hash: ${process.env.NEXT_PUBLIC_SOURCE_COMMIT}`)
|
|
console.log(
|
|
'%c' + '이곳에 코드를 붙여넣으면 공격자에게 엑세스 토큰을 넘겨줄 수 있습니다!!',
|
|
'color: #ff0000; font-size: 20px; font-weight: bold;'
|
|
)
|
|
if (!localStorage.theme) {
|
|
Logger.debug(`[THEME] ${systemTheme().toUpperCase()} THEME DETECTED`)
|
|
setTheme(systemTheme())
|
|
}
|
|
else setTheme(localStorage.theme)
|
|
setStandalone(handlePWA())
|
|
|
|
if('serviceWorker' in navigator) {
|
|
navigator.serviceWorker.register('/sw.js')
|
|
} else Logger.warn('[SW] Load Failed')
|
|
}, [])
|
|
|
|
return <div className={theme}>
|
|
<DefaultSeo
|
|
titleTemplate='%s - 한국 디스코드 리스트'
|
|
defaultTitle={TITLE}
|
|
description={DESCRIPTION}
|
|
openGraph={{
|
|
type: 'website',
|
|
title: TITLE,
|
|
url: 'https://koreanbots.dev',
|
|
site_name: TITLE,
|
|
description: DESCRIPTION,
|
|
images: [
|
|
{
|
|
url: '/logo.png',
|
|
width: 300,
|
|
height: 300,
|
|
alt: 'Logo'
|
|
}
|
|
]
|
|
}}
|
|
twitter={{
|
|
site: '@koreanbots',
|
|
handle: '@koreanbots',
|
|
cardType: 'summary'
|
|
}}
|
|
/>
|
|
<Head>
|
|
{/* META */}
|
|
<meta charSet='utf-8' />
|
|
<meta httpEquiv='X-UA-Compatible' content='IE=edge' />
|
|
<meta name='keywords' content='Korea, Korean, Discord, Bot, 디스코드봇, 한디리' />
|
|
<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />
|
|
|
|
{/* Android */}
|
|
<meta name='theme-color' content={THEME_COLOR} />
|
|
<meta name='mobile-web-app-capable' content='yes' />
|
|
|
|
{/* iOS */}
|
|
<meta name='apple-mobile-web-app-title' content='Application Title' />
|
|
<meta name='apple-mobile-web-app-capable' content='yes' />
|
|
<meta name='apple-mobile-web-app-status-bar-style' content='default' />
|
|
|
|
{/* Windows */}
|
|
<meta name='msapplication-navbutton-color' content={THEME_COLOR} />
|
|
<meta name='msapplication-TileColor' content={THEME_COLOR} />
|
|
<meta name='msapplication-TileImage' content='/static/ms-icon-144x144.png' />
|
|
<meta name='msapplication-config' content='browserconfig.xml' />
|
|
|
|
{/* Pinned Sites */}
|
|
<meta name='application-name' content={TITLE} />
|
|
<meta name='msapplication-tooltip' content={DESCRIPTION} />
|
|
<meta name='msapplication-starturl' content='/' />
|
|
|
|
{/* Tap highlighting */}
|
|
<meta name='msapplication-tap-highlight' content='no' />
|
|
|
|
{/* UC Mobile Browser */}
|
|
<meta name='full-screen' content='yes' />
|
|
<meta name='browsermode' content='application' />
|
|
|
|
<meta name='nightmode' content='disable' />
|
|
<meta name='layoutmode' content='fitscreen' />
|
|
<meta name='imagemode' content='force' />
|
|
<meta name='screen-orientation' content='portrait' />
|
|
|
|
</Head>
|
|
<Navbar token={cookie.token} />
|
|
<div className='iu-is-the-best min-h-screen text-black dark:text-gray-100 dark:bg-discord-dark bg-white'>
|
|
<Component {...pageProps} err={err} theme={theme} setTheme={setTheme} pwa={standalone} />
|
|
</div>
|
|
{
|
|
!(router.pathname.startsWith('/developers')) && <Footer theme={theme} setTheme={setTheme} />
|
|
}
|
|
<Modal full isOpen={shortcutModal} onClose={() => setShortcutModal(false)} dark={theme === 'dark'} header='단축키 안내'>
|
|
<div className='px-3 h-80'>
|
|
<h3 className='text-md font-semibold'>일반</h3>
|
|
<ul>
|
|
<li className='pt-2'>
|
|
<h4 className='text-gray-500 dark:text-gray-400 text-xs'>단축키 도움말 표시</h4>
|
|
<kbd>
|
|
<PlatformDisplay osx='CMD'>
|
|
Ctrl
|
|
</PlatformDisplay>
|
|
</kbd> <kbd>/</kbd>
|
|
</li>
|
|
<li className='pt-2'>
|
|
<h4 className='text-gray-500 dark:text-gray-400 text-xs'>다크모드 전환</h4>
|
|
<kbd>
|
|
<PlatformDisplay osx='CMD'>
|
|
Ctrl
|
|
</PlatformDisplay>
|
|
</kbd>
|
|
<kbd>Shift</kbd> <kbd>D</kbd>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</Modal>
|
|
<GlobalHotKeys keyMap={shortcutKeyMap} handlers={{
|
|
SHORTCUT_HELP: (event) => {
|
|
event.preventDefault()
|
|
setShortcutModal(value => !value)
|
|
return
|
|
},
|
|
CHANGE_THEME: (event) => {
|
|
event.preventDefault()
|
|
const overwrite = (localStorage.theme || systemTheme()) === 'dark' ? 'light' : 'dark'
|
|
setTheme(overwrite)
|
|
localStorage.setItem('theme', overwrite)
|
|
return false
|
|
}
|
|
}} />
|
|
</div>
|
|
}
|
|
|
|
KoreanbotsApp.getInitialProps = async (appCtx: AppContext) => {
|
|
const appProps = await App.getInitialProps(appCtx)
|
|
const parsed = parseCookie(appCtx.ctx.req)
|
|
return {
|
|
...appProps,
|
|
cookie: parsed
|
|
}
|
|
}
|
|
|
|
export default KoreanbotsApp
|
|
|
|
interface KoreanbotsProps extends AppProps {
|
|
err: unknown
|
|
cookie: {
|
|
token?: string
|
|
}
|
|
}
|