npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@serafort/react-native

v0.1.0

Published

React Native & Expo authentication provider, hooks, secure storage, and wildcard RBAC for Serafort IAM.

Readme

@serafort/react-native

Enterprise IAM, secure token storage (expo-secure-store / Keychain), React hooks, and wildcard RBAC for React Native and Expo applications.

Features

  • 🔒 Encrypted Hardware Storage: Native Keychain and Android KeyStore integration via expo-secure-store with memory fallback for unit tests.
  • ⚡ React Hooks: useAuth(), useUser(), useTenant(), usePermissions(), useRoles(), and useSerafort().
  • 🛡️ Wildcard RBAC: Granular permission checking (hasPermission('org:*')).
  • 🏢 Multi-Tenant Isolation: Built-in verification for tenant boundaries.
  • 📱 Expo & Bare React Native: Seamlessly works across Expo managed workflows and bare React Native apps.

Installation

npm install @serafort/react-native @serafort/core expo-secure-store

Quick Start

1. Wrap with SerafortProvider

// App.tsx
import React from 'react';
import { SerafortProvider } from '@serafort/react-native';
import MainScreen from './src/MainScreen';

export default function App() {
  return (
    <SerafortProvider
      config={{
        endpoint: 'https://api.serafort.com',
        clientId: 'mobile_client_id',
      }}
    >
      <MainScreen />
    </SerafortProvider>
  );
}

2. Consume in Components

// src/MainScreen.tsx
import React from 'react';
import { View, Text, Button } from 'react-native';
import { useAuth, useUser, usePermissions } from '@serafort/react-native';

export default function MainScreen() {
  const { isAuthenticated, logout } = useAuth();
  const user = useUser();
  const { hasPermission } = usePermissions();

  if (!isAuthenticated) {
    return <Text>Please log in</Text>;
  }

  return (
    <View style={{ flex: 1, padding: 20 }}>
      <Text>User ID: {user?.userId}</Text>
      <Text>Tenant ID: {user?.tenantId}</Text>

      {hasPermission('org:members:invite') && (
        <Button title="Invite Team Member" onPress={() => {}} />
      )}

      <Button title="Log Out" onPress={logout} />
    </View>
  );
}

Development

pnpm install
pnpm run type-check   # tsc --noEmit
pnpm run test          # vitest run
pnpm run build          # tsup

Contributing

Before committing, changes are checked with pnpm run type-check. This is wired up two ways — pick whichever fits your setup:

  • Husky (npm-idiomatic, default for contributors who run pnpm install): the prepare script installs a Husky hook automatically, so once you've run pnpm install in a git checkout, git commit runs the check for you.
  • .githooks/ (portable, no Husky/Node install step required): run git config core.hooksPath .githooks once to point git directly at the checked-in .githooks/pre-commit script, which runs the same check.

Both hooks run the same command, so pick one — you don't need both active at once.

CI (.github/workflows/ci.yml) runs type-check, test, and build on every push to main and on every pull request.

License

MIT — see LICENSE.