How to serve static file from React build ?

[MGMehdi]

Hello,
I don't know how to correctly serve the react static file generate by vite on build.
With express I can just do that and it work, even if I reload the page on a different route

// Express
app.use(express.static(path.join(__dirname, ".", "public")));
app.get("*", (req, res) => {
  res.sendFile(path.join(__dirname, ".", "public/index.html"));
});

But I can't do that with Hono, that's the last thing that block me...
I had to do that to be able to correctly display the web page and it feel wrong...

// Hono
app.use(
  "*",
  serveStatic({
    root: publicPath,
    getContent: async (path, c) => {
      console.log("path", path);

      try {
        const data = await fs.readFile(path);
        let contentType = "text/plain";

        if (path.endsWith(".html")) {
          contentType = "text/html";
        } else if (path.endsWith(".js")) {
          contentType = "application/javascript";
        } else if (path.endsWith(".css")) {
          contentType = "text/css";
        } else if (path.endsWith(".json")) {
          contentType = "application/json";
        } else if (path.endsWith(".png")) {
          contentType = "image/png";
        } else if (path.endsWith(".jpg") || path.endsWith(".jpeg")) {
          contentType = "image/jpeg";
        }

        return new Response(data, {
          headers: {
            "Content-Type": contentType,
          },
        });
      } catch (error) {
        return null;
      }
    },
  })
);

[markH5]

1. mimie type

import { getMimeType } from 'hono/utils/mime';

you can use hono mime replace if else.

2. read big file (exp: > 2 GiB)

fs.readFile(path) -> createReadStream

exp:
honojs/node-server#205
honojs/node-server#229