feat(server)!: redesign callable ability

[unnoq]

🚨 Breaking Changes Alert 🚨

• procedure is now completely non-callable by default (use the new .callable or .actionable methods for that).
• createProcedureClient and createRouterClient now accept two arguments instead of one as before.

🚀 New Features 🚀

• New .callable method to make a procedure callable like a regular function.
• New .actionable method, similar to .callable(), but type-compatible with server actions (yes, server actions work again).
• New call() helper function to directly call any procedure without creating a client.

'use server'

import { os } from '@orpc/server'
import { z } from 'zod'

export const getting = os
  .input(z.object({
    name: z.string(),
  }))
  .output(z.string())
  .handler(async ({ input }) => {
    return `Hello ${input.name}`
  })
  .actionable()

// from client just call it as a function
const onClick = async () => {
  const result = await getting({ name: 'Unnoq' })
  alert(result)
}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orpc	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 11, 2025 8:39am

[pkg-pr-new]

Open in Stackblitz

More templates

• orpc-contract-openapi-playground
• orpc-expresjs-playground
• orpc-nextjs-playground
• orpc-nuxt-playground
• orpc-openapi-playground

@orpc/client

npm i https://pkg.pr.new/@orpc/client@78

@orpc/contract

npm i https://pkg.pr.new/@orpc/contract@78

@orpc/openapi

npm i https://pkg.pr.new/@orpc/openapi@78

@orpc/react-query

npm i https://pkg.pr.new/@orpc/react-query@78

@orpc/server

npm i https://pkg.pr.new/@orpc/server@78

@orpc/vue-colada

npm i https://pkg.pr.new/@orpc/vue-colada@78

@orpc/shared

npm i https://pkg.pr.new/@orpc/shared@78

@orpc/vue-query

npm i https://pkg.pr.new/@orpc/vue-query@78

@orpc/zod

npm i https://pkg.pr.new/@orpc/zod@78

commit: 59bd6a6