PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.2

npm

@0xkilo/components

Pangolin Components

Published21 Feb 2022
Direct dependencies47
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 49

Native requirements
47 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
react-switch
Environment
{
  "local_name": "react-switch",
  "alias": false,
  "peer_metadata": null
}
^6.0.0runtime
@antiyro/sdk
Environment
{
  "local_name": "@antiyro/sdk",
  "alias": false,
  "peer_metadata": null
}
^2.0.9development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.15.8development
@pangolindex/token-lists
Environment
{
  "local_name": "@pangolindex/token-lists",
  "alias": false,
  "peer_metadata": null
}
^1.0.1development
@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/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/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
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.2.2development
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
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
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
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-is
Environment
{
  "local_name": "react-is",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
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
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

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "5b8ba24556995d81fd566141bb066d56fd5fcdf9",
  "integrity": "sha512-/SqFI4aWVYe4KrXi1lJqXhv9Yik3yWAb/uLjVP7OwO1OuI8+uMyD35zn/GthX/yM+jZ8Y60wEZXk6m9vho2sBA==",
  "tarball": "https://registry.npmjs.org/@0xkilo/components/-/components-1.0.2.tgz",
  "fileCount": 204,
  "unpackedSize": 5016190,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiE5gkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4shAAioxfhXJRK3lCAXEZON6IVq+6rPSu0iObaL0SIQcFVfeBBaI/\r\nFOC7un4/PWWZfjuQk1UB5YXPfpfpTrGVry+XvCrDCdcSq7rg3Z+R60YvvVi4\r\nwK+XWQdr6+rgYG00Y+y7MlYLuHoEhkIYmkgrDFNq7IY0nZGsCXKeCNNMYEt7\r\nGtWKQLIWNQ90feJBW8oBLzSarUkZJ7CFOjsIJ89l9p7dWsP6bigvgKAKo9Md\r\nF1/D0b31JZJGw+xeJ8jIfjcLjLQOMvYYFPcKYLMNKVliNZAKqnOjDRAanroY\r\nZO5vQR7xN3xf3W1ML+kGkkPRZ6svQyIeIV97HTP0l/qjXttdsISER/RIim2A\r\nCobeNlwQsEjNLrXZVD+YvSD5GPw/DR95QfqWS+WK0Y5Ura2bdUmZIXq4vua/\r\nYMpNAQHufiCs7zOjIywAtdH+udAQFxCuBBRwgJ/ygSYgS4JAg6oloMZScYdm\r\nXjOzZ5HhY0OiHLzZAEMOnc5mgG50GWmkeB471yqd1cAhVfkKjW2hO9FkwDR7\r\nUW2GnVwqCfwTATSeXvJj907l+GYq2qLobTYPWIHn4TDygcg5Rs23ehY4e9zA\r\nOu9CBRlS6ltIKbE9v6qmv96gT+rrUiQV3UX/EdUTJmIM2QhKV6LT0wz0ceM3\r\nBtjv7X7ynC+lcDQfetU5UvcfZLATV2tPnro=\r\n=EMyZ\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIA/Su9lVnGjhGdlnEBNIXTTHoe+Z7oBOPd/Llj0SeU3OAiEAoOvP2FL8TOzSqWX4Xd5t+dp+7cLMiCrHvnD4Mwd+0vU="
    }
  ]
}

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:c895111bc2eeddb6eb117a4cb20da21b3285d578b781aa661453808f2af2ced5

Other collected versions

11.0.024 May10.0.19 May10.0.09 May9.0.05 May3.0.120 Apr3.0.020 AprView all collected versions →