RepositoryCurrent collected state Current
Observed since 21 Oct, 09:01 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
11.0.0
npm@0xkilo/components
Pangolin Components
Published24 May 2022
Direct dependencies80
Transitive dependenciesNot calculated
README
Current package documentationcomponents
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
- do
yarnin components - do
yarn devwhich will watch for any files changes and recompiles files - 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.
- do
yarn linkin<project_root>/node_modules/react. - do
yarn link reactin components which will symlink react which are being used by project.
Publish flow
- do
yarn publishwhich will build the components and publish to npm.
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 87
Native requirements80 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
cidsEnvironment{
"local_name": "cids",
"alias": false,
"peer_metadata": null
} | ^1.1.9 | runtime |
react-switchEnvironment{
"local_name": "react-switch",
"alias": false,
"peer_metadata": null
} | ^6.0.0 | runtime |
graphql-requestEnvironment{
"local_name": "graphql-request",
"alias": false,
"peer_metadata": null
} | ^4.2.0 | runtime |
@babel/coreEnvironment{
"local_name": "@babel/core",
"alias": false,
"peer_metadata": null
} | ^7.15.8 | development |
@ethersproject/experimentalEnvironment{
"local_name": "@ethersproject/experimental",
"alias": false,
"peer_metadata": null
} | ^5.5.0 | development |
@gelatonetwork/limit-orders-reactEnvironment{
"local_name": "@gelatonetwork/limit-orders-react",
"alias": false,
"peer_metadata": null
} | ^2.3.1 | development |
@pangolindex/sdkEnvironment{
"local_name": "@pangolindex/sdk",
"alias": false,
"peer_metadata": null
} | 2.0.1 | development |
@pangolindex/token-listsEnvironment{
"local_name": "@pangolindex/token-lists",
"alias": false,
"peer_metadata": null
} | ^1.0.1 | development |
@reduxjs/toolkitEnvironment{
"local_name": "@reduxjs/toolkit",
"alias": false,
"peer_metadata": null
} | ^1.7.2 | development |
@rollup/plugin-commonjsEnvironment{
"local_name": "@rollup/plugin-commonjs",
"alias": false,
"peer_metadata": null
} | ^21.0.0 | development |
@rollup/plugin-jsonEnvironment{
"local_name": "@rollup/plugin-json",
"alias": false,
"peer_metadata": null
} | ^4.1.0 | development |
@rollup/plugin-node-resolveEnvironment{
"local_name": "@rollup/plugin-node-resolve",
"alias": false,
"peer_metadata": null
} | ^13.0.5 | development |
@storybook/addon-actionsEnvironment{
"local_name": "@storybook/addon-actions",
"alias": false,
"peer_metadata": null
} | ^6.3.12 | development |
@storybook/addon-essentialsEnvironment{
"local_name": "@storybook/addon-essentials",
"alias": false,
"peer_metadata": null
} | ^6.3.12 | development |
@storybook/addon-linksEnvironment{
"local_name": "@storybook/addon-links",
"alias": false,
"peer_metadata": null
} | ^6.3.12 | development |
@storybook/reactEnvironment{
"local_name": "@storybook/react",
"alias": false,
"peer_metadata": null
} | ^6.3.12 | development |
@types/prop-typesEnvironment{
"local_name": "@types/prop-types",
"alias": false,
"peer_metadata": null
} | ^15.7.4 | development |
@types/qsEnvironment{
"local_name": "@types/qs",
"alias": false,
"peer_metadata": null
} | ^6.9.7 | development |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | ^17.0.30 | development |
@types/react-isEnvironment{
"local_name": "@types/react-is",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | development |
@types/react-reduxEnvironment{
"local_name": "@types/react-redux",
"alias": false,
"peer_metadata": null
} | ^7.1.23 | development |
@types/react-router-domEnvironment{
"local_name": "@types/react-router-dom",
"alias": false,
"peer_metadata": null
} | ^5.3.3 | development |
@types/styled-componentsEnvironment{
"local_name": "@types/styled-components",
"alias": false,
"peer_metadata": null
} | ^5.1.15 | development |
@types/styled-systemEnvironment{
"local_name": "@types/styled-system",
"alias": false,
"peer_metadata": null
} | ^5.1.13 | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | ^5.0.0 | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | ^5.0.0 | development |
@types/react-virtualized-auto-sizerEnvironment{
"local_name": "@types/react-virtualized-auto-sizer",
"alias": false,
"peer_metadata": null
} | ^1.0.0 | development |
@types/numeralEnvironment{
"local_name": "@types/numeral",
"alias": false,
"peer_metadata": null
} | ^2.0.2 | development |
@types/react-windowEnvironment{
"local_name": "@types/react-window",
"alias": false,
"peer_metadata": null
} | ^1.8.2 | development |
@types/react-custom-scrollbarsEnvironment{
"local_name": "@types/react-custom-scrollbars",
"alias": false,
"peer_metadata": null
} | ^4.0.9 | development |
@web3-react/coreEnvironment{
"local_name": "@web3-react/core",
"alias": false,
"peer_metadata": null
} | ^6.1.9 | development |
babel-loaderEnvironment{
"local_name": "babel-loader",
"alias": false,
"peer_metadata": null
} | ^8.2.2 | development |
chokidar-cliEnvironment{
"local_name": "chokidar-cli",
"alias": false,
"peer_metadata": null
} | ^3.0.0 | development |
concurrentlyEnvironment{
"local_name": "concurrently",
"alias": false,
"peer_metadata": null
} | ^7.0.0 | development |
deep-equalEnvironment{
"local_name": "deep-equal",
"alias": false,
"peer_metadata": null
} | ^2.0.5 | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | ^8.0.1 | development |
eslint-config-airbnbEnvironment{
"local_name": "eslint-config-airbnb",
"alias": false,
"peer_metadata": null
} | ^18.2.1 | development |
eslint-config-prettierEnvironment{
"local_name": "eslint-config-prettier",
"alias": false,
"peer_metadata": null
} | ^8.3.0 | development |
eslint-import-resolver-nodeEnvironment{
"local_name": "eslint-import-resolver-node",
"alias": false,
"peer_metadata": null
} | ^0.3.6 | development |
eslint-plugin-importEnvironment{
"local_name": "eslint-plugin-import",
"alias": false,
"peer_metadata": null
} | ^2.25.2 | development |
eslint-plugin-jsx-a11yEnvironment{
"local_name": "eslint-plugin-jsx-a11y",
"alias": false,
"peer_metadata": null
} | ^6.4.1 | development |
eslint-plugin-prettierEnvironment{
"local_name": "eslint-plugin-prettier",
"alias": false,
"peer_metadata": null
} | ^4.0.0 | development |
eslint-plugin-reactEnvironment{
"local_name": "eslint-plugin-react",
"alias": false,
"peer_metadata": null
} | ^7.26.1 | development |
eslint-plugin-react-hooksEnvironment{
"local_name": "eslint-plugin-react-hooks",
"alias": false,
"peer_metadata": null
} | ^4.2.0 | development |
eslint-plugin-testing-libraryEnvironment{
"local_name": "eslint-plugin-testing-library",
"alias": false,
"peer_metadata": null
} | ^4.12.4 | development |
ethersEnvironment{
"local_name": "ethers",
"alias": false,
"peer_metadata": null
} | ^5.5.4 | development |
huskyEnvironment{
"local_name": "husky",
"alias": false,
"peer_metadata": null
} | ^7.0.0 | development |
lint-stagedEnvironment{
"local_name": "lint-staged",
"alias": false,
"peer_metadata": null
} | ^11.2.3 | development |
polishedEnvironment{
"local_name": "polished",
"alias": false,
"peer_metadata": null
} | ^4.1.3 | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | ^2.4.1 | development |
prop-typesEnvironment{
"local_name": "prop-types",
"alias": false,
"peer_metadata": null
} | ^15.7.2 | development |
qsEnvironment{
"local_name": "qs",
"alias": false,
"peer_metadata": null
} | ^6.10.3 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | development |
react-custom-scrollbarsEnvironment{
"local_name": "react-custom-scrollbars",
"alias": false,
"peer_metadata": null
} | ^4.2.1 | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | development |
react-featherEnvironment{
"local_name": "react-feather",
"alias": false,
"peer_metadata": null
} | ^2.0.9 | development |
react-gaEnvironment{
"local_name": "react-ga",
"alias": false,
"peer_metadata": null
} | ^3.3.0 | development |
react-isEnvironment{
"local_name": "react-is",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | development |
react-portalEnvironment{
"local_name": "react-portal",
"alias": false,
"peer_metadata": null
} | ^4.2.1 | development |
react-reduxEnvironment{
"local_name": "react-redux",
"alias": false,
"peer_metadata": null
} | ^7.2.0 | development |
react-router-domEnvironment{
"local_name": "react-router-dom",
"alias": false,
"peer_metadata": null
} | ^6.2.2 | development |
redux-localstorage-simpleEnvironment{
"local_name": "redux-localstorage-simple",
"alias": false,
"peer_metadata": null
} | ^2.4.1 | development |
rollupEnvironment{
"local_name": "rollup",
"alias": false,
"peer_metadata": null
} | ^2.58.0 | development |
rollup-plugin-cleanerEnvironment{
"local_name": "rollup-plugin-cleaner",
"alias": false,
"peer_metadata": null
} | ^1.0.0 | development |
rollup-plugin-peer-deps-externalEnvironment{
"local_name": "rollup-plugin-peer-deps-external",
"alias": false,
"peer_metadata": null
} | ^2.2.4 | development |
rollup-plugin-typescript2Environment{
"local_name": "rollup-plugin-typescript2",
"alias": false,
"peer_metadata": null
} | ^0.30.0 | development |
styled-componentsEnvironment{
"local_name": "styled-components",
"alias": false,
"peer_metadata": null
} | ^5.3.1 | development |
styled-systemEnvironment{
"local_name": "styled-system",
"alias": false,
"peer_metadata": null
} | ^5.1.5 | development |
tslibEnvironment{
"local_name": "tslib",
"alias": false,
"peer_metadata": null
} | ^2.3.1 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^4.4.4 | development |
rechartsEnvironment{
"local_name": "recharts",
"alias": false,
"peer_metadata": null
} | ^2.1.6 | development |
graphql-tagEnvironment{
"local_name": "graphql-tag",
"alias": false,
"peer_metadata": null
} | ^2.11.0 | development |
dayjsEnvironment{
"local_name": "dayjs",
"alias": false,
"peer_metadata": null
} | ^1.10.7 | development |
apollo-clientEnvironment{
"local_name": "apollo-client",
"alias": false,
"peer_metadata": null
} | ^2.6.10 | development |
apollo-cache-inmemoryEnvironment{
"local_name": "apollo-cache-inmemory",
"alias": false,
"peer_metadata": null
} | ^1.6.6 | development |
apollo-link-httpEnvironment{
"local_name": "apollo-link-http",
"alias": false,
"peer_metadata": null
} | ^1.5.17 | development |
react-virtualized-auto-sizerEnvironment{
"local_name": "react-virtualized-auto-sizer",
"alias": false,
"peer_metadata": null
} | ^1.0.2 | development |
numeralEnvironment{
"local_name": "numeral",
"alias": false,
"peer_metadata": null
} | ^2.0.6 | development |
react-windowEnvironment{
"local_name": "react-window",
"alias": false,
"peer_metadata": null
} | ^1.8.5 | development |
yalcEnvironment{
"local_name": "yalc",
"alias": false,
"peer_metadata": null
} | ^1.0.0-pre.53 | development |
@gelatonetwork/limit-orders-reactEnvironment{
"local_name": "@gelatonetwork/limit-orders-react",
"alias": false,
"peer_metadata": null
} | ^2.3.1 | peer |
@pangolindex/sdkEnvironment{
"local_name": "@pangolindex/sdk",
"alias": false,
"peer_metadata": null
} | >=2.0.1 | peer |
@reduxjs/toolkitEnvironment{
"local_name": "@reduxjs/toolkit",
"alias": false,
"peer_metadata": null
} | ^1.7.2 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | >=17.0.1 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | >=17.0.1 | peer |
react-reduxEnvironment{
"local_name": "react-redux",
"alias": false,
"peer_metadata": null
} | ^7.2.0 | peer |
redux-localstorage-simpleEnvironment{
"local_name": "redux-localstorage-simple",
"alias": false,
"peer_metadata": null
} | ^2.4.1 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"shasum": "84e849d3f84121e7951568f5f4c5e4bf8dfcfda9",
"integrity": "sha512-MwtDk45eEz7eUzYzKJ458120YkoI1+o6zRneRJUvwYwMmoAi6ssxSZ7+eJ6eldqbZUEOvUC0P5lqOf0KSPOFjQ==",
"tarball": "https://registry.npmjs.org/@0xkilo/components/-/components-11.0.0.tgz",
"fileCount": 590,
"unpackedSize": 24460224,
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEUCIGWz5uD2XiS+ABEUAs+FkbT33lkw7Pbr+1ZFtp/8DM4uAiEA7OYdSqs/JrSuQqg2qKzFIutUWFpdy4cwvBrtkNb8R7g="
}
],
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijOyQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIQRAAhBqAjkmGkSRCUSE2T/GvrWItNS2/52AaMEld6Zq/uwdWHKk2\r\n7fckQIFi8e3QY2wRM/ezlqSbPKS7OV6uLrOylsElC9dkxRRw5T5xGIgVfp1S\r\nr8qx8IjOMaTbotawJXEBuu/i5TpcRsw7n4m0MIpdp7TTdbDK7/t60D2HKlxc\r\nExc2Pae54ohtzJMFFeOHGi2ZgJJZSKMRHknKkWVu//SOxK2AyF4dLarLe6NJ\r\nJ/rg3RnIlmS+/jth2q1x5agFajcjRDnBgGfo/vCAHZhCm+b0mgAZ6na7F6E+\r\n+kyXrNEni52GheD/WB6AfEyR5EHs0jHFhkqYm42Veyt65302r7TTIFzSRCRn\r\nQPM9P3GHXELBpKwia02xh6pfwbIyC+5smkgvkY6ghb04hXNz56iF183gEFjV\r\nKKUKI3XgA6jUpwMHWhLj19HfswKHeXsUWENuSfTtFG8P6w4pl608Gl+JjNZX\r\nvpQ9Qo4cLzs7/6/cI4DSEEYYg0JbiN3y4Gq7ssjH73xTfEM3YWLixSmtQavs\r\nkFWNYHjHQmBM4F7ZOj1ZxJhdBcnPOS0Ksom1w7923O/ympUBXG9D5uWtCafm\r\n/osE+SpJl3SEA0ahPAHJ5bj6v4dN8oUOEcc7Euaif9BhQDOsnaeAJjpp9QEw\r\n65AQ70lhXvh84tb+gQGjo3DM+hJzUfJjaJI=\r\n=TFgA\r\n-----END PGP SIGNATURE-----\r\n"
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:057658a5ae5d8af128c19f5038e04a55e64e5bbf8f2d99b762566da335bf4b31