PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.0.6

npm

@0xfutbol/id

React component library with shared providers for 0xFutbol ID

identityprovidersreactweb3
Published10 Apr 2025
Direct dependencies27
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 27

Native requirements
27 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.1.0runtime
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^2.14.16runtime
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^6.13.5runtime
thirdweb
Environment
{
  "local_name": "thirdweb",
  "alias": false,
  "peer_metadata": null
}
^5.93.15runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.1.0runtime
react-use
Environment
{
  "local_name": "react-use",
  "alias": false,
  "peer_metadata": null
}
^17.6.0runtime
jsonwebtoken
Environment
{
  "local_name": "jsonwebtoken",
  "alias": false,
  "peer_metadata": null
}
^9.0.2runtime
@heroui/react
Environment
{
  "local_name": "@heroui/react",
  "alias": false,
  "peer_metadata": null
}
^2.7.6runtime
@heroicons/react
Environment
{
  "local_name": "@heroicons/react",
  "alias": false,
  "peer_metadata": null
}
^2.2.0runtime
@0xfutbol/constants
Environment
{
  "local_name": "@0xfutbol/constants",
  "alias": false,
  "peer_metadata": null
}
^1.0.30runtime
@types/jsonwebtoken
Environment
{
  "local_name": "@types/jsonwebtoken",
  "alias": false,
  "peer_metadata": null
}
^9.0.9runtime
@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
postcss
Environment
{
  "local_name": "postcss",
  "alias": false,
  "peer_metadata": null
}
^8.5.3development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^5.8.3development
tailwindcss
Environment
{
  "local_name": "tailwindcss",
  "alias": false,
  "peer_metadata": null
}
^4.1.3development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
autoprefixer
Environment
{
  "local_name": "autoprefixer",
  "alias": false,
  "peer_metadata": null
}
^10.4.21development
@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
@tailwindcss/postcss
Environment
{
  "local_name": "@tailwindcss/postcss",
  "alias": false,
  "peer_metadata": null
}
^4.1.3development
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

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "57375043379ed37da8afe08bc6bb420235a5cdf5",
  "tarball": "https://registry.npmjs.org/@0xfutbol/id/-/id-2.0.6.tgz",
  "fileCount": 4653,
  "integrity": "sha512-obTmIbEGVJi4oVZDTtFRCGR518rqtl043hnJr9IoWQAB9WBLF6R+87kvkNzUG82lQfe2DxvITAgeVhTV5pmaLQ==",
  "signatures": [
    {
      "sig": "MEUCIQDl7Hp4A+o/cR1SzFMCq7/siipC89+5Lvuf8J0hKn+qhwIgC6zXgiW7CAbrRTvoTFAMOHd34MNoU86expPcgfXjoo0=",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 199585018
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 21 Oct, 00:38 UTC

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

Record identity

package_version:d005c87c95dcbec0fe60ea22e3ede2cd9c0c2b2337d83741cc9f5505a1c5b642

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 →