feat: enable CORS support

Author: typicode

package-lock.json

@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@tinyhttp/app": "^2.2.1",
+    "@tinyhttp/cors": "^2.0.0",
     "chokidar": "^3.5.3",
     "dot-prop": "^8.0.2",
     "eta": "^3.2.0",

package.json

@@ -65,6 +65,9 @@ await test('createApp', async () => {
     { method: 'GET', url: '/output.css', statusCode: 200 },
     { method: 'GET', url: `/${file}`, statusCode: 200 },
 
+    // CORS
+    { method: 'OPTIONS', url: POSTS, statusCode: 204 },
+
     // API
     { method: 'GET', url: POSTS, statusCode: 200 },
     { method: 'GET', url: POST_1, statusCode: 200 },

src/app.test.ts

@@ -2,6 +2,7 @@ import { dirname, isAbsolute, join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
 import { App } from '@tinyhttp/app'
+import { cors } from '@tinyhttp/cors'
 import { Eta } from 'eta'
 import { Low } from 'lowdb'
 import { json } from 'milliparsec'
@@ -29,15 +30,18 @@ export function createApp(db: Low<Data>, options: AppOptions = {}) {
   // Create app
   const app = new App()
 
-  // Body parser
-  app.use(json())
-
   // Static files
   app.use(sirv(join(__dirname, '../public'), { dev: !isProduction }))
   options.static
     ?.map((path) => (isAbsolute(path) ? path : join(process.cwd(), path)))
     .forEach((dir) => app.use(sirv(dir, { dev: !isProduction })))
 
+  // CORS
+  app.use(cors()).options('*', cors())
+
+  // Body parser
+  app.use(json())
+
   app.get('/', (_req, res) =>
     res.send(eta.render('index.html', { data: db.data })),
   )