honox 0.1.38 → 0.1.39

package/README.md

@@ -325,11 +325,13 @@ Define the middleware:
 import { createRoute } from 'honox/factory'
 import { secureHeaders, NONCE } from 'hono/secure-headers'
 
-secureHeaders({
-  contentSecurityPolicy: {
-    scriptSrc: [NONCE]
-  }
-})
+export default createRoute(
+  secureHeaders({
+    contentSecurityPolicy: {
+      scriptSrc: [NONCE],
+    },
+  })
+)
 ```
 
 You can get the `nonce` value with `c.get('secureHeadersNonce')`:
@@ -655,7 +657,7 @@ Given that HonoX is Vite-centric, if you wish to utilize [Tailwind CSS](https://
 Write `app/style.css`, you must set the base path for source detection explicitly:
 
 ```css
-@import "tailwindcss" source("../app");
+@import 'tailwindcss' source('../app');
 ```
 
 Import it in a renderer file. Using the `Link` component will refer to the correct CSS file path after it is built.

package/dist/server/server.js

@@ -54,6 +54,20 @@ const createApp = (options) => {
     for (const [dir, content] of Object.entries(map)) {
       const subApp = new Hono();
       let hasIslandComponent = false;
+      const notFoundHandler = getNotFoundHandler(dir, notFoundMap);
+      if (notFoundHandler) {
+        subApp.use(async (c, next) => {
+          await next();
+          if (c.res.status === 404) {
+            const notFoundResponse = await notFoundHandler(c);
+            const res = new Response(notFoundResponse.body, {
+              status: 404,
+              headers: notFoundResponse.headers
+            });
+            c.res = res;
+          }
+        });
+      }
       const rendererPaths = getPaths(dir, rendererList);
       rendererPaths.map((path) => {
         const renderer = RENDERER_FILE[path];
@@ -136,6 +150,16 @@ const createApp = (options) => {
   }
   return app;
 };
+function getNotFoundHandler(dir, map) {
+  for (const [mapDir, content] of Object.entries(map)) {
+    if (dir === mapDir) {
+      const notFound = content[NOTFOUND_FILENAME];
+      if (notFound) {
+        return notFound.default;
+      }
+    }
+  }
+}
 function applyNotFound(app, dir, map) {
   for (const [mapDir, content] of Object.entries(map)) {
     if (dir === mapDir) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
@@ -127,11 +127,11 @@
     "hono": ">=4.*"
   },
   "devDependencies": {
-    "@hono/eslint-config": "^1.0.2",
+    "@hono/eslint-config": "^1.1.1",
     "@mdx-js/rollup": "^3.0.0",
     "@playwright/test": "^1.42.0",
     "@types/node": "^20.10.5",
-    "eslint": "^9.10.0",
+    "eslint": "^9.23.0",
     "glob": "^10.3.10",
     "happy-dom": "^15.11.6",
     "hono": "4.4.13",