Merge branch 'validation' into 'master'

Validation

See merge request !14

README.md

+POST http://localhost:8000/encode
+
+POST http://localhost:8000/decode

frontend/src/app/components/InputField.tsx

@@ -2,60 +2,57 @@ import { Grid2, TextField, Typography } from "@mui/material";
 import { ChangeEvent } from "react";
 
 interface Props {
-  name: "Decoded" | "Encoded" | "Password";
-  value: string;
-  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    name: "Decoded" | "Encoded" | "Password";
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 
 export default function InputField({ name, value, onChange }: Props) {
-  let labelText: string = "";
-  switch (name) {
-    case "Decoded":
-      labelText = `Decoded message`;
-      break;
-    case "Encoded":
-      labelText = `Encoded message`;
-      break;
-    case "Password":
-      labelText = "";
-      break;
-    default:
-      break;
-  }
+    let labelText: string = "";
+    switch (name) {
+        case "Decoded":
+            labelText = `Decoded message`;
+            break;
+        case "Encoded":
+            labelText = `Encoded message`;
+            break;
+        case "Password":
+            labelText = "";
+            break;
+        default:
+            break;
+    }
 
-  return (
-    <Grid2 container alignItems="center" paddingY={2} spacing={2}>
-      <Grid2 flexGrow={1}>
-        <Typography
-          component="label"
-          htmlFor={`${name}-input`}
-          sx={{
-            fontSize: {
-              xs: "16px",
-              sm: "20px",
-            },
-          }}
-        >
-          {labelText}
-        </Typography>
-      </Grid2>
+    return (
+        <Grid2 container alignItems="center" paddingY={2} spacing={2}>
+            <Grid2 flexGrow={1}>
+                <Typography
+                    component="label"
+                    htmlFor={`${name}-input`}
+                    sx={{
+                        fontSize: {
+                            xs: "16px",
+                            sm: "20px",
+                        },
+                    }}
+                >
+                    {labelText}
+                </Typography>
+            </Grid2>
 
-      <Grid2
-        size={name === "Password" ? 6 : 8}
-        sx={{ "@media (max-width: 900px)": { width: "100%" } }}
-      >
-        <TextField
-          fullWidth
-          multiline={name !== "Password"}
-          rows={name === "Password" ? 1 : 6}
-          variant="outlined"
-          id={`${name}-input`}
-          name={name}
-          label={name}
-          value={value}
-          onChange={onChange}
-        />
-      </Grid2>
-    </Grid2>
-  );
+            <Grid2 size={name === "Password" ? 6 : 8} sx={{ "@media (max-width: 900px)": { width: "100%" } }}>
+                <TextField
+                    fullWidth
+                    multiline={name !== "Password"}
+                    rows={name === "Password" ? 1 : 6}
+                    variant="outlined"
+                    id={`${name}-input`}
+                    name={name}
+                    label={name}
+                    value={value}
+                    onChange={onChange}
+                />
+            </Grid2>
+        </Grid2>
+    );
 }

frontend/src/app/page.tsx

@@ -5,125 +5,107 @@ import { ChangeEvent, FormEvent, useState } from "react";
 import InputField from "./components/InputField";
 
 interface IFormData {
-  decoded: string;
-  encoded: string;
-  password: string;
+    decoded: string;
+    encoded: string;
+    password: string;
 }
 
 export default function Home() {
-  const [formData, setFormData] = useState<IFormData>({
-    encoded: "",
-    decoded: "",
-    password: "",
-  });
+    const [formData, setFormData] = useState<IFormData>({
+        encoded: "",
+        decoded: "",
+        password: "",
+    });
 
-  const submitFormHandler = (e: FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-  };
+    const submitFormHandler = (e: FormEvent<HTMLFormElement>) => {
+        e.preventDefault();
+    };
 
-  const onInputChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData((prevData) => ({
-      ...prevData,
-      [name.toLowerCase()]: value,
-    }));
-  };
+    const onInputChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {
+        const { name, value } = e.target;
+        setFormData((prevData) => ({
+            ...prevData,
+            [name.toLowerCase()]: value,
+        }));
+    };
 
-  return (
-    <div className="App">
-      <Container sx={{ marginTop: 2 }} maxWidth="lg">
-        <Typography
-          variant="h3"
-          sx={{
-            fontSize: {
-              xs: "24px",
-              sm: "36px",
-            },
-          }}
-        >
-          Cypher Coder/Decoder
-        </Typography>
-        <Box
-          sx={{
-            maxWidth: {
-              xs: "90%",
-              sm: "80%",
-              lg: "70%",
-            },
-          }}
-          component="form"
-          autoComplete="off"
-          onSubmit={submitFormHandler}
-          paddingY={2}
-        >
-          <Grid2 container direction="column" spacing={2}>
-            <InputField
-              name="Decoded"
-              value={formData.decoded}
-              onChange={onInputChangeHandler}
-            />
-            <Grid2
-              container
-              alignItems="center"
-              sx={{
-                flexDirection: {
-                  xs: "column",
-                  md: "row",
-                },
-              }}
-            >
-              <Grid2 size={7}>
-                <InputField
-                  name="Password"
-                  value={formData.password}
-                  onChange={onInputChangeHandler}
-                />
-              </Grid2>
-              <Grid2 container justifyContent={{}}>
-                <Grid2>
-                  <Button
-                    size="small"
-                    variant="contained"
-                    startIcon={<ArrowDownwardIcon />}
-                  >
-                    <Typography
-                      sx={{
-                        display: { xs: "none", md: "inline" },
-                      }}
-                    >
-                      Encode
-                    </Typography>
-                  </Button>
-                </Grid2>
+    return (
+        <div className="App">
+            <Container sx={{ marginTop: 2 }} maxWidth="lg">
+                <Typography
+                    variant="h3"
+                    sx={{
+                        fontSize: {
+                            xs: "24px",
+                            sm: "36px",
+                        },
+                    }}
+                >
+                    Cypher Coder/Decoder
+                </Typography>
+                <Box
+                    sx={{
+                        maxWidth: {
+                            xs: "90%",
+                            sm: "80%",
+                            lg: "70%",
+                        },
+                    }}
+                    component="form"
+                    autoComplete="off"
+                    onSubmit={submitFormHandler}
+                    paddingY={2}
+                >
+                    <Grid2 container direction="column" spacing={2}>
+                        <InputField name="Decoded" value={formData.decoded} onChange={onInputChangeHandler} />
+                        <Grid2
+                            container
+                            alignItems="center"
+                            sx={{
+                                flexDirection: {
+                                    xs: "column",
+                                    md: "row",
+                                },
+                            }}
+                        >
+                            <Grid2 size={7}>
+                                <InputField name="Password" value={formData.password} onChange={onInputChangeHandler} />
+                            </Grid2>
+                            <Grid2 container justifyContent={{}}>
+                                <Grid2>
+                                    <Button size="small" variant="contained" startIcon={<ArrowDownwardIcon />}>
+                                        <Typography
+                                            sx={{
+                                                display: { xs: "none", md: "inline" },
+                                            }}
+                                        >
+                                            Encode
+                                        </Typography>
+                                    </Button>
+                                </Grid2>
 
-                <Grid2>
-                  <Button
-                    size="small"
-                    variant="contained"
-                    startIcon={
-                      <ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />
-                    }
-                  >
-                    <Typography
-                      sx={{
-                        display: { xs: "none", md: "inline" },
-                      }}
-                    >
-                      Decode
-                    </Typography>
-                  </Button>
-                </Grid2>
-              </Grid2>
-            </Grid2>
+                                <Grid2>
+                                    <Button
+                                        size="small"
+                                        variant="contained"
+                                        startIcon={<ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />}
+                                    >
+                                        <Typography
+                                            sx={{
+                                                display: { xs: "none", md: "inline" },
+                                            }}
+                                        >
+                                            Decode
+                                        </Typography>
+                                    </Button>
+                                </Grid2>
+                            </Grid2>
+                        </Grid2>
 
-            <InputField
-              name="Encoded"
-              value={formData.encoded}
-              onChange={onInputChangeHandler}
-            />
-          </Grid2>
-        </Box>
-      </Container>
-    </div>
-  );
+                        <InputField name="Encoded" value={formData.encoded} onChange={onInputChangeHandler} />
+                    </Grid2>
+                </Box>
+            </Container>
+        </div>
+    );
 }

package-lock.json

-{
-  "name": "homework83_m11",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {}
-}

service/src/app.controller.spec.ts

-import { Test, TestingModule } from '@nestjs/testing';
-import { AppController } from './app.controller';
-import { AppService } from './app.service';
-
-describe('AppController', () => {
-  let appController: AppController;
-
-  beforeEach(async () => {
-    const app: TestingModule = await Test.createTestingModule({
-      controllers: [AppController],
-      providers: [AppService],
-    }).compile();
-
-    appController = app.get<AppController>(AppController);
-  });
-
-  describe('root', () => {
-    it('should return "Hello World!"', () => {
-      expect(appController.getHello()).toBe('Hello World!');
-    });
-  });
-});

service/src/app.controller.ts

-import { Controller, Get } from '@nestjs/common';
-import { AppService } from './app.service';
-
-@Controller()
-export class AppController {
-  constructor(private readonly appService: AppService) {}
-
-  @Get()
-  getHello(): string {
-    return this.appService.getHello();
-  }
-}

service/src/app.module.ts

-import { Module } from '@nestjs/common';
-import { AppController } from './app.controller';
-import { AppService } from './app.service';
-import { MessageModule } from './message/message.module';
-
-@Module({
-  imports: [MessageModule],
-  controllers: [AppController],
-  providers: [AppService],
-})
-export class AppModule {}

service/src/app.service.ts

-import { Injectable } from '@nestjs/common';
-
-@Injectable()
-export class AppService {
-  getHello(): string {
-    return 'Hello World!';
-  }
-}

service/src/main.ts

 import { NestFactory } from '@nestjs/core';
-import { AppModule } from './app.module';
 import { ConfigModule } from '@nestjs/config';
+import { MessageModule } from './message/message.module';
 
 ConfigModule.forRoot();
 
-async function bootstrap() {
-  const app = await NestFactory.create(AppModule);
-  await app.listen(process.env.PORT ?? 3000);
+async function startServer() {
+  const app = await NestFactory.create(MessageModule);
+  await app.listen(8000);
 }
-bootstrap();
+startServer();

service/src/message/dto/update-message.dto.ts

-import { PartialType } from '@nestjs/mapped-types';
-import { CreateMessageDto } from './create-message.dto';
-
-export class UpdateMessageDto extends PartialType(CreateMessageDto) {}

service/src/message/entities/message.entity.ts

-export class Message {}

service/src/message/message.controller.spec.ts

-import { Test, TestingModule } from '@nestjs/testing';
-import { MessageController } from './message.controller';
-import { MessageService } from './message.service';
-
-describe('MessageController', () => {
-  let controller: MessageController;
-
-  beforeEach(async () => {
-    const module: TestingModule = await Test.createTestingModule({
-      controllers: [MessageController],
-      providers: [MessageService],
-    }).compile();
-
-    controller = module.get<MessageController>(MessageController);
-  });
-
-  it('should be defined', () => {
-    expect(controller).toBeDefined();
-  });
-});

service/src/message/message.controller.ts

@@ -6,7 +6,7 @@ import { CreateMessageDto } from './dto/create-message.dto';
 export class MessageController {
   constructor(private readonly messageService: MessageService) {}
 
-  @Post('encode')
+  @Post('/encode')
   encodeMessage(@Body() createMessageDto: CreateMessageDto): {
     encoded: string;
   } {
@@ -15,7 +15,7 @@ export class MessageController {
     return { encoded };
   }
 
-  @Post('decode')
+  @Post('/decode')
   decodeMessage(@Body() createMessageDto: CreateMessageDto): {
     decoded: string;
   } {

service/src/message/message.service.spec.ts

-import { Test, TestingModule } from '@nestjs/testing';
-import { MessageService } from './message.service';
-
-describe('MessageService', () => {
-  let service: MessageService;
-
-  beforeEach(async () => {
-    const module: TestingModule = await Test.createTestingModule({
-      providers: [MessageService],
-    }).compile();
-
-    service = module.get<MessageService>(MessageService);
-  });
-
-  it('should be defined', () => {
-    expect(service).toBeDefined();
-  });
-});

service/src/message/message.service.ts

@@ -4,10 +4,10 @@ import { Vigenere } from 'caesar-salad';
 @Injectable()
 export class MessageService {
   encodeMessage(password: string, message: string): string {
-    return Vigenere.Cipher(password).crypt(message);
+    return Vigenere.Cipher(password.trim()).crypt(message);
   }
 
   decodeMessage(password: string, message: string): string {
-    return Vigenere.Decipher(password).crypt(message);
+    return Vigenere.Decipher(password.trim()).crypt(message);
   }
 }

service/test/app.e2e-spec.ts

-import { Test, TestingModule } from '@nestjs/testing';
-import { INestApplication } from '@nestjs/common';
-import * as request from 'supertest';
-import { AppModule } from './../src/app.module';
-
-describe('AppController (e2e)', () => {
-  let app: INestApplication;
-
-  beforeEach(async () => {
-    const moduleFixture: TestingModule = await Test.createTestingModule({
-      imports: [AppModule],
-    }).compile();
-
-    app = moduleFixture.createNestApplication();
-    await app.init();
-  });
-
-  it('/ (GET)', () => {
-    return request(app.getHttpServer())
-      .get('/')
-      .expect(200)
-      .expect('Hello World!');
-  });
-});

service/test/jest-e2e.json

-{
-  "moduleFileExtensions": ["js", "json", "ts"],
-  "rootDir": ".",
-  "testEnvironment": "node",
-  "testRegex": ".e2e-spec.ts$",
-  "transform": {
-    "^.+\\.(t|j)s$": "ts-jest"
-  }
-}