= async (
81 | ctx,
82 | ) => {
83 | const session = await getSession(ctx as any)
84 |
85 | return {
86 | props: {
87 | session,
88 | },
89 | }
90 | }
91 |
92 | IndexPage.getLayout = getMainLayout('Homepage')
93 |
94 | export default IndexPage
95 |
--------------------------------------------------------------------------------
/nextjs/src/styles/bar-of-progress.css:
--------------------------------------------------------------------------------
1 | .bar-of-progress {
2 | &::after {
3 | content: '';
4 | display: block;
5 | position: absolute;
6 | right: 0;
7 | width: 100px;
8 | height: 100%;
9 | box-shadow: 0 0 10px currentColor, 0 0 5px currentColor;
10 | transform: rotate(3deg) translate(0, -4px);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/nextjs/src/styles/tailwind.css:
--------------------------------------------------------------------------------
1 | @import url('https://rsms.me/inter/inter.css');
2 | @tailwind base;
3 |
4 | /* Write your own custom base styles here */
5 |
6 | /* Start purging... */
7 | @tailwind components;
8 | /* Stop purging. */
9 |
10 | /* Write you own custom component styles here */
11 | /*! purgecss start ignore */
12 | @import './bar-of-progress.css';
13 |
14 | /*! purgecss end ignore */
15 |
16 | /* Start purging... */
17 | @tailwind utilities;
18 | /* Stop purging. */
19 |
20 | /* Your own custom utilities */
21 |
--------------------------------------------------------------------------------
/nextjs/src/types/page.ts:
--------------------------------------------------------------------------------
1 | import { NextPage } from 'next'
2 | import { AppProps } from 'next/app'
3 |
4 | export type NextPageWithLayout = NextPage & {
5 | getLayout?: (component: JSX.Element) => JSX.Element
6 | }
7 |
8 | export type AppPropsWithLayout = AppProps & {
9 | Component: NextPageWithLayout
10 | }
11 |
--------------------------------------------------------------------------------
/nextjs/src/types/session.ts:
--------------------------------------------------------------------------------
1 | import { Session as AuthSession } from 'next-auth/client'
2 |
3 | export default interface Session extends AuthSession {
4 | id?: number
5 | token?: string
6 | }
7 |
8 | export type SessionProp = {
9 | session: Session | null
10 | }
11 |
--------------------------------------------------------------------------------
/nextjs/src/types/token.ts:
--------------------------------------------------------------------------------
1 | export default interface Token {
2 | id: number
3 | email: string
4 | name: string
5 | picture: string
6 | }
7 |
--------------------------------------------------------------------------------
/nextjs/src/types/user.ts:
--------------------------------------------------------------------------------
1 | export default interface User {
2 | id: number
3 | name: string
4 | image: string
5 | email: string
6 | }
7 |
--------------------------------------------------------------------------------
/nextjs/src/utils/createCtx.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 |
3 | export const createCtx = | null>() => {
4 | const ctx = React.createContext(undefined)
5 |
6 | const useCtx = () => {
7 | const c = React.useContext(ctx)
8 | if (c === undefined)
9 | throw new Error('useCtx must be inside a Provider with a value')
10 | return c
11 | }
12 |
13 | return [useCtx, ctx.Provider] as const // 'as const' makes TypeScript infer a tuple
14 | }
15 |
--------------------------------------------------------------------------------
/nextjs/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './timeFromNow'
2 |
--------------------------------------------------------------------------------
/nextjs/src/utils/timeFromNow.tsx:
--------------------------------------------------------------------------------
1 | import dayjs from 'dayjs'
2 | import relativeTime from 'dayjs/plugin/relativeTime'
3 |
4 | dayjs.extend(relativeTime)
5 |
6 | export const timeFromNow = (time: string): string => {
7 | return dayjs(time).fromNow()
8 | }
9 |
--------------------------------------------------------------------------------
/nextjs/src/zustands/boards.ts:
--------------------------------------------------------------------------------
1 | import create from 'zustand'
2 |
3 | export const useLastPositionNumber = create<{
4 | lastPosition: number
5 | setLastPosition: (lastPosition: number) => void
6 | }>((set) => ({
7 | lastPosition: 0,
8 | setLastPosition: (lastPosition) => set(() => ({ lastPosition })),
9 | }))
10 |
--------------------------------------------------------------------------------
/nextjs/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-var-requires */
2 | const defaultTheme = require('tailwindcss/defaultTheme')
3 | const { resolveConfig } = require('@retail-ui/core')
4 |
5 | module.exports = resolveConfig({
6 | experimental: {
7 | applyComplexClasses: true,
8 | uniformColorPalette: true,
9 | extendedSpacingScale: true,
10 | defaultLineHeights: true,
11 | extendedFontSizeScale: true,
12 | removeDeprecatedGapUtilities: true,
13 | purgeLayersByDefault: true,
14 | },
15 | purge: ['./src/**/*.{js,ts,jsx,tsx}'],
16 | theme: {
17 | extend: {
18 | fontFamily: {
19 | sans: ['Inter', ...defaultTheme.fontFamily.sans],
20 | },
21 | },
22 | },
23 | variants: {
24 | display: ['responsive', 'dark', 'last', 'group-hover'],
25 | },
26 | plugins: [require('@tailwindcss/ui')],
27 | })
28 |
--------------------------------------------------------------------------------
/nextjs/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "alwaysStrict": true,
7 | "skipLibCheck": true,
8 | "strict": true,
9 | "forceConsistentCasingInFileNames": true,
10 | "noEmit": true,
11 | "noFallthroughCasesInSwitch": true,
12 | "esModuleInterop": true,
13 | "module": "esnext",
14 | "moduleResolution": "node",
15 | "resolveJsonModule": true,
16 | "isolatedModules": true,
17 | "jsx": "preserve",
18 | "baseUrl": ".",
19 | "paths": {
20 | "@/*": ["src/*"]
21 | }
22 | },
23 | "exclude": ["node_modules", "tailwind.config.js"],
24 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
25 | }
26 |
--------------------------------------------------------------------------------
/nextjs/vendor.d.ts:
--------------------------------------------------------------------------------
1 | // declare module 'next-auth/client'
2 | // declare module 'next-auth'
3 | // declare module 'next-auth/providers'
4 |
--------------------------------------------------------------------------------
4 | 
11 |
12 | 
14 |