refactor: add getServerSideProps validation

apps/deploy-web/src/lib/nextjs/getValidatedServerSIdeProps.ts

@@ -0,0 +1,20 @@
+import { GetServerSidePropsContext, GetServerSidePropsResult, PreviewData } from "next/types";
+import type { ParsedUrlQuery } from "querystring";
+import { z } from "zod";
+
+export const getValidatedServerSideProps = <
+  Props extends { [key: string]: any } = { [key: string]: any },
+  Params extends ParsedUrlQuery = ParsedUrlQuery,
+  Preview extends PreviewData = PreviewData,
+  Schema extends z.ZodObject<any, any, any> = z.ZodObject<{ params: z.ZodObject<any, any, any> }, any, any>
+>(
+  schema: Schema,
+  handler: (
+    context: Omit<GetServerSidePropsContext<Params, Preview>, "params"> & { params: z.infer<Schema>["params"] }
+  ) => Promise<GetServerSidePropsResult<Props>>
+): ((context: GetServerSidePropsContext<Params, Preview>) => Promise<GetServerSidePropsResult<Props>>) => {
+  return context => {
+    const { params } = schema.parse(context);
+    return handler({ ...context, params });
+  };
+};

apps/deploy-web/src/pages/deployments/[dseq]/index.tsx

@@ -1,21 +1,19 @@
-import type { GetServerSideProps } from "next";
 import { z } from "zod";
 
-import { DeploymentDetail, DeploymentDetailProps } from "@src/components/deployments/DeploymentDetail";
+import { DeploymentDetail } from "@src/components/deployments/DeploymentDetail";
 import { CI_CD_TEMPLATE_ID } from "@src/config/remote-deploy.config";
+import { getValidatedServerSideProps } from "@src/lib/nextjs/getValidatedServerSIdeProps";
 import { services } from "@src/services/http/http-server.service";
 
 export default DeploymentDetail;
 
 const contextSchema = z.object({
   params: z.object({
-    dseq: z.string()
+    dseq: z.string().regex(/^\d+$/)
   })
 });
-type Params = z.infer<typeof contextSchema>["params"];
 
-export const getServerSideProps: GetServerSideProps<DeploymentDetailProps, Params> = async context => {
-  const { params } = contextSchema.parse(context);
+export const getServerSideProps = getValidatedServerSideProps(contextSchema, async ({ params }) => {
   const remoteDeployTemplate = await services.template.findById(CI_CD_TEMPLATE_ID);
 
   return {
@@ -24,4 +22,4 @@ export const getServerSideProps: GetServerSideProps<DeploymentDetailProps, Param
       dseq: params.dseq
     }
   };
-};
+});

apps/deploy-web/src/pages/templates/[templateId]/index.tsx

@@ -1,7 +1,7 @@
-import type { GetServerSideProps } from "next";
 import { z } from "zod";
 
 import { TemplateDetail, TemplateDetailProps } from "@src/components/templates/TemplateDetail";
+import { getValidatedServerSideProps } from "@src/lib/nextjs/getValidatedServerSIdeProps";
 import { services } from "@src/services/http/http-server.service";
 
 export default TemplateDetail;
@@ -11,10 +11,8 @@ const contextSchema = z.object({
     templateId: z.string()
   })
 });
-type Params = z.infer<typeof contextSchema>["params"];
 
-export const getServerSideProps: GetServerSideProps<TemplateDetailProps, Params> = async context => {
-  const { params } = contextSchema.parse(context);
+export const getServerSideProps = getValidatedServerSideProps<TemplateDetailProps>(contextSchema, async ({ params }) => {
   const template = await services.template.findById(params.templateId);
 
   if (!template) {
@@ -29,4 +27,4 @@ export const getServerSideProps: GetServerSideProps<TemplateDetailProps, Params>
       template
     }
   };
-};
+});