wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 06:20:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: prettier

Browse Source
This commit is contained in:
원더 2021-01-08 22:17:59 +09:00
parent 73eaf5d21b
commit 7bee44c955
18 changed files with 505 additions and 406 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/Advertisement.tsx
View File

@ -1,12 +1,18 @@
const Advertisement = ():JSX.Element => { const Advertisement = (): JSX.Element => {
if(process.env.NODE_ENV === 'production') return <ins className="mb-5 adsbygoogle" if (process.env.NODE_ENV === 'production')
style={{ display: 'block' }} return (
data-ad-client="ca-pub-4856582423981759" <ins
data-ad-slot="3250141451" className="adsbygoogle mb-5"
data-ad-format="auto" style={{ display: 'block' }}
data-adtest="on" data-ad-client="ca-pub-4856582423981759"
data-full-width-responsive="true"></ins> data-ad-slot="3250141451"
else return <div className='bg-gray-700 text-white text-center w-full py-12 my-5'>Advertisement</div> data-ad-format="auto"
data-adtest="on"
data-full-width-responsive="true"
></ins>
)
else
return <div className="my-5 py-12 w-full text-center text-white bg-gray-700">Advertisement</div>
} }
export default Advertisement export default Advertisement

22
components/DiscordImage.tsx
View File

@ -1,7 +1,25 @@
import NextImage from 'next/image' import NextImage from 'next/image'
const DiscordImage = (props: { size?: number, userID: string, avatarHash: string, tag: number|string, className?: string }) => { const DiscordImage = (props: {
return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={props.size || 256} height={props.size || 256} data-fallback-image='/img/default.png'/> size?: number
userID: string
avatarHash: string
tag: number | string
className?: string
}) => {
return (
<NextImage
className={props.className}
src={
props.avatarHash
? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024`
: `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`
}
width={props.size || 256}
height={props.size || 256}
data-fallback-image="/img/default.png"
/>
)
} }
export default DiscordImage export default DiscordImage

14
components/Divider.tsx
View File

@ -1,5 +1,13 @@
const Divider = ({ className }:{ className?: string }) => { const Divider = ({ className }: { className?: string }) => {
return <div className={`my-2 px-5 ${className || ''}`} style={{ borderTop: '1px solid rgba(34,36,38,.15)', borderBottom: '1px solid hsla(0,0%,100%,.1)' }}/> return (
<div
className={`my-2 px-5 ${className || ''}`}
style={{
borderTop: '1px solid rgba(34,36,38,.15)',
borderBottom: '1px solid hsla(0,0%,100%,.1)',
}}
/>
)
} }
export default Divider export default Divider

49
components/Docs.tsx
View File

@ -1,29 +1,38 @@
import Container from './Container' import Container from './Container'
import Wave from './Wave' import Wave from './Wave'
const Docs = ({ header, description, subheader, children }:DocsProps):JSX.Element => { const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Element => {
return <> return (
<div className='bg-discord-blurple dark:bg-discord-black'> <>
<Container className='pt-20 pb-28' ignoreColor> <div className="dark:bg-discord-black bg-discord-blurple">
<h1 className='mt-10 text-4xl text-gray-100 font-bold sm:text-left text-center'>{header}</h1> <Container className="pb-28 pt-20" ignoreColor>
<h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{description}</h2> <h1 className="mt-10 text-center text-gray-100 text-4xl font-bold sm:text-left">
<h2 className='mt-5 text-2xl text-gray-200 font-medium sm:text-left text-center'>{subheader}</h2> {header}
</Container> </h1>
</div> <h2 className="mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left">
<Wave color='currentColor' className='text-discord-blurple dark:text-discord-black bg-white dark:bg-discord-dark'/> {description}
<Container> </h2>
<div> <h2 className="mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left">
{children} {subheader}
</h2>
</Container>
</div> </div>
</Container> <Wave
</> color="currentColor"
className="dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white"
/>
<Container>
<div>{children}</div>
</Container>
</>
)
} }
export default Docs export default Docs
interface DocsProps { interface DocsProps {
header: string header: string
description?: string description?: string
subheader?: string subheader?: string
children: JSX.Element | JSX.Element[] children: JSX.Element | JSX.Element[]
} }

132
components/Footer.tsx
View File

@ -2,73 +2,75 @@ import Link from 'next/link'
import Container from './Container' import Container from './Container'
import Wave from './Wave' import Wave from './Wave'
const Footer = ():JSX.Element => { const Footer = (): JSX.Element => {
return <div className='releative'> return (
<Wave color='currentColor' className='text-white dark:text-discord-dark bg-discord-black'/> <div className="releative">
<div className='bottom-0 bg-discord-black text-white'> <Wave color="currentColor" className="dark:text-discord-dark text-white bg-discord-black" />
<Container className='w-11/12 lg:w-3/5 pt-10 lg:pt-0 pb-20 lg:flex' ignoreColor> <div className="bottom-0 text-white bg-discord-black">
<div className='w-full lg:flex-grow'> <Container className="pb-20 pt-10 w-11/12 lg:flex lg:pt-0 lg:w-3/5" ignoreColor>
<h1 className='text-koreanbots-blue text-3xl font-extrabold'>국내봇을 한 곳에서.</h1> <div className="w-full lg:flex-grow">
<span className='text-base'>2020 Koreanbots, All rights reserved.</span> <h1 className="text-koreanbots-blue text-3xl font-extrabold">국내봇을 한 곳에서.</h1>
<div className='text-2xl'> <span className="text-base">2020 Koreanbots, All rights reserved.</span>
<Link href='/discord'> <div className="text-2xl">
<a className='mr-2'> <Link href="/discord">
<i className='fab fa-discord' /> <a className="mr-2">
<i className="fab fa-discord" />
</a>
</Link>
<a href="https://github.com/koreanbots" className="mr-2">
<i className="fab fa-github" />
</a> </a>
</Link> </div>
<a href='https://github.com/koreanbots' className='mr-2'>
<i className='fab fa-github' />
</a>
</div> </div>
</div> <div className="flex-col mb-2 w-full lg:w-1/3">
<div className='flex-col w-full lg:w-1/3 mb-2'> <h2 className="text-koreanbots-blue text-base font-bold">한국 디스코드봇 리스트</h2>
<h2 className='text-base text-koreanbots-blue font-bold'>한국 디스코드봇 리스트</h2> <ul className="text-sm">
<ul className='text-sm'> <li>
<li> <Link href="/about">
<Link href='/about'> <a className="hover:text-gray-300">소개</a>
<a className='hover:text-gray-300'>소개</a> </Link>
</Link> </li>
</li> <li>
<li> <Link href="/api">
<Link href='/api'> <a className="hover:text-gray-300">API</a>
<a className='hover:text-gray-300'>API</a> </Link>
</Link> </li>
</li> </ul>
</ul> </div>
</div> <div className="flex-col mb-2 w-full lg:w-1/5">
<div className='flex-col w-full lg:w-1/5 mb-2'> <h2 className="text-koreanbots-blue text-base font-bold">커뮤니티</h2>
<h2 className='text-base text-koreanbots-blue font-bold'>커뮤니티</h2> <ul className="text-sm">
<ul className='text-sm'> <li>
<li> <Link href="/partners">
<Link href='/partners'> <a className="hover:text-gray-300">파트너</a>
<a className='hover:text-gray-300'>파트너</a> </Link>
</Link> </li>
</li> <li>
<li> <Link href="/verification">
<Link href='/verification'> <a className="hover:text-gray-300">인증</a>
<a className='hover:text-gray-300'>인증</a> </Link>
</Link> </li>
</li> </ul>
</ul> </div>
</div> <div className="flex-col mb-2 w-full lg:w-1/5">
<div className='flex-col w-full lg:w-1/5 mb-2'> <h2 className="text-koreanbots-blue text-base font-bold">약관</h2>
<h2 className='text-base text-koreanbots-blue font-bold'>약관</h2> <ul className="text-sm">
<ul className='text-sm'> <li>
<li> <Link href="/privacy">
<Link href='/privacy'> <a className="hover:text-gray-300">개인정보취급방침</a>
<a className='hover:text-gray-300'>개인정보취급방침</a> </Link>
</Link> </li>
</li> <li>
<li> <Link href="/guidelines">
<Link href='/guidelines'> <a className="hover:text-gray-300">가이드라인</a>
<a className='hover:text-gray-300'>가이드라인</a> </Link>
</Link> </li>
</li> </ul>
</ul> </div>
</div> </Container>
</Container> </div>
</div> </div>
</div> )
} }
export default Footer export default Footer

82
components/Navbar.tsx
View File

@ -5,9 +5,9 @@ const Navbar = (): JSX.Element => {
const [navbarOpen, setNavbarOpen] = useState<boolean>(false) const [navbarOpen, setNavbarOpen] = useState<boolean>(false)
return ( return (
<> <>
<nav className="fixed lg:absolute bg-transparent z-20 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 bg-discord-blurple dark:bg-discord-black"> <nav className="fixed z-20 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute">
<div className="container flex flex-wrap items-center justify-between mx-auto px-4"> <div className="container flex flex-wrap items-center justify-between mx-auto px-4">
<div className="relative flex justify-between w-full static block lg:justify-start lg:w-auto"> <div className="relative static block flex justify-between w-full lg:justify-start lg:w-auto">
<a <a
className="logofont text-large whitespace-no-wrap inline-block mr-4 py-2 hover:text-gray-300 font-semibold leading-relaxed uppercase sm:text-2xl" className="logofont text-large whitespace-no-wrap inline-block mr-4 py-2 hover:text-gray-300 font-semibold leading-relaxed uppercase sm:text-2xl"
href="/" href="/"
@ -22,42 +22,40 @@ const Navbar = (): JSX.Element => {
<i className={`fas ${!navbarOpen ? 'fa-bars' : 'fa-times'}`}></i> <i className={`fas ${!navbarOpen ? 'fa-bars' : 'fa-times'}`}></i>
</button> </button>
</div> </div>
<div <div className="hidden flex-grow items-center bg-white lg:flex lg:bg-transparent lg:shadow-none">
className='lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none hidden'
>
<ul className="flex flex-col list-none lg:flex-row lg:ml-auto"> <ul className="flex flex-col list-none lg:flex-row lg:ml-auto">
<li className="flex items-center"> <li className="flex items-center">
<a <a
href="/discord" href="/discord"
className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2" className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100"
> >
디스코드 디스코드
</a> </a>
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<Link href="/about"> <Link href="/about">
<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2"> <a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
소개 소개
</a> </a>
</Link> </Link>
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<Link href="/api"> <Link href="/api">
<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2"> <a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
API API
</a> </a>
</Link> </Link>
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<Link href="/addbot"> <Link href="/addbot">
<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2"> <a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
봇 추가하기 봇 추가하기
</a> </a>
</Link> </Link>
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<Link href="/api/auth/discord"> <Link href="/api/auth/discord">
<a className="lg:text-gray-100 lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2"> <a className="lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100">
로그인 로그인
</a> </a>
</Link> </Link>
@ -66,52 +64,60 @@ const Navbar = (): JSX.Element => {
</div> </div>
</div> </div>
</nav> </nav>
<div className={`w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${navbarOpen ? 'block' : 'hidden'}`}> <div
className={`w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${
navbarOpen ? 'block' : 'hidden'
}`}
>
<nav className="mt-20"> <nav className="mt-20">
<Link href='/about'> <Link href="/about">
<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300"> <a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
<svg className="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path d="M19 11H5M19 11C20.1046 11 21 11.8954 21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V13C3 11.8954 3.89543 11 5 11M19 11V9C19 7.89543 18.1046 7 17 7M5 11V9C5 7.89543 5.89543 7 7 7M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/> className="w-5 h-5"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 11H5M19 11C20.1046 11 21 11.8954 21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V13C3 11.8954 3.89543 11 5 11M19 11V9C19 7.89543 18.1046 7 17 7M5 11V9C5 7.89543 5.89543 7 7 7M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg> </svg>
<span className="px-2 font-medium">소개</span>
<span className='px-2 font-medium'>소개</span>
</a> </a>
</Link> </Link>
<Link href='/about'> <Link href="/about">
<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300"> <a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
<i className="fas fa-tools"/> <i className="fas fa-tools" />
<span className="px-2 font-medium">API</span>
<span className='px-2 font-medium'>API</span>
</a> </a>
</Link> </Link>
<Link href='/addbot'> <Link href="/addbot">
<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300"> <a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
<i className="fas fa-plus"></i> <i className="fas fa-plus"></i>
<span className='px-2 font-medium'>봇 추가하기</span> <span className="px-2 font-medium">봇 추가하기</span>
</a> </a>
</Link> </Link>
<Link href='/api/auth/login'> <Link href="/api/auth/login">
<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300"> <a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
<i className="far fa-user"/> <i className="far fa-user" />
<span className='px-2 font-medium'>로그인</span> <span className="px-2 font-medium">로그인</span>
</a> </a>
</Link> </Link>
</nav> </nav>
<div className="absolute bottom-0 my-10"> <div className="absolute bottom-0 my-10">
<a className="flex items-center py-2 px-8 text-gray-100 hover:text-gray-300"> <a className="flex items-center px-8 py-2 text-gray-100 hover:text-gray-300">
<i className='fab fa-discord' /> <i className="fab fa-discord" />
<Link href="/discord">
<Link href='/discord'> <a className="px-2 font-medium">디스코드 서버</a>
<a className='px-2 font-medium'>디스코드 서버</a>
</Link> </Link>
</a> </a>
</div> </div>

32
components/SEO.tsx
View File

@ -1,24 +1,22 @@
import Head from 'next/head' import Head from 'next/head'
const SEO = ({ title, description, image }:SEOProps):JSX.Element => { const SEO = ({ title, description, image }: SEOProps): JSX.Element => {
return <Head> return (
<title>{title} - 한국 디스코드봇 리스트</title> <Head>
{ description && <meta <title>{title} - 한국 디스코드봇 리스트</title>
name="description" {description && <meta name="description" content={description} />}
content={description} <meta name="og:site_name" content="한국 디스코드봇 리스트" />
/> } <meta name="og:title" content={title} />
<meta name="og:site_name" content="한국 디스코드봇 리스트" /> {description && <meta name="og:description" content={description} />}
<meta name="og:title" content={title} /> {image && <meta name="og:image" content={image} />}
{ description && <meta name="og:description" content={description} /> } </Head>
{ image && <meta name="og:image" content={image} /> } )
</Head>
} }
export default SEO export default SEO
interface SEOProps { interface SEOProps {
title: string title: string
description?: string description?: string
image?: string image?: string
} }

6
components/Search.tsx
View File

@ -1,6 +1,6 @@
import { useState } from 'react' import { useState } from 'react'
const Search = ({query, result}:SearchProps):JSX.Element => { const Search = ({ query, result }: SearchProps): JSX.Element => {
return ( return (
<div> <div>
<input /> <input />
@ -9,8 +9,8 @@ const Search = ({query, result}:SearchProps):JSX.Element => {
} }
interface SearchProps { interface SearchProps {
query: string query: string
result: string result: string
} }
export default Search export default Search

12
components/Segment.tsx
View File

@ -1,7 +1,9 @@
const Segment = ({ children }):JSX.Element => { const Segment = ({ children }): JSX.Element => {
return <div className='bg-little-white dark:bg-discord-black text-black dark:text-white p-5 rounded-sm'> return (
{children} <div className="p-5 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm">
</div> {children}
</div>
)
} }
export default Segment export default Segment

8
components/Wave.tsx
View File

@ -1,4 +1,4 @@
const Wave = ({ color, className }:WaveProps):JSX.Element => { const Wave = ({ color, className }: WaveProps): JSX.Element => {
return ( return (
<svg viewBox="0 0 1440 320" className={className}> <svg viewBox="0 0 1440 320" className={className}>
<path <path
@ -10,8 +10,8 @@ const Wave = ({ color, className }:WaveProps):JSX.Element => {
} }
interface WaveProps { interface WaveProps {
color: string color: string
className?: string className?: string
} }
export default Wave export default Wave

8
pages/404.tsx
View File

@ -2,9 +2,11 @@ import { NextPage } from 'next'
import Container from '../components/Container' import Container from '../components/Container'
const NotFound: NextPage = () => { const NotFound: NextPage = () => {
return <Container paddingTop> return (
<h1>Not Found</h1> <Container paddingTop>
</Container> <h1>Not Found</h1>
</Container>
)
} }
export default NotFound export default NotFound

2
pages/_document.tsx
View File

@ -28,7 +28,7 @@ class MyDocument extends Document {
}} }}
/> />
</Head> </Head>
<body className="h-full text-black dark:text-gray-100 bg-white dark:bg-discord-dark"> <body className="h-full text-black dark:text-gray-100 dark:bg-discord-dark bg-white">
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>

161
pages/guidelines.tsx
View File

@ -1,84 +1,89 @@
import { NextPage } from 'next' import { NextPage } from 'next'
import Docs from '../components/Docs' import Docs from '../components/Docs'
const Privacy:NextPage = () => { const Privacy: NextPage = () => {
return <Docs header='가이드라인' description='리스트에 등재되는 모든 봇들이 지켜야하는 가이드라인입니다!' subheader='최초 작성: 2020-04-30 수정: 2020-05-15'> return (
<h1 className='font-bold text-4xl mb-3'>KOREANBOTS에 오신 것을 환영합니다.</h1> <Docs
<p>봇 추가 또는 등재 유지를 위해서 반드시 지켜야할 가이드라인들입니다.</p> header="가이드라인"
<p> description="리스트에 등재되는 모든 봇들이 지켜야하는 가이드라인입니다!"
가이드라인 위반이 확인될 경우, 거부 또는 삭제 처리될 수 있음을 subheader="최초 작성: 2020-04-30 수정: 2020-05-15"
알려드립니다. >
</p> <h1 className="mb-3 text-4xl font-bold">KOREANBOTS에 오신 것을 환영합니다.</h1>
<h2 className='font-semibold text-3xl mt-10' id="봇">봇</h2> <p>봇 추가 또는 등재 유지를 위해서 반드시 지켜야할 가이드라인들입니다.</p>
<p>아래는 봇 추가를 위해 반드시 지켜야할 규칙입니다.</p> <p>가이드라인 위반이 확인될 경우, 거부 또는 삭제 처리될 수 있음을 알려드립니다.</p>
<ul className='list-inside list-disc'> <h2 className="mt-10 text-3xl font-semibold" id="봇">
<li>반드시 디스코드 서버에 참가해주세요.</li> 봇
<li> </h2>
카테고리는 정확하게 지정해주세요 (NSFW의 경우 반드시 NSFW를 <p>아래는 봇 추가를 위해 반드시 지켜야할 규칙입니다.</p>
지정해주셔야합니다.) <ul className="list-inside list-disc">
</li> <li>반드시 디스코드 서버에 참가해주세요.</li>
<li> <li>카테고리는 정확하게 지정해주세요 (NSFW의 경우 반드시 NSFW를 지정해주셔야합니다.)</li>
오픈소스가 베이스가 되는 봇(유사한 점이 인정되는 경우는 설명란에 해당 <li>
오픈소스를 기재해주세요) 오픈소스가 베이스가 되는 봇(유사한 점이 인정되는 경우는 설명란에 해당 오픈소스를
</li> 기재해주세요)
<li> </li>
100퍼센트 업타임을 유지할 필요는 없지만, 심사 시간 기준으로 오프라인일 <li>
경우 심사 거부됩니다. 100퍼센트 업타임을 유지할 필요는 없지만, 심사 시간 기준으로 오프라인일 경우 심사
</li> 거부됩니다.
<li>한국인 개발자가 개발하였으며, 한국어를 지원</li> </li>
<li>서버로 초대할 수 있는 공개봇 (특수목적의 봇은 제외)</li> <li>한국인 개발자가 개발하였으며, 한국어를 지원</li>
<li> <li>서버로 초대할 수 있는 공개봇 (특수목적의 봇은 제외)</li>
오픈소스봇을 따로 거부하지는 않지만, 반드시 <strong>라이선스</strong> <li>
를 지켜주세요. 원작자가 문제 제기할 경우, 통보없이 봇이 삭제되거나 오픈소스봇을 따로 거부하지는 않지만, 반드시 <strong>라이선스</strong>를 지켜주세요.
거부될 수 있습니다. 원작자가 문제 제기할 경우, 통보없이 봇이 삭제되거나 거부될 수 있습니다.
<ul className='pl-3 list-inside list-disc'> <ul className="pl-3 list-inside list-disc">
<li> <li>
오픈소스 라이선스에 <strong>원소스를 표시해야 한다는 조항</strong>(MIT 오픈소스 라이선스에 <strong>원소스를 표시해야 한다는 조항</strong>(MIT 등 해당)이
등 해당)이 있다면, 소스같은 곳뿐만 아니라 반드시 봇 설명에 있다면, 소스같은 곳뿐만 아니라 반드시 봇 설명에 기재해주세요.
기재해주세요.</li> </li>
<li>한 두개의 명령어까지 관여할 수는 없지만, 봇의 베이스 소스(예시: <li>
Just Some Bot을 활용한 뮤직봇, RedBot 기반 봇.)에<br/>오픈소스가 한 두개의 명령어까지 관여할 수는 없지만, 봇의 베이스 소스(예시: Just Some Bot을 활용한
사용되었을 경우, 반드시 라이선스에 관한 조항을 봇 설명에 표시해주세요. 뮤직봇, RedBot 기반 봇.)에
</li> <br />
</ul> 오픈소스가 사용되었을 경우, 반드시 라이선스에 관한 조항을 봇 설명에 표시해주세요.
</li> </li>
</ul> </ul>
<h3 className='font-semibold text-lg mt-x' id="금지사항">금지사항</h3> </li>
<p>다음 항목에 해당하는 봇의 등록을 거부할 수 있습니다.</p> </ul>
<ul className='list-inside list-disc'> <h3 className="mt-x text-lg font-semibold" id="금지사항">
<li>불법 프로그램 홍보 또는 판매 기타 행위를 조장하는 봇.</li> 금지사항
<li> </h3>
디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>,{' '} <p>다음 항목에 해당하는 봇의 등록을 거부할 수 있습니다.</p>
<strong>개발자 약관</strong>에 위반되는 봇. <ul className="list-inside list-disc">
</li> <li>불법 프로그램 홍보 또는 판매 기타 행위를 조장하는 봇.</li>
<li> <li>
서버 테러를 시도하거나, 무단으로 의도하여 채널,역할 등을 삭제/수정을 디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>, <strong>개발자 약관</strong>
시도 또는 이력이 존재하는 경우 에 위반되는 봇.
</li> </li>
<li> <li>
대한민국 법을 위반하거나 오픈소스 라이선스, API 라이선스등을 위반한 봇 서버 테러를 시도하거나, 무단으로 의도하여 채널,역할 등을 삭제/수정을 시도 또는 이력이
</li> 존재하는 경우
</ul> </li>
<h2 className='font-semibold text-3xl mt-10' id="유저">유저</h2> <li>대한민국 법을 위반하거나 오픈소스 라이선스, API 라이선스등을 위반한 봇</li>
<p> </ul>
다음 항목에 해당하는 유저가 제작에 참여하고 있는(과거에 제작 참여 <h2 className="mt-10 text-3xl font-semibold" id="유저">
이력과는 관련 없음) 봇의 등록을 거부할 수 있습니다. 유저
</p> </h2>
<ul className='list-inside list-disc'> <p>
<li> 다음 항목에 해당하는 유저가 제작에 참여하고 있는(과거에 제작 참여 이력과는 관련 없음) 봇의
디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>,{' '} 등록을 거부할 수 있습니다.
<strong>개발자 약관</strong> 또는 <strong>대한민국 법</strong>,{' '} </p>
<strong>오픈소스 라이선스</strong>, <strong>기타 라이선스</strong> 중 <ul className="list-inside list-disc">
하나 이상을 위반 하고 있는 경우 <li>
</li> 디스코드 <strong>TOS</strong>나 <strong>가이드라인</strong>, <strong>개발자 약관</strong>{' '}
</ul> 또는 <strong>대한민국 법</strong>, <strong>오픈소스 라이선스</strong>,{' '}
<p className='mt-10'> <strong>기타 라이선스</strong> 중 하나 이상을 위반 하고 있는 경우
위 항목들은 정확하게 인정되기 전까지는 처리할 수 없습니다. 또한, </li>
처리하기 전에는 반드시 유저에게 통보를 시도해야합니다. </ul>
</p> <p className="mt-10">
<p>당사의 가이드라인은 <strong>대한민국 국내법</strong>이 상위 적용됩니다.</p> 위 항목들은 정확하게 인정되기 전까지는 처리할 수 없습니다. 또한, 처리하기 전에는 반드시
</Docs> 유저에게 통보를 시도해야합니다.
</p>
<p>
당사의 가이드라인은 <strong>대한민국 국내법</strong>이 상위 적용됩니다.
</p>
</Docs>
)
} }
export default Privacy export default Privacy

45
pages/index.tsx
View File

@ -3,23 +3,36 @@ import Container from '../components/Container'
import Wave from '../components/Wave' import Wave from '../components/Wave'
const Index: NextPage = () => { const Index: NextPage = () => {
return <> return (
<div className='bg-discord-blurple dark:bg-discord-black'> <>
<Container className='pt-20 pb-28' ignoreColor> <div className="dark:bg-discord-black bg-discord-blurple">
<h1 className='text-3xl text-gray-100 font-bold sm:text-left text-center'>한국 디스코드봇 리스트</h1> <Container className="pb-28 pt-20" ignoreColor>
</Container> <h1 className="text-center text-gray-100 text-3xl font-bold sm:text-left">
</div> 한국 디스코드봇 리스트
<Wave color='currentColor' className='text-discord-blurple dark:text-discord-black bg-white dark:bg-discord-dark'/> </h1>
</Container>
</div>
<Wave
color="currentColor"
className="dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white"
/>
<Container> <Container>
<h1 className='text-3xl font-bold'><i className='far fa-heart text-pink-600 mr-3' /> 하트 랭킹</h1> <h1 className="text-3xl font-bold">
<p className='text-base'>하트를 많이 받은 봇들의 순위입니다!</p> <i className="far fa-heart mr-3 text-pink-600" /> 하트 랭킹
<h1 className='text-3xl font-bold'><i className='far fa-star text-yellow-500 mt-10 mr-3' /> 새로운 봇</h1> </h1>
<p className='text-base'>최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p> <p className="text-base">하트를 많이 받은 봇들의 순위입니다!</p>
<h1 className='text-3xl font-bold'><i className='fa fa-check text-green-500 mt-10 mr-3' /> 신뢰된 봇</h1> <h1 className="text-3xl font-bold">
<p className='text-base'>KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p> <i className="far fa-star mr-3 mt-10 text-yellow-500" /> 새로운 봇
</Container> </h1>
</> <p className="text-base">최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p>
<h1 className="text-3xl font-bold">
<i className="fa fa-check mr-3 mt-10 text-green-500" /> 신뢰된 봇
</h1>
<p className="text-base">KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p>
</Container>
</>
)
} }
export default Index export default Index

238
pages/privacy.tsx
View File

@ -1,127 +1,123 @@
import { NextPage } from 'next' import { NextPage } from 'next'
import Docs from '../components/Docs' import Docs from '../components/Docs'
const Privacy:NextPage = () => { const Privacy: NextPage = () => {
return <Docs header='개인정보취급방침' description='저희가 개인정보를 취급하는 방침입니다.'> return (
<h2 className='font-medium text-3xl mt-10'>개인정보 처리의 목적</h2> <Docs header="개인정보취급방침" description="저희가 개인정보를 취급하는 방침입니다.">
<p> <h2 className="mt-10 text-3xl font-medium">개인정보 처리의 목적</h2>
"한국 디스코드봇 리스트"('https://koreanbots.dev')는 다음 목적을 위하여 <p>
개인정보를 처리하고 있으며, 다음 목적 이외의 용도로는 사용하지 않습니다. "한국 디스코드봇 리스트"('https://koreanbots.dev')는 다음 목적을 위하여 개인정보를 처리하고
</p> 있으며, 다음 목적 이외의 용도로는 사용하지 않습니다.
<ul className='list-inside list-disc'> </p>
<li>웹사이트에 표시 및 서비스 제공</li> <ul className="list-inside list-disc">
<li>빠른 웹사이트 문제 수정</li> <li>웹사이트에 표시 및 서비스 제공</li>
<li>사이트와 유저의 보안 유지</li> <li>빠른 웹사이트 문제 수정</li>
</ul> <li>사이트와 유저의 보안 유지</li>
<h2 className='font-medium text-3xl mt-10'>수집하는 개인정보 항목</h2> </ul>
<ul className='list-inside list-disc'> <h2 className="mt-10 text-3xl font-medium">수집하는 개인정보 항목</h2>
<li> <ul className="list-inside list-disc">
유저: 디스코드 Oauth를 통한 정보(이메일, 디스코드 유저의 ID, 아바타, 유저네임과 태그, 접속해있는 길드), 접속로그(IP주소, 접속 기기정보), 유저의 봇 투표 정보 | 선택항목: Github 닉네임 <li>
</li> 유저: 디스코드 Oauth를 통한 정보(이메일, 디스코드 유저의 ID, 아바타, 유저네임과 태그,
<li> 접속해있는 길드), 접속로그(IP주소, 접속 기기정보), 유저의 봇 투표 정보 | 선택항목: Github
봇: 등록일, ID, 이름, 태그, 디스코드 인증 여부, 소유자, 라이브러리, 닉네임
접두사, 투표정보, 서버 수, 봇 설명, 카테고리, 봇 Status | 선택항목: </li>
웹사이트, GIT URL, 초대링크, 디스코드 서버 링크 <li>
</li> 봇: 등록일, ID, 이름, 태그, 디스코드 인증 여부, 소유자, 라이브러리, 접두사, 투표정보, 서버
</ul> 수, 봇 설명, 카테고리, 봇 Status | 선택항목: 웹사이트, GIT URL, 초대링크, 디스코드 서버
<h2 className='font-medium text-3xl mt-10'>개인정보 보유 및 이용기간</h2> 링크
<p> </li>
개인정보는 <strong>서비스 종료시까지 보관을 원칙</strong>으로 하며, </ul>
유저의 요청시 언제든지 파기할 수 있습니다. <h2 className="mt-10 text-3xl font-medium">개인정보 보유 및 이용기간</h2>
</p> <p>
<h2 className='font-medium text-3xl mt-10'>이용자 및 법정 대리인의 권리와 행사 방법</h2> 개인정보는 <strong>서비스 종료시까지 보관을 원칙</strong>으로 하며, 유저의 요청시 언제든지
<p> 파기할 수 있습니다.
회사는 정보통신망법 및 개인정보 보호법 등 관계 법령에서 규정하고 있는 </p>
이용자의 권리를 충실히 보장합니다. <h2 className="mt-10 text-3xl font-medium">이용자 및 법정 대리인의 권리와 행사 방법</h2>
</p> <p>
<p> 회사는 정보통신망법 및 개인정보 보호법 등 관계 법령에서 규정하고 있는 이용자의 권리를 충실히
이용자는 언제든지 자신의 개인정보 및 이용 현황을 상시 확인할 수 있으며, 보장합니다.
동의 철회 및 정정을 요청할 수 있습니다. </p>
</p> <p>
<h2 className='font-medium text-3xl mt-10'>개인정보의 파기</h2> 이용자는 언제든지 자신의 개인정보 및 이용 현황을 상시 확인할 수 있으며, 동의 철회 및 정정을
<p> 요청할 수 있습니다.
개인정보의 수집 및 이용 목적이 달성 되면, 수집한 개인정보를 신속하고 </p>
안전한 방법으로 파기합니다. <h2 className="mt-10 text-3xl font-medium">개인정보의 파기</h2>
</p> <p>
<h2 className='font-medium text-3xl mt-10'>개인정보 보호책임자</h2> 개인정보의 수집 및 이용 목적이 달성 되면, 수집한 개인정보를 신속하고 안전한 방법으로
<p> 파기합니다.
권리 침해와 개인정보 처리와 관한 불만처리 및 피해구제를 위하여 아래와 </p>
같이 개인정보보호 담당자를 지정하고 있습니다. <h2 className="mt-10 text-3xl font-medium">개인정보 보호책임자</h2>
</p> <p>
<h3>개인정보 보호 책임자</h3> 권리 침해와 개인정보 처리와 관한 불만처리 및 피해구제를 위하여 아래와 같이 개인정보보호
<ul className='list-inside list-disc'> 담당자를 지정하고 있습니다.
<li>성명: 박준서</li> </p>
<li>직책: 대표</li> <h3>개인정보 보호 책임자</h3>
<li> <ul className="list-inside list-disc">
연락처: <a href="mailto:wonderlandpark@callisto.team">메일</a> 혹은 <li>성명: 박준서</li>
디스코드 @wonderlandpark#9999 <li>직책: 대표</li>
</li> <li>
</ul> 연락처: <a href="mailto:wonderlandpark@callisto.team">메일</a> 혹은 디스코드
<h2 className='font-medium text-3xl mt-10'>개인정보 처리방침 변경 시 고지 의무</h2> @wonderlandpark#9999
<p> </li>
개인정보 처리방침의 변경이 있는 경우 시행 7일전 사전에 이용자에게 </ul>
고지합니다. <h2 className="mt-10 text-3xl font-medium">개인정보 처리방침 변경 시 고지 의무</h2>
</p> <p>개인정보 처리방침의 변경이 있는 경우 시행 7일전 사전에 이용자에게 고지합니다.</p>
<h2 className='font-medium text-3xl mt-10'>정보주체의 권익침해에 대한 구제방법</h2> <h2 className="mt-10 text-3xl font-medium">정보주체의 권익침해에 대한 구제방법</h2>
<p> <p>정보주체는 아래의 기관에 개인정보 침해에 대한 피해구제, 상담 등을 문의할 수 있습니다.</p>
정보주체는 아래의 기관에 개인정보 침해에 대한 피해구제, 상담 등을 문의할 <p>
수 있습니다. 아래의 기관은 당사와는 별개의 기관으로서, 당사의 자체적인 개인정보 불만처리, 피해 구제
</p> 결과에 만족하지 못하시거나 보다 자세한 도움이 필요하시면 문의하여 주시기 바랍니다.
<p> </p>
아래의 기관은 당사와는 별개의 기관으로서, 당사의 자체적인 개인정보 <p>
불만처리, 피해 구제 결과에 만족하지 못하시거나 보다 자세한 도움이 ▶ 개인정보 침해신고센터 (행정안전부, 한국인터넷진흥원 운영)
필요하시면 문의하여 주시기 바랍니다. <br />
</p> - 소관업무 : 개인정보 침해사실 신고, 상담
<p> <br />
▶ 개인정보 침해신고센터 (행정안전부, 한국인터넷진흥원 운영) - 인터넷 신고 : privacy.kisa.or.kr
<br /> <br />
- 소관업무 : 개인정보 침해사실 신고, 상담 - 전자우편 신고 : privacyclean@kisa.or.kr
<br /> <br />
- 인터넷 신고 : privacy.kisa.or.kr - 전화 신고 : 118 (ARS 내선 2번)
<br /> <br />
- 전자우편 신고 : privacyclean@kisa.or.kr - 팩스 신고 : ☎ 061-820-2619
<br /> <br />
- 전화 신고 : 118 (ARS 내선 2번) - 방문/우편 신고 : (58324) 전라남도 나주시 진흥길 9(빛가람동 301-2) 3층 한국인터넷진흥원
<br /> 개인정보침해신고센터
- 팩스 신고 : ☎ 061-820-2619 <br />
<br /> </p>
- 방문/우편 신고 : (58324) 전라남도 나주시 진흥길 9(빛가람동 301-2) 3층 <p>
한국인터넷진흥원 개인정보침해신고센터 ▶ 개인정보 분쟁조정위원회
<br /> <br />
</p> - 소관업무 : 개인정보 분쟁조정 및 집단 분쟁조정 신청, 상담
<p> <br />
▶ 개인정보 분쟁조정위원회 - 온라인 신청 : www.kopico.go.kr
<br /> <br />
- 소관업무 : 개인정보 분쟁조정 및 집단 분쟁조정 신청, 상담 - 오프라인(우편) 신청 : (03171) 서울특별시 종로구 세종대로 209 정부서울청사 4층
<br /> 개인정보분쟁조정위원회 (☎1833-6972)
- 온라인 신청 : www.kopico.go.kr <br />
<br /> </p>
- 오프라인(우편) 신청 : (03171) 서울특별시 종로구 세종대로 209 <p>
정부서울청사 4층 개인정보분쟁조정위원회 (☎1833-6972) ▶ 대검찰청 과학수사부 사이버수사과
<br /> <br />
</p> - 소관업무 : 각종 사이버범죄 수사/수사지원 전담
<p> <br />
▶ 대검찰청 과학수사부 사이버수사과 - 인터넷 신고 : cybercid@spo.go.kr
<br /> <br />
- 소관업무 : 각종 사이버범죄 수사/수사지원 전담 - 전화 : (국번없이) 1301, 02-3480-3570
<br /> <br />
- 인터넷 신고 : cybercid@spo.go.kr </p>
<br /> <p>
- 전화 : (국번없이) 1301, 02-3480-3570 ▶ 경찰청 사이버안전국
<br /> <br />
</p> - 소관업무 : 개인정보 침해 관련 사이버 범죄 신고, 상담
<p> <br />
▶ 경찰청 사이버안전국 - 인터넷 신고 : cyberbureau.police.go.kr
<br /> <br />
- 소관업무 : 개인정보 침해 관련 사이버 범죄 신고, 상담 - 전화 : 182(경찰민원 콜센터)
<br /> <br />
- 인터넷 신고 : cyberbureau.police.go.kr </p>
<br /> </Docs>
- 전화 : 182(경찰민원 콜센터) )
<br />
</p>
</Docs>
} }
export default Privacy export default Privacy

2
utils/Day.ts
View File

@ -4,4 +4,4 @@ import relativeTime from 'dayjs/plugin/relativeTime'
Day.extend(relativeTime) Day.extend(relativeTime)
Day.locale('ko') Day.locale('ko')
export default Day export default Day

6
utils/Fetch.ts
View File

@ -3,13 +3,15 @@ import * as Query from './Query'
const Fetch = { const Fetch = {
bot: new DataLoader( bot: new DataLoader(
async (ids: string[]) => (await Promise.all(ids.map((el: string) => Query.getBot(el)))).map(row => ({ ...row })), async (ids: string[]) =>
(await Promise.all(ids.map((el: string) => Query.getBot(el)))).map(row => ({ ...row })),
{ {
batchScheduleFn: callback => setTimeout(callback, 1000), batchScheduleFn: callback => setTimeout(callback, 1000),
} }
), ),
user: new DataLoader( user: new DataLoader(
async (ids: string[]) => (await Promise.all(ids.map((el: string) => Query.getUser(el)))).map(row => ({ ...row })), async (ids: string[]) =>
(await Promise.all(ids.map((el: string) => Query.getUser(el)))).map(row => ({ ...row })),
{ {
batchScheduleFn: callback => setTimeout(callback, 1000), batchScheduleFn: callback => setTimeout(callback, 1000),
} }

66
utils/Query.ts
View File

@ -17,29 +17,61 @@ export const knex = knsexy({
}, },
}) })
export async function getBot(id: string, owners=true):Promise<Bot> { export async function getBot(id: string, owners = true): Promise<Bot> {
const res = await knex('bots').select(['id', 'owners', 'lib', 'prefix', 'votes', 'servers', 'intro', 'desc', 'web', 'git', 'url', 'category', 'status', 'name', 'avatar', 'tag', 'verified', 'trusted', 'partnered', 'discord', 'boosted', 'state', 'vanity', 'bg', 'banner']).where({ id }).orWhere({ vanity: id, boosted: 1 }) const res = await knex('bots')
if(res[0]) { .select([
'id',
'owners',
'lib',
'prefix',
'votes',
'servers',
'intro',
'desc',
'web',
'git',
'url',
'category',
'status',
'name',
'avatar',
'tag',
'verified',
'trusted',
'partnered',
'discord',
'boosted',
'state',
'vanity',
'bg',
'banner',
])
.where({ id })
.orWhere({ vanity: id, boosted: 1 })
if (res[0]) {
res[0].category = JSON.parse(res[0].category) res[0].category = JSON.parse(res[0].category)
res[0].owners = JSON.parse(res[0].owners) res[0].owners = JSON.parse(res[0].owners)
if(owners) res[0].owners = await Promise.all(res[0].owners.map(async (u: string) => await getUser(u))) if (owners)
res[0].owners = res[0].owners.filter((el: User|null)=> el).map((row: User)=> ({...row})) res[0].owners = await Promise.all(res[0].owners.map(async (u: string) => await getUser(u)))
res[0].vanity = res[0].vanity && ( res[0].boosted || res[0].trusted || res[0].partnered ) res[0].owners = res[0].owners.filter((el: User | null) => el).map((row: User) => ({ ...row }))
res[0].vanity = res[0].vanity && (res[0].boosted || res[0].trusted || res[0].partnered)
} }
return res[0] || null return res[0] || null
} }
export async function getUser(id: string, bots=true):Promise<User> { export async function getUser(id: string, bots = true): Promise<User> {
const res = await knex('users').select(['id', 'avatar', 'tag', 'username', 'perm', 'github']).where({ id }) const res = await knex('users')
if(res[0]) { .select(['id', 'avatar', 'tag', 'username', 'perm', 'github'])
const owned = await knex('bots').select(['id']).where('owners', 'like', `%${id}%`) .where({ id })
if(bots) res[0].bots = await Promise.all(owned.map(async b=> await getBot(b.id, false))) if (res[0]) {
else res[0].bots = owned.map(async b=> b.id) const owned = await knex('bots')
res[0].bots = res[0].bots.filter((el:Bot|null)=> el).map((row: User)=> ({...row})) .select(['id'])
.where('owners', 'like', `%${id}%`)
if (bots) res[0].bots = await Promise.all(owned.map(async b => await getBot(b.id, false)))
else res[0].bots = owned.map(async b => b.id)
res[0].bots = res[0].bots.filter((el: Bot | null) => el).map((row: User) => ({ ...row }))
} }
return res[0] || null return res[0] || null
} }