eden/treaty/overview

[giscus[bot]]

eden/treaty/overview

A VitePress site

https://elysiajs.com/eden/treaty/overview

[ToxicalNoob3062]

what about /:param1/:param2 ? Eden treaty doesn't work for that i think.

[caiolandgraf]

// server.ts
import { Elysia } from 'elysia'

const app = new Elysia()
  // ❌ Problems with Eden Treaty
  .get('/bad/:param1/:param2', ({ params }) => params)
  
  // ✅ Works great with Eden Treaty
  .get('/good/:id/details/:detailId', ({ params }) => params)
  
  // ✅ Alternative with query
  .get('/query', ({ query }) => query)
  
  .listen(3000)

export type App = typeof app

// client.ts
import { treaty } from '@elysiajs/eden'
import type { App } from './server'

const client = treaty<App>('localhost:3000')

// ✅ Works
const good = await client.good[123].details[456].get()

// ✅ Works
const query = await client.query.get({
  query: { param1: 'a', param2: 'b' }
})

I think that maybe this solve yours questions

[caiolandgraf]

I'm sorry, I test in my code now and I fix this...

const good = await api.good({
  id: "123",
}).details({
  detailId: "456",
}).get()

[ToxicalNoob3062]

thanks man! Thats an elegant solve around for that tricky problem. Cool. 😎

[julioflima]

This seams work well in monorepos. But there is any possibility to fetch this, like we do with types in graphql?

[michaelthreekiv]

You can create a package with types from your repository and install it on your client

[daviziks]

Hey folks, what about if the elysia backend is on another repo?
I saw the suggestion about a separated type package but it's more difficult when front-end have a typecheck CI that depends on a feature implemented in the other repo that stills in a PR.

[Thanyanit-J]

This may help.
https://github.com/rayriffy/elysia-remote-dts

[zxdev7]

What should I do if I want to use Eden Treaty in a multi-repository setup following best practices, where the frontend and backend are deployed on separate cloud environments?

├── backend/ ← Backend repository
│ ├── src/
│ │ ├── modules/
│ │ │ └── auth/
│ │ │ ├── index.ts
│ │ │ ├── model.ts
│ │ │ └── service.ts
│ │ ├── utils/
│ │ │ ├── oauth.ts
│ │ │ ├── prisma.ts
│ │ │ ├── tenant.ts
│ │ │ └── turnstile.ts
│ │ └── index.ts
│ ├── prisma/
│ │ └── schema.prisma
│ ├── package.json
│ ├── tsconfig.json
│ └── .env
├── frontend/ ← Frontend repository
│ ├── app/
│ │ ├── favicon.ico
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ └── page.tsx
│ ├── lib/
│ │ ├── eden.ts ← (Type Synchronization Setup)
│ │ └── utils.ts
│ ├── public/
│ ├── package.json
│ ├── tsconfig.json
│ └── next.config.ts