{"_id":"@abhisek507/react-core-web-element","_rev":"1-91976816aa357a32434845ce3fb8311b","name":"@abhisek507/react-core-web-element","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@abhisek507/react-core-web-element","version":"0.0.1","keywords":["React.js","published react component"],"author":{"name":"abhisek507"},"license":"MIT","_id":"@abhisek507/react-core-web-element@0.0.1","maintainers":[{"name":"abhisek507","email":"abhisek.dutta.507@gmail.com"}],"homepage":"https://github.com/abhisekdutta507/react-core-web-element#readme","bugs":{"url":"https://github.com/abhisekdutta507/react-core-web-element/issues"},"dist":{"shasum":"559896afdbe3f01315a06b23883477f51a4b82e2","tarball":"https://registry.npmjs.org/@abhisek507/react-core-web-element/-/react-core-web-element-0.0.1.tgz","fileCount":8,"integrity":"sha512-RI2BFC7n9MfEApXUU2OhNbv5FEaBGC6CMXRi52ngBWcRE/kFR3c2IBBeGmUEFndka7YTfwUyqcumZAO1LvK+vA==","signatures":[{"sig":"MEQCIBtunnxM70TtotHuh09FhujOYJs/dO2M3o+gMTlNVsmqAiAEOmU4y9ghQgo7fQtGwobZyGIJxX6T+CnU/P3ChFzTVg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11698},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"9c00ab2ede9d1eba44ca30b3277a10d4a1772acc","scripts":{"test":"npm run test","rollup":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"abhisek507","email":"abhisek.dutta.507@gmail.com"},"repository":{"url":"git+ssh://git@github.com/abhisekdutta507/react-core-web-element.git","type":"git"},"_npmVersion":"10.9.2","description":"React component for learning sessions.","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.8.1","typescript":"^5.7.3","tailwindcss":"^4.0.6","@types/react":"^18.3.1","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^16.0.0","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-core-web-element_0.0.1_1739453902075_0.3624572678325768","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@abhisek507/react-core-web-element","version":"0.0.2","description":"React component for learning sessions.","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"test":"npm run test","rollup":"rollup -c --bundleConfigAsCjs"},"repository":{"type":"git","url":"git+ssh://git@github.com/abhisekdutta507/react-core-web-element.git"},"keywords":["React.js","published react component"],"author":{"name":"abhisek507"},"license":"MIT","bugs":{"url":"https://github.com/abhisekdutta507/react-core-web-element/issues"},"homepage":"https://github.com/abhisekdutta507/react-core-web-element#readme","devDependencies":{"@rollup/plugin-commonjs":"^28.0.2","@rollup/plugin-node-resolve":"^16.0.0","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^12.1.2","@types/react":"^18.3.1","react":"^18.3.1","rollup-plugin-dts":"^6.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","tailwindcss":"^4.0.6","tslib":"^2.8.1","typescript":"^5.7.3"},"_id":"@abhisek507/react-core-web-element@0.0.2","gitHead":"26246742892023dc80e70a3ccd54874dec35d129","_nodeVersion":"22.13.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-E5dfdsrMEW7iveKv1kllmhzRrOpDhmhaRZWtA6XOERm0Nvt2yqJjjPKPS2YPNEUInLGiedaBf5Exi/8CqAWOSw==","shasum":"aeaa631da7241d6d31b193558befb48d6d6fbf06","tarball":"https://registry.npmjs.org/@abhisek507/react-core-web-element/-/react-core-web-element-0.0.2.tgz","fileCount":8,"unpackedSize":19927,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFVe6RCLK4c6syDVi/ATVPWi8XjGiD7242pJe6hg0gT/AiEA3VwIt0YhUdoKSG7EA3jrKDru+eWv4/LFVbylTL8JAgs="}]},"_npmUser":{"name":"abhisek507","email":"abhisek.dutta.507@gmail.com"},"directories":{},"maintainers":[{"name":"abhisek507","email":"abhisek.dutta.507@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-core-web-element_0.0.2_1739479401560_0.08471715775249256"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-13T13:38:21.970Z","modified":"2025-02-13T20:43:21.941Z","0.0.1":"2025-02-13T13:38:22.331Z","0.0.2":"2025-02-13T20:43:21.756Z"},"bugs":{"url":"https://github.com/abhisekdutta507/react-core-web-element/issues"},"author":{"name":"abhisek507"},"license":"MIT","homepage":"https://github.com/abhisekdutta507/react-core-web-element#readme","keywords":["React.js","published react component"],"repository":{"type":"git","url":"git+ssh://git@github.com/abhisekdutta507/react-core-web-element.git"},"description":"React component for learning sessions.","maintainers":[{"name":"abhisek507","email":"abhisek.dutta.507@gmail.com"}],"readme":"# @abhisek507/react-core-web-element v0.0.2\n\nEasily publish your React.js components on NPM step by step.\n\n## Installation\n\nInstall npm globally (ignore if already installed):\n\n```bash\nnpm i -g npm\n```\n\nInstall the `@abhisek507/react-core-web-element` library:\n\n```bash\nnpm i @abhisek507/react-core-web-element@0.0.2\n```\n\n## Usage\n\nIn React.js/Next.js/Vanilla JavaScript:\n\n```tsx\nimport { CoreWebElement } from '@abhisek507/react-core-web-element';\n```\n\nRender the JSX/HTML template:\n\n```tsx\nconst elementConfig = {\n  header: {\n    visible: true,\n    heading: 'Header',\n  },\n  nav: {\n    visible: true,\n    title: 'Nav',\n  },\n  content: {\n    visible: true,\n    title: 'Content',\n  },\n  sidebar: {\n    visible: true,\n    title: 'Sidebar',\n  },\n};\n\nfunction App() {\n  return (\n    <CoreWebElement {...elementConfig} />\n  );\n}\n\nexport default App;\n```\n\nWe need few css variables. The values can be changed & based on the project requirements.\n\n```css\n:root {\n  --primary: #005f5a;\n  --secondary: #14b8a6;\n  --tertiary: #a7f3d0;\n  --error: #ef4444;\n  --warning: #f59e0b;\n  --success: #16a34a;\n  --white: #ffffff;\n  --black: #000000;\n  --grey: #e7e5e4;\n}\n```\n\n## Publish\n\nLet's generate the build file,\n\n```sh\nnpm run rollup\n```\n\nIncrease the version count,\n\n- [package.json](./package.json)\n- [package-lock.json](./package-lock.json)\n- [README.md](./README.md)\n\nYou must be logged in on [npm](https://www.npmjs.com/). Then run,\n\n```sh\nnpm publish --access private\n```\n\nIf publishing public plugins use,\n\n```sh\nnpm publish --access public\n```\n","readmeFilename":"README.md"}