honox 0.1.43 → 0.1.45

package/README.md

@@ -499,7 +499,7 @@ Configure react in `vite.config.ts`.
 
 ```ts
 // vite.config.ts
-import build from '@hono/vite-build/cloudflare-pages'
+import build from '@hono/vite-build/cloudflare-workers'
 import honox from 'honox/vite'
 import { defineConfig } from 'vite'
 
@@ -571,7 +571,7 @@ Configure react in `vite.config.ts`.
 
 ```ts
 // vite.config.ts
-import build from '@hono/vite-build/cloudflare-pages'
+import build from '@hono/vite-build/cloudflare-workers'
 import honox from 'honox/vite'
 import { defineConfig } from 'vite'
 
@@ -767,7 +767,7 @@ Finally, add `vite.config.ts` configuration to output assets for the production.
 ```ts
 import honox from 'honox/vite'
 import { defineConfig } from 'vite'
-import build from '@hono/vite-build/cloudflare-pages'
+import build from '@hono/vite-build/cloudflare-workers'
 import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
@@ -839,20 +839,22 @@ export default function Top() {
 
 ### Cloudflare Bindings
 
-If you want to use Cloudflare's Bindings in your development environment, create `wrangler.toml` and configure it properly.
+If you want to use Cloudflare's Bindings in your development environment, create `wrangler.jsonc` and configure it properly.
 
-```toml
-name = "my-project-name"
-compatibility_date = "2024-04-01"
-compatibility_flags = [ "nodejs_compat" ]
-pages_build_output_dir = "./dist"
-
-# [vars]
-# MY_VARIABLE = "production_value"
-
-# [[kv_namespaces]]
-# binding = "MY_KV_NAMESPACE"
-# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+```jsonc
+// wrangler.jsonc
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "my-project-name",
+  "main": "./dist/index.js",
+  "compatibility_date": "2025-08-03",
+  "compatibility_flags": [
+    "nodejs_compat"
+  ],
+  "assets": {
+    "directory": "./dist"
+  }
+}
 ```
 
 In `vite.config.ts`, use the Cloudflare Adapter in `@hono/vite-dev-server`.
@@ -873,52 +875,12 @@ export default defineConfig({
 })
 ```
 
-## Deployment
-
-Since a HonoX instance is essentially a Hono instance, it can be deployed on any platform that Hono supports.
-
-### Cloudflare Pages
-
-Add the `wrangler.toml`:
-
-```toml
-# wrangler.toml
-name = "my-project-name"
-compatibility_date = "2024-04-01"
-compatibility_flags = [ "nodejs_compat" ]
-pages_build_output_dir = "./dist"
-```
-
-Setup the `vite.config.ts`:
-
-```ts
-// vite.config.ts
-import { defineConfig } from 'vite'
-import honox from 'honox/vite'
-import build from '@hono/vite-build/cloudflare-pages'
-
-export default defineConfig({
-  plugins: [honox(), build()],
-})
-```
-
-Build command (including a client):
-
-```txt
-vite build --mode client && vite build
-```
-
-Deploy with the following commands after the build. Ensure you have [Wrangler](https://developers.cloudflare.com/workers/wrangler/) installed:
-
-```txt
-wrangler pages deploy
-```
-
 ### SSG - Static Site Generation
 
 Using Hono's SSG feature, you can generate static HTML for each route.
 
 ```ts
+// vite.config.ts
 import { defineConfig } from 'vite'
 import honox from 'honox/vite'
 import ssg from '@hono/vite-ssg'
@@ -961,31 +923,111 @@ export default defineConfig(({ mode }) => {
 
 Build command (including a client):
 
-```txt
+```sh
 vite build --mode client && vite build
 ```
 
-You can also deploy it to Cloudflare Pages.
+## Deployment
 
-```txt
-wrangler pages deploy ./dist
-```
+[`@hono/vite-build`]: https://www.npmjs.com/package/@hono/vite-build
 
-### Others
+HonoX consists of a Hono instance and Vite configuration, so it can be deployed on any platform that Hono supports.
+[`@hono/vite-build`] provides build configurations for Cloudflare Workers, Node.js, Bun, and many other platforms.
+
+### Cloudflare Workers
+
+If you create a project using the `create-hono` command and select `x-basic`, the configuration for deploying to Cloudflare Workers is already included by default.
+
+Add the `wrangler.jsonc`:
+
+```jsonc
+// wrangler.jsonc
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "my-project-name",
+  "main": "./dist/index.js",
+  "compatibility_date": "2025-08-03",
+  "compatibility_flags": [
+    "nodejs_compat"
+  ],
+  "assets": {
+    "directory": "./dist"
+  }
+}
+```
 
-Using `@hono/vite-build`, you can build the HonoX app for various platforms. For example, you can make it for the Bun:
+Setup the `vite.config.ts`:
 
 ```ts
 // vite.config.ts
+import build from '@hono/vite-build/cloudflare-workers'
+import adapter from '@hono/vite-dev-server/cloudflare'
+import tailwindcss from '@tailwindcss/vite'
+import honox from 'honox/vite'
 import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    honox({
+      devServer: { adapter },
+      client: { input: ['./app/style.css'] }
+    }),
+    tailwindcss(),
+    build()
+  ]
+})
+```
+
+Build command (including a client):
+
+```sh
+vite build --mode client && vite build
+```
+
+Deploy with the following commands after the build. Ensure you have [Wrangler](https://developers.cloudflare.com/workers/wrangler/) installed:
+
+```sh
+wrangler deploy
+```
+
+### On-Premises or Other Platforms
+
+You can build the HonoX app for on-premises environments or various other platforms. See the [`@hono/vite-build`] README for a full list of supported platforms. For example, you can make it for the Bun:
+
+```ts
+// vite.config.ts
+import build from '@hono/vite-build/bun' // Change to Bun
+import adapter from '@hono/vite-dev-server/bun' // Change to Bun
+import tailwindcss from '@tailwindcss/vite'
 import honox from 'honox/vite'
-import build from '@hono/vite-build/bun'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
-  plugins: [honox(), build()],
+  plugins: [
+    honox({
+      devServer: { adapter },
+      client: { input: ['./app/style.css'] }
+    }),
+    tailwindcss(),
+    build()
+  ]
 })
 ```
 
+Build command (including a client):
+
+```sh
+vite build --mode client && vite build
+```
+
+Run the server with Bun:
+
+```sh
+cd ./dist && bun index.js
+```
+
+**Note**: When running on-premises, make sure to change the working directory to the output directory (e.g., `cd ./dist`). Otherwise, JavaScript, CSS, and static assets may not be resolved correctly.
+
 ## Examples
 
 - https://github.com/yusukebe/honox-examples

package/dist/server/server.js

@@ -17,7 +17,7 @@ const createApp = (options) => {
   const getRootPath = (dir) => filePathToPath(dir.replace(rootRegExp, ""));
   const app = options.app ?? new Hono();
   const trailingSlash = options.trailingSlash ?? false;
-  const appliedMiddleware = /* @__PURE__ */ new Set();
+  const appliedMiddlewaresByDirectory = /* @__PURE__ */ new Map();
   app.use(async function ShareContext(c, next) {
     await contextStorage.run(c, () => next());
   });
@@ -85,24 +85,41 @@ const createApp = (options) => {
       const findMiddleware = (directory) => Object.keys(MIDDLEWARE_FILE).find(
         (x) => new RegExp(escapeDir(directory) + "/_middleware.tsx?").test(x)
       );
+      const isMiddlewareAppliedToAncestor = (middlewarePath, currentDir) => {
+        const dirParts = currentDir.split("/");
+        const ancestorDirs = [];
+        for (let i = dirParts.length - 1; i > 0; i--) {
+          ancestorDirs.push(dirParts.slice(0, i).join("/"));
+        }
+        return ancestorDirs.some(
+          (ancestorDir) => appliedMiddlewaresByDirectory.get(ancestorDir)?.has(middlewarePath)
+        );
+      };
       let middlewareFile = findMiddleware(dir);
       if (!middlewareFile) {
         const dirParts = dir.split("/");
         for (let i = dirParts.length - 1; i >= 0; i--) {
           const parentDir = dirParts.slice(0, i).join("/");
-          middlewareFile = findMiddleware(parentDir);
-          if (middlewareFile) break;
+          if (!parentDir.includes(root)) {
+            break;
+          }
+          const parentMiddleware = findMiddleware(parentDir);
+          if (!parentMiddleware) continue;
+          if (isMiddlewareAppliedToAncestor(parentMiddleware, dir)) continue;
+          middlewareFile = parentMiddleware;
+          break;
         }
       }
       if (middlewareFile) {
         const middleware = MIDDLEWARE_FILE[middlewareFile];
         const middlewareDir = middlewareFile.replace("/_middleware.tsx", "").replace("/_middleware.ts", "");
-        const shouldApply = middlewareDir === dir || !appliedMiddleware.has(middlewareFile) && dir.startsWith(middlewareDir + "/");
+        const shouldApply = middlewareDir === dir || dir.startsWith(middlewareDir + "/");
         if (middleware.default && shouldApply) {
-          if (!appliedMiddleware.has(middlewareFile)) {
-            appliedMiddleware.add(middlewareFile);
-          }
           subApp.use(...middleware.default);
+          if (!appliedMiddlewaresByDirectory.has(dir)) {
+            appliedMiddlewaresByDirectory.set(dir, /* @__PURE__ */ new Set());
+          }
+          appliedMiddlewaresByDirectory.get(dir)?.add(middlewareFile);
         }
       }
       for (const [filename, route] of Object.entries(content)) {
@@ -151,7 +168,7 @@ const createApp = (options) => {
       }
       let rootPath = getRootPath(dir);
       if (trailingSlash) {
-        rootPath = /\/$/.test(rootPath) ? rootPath : rootPath + "/";
+        rootPath = rootPath.endsWith("/") ? rootPath : rootPath + "/";
       }
       app.route(rootPath, subApp);
     }

package/dist/server/utils/file.js

@@ -1,6 +1,6 @@
 const filePathToPath = (filePath) => {
   filePath = filePath.replace(/\.tsx?$/g, "").replace(/\.mdx?$/g, "").replace(/^\/?index$/, "/").replace(/\/index$/, "").replace(/\[\.{3}.+\]/, "*").replace(/\((.+?)\)/g, "").replace(/\[(.+?)\]/g, ":$1").replace(/\/\/+/g, "/");
-  return /^\//.test(filePath) ? filePath : "/" + filePath;
+  return filePath.startsWith("/") ? filePath : "/" + filePath;
 };
 const groupByDirectory = (files) => {
   const organizedFiles = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
@@ -113,7 +113,7 @@
     "@babel/parser": "7.25.6",
     "@babel/traverse": "7.25.6",
     "@babel/types": "7.25.6",
-    "@hono/vite-dev-server": "0.19.1",
+    "@hono/vite-dev-server": "^0.20.1",
     "jsonc-parser": "3.3.1",
     "precinct": "12.1.2"
   },
@@ -144,6 +144,7 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.3"
   },
+  "packageManager": "bun@1.2.20",
   "engines": {
     "node": ">=18.14.1"
   },