PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.114.5

npm

@0xflair/react-wallet

Ready-made drop-in web3 wallet React components and hooks.

Published5 Sept 2022
Direct dependencies27
Transitive dependenciesNot calculated

README

Current package documentation

Flair SDK: react-wallet

Ready-made drop-in web3 wallet React components and hooks.

Getting Started

Installation

  1. Install the package:

    npm install @0xflair/react-wallet

  2. Install peer dependencies:

    npm install ethers wagmi-core tailwindcss @headlessui/react @heroicons/react @tailwindcss/aspect-ratio

  3. Configure tailwind.config.js to scan SDK for classes:

    module.exports = {
  purge: [
    "./public/**/*.html",
    "./src/**/*.{js,jsx,ts,tsx,vue}",

    // This line tells Tailwind to look into SDK files
    "./node_modules/@0xflair/**/*.{js,jsx,ts,tsx,vue}",
  ],
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  plugins: [
    // These plugsins are used in this package
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
  ],
};

  4. Configure the React provider: TODO

Usage

import { NetworkSelector } from "@0xflair/react-wallet";

function App() {
  return (
    <>
        Your network: <NetworkSelector />
    </>
  );

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 46

Native requirements
27 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@0xflair/common
Environment
{
  "local_name": "@0xflair/common",
  "alias": false,
  "peer_metadata": null
}
^0.114.5runtime
@0xflair/react-coingecko
Environment
{
  "local_name": "@0xflair/react-coingecko",
  "alias": false,
  "peer_metadata": null
}
^0.114.5runtime
@0xflair/react-common
Environment
{
  "local_name": "@0xflair/react-common",
  "alias": false,
  "peer_metadata": null
}
^0.114.5runtime
@0xflair/react-icons
Environment
{
  "local_name": "@0xflair/react-icons",
  "alias": false,
  "peer_metadata": null
}
^0.114.5runtime
@0xflair/react-ui
Environment
{
  "local_name": "@0xflair/react-ui",
  "alias": false,
  "peer_metadata": null
}
^0.114.5runtime
@everipedia/wagmi-magic-connector
Environment
{
  "local_name": "@everipedia/wagmi-magic-connector",
  "alias": false,
  "peer_metadata": null
}
^0.3.9runtime
@gnosis.pm/safe-apps-provider
Environment
{
  "local_name": "@gnosis.pm/safe-apps-provider",
  "alias": false,
  "peer_metadata": null
}
^0.13.1runtime
@gnosis.pm/safe-apps-sdk
Environment
{
  "local_name": "@gnosis.pm/safe-apps-sdk",
  "alias": false,
  "peer_metadata": null
}
^7.8.0runtime
@headlessui/react
Environment
{
  "local_name": "@headlessui/react",
  "alias": false,
  "peer_metadata": null
}
^1.6.0runtime
@heroicons/react
Environment
{
  "local_name": "@heroicons/react",
  "alias": false,
  "peer_metadata": null
}
^1.0.6runtime
@metamask/onboarding
Environment
{
  "local_name": "@metamask/onboarding",
  "alias": false,
  "peer_metadata": null
}
^1.0.1runtime
@wagmi/core
Environment
{
  "local_name": "@wagmi/core",
  "alias": false,
  "peer_metadata": null
}
^0.2.5runtime
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
^0.26.1runtime
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5runtime
jwt-decode
Environment
{
  "local_name": "jwt-decode",
  "alias": false,
  "peer_metadata": null
}
^3.1.2runtime
react-blockies
Environment
{
  "local_name": "react-blockies",
  "alias": false,
  "peer_metadata": null
}
^1.4.1runtime
react-modal
Environment
{
  "local_name": "react-modal",
  "alias": false,
  "peer_metadata": null
}
^3.15.1runtime
react-use
Environment
{
  "local_name": "react-use",
  "alias": false,
  "peer_metadata": null
}
^17.3.2runtime
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^0.3.5runtime
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.0.10development
@types/react-blockies
Environment
{
  "local_name": "@types/react-blockies",
  "alias": false,
  "peer_metadata": null
}
^1.4.1development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.0.5development
@types/react-modal
Environment
{
  "local_name": "@types/react-modal",
  "alias": false,
  "peer_metadata": null
}
^3.13.1development
@0xflair/common
Environment
{
  "local_name": "@0xflair/common",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@0xflair/react-coingecko
Environment
{
  "local_name": "@0xflair/react-coingecko",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@0xflair/react-common
Environment
{
  "local_name": "@0xflair/react-common",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@0xflair/react-icons
Environment
{
  "local_name": "@0xflair/react-icons",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@0xflair/react-ui
Environment
{
  "local_name": "@0xflair/react-ui",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@ethersproject/providers
Environment
{
  "local_name": "@ethersproject/providers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5peer
@everipedia/wagmi-magic-connector
Environment
{
  "local_name": "@everipedia/wagmi-magic-connector",
  "alias": false,
  "peer_metadata": null
}
^0.3.9peer
@gnosis.pm/safe-apps-provider
Environment
{
  "local_name": "@gnosis.pm/safe-apps-provider",
  "alias": false,
  "peer_metadata": null
}
^0.13.1peer
@gnosis.pm/safe-apps-sdk
Environment
{
  "local_name": "@gnosis.pm/safe-apps-sdk",
  "alias": false,
  "peer_metadata": null
}
^7.8.0peer
@headlessui/react
Environment
{
  "local_name": "@headlessui/react",
  "alias": false,
  "peer_metadata": null
}
^1.6.0peer
@heroicons/react
Environment
{
  "local_name": "@heroicons/react",
  "alias": false,
  "peer_metadata": null
}
^1.0.6peer
@metamask/onboarding
Environment
{
  "local_name": "@metamask/onboarding",
  "alias": false,
  "peer_metadata": null
}
^1.0.1peer
@wagmi/core
Environment
{
  "local_name": "@wagmi/core",
  "alias": false,
  "peer_metadata": null
}
^0.2.5peer
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
^0.26.1peer
bn.js
Environment
{
  "local_name": "bn.js",
  "alias": false,
  "peer_metadata": null
}
^5.2.0peer
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5peer
jwt-decode
Environment
{
  "local_name": "jwt-decode",
  "alias": false,
  "peer_metadata": null
}
^3.1.2peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16 || ^17 || ^18peer
react-blockies
Environment
{
  "local_name": "react-blockies",
  "alias": false,
  "peer_metadata": null
}
^1.4.1peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16 || ^17 || ^18peer
react-modal
Environment
{
  "local_name": "react-modal",
  "alias": false,
  "peer_metadata": null
}
^3.15.1peer
react-use
Environment
{
  "local_name": "react-use",
  "alias": false,
  "peer_metadata": null
}
^17.3.2peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^0.3.5peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-bHkt/jXkY0/060EitNluWfimoTNoBXcbMciBlac0mdKho8qfwTDSQGo0OzJBvnlvkO4NrnR4iunrKjvfBzHWuA==",
  "shasum": "346d63bc0619794a51cacd70fbdbdceeb5955536",
  "tarball": "https://registry.npmjs.org/@0xflair/react-wallet/-/react-wallet-0.114.5.tgz",
  "fileCount": 9,
  "unpackedSize": 499433,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDnnQyUb+mn/LkFqI06EuPXPUpMQxhMHJZrlfzBXFbnawIgAOwjJ7M2Oj1JuDHNxnGhNHaBCgQsKThcK73ls6UATxw="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFkwmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoERw//T0Y6zmb81qvF+yQuF3eVvILhk3VX640wY9aUXfcabBE7m6Ke\r\n42la97Kj7kL5/Nip/ownJUXB3dS6h3WlxdE1OuguMzBqAv/XYQwGTUYbTqVg\r\nCi/+sccd1pN4kL5K7cvu0+Bf1b2pBB5uxT+q/OHYQtqsZO5e5k7o+6qD14J6\r\nW3w2T9fQqJKmrHhJbLwaVDYhsNXSztZqHS9fKe5CfZOGB7M5KFKIxm61GDxh\r\nryFiCBzaP3OS0RgH2WAkw85N6nW7lGmKZ9TDynQWbkPBkn1FQ12uL1H631vr\r\ndoiBFbBzLzCrJEWth5f7CHy/pCpyPsYrBwIpEZw8EImcqh1a9r1d6Ov1ZL1H\r\n/Wi7qB4SeF2p55wX3gUsGrus8Qk9o2dzQIfGWMqjzADwV4ws+mgtjvM/inRi\r\n3J+276yLSYH5QIq0x+0FdHVF+HNI2klYY/6nUJWQd81IrfqIbUIlozVgnkSS\r\ne8FYdc/LtaqTI2FCEdeWGosgkjWEI8qF2/ZAVCAXP2O0U6ZznVW07Im7cIs9\r\n8eWAfy/OcTFPACUCTtCqixAXTWwPmqgvoa7r0CFLnrIkc/al5cSKvnw2LM07\r\ngwy4leZ0TCH4J0AOuSPIjH9MPTOzyhR0v99+d9T6FHFc+eRPGKQ9nKCFE4rM\r\n3I7VNnZVplD6LTapxpHyvU2DAXUHzTzZkEQ=\r\n=EGPm\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING
0xflair/typescript-sdk

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 23:35 UTC

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

Record identity

package_version:e54a8fe619619495cdf71d6e6318882e1157be43b3f86d7ef8e072a8ebd3d533

Other collected versions

0.123.227 Nov0.123.112 Nov0.123.08 Nov0.122.228 Oct0.122.128 Oct0.122.028 OctView all collected versions →