{"_id":"@abhikumar_98/test2","name":"@abhikumar_98/test2","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@abhikumar_98/test2","version":"1.0.0","main":"dist/index.cjs.js","module":"dist/index.esm.js","repository":{"url":"git+https://github.com/michal-wrzosek/react-component-lib.git","type":"git"},"license":"MIT","types":"dist/index.d.ts","devDependencies":{"@types/react":"^16.9.55","@types/react-dom":"^16.9.9","@types/styled-components":"^5.1.4","@typescript-eslint/eslint-plugin":"^2.10.0","@typescript-eslint/parser":"^2.10.0","concurrently":"^5.3.0","eslint":"^6.6.0","eslint-config-prettier":"^6.15.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react":"^7.19.0","install-peers-cli":"^2.2.0","prepend-file":"^2.0.0","prettier":"^2.1.2","rollup":"^2.33.1","rollup-plugin-typescript2":"^0.29.0","ts-node":"^9.0.0","tslib":"^2.0.3","typescript":"^4.0.5"},"peerDependencies":{"react":"^16.14.0","react-dom":"^16.14.0","styled-components":"^5.2.1","@apollo/client":"^3.5.10","@metamask/eth-sig-util":"^4.0.0","@types/crypto-js":"^4.1.1","axios":"^0.26.1","crypto-js":"^4.1.1","ethers":"^5.6.4","ipfs-http-client":"^56.0.2","uuidv4":"^6.2.13"},"scripts":{"build":"rollup -c","build-watch":"rollup -c -w","prepublishOnly":"npm run build","postinstall":"install-peers -f","start-example":"cd example && npm start","deploy-example":"cd example && npm run deploy","dev":"concurrently --kill-others \"npm run build-watch\" \"npm run start-example\"","test":"npm run test:lint && npm run test:unit","pretest":"npm run build","test:unit":"ts-node test/test.ts","test:lint":"eslint ./src/**/*.ts ./src/**/*.tsx ./example/src/**/*.ts ./example/src/**/*.tsx","test:lint:fix":"npm run test:lint -- --fix"},"dependencies":{"@apollo/client":"^3.5.10","@metamask/eth-sig-util":"^4.0.0","@types/crypto-js":"^4.1.1","axios":"^0.26.1","crypto-js":"^4.1.1","ethers":"^5.6.4","ipfs-http-client":"^56.0.2","uuidv4":"^6.2.13"},"gitHead":"556fe83492ff1ad6623d6cad334f6f17d71a142d","description":"This is a boilerplate repository for creating npm packages with React components written in TypeScript and using styled-components.","bugs":{"url":"https://github.com/michal-wrzosek/react-component-lib/issues"},"homepage":"https://github.com/michal-wrzosek/react-component-lib#readme","_id":"@abhikumar_98/test2@1.0.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-fPOnl/oRYX0u+TeAEeDVuGTIW9QgrRqbAgAWXAsgg3LkRm65k1PjZit/PrKpGfTk0puJh1dwKgxA/cBoHstyIQ==","shasum":"1a6953ce5e83bc7b37ecd88d52df158c9a513284","tarball":"https://registry.npmjs.org/@abhikumar_98/test2/-/test2-1.0.0.tgz","fileCount":13,"unpackedSize":45222,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS7S55QHwp3Oe5VUKtVHfS93rhZVHSaM9KSxWMHqoKgwIgMqYlQi+msdNvPLxqWhvr/KL1wXD4WijNjXoWOsJoU6c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXZ3zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvEw//RHWY7AP9SA6AqpSkLVBYXeuQvTRoUQ4xNNDiY6zyM+9bCCFi\r\nBtnfqkoyr/sJTnd7oT0gd36+RbBec53db3rloezHUUSAXCZqBrCwM2rXf9Et\r\nAnpPszNGQYo0fp3HQG/WvBYndzhyxC0MH7o1m4SFPrTpCgrYe+PPEqf6N1jY\r\nR6RmcmhgSBr+413RmSE3/PQi3pZJxSwCo04NDEyqYou26X+RrT5nI5/nuwKM\r\nRBTL2FYKkLc7UhlrkZgrazxj95ppUxrAWf0UTMrmbbL0rVweDCCuGkY0yj3U\r\nfvfmAEdP/tewBOu29Jd64PET0KTQZc9DDCS/RgBSq4P/WmGCR3ZSBI5hnmuN\r\nRD8t7Rk9dEtP4bp+KZosea2a0puFOFFJdGdfB6N0szN3Luoveqab6WI63kDF\r\nUa4a5wZWjKheoPZ3ib+38lnN4aNDFKhkV5EZ96Z2ZHV1BRYBbgqtlpG3YCpY\r\nCpbrEzM3ac15s7+nxYmtG02qzu/TmeBli0PGy4KtzrmedYA3OHi2Ob5OWhLt\r\nf6glNdGjMxwP97VHaC0riiIhvI/lpFj+9nDZTNXjLGMfivqpelyoNbJDELI6\r\ns1rjZpkBUzrbAVrvw6B++K422kIjouScPm8uX6rep4y+q7B9WW9JoLcENRVC\r\n5kH4/9I2K+vAqXSigQiTeXQme/oVzNoi6F0=\r\n=T9mf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"abhikumar_98","email":"abhishekkumar35962@gmail.com"},"directories":{},"maintainers":[{"name":"abhikumar_98","email":"abhishekkumar35962@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/test2_1.0.0_1650302451036_0.8202833150407058"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-18T17:20:50.988Z","1.0.0":"2022-04-18T17:20:51.216Z","modified":"2022-04-18T17:20:51.365Z"},"maintainers":[{"name":"abhikumar_98","email":"abhishekkumar35962@gmail.com"}],"description":"This is a boilerplate repository for creating npm packages with React components written in TypeScript and using styled-components.","homepage":"https://github.com/michal-wrzosek/react-component-lib#readme","repository":{"url":"git+https://github.com/michal-wrzosek/react-component-lib.git","type":"git"},"bugs":{"url":"https://github.com/michal-wrzosek/react-component-lib/issues"},"license":"MIT","readme":"# react-component-lib\n\nThis is a boilerplate repository for creating npm packages with React components written in TypeScript and using styled-components.\n\nMedium article explaining step by step how to use this repo to publish your own library to NPM:\nhttps://medium.com/@xfor/developing-publishing-react-component-library-to-npm-styled-components-typescript-cc8274305f5a\n\n## Installation:\n\nTo install all dependencies run:\n\n```\nnpm i\n```\n\nIt will install:\n\n- `dependencies` and `devDependencies` from ./package.json\n- `peerDependencies` from ./package.json thanks to `install-peers-cli`\n- `dependencies` and `devDependencies` from ./example/package.json (example `create react app` for testing)\n\n## Developing your library:\n\nTo start developing your library, run `npm run dev`. It will build your library and run example `create-react-app` where you can test your components. Each time you make changes to your library or example app, app will be reloaded to reflect your changes.\n\n## Styled-components:\n\nDeveloping library with components built with styled-components is challenging because you have to keep only one instance of styled-components. If you would just symlink your library (`file:../` or `npm link`) to example app that is also using styled-components you'll get a console warning about multiple instances of styled-components (even though styled-components are peer dependency) and your styles will be possibly broken. To be able to conveniently develop styled components I am injecting bundled files directly into example app's /src folder and importing it in App.tsx along with type declaration.\n\n## Typescript\n\nThis boilerplate lets you develop your libraries in Typescript and you can simultaneously test it in Typescript example create-react-app.\n","readmeFilename":"README.md"}