PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

10.0.1

npm

@0xkilo/components

Pangolin Components

Published9 May 2022
Direct dependencies66
Transitive dependenciesNot calculated

README

Current package documentation

components

Ui Kit for Pangolin

Installation

yarn add @pangolindex/components @gelatonetwork/limit-orders-react@2.4.0 @pangolindex/sdk

or

npm install @pangolindex/components @gelatonetwork/limit-orders-react@2.4.0 @pangolindex/sdk

Getting started

Wrap your app with the PangolinProvider and pass the pangolin reducers into your redux store.

In your store pass the gelato reducers:

import { configureStore, getDefaultMiddleware } from "@reduxjs/toolkit";
import { save, load } from "redux-localstorage-simple";
import {
  pangolinReducers,
  PANGOLIN_PERSISTED_KEYS,
} from "@pangolindex/components";

const PERSISTED_KEYS: string[] = ["your_keys", ...PANGOLIN_PERSISTED_KEYS];

const store = configureStore({
  reducer: {
    ...your_reducers,
    ...pangolinReducers,
  },
  middleware: [
    ...getDefaultMiddleware({ thunk: false }),
    save({ states: PERSISTED_KEYS }),
  ],
  preloadedState: load({ states: PERSISTED_KEYS }),
});

export default store;

In your main file wrap your app with PangolinProvider:

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import store from "./state";
import { useWeb3React, Web3ReactProvider } from "@web3-react/core";
import { Provider } from "react-redux";
import { PangolinProvider } from "@pangolindex/components";
import getLibrary from "./utils/getLibrary";

const AppProvider = () => {
  const { library, account, chainId } = useWeb3React();

  return (
    <PangolinProvider
      library={library}
      chainId={chainId}
      account={account as string}
    >
      <App />
    </PangolinProvider>
  );
};

ReactDOM.render(
  <React.StrictMode>
    <Web3ReactProvider getLibrary={getLibrary}>
      <Provider store={store}>
        <AppProvider />
      </Provider>
    </Web3ReactProvider>
  </React.StrictMode>,
  document.getElementById("root")
);

development flow

  1. do yarn in components
  2. do yarn dev which will watch for any files changes and recompiles files
  3. do yalc link "@pangolindex/components" in the project where you want to use components

Incase react hook violation error comes, in that case follow below steps also.

  1. do yarn link in <project_root>/node_modules/react.
  2. do yarn link react in components which will symlink react which are being used by project.

Publish flow

  • do yarn publish which will build the components and publish to npm.

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 72

Native requirements
66 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
cids
Environment
{
  "local_name": "cids",
  "alias": false,
  "peer_metadata": null
}
^1.1.9runtime
react-switch
Environment
{
  "local_name": "react-switch",
  "alias": false,
  "peer_metadata": null
}
^6.0.0runtime
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.15.8development
@ethersproject/experimental
Environment
{
  "local_name": "@ethersproject/experimental",
  "alias": false,
  "peer_metadata": null
}
^5.5.0development
@gelatonetwork/limit-orders-react
Environment
{
  "local_name": "@gelatonetwork/limit-orders-react",
  "alias": false,
  "peer_metadata": null
}
^2.3.1development
@pangolindex/sdk
Environment
{
  "local_name": "@pangolindex/sdk",
  "alias": false,
  "peer_metadata": null
}
2.0.1development
@pangolindex/token-lists
Environment
{
  "local_name": "@pangolindex/token-lists",
  "alias": false,
  "peer_metadata": null
}
^1.0.1development
@reduxjs/toolkit
Environment
{
  "local_name": "@reduxjs/toolkit",
  "alias": false,
  "peer_metadata": null
}
^1.7.2development
@rollup/plugin-commonjs
Environment
{
  "local_name": "@rollup/plugin-commonjs",
  "alias": false,
  "peer_metadata": null
}
^21.0.0development
@rollup/plugin-json
Environment
{
  "local_name": "@rollup/plugin-json",
  "alias": false,
  "peer_metadata": null
}
^4.1.0development
@rollup/plugin-node-resolve
Environment
{
  "local_name": "@rollup/plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^13.0.5development
@storybook/addon-actions
Environment
{
  "local_name": "@storybook/addon-actions",
  "alias": false,
  "peer_metadata": null
}
^6.3.12development
@storybook/addon-essentials
Environment
{
  "local_name": "@storybook/addon-essentials",
  "alias": false,
  "peer_metadata": null
}
^6.3.12development
@storybook/addon-links
Environment
{
  "local_name": "@storybook/addon-links",
  "alias": false,
  "peer_metadata": null
}
^6.3.12development
@storybook/react
Environment
{
  "local_name": "@storybook/react",
  "alias": false,
  "peer_metadata": null
}
^6.3.12development
@types/prop-types
Environment
{
  "local_name": "@types/prop-types",
  "alias": false,
  "peer_metadata": null
}
^15.7.4development
@types/qs
Environment
{
  "local_name": "@types/qs",
  "alias": false,
  "peer_metadata": null
}
^6.9.7development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^17.0.30development
@types/react-is
Environment
{
  "local_name": "@types/react-is",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
@types/react-redux
Environment
{
  "local_name": "@types/react-redux",
  "alias": false,
  "peer_metadata": null
}
^7.1.23development
@types/react-router-dom
Environment
{
  "local_name": "@types/react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.3.3development
@types/styled-components
Environment
{
  "local_name": "@types/styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.1.15development
@types/styled-system
Environment
{
  "local_name": "@types/styled-system",
  "alias": false,
  "peer_metadata": null
}
^5.1.13development
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.0.0development
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
^5.0.0development
@web3-react/core
Environment
{
  "local_name": "@web3-react/core",
  "alias": false,
  "peer_metadata": null
}
^6.1.9development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.2.2development
chokidar-cli
Environment
{
  "local_name": "chokidar-cli",
  "alias": false,
  "peer_metadata": null
}
^3.0.0development
concurrently
Environment
{
  "local_name": "concurrently",
  "alias": false,
  "peer_metadata": null
}
^7.0.0development
deep-equal
Environment
{
  "local_name": "deep-equal",
  "alias": false,
  "peer_metadata": null
}
^2.0.5development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^8.0.1development
eslint-config-airbnb
Environment
{
  "local_name": "eslint-config-airbnb",
  "alias": false,
  "peer_metadata": null
}
^18.2.1development
eslint-config-prettier
Environment
{
  "local_name": "eslint-config-prettier",
  "alias": false,
  "peer_metadata": null
}
^8.3.0development
eslint-import-resolver-node
Environment
{
  "local_name": "eslint-import-resolver-node",
  "alias": false,
  "peer_metadata": null
}
^0.3.6development
eslint-plugin-import
Environment
{
  "local_name": "eslint-plugin-import",
  "alias": false,
  "peer_metadata": null
}
^2.25.2development
eslint-plugin-jsx-a11y
Environment
{
  "local_name": "eslint-plugin-jsx-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.4.1development
eslint-plugin-prettier
Environment
{
  "local_name": "eslint-plugin-prettier",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
eslint-plugin-react
Environment
{
  "local_name": "eslint-plugin-react",
  "alias": false,
  "peer_metadata": null
}
^7.26.1development
eslint-plugin-react-hooks
Environment
{
  "local_name": "eslint-plugin-react-hooks",
  "alias": false,
  "peer_metadata": null
}
^4.2.0development
eslint-plugin-testing-library
Environment
{
  "local_name": "eslint-plugin-testing-library",
  "alias": false,
  "peer_metadata": null
}
^4.12.4development
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.5.4development
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
^7.0.0development
lint-staged
Environment
{
  "local_name": "lint-staged",
  "alias": false,
  "peer_metadata": null
}
^11.2.3development
polished
Environment
{
  "local_name": "polished",
  "alias": false,
  "peer_metadata": null
}
^4.1.3development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.4.1development
prop-types
Environment
{
  "local_name": "prop-types",
  "alias": false,
  "peer_metadata": null
}
^15.7.2development
qs
Environment
{
  "local_name": "qs",
  "alias": false,
  "peer_metadata": null
}
^6.10.3development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
react-custom-scrollbars
Environment
{
  "local_name": "react-custom-scrollbars",
  "alias": false,
  "peer_metadata": null
}
^4.2.1development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
react-feather
Environment
{
  "local_name": "react-feather",
  "alias": false,
  "peer_metadata": null
}
^2.0.9development
react-ga
Environment
{
  "local_name": "react-ga",
  "alias": false,
  "peer_metadata": null
}
^3.3.0development
react-is
Environment
{
  "local_name": "react-is",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
react-portal
Environment
{
  "local_name": "react-portal",
  "alias": false,
  "peer_metadata": null
}
^4.2.1development
react-redux
Environment
{
  "local_name": "react-redux",
  "alias": false,
  "peer_metadata": null
}
^7.2.0development
react-router-dom
Environment
{
  "local_name": "react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^6.2.2development
redux-localstorage-simple
Environment
{
  "local_name": "redux-localstorage-simple",
  "alias": false,
  "peer_metadata": null
}
^2.4.1development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.58.0development
rollup-plugin-cleaner
Environment
{
  "local_name": "rollup-plugin-cleaner",
  "alias": false,
  "peer_metadata": null
}
^1.0.0development
rollup-plugin-peer-deps-external
Environment
{
  "local_name": "rollup-plugin-peer-deps-external",
  "alias": false,
  "peer_metadata": null
}
^2.2.4development
rollup-plugin-typescript2
Environment
{
  "local_name": "rollup-plugin-typescript2",
  "alias": false,
  "peer_metadata": null
}
^0.30.0development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.3.1development
styled-system
Environment
{
  "local_name": "styled-system",
  "alias": false,
  "peer_metadata": null
}
^5.1.5development
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.3.1development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.4.4development
yalc
Environment
{
  "local_name": "yalc",
  "alias": false,
  "peer_metadata": null
}
^1.0.0-pre.53development
@gelatonetwork/limit-orders-react
Environment
{
  "local_name": "@gelatonetwork/limit-orders-react",
  "alias": false,
  "peer_metadata": null
}
^2.3.1peer
@reduxjs/toolkit
Environment
{
  "local_name": "@reduxjs/toolkit",
  "alias": false,
  "peer_metadata": null
}
^1.7.2peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
>=17.0.1peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
>=17.0.1peer
react-redux
Environment
{
  "local_name": "react-redux",
  "alias": false,
  "peer_metadata": null
}
^7.2.0peer
redux-localstorage-simple
Environment
{
  "local_name": "redux-localstorage-simple",
  "alias": false,
  "peer_metadata": null
}
^2.4.1peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "e121a935c5d49c9716db438ffd7dd66e26cb3a10",
  "integrity": "sha512-WOAJVowi+xrHIMRfR4/DcRZPzXezL3mZEfjEPvCfmVQUP2uwsD3GynnEgFqha0GbXFtCEce/bGS3o5hNLUHXCw==",
  "tarball": "https://registry.npmjs.org/@0xkilo/components/-/components-10.0.1.tgz",
  "fileCount": 522,
  "unpackedSize": 13111294,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIFzGB7/ZJS2yCBzZt8oBN6NmrvwfzNy64SLUzX3VYp/nAiBLX3UV6aUsz8iK3qpYHAySJHodOsWiaKtE3YfgekzHRw=="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiePytACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwaA/9F0HWuX5ETeij1eouEZf/eggZLBqYbhMycCRC8bAfBorBA/oB\r\nd9X7EJgjtJGkbJsAUMi1ZcaaTdf+odAhfXt5jfmKjz+Rp7wuRwg5e3NcYSr8\r\nj+wvFus5CU14uNrtxYsiPyUA6dL4War2SZlH2iGylf3Q8WdUJoH8RjBOcjKg\r\nZ8jnUNuyzrWLxJQZQdjyERUfEBY7UTfg7ZODiuO9Q9Rb39hzoYnd26pOf+dg\r\n0X+4IvwgGco/4EuT5I85IAbtsFcE7uxs2jyJefyheSBKFAfWOLh0mX6F4BJ2\r\nYUrWxw4NlXUiF4zn81szZ2vRAoXCP+AFjwC2AKwSb/7FCEea3/v+huriiZQP\r\ncBsoe1wI7zZbiK1FA5zAvkj4trgwchGtnSM1I0LodiEZBhZ+q3iVq8MIg+tL\r\nrj4tlZFCYKWtvmCYLlzmARV+ZyfltoRA2Wzfxl/hEzItEdrOGsOC4EHrfQOi\r\nJvF2zcrLOru1cl/OGFkktlSj8owPumCF00akef6/qvmFKtLdcHcyY5RivlEG\r\nxMi9Qpu2vwPUf/sJrpjtMgWOFwHCr0aRcvNlEhsqpf//Ax4WXaGMOMDB9mry\r\nyxUjGf7ebrveZ/rgvAmYDMKMsjLj/++FHHWos5SUkmzlUNOE17ECgDmATrBS\r\nOzpu0IJSBM4DS6iXZAodUtiTepkOTqcMhOo=\r\n=6hGx\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING
pangolindex/components

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 21 Oct, 09:01 UTC

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

Record identity

package_version:86e516dc0dd8500a44c9f5fc27a3cdcecb92db045725ea06a4ded8a76f99e37d

Other collected versions

11.0.024 May10.0.09 May9.0.05 May3.0.120 Apr3.0.020 Apr2.0.328 FebView all collected versions →