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
0.0.5
npm@0xkilo/testref
Pangolin Components
Published4 May 2022
Direct dependencies76
Transitive dependenciesNot calculated
README
Current package documentationcomponents
Ui Kit for Pangolin
Installation
yarn add @pangolindex/components @gelatonetwork/limit-orders-react@2.4.0
or
npm install @pangolindex/components @gelatonetwork/limit-orders-react@2.4.0
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 82
Native requirements76 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
bignumber.jsEnvironment{
"local_name": "bignumber.js",
"alias": false,
"peer_metadata": null
} | ^9.0.2 | runtime |
cidsEnvironment{
"local_name": "cids",
"alias": false,
"peer_metadata": null
} | ^1.1.9 | runtime |
lzutf8Environment{
"local_name": "lzutf8",
"alias": false,
"peer_metadata": null
} | ^0.6.2 | runtime |
mathjsEnvironment{
"local_name": "mathjs",
"alias": false,
"peer_metadata": null
} | ^10.5.1 | runtime |
near-api-jsEnvironment{
"local_name": "near-api-js",
"alias": false,
"peer_metadata": null
} | ^0.44.2 | runtime |
react-iconsEnvironment{
"local_name": "react-icons",
"alias": false,
"peer_metadata": null
} | ^4.3.1 | runtime |
react-intlEnvironment{
"local_name": "react-intl",
"alias": false,
"peer_metadata": null
} | ^5.25.1 | runtime |
react-modalEnvironment{
"local_name": "react-modal",
"alias": false,
"peer_metadata": null
} | ^3.15.1 | runtime |
react-spinnersEnvironment{
"local_name": "react-spinners",
"alias": false,
"peer_metadata": null
} | ^0.11.0 | runtime |
react-switchEnvironment{
"local_name": "react-switch",
"alias": false,
"peer_metadata": null
} | ^6.0.0 | runtime |
react-toastifyEnvironment{
"local_name": "react-toastify",
"alias": false,
"peer_metadata": null
} | ^9.0.0 | runtime |
react-tooltipEnvironment{
"local_name": "react-tooltip",
"alias": false,
"peer_metadata": null
} | ^4.2.21 | 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 |
@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 |
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 |
@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": "eee6f45d164cbc6373f9f59f32143e60bbd75f35",
"integrity": "sha512-ehsZAcMMRUnuJjC+TCC3p9T06LFrXOBnzzyW6THwgM3SzQxcctFyJAyB8IswNgL2avJjYht5uuf2j5i+nrLTWQ==",
"tarball": "https://registry.npmjs.org/@0xkilo/testref/-/testref-0.0.5.tgz",
"fileCount": 728,
"unpackedSize": 16712776,
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEUCIDKr6DL51a10qNy4p+jaB1vk+3N5oWlI0KpkxiZwUQeEAiEA8i1n/Lkw899rXfaeecH9Ob6vNfbfquGU1v3zVDIz3GU="
}
],
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicm9rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobOA/+LNmz3nlKCLOFySBU2mBju2WO1OVtZ9cq+B4tKRAvs/rKITvU\r\ndP1qPzO6cTollMbnAR7wyP51LwhMXs7Ues9E78Lgg3G2RObndh8UErA4pGWy\r\nAFooXAHIeLtq4muMuBUyI//aGw74aQ/5CzdjvA448t6zTl6zSpx9yWH3dpTV\r\nuIDNEXs1fWZy9fNdNgTOWkFk0W0bWR+8cqAAWlbXtXIhzXimT7DdGvoiLrsC\r\nm1cJVSvZ17v8TMzIL7Fjo9KqZZI/P0IpVKVrULTaYDUVsWxMgOajPezXfdSZ\r\nI0C3aIEn51ArLfq+jXKiHTRGiVJLRaAnrIb5ZZf03Gx4aeG/ggx3vKQe9vQM\r\nwT3r1Y0mM8KVZkm4F4K91Gp/I/SWBlGi99EJXYT4pYYlBPbWlNi30n9jPkFb\r\n5CUWgLGgE0UXDPQ3jLdUdpfDf5xRrst4USrweEIWBmJw4cE5zjGXhypq14Wu\r\ndmiF6EXUfCUtlLjB6FW32+YVWraSmEDHe7it61wIZi0o9giMLYw3/9sTCWjV\r\nSdfchFbEfh5lNfiTbgCnreQI3PNqzdLKtIMS6ooWgQmkFgylwqpOOMZLlWxv\r\nO4PIAgdpwF6SAo7t8UqsoI6FTHKc2EcCkeRGDkBJx/hhZkUA569kSz57a0UT\r\n+jrBxPRHCYIm99PBaFyjtPce2rg/A78FBvM=\r\n=VNw5\r\n-----END PGP SIGNATURE-----\r\n"
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:9ac801f058b375423d4bca4d65219ea871e8ec0bf151ff74bb86b7cac2eefd20