honox 0.1.46 → 0.1.47

package/README.md

@@ -774,7 +774,10 @@ export default defineConfig({
   plugins: [
     honox({
       client: {
-        input: ['/app/style.css'],
+        input: [
+          '/app/client.ts', // the default value -> must be added if input is overridden
+          '/app/style.css', // add the style file entrypoint
+        ],
       },
     }),
     build(),
@@ -848,12 +851,10 @@ If you want to use Cloudflare's Bindings in your development environment, create
   "name": "my-project-name",
   "main": "./dist/index.js",
   "compatibility_date": "2025-08-03",
-  "compatibility_flags": [
-    "nodejs_compat"
-  ],
+  "compatibility_flags": ["nodejs_compat"],
   "assets": {
-    "directory": "./dist"
-  }
+    "directory": "./dist",
+  },
 }
 ```
 
@@ -947,12 +948,10 @@ Add the `wrangler.jsonc`:
   "name": "my-project-name",
   "main": "./dist/index.js",
   "compatibility_date": "2025-08-03",
-  "compatibility_flags": [
-    "nodejs_compat"
-  ],
+  "compatibility_flags": ["nodejs_compat"],
   "assets": {
-    "directory": "./dist"
-  }
+    "directory": "./dist",
+  },
 }
 ```
 
@@ -970,11 +969,11 @@ export default defineConfig({
   plugins: [
     honox({
       devServer: { adapter },
-      client: { input: ['./app/style.css'] }
+      client: { input: ['/app/client.ts', '/app/style.css'] },
     }),
     tailwindcss(),
-    build()
-  ]
+    build(),
+  ],
 })
 ```
 
@@ -1006,11 +1005,11 @@ export default defineConfig({
   plugins: [
     honox({
       devServer: { adapter },
-      client: { input: ['./app/style.css'] }
+      client: { input: ['/app/client.ts', '/app/style.css'] },
     }),
     tailwindcss(),
-    build()
-  ]
+    build(),
+  ],
 })
 ```
 
@@ -1028,6 +1027,28 @@ 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.
 
+When using environment variables in a HonoX application, you may notice that variables like `process.env.MY_VAR` work in development but not in the built application. This is because Vite optimizes `process.env` to an empty object during the build process.
+
+To ensure environment variables are available at runtime, add the following to your `vite.config.ts`:
+
+```ts
+export default defineConfig({
+  define: {
+    'process.env': 'process.env', // <=== Add this line
+  },
+  plugins: [
+    honox({
+      devServer: { adapter },
+      client: { input: ['/app/client.ts', '/app/style.css'] },
+    }),
+    tailwindcss(),
+    build(),
+  ],
+})
+```
+
+This disables Vite's optimization of `process.env`, allowing your built application to access environment variables as expected. For more details, see [issue #307](https://github.com/honojs/honox/issues/307#issuecomment-3179529432).
+
 ## Examples
 
 - https://github.com/yusukebe/honox-examples

package/dist/vite/client.d.ts

@@ -5,7 +5,6 @@ type ClientOptions = {
     assetsDir?: string;
     input?: string[];
 };
-declare const defaultOptions: ClientOptions;
 declare function client(options?: ClientOptions): Plugin;
 
-export { type ClientOptions, client as default, defaultOptions };
+export { type ClientOptions, client as default };

package/dist/vite/client.js

@@ -1,7 +1,7 @@
 const defaultOptions = {
   jsxImportSource: "hono/jsx/dom",
   assetsDir: "static",
-  input: []
+  input: ["/app/client.ts"]
 };
 function client(options) {
   return {
@@ -13,11 +13,10 @@ function client(options) {
       return false;
     },
     config: () => {
-      const input = options?.input ?? defaultOptions.input ?? [];
       return {
         build: {
           rollupOptions: {
-            input: ["/app/client.ts", ...input]
+            input: options?.input ?? defaultOptions.input
           },
           assetsDir: options?.assetsDir ?? defaultOptions.assetsDir,
           manifest: true
@@ -31,6 +30,5 @@ function client(options) {
 }
 var client_default = client;
 export {
-  client_default as default,
-  defaultOptions
+  client_default as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honox",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {