{"_id":"@avenbreaks/hyprlnd-widgets","name":"@avenbreaks/hyprlnd-widgets","dist-tags":{"latest":"4.1.0"},"versions":{"4.1.0":{"name":"@avenbreaks/hyprlnd-widgets","description":"Common react components for Hyperlane projects","version":"4.1.0","author":{"name":"J M Rossy"},"peerDependencies":{"react":"^18","react-dom":"^18"},"devDependencies":{"@hyperlane-xyz/registry":"2.3.0","@hyperlane-xyz/sdk":"^4.1.0","@storybook/addon-essentials":"^7.6.14","@storybook/addon-interactions":"^7.6.14","@storybook/addon-links":"^7.6.14","@storybook/addon-onboarding":"^1.0.11","@storybook/blocks":"^7.6.14","@storybook/react":"^7.6.14","@storybook/react-vite":"^7.6.14","@storybook/test":"^7.6.14","@trivago/prettier-plugin-sort-imports":"^3.2.0","@types/node":"^18.11.18","@types/react":"^18.0.27","@types/react-dom":"^18.0.10","@types/ws":"^8.5.5","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","babel-loader":"^8.3.0","eslint":"^8.41.0","eslint-config-prettier":"^8.8.0","eslint-plugin-storybook":"^0.6.15","postcss":"^8.4.21","prettier":"^2.4.1","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^7.6.14","tailwindcss":"^3.2.4","ts-node":"^10.8.0","typescript":"^5.1.6","vite":"^5.1.1"},"type":"module","exports":{".":"./dist/index.js","./styles.css":"./dist/styles.css"},"types":"./dist/index.d.ts","homepage":"https://www.hyperlane.xyz","keywords":["Hyperlane","Widgets","React","Components","Typescript"],"license":"Apache-2.0","packageManager":"yarn@4.0.2","repository":{"type":"git","url":"git+https://github.com/hyperlane-xyz/hyperlane-widgets.git"},"scripts":{"build":"yarn build:ts && yarn build:css","build:ts":"tsc","build:css":"tailwindcss -c ./tailwind.config.cjs -i ./src/styles.css -o ./dist/styles.css --minify","clean":"rm -rf dist cache","lint":"eslint . --ext .ts","prettier":"prettier --write ./src","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_id":"@avenbreaks/hyprlnd-widgets@4.1.0","gitHead":"560033013fcfce9a0d52f8475bcbc38eeffb309c","bugs":{"url":"https://github.com/hyperlane-xyz/hyperlane-widgets/issues"},"_nodeVersion":"22.13.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-v3/J6UgycVuFBQmXNA0qvFMubsfNTLTmr0vhys9ak2yft8ZhyATO6pGcWn/SdwJobDA+4kL1NV8idmkxnB3EUQ==","shasum":"017cc3c20e41aee5f1beb6e6bca8a67341b02eea","tarball":"https://registry.npmjs.org/@avenbreaks/hyprlnd-widgets/-/hyprlnd-widgets-4.1.0.tgz","fileCount":80,"unpackedSize":95058,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCu8ILn3wzUoifvNjjComDLGyAlWFqcJHzEsg80SpZ35gIgJF49hECLaEImM9DLUBiaolvfRSO1tVRD9046RBNoSv0="}]},"_npmUser":{"name":"avenbreaks","email":"joywibowo10@gmail.com"},"directories":{},"maintainers":[{"name":"avenbreaks","email":"joywibowo10@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/hyprlnd-widgets_4.1.0_1738423407920_0.12861501655901875"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-01T15:23:27.812Z","4.1.0":"2025-02-01T15:23:28.180Z","modified":"2025-02-01T15:23:28.456Z"},"maintainers":[{"name":"avenbreaks","email":"joywibowo10@gmail.com"}],"description":"Common react components for Hyperlane projects","homepage":"https://www.hyperlane.xyz","keywords":["Hyperlane","Widgets","React","Components","Typescript"],"repository":{"type":"git","url":"git+https://github.com/hyperlane-xyz/hyperlane-widgets.git"},"author":{"name":"J M Rossy"},"bugs":{"url":"https://github.com/hyperlane-xyz/hyperlane-widgets/issues"},"license":"Apache-2.0","readme":"# Hyperlane Widgets\r\n\r\nCommon react components for projects using Hyperlane.\r\n\r\n## Installation\r\n\r\n```sh\r\n# Install with npm\r\nnpm install @hyperlane-xyz/widgets\r\n\r\n# Or install with yarn\r\nyarn add @hyperlane-xyz/widgets\r\n```\r\n\r\n### Peer dependencies\r\n\r\nThis package requires `@hyperlane-xyz/sdk`, `react`, and `react-dom`.\r\n\r\n## Contents\r\n\r\n### Components\r\n\r\n- `ChainLogo`: A logo icon for a given chain ID\r\n- `MessageTimeline`: A timeline showing stages of message delivery\r\n- `WideChevron`: A customizable version of Hyperlane's chevron logo\r\n\r\n### Hooks\r\n\r\n- `useMessage`: Fetch data about a message from the Hyperlane Explorer\r\n- `useMessageStage`: Fetch and compute message delivery stage and timings\r\n- `useMessageTimeline`: Fetch message data for use with `MessageTimeline`\r\n\r\n## Learn more\r\n\r\nFor more information, see the [Hyperlane documentation](https://docs.hyperlane.xyz/docs/intro).\r\n","readmeFilename":"README.md"}