-
Thream
-
+
+
+
+ Thream
+
+
]}
+ components={[
+
+ ]}
/>
-
-
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
)
}
diff --git a/plopfile.js b/plopfile.js
new file mode 100644
index 0000000..2c22d99
--- /dev/null
+++ b/plopfile.js
@@ -0,0 +1,10 @@
+const { componentGenerator } = require('./generators/component/index.js')
+const { languageGenerator } = require('./generators/language/index.js')
+
+module.exports = (
+ /** @type {import('plop').NodePlopAPI} */
+ plop
+) => {
+ plop.setGenerator('component', componentGenerator(plop))
+ plop.setGenerator('language', languageGenerator(plop))
+}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..85f717c
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {}
+ }
+}
diff --git a/public/images/svg/design/create-guild.svg b/public/images/svg/design/create-guild.svg
new file mode 100644
index 0000000..e1f90f2
--- /dev/null
+++ b/public/images/svg/design/create-guild.svg
@@ -0,0 +1,222 @@
+
diff --git a/public/images/svg/design/join-guild.svg b/public/images/svg/design/join-guild.svg
new file mode 100644
index 0000000..8599b81
--- /dev/null
+++ b/public/images/svg/design/join-guild.svg
@@ -0,0 +1,87 @@
+
diff --git a/public/manifest.json b/public/manifest.json
index 845e848..0ee0017 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,6 +1,10 @@
{
"name": "Thream",
"short_name": "Thream",
+ "theme_color": "#27B05E",
+ "background_color": "#262B3F",
+ "start_url": "/",
+ "display": "standalone",
"icons": [
{
"src": "images/icons/72x72.png",
@@ -43,9 +47,5 @@
"sizes": "512x512",
"type": "image/png"
}
- ],
- "theme_color": "#27B05E",
- "background_color": "#262B3F",
- "start_url": "/",
- "display": "standalone"
+ ]
}
diff --git a/styles/global.css b/styles/global.css
new file mode 100644
index 0000000..ca9d793
--- /dev/null
+++ b/styles/global.css
@@ -0,0 +1,49 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+#__next {
+ @apply flex flex-col h-screen;
+}
+
+body,
+#preview-storybook {
+ @apply bg-white dark:bg-black text-black dark:text-white font-headline;
+ overflow: hidden;
+}
+
+#preview-storybook {
+ @apply min-h-screen p-6;
+}
+
+.h-full-without-header {
+ height: calc(100vh - 64px);
+}
+
+:root {
+ --scroll-bar-color: #c5c5c5;
+ --scroll-bar-bg-color: transparent;
+}
+
+::-webkit-scrollbar {
+ scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
+ width: 5px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: var(--scroll-bar-color);
+ border-radius: 20px;
+ border: 3px solid var(--scroll-bar-bg-color);
+}
+
+/* Firefox Support */
+.scrollbar-firefox-support {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
+ z-index: 1000;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..aaed108
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,32 @@
+module.exports = {
+ mode: 'jit',
+ purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
+ darkMode: 'class',
+ theme: {
+ extend: {
+ screens: {
+ xs: '380px'
+ },
+ colors: {
+ black: '#212121',
+ success: '#45C85A',
+ error: '#C84545'
+ },
+ boxShadow: {
+ dark: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
+ light: '0px 1px 10px rgba(0, 0, 0, 0.25)',
+ green: '0 0 0 2px #27b05e',
+ success: '0 2px 8px rgba(70, 200, 92, 0.3)',
+ error: '0 2px 8px rgba(200, 69, 69, 0.5)'
+ },
+ fontFamily: {
+ headline: ['Montserrat', 'Arial', 'sans-serif'],
+ paragraph: ['Roboto', 'Arial', 'sans-serif']
+ }
+ }
+ },
+ variants: {
+ extend: {}
+ },
+ plugins: []
+}
diff --git a/tsconfig.json b/tsconfig.json
index db51fb4..f4d158b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,6 +10,7 @@
"removeComments": true,
"noEmit": true,
"strict": true,
+ "types": ["jest", "@testing-library/jest-dom", "@testing-library/react"],
"baseUrl": ".",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
diff --git a/utils/api.ts b/utils/api.ts
deleted file mode 100644
index e05534e..0000000
--- a/utils/api.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import axios from 'axios'
-
-export const API_URL = process.env.NEXT_PUBLIC_API_URL as string
-
-export const api = axios.create({
- baseURL: API_URL,
- headers: {
- 'Content-Type': 'application/json'
- }
-})
diff --git a/utils/authentication/Authentication.ts b/utils/authentication/Authentication.ts
deleted file mode 100644
index ed1f3d2..0000000
--- a/utils/authentication/Authentication.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import axios, { AxiosInstance } from 'axios'
-import { io, Socket } from 'socket.io-client'
-
-import { API_URL } from 'utils/api'
-import { cookies } from 'utils/cookies'
-import { Tokens } from '.'
-import { fetchRefreshToken } from './authenticationFromServerSide'
-
-export class Authentication {
- public tokens: Tokens
- public accessTokenAge: number
- public socket: Socket
- public api: AxiosInstance
-
- constructor (tokens: Tokens) {
- this.tokens = tokens
- this.accessTokenAge = Date.now()
- this.socket = io(API_URL, {
- auth: { token: `Bearer ${tokens.accessToken}` }
- })
- this.socket.on('connect_error', (error) => {
- if (error.message.startsWith('Unauthorized')) {
- fetchRefreshToken(this.tokens.refreshToken)
- .then(({ accessToken }) => {
- this.setAccessToken(accessToken)
- })
- .catch(async () => {
- this.signout()
- return await Promise.reject(error)
- })
- }
- })
- this.api = axios.create({
- baseURL: API_URL,
- headers: {
- 'Content-Type': 'application/json'
- }
- })
- this.api.interceptors.request.use(
- async (config) => {
- const isValidAccessToken =
- this.accessTokenAge + tokens.expiresIn > Date.now()
- if (!isValidAccessToken) {
- const { accessToken } = await fetchRefreshToken(
- this.tokens.refreshToken
- )
- this.setAccessToken(accessToken)
- }
- config.headers.Authorization = `${this.tokens.type} ${this.tokens.accessToken}`
- return config
- },
- async (error) => {
- this.signout()
- return await Promise.reject(error)
- }
- )
- this.api.interceptors.response.use(
- (response) => {
- return response
- },
- async (error) => {
- if (error.response.status !== 403 || (error.config._retry as boolean)) {
- return await Promise.reject(error)
- }
- error.config._retry = true
- try {
- const { accessToken } = await fetchRefreshToken(
- this.tokens.refreshToken
- )
- this.setAccessToken(accessToken)
- error.response.config.headers.Authorization = `${this.tokens.type} ${this.tokens.accessToken}`
- return await this.api.request(error.response.config)
- } catch {
- this.signout()
- return await Promise.reject(error)
- }
- }
- )
- }
-
- public setAccessToken (accessToken: string): void {
- this.tokens.accessToken = accessToken
- this.accessTokenAge = Date.now()
- const token = `${this.tokens.type} ${this.tokens.accessToken}`
- if (typeof this.socket.auth !== 'function') {
- this.socket.auth.token = token
- }
- }
-
- public signout (): void {
- cookies.remove('refreshToken')
- window.location.href = '/authentication/signin'
- }
-
- public async signoutServerSide (): Promise
{
- await this.api.post('/users/signout', {
- refreshToken: this.tokens.refreshToken
- })
- this.signout()
- }
-
- public signin (): void {
- cookies.set('refreshToken', this.tokens.refreshToken)
- }
-}
diff --git a/utils/authentication/AuthenticationContext.tsx b/utils/authentication/AuthenticationContext.tsx
deleted file mode 100644
index 70ccf20..0000000
--- a/utils/authentication/AuthenticationContext.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { createContext, useState, useEffect, useMemo, useContext } from 'react'
-import useTranslation from 'next-translate/useTranslation'
-import setLanguage from 'next-translate/setLanguage'
-
-import {
- Authentication,
- PagePropsWithAuthentication,
- User,
- UserSettings
-} from '.'
-import { useTheme } from 'contexts/Theme'
-
-export interface AuthenticationValue {
- authentication: Authentication
- user: User
- settings: UserSettings
-}
-
-const defaultAnthenticationContext: AuthenticationValue = {} as any
-const AuthenticationContext = createContext(
- defaultAnthenticationContext
-)
-
-export const AuthenticationProvider: React.FC = (
- props
-) => {
- const { lang } = useTranslation()
- const { theme, setTheme } = useTheme()
- const [user] = useState(props.authentication.user)
- const [settings] = useState(props.authentication.settings)
-
- const authentication = useMemo(() => {
- return new Authentication(props.authentication.tokens)
- }, [props.authentication.tokens])
-
- useEffect(() => {
- setLanguage(settings.language).catch(() => {})
- setTheme(settings.theme)
- }, [])
-
- useEffect(() => {
- authentication.api.put('/users/current/settings', { theme }).catch(() => {})
- }, [theme])
-
- useEffect(() => {
- authentication.api
- .put('/users/current/settings', { language: lang })
- .catch(() => {})
- }, [lang])
-
- return (
-
- {props.children}
-
- )
-}
-
-export const useAuthentication = (): AuthenticationValue => {
- return useContext(AuthenticationContext)
-}
diff --git a/utils/authentication/authenticationFromServerSide.ts b/utils/authentication/authenticationFromServerSide.ts
deleted file mode 100644
index e9c217e..0000000
--- a/utils/authentication/authenticationFromServerSide.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { AxiosInstance } from 'axios'
-import { GetServerSideProps, GetServerSidePropsContext } from 'next'
-
-import { api } from 'utils/api'
-import { Cookies } from 'utils/cookies'
-import { RefreshTokenResponse, Tokens } from '.'
-import { Authentication } from './Authentication'
-
-export const fetchRefreshToken = async (
- refreshToken: string
-): Promise => {
- const { data } = await api.post('/users/refreshToken', {
- refreshToken
- })
- return { ...data, refreshToken }
-}
-
-interface AuthenticationFromServerSideOptions {
- shouldBeAuthenticated: boolean
-
- /** allows to fetch data server side with the authenticated user, the callback should returns the data that will be transfer to the component as props */
- fetchData?: (api: AxiosInstance, context: GetServerSidePropsContext) => Promise<{ [key: string]: any }>
-}
-
-export const authenticationFromServerSide = (
- options: AuthenticationFromServerSideOptions
-): GetServerSideProps => {
- const { shouldBeAuthenticated, fetchData } = options
-
- return async (context) => {
- const cookies = new Cookies(context.req.headers.cookie)
- const refreshToken = cookies.get('refreshToken')
- let tokens: Tokens | null = null
- if (refreshToken != null) {
- try {
- tokens = await fetchRefreshToken(refreshToken)
- } catch {
- cookies.remove('refreshToken')
- }
- }
- if (!shouldBeAuthenticated) {
- if (tokens != null) {
- return {
- redirect: {
- destination: '/application',
- permanent: false
- }
- }
- } else {
- return { props: {} }
- }
- } else {
- if (tokens == null) {
- return {
- redirect: {
- destination: '/authentication/signin',
- permanent: false
- }
- }
- } else {
- let data = {}
- const authentication = new Authentication(tokens)
- const { data: currentUser } = await authentication.api.get(
- '/users/current'
- )
- if (fetchData != null) {
- data = await fetchData(authentication.api, context)
- }
- return {
- props: { authentication: { tokens, ...currentUser }, ...data }
- }
- }
- }
- }
-}
diff --git a/utils/authentication/index.ts b/utils/authentication/index.ts
deleted file mode 100644
index bb80793..0000000
--- a/utils/authentication/index.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Theme } from 'contexts/Theme'
-
-export interface RefreshTokenResponse {
- accessToken: string
-
- /** how long, in milliseconds, until the accessToken expires */
- expiresIn: number
- type: 'Bearer'
-}
-
-export interface Tokens extends RefreshTokenResponse {
- refreshToken: string
-}
-
-export interface User {
- id: number
- name: string
- email: string
- status: string
- biography: string
- logo: string
- isConfirmed: boolean
- createdAt: string
- updatedAt: string
-}
-
-export const languages = ['en', 'fr'] as const
-export type Language = typeof languages[number]
-
-export interface UserSettings {
- language: Language
- theme: Theme
- isPublicEmail: boolean
-}
-
-export const providers = ['google', 'github', 'discord'] as const
-export const strategies = [...providers, 'local'] as const
-
-export type AuthenticationStrategy = typeof strategies[number]
-
-export interface PagePropsWithAuthentication {
- authentication: {
- tokens: Tokens
- user: User
- settings: UserSettings
- currentStrategy: AuthenticationStrategy
- strategies: AuthenticationStrategy[]
- }
-}
-
-export * from './Authentication'
-export * from './authenticationFromServerSide'
-export * from './AuthenticationContext'
diff --git a/utils/cookies.ts b/utils/cookies.ts
deleted file mode 100644
index 8112383..0000000
--- a/utils/cookies.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import UniversalCookie from 'universal-cookie'
-
-export class Cookies {
- /** how long in seconds, until the cookie expires (10 years) */
- static readonly COOKIE_MAX_AGE = 10 * 365.25 * 24 * 60 * 60
-
- public universalCookie: UniversalCookie
-
- constructor (cookies?: string | object | null) {
- this.universalCookie = new UniversalCookie(cookies)
- }
-
- set (name: string, value: string): void {
- this.universalCookie.set(name, value, {
- path: '/',
- maxAge: Cookies.COOKIE_MAX_AGE
- })
- }
-
- remove (name: string): void {
- this.universalCookie.remove(name, { path: '/' })
- }
-
- get (name: string): string {
- return this.universalCookie.get(name)
- }
-}
-
-export const cookies = new Cookies()
diff --git a/utils/handleSocketData.ts b/utils/handleSocketData.ts
deleted file mode 100644
index 4da82c3..0000000
--- a/utils/handleSocketData.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { SetData } from 'hooks/usePagination'
-
-export interface Item {
- id: number
- [key: string]: any
-}
-
-export interface SocketData {
- action: 'create' | 'update' | 'delete'
- item: Item
-}
-
-export interface HandleSocketDataOptions {
- setData: SetData
-}
-
-export type SocketListener = (data: SocketData) => void
-
-export const handleSocketData = (
- options: HandleSocketDataOptions
-): SocketListener => {
- const { setData } = options
- const socketListener: SocketListener = (data) => {
- setData((oldItems) => {
- const newItems = { ...oldItems }
- switch (data.action) {
- case 'create': {
- newItems.rows.push(data.item as T)
- break
- }
- case 'delete': {
- const itemIndex = newItems.rows.findIndex(
- (item) => item.id === data.item.id
- )
- if (itemIndex !== -1) {
- newItems.rows.splice(itemIndex, 1)
- }
- break
- }
- case 'update': {
- const itemIndex = newItems.rows.findIndex(
- (item) => item.id === data.item.id
- )
- if (itemIndex !== -1) {
- newItems.rows[itemIndex] = data.item as T
- }
- break
- }
- }
- return newItems
- })
- }
- return socketListener
-}
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..80e5724
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,5 @@
+{
+ "github": {
+ "enabled": false
+ }
+}
+ 
+ 
+ 
+ 
+ 
+ 
- 
-