대시보드
18 |
19 |
23 |
4 |
5 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/client/src/App.tsx:
--------------------------------------------------------------------------------
1 | import MainPage from "@/pages/Main";
2 | import "./App.css";
3 | import { Suspense } from "react";
4 | import Spinner from "@/components/common/Spinner";
5 |
6 | export default function App() {
7 | return (
8 |
7 |
12 | );
13 | }
14 |
--------------------------------------------------------------------------------
/client/src/konva_mindmap/components/ConnectedLine.tsx:
--------------------------------------------------------------------------------
1 | import { Location } from "@/konva_mindmap/types/location";
2 | import { getLinePoints } from "@/konva_mindmap/utils/points";
3 | import { Line } from "react-konva";
4 |
5 | type ConnectedLineProps = {
6 | from: Location;
7 | to: Location;
8 | fromRadius: number;
9 | toRadius: number;
10 | };
11 |
12 | export default function ConnectedLine({ from, to, fromRadius, toRadius }: ConnectedLineProps) {
13 | return
8 |
11 | AI가 회의록을 마인드맵으로 변환하고 있어요
10 |새로운 브레인스토밍을 시작해보세요
; 8 | const root: Node = data[Object.keys(data)[0]]; 9 | 10 | return{Object.keys(data).length >= 1 &&
;
11 | }
12 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/connection/dto/connection.query.dto.ts:
--------------------------------------------------------------------------------
1 | import { Transform } from 'class-transformer';
2 | import { IsIn, IsNumber, IsString, ValidateIf } from 'class-validator';
3 |
4 | export class ConnectionQueryDto {
5 | @IsString()
6 | @IsIn(['mindmap', 'connection'])
7 | type: string;
8 |
9 | @Transform(({ value, obj }) => {
10 | return obj.type === 'mindmap' ? Number(value) : value;
11 | })
12 | @ValidateIf((o) => o.type === 'mindmap')
13 | @IsNumber()
14 | @ValidateIf((o) => o.type === 'connection')
15 | @IsString()
16 | id: string | number;
17 | }
18 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/mindmap/mindmap.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { Test, TestingModule } from '@nestjs/testing';
2 | import { MindmapService } from './mindmap.service';
3 |
4 | describe('MindmapService', () => {
5 | let service: MindmapService;
6 |
7 | beforeEach(async () => {
8 | const module: TestingModule = await Test.createTestingModule({
9 | providers: [MindmapService],
10 | }).compile();
11 |
12 | service = module.get
7 |
11 | 오프라인 상태입니다
8 |인터넷 연결을 확인해주세요.
9 |작업 내역이 저장되지 않을 수 있습니다
10 |
9 | {toasts.toReversed().map((toast) => (
10 | removeToast(toast.id)} />
11 | ))}
12 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/BE/Dockerfile.api:
--------------------------------------------------------------------------------
1 | FROM node:22-alpine AS build
2 | WORKDIR /app
3 |
4 | COPY ./package*.json ./
5 | COPY ./apps/api-server/package*.json ./apps/api-server/
6 |
7 | RUN npm install
8 |
9 | COPY . .
10 | RUN npx nest build libs
11 | RUN npx nest build api-server
12 |
13 | FROM node:22-alpine AS production
14 | WORKDIR /app
15 |
16 | COPY --from=build /app/package*.json ./
17 | COPY --from=build /app/apps/api-server/package*.json ./apps/api-server/
18 |
19 | RUN npm install --only=production
20 |
21 | COPY --from=build /app/dist/apps/api-server ./dist
22 |
23 | EXPOSE 3000
24 |
25 | CMD ["node", "dist/main.js"]
26 |
27 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/subscriber/subscriber.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { Test, TestingModule } from '@nestjs/testing';
2 | import { SubscriberService } from './subscriber.service';
3 |
4 | describe('SubscriberService', () => {
5 | let service: SubscriberService;
6 |
7 | beforeEach(async () => {
8 | const module: TestingModule = await Test.createTestingModule({
9 | providers: [SubscriberService],
10 | }).compile();
11 |
12 | service = module.get{content}
13 |
16 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/BE/libs/publisher/src/publisher.service.ts:
--------------------------------------------------------------------------------
1 | import { RedisService } from '@liaoliaots/nestjs-redis';
2 | import { Injectable, Logger } from '@nestjs/common';
3 | import Redis from 'ioredis';
4 |
5 | @Injectable()
6 | export class PublisherService {
7 | private readonly redis: Redis;
8 | private readonly logger = new Logger(PublisherService.name);
9 | constructor(private readonly redisService: RedisService) {
10 | this.redis = redisService.getOrThrow('publisher');
11 | }
12 |
13 | async publish(channel: string, message: any) {
14 | this.logger.log(`Publishing to ${channel}: ${message}`);
15 | await this.redis.publish(channel, JSON.stringify(message));
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/client/src/components/Sidebar/OverviewButton.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@headlessui/react";
2 | import { ReactElement } from "react";
3 |
4 | type ButtonProps = {
5 | text: string;
6 | onclick: () => void;
7 | active: boolean;
8 | children: JSX.Element;
9 | };
10 |
11 | export default function OverviewButton({ text, onclick, active, children }: ButtonProps) {
12 | return (
13 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/auth/auth.controller.spec.ts:
--------------------------------------------------------------------------------
1 | import { Test, TestingModule } from '@nestjs/testing';
2 | import { AuthController } from './auth.controller';
3 | import { AuthService } from './auth.service';
4 |
5 | describe('AuthController', () => {
6 | let controller: AuthController;
7 |
8 | beforeEach(async () => {
9 | const module: TestingModule = await Test.createTestingModule({
10 | controllers: [AuthController],
11 | providers: [AuthService],
12 | }).compile();
13 |
14 | controller = module.get
17 | {children}
18 |
19 |
20 |
14 |
15 |
19 |
20 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/dashboard/dashboard.controller.ts:
--------------------------------------------------------------------------------
1 | import { Controller, Get, Logger, UseGuards } from '@nestjs/common';
2 | import { DashboardService } from './dashboard.service';
3 | import { AuthGuard } from '@nestjs/passport';
4 | import { User } from '../../decorators';
5 |
6 | @Controller('dashboard')
7 | @UseGuards(AuthGuard('jwt'))
8 | export class DashboardController {
9 | private readonly logger = new Logger(DashboardController.name);
10 | constructor(private readonly dashboardService: DashboardService) {}
11 |
12 | @Get()
13 | async getDashboard(@User() user) {
14 | this.logger.log('대시보드 조회 요청 수신');
15 | const responseData = await this.dashboardService.findAll(user.id);
16 | return responseData;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/BE/apps/api-server/test/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { Test, TestingModule } from '@nestjs/testing';
2 | import { INestApplication } from '@nestjs/common';
3 | import * as request from 'supertest';
4 | import { AppModule } from './../src/app.module';
5 |
6 | describe('AppController (e2e)', () => {
7 | let app: INestApplication;
8 |
9 | beforeEach(async () => {
10 | const moduleFixture: TestingModule = await Test.createTestingModule({
11 | imports: [AppModule],
12 | }).compile();
13 |
14 | app = moduleFixture.createNestApplication();
15 | await app.init();
16 | });
17 |
18 | it('/ (GET)', () => {
19 | return request(app.getHttpServer())
20 | .get('/')
21 | .expect(200)
22 | .expect('Hello World!');
23 | });
24 | });
25 |
--------------------------------------------------------------------------------
/BE/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parser: '@typescript-eslint/parser',
3 | parserOptions: {
4 | project: 'tsconfig.json',
5 | tsconfigRootDir: __dirname,
6 | sourceType: 'module',
7 | },
8 | plugins: ['@typescript-eslint/eslint-plugin'],
9 | extends: [
10 | 'plugin:@typescript-eslint/recommended',
11 | 'plugin:prettier/recommended',
12 | ],
13 | root: true,
14 | env: {
15 | node: true,
16 | jest: true,
17 | },
18 | ignorePatterns: ['.eslintrc.js'],
19 | rules: {
20 | '@typescript-eslint/interface-name-prefix': 'off',
21 | '@typescript-eslint/explicit-function-return-type': 'off',
22 | '@typescript-eslint/explicit-module-boundary-types': 'off',
23 | '@typescript-eslint/no-explicit-any': 'off',
24 | },
25 | };
26 |
--------------------------------------------------------------------------------
/BE/libs/config/src/redis.config.ts:
--------------------------------------------------------------------------------
1 | import { RedisModuleOptions } from '@liaoliaots/nestjs-redis';
2 | import { ConfigService } from '@nestjs/config';
3 |
4 | export const getRedisConfig = (configService: ConfigService): RedisModuleOptions => ({
5 | config: [
6 | {
7 | namespace: 'subscriber',
8 | host: configService.getAuthenticating
; 22 | } 23 | -------------------------------------------------------------------------------- /BE/apps/api-server/src/pipes/audio.file.validation.pipe.ts: -------------------------------------------------------------------------------- 1 | import { BadRequestException, Injectable, PipeTransform } from '@nestjs/common'; 2 | import { ALLOW_AUDIO_FILE_FORMAT } from 'apps/api-server/src/common/constant'; 3 | import { extname } from 'path'; 4 | 5 | @Injectable() 6 | export class AudioFileValidationPipe implements PipeTransform { 7 | transform(file: Express.Multer.File) { 8 | if (!file) { 9 | throw new BadRequestException('No file uploaded'); 10 | } 11 | 12 | const ext = extname(file.originalname).toLowerCase(); 13 | console.log(ext); 14 | 15 | if (!ALLOW_AUDIO_FILE_FORMAT.includes(ext)) { 16 | throw new BadRequestException(`File type not allowed. Only ${ALLOW_AUDIO_FILE_FORMAT.join(', ')} allowed`); 17 | } 18 | 19 | return file; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /client/src/components/common/Error.tsx: -------------------------------------------------------------------------------- 1 | import errorIcon from "@/assets/error"; 2 | import { Button } from "@headlessui/react"; 3 | export default function Error() { 4 | return ( 5 |
6 | 
7 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/client/src/components/common/Modal.tsx:
--------------------------------------------------------------------------------
1 | export default function Modal({ open, closeModal, children, optionalStyles = "" }) {
2 | if (!open) return null;
3 |
4 | return (
5 |
8 |
17 | OOPS!
9 |무언가 잘못됐어요
10 | 16 |
6 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/client/src/konva_mindmap/utils/findParentNodeKey.ts:
--------------------------------------------------------------------------------
1 | import { NodeData } from "@/types/Node";
2 |
3 | export function findParentNodeKey(nodeId: number, data: NodeData) {
4 | for (const id in data) {
5 | const node = data[parseInt(id)];
6 | if (node.children.includes(nodeId)) {
7 | return node.id;
8 | }
9 | }
10 | return null;
11 | }
12 |
13 | export function getParentNodeKeys(nodeId: number, data: NodeData) {
14 | const parentNodes: number[] = [];
15 | let currentNodeId: number | null = nodeId;
16 |
17 | while (currentNodeId !== null) {
18 | const parentNodeId = findParentNodeKey(currentNodeId, data);
19 | if (parentNodeId !== null) {
20 | parentNodes.push(parentNodeId);
21 | currentNodeId = parentNodeId;
22 | } else {
23 | break;
24 | }
25 | }
26 |
27 | return parentNodes;
28 | }
29 |
--------------------------------------------------------------------------------
/client/src/konva_mindmap/utils/vector.ts:
--------------------------------------------------------------------------------
1 | import { Location } from "@/konva_mindmap/types/location";
2 |
3 | export function calculateVector(
4 | rootNodeLocation: Location,
5 | parentNodeLocation: Location,
6 | angleDegrees: number,
7 | magnitude = 1,
8 | ) {
9 | const dx = parentNodeLocation.x - rootNodeLocation.x;
10 | const dy = parentNodeLocation.y - rootNodeLocation.y;
11 |
12 | const length = Math.sqrt(dx ** 2 + dy ** 2);
13 | const unitX = dx / length;
14 | const unitY = dy / length;
15 |
16 | const angleRadians = (angleDegrees * Math.PI) / 180;
17 | const rotatedX = unitX * Math.cos(angleRadians) - unitY * Math.sin(angleRadians);
18 | const rotatedY = unitX * Math.sin(angleRadians) + unitY * Math.cos(angleRadians);
19 |
20 | return {
21 | x: rotatedX * magnitude,
22 | y: rotatedY * magnitude,
23 | };
24 | }
25 |
--------------------------------------------------------------------------------
/BE/libs/entity/src/user.mindmap.role.ts:
--------------------------------------------------------------------------------
1 | import { Column, DeleteDateColumn, Entity, JoinColumn, ManyToOne, PrimaryGeneratedColumn } from 'typeorm';
2 | import { Role } from './enum/role.enum';
3 | import { User } from './user.entity';
4 | import { Mindmap } from './mindmap.entity';
5 |
6 | @Entity('user_mindmap_role')
7 | export class UserMindmapRole {
8 | @PrimaryGeneratedColumn()
9 | id: number;
10 |
11 | @ManyToOne(() => User, (user) => user.userMindmapRoles, { nullable: false })
12 | @JoinColumn({ name: 'user_id' })
13 | user: User;
14 |
15 | @ManyToOne(() => Mindmap, (mindmap) => mindmap.userMindmapRoles, { nullable: false })
16 | @JoinColumn({ name: 'mindmap_id' })
17 | mindmap: Mindmap;
18 |
19 | @Column({ type: 'enum', enum: Role, default: Role.OWNER })
20 | role: Role;
21 |
22 | @DeleteDateColumn()
23 | deletedAt: Date | null;
24 | }
25 |
--------------------------------------------------------------------------------
/.github/workflows/fe-ci.yaml:
--------------------------------------------------------------------------------
1 | name: Frontend CI
2 |
3 | on:
4 | push:
5 | branches:
6 | - dev
7 | paths:
8 | - "client/**"
9 |
10 | jobs:
11 | fe-test:
12 | runs-on: ubuntu-latest
13 | steps:
14 | - name: Checkout code
15 | uses: actions/checkout@v3
16 |
17 | - name: Set up Node.js
18 | uses: actions/setup-node@v2
19 | with:
20 | node-version: "22"
21 |
22 | - name: Install required libraries
23 | run: |
24 | sudo apt-get update
25 | sudo apt-get install -y pkg-config libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev libpng-dev
26 |
27 | - name: Install frontend dependencies
28 | working-directory: client
29 | run: npm install
30 |
31 | - name: Run frontend tests
32 | working-directory: client
33 | run: npm run test
34 |
--------------------------------------------------------------------------------
/BE/apps/socket-server/src/main.ts:
--------------------------------------------------------------------------------
1 | import { NestFactory } from '@nestjs/core';
2 | import { AppModule } from './app.module';
3 | import { ConfigService } from '@nestjs/config';
4 | import { WINSTON_MODULE_NEST_PROVIDER } from 'nest-winston';
5 | import { WsExceptionFilter } from './exceptionfilter/ws.exceptionFilter';
6 |
7 | async function bootstrap() {
8 | const app = await NestFactory.create(AppModule);
9 | const configService = app.get(ConfigService);
10 | app.useLogger(app.get(WINSTON_MODULE_NEST_PROVIDER));
11 |
12 | app.useGlobalFilters(new WsExceptionFilter());
13 |
14 | const port = configService.get e.stopPropagation()}
9 | >
10 | {children}
11 |
17 |
18 |
14 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/client/src/types/NodePayload.ts:
--------------------------------------------------------------------------------
1 | import { NodeData } from "./Node";
2 |
3 | export type actionType =
4 | | "createNode"
5 | | "deleteNode"
6 | | "updateNode"
7 | | "updateTitle"
8 | | "updateContent"
9 | | "aiRequest"
10 | | "audioAiRequest";
11 |
12 | export type HandleSocketEventPayloads =
13 | | createNodePayload
14 | | deleteNodePayload
15 | | updateNodePayload
16 | | updateContentPayload
17 | | updateTitlePayload
18 | | aiRequestPayload;
19 |
20 | type createNodePayload = {
21 | id: number;
22 | keyword: string;
23 | depth: number;
24 | location: { x: number; y: number };
25 | children: number[] | [];
26 | newNode: boolean;
27 | parentId: number | null;
28 | };
29 |
30 | type deleteNodePayload = {
31 | id: string[];
32 | };
33 |
34 | type updateNodePayload = NodeData;
35 |
36 | type updateTitlePayload = { title: string };
37 | type updateContentPayload = { content: string };
38 | type aiRequestPayload = { aiContent: string };
39 |
--------------------------------------------------------------------------------
/client/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext", // 최신 JavaScript로 컴파일
4 | "module": "esnext", // ES 모듈 사용
5 | "moduleResolution": "node", // Node.js 모듈 해석 방식
6 | "jsx": "react-jsx", // React JSX 사용
7 | "esModuleInterop": true, // CommonJS와 ES6 모듈 호환성
8 | "skipLibCheck": true, // 라이브러리 타입 검사 건너뛰기
9 | "forceConsistentCasingInFileNames": true,
10 | "baseUrl": ".", // 경로 설정
11 | "paths": {
12 | "@/*": ["src/*"]
13 | },
14 | "declaration": false, // .d.ts 파일 생성을 방지
15 | "outDir": "./dist", // 번들된 파일을 dist 폴더에 출력
16 | "noEmit": false, // emit을 true로 설정해야 실제 파일이 생성됨
17 | "isolatedModules": true, // 모듈로 분리된 파일을 처리
18 | "skipDefaultLibCheck": true, // 기본 라이브러리 파일 체크 건너뛰기
19 | "resolveJsonModule": true
20 | },
21 | "include": [
22 | "src/**/*", // 모든 src 파일 포함
23 | "postcss.config.js" // 설정 파일 추가
24 | ],
25 | "exclude": [
26 | "node_modules" // node_modules 제외
27 | ]
28 | }
29 |
--------------------------------------------------------------------------------
/client/src/components/MindMapMainSection/ControlSection/index.tsx:
--------------------------------------------------------------------------------
1 | import ListView from "@/components/MindMapMainSection/ControlSection/ListView";
2 | import TextUpload from "@/components/MindMapMainSection/ControlSection/TextUpload";
3 | import VoiceFileUpload from "@/components/MindMapMainSection/ControlSection/VoiceFileUpload";
4 | import useSection from "@/hooks/useSection";
5 |
6 | export default function ControlSection() {
7 | const mode = useSection().getmode() as keyof typeof modeView;
8 | const modeView = {
9 | voiceupload: 브레인스토밍을 시작해보세요.
15 | 18 |
17 | {modeView[mode] || modeView.listview}
18 |
19 |
8 | AI 기능을 사용하면
9 |
10 | 마인드맵이 초기화됩니다
11 |
13 |
19 |
25 |
26 |
7 | 
20 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/middlewares/logger.middleware.ts:
--------------------------------------------------------------------------------
1 | import { WINSTON_MODULE_NEST_PROVIDER } from 'nest-winston';
2 | import { Inject, Injectable, Logger, NestMiddleware } from '@nestjs/common';
3 | import { NextFunction, Request, Response } from 'express';
4 |
5 | @Injectable()
6 | export class LoggerMiddleware implements NestMiddleware {
7 | constructor(@Inject(WINSTON_MODULE_NEST_PROVIDER) private readonly logger: Logger) {}
8 |
9 | use(req: Request, res: Response, next: NextFunction) {
10 | const { ip, method, originalUrl } = req;
11 | const userAgent = req.get('user-agent');
12 | // const payload = headers.authorization ?
8 |
19 | 403
9 |접근이 거부되었습니다.
10 |요청하신 페이지에 대한 접근이 거부되었습니다.
11 |입력한 주소가 정확한지 다시 한 번 확인해 주세요.
12 | 18 |
7 | 
8 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/client/src/konva_mindmap/events/ratioSizing.ts:
--------------------------------------------------------------------------------
1 | export function ratioSizing(e, dimensions, setDimensions) {
2 | e.evt.preventDefault();
3 |
4 | const scaleBy = 1.02;
5 | const stage = e.target.getStage();
6 | const oldScale = stage.attrs.scaleX;
7 | const pointer = stage.getPointerPosition();
8 | const mousePointTo = {
9 | // 포인터가 가르키는 x,y좌표를 기존 확대비율로 나눈 것에 stage의 x좌표에 기존 확대비율로 나눈 값을 뻄
10 | x: pointer.x / oldScale - stage.x() / oldScale,
11 | y: pointer.y / oldScale - stage.y() / oldScale,
12 | };
13 |
14 | // 새로운 비율을 deltaY가 0보다 작게 되면 기존 값에 1.02만큼 곱한 값을, 아니면 기존 값에 1.02만큼 나눈 값으로 설정
15 | // deltaY는 사용자가 휠을 스크롤한 양임
16 | // 위로 스크롤하면 양수, 아래로 스크롤하면 음수
17 | const newScale = e.evt.deltaY < 0 ? oldScale * scaleBy : oldScale / scaleBy;
18 | const newPos = {
19 | x: pointer.x - mousePointTo.x * newScale,
20 | y: pointer.y - mousePointTo.y * newScale,
21 | };
22 |
23 | setDimensions({
24 | ...dimensions,
25 | scale: newScale,
26 | x: newPos.x,
27 | y: newPos.y,
28 | });
29 | }
30 |
--------------------------------------------------------------------------------
/client/src/components/Modal/DeleteMindMapModal.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@headlessui/react";
2 | import Modal from "../common/Modal";
3 |
4 | export default function DeleteMindMapModal({ open, closeModal, confirmDelete, data }) {
5 | return (
6 |
9 |
20 | 404
10 |페이지를 찾을 수 없습니다.
11 |페이지가 존재하지 않거나, 사용할 수 없는 페이지입니다.
12 |입력한 주소가 정확한지 다시 한 번 확인해 주세요.
13 | 19 |
8 | {data.title}
9 |
마인드 맵을 삭제하시겠습니까?
10 |
12 |
18 |
24 |
25 |
16 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/main.ts:
--------------------------------------------------------------------------------
1 | import { NestFactory } from '@nestjs/core';
2 | import { AppModule } from './app.module';
3 | import { ConfigService } from '@nestjs/config';
4 | import { WINSTON_MODULE_NEST_PROVIDER } from 'nest-winston';
5 | import * as cookieParser from 'cookie-parser';
6 | import { ValidationPipe } from '@nestjs/common';
7 |
8 | async function bootstrap() {
9 | const app = await NestFactory.create(AppModule);
10 | const configService = app.get(ConfigService);
11 | app.use(cookieParser());
12 | app.useLogger(app.get(WINSTON_MODULE_NEST_PROVIDER));
13 | app.setGlobalPrefix('api');
14 | app.useGlobalPipes(
15 | new ValidationPipe({
16 | transform: true,
17 | whitelist: true,
18 | }),
19 | );
20 | app.enableCors({
21 | origin: ['https://boomap.site', 'https://www.boomap.site'],
22 | methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS',
23 | credentials: true,
24 | });
25 |
26 | const port = configService.get모든 노드를 초기화할까요?
13 |
14 |
20 |
26 |
27 |
8 |
24 | 최근에 작업했던 마인드맵이 있어요!
9 |
10 |
16 |
22 |
23 |
12 | 
18 |
24 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/strategies/github.strategy.ts:
--------------------------------------------------------------------------------
1 | import { Injectable, UnauthorizedException } from '@nestjs/common';
2 | import { ConfigService } from '@nestjs/config';
3 | import { PassportStrategy } from '@nestjs/passport';
4 | import { Strategy } from 'passport-github2';
5 |
6 | @Injectable()
7 | export class GithubStrategy extends PassportStrategy(Strategy, 'github') {
8 | constructor(private readonly configService: ConfigService) {
9 | super({
10 | clientID: configService.get
13 | 현재 만들어둔 마인드맵이 없어요
14 |
15 | 새로운 마인드맵을 생성하고 브레인스토밍 해보세요!
16 |
25 |
28 |
30 | {createPortal(
17 | 
18 |
31 | 19 | 로그인하지 않은 상태로 마인드맵을 만들면 {"\n"} 24시간 이후에 사라져요 20 |
21 | 24 | 30 |
21 |
24 |
27 |
30 |
31 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/client/src/pages/layout/index.tsx:
--------------------------------------------------------------------------------
1 | import Error from "@/components/common/Error";
2 | import Sidebar from "@/components/Sidebar";
3 | import { useSideBar } from "@/store/useSideBar";
4 | import { ErrorBoundary } from "react-error-boundary";
5 | import { Outlet } from "react-router-dom";
6 | import { useConnectionStore } from "@/store/useConnectionStore";
7 | import OfflineModal from "@/components/Modal/OfflineModal";
8 | import useWindowEventListener from "@/hooks/useWindowEventListener";
9 | import { useState } from "react";
10 | import NotFound from "@/components/common/NotFound";
11 |
12 | export default function Layout() {
13 | const sidebar = useSideBar();
14 | const connectionStatus = useConnectionStore((state) => state.connectionStatus);
15 | const [modalOpen, setModalOpen] = useState(false);
16 |
17 | useWindowEventListener("offline", () => {
18 | setModalOpen(true);
19 | });
20 |
21 | if (connectionStatus === "error") return
28 |
33 |
34 | );
35 | }
36 |
--------------------------------------------------------------------------------
/BE/apps/socket-server/src/app.module.ts:
--------------------------------------------------------------------------------
1 | import { Module } from '@nestjs/common';
2 | import { ConfigModule, ConfigService } from '@nestjs/config';
3 | import { WinstonModule } from 'nest-winston';
4 | import { RedisModule } from '@liaoliaots/nestjs-redis';
5 | import { TypeOrmModule } from '@nestjs/typeorm';
6 | import { getWinstonConfig, getTypeOrmConfig, getRedisConfig, getJwtConfig } from '@app/config';
7 | import { MapModule } from './modules/map/map.module';
8 |
9 | import { join } from 'path';
10 | import { JwtModule } from '@nestjs/jwt';
11 | import { SubscriberModule } from './modules/subscriber/subscriber.module';
12 | import { PublisherModule } from '@app/publisher';
13 |
14 | @Module({
15 | imports: [
16 | ConfigModule.forRoot({
17 | isGlobal: true,
18 | envFilePath: [join(__dirname, '..', '..', '..', '.env')],
19 | }),
20 | WinstonModule.forRootAsync({
21 | inject: [ConfigService],
22 | useFactory: getWinstonConfig,
23 | }),
24 | RedisModule.forRootAsync({
25 | inject: [ConfigService],
26 | useFactory: getRedisConfig,
27 | }),
28 | TypeOrmModule.forRootAsync({
29 | inject: [ConfigService],
30 | useFactory: getTypeOrmConfig,
31 | }),
32 | JwtModule.registerAsync({
33 | global: true,
34 | inject: [ConfigService],
35 | useFactory: getJwtConfig,
36 | }),
37 | MapModule,
38 | SubscriberModule,
39 | PublisherModule,
40 | ],
41 | controllers: [],
42 | providers: [],
43 | exports: [],
44 | })
45 | export class AppModule {}
46 |
--------------------------------------------------------------------------------
/BE/apps/socket-server/src/pipes/ws.validation.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Injectable, PipeTransform, ArgumentMetadata } from '@nestjs/common';
2 | import { WsException } from '@nestjs/websockets';
3 | import { plainToInstance } from 'class-transformer';
4 | import { validate } from 'class-validator';
5 |
6 | @Injectable()
7 | export class WsValidationPipe implements PipeTransform {
8 | async transform(value: any, metadata: ArgumentMetadata): Promise
29 |
32 |
22 |
29 |
36 |
37 | {createPortal(
39 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/dashboard/dashboard.service.ts:
--------------------------------------------------------------------------------
1 | import { NodeService } from './../node/node.service';
2 | import { MindmapService } from './../mindmap/mindmap.service';
3 | import { Injectable, Logger } from '@nestjs/common';
4 | import { DashboardException } from '../../exceptions';
5 |
6 | @Injectable()
7 | export class DashboardService {
8 | private readonly logger = new Logger(DashboardService.name);
9 | constructor(
10 | private readonly mindmapService: MindmapService,
11 | private readonly nodeService: NodeService,
12 | ) {}
13 |
14 | async findAll(userId: number) {
15 | try {
16 | const mindmapList = await this.mindmapService.findAllByUserId(userId);
17 |
18 | if (!mindmapList.length) {
19 | return [];
20 | }
21 |
22 | const mindmapIds = mindmapList.map((mindmap) => mindmap.id);
23 | const owners = await this.mindmapService.getOwner(mindmapIds);
24 | const keywords = await Promise.all(mindmapIds.map((id) => this.nodeService.findKeywordByMindmapId(id)));
25 |
26 | return mindmapList.map((mindmap, index) => ({
27 | id: mindmap.id,
28 | connectionId: mindmap.connectionId,
29 | title: mindmap.title,
30 | keyword: keywords[index],
31 | createDate: mindmap.createdDate,
32 | modifiedDate: mindmap.modifiedDate,
33 | ownerName: owners.find((owner) => owner.mindmapId === mindmap.id)?.ownerName,
34 | ownerId: owners.find((owner) => owner.mindmapId === mindmap.id)?.userId,
35 | }));
36 | } catch (error) {
37 | Logger.error(error);
38 | throw new DashboardException('대시보드 조회에 실패했습니다.');
39 | }
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/BE/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "commonjs",
4 | "declaration": true,
5 | "removeComments": true,
6 | "emitDecoratorMetadata": true,
7 | "experimentalDecorators": true,
8 | "allowSyntheticDefaultImports": true,
9 | "target": "ES2021",
10 | "sourceMap": true,
11 | "outDir": "./dist",
12 | "baseUrl": "./",
13 | "incremental": true,
14 | "skipLibCheck": true,
15 | "strictNullChecks": false,
16 | "noImplicitAny": false,
17 | "strictBindCallApply": false,
18 | "forceConsistentCasingInFileNames": false,
19 | "noFallthroughCasesInSwitch": false,
20 | "paths": {
21 | "@app/config": [
22 | "libs/config/src"
23 | ],
24 | "@app/config/*": [
25 | "libs/config/src/*"
26 | ],
27 | "@app/typeorm": [
28 | "libs/typeorm/src"
29 | ],
30 | "@app/typeorm/*": [
31 | "libs/typeorm/src/*"
32 | ],
33 | "@app/logger": [
34 | "libs/logger/src"
35 | ],
36 | "@app/logger/*": [
37 | "libs/logger/src/*"
38 | ],
39 | "@app/entity": [
40 | "libs/entity/src"
41 | ],
42 | "@app/entity/*": [
43 | "libs/entity/src/*"
44 | ],
45 | "@app/interface": [
46 | "libs/interface/src"
47 | ],
48 | "@app/interface/*": [
49 | "libs/interface/src/*"
50 | ],
51 | "@app/jwt": [
52 | "libs/jwt/src"
53 | ],
54 | "@app/jwt/*": [
55 | "libs/jwt/src/*"
56 | ],
57 | "@app/publisher": [
58 | "libs/publisher/src"
59 | ],
60 | "@app/publisher/*": [
61 | "libs/publisher/src/*"
62 | ]
63 | }
64 | }
65 | }
--------------------------------------------------------------------------------
/client/src/components/MindMapMainSection/index.tsx:
--------------------------------------------------------------------------------
1 | import MindMapHeader from "@/components/MindMapHeader";
2 | import MindMapView from "@/components/MindMapMainSection/MindMapView";
3 | import useSection from "@/hooks/useSection";
4 | import { useEffect } from "react";
5 | import { useParams } from "react-router-dom";
6 | import ToastContainer from "../common/Toast/ToastContainer";
7 | import { useConnectionStore } from "@/store/useConnectionStore";
8 | import useToast from "@/hooks/useToast";
9 |
10 | const modeView = {
11 | voiceupload: "음성 파일 업로드",
12 | listview: "리스트 보기",
13 | textupload: "텍스트 형식으로 업로드",
14 | };
15 |
16 | export default function MindMapMainSection() {
17 | const mode = useSection().searchParams.get("mode") as keyof typeof modeView;
18 | const { mindMapId } = useParams<{ mindMapId: string }>();
19 | const connectSocket = useConnectionStore((state) => state.connectSocket);
20 | const disconnectSocket = useConnectionStore((state) => state.disconnectSocket);
21 | const { toasts, setToasts } = useToast();
22 |
23 | useEffect(() => {
24 | if (mindMapId) {
25 | connectSocket(mindMapId);
26 | }
27 | return () => {
28 | disconnectSocket();
29 | };
30 | }, [mindMapId, connectSocket, disconnectSocket]);
31 |
32 | return (
33 | <>
34 | {message}
40 |
41 |
42 |
43 |
46 | {modeView[mode] || modeView.listview}
37 |
38 |
41 |
15 | 
21 |
27 | {
31 | openLoginModal();
32 | closeConfirmModal();
33 | }}
34 | />
35 |
41 |
42 |
16 | 마인드맵을 만들고
17 |
18 | 브레인 스토밍에 활용해보세요
19 |
39 |
40 |
48 |
49 | );
50 | }
51 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/modules/user/user.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@nestjs/common';
2 | import { InjectRepository } from '@nestjs/typeorm';
3 | import { User, UserMindmapRole } from '@app/entity';
4 | import { Repository } from 'typeorm';
5 | import { UserCreateDto, UserInfoDto } from './dto';
6 |
7 | @Injectable()
8 | export class UserService {
9 | constructor(
10 | @InjectRepository(User) private readonly userRepository: Repository
41 |
47 | 회의록
42 |
44 |
46 | 편집은 마인드맵 소유자만 가능해요
45 |
32 |
52 | 협업 링크
33 | e.currentTarget.select()} 38 | onKeyDown={handleKeyDown} 39 | className="h-10 w-full truncate rounded-lg bg-grayscale-200 px-3 py-2 text-grayscale-500 focus:border-transparent focus:outline-none" 40 | /> 41 | 48 |49 | 복사된 링크를 통해 팀원들과 브레인스토밍을 해보세요 50 |
51 |
48 |
57 | )}
58 |
59 | );
60 | }
61 |
--------------------------------------------------------------------------------
/client/src/konva_mindmap/hooks/useAdjustedStage.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { NodeData } from "@/types/Node";
3 | import { findRootNodeKey } from "../utils/findRootNodeKey";
4 |
5 | export function useAdjustedStage(data: NodeData, containerWidth: number, containerHeight: number) {
6 | const [adjustedDimensions, setAdjustedDimensions] = useState({ scale: 1, x: 0, y: 0 });
7 | const rootKey = findRootNodeKey(data);
8 |
9 | useEffect(() => {
10 | const bounds = calculateBounds(data, rootKey);
11 | const newDimensions = adjustStageToFit(bounds);
12 | setAdjustedDimensions(newDimensions);
13 | }, [containerWidth, containerHeight]);
14 |
15 | //그림이 그려지는 영역 크기 계산
16 | function calculateBounds(data: NodeData, rootId: number) {
17 | const stack = [data[rootId]];
18 | let minX = Infinity,
19 | minY = Infinity,
20 | maxX = -Infinity,
21 | maxY = -Infinity;
22 |
23 | while (stack.length > 0) {
24 | const node = stack.pop();
25 | if (!node || node.location.x === null || node.location.y === null) continue;
26 |
27 | minX = Math.min(minX, node.location.x);
28 | minY = Math.min(minY, node.location.y);
29 | maxX = Math.max(maxX, node.location.x);
30 | maxY = Math.max(maxY, node.location.y);
31 |
32 | node.children?.forEach((childId) => stack.push(data[childId]));
33 | }
34 |
35 | return { minX, minY, maxX, maxY };
36 | }
37 |
38 | //그림 영역에 따른 canvas 크기 조정
39 | function adjustStageToFit(bounds: { minX: number; minY: number; maxX: number; maxY: number }) {
40 | const width = bounds.maxX - bounds.minX + 700;
41 | const height = bounds.maxY - bounds.minY + 700;
42 |
43 | const scaleX = containerWidth / width;
44 | const scaleY = containerHeight / height;
45 | let scale = Math.min(scaleX, scaleY);
46 | if (scale >= 1.5) scale = 1.5;
47 | else if (scale <= 0.25) scale = 0.25;
48 |
49 | return {
50 | scale,
51 | x: containerWidth / 2,
52 | y: containerHeight / 2,
53 | };
54 | }
55 |
56 | return { adjustedDimensions, adjustStageToFit, calculateBounds };
57 | }
58 |
--------------------------------------------------------------------------------
/client/src/components/Modal/LoginModal.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@headlessui/react";
2 | import gitHubIcon from "@/assets/github-mark-white.png";
3 | import kakaoIcon from "@/assets/kakao_login.png";
4 | import { createPortal } from "react-dom";
5 |
6 | type LoginModalProps = {
7 | open: boolean;
8 | close: () => void;
9 | };
10 | export default function LoginModal({ open, close }: LoginModalProps) {
11 | return (
12 | <>
13 | {open &&
14 | createPortal(
15 |
50 |
53 |
56 | {name}
51 |{email}
52 |
19 |
,
44 | document.body,
45 | )}
46 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/client/src/components/MindMapCanvas/CanvasButtons.tsx:
--------------------------------------------------------------------------------
1 | import ConfirmResetModal from "@/components/Modal/ConfirmResetModal";
2 | import useModal from "@/hooks/useModal";
3 | import { findRootNodeKey } from "@/konva_mindmap/utils/findRootNodeKey";
4 | import { useNodeListContext } from "@/store/NodeListProvider";
5 | import { useConnectionStore } from "@/store/useConnectionStore";
6 | import { Button } from "@headlessui/react";
7 | import { createPortal } from "react-dom";
8 |
9 | export default function CanvasButtons({ handleReArrange, handleCenterMove, showMinutes, handleShowMinutes }) {
10 | const handleSocketEvent = useConnectionStore((state) => state.handleSocketEvent);
11 | const { data, overrideNodeData } = useNodeListContext();
12 | const { open, openModal, closeModal } = useModal();
13 | const rootKey = findRootNodeKey(data);
14 | const rootData = data[rootKey];
15 |
16 | const resetAllNode = () => {
17 | handleSocketEvent({
18 | actionType: "updateNode",
19 | payload: {
20 | [rootKey]: { ...rootData, children: [] },
21 | },
22 | callback: (response) => {
23 | overrideNodeData(response);
24 | closeModal();
25 | },
26 | });
27 | };
28 |
29 | function handleReArrangeAndMoveCenter() {
30 | handleReArrange();
31 | handleCenterMove();
32 | }
33 |
34 | return (
35 | e.stopPropagation()}
22 | >
23 |
26 |
43 | 로그인
27 |
28 |
32 | 
33 | Login with Github
34 |
35 |
39 | 
40 |
41 |
42 |
36 |
42 |
48 |
54 | {createPortal(
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/BE/apps/api-server/src/app.module.ts:
--------------------------------------------------------------------------------
1 | import { MiddlewareConsumer, Module } from '@nestjs/common';
2 | import { ConfigModule, ConfigService } from '@nestjs/config';
3 | import { WinstonModule } from 'nest-winston';
4 | import { TypeOrmModule } from '@nestjs/typeorm';
5 | import { RedisModule } from '@liaoliaots/nestjs-redis';
6 | import { getWinstonConfig, getTypeOrmConfig, getRedisConfig, getJwtConfig } from '@app/config';
7 | import { ConnectionModule } from './modules/connection/connection.module';
8 | import { LoggerMiddleware } from './middlewares/logger.middleware';
9 | import { AuthModule } from './modules/auth/auth.module';
10 | import { UserModule } from './modules/user/user.module';
11 | import { JwtModule } from '@nestjs/jwt';
12 | import { join } from 'path';
13 | import { MindmapModule } from './modules/mindmap/mindmap.module';
14 | import { NodeModule } from './modules/node/node.module';
15 | import { DashboardModule } from './modules/dashboard/dashboard.module';
16 | import { AiModule } from './modules/ai/ai.module';
17 | import { SubscriberModule } from './modules/subscriber/subscriber.module';
18 | import { PublisherModule } from '@app/publisher';
19 |
20 | @Module({
21 | imports: [
22 | ConfigModule.forRoot({
23 | isGlobal: true,
24 | envFilePath: [join(__dirname, '..', '..', '..', '.env')],
25 | }),
26 | WinstonModule.forRootAsync({
27 | inject: [ConfigService],
28 | useFactory: getWinstonConfig,
29 | }),
30 | RedisModule.forRootAsync(
31 | {
32 | inject: [ConfigService],
33 | useFactory: getRedisConfig,
34 | },
35 | true, // isGlobal
36 | ),
37 | TypeOrmModule.forRootAsync({
38 | inject: [ConfigService],
39 | useFactory: getTypeOrmConfig,
40 | }),
41 | JwtModule.registerAsync({
42 | global: true,
43 | inject: [ConfigService],
44 | useFactory: getJwtConfig,
45 | }),
46 | ConnectionModule,
47 | UserModule,
48 | AuthModule,
49 | MindmapModule,
50 | NodeModule,
51 | DashboardModule,
52 | SubscriberModule,
53 | PublisherModule,
54 | AiModule,
55 | ],
56 | controllers: [],
57 | providers: [],
58 | exports: [],
59 | })
60 | export class AppModule {
61 | configure(consumer: MiddlewareConsumer) {
62 | consumer.apply(LoggerMiddleware).forRoutes('*');
63 | }
64 | }
65 |
--------------------------------------------------------------------------------