Elysia static always using default bun loader

[cjkeilig]

Hi I'm upgrading my chat assistant application which uses the static plugin to bun 1.3.3, the latest version of elsyia, replacing vite with the bun bundler.

The flow I want in our build process is, frontend builds static assets (bun build index.html --outdir dist), then that static dist folder gets used by the elysia backend with the static plugin.

The newer version of the static plugin is always using the default Bun loader for html so bun is trying to bundle an already bundled frontend application.

Is there a way around this?

[cjkeilig]

IMO, I would expect the static plugin to serve static files not hook into bun bundling/loading, this naive static approach has worked ok.

export const spa = (options: SpaOptions) => {
  const { dir, baseUrl = '/', index = 'index.html' } = options;
  const plugin = new Elysia({ name: 'spa', seed: options });

  const glob = new Glob('**');
  for (const filePath of glob.scanSync(dir)) {
    if (filePath === index) continue;

    plugin.get(join(baseUrl, filePath), async ({ set }) => {
      if (filePath.includes('index.html')) return Bun.file(join(dir, filePath));

      const file = Bun.file(join(dir, filePath));
      set.headers['content-encoding'] = 'gzip';
      set.headers['content-type'] = file.type;
      return Bun.gzipSync(await file.arrayBuffer());
    });
  }


  plugin.get(join(baseUrl, '*'), () => Bun.file(join(dir, index)));

  return plugin;
};

[pa001024]

同样的问题, 但是可以通过简单的方法解决:

The same problem, but it can be solved by a simple method:

const app = new Elysia()
    .get("/", () => Bun.file("./static/index.html"))
    .use(staticPlugin({ prefix: "/", assets: "./static", indexHTML: false, alwaysStatic: true }))

[huankong233]

同样的问题, 但是可以通过简单的方法解决:

The same problem, but it can be solved by a simple method:

const app = new Elysia()
.get("/", () => Bun.file("./static/index.html"))
.use(staticPlugin({ prefix: "/", assets: "./static", indexHTML: false, alwaysStatic: true }))

[0.02ms] bundle index.html 0.25 KB

这貌似和我遇到的问题一致，html被异常的编译了

虽然定义了 / 的路径，但是别的路径下面的 html 文件还是会被编译

[cjkeilig]

I ended up patching the plugin to use Bun.file when alwaysStatic === true, caching the file buffers instead of the Response so no response.clone(), this allows us to do hot reloading when NODE_ENV !== production although it hot reloads by reloading the entire page instead of the delta (haven't found a way to let bun know not to reload the page when an html is imported in dev mode), also added gzipping since our bun bundles are now bigger than the vite bundles