Add branded email verification page with localization support

Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>

packages/backend/src/server/ServerService.ts

@@ -239,27 +239,8 @@ export class ServerService implements OnApplicationShutdown {
 		});
 
 		fastify.get<{ Params: { code: string } }>('/verify-email/:code', async (request, reply) => {
-			const profile = await this.userProfilesRepository.findOneBy({
-				emailVerifyCode: request.params.code,
-			});
-
-			if (profile != null) {
-				await this.userProfilesRepository.update({ userId: profile.userId }, {
-					emailVerified: true,
-					emailVerifyCode: null,
-				});
-
-				this.globalEventService.publishMainStream(profile.userId, 'meUpdated', await this.userEntityService.pack(profile.userId, { id: profile.userId }, {
-					schema: 'MeDetailed',
-					includeSecrets: true,
-				}));
-
-				reply.code(200).send('Verification succeeded! メールアドレスの認証に成功しました。');
-				return;
-			} else {
-				reply.code(404).send('Verification failed. Please try again. メールアドレスの認証に失敗しました。もう一度お試しください');
-				return;
-			}
+			// Redirect to frontend page for verification
+			reply.redirect(`/verify-email/${request.params.code}`);
 		});
 
 		fastify.register(this.clientServerService.createServer);

packages/backend/src/server/api/endpoint-list.ts

@@ -382,6 +382,7 @@ export * as 'sw/update-registration' from './endpoints/sw/update-registration.js
 export * as 'test' from './endpoints/test.js';
 export * as 'username/available' from './endpoints/username/available.js';
 export * as 'users' from './endpoints/users.js';
+export * as 'verify-email' from './endpoints/verify-email.js';
 export * as 'users/achievements' from './endpoints/users/achievements.js';
 export * as 'users/clips' from './endpoints/users/clips.js';
 export * as 'users/featured-notes' from './endpoints/users/featured-notes.js';

packages/backend/src/server/api/endpoints/verify-email.ts

@@ -0,0 +1,78 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { Inject, Injectable } from '@nestjs/common';
+import { Endpoint } from '@/server/api/endpoint-base.js';
+import type { UserProfilesRepository } from '@/models/_.js';
+import { UserEntityService } from '@/core/entities/UserEntityService.js';
+import { DI } from '@/di-symbols.js';
+import { GlobalEventService } from '@/core/GlobalEventService.js';
+import { ApiError } from '../error.js';
+
+export const meta = {
+	requireCredential: false,
+
+	tags: ['account'],
+
+	errors: {
+		noSuchCode: {
+			message: 'No such code.',
+			code: 'NO_SUCH_CODE',
+			id: '97c1f576-e4b8-4b8a-a6dc-9cb65e7f6f85',
+		},
+	},
+
+	res: {
+		type: 'object',
+		properties: {
+			success: {
+				type: 'boolean',
+			},
+		},
+	},
+} as const;
+
+export const paramDef = {
+	type: 'object',
+	properties: {
+		code: { type: 'string' },
+	},
+	required: ['code'],
+} as const;
+
+@Injectable()
+export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-disable-line import/no-default-export
+	constructor(
+		@Inject(DI.userProfilesRepository)
+		private userProfilesRepository: UserProfilesRepository,
+
+		private userEntityService: UserEntityService,
+		private globalEventService: GlobalEventService,
+	) {
+		super(meta, paramDef, async (ps) => {
+			const profile = await this.userProfilesRepository.findOneBy({
+				emailVerifyCode: ps.code,
+			});
+
+			if (profile == null) {
+				throw new ApiError(meta.errors.noSuchCode);
+			}
+
+			await this.userProfilesRepository.update({ userId: profile.userId }, {
+				emailVerified: true,
+				emailVerifyCode: null,
+			});
+
+			this.globalEventService.publishMainStream(profile.userId, 'meUpdated', await this.userEntityService.pack(profile.userId, { id: profile.userId }, {
+				schema: 'MeDetailed',
+				includeSecrets: true,
+			}));
+
+			return {
+				success: true,
+			};
+		});
+	}
+}