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 🙏

© 2025 – Pkg Stats / Ryan Hefner

fhevm-sdk-universal

v0.1.0

Published

Universal, framework-agnostic SDK for building confidential dApps with FHEVM

Downloads

7

Readme

🔐 Universal FHEVM SDK

Framework-agnostic SDK for building confidential dApps with FHEVM (Fully Homomorphic Encryption Virtual Machine)

License TypeScript

✨ Features

  • 🎯 Framework-Agnostic Core - Use with React, Vue, Node.js, or vanilla JavaScript
  • 🪝 Wagmi-like API - Familiar hook patterns for Web3 developers
  • 🔐 Complete FHE Support - Encryption, decryption, and contract interactions
  • 📦 Zero Configuration - Sensible defaults with full customization
  • 🎨 Type-Safe - Full TypeScript support with comprehensive types
  • Optimized - Batch operations, caching, and performance-first design
  • 🧪 Well-Tested - Comprehensive test suite for reliability
  • 📚 Great DX - Excellent documentation and error messages

🚀 Quick Start (< 10 Lines!)

React (with Hooks)

import { FhevmProvider, useFhevmClient, useEncrypt } from '@fhevm-sdk/adapters/react';

// 1. Wrap your app with FhevmProvider
function App() {
  return (
    <FhevmProvider config={{ network: 'sepolia', provider: window.ethereum }}>
      <YourComponent />
    </FhevmProvider>
  );
}

// 2. Use hooks in your components
function YourComponent() {
  const client = useFhevmClient(); // Access FHEVM client
  const { encrypt, isEncrypting } = useEncrypt({
    contractAddress: '0x...',
    userAddress: '0x...',
  });
  
  const handleEncrypt = async () => {
    const result = await encrypt({ type: 'euint32', value: 42 });
    console.log('Encrypted!', result);
  };
  
  return <button onClick={handleEncrypt} disabled={isEncrypting}>Encrypt Value</button>;
}

Vanilla JS/TypeScript

import { createFhevmClient } from '@fhevm-sdk';

// 1. Create client
const client = await createFhevmClient({
  network: 'sepolia',
  provider: window.ethereum,
});

// 2. Encrypt a value
const result = await client.encrypt(
  '0xContractAddress',
  '0xUserAddress',
  { type: 'euint32', value: 42 }
);

// 3. Decrypt with signature
const decrypted = await client.decrypt(requests, signature);

📦 Installation

# Using pnpm
pnpm add @fhevm-sdk

# Using npm
npm install @fhevm-sdk

# Using yarn
yarn add @fhevm-sdk

Peer Dependencies

pnpm add ethers @zama-fhe/relayer-sdk

For React projects:

pnpm add react

📖 Complete Usage Guide

1. Core Usage (Framework-Agnostic)

Initialize Client

import { createFhevmClient, NETWORKS } from '@fhevm-sdk/core';

// Option 1: Use preset network
const client = createFhevmClient({
  network: 'sepolia', // or 'localhost'
  provider: window.ethereum,
  autoInit: true,
});

// Option 2: Custom network configuration
const client = createFhevmClient({
  network: {
    chainId: 11155111,
    name: 'My Custom Network',
    aclContractAddress: '0x...',
    kmsContractAddress: '0x...',
    // ... other config
  },
  provider: 'https://my-rpc.com',
});

// Wait for initialization
await client.init();
console.log('Client ready!', client.isReady);

Encrypt Values

// Single value
const result = await client.encrypt(
  '0xContractAddress',
  '0xUserAddress',
  { type: 'euint32', value: 1000 }
);

// Batch encryption (more efficient)
const batchResult = await client.encryptBatch(
  '0xContractAddress',
  '0xUserAddress',
  [
    { type: 'euint32', value: 100 },
    { type: 'euint64', value: 20000n },
    { type: 'ebool', value: true },
  ]
);

// Struct encryption (named fields)
const structResult = await client.encryptStruct(
  '0xContractAddress',
  '0xUserAddress',
  {
    balance: { type: 'euint64', value: 5000n },
    isActive: { type: 'ebool', value: true },
  }
);

// Use the result
const { handle, proof, handles } = client.utils.formatEncryptionResult(result);

Decrypt Values

// 1. Generate keypair and get signature
const keypair = client.generateKeypair();
const eip712 = client.createEIP712(
  keypair.publicKey,
  ['0xContractAddress'],
  Math.floor(Date.now() / 1000),
  365 // days
);

// 2. Sign with wallet
const signatureString = await signer.signTypedData(
  eip712.domain,
  { UserDecryptRequestVerification: eip712.types.UserDecryptRequestVerification },
  eip712.message
);

const signature = {
  publicKey: keypair.publicKey,
  privateKey: keypair.privateKey,
  signature: signatureString.replace('0x', ''),
  startTimestamp: Math.floor(Date.now() / 1000),
  durationDays: 365,
  userAddress: await signer.getAddress(),
  contractAddresses: ['0xContractAddress'],
};

// 3. Decrypt
const decrypted = await client.decrypt(
  [{ handle: '0x...', contractAddress: '0x...' }],
  signature
);

console.log('Decrypted value:', decrypted['0x...']);

Public Decryption

// No signature required for public values
const value = await client.publicDecrypt(
  '0xHandle',
  '0xContractAddress'
);

2. React Usage

Setup Provider

import { FhevmProvider } from '@fhevm-sdk/adapters/react';

function App() {
  return (
    <FhevmProvider 
      config={{ 
        network: 'sepolia',
        provider: window.ethereum,
      }}
      onStatusChange={(status) => console.log('Status:', status)}
      onError={(error) => console.error('Error:', error)}
      onConnected={() => console.log('Connected!')}
    >
      <YourApp />
    </FhevmProvider>
  );
}

useEncrypt Hook

import { useEncrypt } from '@fhevm-sdk/adapters/react';

function EncryptComponent() {
  const { encrypt, encryptBatch, isEncrypting, error, data } = useEncrypt({
    contractAddress: '0x...',
    userAddress: '0x...',
    onSuccess: (result) => console.log('Encrypted!', result),
    onError: (error) => console.error('Failed:', error),
  });

  const handleEncrypt = async () => {
    await encrypt({ type: 'euint32', value: 42 });
  };

  const handleBatchEncrypt = async () => {
    await encryptBatch([
      { type: 'euint32', value: 100 },
      { type: 'ebool', value: true },
    ]);
  };

  return (
    <div>
      <button onClick={handleEncrypt} disabled={isEncrypting}>
        {isEncrypting ? 'Encrypting...' : 'Encrypt'}
      </button>
      {error && <div>Error: {error.message}</div>}
      {data && <div>Success! Handle: {data.handles[0]}</div>}
    </div>
  );
}

useDecrypt Hook

import { useDecrypt, useDecryptionSignature } from '@fhevm-sdk/adapters/react';
import { useEthersSigner } from './your-wagmi-hooks';

function DecryptComponent() {
  const signer = useEthersSigner();
  
  // 1. Get/create signature
  const { signature, sign, isSigning, isValid } = useDecryptionSignature({
    contractAddresses: ['0x...'],
    signer,
    onSuccess: (sig) => console.log('Signed!', sig),
  });

  // 2. Decrypt with signature
  const { decrypt, isDecrypting, data, error } = useDecrypt({
    requests: [{ handle: '0x...', contractAddress: '0x...' }],
    signature: signature!,
    enabled: Boolean(signature && isValid),
    onSuccess: (result) => console.log('Decrypted:', result),
  });

  return (
    <div>
      {!signature && (
        <button onClick={sign} disabled={isSigning}>
          {isSigning ? 'Signing...' : 'Sign for Decryption'}
        </button>
      )}
      
      {signature && (
        <>
          <button onClick={decrypt} disabled={isDecrypting}>
            {isDecrypting ? 'Decrypting...' : 'Decrypt'}
          </button>
          {data && <div>Value: {String(data['0x...'])}</div>}
        </>
      )}
      
      {error && <div>Error: {error.message}</div>}
    </div>
  );
}

🎯 Supported FHE Types

| Type | Description | Range | |------|-------------|-------| | ebool | Encrypted boolean | true/false | | euint8 | Encrypted 8-bit unsigned integer | 0 to 255 | | euint16 | Encrypted 16-bit unsigned integer | 0 to 65,535 | | euint32 | Encrypted 32-bit unsigned integer | 0 to 4,294,967,295 | | euint64 | Encrypted 64-bit unsigned integer | 0 to 2^64-1 | | euint128 | Encrypted 128-bit unsigned integer | 0 to 2^128-1 | | euint256 | Encrypted 256-bit unsigned integer | 0 to 2^256-1 | | eaddress | Encrypted Ethereum address | 20 bytes | | ebytes64 | Encrypted bytes (64 bytes) | Fixed size | | ebytes128 | Encrypted bytes (128 bytes) | Fixed size | | ebytes256 | Encrypted bytes (256 bytes) | Fixed size |


🛠️ Contract Helpers

import { buildContractParams, findEncryptedInputs, isCiphertextHandle } from '@fhevm-sdk/core';

// Find encrypted inputs in ABI
const encryptedInputs = findEncryptedInputs(contractABI, 'myFunction');
console.log('Encrypted inputs:', encryptedInputs);

// Build contract call parameters
const params = buildContractParams(encryptionResult, contractABI, 'myFunction');

// Check if value is a ciphertext handle
if (isCiphertextHandle(value)) {
  console.log('This is an encrypted value');
}

🔧 Storage Options

The SDK supports multiple storage backends for caching:

import { createStorage, createBestAvailableStorage } from '@fhevm-sdk/core';

// Memory storage (default, volatile)
const memoryStorage = createStorage('memory');

// LocalStorage (browser, persistent)
const localStorage = createStorage('localStorage');

// IndexedDB (browser, large capacity)
const indexedDBStorage = createStorage('indexedDB');

// Auto-select best available
const storage = createBestAvailableStorage();

// Use with client
client.setStorage(storage);

🚨 Error Handling

The SDK provides comprehensive error handling with helpful messages:

import { isFhevmError, formatErrorMessage, FhevmErrorCode } from '@fhevm-sdk/core';

try {
  await client.encrypt(...);
} catch (error) {
  if (isFhevmError(error)) {
    console.log('Error code:', error.code);
    console.log('Message:', formatErrorMessage(error));
    console.log('Suggestion:', error.suggestion);
    
    if (error.code === FhevmErrorCode.WALLET_SIGNATURE_REJECTED) {
      // Handle user rejection
    }
  }
}

Common error codes:

  • INIT_FAILED - Client initialization failed
  • ENCRYPTION_FAILED - Encryption operation failed
  • DECRYPTION_FAILED - Decryption operation failed
  • SIGNATURE_REQUIRED - EIP-712 signature needed
  • WALLET_NOT_CONNECTED - Wallet connection required
  • ACL_PERMISSION_DENIED - Access control denied

📊 Examples

Check out complete examples in the /examples directory:

  • Next.js - Full-stack Next.js 14+ app with App Router
  • React + Vite - Lightweight React SPA
  • Vue 3 - Vue composition API example
  • Node.js - Server-side encryption/decryption
  • Vanilla JS - Plain JavaScript without frameworks

🤝 Contributing

Contributions are welcome! Please read our Contributing Guide.


📄 License

This project is licensed under the BSD-3-Clause-Clear License. See LICENSE for details.


🔗 Links


🙏 Acknowledgments

Built for the Zama Bounty Program - October 2025.

Special thanks to the Zama team for building the future of confidential computing.


Made with ❤️ for the FHE community