;
10 | }
11 |
--------------------------------------------------------------------------------
/fe/src/hooks/simulation/types.ts:
--------------------------------------------------------------------------------
1 | export type SimulationInput = {
2 | id: number;
3 | input: string;
4 | expected: string;
5 | changable: boolean;
6 | };
7 |
8 | export type SimulationResult = {
9 | id: number;
10 | isDone: boolean;
11 | input: string;
12 | output: unknown;
13 | expected: string;
14 | logs: string[];
15 | };
16 |
--------------------------------------------------------------------------------
/fe/src/components/Common/Modal/ModalContext.ts:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 |
3 | interface ModalContextProps {
4 | isOpen: boolean;
5 | close: () => void;
6 | open: () => void;
7 | }
8 |
9 | export const ModalContext = createContext
10 | {children}
11 |
12 | );
13 | }
14 |
15 | const style = css({
16 | padding: '1rem',
17 | background: 'surface.alt',
18 | borderRadius: '0.5rem',
19 | });
20 |
--------------------------------------------------------------------------------
/fe/src/modules/evaluator/eval.worker.ts:
--------------------------------------------------------------------------------
1 | import * as QuickJS from './quickjs';
2 | import type { EvalMessage } from './types';
3 |
4 | type MessageEvent = {
5 | data: EvalMessage;
6 | };
7 |
8 | self.addEventListener('message', async function (e: MessageEvent) {
9 | const message = e.data;
10 |
11 | try {
12 | const { code, param } = message;
13 | const result = await QuickJS.evaluate(code, param);
14 |
15 | self.postMessage(result);
16 | } catch (err) {
17 | self.postMessage(err);
18 | }
19 | });
20 |
--------------------------------------------------------------------------------
/fe/src/components/Layout/CompetitionPageLayout.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@style/css';
2 |
3 | import { HTMLAttributes } from 'react';
4 |
5 | interface Props extends HTMLAttributes
14 | 연결 중...
15 |
17 | );
18 | }
19 |
20 | const rowStyle = css({
21 | display: 'flex',
22 | gap: '0.5rem',
23 | });
24 |
--------------------------------------------------------------------------------
/be/algo-with-me-docker/Dockerfile:
--------------------------------------------------------------------------------
1 | ARG NODE_VERSION=20.9.0
2 | ARG ALPINE_VERSION=3.18
3 | ARG PORT=5000
4 |
5 | FROM node:${NODE_VERSION}-bookworm AS base
6 |
7 | RUN npm install -g pnpm
8 |
9 | RUN groupadd -g 1001 be \
10 | && useradd -r -m -u 1001 -g be be
11 | USER be
12 |
13 | CMD "mkdir -p /algo-with-me"
14 | WORKDIR /algo-with-me
15 | COPY --chmod=555 --chown=be:be ./node-sh /algo-with-me/node-sh
16 | COPY --chown=be:be . /algo-with-me
17 |
18 | RUN pnpm install
19 |
20 | SHELL ["/bin/bash", "-ec"]
21 |
22 | EXPOSE ${PORT}
23 |
24 | CMD node src/app.js
25 |
--------------------------------------------------------------------------------
/fe/styled-system/patterns/link-box.mjs:
--------------------------------------------------------------------------------
1 | import { mapObject } from '../helpers.mjs';
2 | import { css } from '../css/index.mjs';
3 |
4 | const linkBoxConfig = {
5 | transform(props) {
6 | return {
7 | position: "relative",
8 | "& :where(a, abbr)": {
9 | position: "relative",
10 | zIndex: "1"
11 | },
12 | ...props
13 | };
14 | }}
15 |
16 | export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
17 |
18 | export const linkBox = (styles) => css(getLinkBoxStyle(styles))
19 | linkBox.raw = getLinkBoxStyle
--------------------------------------------------------------------------------
/be/algo-with-me-score/src/app.controller.ts:
--------------------------------------------------------------------------------
1 | import { Body, Controller, Post } from '@nestjs/common';
2 |
3 | import { AppService } from './app.service';
4 | import { MessageQueueItemDto } from './score/dtos/message-queue-item.dto';
5 |
6 | @Controller()
7 | export class AppController {
8 | constructor(private readonly appService: AppService) {}
9 |
10 | @Post()
11 | addMessage(@Body('submissionId') submissionId: number, @Body('socketId') socketId: string) {
12 | return this.appService.addMessageQueue(new MessageQueueItemDto(submissionId, socketId));
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/fe/styled-system/patterns/container.mjs:
--------------------------------------------------------------------------------
1 | import { mapObject } from '../helpers.mjs';
2 | import { css } from '../css/index.mjs';
3 |
4 | const containerConfig = {
5 | transform(props) {
6 | return {
7 | position: "relative",
8 | maxWidth: "8xl",
9 | mx: "auto",
10 | px: { base: "4", md: "6", lg: "8" },
11 | ...props
12 | };
13 | }}
14 |
15 | export const getContainerStyle = (styles = {}) => containerConfig.transform(styles, { map: mapObject })
16 |
17 | export const container = (styles) => css(getContainerStyle(styles))
18 | container.raw = getContainerStyle
--------------------------------------------------------------------------------
/fe/src/components/Common/HStack/HStack.tsx:
--------------------------------------------------------------------------------
1 | import { css, cx } from '@style/css';
2 |
3 | import { HTMLAttributes } from 'react';
4 |
5 | export interface Props extends HTMLAttributes
14 |
16 | );
17 | }
18 |
19 | const style = css({
20 | backgroundColor: 'surface',
21 | color: 'text',
22 | padding: '1rem',
23 | overflow: 'auto',
24 | whiteSpace: 'pre-wrap',
25 | });
26 |
--------------------------------------------------------------------------------
/fe/src/components/Submission/types.ts:
--------------------------------------------------------------------------------
1 | import { ProblemId } from '@/apis/problems';
2 |
3 | export const SUBMIT_STATE = {
4 | notSubmitted: 0,
5 | loading: 1,
6 | submitted: 2,
7 | } as const;
8 |
9 | export type SubmitState = (typeof SUBMIT_STATE)[keyof typeof SUBMIT_STATE];
10 |
11 | export type ScoreStart = {
12 | message: string;
13 | testcaseNum: number;
14 | };
15 |
16 | export type ScoreResult = {
17 | problemId: ProblemId;
18 | testcaseId: number;
19 | timeUsage: number;
20 | memoryUsage: number;
21 | result: string;
22 | };
23 |
24 | export type SubmitResult = {
25 | testcaseId: number;
26 | submitState: SubmitState;
27 | score?: ScoreResult;
28 | };
29 |
--------------------------------------------------------------------------------
/fe/styled-system/patterns/wrap.mjs:
--------------------------------------------------------------------------------
1 | import { mapObject } from '../helpers.mjs';
2 | import { css } from '../css/index.mjs';
3 |
4 | const wrapConfig = {
5 | transform(props) {
6 | const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props;
7 | return {
8 | display: "flex",
9 | flexWrap: "wrap",
10 | alignItems: align,
11 | justifyContent: justify,
12 | gap,
13 | columnGap,
14 | rowGap,
15 | ...rest
16 | };
17 | }}
18 |
19 | export const getWrapStyle = (styles = {}) => wrapConfig.transform(styles, { map: mapObject })
20 |
21 | export const wrap = (styles) => css(getWrapStyle(styles))
22 | wrap.raw = getWrapStyle
--------------------------------------------------------------------------------
/fe/src/utils/copy/__tests__/copy.spec.ts:
--------------------------------------------------------------------------------
1 | import { deepCopy } from '../index';
2 | import { describe, expect, it } from 'vitest';
3 |
4 | describe('deepCopy', () => {
5 | it('deepCopy는 객체를 깊은 복사한다.', () => {
6 | const obj = {
7 | inner: {
8 | a: 1,
9 | },
10 | };
11 | expect(deepCopy(obj)).not.equal(obj);
12 | expect(deepCopy(obj).inner).not.equal(obj.inner);
13 | });
14 |
15 | it('deepCopy는 배열을 깊은 복사한다.', () => {
16 | const obj = { inner: { a: 1 } };
17 | const arr = [obj];
18 | expect(deepCopy(arr)).not.equal(arr);
19 | expect(deepCopy(arr)[0]).not.equal(arr[0]);
20 | expect(deepCopy(arr)[0].inner).not.equal(obj.inner);
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/fe/src/components/Auth/AuthProvider.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 |
3 | import AuthContext from './AuthContext';
4 |
5 | const AuthProvider = ({ children }: { children: React.ReactNode }) => {
6 | function logout() {
7 | setIsLogined(false);
8 | setEmail('');
9 | }
10 | function login(email: string) {
11 | setIsLogined(true);
12 | setEmail(email);
13 | }
14 |
15 | const [isLoggedin, setIsLogined] = useState정확성: 40.0
17 |합계: 40.0 / 100.0
18 | 19 | ) : ( 20 |
16 |
22 | {competition.detail}
23 |
24 |
25 | );
26 | }
27 |
28 | const infoContainerStyle = css({
29 | display: 'flex',
30 | flexDirection: 'column',
31 | gap: '16px',
32 | });
33 |
--------------------------------------------------------------------------------
/fe/src/components/Login/index.tsx:
--------------------------------------------------------------------------------
1 | import { css } from '@style/css';
2 |
3 | import { Button } from '@/components/Common';
4 |
5 | interface Props {
6 | onClickLogin: () => void;
7 | }
8 |
9 | export default function Login({ onClickLogin }: Props) {
10 | return (
11 |
17 |
18 | {competition.name}
19 |
20 |
21 |
15 |
16 | {problem.title}
17 |
18 |
19 | );
20 | }
21 |
22 | const style = css({
23 | borderBottom: '1px solid',
24 | borderColor: 'border',
25 | });
26 |
27 | const problemTitleStyle = css({
28 | display: 'inline-block',
29 | paddingY: '1rem',
30 | paddingX: '1.25rem',
31 | marginLeft: '4rem',
32 | color: 'brand',
33 | borderBottom: '2px solid',
34 | borderColor: 'brand',
35 | });
36 |
--------------------------------------------------------------------------------
/be/algo-with-me-api/src/dashboard/dashboard.module.ts:
--------------------------------------------------------------------------------
1 | import { Module, forwardRef } from '@nestjs/common';
2 | import { TypeOrmModule } from '@nestjs/typeorm';
3 |
4 | import { DashboardController } from './dashboard.controller';
5 | import { DashboardGateway } from './dashboard.gateway';
6 | import { DashboardService } from './dashboard.service';
7 | import { Dashboard } from './entities/dashboard.entity';
8 |
9 | import { CompetitionModule } from '@src/competition/competition.module';
10 | import { Competition } from '@src/competition/entities/competition.entity';
11 | import { CompetitionProblem } from '@src/competition/entities/competition.problem.entity';
12 |
13 | @Module({
14 | imports: [
15 | TypeOrmModule.forFeature([Dashboard, CompetitionProblem, Competition]),
16 | forwardRef(() => CompetitionModule),
17 | ],
18 | providers: [DashboardGateway, DashboardService],
19 | controllers: [DashboardController],
20 | exports: [DashboardService],
21 | })
22 | export class DashboardModule {}
23 |
--------------------------------------------------------------------------------
/fe/src/components/Common/Link.tsx:
--------------------------------------------------------------------------------
1 | import { cva, cx } from '@style/css';
2 |
3 | import type { RefAttributes } from 'react';
4 | import type { LinkProps } from 'react-router-dom';
5 | import { Link as _Link } from 'react-router-dom';
6 |
7 | import { Text } from './Text';
8 |
9 | interface Props extends LinkProps, RefAttributes| 문제 이름 | 22 |문제 추가 | 23 |
|---|---|
| {title} | 29 |
36 | |
38 |
| 문제 이름 | 22 |문제 삭제 | 23 |
|---|---|
| {title} | 29 |
36 | |
38 |