PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.0.99

npm

@0xfutbol/id

React component library with shared providers for 0xFutbol ID

identityprovidersreactweb3
Published16 Apr 2025
Direct dependencies23
Transitive dependenciesNot calculated

README

Current package documentation

@0xfutbol/id

A React component library with shared providers for 0xFutbol ID.

Installation

npm install @0xfutbol/id
# or
yarn add @0xfutbol/id
# or
pnpm add @0xfutbol/id

Usage

Basic Usage

import { OxFutbolIdProvider } from '@0xfutbol/id';
import '@0xfutbol/id/css'; // Import CSS if needed

function App() {
  return (
    <OxFutbolIdProvider>
      <YourApp />
    </OxFutbolIdProvider>
  );
}

Advanced Usage

import { OxFutbolIdProvider } from '@0xfutbol/id';
import { QueryClient } from '@tanstack/react-query';
import '@0xfutbol/id/css';

// Create a custom QueryClient
const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 5 * 60 * 1000, // 5 minutes
    },
  },
});

// Custom loading component
const LoadingSpinner = () => <div>Loading...</div>;

function App() {
  return (
    <OxFutbolIdProvider
      queryClient={queryClient}
      loadingComponent={<LoadingSpinner />}
      matchAppId="your-custom-app-id"
      matchWalletType="UserPasscode"
      thirdwebConfig={{
        // ThirdwebProvider configuration
        clientId: "your-client-id",
      }}
    >
      <YourApp />
    </OxFutbolIdProvider>
  );
}

API Reference

OxFutbolIdProvider

The main provider component that wraps your application.

Props

PropTypeDefaultDescription
childrenReact.ReactNode(required)The content to be wrapped by the provider
queryClientQueryClientnew QueryClient()Custom QueryClient instance
loadingComponentReact.ReactNodeCustom loading component
matchAppIdstring"pnh3wxqoqilsa1zy"MatchProvider appId
matchWalletType"Base" | "UserPasscode""Base"MatchProvider wallet type
thirdwebConfigThirdwebProviderProps{}ThirdwebProvider configuration

Peer Dependencies

This library has the following peer dependencies:

  • React (^16.8.0 || ^17.0.0 || ^18.0.0)
  • React DOM (^16.8.0 || ^17.0.0 || ^18.0.0)
  • @tanstack/react-query (^4.0.0 || ^5.0.0)
  • @rainbow-me/rainbowkit (^2.0.0) (optional)

License

ISC

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 24

Native requirements
23 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^2.14.16runtime
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.7.0runtime
thirdweb
Environment
{
  "local_name": "thirdweb",
  "alias": false,
  "peer_metadata": null
}
^5.93.15runtime
react-use
Environment
{
  "local_name": "react-use",
  "alias": false,
  "peer_metadata": null
}
^17.6.0runtime
@0xfutbol/id-sign
Environment
{
  "local_name": "@0xfutbol/id-sign",
  "alias": false,
  "peer_metadata": null
}
^1.0.2runtime
@0xfutbol/constants
Environment
{
  "local_name": "@0xfutbol/constants",
  "alias": false,
  "peer_metadata": null
}
^1.0.30runtime
@matchain/matchid-sdk-react
Environment
{
  "local_name": "@matchain/matchid-sdk-react",
  "alias": false,
  "peer_metadata": null
}
^0.1.56runtime
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.8.1development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^4.39.0development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^5.8.3development
pino-pretty
Environment
{
  "local_name": "pino-pretty",
  "alias": false,
  "peer_metadata": null
}
^11.2.2development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^19.1.2development
rollup-plugin-dts
Environment
{
  "local_name": "rollup-plugin-dts",
  "alias": false,
  "peer_metadata": null
}
^6.2.1development
@rollup/plugin-json
Environment
{
  "local_name": "@rollup/plugin-json",
  "alias": false,
  "peer_metadata": null
}
^6.1.0development
rollup-plugin-postcss
Environment
{
  "local_name": "rollup-plugin-postcss",
  "alias": false,
  "peer_metadata": null
}
^4.0.2development
@rollup/plugin-commonjs
Environment
{
  "local_name": "@rollup/plugin-commonjs",
  "alias": false,
  "peer_metadata": null
}
^28.0.3development
@rollup/plugin-typescript
Environment
{
  "local_name": "@rollup/plugin-typescript",
  "alias": false,
  "peer_metadata": null
}
^12.1.2development
@rollup/plugin-node-resolve
Environment
{
  "local_name": "@rollup/plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^16.0.1development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16.8.0 || ^17.0.0 || ^18.0.0peer
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.7.0peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16.8.0 || ^17.0.0 || ^18.0.0peer
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
^4.0.0 || ^5.0.0peer
@rainbow-me/rainbowkit
Environment
{
  "local_name": "@rainbow-me/rainbowkit",
  "alias": false,
  "peer_metadata": {
    "optional": true
  }
}
^2.0.0peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "07d26f43dad16b01d3c7f2aaacc5464ee3327bd9",
  "tarball": "https://registry.npmjs.org/@0xfutbol/id/-/id-2.0.99.tgz",
  "fileCount": 11568,
  "integrity": "sha512-73uwBfbp185N+tdKYE4N5j36tZy1QLekosGAuntkQxvxDN4Pw+LfbO4dJDfrGTya/pdU9Cm8e5drt3NVb4ezCA==",
  "signatures": [
    {
      "sig": "MEYCIQCUuJIGWRQVUQRpSi6B1PM/YYp6paDnSDeCxSj3Z8kubwIhAIkhypEB+C9qqcravSmj/C5E4HbhOPPnXVONFzYl3ROR",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 772823510
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 21 Oct, 08:54 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:d766dfa7cd6e89cad06ce3e6e0ced2012e047393f8dc83b2ec1f2bfaed133c1f

Other collected versions

2.0.20023 Dec2.0.19916 Dec2.0.19415 Dec2.0.19315 Dec2.0.19215 Dec2.0.19115 DecView all collected versions →