getPlatformProxy does not build correctly when used

[yutakobayashidev]

What version of HonoX are you using?

0.1.5

What steps can reproduce the bug?

When I load wrangler.toml using getPlatformProxy and try to build it, the client build does not finish. Sorry if I am using it incorrectly.

import { defineConfig } from "vite";
import { getPlatformProxy } from "wrangler";
import honox from "honox/vite";
import clientBuild from "honox/vite/client";
import pagesBuild from "@hono/vite-cloudflare-pages";

export default defineConfig(async ({ mode }) => {
  const { env, dispose } = await getPlatformProxy();
  if (mode === "client") {
    return {
      plugins: [clientBuild()],
    };
  }
  return {
    plugins: [
      honox({
        devServer: {
          env,
          plugins: [
            {
              onServerClose: dispose,
            },
          ],
        },
      }),
      pagesBuild(),
    ],
  };
});

deps:

  "dependencies": {
    "@hono/vite-cloudflare-pages": "^0.2.5",
    "hono": "^4.0.8",
    "honox": "^0.1.5"
  },
  "devDependencies": {
    "@cloudflare/workers-types": "^4.20240208.0",
    "vite": "^5.0.12",
    "wrangler": "^3.28.4"
  }

import { createRoute } from "honox/factory";

export default createRoute((c) => {
  return c.render(<h1>hi</h1>);
});

What is the expected behavior?

Environment variables must be loaded correctly and build must be completed

What do you see instead?

When I load wrangler.toml using getPlatformProxy and try to build it, the client build does not finish.

[yutakobayashidev]

I found a related workaround:
https://twitter.com/yusukebe/status/1760527881019719985

[yusukebe]

Hi @yutakobayashidev

That's not a bug. Please try this config while we are looking for a shorter way:

import { defineConfig } from 'vite'
import { getPlatformProxy } from 'wrangler'
import honox from 'honox/vite'
import clientBuild from 'honox/vite/client'
import pagesBuild from '@hono/vite-cloudflare-pages'

export default defineConfig(async ({ mode, command }) => {
  if (mode === 'client') {
    return {
      plugins: [clientBuild()]
    }
  }
  if (command === 'build') {
    return {
      plugins: [honox(), pagesBuild()]
    }
  }
  const { env, dispose } = await getPlatformProxy()
  return {
    plugins: [
      honox({
        devServer: {
          env,
          plugins: [
            {
              onServerClose: dispose
            }
          ]
        }
      }),
      pagesBuild()
    ]
  }
})