@pbsaas/react

React bindings for Pbsaas admin applications.

This package is intentionally above @pbsaas/js-sdk: the SDK owns HTTP calls, while @pbsaas/react owns React state, hooks, permissions, menus, and frontend extension registration.

Basic Usage

import { PbsaasProvider, Can, useCrudResource } from "@pbsaas/react"

function App() {
  return (
    <PbsaasProvider
      config={{
        baseUrl: "/backend",
        auth: {
          type: "jwt",
          jwtTokenStorageKey: "pbsaas_auth_token",
          jwtTokenStorageMethod: "local",
        },
      }}
      auth={{
        login: async (_client, admin, credentials) => {
          const result = await admin.auth.login(credentials)
          return {
            token: result.token,
            user: result.profile,
          }
        },
        loadUser: (_client, admin) => admin.auth.profile(),
      }}
    >
      <Can permission="system.user.read">...</Can>
    </PbsaasProvider>
  )
}

function Users() {
  const users = useCrudResource({
    path: "/sys-ext/users",
    mapListResponse: (response) => response.users,
  })

  return null
}