feat: add cors

.env.example

@@ -1,2 +1,3 @@
 PORT=5000
-DATABASE_URL=postgres://postgres:postgres@localhost:5432/hmifapp
+DATABASE_URL=postgres://postgres:postgres@localhost:5432/hmifapp
+ALLOWED_ORIGINS="['http://localhost:5173']"

src/configs/env.config.ts

@@ -4,6 +4,11 @@ import 'dotenv/config';
 const EnvSchema = z.object({
   PORT: z.coerce.number().default(5000),
   DATABASE_URL: z.string().url(),
+  ALLOWED_ORIGINS: z
+    .string()
+    .default('["http://localhost:5173"]')
+    .transform((value) => JSON.parse(value))
+    .pipe(z.array(z.string().url())),
 });
 
 const result = EnvSchema.safeParse(process.env);

src/controllers/hello.controller.ts

@@ -1,9 +1,9 @@
 import { OpenAPIHono } from '@hono/zod-openapi';
-import { getUsersRoute } from '../routes/hello.route';
+import { getUserRoute } from '../routes/hello.route';
 
 export const helloRouter = new OpenAPIHono();
 
-helloRouter.openapi(getUsersRoute, (c) => {
+helloRouter.openapi(getUserRoute, (c) => {
   const { id } = c.req.valid('param');
   return c.json({
     id,

src/index.ts

@@ -1,6 +1,7 @@
 import { serve } from '@hono/node-server';
 import { swaggerUI } from '@hono/swagger-ui';
 import { OpenAPIHono } from '@hono/zod-openapi';
+import { cors } from 'hono/cors';
 import { logger } from 'hono/logger';
 import packageJson from '../package.json';
 import { env } from './configs/env.config';
@@ -9,13 +10,21 @@ import { apiRouter } from './controllers/api.controller';
 const app = new OpenAPIHono();
 
 app.use(logger());
+app.use(
+  '/api/*',
+  cors({
+    credentials: true,
+    origin: env.ALLOWED_ORIGINS,
+  }),
+);
 app.route('/api', apiRouter);
 app.doc('/doc', {
   openapi: '3.1.0',
   info: {
     version: packageJson.version,
     title: packageJson.displayName,
   },
+  tags: [{ name: 'hello', description: 'Hello API' }],
 });
 app.get('/swagger', swaggerUI({ url: '/doc' }));
 

src/routes/hello.route.ts

@@ -1,7 +1,9 @@
 import { createRoute } from '@hono/zod-openapi';
 import { ParamsSchema, UserSchema } from '../types/hello.types';
 
-export const getUsersRoute = createRoute({
+export const getUserRoute = createRoute({
+  operationId: 'getUser',
+  tags: ['hello'],
   method: 'get',
   path: '/users/{id}',
   request: {
@@ -17,5 +19,4 @@ export const getUsersRoute = createRoute({
       description: 'Retrieve the user',
     },
   },
-  tags: ['hello'],
 });