{"_id":"@arcade2earn.dev/wormhole-connect","_rev":"2-7afa5e6284cfa4ff518d272010d31a47","name":"@arcade2earn.dev/wormhole-connect","dist-tags":{"latest":"0.0.5"},"versions":{"0.0.3":{"name":"@arcade2earn.dev/wormhole-connect","version":"0.0.3","author":{"name":"Manifest Futures"},"license":"ISC","dependencies":{"@mui/material":"^5.12.1"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","@types/jest":"^27.5.2","@types/node":"^16.18.23","@types/react":"^18.0.37","@types/react-dom":"^18.0.11","babel-loader":"^9.1.2","ts-loader":"^9.4.2","typescript":"^4.9.5","webpack":"^5.79.0","webpack-cli":"^5.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"lint:ci":"prettier -c ./src && eslint --max-warnings=0 ./src","build:deps":"rm -rf dist && mkdir dist && cp ../wormhole-connect/build/static/js/main.*.js dist/main.js && cp ../wormhole-connect/build/static/css/main.*.css dist/main.css","build:cjs":"tsc -p tsconfig.cjs.json","build:esm":"tsc -p tsconfig.esm.json","build":"npm run build:deps && rm -rf lib && npm run build:cjs && npm run build:esm && node scripts/replaceEnvWithCurrentVersion"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"description":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/types/index.d.ts","exports":{".":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.js","types":"./lib/types/index.d.ts"}},"repository":{"type":"git","url":"git+https://github.com/wormhole-foundation/wormhole-connect.git"},"bugs":{"url":"https://github.com/wormhole-foundation/wormhole-connect/issues"},"homepage":"https://github.com/wormhole-foundation/wormhole-connect#readme","_id":"@arcade2earn.dev/wormhole-connect@0.0.3","gitHead":"d74f07955c9ac96088b968b940b666eeb29e21b6","_nodeVersion":"18.18.1","_npmVersion":"10.2.0","dist":{"integrity":"sha512-t/ZFP6HgMsRuWHAoDduhlyuZSoLvcXpunO0yEpwPmp2v+dbc4U6oiGt6o5rHAbsGkD8DyY6u8tW1MpeK+IZLlA==","shasum":"cba7cb85c00391a298c0715311f8ec73c3ae353f","tarball":"https://registry.npmjs.org/@arcade2earn.dev/wormhole-connect/-/wormhole-connect-0.0.3.tgz","fileCount":2,"unpackedSize":9042,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDdD33nm/0vLWcEBIWclc8g4f8+cH1YzLJugVNIMQ0AOAiEAoRaSzQ+nj5yjnA1u7mLhHEzA7aNbJIXxsISGdVimJ5A="}]},"_npmUser":{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"},"directories":{},"maintainers":[{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wormhole-connect_0.0.3_1697755788201_0.1664166676840011"},"_hasShrinkwrap":false},"0.0.4":{"name":"@arcade2earn.dev/wormhole-connect","version":"0.0.4","author":{"name":"Manifest Futures"},"license":"ISC","dependencies":{"@mui/material":"^5.12.1"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","@types/jest":"^27.5.2","@types/node":"^16.18.23","@types/react":"^18.0.37","@types/react-dom":"^18.0.11","babel-loader":"^9.1.2","ts-loader":"^9.4.2","typescript":"^4.9.5","webpack":"^5.79.0","webpack-cli":"^5.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"lint:ci":"prettier -c ./src && eslint --max-warnings=0 ./src","build:deps":"rm -rf dist && mkdir dist && cp ../wormhole-connect/build/static/js/main.*.js dist/main.js && cp ../wormhole-connect/build/static/css/main.*.css dist/main.css","build:cjs":"tsc -p tsconfig.cjs.json","build:esm":"tsc -p tsconfig.esm.json","build":"npm run build:deps && rm -rf lib && npm run build:cjs && npm run build:esm && node scripts/replaceEnvWithCurrentVersion"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"description":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/types/index.d.ts","exports":{".":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.js","types":"./lib/types/index.d.ts"}},"repository":{"type":"git","url":"git+https://github.com/wormhole-foundation/wormhole-connect.git"},"bugs":{"url":"https://github.com/wormhole-foundation/wormhole-connect/issues"},"homepage":"https://github.com/wormhole-foundation/wormhole-connect#readme","_id":"@arcade2earn.dev/wormhole-connect@0.0.4","gitHead":"d74f07955c9ac96088b968b940b666eeb29e21b6","_nodeVersion":"18.18.1","_npmVersion":"10.2.0","dist":{"integrity":"sha512-3zclAZc3UKNGiSik7ggv/eWq5/seZIU7qVJFar3K8ljNZt0+hr7YqWMoCSABwHVdHpD8+Crjwr0l1iDB5rt/+w==","shasum":"d165f1febd8e01bd9ae10114ef5949aced08ffb0","tarball":"https://registry.npmjs.org/@arcade2earn.dev/wormhole-connect/-/wormhole-connect-0.0.4.tgz","fileCount":11,"unpackedSize":29224,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAlubm9KCu3+LZMZCr+tMJvmPhBsSR3FugCRkQ0jFvBmAiAS2LFAnM0+pegbRNXZcswfJM5IvZI9pu6xc6byv2EoCg=="}]},"_npmUser":{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"},"directories":{},"maintainers":[{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wormhole-connect_0.0.4_1697758644240_0.6089224793782892"},"_hasShrinkwrap":false},"0.0.5":{"name":"@arcade2earn.dev/wormhole-connect","version":"0.0.5","author":{"name":"Manifest Futures"},"license":"ISC","dependencies":{"@mui/material":"^5.12.1"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^13.5.0","@types/jest":"^27.5.2","@types/node":"^16.18.23","@types/react":"^18.0.37","@types/react-dom":"^18.0.11","babel-loader":"^9.1.2","ts-loader":"^9.4.2","typescript":"^4.9.5","webpack":"^5.79.0","webpack-cli":"^5.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"scripts":{"lint:ci":"prettier -c ./src && eslint --max-warnings=0 ./src","build:deps":"rm -rf dist && mkdir dist && cp ../wormhole-connect/build/static/js/main.js dist/main.js && cp ../wormhole-connect/build/static/css/main.css dist/main.css","build:cjs":"tsc -p tsconfig.cjs.json","build:esm":"tsc -p tsconfig.esm.json","build":"npm run build:deps && rm -rf lib && npm run build:cjs && npm run build:esm && node scripts/replaceEnvWithCurrentVersion"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"description":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).","main":"lib/cjs/index.js","module":"lib/esm/index.js","types":"lib/types/index.d.ts","exports":{".":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.js","types":"./lib/types/index.d.ts"}},"repository":{"type":"git","url":"git+https://github.com/wormhole-foundation/wormhole-connect.git"},"bugs":{"url":"https://github.com/wormhole-foundation/wormhole-connect/issues"},"homepage":"https://github.com/wormhole-foundation/wormhole-connect#readme","_id":"@arcade2earn.dev/wormhole-connect@0.0.5","gitHead":"d74f07955c9ac96088b968b940b666eeb29e21b6","_nodeVersion":"18.18.1","_npmVersion":"10.2.0","dist":{"integrity":"sha512-cthXxnpYIuuYIv76gqehsr1H/BNoQSaHFY9oTbRBgRzKoaiImQmR5PVacmsgNU+m0J5B3YJtMN7Bwd3Vh7pX9A==","shasum":"9469a5494dbb4db0093ee7df00113820911791a8","tarball":"https://registry.npmjs.org/@arcade2earn.dev/wormhole-connect/-/wormhole-connect-0.0.5.tgz","fileCount":13,"unpackedSize":23937729,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkmtTmhVyD9tmfTLTZcRqlFwBpuGInU8TuD6TiDauSRgIgBZLcpTpFceffOCAl09Oq3TExuNGh8YxxI7KhgQ/T7yc="}]},"_npmUser":{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"},"directories":{},"maintainers":[{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wormhole-connect_0.0.5_1697759857446_0.5752320337627967"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-19T22:49:48.083Z","0.0.3":"2023-10-19T22:49:48.419Z","modified":"2023-10-19T23:57:38.064Z","0.0.4":"2023-10-19T23:37:24.476Z","0.0.5":"2023-10-19T23:57:37.878Z"},"maintainers":[{"name":"arcade2earn.dev","email":"andrew.n@arcade2earn.io"}],"description":"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).","homepage":"https://github.com/wormhole-foundation/wormhole-connect#readme","repository":{"type":"git","url":"git+https://github.com/wormhole-foundation/wormhole-connect.git"},"author":{"name":"Manifest Futures"},"bugs":{"url":"https://github.com/wormhole-foundation/wormhole-connect/issues"},"license":"ISC","readme":"# Wormhole Connect\r\n\r\nIntegration does not get easier than this. Wormhole Connect is an easy seamless experience that will help to bring all the functionality of the Wormhole Token Bridge right into your application.\r\n\r\n## Integrate with script/link tags\r\n\r\n> We recommend that you configure your own custom RPC endpoints for each used network for the best performance. The default public RPCs may be throttled or rate limited.  \r\n\r\n> Osmosis support is in beta, reach out to a Wormhole contributor for early access.\r\n\r\n### 1. (Optional) Create a JSON config with customized values:\r\n\r\n```ts\r\n{\r\n  \"env\": \"testnet\",\r\n  \"networks\": [\"goerli\", \"mumbai\"],\r\n  \"tokens\": [\"ETH\", \"WETH\", \"MATIC\", \"WMATIC\"],\r\n  \"mode\": \"light\",\r\n  \"customTheme\": {} // see src/theme.ts\r\n}\r\n```\r\n\r\n#### Accepted values\r\n\r\nEnvironment (`env`):\r\n| Mainnet | Testnet |\r\n| ---------- | --------- |\r\n| mainnet | testnet |\r\n\r\n<br>\r\n\r\nNetworks (`networks`):\r\n| Mainnet | Testnet |\r\n| ---------- | ------------- |\r\n| ethereum | goerli |\r\n| polygon | mumbai |\r\n| bsc | bsc |\r\n| avalanche | fuji |\r\n| celo | avalanche |\r\n| moonbeam | moonbasealpha |\r\n| solana | solana |\r\n| sui | sui |\r\n| aptos | aptos |\r\n| base | basegoerli |\r\n| osmosis | osmosis |\r\n| evmos | evmos |\r\n| kujira | kujira |\r\n\r\n<br>\r\n\r\nTokens (`tokens`):\r\n| Mainnet | Testnet |\r\n| ----------- | -------- |\r\n| ETH | ETH |\r\n| WETH | WETH |\r\n| USDCeth | USDCeth |\r\n| WBTC | |\r\n| USDT | |\r\n| DAI | |\r\n| BUSD | |\r\n| MATIC | MATIC |\r\n| WMATIC | WMATIC |\r\n| USDCpolygon | |\r\n| BNB | BNB |\r\n| WBNB | WBNB |\r\n| USDCbnb | |\r\n| AVAX | AVAX |\r\n| WAVAX | WAVAX |\r\n| USDCavax | USDCavax |\r\n| FTM | FTM |\r\n| WFTM | WFTM |\r\n| CELO | CELO |\r\n| GLMR | GLMR |\r\n| WGLMR | WGLMR |\r\n| SOL | WSOL |\r\n| SUI | SUI |\r\n| USDCsol | |\r\n| APT | APT |\r\n| ETHarbitrum | ETHarbitrum|\r\n| WETHarbitrum | WETHarbitrum|\r\n| USDCarbitrum | USDCarbitrum|\r\n| ETHoptimism | ETHoptimism|\r\n| WETHoptimism | WETHoptimism|\r\n| USDCoptimism | USDCoptimism|\r\n| ETHbase | ETHbase |\r\n| WETHbase | WETHbase |\r\n\r\n<br>\r\n\r\nRoutes (`routes`)\r\n| Mainnet | Testnet |\r\n| -------- | ---------|\r\n| bridge | bridge |\r\n| relay | relay |\r\n| cctpManual | cctpManual |\r\n| cctpRelay | cctpRelay |\r\n| cosmosGateway | cosmosGateway |\r\n\r\n<br>\r\n\r\nMode (`mode`):\r\n| | |\r\n| ---- | ----- |\r\n| dark | light |\r\n\r\n<br>\r\n\r\nTheme (`customTheme`)\r\n\r\nSee [theme.ts](https://github.com/wormhole-foundation/wormhole-connect/blob/development/wormhole-connect-loader/src/theme.ts) for examples\r\n\r\n### 2. Add your config\r\n\r\nAdd a container div with the id `wormhole-connect`. This is where the bridge will be rendered.\r\n\r\n```html\r\n<div id=\"wormhole-connect\" />\r\n```\r\n\r\nIf you created a config from step 1, [stringify](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) it and assign to the `config` attribute on the container element.\r\n\r\n```html\r\n<div\r\n  id=\"wormhole-connect\"\r\n  config='{\"env\":\"mainnet\",\"tokens\":[\"ETH\",\"WETH\",\"WBTC\",\"USDCeth\"]}'\r\n/>\r\n```\r\n\r\n### 2. Add a script and link tag\r\n\r\n```html\r\n<!-- paste below into index.html body -->\r\n<script src=\"https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.12/dist/main.js\"></script>\r\n<link\r\n  href=\"https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.12/dist/main.css\"\r\n/>\r\n```\r\n\r\nNote that the `wormhole-connect` div with your config has to be present _before_ the scripts are loaded. If your application loads it after, you may need to add the scripts like this:\r\n\r\n```js\r\nfunction mount() {\r\n  const script = document.createElement(\"script\");\r\n  script.src =\r\n    \"https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.12/dist/main.js\";\r\n  script.async = true;\r\n\r\n  const link = document.createElement(\"link\");\r\n  link.href =\r\n    \"https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.12/dist/main.css\";\r\n\r\n  document.body.appendChild(script);\r\n  document.body.appendChild(link);\r\n}\r\n```\r\n\r\n## Integrate with React\r\n\r\n```jsx\r\nimport WormholeBridge from \"@wormhole-foundation/wormhole-connect\";\r\nfunction App() {\r\n  return <WormholeBridge />;\r\n}\r\n```\r\n\r\n(Optional) Specify supported networks/tokens and custom RPC endpoints. Your users may encounter rate limits using public RPC endpoints if you do not provide your own\r\n\r\n```jsx\r\nimport WormholeBridge, {\r\n  WormholeConnectConfig,\r\n} from \"@wormhole-foundation/wormhole-connect\";\r\nconst config: WormholeConnectConfig = {\r\n  env: \"mainnet\",\r\n  networks: [\"ethereum\", \"polygon\", \"solana\"],\r\n  tokens: [\"ETH\", \"WETH\", \"MATIC\", \"WMATIC\"],\r\n  rpcs: {\r\n    ethereum: \"https://rpc.ankr.com/eth\",\r\n    solana: \"https://rpc.ankr.com/solana\",\r\n  },\r\n};\r\n\r\nfunction App() {\r\n  return <WormholeBridge config={config} />;\r\n}\r\n```\r\n\r\n(Optional) Customize theme\r\n\r\n```jsx\r\nimport WormholeBridge, {\r\n  light,\r\n  Theme,\r\n  WormholeConnectConfig,\r\n} from \"@wormhole-foundation/wormhole-connect\";\r\nimport lightblue from \"@mui/material/colors/lightBlue\";\r\n\r\n// alters the `light` theme\r\nconst customized: Theme = light;\r\ncustomized.success = lightblue;\r\ncustomized.background.default = \"transparent\";\r\ncustomized.button.action = \"#81c784\";\r\ncustomized.button.actionText = \"#000000\";\r\n\r\nconst config: WormholeConnectConfig = {\r\n  mode: \"light\",\r\n  customTheme: customized,\r\n};\r\n\r\nfunction App() {\r\n  return <WormholeBridge config={config} />;\r\n}\r\n```\r\n\r\n(Optional) Create fully customized theme\r\n\r\n```jsx\r\nimport WormholeBridge, {\r\n  Theme,\r\n  OPACITY,\r\n  WormholeConnectConfig,\r\n} from \"@wormhole-foundation/wormhole-connect\";\r\nimport lightblue from \"@mui/material/colors/lightBlue\";\r\nimport grey from \"@mui/material/colors/grey\";\r\nimport green from \"@mui/material/colors/green\";\r\nimport orange from \"@mui/material/colors/orange\";\r\n\r\nconst customized: Theme = {\r\n  primary: grey,\r\n  secondary: grey,\r\n  divider: \"#ffffff\" + OPACITY[20],\r\n  background: {\r\n    default: \"#232323\",\r\n  },\r\n  text: {\r\n    primary: \"#ffffff\",\r\n    secondary: grey[500],\r\n  },\r\n  error: red,\r\n  info: lightblue,\r\n  success: green,\r\n  warning: orange,\r\n  button: {\r\n    primary: \"#ffffff\" + OPACITY[20],\r\n    primaryText: \"#ffffff\",\r\n    disabled: \"#ffffff\" + OPACITY[10],\r\n    disabledText: \"#ffffff\" + OPACITY[40],\r\n    action: orange[300],\r\n    actionText: \"#000000\",\r\n    hover: \"#ffffff\" + OPACITY[7],\r\n  },\r\n  options: {\r\n    hover: \"#474747\",\r\n    select: \"#5b5b5b\",\r\n  },\r\n  card: {\r\n    background: \"#333333\",\r\n    secondary: \"#474747\",\r\n    elevation: \"none\",\r\n  },\r\n  popover: {\r\n    background: \"#1b2033\",\r\n    secondary: \"#ffffff\" + OPACITY[5],\r\n    elevation: \"none\",\r\n  },\r\n  modal: {\r\n    background: \"#474747\",\r\n  },\r\n};\r\nconst config: WormholeConnectConfig = {\r\n  mode: \"dark\",\r\n  customTheme: customized,\r\n};\r\n\r\nfunction App() {\r\n  return <WormholeBridge config={config} />;\r\n}\r\n```\r\n","readmeFilename":"README.md"}