Coder Social home page Coder Social logo

Support for Remix about elysia HOT 9 OPEN

elysiajs avatar elysiajs commented on May 22, 2024 6
Support for Remix

from elysia.

Comments (9)

SaltyAom avatar SaltyAom commented on May 22, 2024 13

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

from elysia.

SaltyAom avatar SaltyAom commented on May 22, 2024 7

Sure, I love Remix.

Added to roadmap

from elysia.

wladpaiva avatar wladpaiva commented on May 22, 2024 4

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

from elysia.

sabinpuiu avatar sabinpuiu commented on May 22, 2024 3

Any update for official remix support?

from elysia.

Marcisbee avatar Marcisbee commented on May 22, 2024 1

Is this unblocked now via this PR?

from elysia.

SaltyAom avatar SaltyAom commented on May 22, 2024

Blocking on: oven-sh/bun#1864

from elysia.

tobimori avatar tobimori commented on May 22, 2024

any update? :)

from elysia.

rashidtvmr avatar rashidtvmr commented on May 22, 2024

any update?

from elysia.

TaQuanMinhLong avatar TaQuanMinhLong commented on May 22, 2024

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

from elysia.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.