{"_id":"@apichaikub/my-component-library","name":"@apichaikub/my-component-library","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@apichaikub/my-component-library","author":{"name":"Andreas Riedmüller"},"private":false,"version":"0.0.1","type":"module","main":"dist/main.js","types":"dist/main.d.ts","repository":{"type":"git","url":"git+https://github.com/apichaikub/my-component-library.git"},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/node":"^20.4.8","@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@typescript-eslint/eslint-plugin":"^6.0.0","@typescript-eslint/parser":"^6.0.0","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","glob":"^10.3.3","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.2","vite":"^4.4.5","vite-plugin-dts":"^3.5.1","vite-plugin-lib-inject-css":"^1.2.0"},"gitHead":"1ec3ada02f70f51258f789b4506dbf11a926afe2","description":"This repository was published along with an article on [how to create a react component library](https://dev.to/apichaikub/how-to-create-a-react-component-library-using-vites-library-mode-4lma) with Vite's library mode.","bugs":{"url":"https://github.com/apichaikub/my-component-library/issues"},"homepage":"https://github.com/apichaikub/my-component-library#readme","_id":"@apichaikub/my-component-library@0.0.1","_nodeVersion":"17.5.0","_npmVersion":"8.4.1","dist":{"integrity":"sha512-uxG2s5xFnezhOD5CJG1q6ab0KF1scV77SBw+nyOF83E/d+xJK2F0UKYfRW54n0PdJbctvxtA0btxMAMOpoNhGg==","shasum":"e1800d54879a0531f6a72e5f6198d1f047cecfcb","tarball":"https://registry.npmjs.org/@apichaikub/my-component-library/-/my-component-library-0.0.1.tgz","fileCount":14,"unpackedSize":5176,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/xVFFdg5dttDT8ND0/f3xx5SXXoJDlzikfFGh66uofAiB1E9pJDG1kHomLHltegbI3Ewp0DUf8ZmG8Ay4xL1Tu/A=="}]},"_npmUser":{"name":"apichaikub","email":"apichai.densamut@gmail.com"},"directories":{},"maintainers":[{"name":"apichaikub","email":"apichai.densamut@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/my-component-library_0.0.1_1698124724842_0.5030136209634517"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-24T05:18:44.763Z","0.0.1":"2023-10-24T05:18:45.037Z","modified":"2023-10-24T05:18:45.328Z"},"maintainers":[{"name":"apichaikub","email":"apichai.densamut@gmail.com"}],"description":"This repository was published along with an article on [how to create a react component library](https://dev.to/apichaikub/how-to-create-a-react-component-library-using-vites-library-mode-4lma) with Vite's library mode.","homepage":"https://github.com/apichaikub/my-component-library#readme","repository":{"type":"git","url":"git+https://github.com/apichaikub/my-component-library.git"},"author":{"name":"Andreas Riedmüller"},"bugs":{"url":"https://github.com/apichaikub/my-component-library/issues"},"readme":"# A simple (demo) react component libarary\nThis repository was published along with an article on [how to create a react component library](https://dev.to/apichaikub/how-to-create-a-react-component-library-using-vites-library-mode-4lma) with Vite's library mode.\n\nsecond repo that consumes this libarary: https://github.com/apichaikub/my-component-library-consumer\n\n## Installation\nYou can install it with npm (don't expect much fanciness):\n```bash\nnpm i @apichaikub/my-component-library\n```\n\n## Usage\n```javascript\nimport { Button, Label, Input } from '@apichaikub/my-component-library';\n```\nSee this file for an example on using this library: https://github.com/apichaikub/my-component-library-consumer/blob/main/src/App.tsx\n\n## React + TypeScript + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n### Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend updating the configuration to enable type aware lint rules:\n\n- Configure the top-level `parserOptions` property like this:\n\n```js\n   parserOptions: {\n    ecmaVersion: 'latest',\n    sourceType: 'module',\n    project: ['./tsconfig.json', './tsconfig.node.json'],\n    tsconfigRootDir: __dirname,\n   },\n```\n\n- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`\n- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`\n- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list\n","readmeFilename":"README.md"}