@customyai/customy-access
v0.29.0
Published
Deprecated: use @customyai/client, @customyai/web, @customyai/server and @customyai/access. Adapter of the Customy Access SDK kept for one major cycle (the admin client CustomyAccess stays here, frozen).
Maintainers
Readme
@customyai/customy-access
Deprecated. Use the new platform packages:
@customyai/client(browser session,./react,./native),@customyai/web(same-origin handlers for Next.js or any framework, cookies, edge verification),@customyai/server(token verification) and@customyai/access(flags, catalog). Every subpath of this package is now an adapter of those packages with the same 0.x API, kept for one major cycle; it warns once per process. The admin clientCustomyAccessand./generatedhave no equivalent yet and stay here, frozen../cookiescan no longer be bundled for the browser.
Official SDK for Customy Access — Identity & Access Management.
One package, three entry points:
npm install @customyai/customy-accessQuick Start
import {
CustomyProvider,
resolveCustomyAccessClientConfig,
useAuth,
useUser,
} from "@customyai/customy-access/react";
function App() {
const access = resolveCustomyAccessClientConfig(process.env);
return (
<CustomyProvider
baseUrl={access.baseUrl}
enableFetchInterceptor
environmentId={access.environmentId}
organizationSlug={access.organizationSlug}
publishableKey={access.publishableKey}
>
<YourApp />
</CustomyProvider>
);
}
function LoginButton() {
const { signInWithSocial, signInWithEmail } = useAuth();
return <button onClick={() => signInWithSocial("google", { callbackURL: "/dashboard" })}>Sign in with Google</button>;
}
function NavBar() {
const { isSignedIn, signOut } = useAuth();
const { user } = useUser();
if (!isSignedIn) return <LoginButton />;
return <button onClick={signOut}>Sign out {user?.name}</button>;
}Multi-Environment Setup
Browser apps should not hand-roll Customy Access URLs, OAuth redirects, cookie forwarding, or auth proxy logic. Use the SDK resolver and the SDK Next.js route handlers so local, staging, and production share the same contract.
// app/providers.tsx
"use client";
import { CustomyProvider, resolveCustomyAccessClientConfig } from "@customyai/customy-access/react";
const access = resolveCustomyAccessClientConfig(process.env);
export function Providers({ children }: { children: React.ReactNode }) {
return (
<CustomyProvider
baseUrl={access.baseUrl}
enableFetchInterceptor
environmentId={access.environmentId}
organizationSlug={access.organizationSlug}
publishableKey={access.publishableKey}
>
{children}
</CustomyProvider>
);
}// app/api/auth/[...path]/route.ts
import { customyAuthProxyHandlers } from "@customyai/customy-access/nextjs";
export const runtime = "nodejs";
const handlers = customyAuthProxyHandlers();
export const GET = handlers.GET;
export const POST = handlers.POST;
export const PUT = handlers.PUT;
export const PATCH = handlers.PATCH;
export const DELETE = handlers.DELETE;// app/api/auth/social-redirect/[provider]/route.ts
import { customySocialRedirectHandlers } from "@customyai/customy-access/nextjs";
export const runtime = "nodejs";
const handlers = customySocialRedirectHandlers();
export const GET = handlers.GET;// app/api/auth/sign-out/route.ts
import { customySignOutHandlers } from "@customyai/customy-access/nextjs";
export const runtime = "nodejs";
const handlers = customySignOutHandlers();
export const POST = handlers.POST;# local / staging / prod differ only by env values
NEXT_PUBLIC_ACCESS_API_URL=https://access-api.customy.ai
NEXT_PUBLIC_CUSTOMY_PUBLISHABLE_KEY=pk_live_...
NEXT_PUBLIC_ACCESS_ENV_ID=env_...
NEXT_PUBLIC_ACCESS_ORG_SLUG=my-orgNode.js / TypeScript SDK
import { CustomyAccess } from "@customyai/customy-access";
const customy = new CustomyAccess({
baseUrl: "https://access.customy.ai",
apiKey: process.env.CUSTOMY_ACCESS_API_KEY,
environmentId: "env_123",
});
// typed resource clients
const { users } = await customy.users.list("env_123");
const connections = await customy.connections.list("env_123");
const testResult = await customy.connections.test("env_123", "conn_abc");
const roles = await customy.roles.list("env_123");
const history = await customy.impersonation.getHistory("org_123");
const matrix = await customy.capabilities.getMatrix("env_123", { userId: "user_456" });
const canUseBrowser = await customy.capabilities.canUseCapability("env_123", "api.browser_tasks", {
userId: "user_456",
accessMode: "write",
});
const bootstrap = await customy.capabilities.bootstrap("env_123", {
userId: "user_456",
capabilities: ["crm.contacts.write", "agent.execute"],
});
if (!bootstrap.canUseCapability("agent.execute")) {
console.log(bootstrap.getCapability("agent.execute")?.reason);
}Available clients: hierarchy · connections · users · sessions · roles · policies · audit · bruteForce · impersonation · webhooks · mfa · branding · delegations · relationships · gdpr · accountLinking · tokenExchange · pushMfa · rateLimits · emailConfig · scim · m2m · logStreams · devices · organizations · health · capabilities
Server-side product integrations request a signed machine JWT for a product with
m2m.getMachineToken({ clientId, clientSecret, audience: "customy-content", scopes }).
Products verify it against Access's JWKS. (m2m.getToken is deprecated: it
returns an opaque token that Billing, Send and Data reject.)
Access still enforces the service key's allowed audiences and scopes. Keep the
credentials and token on the server; omitting audience preserves Access's
existing default and does not grant access to another product.
Server credentials are blocked in browser runtime by default. Use publishableKey and same-origin cookies in browser apps, or proxy privileged requests through a server route.
Contract-Generated Client — @customyai/customy-access/generated
For full backend coverage, import the generated client. It is produced from the live Customy Access OpenAPI contract after the SDK contract gate passes.
import {
CustomyAccessGeneratedClient,
customyAccessOperations,
} from "@customyai/customy-access/generated";
const access = new CustomyAccessGeneratedClient({
baseUrl: "https://access.customy.ai",
apiKey: process.env.CUSTOMY_ACCESS_API_KEY,
environmentId: "293755894137516032",
});
const readiness = await access.getDocsReadiness();
const users = await access.request("getEnvEnvIdUsers", {
path: { envId: "293755894137516032" },
query: { limit: 50 },
});
console.log(customyAccessOperations.length); // Full OpenAPI operation count.Generation commands:
pnpm sdk:access:contract
pnpm sdk:access:generate
pnpm sdk:access:core:smoke
pnpm sdk:access:generated:smoke
pnpm sdk:access:wordpress:static
pnpm --filter @customyai/customy-access typecheck
pnpm --filter @customyai/customy-access buildThe generated entry point is intentionally isolated from the React entry point so browser bundles do not pull the complete administrative API surface by accident.
Production-Grade Transport Controls
Both the core SDK and generated client include the integration controls expected from a serious server-side SDK:
- Typed API errors include status, body, code, and
x-request-id. - Automatic retries are limited to GET, HEAD and OPTIONS, within the configured retry budget. POST, PUT, PATCH and DELETE are not replayed after network errors, truncated responses, timeouts or HTTP failures: the server may already have applied the operation.
- Application hook and JSON serialization errors are propagated without retrying. An idempotency header does not by itself prove server-side deduplication.
- The generated client accepts a request
signal; cancellation stops in-flight work and retry backoff, preserves the caller's reason, and releases abort listeners. Per-attempt deadlines are cleared before backoff. Retry-Afteris respected.Idempotency-Keyis attached automatically for mutating requests unless disabled withautoIdempotencyKey: false.- Browser runtime blocks
apiKey,adminSecret,bearerToken, andsessionTokenby default. hooks.beforeRequest,hooks.afterResponse, andhooks.onRetrysupport observability without monkey-patching fetch.core.paginate(...)andgenerated.paginate(...)provide async iterators for paginated resources.
const access = new CustomyAccess({
baseUrl: "https://access.customy.ai",
apiKey: process.env.CUSTOMY_ACCESS_API_KEY,
hooks: {
afterResponse: ({ status, requestId }) => {
console.log({ status, requestId });
},
},
});
for await (const user of access.core.paginate<User>("/api/admin/env/env_123/users", {
itemsKey: "users",
limit: 100,
})) {
console.log(user.email);
}Capability Control Plane
const matrix = await customy.capabilities.getMatrix("env_123", { userId: "user_456" });
const decision = await customy.capabilities.check("env_123", "crm.contacts.write", { userId: "user_456" });
const modules = await customy.capabilities.listVisibleModules("env_123", { userId: "user_456" });
const usage = await customy.capabilities.getUsageStatus("env_123", {
userId: "user_456",
capability: "agent.execute",
});
const entitlements = await customy.capabilities.getEntitlements("env_123", {
userId: "user_456",
});
const subscription = await customy.capabilities.getSubscriptionStatus("env_123");
const commercialUsage = await customy.capabilities.getCommercialUsage("env_123", {
userId: "user_456",
});
console.log(entitlements.addOnCodes);
console.log(entitlements.entitlements.find((item) => item.capability === "access.sso")?.commerciallyIncludedVia);
if (decision.state === "requires_upgrade") {
// show upgrade CTA
}Helpers included:
isCapabilityStateAllowedisCapabilityDecisionAllowedgetCapabilityFromMatrixgetModuleFromMatrix
High-level bootstrap included:
capabilities.bootstrap(envId, { userId, capabilities, includeUsage })capabilities.getEntitlements(envId, { userId })capabilities.getSubscriptionStatus(envId)capabilities.getCommercialUsage(envId, { userId, capability })
That snapshot preloads matrix, modules, usage, and keyed capability decisions in a single SDK call path so apps do not need to orchestrate multiple requests manually.
The billing-aware surface complements it with commercial truth for the active tenant: subscription posture, plan + add-on inclusion, commercially included capabilities, and usage pressure ready for admin shells or product gating.
React SDK — @customyai/customy-access/react
Auth Methods
const { signInWithSocial, signInWithEmail, signUp, signOut, setActiveOrganization } = useAuth();
// Social login (Google, GitHub, Apple, Microsoft, etc.)
signInWithSocial("google", { callbackURL: "/dashboard" });
// Email/password
const result = await signInWithEmail("[email protected]", "password", "/dashboard");
if (result.error) console.error(result.error);
// Sign up
const signup = await signUp("John", "[email protected]", "password");
// Multi-tenant org switching
await setActiveOrganization("org_abc");Hooks
| Hook | Returns |
|------|---------|
| useAuth() | isSignedIn, signOut, signInWithSocial, signInWithEmail, signUp, setActiveOrganization |
| useUser() | user, isSignedIn, refetch |
| useSession() | data (user + session), isPending |
| useOrganization() | organization, membership |
| useSDK() | Full CustomyAccess admin SDK instance |
| useImpersonation() | isImpersonated, actor, stopImpersonation |
| useCapabilityMatrix() | Resolved capability matrix for the active env |
| useCapabilityDecision() | Single capability decision |
| useVisibleModules() | Visible modules from Access |
| useUsageStatus() | Usage/limits status from Access |
| useCapabilityBootstrap() | Preloaded matrix + modules + usage + decisions |
| useCapabilityLookup() | Lookup helpers on top of the bootstrap snapshot |
| useActiveCapabilitySummary() | Friendly summary for dashboards/admin shells |
| useCanUseCapability() | Boolean helper for feature gating |
| useCanAccessModule() | Boolean helper for module gating |
Zero-Boilerplate Capability Gating
import {
CapabilityGate,
ModuleGate,
useCapabilityBootstrap,
} from "@customyai/customy-access/react";
function SettingsPage() {
const access = useCapabilityBootstrap({
capabilities: ["crm.contacts.write", "agent.execute"],
});
if (access.isLoading) return <div>Loading access state...</div>;
return (
<ModuleGate moduleKey="crm" fallback={<div>CRM locked</div>}>
<CapabilityGate
capability="crm.contacts.write"
fallback={<div>You can view contacts, but not edit them.</div>}
>
<button>Create contact</button>
</CapabilityGate>
</ModuleGate>
);
}The React hooks automatically reuse tenant headers from CustomyProvider (x-env-id, x-environment-id, x-active-environment-id) when environmentId is omitted, so most screens do not need to pass env context manually.
Components
CustomyProvider · SignInButton · SignOutButton · UserButton · ProtectedRoute · OrganizationSwitcher · ImpersonationBanner
Native apps — @customyai/customy-access/native
Sign-in for iOS/Android apps (React Native, Expo) following OAuth 2.1 for native apps (RFC 8252): authorization code with PKCE S256, social providers in the system browser (private session), rotating refresh tokens in the device's secure storage and revocation on sign-out. The app only knows its publishable key and the Access URL — organization, environment, providers and its native client are discovered from the key.
Register the app once per environment: a public OAuth client (tokenEndpointAuthMethod:
"none", grant authorization_code) with the app's redirect (myapp://auth; add exp://*
to allow Expo Go in development). It then appears in GET /api/public/auth-config.
import * as SecureStore from "expo-secure-store";
import * as WebBrowser from "expo-web-browser";
import * as Crypto from "expo-crypto";
import * as Linking from "expo-linking";
import { createCustomyNativeAuth } from "@customyai/customy-access/native";
import { CustomyNativeAuthProvider, useCustomyNativeAuth } from "@customyai/customy-access/native/react";
export const auth = createCustomyNativeAuth({
publishableKey: process.env.EXPO_PUBLIC_CUSTOMY_PUBLISHABLE_KEY!,
accessUrl: process.env.EXPO_PUBLIC_CUSTOMY_ACCESS_URL!,
authOrigin: process.env.EXPO_PUBLIC_APP_WEB_URL, // the web that proxies /api/auth (reuses provider callbacks)
redirectUri: Linking.createURL("auth"),
storage: {
get: (k) => SecureStore.getItemAsync(k),
set: (k, v) => SecureStore.setItemAsync(k, v),
delete: (k) => SecureStore.deleteItemAsync(k),
},
browser: {
openAuthSession: (url, redirect) => WebBrowser.openAuthSessionAsync(url, redirect, { preferEphemeralSession: true }),
},
crypto: {
randomBytes: (n) => Crypto.getRandomBytes(n),
sha256: async (d) => new Uint8Array(await Crypto.digest(Crypto.CryptoDigestAlgorithm.SHA256, d)),
},
});
// <CustomyNativeAuthProvider auth={auth}>…</CustomyNativeAuthProvider>
const { status, user, providers, signInWithPassword, signInWithProvider, getAccessToken, signOut } = useCustomyNativeAuth();getAccessToken() returns a token for your API (audience = the native client), renewed
silently; your API verifies it with the issuer's JWKS. On the server side, Access hosts
/api/auth/native/start + /api/auth/native/return (social), POST /api/auth/native/authorize
(after in-app sign-in), the refresh_token grant at /oauth/token (rotation, reuse revokes
the session) and /oauth/revoke.
Edge SDK — @customyai/customy-access/edge
import { createEdgeClient } from "@customyai/customy-access/edge";
const customy = createEdgeClient({ publishableKey: "pk_live_..." });
// Works in Vercel Edge, Cloudflare Workers, Deno Deploy
const { isValid, user } = await customy.verifySession(token);License
MIT © Customy
