add npc jack controller

src/app/routes/email.ts

@@ -1,5 +1,6 @@
 import { DestroyController } from "@controller/DestroyController";
 import { NewGameController } from "@controller/NewGameController";
+import { NpcJackController } from "@controller/NpcJackController";
 
 interface Controller {
 	handle(userId: string, message: ForwardableEmailMessage): Promise<void>;
@@ -12,4 +13,5 @@ type Routes = {
 export const routes: Routes = {
 	new: NewGameController,
 	destroy: DestroyController,
+	jack: NpcJackController,
 };

src/controller/NpcJackController.ts

@@ -0,0 +1,37 @@
+import { inject, injectable } from "tsyringe-neo";
+
+import { EmailController, EmailParams } from "./EmailController";
+import { SESv2Client } from "@aws-sdk/client-sesv2";
+import { SesEmailPresenter } from "@presenter/SesEmailPresenter";
+import { DestroyUsecase } from "@usecase/DestroyUsecase";
+import { KvCityRepository } from "@repository/KvCityRepository";
+
+@injectable()
+export class NpcJackController extends EmailController {
+	public static readonly SenderName: string = "Jack";
+
+	constructor(
+		@inject(SESv2Client) private readonly ses: SESv2Client,
+		@inject(KvCityRepository) private readonly cityRepository: KvCityRepository,
+	) {
+		super();
+	}
+
+	protected async onMessage(params: EmailParams): Promise<void> {
+		var sender = params.to;
+		if (!sender.includes("<")) {
+			sender = `${NpcJackController.SenderName} <${sender}>`;
+		}
+
+		const presenter = new SesEmailPresenter(this.ses, {
+			sender,
+			recipients: [params.from],
+			messageId: params.messageId,
+			references: params.references,
+			subject: params.subject,
+		});
+
+		presenter.addText("Hello, I'm Jack.");
+		await presenter.render();
+	}
+}

src/view/City.tsx

@@ -4,51 +4,51 @@ import { FC } from "hono/jsx";
 
 import { type CitySnapshot } from "@usecase/CitySnapshotUsecase";
 import { Layout } from "./Layout";
-import { css, cx } from 'hono/css'
+import { css, cx } from "hono/css";
 
 const pRelative = css`
 	position: relative;
-`
+`;
 
 const pAbsolute = css`
 	position: absolute;
-`
+`;
 
 const container = css`
 	display: flex;
 	width: 768px;
-`
+`;
 
 const shell = css`
 	bottom: 33%;
 	left: 40%;
-`
+`;
 
 const factory = css`
 	bottom: 46%;
-    left: 7%;
-`
+	left: 7%;
+`;
 
 const hospital = css`
 	bottom: 46%;
 	right: 5%;
-`
+`;
 
 const office = css`
 	bottom: 35%;
 	left: 0%;
-`
+`;
 
 const people = css`
 	bottom: 34%;
 	right: 0%;
-`
+`;
 
 export const City: FC<CitySnapshot> = ({ id }) => {
 	return (
 		<Layout>
 			<div class={cx(container, pRelative)}>
-				<img src="/bg.png" alt="mainCity"/>
+				<img src="/bg.png" alt="mainCity" />
 				<div class={cx(pAbsolute, shell)}>
 					<img src="/shell_0.png" alt="shell" />
 				</div>