{"_id":"@honeycomb-finance/portfolio","_rev":"36-9f3f938899c45040b0ecdd5ebdb384ad","name":"@honeycomb-finance/portfolio","dist-tags":{"internal":"1.0.1-internal-20231220192401","latest":"1.0.3","rc":"1.0.2"},"versions":{"0.0.1-internal-20230920083758":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230920083758","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230920083758","@honeycomb-finance/core":"0.0.1-internal-20230920083758","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920083758","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230920083758","gitHead":"723d09416e9857ab652b012b0de6946ec6bc31b1","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-lRL92Km0Jv9tIenTmrAfjG/3H9Y7YaPPcTpt6GtcRjIKwu4QMPrGiEs8NmpL1ZOV1AkL1gJr+bjCOnpwWwCXRA==","shasum":"4d3df7a7b654f17d7fa3dd2246885c1fd266a7ed","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230920083758.tgz","fileCount":49,"unpackedSize":311101,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHmnDK9IFPobiuyF8C/wHF4abSyyP1/9y7w/7p+J51dfAiB+aHJ3icqjj0/EdchjbBCK9UCF9AHKHhm06CRtYLufaQ=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230920083758_1695199091239_0.6565365969683998"},"_hasShrinkwrap":false},"0.0.1-internal-20230920162910":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230920162910","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230920162910","@honeycomb-finance/core":"0.0.1-internal-20230920162910","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920162910","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230920162910","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"968c7f11c5f5ca8056fb2ae8f0d46da355652abc","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-iO4MmolyTE5u/IiY1lPUPTRoC+NNiiRyQum5FFC5bk7WKD+7r35xixT3BZHWWObzMxm38NLzraB/qJvFPCbL9g==","shasum":"081920249ad2cbb223d758d3dac18700190bd0ef","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230920162910.tgz","fileCount":83,"unpackedSize":456121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6w4FdL0Gx+A+qFS0aUREuY/pDkslV0JE5x2jgtZZfYgIhAPmAO/Hu+tyQcpZ9AVACY0pRRCAXgDOwHrrJdAZrtFmJ"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230920162910_1695228127363_0.2449680127187357"},"_hasShrinkwrap":false},"0.0.1-internal-20230920184619":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230920184619","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230920184619","@honeycomb-finance/core":"0.0.1-internal-20230920184619","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920184619","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230920184619","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"2eff0eb240bef74e94fd9aea391a33fb85caa2ec","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-e2gX0We7aij2uqlBdYX0FgblgUJJR5vp+TkIFKQjF/MkB7bZB9Ly3LlfbO5hrn2zbSoGyiYVn6ZIULlW9ni9WA==","shasum":"3904323e49de5547e56f41528db906c81eda8391","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230920184619.tgz","fileCount":83,"unpackedSize":456121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICqk0TUNhNcCp7v4a8KThieeKtx1pYypmnI4QdSw1XgJAiEAl4oXBnybRubvXsjcRKLtgPYpqwp+qSq3gWJFB4HgQTQ="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230920184619_1695236252250_0.45785037675349916"},"_hasShrinkwrap":false},"0.0.1-internal-20230920201500":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230920201500","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230920201500","@honeycomb-finance/core":"0.0.1-internal-20230920201500","@honeycomb-finance/state-hooks":"0.0.1-internal-20230920201500","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230920201500","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"6cb982543df1548bb8edc66852efecc071694c5a","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-eMO2qdS2JQODoovcrURveMSfZzuaXY2NOa1sD5bJ6dcupy6w+ktBFYg1uO5HCU3STVxOoItxQtq1BI8m0j2LmQ==","shasum":"2826437eb0e01d43bfe8a4547db553fb21306272","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230920201500.tgz","fileCount":83,"unpackedSize":456121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCky+3hCTNmfUTQ9qIvs0yyEkYzOapfXrXblEwk4ULd3AIhAJScK/hbVxqBrhVH3VbKXjCNJKvTNGlDtni36piI3nPe"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230920201500_1695241647382_0.8336135297063882"},"_hasShrinkwrap":false},"0.0.1-internal-20230921064423":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230921064423","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230921064423","@honeycomb-finance/core":"0.0.1-internal-20230921064423","@honeycomb-finance/state-hooks":"0.0.1-internal-20230921064423","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230921064423","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"bd61b70c5f8f38b8404f5765ddc2d758de104a9c","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-kRW8+hBUcQbcdptaiMivJmwX/QnRZq6cI901Jmj+N8TyaoeS6kfo9avsXu21CXujm60g32GoOwA9cfKby4RAlQ==","shasum":"483d67f48193c0b7a45e8fb12538dd117200132c","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230921064423.tgz","fileCount":83,"unpackedSize":456121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAcaqpgifF8uUw4SpirI995lCZ6n34wLR/lFwHbSF9SiAiBtpd8Zq5o9jGxa5x5ctrflm343lS8B7sZRiTpm2ZRVEg=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230921064423_1695279177660_0.26716689747323064"},"_hasShrinkwrap":false},"0.0.1-internal-20230921150858":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230921150858","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230921150858","@honeycomb-finance/core":"0.0.1-internal-20230921150858","@honeycomb-finance/state-hooks":"0.0.1-internal-20230921150858","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230921150858","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"3d777a88d47abe6a8297c6f1a1af17d1b63e0502","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-WiPTlEVeCtIXHfz+b2S+1PVkGiKrbHEBZwUaGFVi5TlLM/HDOSqIvQX+8qUNpJBtEPPIrlYuiZA1ngONtdVyQg==","shasum":"f3078b7a70c390360aa880dc0d699805734a7d3d","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230921150858.tgz","fileCount":83,"unpackedSize":456124,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICt1k21pju1bszcEmDPKey/a94xD9f/aLQkihk4nzqAkAiBEYV5iFeb8MjyBu9zrBcjoV14RJpURkcCrKBAVOVsyxQ=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230921150858_1695309685794_0.571961733821853"},"_hasShrinkwrap":false},"0.0.1-internal-20230922074227":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230922074227","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.7.2","@honeycomb-finance/shared":"0.0.1-internal-20230922074227","@honeycomb-finance/core":"0.0.1-internal-20230922074227","@honeycomb-finance/state-hooks":"0.0.1-internal-20230922074227","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.7.2","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230922074227","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"405d2616abecbb975482faba70491d759c6431ff","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-bSUPHTeNMbeHRk/7YFQEIN21Z3V8xsR8B6FA9TGOQ2aAfULcJoUj0rgzcX9cNfJEaKL++aXqEFAGpivLka5b8g==","shasum":"9038abff785664a40dba687b397c9fd0207ab45e","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230922074227.tgz","fileCount":83,"unpackedSize":456124,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCu6kLqyQxryEKLYU286tVWPtcIwnBzpwPfSiDHLrgm3gIgAkmz6Z/8AwgH0E83SY28oyncXGKO9jJiT6GzaKW9Ftg="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230922074227_1695369126339_0.15643154815134852"},"_hasShrinkwrap":false},"0.0.1-internal-20230928072245":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230928072245","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.0.1-internal-20230928072245","@honeycomb-finance/core":"0.0.1-internal-20230928072245","@honeycomb-finance/state-hooks":"0.0.1-internal-20230928072245","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230928072245","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"01fe0ca48039d62f9d90be0a8f8f51ea546ef71c","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-QFU19l+olLmfd+E92FHzXutcNx7RfCDWe+L3Fa+6hgXxnWyJIPMxF9fJxGFGGDVewlzeI9hvSCzWUwt3PCgvfg==","shasum":"159244966eb0ec530be58f3ea22a52dde3f246a3","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230928072245.tgz","fileCount":83,"unpackedSize":456235,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGbijEJ6iTw+1cWeG5irsNQtO66QkO4nva5kTs+kUxeQIgXkqvVvjMBloWLJ0gYTeSQ8XqAQjYBlmVYJ3sgwc1taE="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230928072245_1695886364443_0.10349738176573298"},"_hasShrinkwrap":false},"0.0.1-internal-20230928134042":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20230928134042","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.0.1-internal-20230928134042","@honeycomb-finance/core":"0.0.1-internal-20230928134042","@honeycomb-finance/state-hooks":"0.0.1-internal-20230928134042","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20230928134042","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"13e2445eabd31ffa965d58ddbd7c0545dc22ba6b","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-0Q2WKB46Fx5XmIorvidDcYELf2/h36xlryRTU3/GliqJ39tfAm1W57RjL8kSrhO5nlvwzFjYQ3rBPSd7Kb8oZg==","shasum":"1f2214933a114b196d640adb1b828cba4c96db7e","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20230928134042.tgz","fileCount":83,"unpackedSize":456670,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDveHlFfhg2qT+ZSOe/h5tOQaYZfpiYcBfO3nFRx95h/gIhAO7UIoYssSlRHbKzxC6fTwfkhCd8sMwqD1bXgNlaR6qS"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20230928134042_1695909076606_0.3494881493318758"},"_hasShrinkwrap":false},"0.0.1-internal-20231010051505":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231010051505","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.0.1-internal-20231010051505","@honeycomb-finance/core":"0.0.1-internal-20231010051505","@honeycomb-finance/state-hooks":"0.0.1-internal-20231010051505","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231010051505","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"48e5563447b094e90259f6f32f7d5e3dcfa270c6","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Xw8xGa0NyIu+xm98s38qzsFVdw9DpqLtJ+871qZ8WNedSuMdHNt5f5s+w5/hhAGvgExj3DEnvhRTbsp6tQXBsQ==","shasum":"399e462a8a04d4c836afdb1b91d5f51e51362c62","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231010051505.tgz","fileCount":83,"unpackedSize":456982,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEAWjcsokSJVmJOnUTSivhWMLUkJ+qY01Syl7EriQ47AiEAxPE9DDST/mADldViq6iHbIpN6rAk0bDvkmMq2ut8SCU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231010051505_1696915594304_0.3868407959022899"},"_hasShrinkwrap":false},"0.0.1-rc.0":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-rc.0","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-rc.0","@honeycomb-finance/core":"0.0.1-rc.0","@honeycomb-finance/state-hooks":"0.0.1-rc.0","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-rc.0","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"edf7911ef0016cf05fc83738c4ca36acc7e0842c","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-KW2XWOdTyVQfgXM2ZnTkNvqvB7nIwScMaDwKi6sowKkrw/vN73MWkCEHFUe5yWX+Yyh7WPMwR6OFuflUkNueTw==","shasum":"0643622ba7889cecfbd61f749fce27f3b88b4512","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-rc.0.tgz","fileCount":83,"unpackedSize":456941,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpo0BX4/EtTXrw4snkYbDTEH4MFNinR2MmVSu7Z3U88AIhAPPV8H5EkLqrJtAZzkAneOXjcsjO8WdwdvH4ksc4dMVD"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-rc.0_1697528807571_0.9410981586489768"},"_hasShrinkwrap":false},"0.0.1-internal-20231018134906":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231018134906","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231018134906","@honeycomb-finance/core":"0.0.1-internal-20231018134906","@honeycomb-finance/state-hooks":"0.0.1-internal-20231018134906","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231018134906","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"43912db7853f1c54d1f0a2c9a1d42dfe032a5fbc","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4o5weEIh2F0M7KowWgQvWPhHEqQJRTDJuDDU0+YYg+ZkFJrfLhgbnrUXA6q4jGs+yPlIZzpEn7fwe4C0JpmC+g==","shasum":"6b4164b5166b99cba9ce64d89a65f919228ba818","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231018134906.tgz","fileCount":83,"unpackedSize":458702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpdhcle+G52RKwYk2R2A4Eo7LUxntnXC3bw2vVZ71wgwIgRqIt6g0XXk2aCLt0GR4PmJhovzUWLBt0SB/RY/8xyIs="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231018134906_1697637451587_0.005623851491579179"},"_hasShrinkwrap":false},"0.0.1-internal-20231107124121":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231107124121","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231107124121","@honeycomb-finance/core":"0.1.0-internal-20231107124121","@honeycomb-finance/state-hooks":"0.0.1-internal-20231107124121","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231107124121","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"668b39cf915f3baac4aeccd4bfb59c36066f8b9f","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-UTwDTRyynE96aatBtBnosdEcsxSj1zSQli9JoufJjb3V5amdH+Zjdv6ab3KjgkwrVXbt/n9JDxLDnGr1k83XZQ==","shasum":"2c141cea07c38877723c61b94e95cc6f0fecca5e","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231107124121.tgz","fileCount":83,"unpackedSize":458924,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7b7rioALCd/gmp822NCUOuAdjtJcyguc4pCnYD7U/IgIgK2TLXwzYgjsiyxo0fQZeP+UsVpQ6FfPkMV/hTPr+mnA="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231107124121_1699361362896_0.2667151799162515"},"_hasShrinkwrap":false},"0.0.1-rc.1":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-rc.1","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-rc.1","@honeycomb-finance/core":"0.1.0-rc.1","@honeycomb-finance/state-hooks":"0.0.1-rc.1","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-rc.1","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"a7895c5a3942808651808fc1b934e34c5dcd6446","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-jzNFPPwt4BZ5yFanw4mZo+icTnAYukqOTASPu/B+MZrFYoTUJnsIJ+1hpSb94fea5RvtMZboPMQBDx0v1U/5pQ==","shasum":"5fa0cb7e9b2b9a5d2410a37dd5cbf4eebd97f277","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-rc.1.tgz","fileCount":83,"unpackedSize":457349,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAiHIg24MTDolUEtltwf8OxeNtubln8pXD8OkZLZD4MwIhAKa4EH35yoKVar7PMiyCdpNMib2NTAtOM1MBHSPWbd0U"}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-rc.1_1699366652530_0.1749139029987119"},"_hasShrinkwrap":false},"0.0.1-internal-20231108140641":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231108140641","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231108140641","@honeycomb-finance/core":"0.1.0-internal-20231108140641","@honeycomb-finance/state-hooks":"0.0.1-internal-20231108140641","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231108140641","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"e85348c8e299a6a653af18d94f39e91c727d4fb5","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Tfd3fDPZGkvFoRaxCar+M2qqlsOOa5lDGFPaGucX3ty7sAfNiHlYgUANSNHnif1Yxod6gwa0iSXgg2bifLYOLw==","shasum":"52db292306bec928a2e5b915a9f2e0576e1b1d66","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231108140641.tgz","fileCount":83,"unpackedSize":459332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH5FsGEqaapZ0WoWvAnzXZRCAf0k5/Pi3CyLVaeTn9ehAiEAneIzYPVu4PyyJN+sc/J3XczPhUeNfmvnbI2EkA1clag="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231108140641_1699453108221_0.7403969389046703"},"_hasShrinkwrap":false},"0.0.1-internal-20231108171900":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231108171900","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231108171900","@honeycomb-finance/core":"0.1.0-internal-20231108171900","@honeycomb-finance/state-hooks":"0.0.1-internal-20231108171900","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231108171900","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"adc4b3d97760902697d63e58df52f4d2233529f6","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TsvCUoiYSJix0Paq2XToN5Vm+M7hn0qs+5YmrX+4ILL25Ib4frF0QtzMNXuKWlo6SHDeM4Fj20XG8McS41Czng==","shasum":"4d9718539c33a829cdd82a17bac67ece645fc970","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231108171900.tgz","fileCount":83,"unpackedSize":459332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDcdlZrCFV2uqdydKlyuMjPf9Enwb+WOUx0OoEBQedsQAiEA+kDkOscG7fEPkseLWEKE0wwzOQeJGZItm+vGQOowL/c="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231108171900_1699464573571_0.1812435648688182"},"_hasShrinkwrap":false},"0.0.1-internal-20231115133537":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231115133537","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231115133537","@honeycomb-finance/core":"0.1.0-internal-20231115133537","@honeycomb-finance/state-hooks":"0.0.1-internal-20231115133537","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231115133537","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"8dda1d2727d05337f9b27d1cd610242a7ae5a673","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-KDqAZua8FuJEdwmPKtV7Cb+oe5ZWf/apzap/IEeRmj8MhA8qsFhoI5MGhOhpZY6exHyvMscEnXmhWCntJ1/iGw==","shasum":"7e1a226f099a03a20377386ec8323389630d8b9c","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231115133537.tgz","fileCount":83,"unpackedSize":459332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXR7EokP/rfAeEA8LEt5BVpE1YQjxFSWiouvTZ1IzymAiBT+9gEC/Poato/EAGTrFytbntilAQIiSR+4ksZzaG7Cw=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231115133537_1700055825504_0.20114816936248925"},"_hasShrinkwrap":false},"0.0.1-internal-20231120103858":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231120103858","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231120103858","@honeycomb-finance/core":"0.1.0-internal-20231120103858","@honeycomb-finance/state-hooks":"0.0.1-internal-20231120103858","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231120103858","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"3c079f866d2352ade3e557fc407da140a23c711d","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Jc8a9xKVghduPx9i2dW/LvR909IaM0UaORffKNU5g/LgxjPTts78ea8pAz0sHMrgG+wT6RryelJxT+SE2B37/w==","shasum":"cb04701429500e1d4f60ec6aa0981db7cb684b3b","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231120103858.tgz","fileCount":83,"unpackedSize":459330,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBRkz2Xv5q4NHI4qFSkcY3t6qAar8fUEarDAyofZejWAiATsA2G9M6zgHqkzq5/YBJ+6IYQMmD5ne1xZO7dVnagOg=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231120103858_1700477215362_0.587780817082115"},"_hasShrinkwrap":false},"0.0.1-rc.2":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-rc.2","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-rc.2","@honeycomb-finance/core":"0.1.0-rc.2","@honeycomb-finance/state-hooks":"0.0.1-rc.2","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-rc.2","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"c8ded8b6faf7c74a6064a6470e796ba47ac0bbd1","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-OUUcKhidgbNt4U1/mqIXhmP+Jn9BhV7cz6iAP0I1yF5qwElcQKuPfHiU5c6Hrv2Av2+yjDHTd0ngmWALYh3LfA==","shasum":"74b55314c46980f30e0506e93813a812bcd0c715","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-rc.2.tgz","fileCount":83,"unpackedSize":457646,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHABgUxSEDtM/QVooOPRC8OeqQeHUvSc4Bqt+zpFrvrkAiASonbLGyfGJ7jR4SaccuW5RcB5/SILMYQWzqhetSH1Mw=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-rc.2_1700490924820_0.6011862210339409"},"_hasShrinkwrap":false},"0.0.1-internal-20231122173717":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231122173717","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231122173717","@honeycomb-finance/core":"0.1.0-internal-20231122173717","@honeycomb-finance/state-hooks":"0.1.0-internal-20231122173717","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231122173717","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"f1ea7b82ad9e9d12d676d5977b2f9eca0ea340d1","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-qAfLYKaBg8/5dltivmf6kkThtuREEb71hrjmzy491DDHbAorn1r+XjT2o5RBBEDTcs5RM/jdXGyyoIHdXl9QTQ==","shasum":"09232f75076a3e6501344d9d9bb124ecbff18f6f","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231122173717.tgz","fileCount":83,"unpackedSize":459851,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOc+NcE6RM6lTX+m0bauFArDVWiYDOF5IU1xIfpemE9AIgWpI8jE4WZ+v8gEsxMc+Rs5w370hmVtYjScFmL2Sjul4="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231122173717_1700675117176_0.029710078365400294"},"_hasShrinkwrap":false},"0.0.1-internal-20231123134049":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231123134049","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231123134049","@honeycomb-finance/core":"0.1.0-internal-20231123134049","@honeycomb-finance/state-hooks":"0.1.0-internal-20231123134049","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231123134049","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"ec1e951144dd0b7bff94d8d0ef0675e20f377e80","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-RzaRMIk3835yww12OIDDu8as2kCZrfbYD/eZT+Nm8N2wSk2jqhW6ZqnP5S+ckVBdCnJDhuew3eBX+gxWp0fiCw==","shasum":"3f433ffe8fbe48529e3f595d58ab72a4cd89c74e","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231123134049.tgz","fileCount":83,"unpackedSize":459851,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSNubftG+VwenPXLiMPvro6ntfHMyQ7QvTXaOrZJXBMwIgbWu3wxb4qeMnaYsxDJ+Oze4uEFtG4OlnuOPcXsC3yj0="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231123134049_1700747330667_0.1443243709257933"},"_hasShrinkwrap":false},"0.0.1-rc.3":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-rc.3","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-rc.3","@honeycomb-finance/core":"0.1.0-rc.3","@honeycomb-finance/state-hooks":"0.1.0-rc.3","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-rc.3","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"2511774796188adbb3bae54fdd62abbf62b27651","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-pF2QZKvtZhsxGjOiF2nLMmqQsgFkJ3jC/9kEdSFf/RT1fqIbEtUuPKh3U2qjYNLnhu3WpwWPzhSgWNU8lTOQMQ==","shasum":"22e0b8db06fa7c7d1580882e9ffeca5829191951","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-rc.3.tgz","fileCount":83,"unpackedSize":457943,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV0UJ8DYDG7L6zth1R2dn7I0p5T5MgpWlDW21m61vdYAIgTMV1nVyKzGtNuhrtbphmWU8njtpxCJjiLlHeFWXCpyE="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-rc.3_1700846464970_0.35577889333289625"},"_hasShrinkwrap":false},"0.0.1-internal-20231126132620":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231126132620","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231126132620","@honeycomb-finance/core":"0.1.0-internal-20231126132620","@honeycomb-finance/state-hooks":"0.1.0-internal-20231126132620","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231126132620","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"89245f8cdc83b6e91302f782108ae6ad41631d46","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-dDtRI0JR9F4Wvjc6ph7Lzi0zuFDcqLwBRyeGr8bYEJeFexlP2Idaga/3lBOW7OD5uu4N6TrFob+Qt07Fzwq9QA==","shasum":"b4e566d9b5657b1a993f7f8e893d87174dca2276","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231126132620.tgz","fileCount":83,"unpackedSize":460146,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhm7OXmS9hbywm1Wwc1Pvz9wvho2hUz0iJgM7CDPnJfgIgKW6Ti1LERyBLXqd6aSadk2m31AEccp2pg03dJaHBF7c="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231126132620_1701005658901_0.7659488195739215"},"_hasShrinkwrap":false},"0.0.1-rc.4":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-rc.4","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-rc.4","@honeycomb-finance/core":"0.1.0-rc.4","@honeycomb-finance/state-hooks":"0.1.0-rc.4","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-rc.4","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"eca452819fc306684d7613d5cb78d049efceb9cb","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-yB3bOBviyMGzNDDB9P/lup46H2NnbXMYm+zpcni0T9TjzVKZaJeEQie/i7VNX08DUv36Of+MN8NdCMP+CnAAUg==","shasum":"26667dee1c45950cdbabd75e4464c65a1d376647","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-rc.4.tgz","fileCount":83,"unpackedSize":458515,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJSCI9jvFzam3puYfFr8w7Fp4bJozOr/wIpWy7W4oNiAiEAwJ7FBK4aDSm1oZlQWVrTqRzSXwJiu1U0mwSDycHPBvw="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-rc.4_1702492149088_0.5268774440168775"},"_hasShrinkwrap":false},"1.0.0-rc.5":{"name":"@honeycomb-finance/portfolio","version":"1.0.0-rc.5","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.0-rc.5","@honeycomb-finance/core":"1.0.0-rc.5","@honeycomb-finance/state-hooks":"1.0.0-rc.5","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.0-rc.5","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"bd57f32f7ed6ecca5941aa51a97bed614990da19","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-DnV6fahujd0ZAuFj3HlkZ5SWEai86FDsOv1NmQErstgT+qClxC77rNGA3SmI3cSXSmH/pj1s3Bn32crIPoTu2Q==","shasum":"a6199ade393751a7863a6b3c7b456ef542653092","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.0-rc.5.tgz","fileCount":83,"unpackedSize":459037,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzNxLIwwsx1ddx5xht3++Y/HgWNVgDQIqDKI7L6reIlAIgcSyDrhGWS17hDepvQTcBsLeSGhpsRUfUCYaJXWTjBp0="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.0-rc.5_1702625185491_0.9646541857081441"},"_hasShrinkwrap":false},"1.0.0":{"name":"@honeycomb-finance/portfolio","version":"1.0.0","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.0","@honeycomb-finance/core":"1.0.0","@honeycomb-finance/state-hooks":"1.0.0","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.0","gitHead":"c5ced0a7e5051dd5050a2fd849a85e5cb1f45518","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Pz6VEVih9TVHhZZ26azWvApdp1Qi4vLRoydremLy+3jEsvGrKtzzy9aUlhJARmNahmZeBntphojoL3IDYh6MZg==","shasum":"a15bd50af670dbe6d345236c4ae928668a6113df","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.0.tgz","fileCount":83,"unpackedSize":461835,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBOi4W2kCXdmN06ALoq/1i1MbSP8vhneLqyEDtKNAMaKAiA8rr0WPWVU78Z5JZ4V/vUI44wuz/zRaX0CUL9PGVR76Q=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.0_1702630574230_0.32941530521799844"},"_hasShrinkwrap":false},"1.0.1-internal-20231219181808":{"name":"@honeycomb-finance/portfolio","version":"1.0.1-internal-20231219181808","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.1-internal-20231219181808","@honeycomb-finance/core":"1.0.1-internal-20231219181808","@honeycomb-finance/state-hooks":"1.0.1-internal-20231219181808","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.1-internal-20231219181808","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"9c28fe21fabdef05a9db4d40e6259828c8cf6216","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Wb4T4EeRKujapriJJHrJMX/QJWXzILCc1cQS1zkb7sCDsi5LUQzpbJQEABWZq9bUYu2IN+e00T04rXUB9+7+xQ==","shasum":"867ac7e35c7debabca9998990d406655e83ed1b6","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.1-internal-20231219181808.tgz","fileCount":83,"unpackedSize":462501,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE8SCZRwhXvchGl8TbdEfJLJZcUaOVQUdSNfggb/4M4uAiEAjUbDhEyI5+NGD91vWrCoEVMGlJVl0uBaxxHdReesxEU="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.1-internal-20231219181808_1703010384645_0.47204466007668655"},"_hasShrinkwrap":false},"1.0.1":{"name":"@honeycomb-finance/portfolio","version":"1.0.1","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.1","@honeycomb-finance/core":"1.0.1","@honeycomb-finance/state-hooks":"1.0.1","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.1","gitHead":"0444a645808704581b4c27e5479972bc8e420269","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-nwGn5K7XW5gg2xCfy3Fsz1KjvsqDh3zSlnQStWpWRv7E9lralWcHyI+/maTWwYgK8DIgFg4ivPwsJfNw3A+Opw==","shasum":"a41951552bf457a14490eb31add91a0ed8cb5484","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.1.tgz","fileCount":83,"unpackedSize":462372,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFU9dw9R1UsBLZNUjh7RBPJCOvPCVW37bawzFDWFtaWEAiA2kaCcKqDkjz+EKxJAKuKNtto2bFweQz8U4KMQofoeQw=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.1_1703012773693_0.9105655845690415"},"_hasShrinkwrap":false},"0.0.1-internal-20231220125716":{"name":"@honeycomb-finance/portfolio","version":"0.0.1-internal-20231220125716","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"0.1.0-internal-20231220125716","@honeycomb-finance/core":"0.1.0-internal-20231220125716","@honeycomb-finance/state-hooks":"0.0.1-internal-20231220125716","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@0.0.1-internal-20231220125716","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"ef50da58fc0da0a077c0a84c65d0ac709b559e49","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-hCmZ1OXdvPVdg3c5zzD0dRUPP44QQ6J6H4tfTFhDc5fgbxIE28qLV3vsyRpboSlC9fpjpHN7YwTeOQMQ88g+gA==","shasum":"6f189e11661452ebf3eb7fea5fc45829c1773260","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-0.0.1-internal-20231220125716.tgz","fileCount":83,"unpackedSize":459332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAiFZR0mRQ1PBGztCGfaF4O0Bm3C4juFufRyIidjk98qAiEAjLetM7hndKxpMkiSJqqs4B6GDbjCRRXJQidGJPwOHH8="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_0.0.1-internal-20231220125716_1703077518758_0.020620004435968342"},"_hasShrinkwrap":false},"1.0.1-internal-20231220160144":{"name":"@honeycomb-finance/portfolio","version":"1.0.1-internal-20231220160144","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.1-internal-20231220160144","@honeycomb-finance/core":"1.0.1-internal-20231220160144","@honeycomb-finance/state-hooks":"1.0.1-internal-20231220160144","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.1-internal-20231220160144","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"615bcb6c1576ba9cf80552ef4ae80140c25c53d3","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-gxDMFRqxrqy9nga1AK0G0hqtifz8v+PuzWgc2h2zX1M99j0ac/BpZKlBVyLeGxK7/FHo1rfwjxs7+z1KGXUxdA==","shasum":"87b119d83d6fbda05863eef829aad9f33d9b558d","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.1-internal-20231220160144.tgz","fileCount":83,"unpackedSize":462564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZtrmnuFePfYkok2TjpH+C1CWLAT/1bxWNkEglw/9jXAiEA8LqTBJeBB7oRRXR8F1CI/btZ3GKPFMLTImt1wMBCvNM="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.1-internal-20231220160144_1703088575984_0.7067801695056315"},"_hasShrinkwrap":false},"1.0.1-internal-20231220192401":{"name":"@honeycomb-finance/portfolio","version":"1.0.1-internal-20231220192401","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.1-internal-20231220192401","@honeycomb-finance/core":"1.0.1-internal-20231220192401","@honeycomb-finance/state-hooks":"1.0.1-internal-20231220192401","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.1-internal-20231220192401","readme":"# Pangolin Portfolio\nComponents to interact to show the portfolio of a account or track tokens prices.\n\n## Installation\n`yarn add @honeycomb-finance/portfolio`\n\nor\n\n`npm install @honeycomb-finance/portfolio`\n\n### Install below dependancies as its peer dependancies\n\n```\nreact\nreact-dom\n@pangolindex/sdk\n```\n\n## Story Book\n\n1. do `yarn storybook` to start the storybook\n2. now connect to http://localhost:6006 to see the components\n\n## Development\n\n1. `yarn install`\n2. `yarn dev` and keep that terminal running\n\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\n\n## Getting Start\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\n\n_Use version **6.0.9** of `@web3-react/core` package._\n\n```tsx\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\n\nfunction getLibrary(provider: any): Web3Provider {\n try {\n const library = new Web3Provider(provider, 'any');\n library.pollingInterval = 15000;\n return library;\n } catch (error) {\n return provider;\n }\n}\n\n// library -> web3.js provider\n// chainId -> chain id with which user is connected\n// account -> user's connected wallet address\n// theme -> optional ( refer Theme guide to customize it )\nReactDOM.render(\n \n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n);\n```\n\n## Components\n\n### MyPortfolio\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\n\n\n\n### Portfolio\nThis component shows the total in dollar of a account in wallet in chains.\n\n\n\n### WatchList\nThis component is used to track the price of various tokens.\n\n\n\n### TokenInfo\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\n\nVariations:\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\n\n\n","readmeFilename":"README.md","gitHead":"76d81d9590747d9410252b4ff10780feffd70b96","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-eg98Gv9YEo5cct74kMNcRqNJXQU1M0PoATTj60riqxJG2etBRwJ/wXK1fa2rmoR/k/ROoF2gQEEupGCjlb4GtQ==","shasum":"4dcfcc5bddaf1d2a909d45f7fa16290a9bee90b9","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.1-internal-20231220192401.tgz","fileCount":83,"unpackedSize":462564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGHLQxCVagHeNDs4YyxAkdXgiZyVIgBFyc5mYctYAOU4AiAh0077Ek9qPyWvypP8g0tISRXyS6/TVzsicZpjQ+vfEA=="}]},"_npmUser":{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},"directories":{},"maintainers":[{"name":"abdullahbayraklilar","email":"abdullah@ortege.io"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.1-internal-20231220192401_1703100718098_0.16434787665000306"},"_hasShrinkwrap":false},"1.0.2":{"name":"@honeycomb-finance/portfolio","version":"1.0.2","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.2","@honeycomb-finance/core":"1.0.1","@honeycomb-finance/state-hooks":"1.0.2","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.2","readme":"# Pangolin Portfolio\r\nComponents to interact to show the portfolio of a account or track tokens prices.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/portfolio`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/portfolio`\r\n\r\n### Install below dependancies as its peer dependancies\r\n\r\n```\r\nreact\r\nreact-dom\r\n@pangolindex/sdk\r\n```\r\n\r\n## Story Book\r\n\r\n1. do `yarn storybook` to start the storybook\r\n2. now connect to http://localhost:6006 to see the components\r\n\r\n## Development\r\n\r\n1. `yarn install`\r\n2. `yarn dev` and keep that terminal running\r\n\r\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\r\n\r\n## Getting Start\r\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\r\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\r\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\r\n\r\nfunction getLibrary(provider: any): Web3Provider {\r\n try {\r\n const library = new Web3Provider(provider, 'any');\r\n library.pollingInterval = 15000;\r\n return library;\r\n } catch (error) {\r\n return provider;\r\n }\r\n}\r\n\r\n// library -> web3.js provider\r\n// chainId -> chain id with which user is connected\r\n// account -> user's connected wallet address\r\n// theme -> optional ( refer Theme guide to customize it )\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root'),\r\n);\r\n```\r\n\r\n## Components\r\n\r\n### MyPortfolio\r\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\r\n\r\n\r\n\r\n### Portfolio\r\nThis component shows the total in dollar of a account in wallet in chains.\r\n\r\n\r\n\r\n### WatchList\r\nThis component is used to track the price of various tokens.\r\n\r\n\r\n\r\n### TokenInfo\r\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\r\n\r\nVariations:\r\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\r\n\r\n\r\n","readmeFilename":"README.md","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-YUkYFCe+Bztk5etKdf5rlm98ZJYiXrvvVU3o21BGoVAlEHp9O7fiCBLwVhwyDgywYrm+AfUgHxNCP1APaVYAow==","shasum":"d016d6e4270580a95abe6e10be73fa5032e1ac84","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.2.tgz","fileCount":83,"unpackedSize":465138,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC/8gkgNtUoOzyvsjG8f0dy1cVnYwhocydh9AsTtWYRnAiAyfu9tK091MFX4ny5dtNe6YpoYESs+FyQKnzjUIgEzdQ=="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.2_1708960731347_0.4116594219732823"},"_hasShrinkwrap":false},"1.0.3":{"name":"@honeycomb-finance/portfolio","version":"1.0.3","main":"lib/index.cjs.js","module":"lib/index.esm.js","types":"lib/index.d.ts","license":"MIT","scripts":{"lint":"eslint ./src --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint --fix ./src --ext .js,.jsx,.ts,.tsx","tsc":"tsc","build":"rollup -c --environment ENV:production","dev":"rollup -c --watch","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"devDependencies":{"@babel/preset-env":"^7.21.5","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.21.5","@rollup/plugin-commonjs":"^21.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^13.0.5","@rollup/plugin-url":"^7.0.0","@storybook/react":"7.0.10","@storybook/react-webpack5":"7.0.10","@types/react":"^18.2.5","@types/react-custom-scrollbars":"4.0.10","@types/styled-components":"5.1.15","@types/react-window":"^1.8.2","@types/numeral":"^2.0.2","@types/prop-types":"^15.7.4","eslint":"^7.32.0","react":"^18.2.0","react-dom":"18.2.0","rollup":"^2.79.0","rollup-plugin-cleaner":"^1.0.0","rollup-plugin-includepaths":"^0.2.4","rollup-plugin-node-externals":"^4.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-tsc-alias":"*","rollup-plugin-typescript2":"^0.34.1","storybook":"7.0.10","typescript":"4.5.2"},"dependencies":{"@ethersproject/providers":"5.6.8","@honeycomb-finance/shared":"1.0.3","@honeycomb-finance/core":"1.0.2","@honeycomb-finance/state-hooks":"1.0.3","@web3-react/core":"6.0.9","axios":"0.26.0","dayjs":"1.10.7","jotai":"2.0.3","lodash":"4.0.1","numeral":"2.0.6","prop-types":"15.8.1","qs":"6.10.3","styled-components":"5.3.3","react-custom-scrollbars":"4.2.1","react-feather":"2.0.9","react-window":"1.8.5","react-query":"3.39.3","react-use":"15.3.8","recharts":"2.1.13"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2"},"publishConfig":{"access":"public"},"_id":"@honeycomb-finance/portfolio@1.0.3","gitHead":"204fb34b99655286decf30a846fc18dd8d8c0132","description":"Components to interact to show the portfolio of a account or track tokens prices.","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-cUj+2wWQCMnY21kx10Y85F5ELP7KaxReVBZd/pC2CcoiVcq0/Gvu5X2BaqmIIti3Za/eKWCIT92tBE4G1zBh1w==","shasum":"f7e8c2da7caafedc492332312c4b0c9172693bc5","tarball":"https://registry.npmjs.org/@honeycomb-finance/portfolio/-/portfolio-1.0.3.tgz","fileCount":83,"unpackedSize":465138,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFh5D0yhESWmteeVI7nGW9d5awzi2F/8RT8dzV/5EkxhAiEAnJzDPauy0MJaooIFr1MllEA/AaIuVt02OexQr6i2FZY="}]},"_npmUser":{"name":"canarydev","email":"canarydefi@gmail.com"},"directories":{},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portfolio_1.0.3_1709033636589_0.02726663446804589"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-20T08:38:11.133Z","0.0.1-internal-20230920083758":"2023-09-20T08:38:11.470Z","modified":"2024-02-27T11:33:57.697Z","0.0.1-internal-20230920162910":"2023-09-20T16:42:07.707Z","0.0.1-internal-20230920184619":"2023-09-20T18:57:32.571Z","0.0.1-internal-20230920201500":"2023-09-20T20:27:27.775Z","0.0.1-internal-20230921064423":"2023-09-21T06:52:58.017Z","0.0.1-internal-20230921150858":"2023-09-21T15:21:26.090Z","0.0.1-internal-20230922074227":"2023-09-22T07:52:06.622Z","0.0.1-internal-20230928072245":"2023-09-28T07:32:44.702Z","0.0.1-internal-20230928134042":"2023-09-28T13:51:16.895Z","0.0.1-internal-20231010051505":"2023-10-10T05:26:34.629Z","0.0.1-rc.0":"2023-10-17T07:46:47.886Z","0.0.1-internal-20231018134906":"2023-10-18T13:57:31.839Z","0.0.1-internal-20231107124121":"2023-11-07T12:49:23.167Z","0.0.1-rc.1":"2023-11-07T14:17:32.788Z","0.0.1-internal-20231108140641":"2023-11-08T14:18:28.590Z","0.0.1-internal-20231108171900":"2023-11-08T17:29:33.877Z","0.0.1-internal-20231115133537":"2023-11-15T13:43:45.805Z","0.0.1-internal-20231120103858":"2023-11-20T10:46:55.582Z","0.0.1-rc.2":"2023-11-20T14:35:25.046Z","0.0.1-internal-20231122173717":"2023-11-22T17:45:17.432Z","0.0.1-internal-20231123134049":"2023-11-23T13:48:50.921Z","0.0.1-rc.3":"2023-11-24T17:21:05.215Z","0.0.1-internal-20231126132620":"2023-11-26T13:34:19.196Z","0.0.1-rc.4":"2023-12-13T18:29:09.391Z","1.0.0-rc.5":"2023-12-15T07:26:25.848Z","1.0.0":"2023-12-15T08:56:14.444Z","1.0.1-internal-20231219181808":"2023-12-19T18:26:25.002Z","1.0.1":"2023-12-19T19:06:13.967Z","0.0.1-internal-20231220125716":"2023-12-20T13:05:19.011Z","1.0.1-internal-20231220160144":"2023-12-20T16:09:36.236Z","1.0.1-internal-20231220192401":"2023-12-20T19:31:58.387Z","1.0.2":"2024-02-26T15:18:51.554Z","1.0.3":"2024-02-27T11:33:56.936Z"},"maintainers":[{"name":"canarydev","email":"canarydefi@gmail.com"},{"name":"sarjuhansaliya","email":"sarju.hansaliya@gmail.com"},{"name":"hariseldon","email":"jtrollip@protonmail.com"}],"description":"Components to interact to show the portfolio of a account or track tokens prices.","license":"MIT","readme":"# Pangolin Portfolio\r\nComponents to interact to show the portfolio of a account or track tokens prices.\r\n\r\n## Installation\r\n`yarn add @honeycomb-finance/portfolio`\r\n\r\nor\r\n\r\n`npm install @honeycomb-finance/portfolio`\r\n\r\n### Install below dependancies as its peer dependancies\r\n\r\n```\r\nreact\r\nreact-dom\r\n@pangolindex/sdk\r\n```\r\n\r\n## Story Book\r\n\r\n1. do `yarn storybook` to start the storybook\r\n2. now connect to http://localhost:6006 to see the components\r\n\r\n## Development\r\n\r\n1. `yarn install`\r\n2. `yarn dev` and keep that terminal running\r\n\r\nor see the [README file](/monorepo/README.md) in monorepo to run the example app.\r\n\r\n## Getting Start\r\nIn your main file wrap your app with `HoneycombProvider` and `Web3ReactProvider`:\r\n\r\n_Use version **6.0.9** of `@web3-react/core` package._\r\n\r\n```tsx\r\nimport { HoneycombProvider } from '@honeycomb-finance/honeycomb-provider';\r\nimport { NetworkContextName, useActiveWeb3React } from '@honeycomb-finance/shared';\r\nimport { Web3ReactProvider, createWeb3ReactRoot } from '@web3-react/core';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst Web3ProviderNetwork = createWeb3ReactRoot(NetworkContextName);\r\n\r\nfunction getLibrary(provider: any): Web3Provider {\r\n try {\r\n const library = new Web3Provider(provider, 'any');\r\n library.pollingInterval = 15000;\r\n return library;\r\n } catch (error) {\r\n return provider;\r\n }\r\n}\r\n\r\n// library -> web3.js provider\r\n// chainId -> chain id with which user is connected\r\n// account -> user's connected wallet address\r\n// theme -> optional ( refer Theme guide to customize it )\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root'),\r\n);\r\n```\r\n\r\n## Components\r\n\r\n### MyPortfolio\r\nThis component show the tokens and the liquidity in pangolin on avalanche, on selected chain.\r\n\r\n\r\n\r\n### Portfolio\r\nThis component shows the total in dollar of a account in wallet in chains.\r\n\r\n\r\n\r\n### WatchList\r\nThis component is used to track the price of various tokens.\r\n\r\n\r\n\r\n### TokenInfo\r\nThis component show the information about a token, balance of token in wallet, unclameid balance of token, price of token in usd, circulation supply and total supply.\r\n\r\nVariations:\r\n- **TokenInfoModal** is the TokenInfo wrapped in Modal.\r\n\r\n\r\n","readmeFilename":"README.md"}