Skip to content

Latest commit

 

History

History
66 lines (50 loc) · 1.79 KB

File metadata and controls

66 lines (50 loc) · 1.79 KB

@rubriclab/actions

The Actions package aims to provide a powerful and simple way to define actions (which are essentially API primitives) and execute them safely with JSON serializable payloads.

It is part of Rubric's architecture for Generative UI when used with:

Demo

Get Started

Installation

bun add @rubriclab/actions

@rubriclab scope packages are not built, they are all raw typescript. If using in a next.js app, make sure to transpile.

// next.config.ts
import type { NextConfig } from  'next' 
export default {
	transpilePackages: ['@rubriclab/actions'],
	reactStrictMode: true
} satisfies  NextConfig

If using inside the monorepo (@rubric), simply add {"@rubriclab/actions": "*"} to dependencies and then run bun i

Define Actions

To get started, define a few actions.

import { createAction } from '@rubriclab/actions'
import { z } from 'zod'

const convertStringToNumber = createAction({
	schema: {
		input: z.object({
			str: z.string()
		}),
		output: z.number()
	},
	execute: ({ str }) => Number(str)
})

export const actions = { convertStringToNumber }

Create an Executor

Pass all your actions into an executor to get a function to execute it.

'use server'

import { createActionExecutor } from '@rubriclab/actions'
import { actions } from './actions'

export const { execute } = createActionExecutor({ actions })

Execute an Action

const number = await execute({ action: 'convertStringToNumber' params: { str: '2' } })