Refactoring to Typescript...
parent
48d1b3b4ed
commit
d61f17a0f3
@ -1,4 +0,0 @@
|
||||
import { hydrate } from 'preact'
|
||||
import { App } from './App.jsx'
|
||||
|
||||
hydrate(<App />, document.body)
|
||||
@ -0,0 +1,4 @@
|
||||
import { hydrate } from 'preact'
|
||||
import { App } from './App'
|
||||
|
||||
// hydrate(<App />, document.body)
|
||||
@ -1,13 +1,15 @@
|
||||
import renderToString from 'preact-render-to-string'
|
||||
import { App } from './App.jsx'
|
||||
import { MetadataContext } from './hooks.jsx'
|
||||
// import { App } from './App'
|
||||
import { MetadataContext } from './hooks'
|
||||
|
||||
export function render(url) {
|
||||
import { RenderedPage } from '../shared/ssr'
|
||||
|
||||
export default (url: string): RenderedPage => {
|
||||
const metadata = {}
|
||||
|
||||
const html = renderToString(
|
||||
<MetadataContext.Provider value={metadata}>
|
||||
<App url={url} />
|
||||
{/* <App url={url} /> */}
|
||||
</MetadataContext.Provider>
|
||||
)
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
export const initialDatabaseValue = {
|
||||
users: {
|
||||
['BachoSeven']: {},
|
||||
['aziis98']: {},
|
||||
},
|
||||
problems: {},
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
import { UserId } from '../../shared/model'
|
||||
import { Database } from './database'
|
||||
|
||||
export const initialDatabaseValue: Database = {
|
||||
users: {
|
||||
['BachoSeven']: {
|
||||
id: 'BachoSeven' as UserId,
|
||||
role: 'admin',
|
||||
},
|
||||
['aziis98']: {
|
||||
id: 'aziis98' as UserId,
|
||||
role: 'admin',
|
||||
},
|
||||
},
|
||||
problems: {},
|
||||
solutions: {},
|
||||
}
|
||||
@ -1,47 +0,0 @@
|
||||
import { Router } from 'express'
|
||||
|
||||
const createRouter = setup => options => {
|
||||
const r = new Router()
|
||||
setup(r, options)
|
||||
return r
|
||||
}
|
||||
|
||||
export const createStatusRouter = createRouter(r => {
|
||||
r.get('/', (req, res) => {
|
||||
res.json({ url: req.originalUrl, status: 'ok' })
|
||||
})
|
||||
})
|
||||
|
||||
export class PingRouter extends Router {
|
||||
constructor() {
|
||||
super()
|
||||
|
||||
this.post('/', (req, res) => {
|
||||
if (req.body?.message === 'ping') {
|
||||
res.json('pong')
|
||||
} else {
|
||||
res.status(400)
|
||||
res.json('Invalid request')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const INVALID_SESSION = `invalid session token`
|
||||
|
||||
export const authMiddleware = getUserForSession => async (req, res, next) => {
|
||||
if (req.cookies.sid) {
|
||||
const user = await getUserForSession(req.cookies.sid)
|
||||
if (user) {
|
||||
req.user = user
|
||||
} else {
|
||||
res.cookie('sid', '', { expires: new Date() })
|
||||
}
|
||||
}
|
||||
|
||||
next()
|
||||
}
|
||||
|
||||
export const authenticatedMiddleware = (req, res, next) => {
|
||||
req.user && next()
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
import express, { NextFunction, Request, Response, Router } from 'express'
|
||||
import { User } from '../shared/model'
|
||||
|
||||
const createRouter =
|
||||
<T>(setup: (r: Router, options?: T) => void) =>
|
||||
(options: T) => {
|
||||
const r = express.Router()
|
||||
setup(r, options)
|
||||
return r
|
||||
}
|
||||
|
||||
export const createStatusRouter = createRouter(r => {
|
||||
r.get('/', (req, res) => {
|
||||
res.json({ url: req.originalUrl, status: 'ok' })
|
||||
})
|
||||
}) as () => Router
|
||||
|
||||
// export class PingRouter extends express.Router {
|
||||
// constructor() {
|
||||
// super()
|
||||
|
||||
// this.post('/', (req, res) => {
|
||||
// if (req.body?.message === 'ping') {
|
||||
// res.json('pong')
|
||||
// } else {
|
||||
// res.status(400)
|
||||
// res.json('Invalid request')
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
|
||||
export const INVALID_SESSION = `invalid session token`
|
||||
|
||||
export const authMiddleware =
|
||||
<U>(getUserForSession: (sid: string) => U) =>
|
||||
async (req: Request, res: Response, next: NextFunction) => {
|
||||
if (req.cookies.sid) {
|
||||
const user = await getUserForSession(req.cookies.sid)
|
||||
if (user) {
|
||||
// @ts-ignore
|
||||
req.user = user
|
||||
} else {
|
||||
res.cookie('sid', '', { expires: new Date() })
|
||||
}
|
||||
}
|
||||
|
||||
next()
|
||||
}
|
||||
|
||||
interface AuthenticatedRequest extends Request {
|
||||
user: User | null
|
||||
}
|
||||
|
||||
export const authenticatedMiddleware = (
|
||||
req: AuthenticatedRequest,
|
||||
res: Response,
|
||||
next: NextFunction
|
||||
) => {
|
||||
req.user && next()
|
||||
}
|
||||
@ -1,170 +0,0 @@
|
||||
import crypto from 'crypto'
|
||||
|
||||
import bodyParser from 'body-parser'
|
||||
import cookieParser from 'cookie-parser'
|
||||
|
||||
import express from 'express'
|
||||
|
||||
import { createStatusRouter, PingRouter } from './middlewares.js'
|
||||
import {
|
||||
createDatabase,
|
||||
createProblem,
|
||||
createSolution,
|
||||
getProblem,
|
||||
getProblems,
|
||||
getSolutions,
|
||||
getUser,
|
||||
getUsers,
|
||||
} from './db/database.js'
|
||||
import { initialDatabaseValue } from './db/example-data.js'
|
||||
|
||||
export async function createApiRouter() {
|
||||
const sessions = {
|
||||
store: {},
|
||||
createSession(username) {
|
||||
const sid = crypto.randomBytes(10).toString('hex')
|
||||
this.store[sid] = username
|
||||
return sid
|
||||
},
|
||||
getUserForSession(sid) {
|
||||
return this.store[sid] ?? null
|
||||
},
|
||||
}
|
||||
|
||||
const db = createDatabase('./db.local.json', initialDatabaseValue)
|
||||
|
||||
async function getRequestUser(req) {
|
||||
const userId = sessions.getUserForSession(req.cookies.sid)
|
||||
if (!userId) {
|
||||
return null
|
||||
}
|
||||
|
||||
const user = await getUser(db, userId)
|
||||
|
||||
return user
|
||||
}
|
||||
|
||||
const r = express.Router()
|
||||
|
||||
r.use(bodyParser.json())
|
||||
r.use(cookieParser())
|
||||
|
||||
r.use('/api/status', createStatusRouter())
|
||||
r.use('/api/ping', new PingRouter())
|
||||
|
||||
r.get('/api/current-user', async (req, res) => {
|
||||
res.json(await getRequestUser(req))
|
||||
})
|
||||
|
||||
r.post('/api/login', async (req, res) => {
|
||||
const { username } = req.body
|
||||
|
||||
const user = await getUser(db, username)
|
||||
if (!user) {
|
||||
res.sendStatus(403)
|
||||
return
|
||||
}
|
||||
|
||||
res.cookie('sid', sessions.createSession(username), { maxAge: 1000 * 60 * 60 * 24 * 7 })
|
||||
res.json({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.post('/api/logout', (req, res) => {
|
||||
res.cookie('sid', '', { expires: new Date() })
|
||||
res.json({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.get('/api/users', async (req, res) => {
|
||||
const requestUser = await getRequestUser(req)
|
||||
if (requestUser.role !== 'admin' && requestUser.role !== 'moderator') {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const users = await getUsers(db)
|
||||
res.json(users)
|
||||
})
|
||||
|
||||
r.get('/api/problems', async (req, res) => {
|
||||
res.json(await getProblems(db))
|
||||
})
|
||||
|
||||
r.get('/api/problem/:id', async (req, res) => {
|
||||
res.json(await getProblem(db, req.params.id))
|
||||
})
|
||||
|
||||
r.post('/api/problem', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
if (user.role !== 'admin' && user.role !== 'moderator') {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const id = await createProblem(db, {
|
||||
content: req.body.content,
|
||||
createBy: user.username,
|
||||
})
|
||||
|
||||
res.json(id)
|
||||
})
|
||||
|
||||
r.get('/api/solutions', async (req, res) => {
|
||||
let queryUserId = req.query.user
|
||||
let queryProblemId = req.query.problem
|
||||
|
||||
const requestUser = await getRequestUser(req)
|
||||
if (!requestUser) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
// if current user is not an administrator then force the user query to current user
|
||||
if (requestUser.role !== 'admin' && requestUser.role !== 'moderator') {
|
||||
queryUserId = requestUser.username
|
||||
}
|
||||
|
||||
res.json(await getSolutions(db, { userId: queryUserId, problemId: queryProblemId }))
|
||||
})
|
||||
|
||||
r.post('/api/solution', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
await createSolution(db, {
|
||||
userId: user.username,
|
||||
problemId: req.body.problemId,
|
||||
content: req.body.content,
|
||||
})
|
||||
|
||||
res.send({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.get('/api/user/:id', async (req, res) => {
|
||||
const requestUser = await getRequestUser(req)
|
||||
if (!requestUser) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
if (requestUser.role !== 'admin' && requestUser.role !== 'moderator') {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const requestedUser = await getUser(db, req.params.id)
|
||||
if (!requestedUser) {
|
||||
res.sendStatus(404)
|
||||
return
|
||||
}
|
||||
|
||||
res.json(requestedUser)
|
||||
})
|
||||
|
||||
return r
|
||||
}
|
||||
@ -0,0 +1,249 @@
|
||||
import crypto from 'crypto'
|
||||
|
||||
import bodyParser from 'body-parser'
|
||||
import cookieParser from 'cookie-parser'
|
||||
|
||||
import express, { Request, Response, Router } from 'express'
|
||||
|
||||
import { createStatusRouter } from './middlewares'
|
||||
|
||||
import {
|
||||
createDatabase,
|
||||
createProblem,
|
||||
createSolution,
|
||||
getProblem,
|
||||
getProblems,
|
||||
getSolution,
|
||||
getSolutions,
|
||||
getUser,
|
||||
getUsers,
|
||||
updateSolution,
|
||||
} from './db/database'
|
||||
|
||||
import { isAdministrator, isStudent, Problem, ProblemId, UserId } from '../shared/model'
|
||||
import { initialDatabaseValue } from './db/example-data'
|
||||
|
||||
export async function createApiRouter() {
|
||||
type SessionId = string
|
||||
|
||||
const sessions = {
|
||||
store: {},
|
||||
createSession(userId: UserId) {
|
||||
const sid = crypto.randomBytes(10).toString('hex')
|
||||
this.store[sid] = userId
|
||||
return sid
|
||||
},
|
||||
getUserForSession(sid: SessionId) {
|
||||
return this.store[sid] ?? null
|
||||
},
|
||||
}
|
||||
|
||||
const db = createDatabase('./db.local.json', initialDatabaseValue)
|
||||
|
||||
async function getRequestUser(req: Request) {
|
||||
const userId = sessions.getUserForSession(req.cookies.sid)
|
||||
if (!userId) {
|
||||
return null
|
||||
}
|
||||
|
||||
console.log(userId)
|
||||
|
||||
return await getUser(db, userId)
|
||||
}
|
||||
|
||||
const r: Router = express.Router()
|
||||
|
||||
r.use(bodyParser.json())
|
||||
r.use(cookieParser())
|
||||
|
||||
r.use('/api/status', createStatusRouter())
|
||||
// r.use('/api/ping', new PingRouter())
|
||||
|
||||
r.get('/api/current-user', async (req, res) => {
|
||||
res.json(await getRequestUser(req))
|
||||
})
|
||||
|
||||
r.post('/api/login', async (req, res) => {
|
||||
const { id } = req.body
|
||||
|
||||
const user = await getUser(db, id)
|
||||
if (!user) {
|
||||
res.sendStatus(403)
|
||||
return
|
||||
}
|
||||
|
||||
res.cookie('sid', sessions.createSession(id), { maxAge: 1000 * 60 * 60 * 24 * 7 })
|
||||
res.json({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.post('/api/logout', (req, res) => {
|
||||
res.cookie('sid', '', { expires: new Date() })
|
||||
res.json({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.get('/api/users', async (req, res) => {
|
||||
const requestUser = await getRequestUser(req)
|
||||
if (requestUser.role !== 'admin' && requestUser.role !== 'moderator') {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const users = await getUsers(db)
|
||||
res.json(users)
|
||||
})
|
||||
|
||||
r.get('/api/problems', async (req, res) => {
|
||||
type ProblemWithSolutionsCount = Problem & { solutionsCount?: number }
|
||||
|
||||
const problems: ProblemWithSolutionsCount[] = await getProblems(db)
|
||||
const solutions = await getSolutions(db)
|
||||
|
||||
const solutionCounts: Record<ProblemId, number> = {}
|
||||
|
||||
for (const s of solutions) {
|
||||
solutionCounts[s.forProblem] ||= 0
|
||||
solutionCounts[s.forProblem]++
|
||||
}
|
||||
|
||||
for (const p of problems) {
|
||||
p.solutionsCount = solutionCounts[p.id] || 0
|
||||
}
|
||||
|
||||
res.json(problems)
|
||||
})
|
||||
|
||||
r.get('/api/problem/:id', async (req, res) => {
|
||||
res.json(await getProblem(db, req.params.id))
|
||||
})
|
||||
|
||||
r.post('/api/problem', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
if (user.role !== 'admin' && user.role !== 'moderator') {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const id = await createProblem(db, {
|
||||
content: req.body.content,
|
||||
createdBy: user.id,
|
||||
})
|
||||
|
||||
res.json(id)
|
||||
})
|
||||
|
||||
r.get('/api/solution/:id', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
|
||||
// l'utente deve essere loggato
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const solution = await getSolution(db, req.params.id)
|
||||
|
||||
// uno studente che prova a ottenere la soluzione di un altro utente
|
||||
if (!isAdministrator(user.role) && solution.sentBy !== user.id) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
res.json(solution)
|
||||
})
|
||||
|
||||
r.get('/api/solutions', async (req, res) => {
|
||||
let queryUserId = req.query.user as string
|
||||
let queryProblemId = req.query.problem as string
|
||||
|
||||
const requestUser = await getRequestUser(req)
|
||||
if (!requestUser) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
// if current user is not an administrator then force the user query to current user
|
||||
if (!isAdministrator(requestUser.role)) {
|
||||
queryUserId = requestUser.id
|
||||
}
|
||||
|
||||
res.json(
|
||||
await getSolutions(db, {
|
||||
sentBy: queryUserId as UserId,
|
||||
forProblem: queryProblemId as ProblemId,
|
||||
})
|
||||
)
|
||||
})
|
||||
|
||||
r.post('/api/solution', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
await createSolution(db, {
|
||||
sentBy: user.id,
|
||||
forProblem: req.body.problemId,
|
||||
content: req.body.content,
|
||||
status: 'pending',
|
||||
})
|
||||
|
||||
res.send({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.post('/api/solution/:id', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
|
||||
// l'utente deve essere loggato
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const solutionId = req.params.id
|
||||
const solution = await getSolution(db, solutionId)
|
||||
|
||||
// uno studente non può modificare una soluzione di un altro utente
|
||||
if (isStudent(user.role) && solution.sentBy !== user.id) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
// modifico la soluzione con il json mandato dal client nel body della richiesta
|
||||
await updateSolution(db, solutionId, req.body)
|
||||
|
||||
res.json({ status: 'ok' })
|
||||
})
|
||||
|
||||
r.get('/api/user/:id', async (req, res) => {
|
||||
const user = await getRequestUser(req)
|
||||
|
||||
// intanto l'utente deve essere loggato
|
||||
if (!user) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
// solo gli amministratori possono usare questa route
|
||||
if (!isAdministrator(user.role)) {
|
||||
res.sendStatus(401)
|
||||
return
|
||||
}
|
||||
|
||||
const requestedUser = await getUser(db, req.params.id)
|
||||
|
||||
// l'utente richiesto magari deve esistere
|
||||
if (!requestedUser) {
|
||||
res.sendStatus(404)
|
||||
return
|
||||
}
|
||||
|
||||
res.json(requestedUser)
|
||||
})
|
||||
|
||||
return r
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { ProblemId, SolutionId, UserId } from './model'
|
||||
|
||||
// export function refToUserId(ref: string): UserId {
|
||||
// if (!ref.startsWith('user/')) {
|
||||
// throw new Error(`"${ref}" is not a reference to a User`)
|
||||
// }
|
||||
|
||||
// return ref.slice('user/'.length)
|
||||
// }
|
||||
|
||||
// export function refToProblemId(ref: string): ProblemId {
|
||||
// if (!ref.startsWith('problem/')) {
|
||||
// throw new Error(`"${ref}" is not a reference to a Problem`)
|
||||
// }
|
||||
|
||||
// return ref.slice('problem/'.length)
|
||||
// }
|
||||
|
||||
// export function refToSolutionId(ref: string): SolutionId {
|
||||
// if (!ref.startsWith('solution/')) {
|
||||
// throw new Error(`"${ref}" is not a reference to a Solution`)
|
||||
// }
|
||||
|
||||
// return ref.slice('solution/'.length)
|
||||
// }
|
||||
@ -0,0 +1,62 @@
|
||||
//
|
||||
// Common
|
||||
//
|
||||
|
||||
export type CommonProps = 'id' | 'createdAt'
|
||||
|
||||
type Opaque<T, K, L extends string = 'opaque'> = T & { _: K; __: L }
|
||||
|
||||
type Id<T> = Opaque<string, T, 'id'>
|
||||
|
||||
//
|
||||
// Users
|
||||
//
|
||||
|
||||
export type AdministratorRole = 'admin' | 'moderator'
|
||||
export type StudentRole = 'student'
|
||||
|
||||
export type UserRole = AdministratorRole | StudentRole
|
||||
|
||||
export type UserId = Id<User>
|
||||
|
||||
export type User = {
|
||||
id: UserId
|
||||
role: UserRole
|
||||
}
|
||||
|
||||
export function isAdministrator(role: UserRole): role is AdministratorRole {
|
||||
return role !== 'student'
|
||||
}
|
||||
|
||||
export function isStudent(role: UserRole): role is StudentRole {
|
||||
return role === 'student'
|
||||
}
|
||||
|
||||
//
|
||||
// Problems
|
||||
//
|
||||
|
||||
export type ProblemId = Id<Problem>
|
||||
|
||||
export type Problem = {
|
||||
id: ProblemId
|
||||
content: string
|
||||
createdBy: UserId
|
||||
createdAt: string
|
||||
}
|
||||
|
||||
//
|
||||
// Solutions
|
||||
//
|
||||
|
||||
export type SolutionStatus = 'pending' | 'rejected' | 'accepted'
|
||||
|
||||
export type SolutionId = string
|
||||
|
||||
export type Solution = {
|
||||
id: SolutionId
|
||||
sentBy: UserId
|
||||
forProblem: ProblemId
|
||||
content: string
|
||||
status: SolutionStatus
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
export type RenderedPage = {
|
||||
html: string
|
||||
metadata: any
|
||||
}
|
||||
|
||||
export type RenderFunction = (url: string) => RenderedPage
|
||||
@ -0,0 +1,23 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||
"allowJs": false,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": false,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"noImplicitAny": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
"jsxImportSource": "preact"
|
||||
},
|
||||
"include": ["client", "shared"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "Node",
|
||||
"noImplicitAny": true,
|
||||
"allowSyntheticDefaultImports": true
|
||||
},
|
||||
"include": ["server", "shared"]
|
||||
}
|
||||
Loading…
Reference in New Issue