Support for Remix

[Marcisbee]

Any plans to support Remix with custom server adapter similar to @remix-run/express?

[SaltyAom]

Sure, I love Remix.

Added to roadmap

[SaltyAom]

Blocking on: oven-sh/bun#1864

[Marcisbee]

Is this unblocked now via this PR?

• feat(fetch) AbortSignal oven-sh/bun#2019

[SaltyAom]

Likely yes, will continue working on an adapter after the PR landed on stable (likely Bun 0.5.7)

[tobimori]

any update? :)

[rashidtvmr]

any update?

[wladpaiva]

Apparently elysia + remix is already supported. You just need to make some tweeks
https://github.com/wladiston/elysia-remix

[TaQuanMinhLong]

I did also manage to make it work, though only with production mode

// plugins/remix.ts
import type { ServerBuild } from "@remix-run/node";
import { createRequestHandler } from "@remix-run/node";
import { join, parse } from "path";
import { Elysia } from "elysia";

export type RemixPlugin<T extends ServerBuild = any> = (
  serverBuild: T,
  publicDir?: string
) => Elysia;

export const remix: RemixPlugin = (serverBuild, publicDir = join(process.cwd(), "public")) =>
  new Elysia().all("*", async function ({ request, store, path, set }) {
    if (request.method === "GET" && parse(path).ext) {
      const filepath = join(publicDir, path);
      const file = Bun.file(filepath);
      const fileExist = await file.exists();
      if (!fileExist) {
        set.status = 404;
        return { error: "Requested resource does not exist" };
      }
      set.headers["Cache-Control"] = "public,max-age=31536000,immutable";
      return file;
    }
    /**
     * This only works for production build
     *
     * For development use remix dev instead
     */
    const handleRequest = createRequestHandler(serverBuild, "production");
    return await handleRequest(request, store);
  });

// server.ts
import { remix, logger } from "./plugins";
import { Elysia } from "elysia";
import * as build from "./build/index";

const port = process.env.PORT;

const app = new Elysia()
  .state("appLoadContext", "test")
  .use(logger())
  .use(remix(build))
  .listen(port ? Number(port) : 3000);

console.log(`Server is running at http://${app.server?.hostname}:${app.server?.port}`);

// Axios accept-encoding header should be set to gzip to work
...
headers: {
    common: {
      "Accept-Encoding": "gzip",
    },
  },
...

I'n not sure about this but after few clicks to test the router link, i feel that running original remix with bun is still somehow smoother than running remix by elysia 😂 It could be my implementation broke somewhere

[sabinpuiu]

Any update for official remix support?

[Danieljs-codes]

Any update for official remix support 🥹

[sigmachirality]

+1

[Danieljs-codes]

+1

[ZorikovPasha]

+1

[stephen776]

Is there any current path here that works now that remix uses vite?