diff --git a/README.md b/README.md index 0391847..4815a97 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,25 @@ -# The modern library that solve all resizing use cases of a Layout. The mono repo contains following pacakges +# The modern library that solve all resizing use cases of a Layout + +## The mono repo contains following pacakges | Available In | Name | Version | Gzip | |--------------|------|---------|------| -| React |[resizable-panes-react][resizable-panes-react-git-link] | | | -| JS |[resizable-panes-next][resizable-panes-next-git-link] | | | -| Next |[resizable-panes-js][resizable-panes-js-git-link] | | | -| Vue |[resizable-panes-vue][resizable-panes-vue-git-link] | | | +| React |[resizable-panes-react][resizable-panes-react-git-link] |[![NPM Version][npm-version-react-badge]][npm-react-link]|[![npm bundle size][npm-min-size-badge-react-link]][npm-min-size-react-link] | +| JS |[resizable-panes-js][resizable-panes-js-git-link] |[![NPM Version][npm-version-js-badge]][npm-js-link]|[![npm bundle size][npm-min-size-badge-js-link]][npm-min-size-js-link] | +| Next |[resizable-panes-next][resizable-panes-next-git-link] |[![NPM Version][npm-version-next-badge]][npm-next-link] | [![npm bundle size][npm-min-size-badge-next-link]][npm-min-size-next-link] | +| Vue |[resizable-panes-vue][resizable-panes-vue-git-link] | | | + +[npm-react-link]: https://www.npmjs.com/package/resizable-panes-react +[npm-version-react-badge]: https://img.shields.io/npm/v/resizable-panes-react + +[npm-js-link]: https://www.npmjs.com/package/resizable-panes-js +[npm-version-js-badge]: https://img.shields.io/npm/v/resizable-panes-js + +[npm-next-link]: https://www.npmjs.com/package/resizable-panes-next +[npm-version-next-badge]: https://img.shields.io/npm/v/resizable-panes-next + +[npm-min-size-badge-react-link]: https://img.shields.io/bundlephobia/minzip/resizable-panes-react +[npm-min-size-react-link]: https://www.npmjs.com/package/resizable-panes-react [resizable-panes-react-git-link]: https://github.com/BipanKishore/resizable-panes/tree/master/packages/resizable-panes-react @@ -14,3 +28,9 @@ [resizable-panes-next-git-link]: https://github.com/BipanKishore/resizable-panes/tree/master/packages/resizable-panes-next [resizable-panes-vue-git-link]: https://github.com/BipanKishore/resizable-panes/tree/master/packages/resizable-panes-vue + +[npm-min-size-badge-js-link]: https://img.shields.io/bundlephobia/minzip/resizable-panes-js +[npm-min-size-js-link]: https://www.npmjs.com/package/resizable-panes-js + +[npm-min-size-badge-next-link]: https://img.shields.io/bundlephobia/minzip/resizable-panes-next +[npm-min-size-next-link]: https://www.npmjs.com/package/resizable-panes-next diff --git a/packages/resizable-panes-next/README.md b/packages/resizable-panes-next/README.md index 25030d4..3ffbb75 100644 --- a/packages/resizable-panes-next/README.md +++ b/packages/resizable-panes-next/README.md @@ -43,7 +43,7 @@ yarn add resizable-panes-next ``` ```jsx -import { Pane, ResizablePanes } from "resizable-panes-react"; +import { Pane, ResizablePanes } from "resizable-panes-next"; function App() { return ( @@ -187,7 +187,7 @@ export const CustomResizer = ({ ```tsx -import {RATIO, BUTTOM_FIRST, TOP_FIRST} from 'resizable-panes-react' +import {RATIO, BUTTOM_FIRST, TOP_FIRST} from 'resizable-panes-next' const n = 100 const paneId = 'P2' @@ -206,11 +206,11 @@ import {RATIO, BUTTOM_FIRST, TOP_FIRST} from 'resizable-panes-react' [nyc-link]:https://img.shields.io/nycrc/BipanKishore/resizable-panes?config=%2Fpackages%2Fresizable-panes-react%2F.nycrc -[npm-link]: https://www.npmjs.com/package/resizable-panes-react -[npm-version-badge]: https://img.shields.io/npm/v/resizable-panes-react +[npm-link]: https://www.npmjs.com/package/resizable-panes-next +[npm-version-badge]: https://img.shields.io/npm/v/resizable-panes-next -[npm-min-size-badge-link]: https://img.shields.io/bundlephobia/minzip/resizable-panes-react -[npm-min-size-link]: https://www.npmjs.com/package/resizable-panes-react +[npm-min-size-badge-link]: https://img.shields.io/bundlephobia/minzip/resizable-panes-next +[npm-min-size-link]: https://www.npmjs.com/package/resizable-panes-next [sonar-react-badge-link]: https://sonarcloud.io/api/project_badges/measure?project=BipanKishore_resizable-panes-react&branch=master&metric=alert_status [sonar-react-link]:https://sonarcloud.io/summary/new_code?id=BipanKishore_resizable-panes-react diff --git a/packages/resizable-panes-next/package.json b/packages/resizable-panes-next/package.json index 84fb316..3a6d086 100644 --- a/packages/resizable-panes-next/package.json +++ b/packages/resizable-panes-next/package.json @@ -1,6 +1,6 @@ { "name": "resizable-panes-next", - "version": "6.0.15", + "version": "6.0.16", "description": "A simple library for resizing elements in the browser", "module": "./lib/esm/index.esm.js", "main": "./lib/cjs/index.cjs.js",