{"_id":"x-axios-progress-bar","_rev":"3-c84e9e1a8ae229e98b0337c62a779cf7","name":"x-axios-progress-bar","dist-tags":{"latest":"1.2.2"},"versions":{"1.2.0":{"name":"x-axios-progress-bar","version":"1.2.0","description":"Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests.","main":"dist/index.js","scripts":{"build":"webpack --progress","test":"serve -s -o -p 5000"},"repository":{"type":"git","url":"git+https://github.com/rikmms/progress-bar-4-axios.git"},"author":{"name":"rikmms","email":"sousa.ricardo10@gmail.com"},"license":"MIT","keywords":["axios","http","progress","bar","loading","react","reactjs","vue","vuejs","web"],"devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-es2015":"^6.24.1","babel-preset-stage-1":"^6.24.1","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.2","nprogress":"0.2.0","serve":"6.0.6","style-loader":"0.18.2","webpack":"3.5.5"},"peerDependencies":{"axios":"0.x"},"gitHead":"1a020b0dfeaf831b96ac9611db77eda213af5897","bugs":{"url":"https://github.com/rikmms/progress-bar-4-axios/issues"},"homepage":"https://github.com/rikmms/progress-bar-4-axios#readme","_id":"x-axios-progress-bar@1.2.0","_nodeVersion":"12.4.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-5X9PKlfyS2xNxYWxdmLSHCfatNB0gwQHKGW5SRgYvuggn8v/Uj9a5oWHTs7NOR9QuNBop/1n1oI67wjv2BOJLw==","shasum":"69df78056b0a041b263c2e419814e8bcab191985","tarball":"https://registry.npmjs.org/x-axios-progress-bar/-/x-axios-progress-bar-1.2.0.tgz","fileCount":7,"unpackedSize":29252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhMrQCRA9TVsSAnZWagAAN0cP/1MgZ3imhZwenn95D0m+\nROrtuwUQMjpEJ6POS+mnIBuzTEF0gy8LLblMF7SzkCgN/GSJRhF3glibCWJF\neUJP/JkdPPJW85GYvu7b2bmwgTUReLyFXwO6gyRW+PAD5RPNnBOnZXhjGyyT\nUVS+yiLiNliI49Au6ilcgtnrOsnDcjoUCmd8PjSdiBxdDwT0OZzQlF3V6QoV\nuXLjFwL5O4PK4MpfWDF5tk//Mu/dJhYspZgGll/MeoDwtW6lDM4qnas/Yl1a\n98dlUediNk5HDvqiXe6xMQm+whHC4amEWHqoSmvi/KNQwG3XtrOhC9SqQYAm\nzvY0ajJV18aM1pgKkVZbvk73MRSCkmJow+lcr2jFQW1hf61891D79RO+PYc8\n0GzX4vuyPlM/hx0x108d4VpFAZJMgw6gotDNPzWx2GOQnFN/N6DYyqN+IH+S\nzIWkhlykG/qN5sWivlxP321kDhUuGxlJa9NbuuBePKp+jgpB+lKVRZWWWfeX\nVORTR9DwhzN+YhrCKBIwoHsmML9SKvzzy0vZM1LTzsgjByAsO+Z/Zi28jiNd\nFsZ8j7sEus2dTFryfvB1SzoCHgsyweNmzoZAjFuzht/vOMsDW2yXxYpWNUDs\nDrnX4ZqBP+iWYE/AXFtod2oUc2Y3KTp4XA//fdSkVZ+1oye3N6q2Qd/3jHiv\noc2U\r\n=U1hS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzGts6ZXocH+4Jul08LKksXD5A5JZ9NBoQWdxlYGxmeAIgHbJmL4VjTjgyr+8t0Hx9CdP8avcAYZYG4QFm6yxf2vk="}]},"maintainers":[{"name":"mszkb","email":"mszkb@skca.eu"}],"_npmUser":{"name":"mszkb","email":"mszkb@skca.eu"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/x-axios-progress-bar_1.2.0_1568983759528_0.6313716300027132"},"_hasShrinkwrap":false},"1.2.1":{"name":"x-axios-progress-bar","version":"1.2.1","description":"Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests.","main":"dist/index.js","scripts":{"build":"webpack --progress","test":"serve -s -o -p 5000"},"repository":{"type":"git","url":"git+https://github.com/mszkb/progress-bar-4-axios.git"},"author":{"name":"mszkb","email":"mszkb@skca.eu"},"license":"MIT","keywords":["axios","http","progress","bar","loading","react","reactjs","vue","vuejs","web"],"devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-es2015":"^6.24.1","babel-preset-stage-1":"^6.24.1","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.2","nprogress":"0.2.0","serve":"6.0.6","style-loader":"0.18.2","webpack":"3.5.5"},"peerDependencies":{"axios":"0.x"},"gitHead":"dffd19615547bce3cc3d5c26996458ad33c0357f","bugs":{"url":"https://github.com/mszkb/progress-bar-4-axios/issues"},"homepage":"https://github.com/mszkb/progress-bar-4-axios#readme","_id":"x-axios-progress-bar@1.2.1","_nodeVersion":"12.4.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-8S8pc1zirBw/LGuTZ0Pgcc2spuiAbcPW/Rua++YdfjNOYNjGz600rivl7ZN8LS0NEHpHpWm4+6Hdji9ipjSZxQ==","shasum":"5dfab15a6e1b64c37c7ab2c7252ada37e93dd597","tarball":"https://registry.npmjs.org/x-axios-progress-bar/-/x-axios-progress-bar-1.2.1.tgz","fileCount":7,"unpackedSize":29234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhMszCRA9TVsSAnZWagAA/RcP/2xBXitB+zQU0kdzpV5T\nhPOhTDKCWDGkKlw3T/P2vOZ9J1U3XPbBIim6tb9yUiqHdl/fIiLNCYIG2WDa\n0PFm9mQ2iGQfB0UEDkpo/z87uRUMNS+jN85jb2uBp2YYggHamTa0Zch4I3va\nncTMAXJWqbi4+A99J491XEHK1gofA/QEVQOzStPZz9reyH2aVyvDo6VJH8le\n4eMdbwHyGfBAD10ZIZ+3/38QK6FheVMtq29pWG78LXW7OPLq0aAjW3h3Jadd\n1j0aB7x06hUVrl1A9QJHjWqLljJ2nQCNPKAkv6vNyeOcMJl5WM5NlJ6CQchY\nQnaYBQTr0s0gsjAO98hQNStFXUr2OIaDGfXp8MzaQLcMTi0Og0Kml6u9eXme\nFzZKdHjMur/Mb9k+nD8To/Jr/rBr77OCkEv8pETD1DNYO1Tegphgocvi/lLV\nNyMjcC5m+ahK+QHqWQckFviu6s3sQmWB2qjqiFSsMtBdJbq8a5orEy1JxEmZ\nvMeVHd87q+2F7BeJfFNh07akSfRoJWL3FcKWFD2/iirE7AcmNkSXWDHgxWJa\njMydtFLS5VR3AWVxdGaHTXolGCnUEZyC0J0eUEHQ+ycb+sq6/I9qCiHghrNH\nTHOqbzn6VbENoAehRE1+QuPD6SNwGex38OTpC/pTwmu9bGVZ0o8yCTqUPDxH\nwc0C\r\n=tIUc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCbMuxuMQbIcpN8bjVi8fSPVKyMSvDHRTKJJOS1tpFXQIhAOJgeI+TihwKvJpKaCeRUz4Dxl++fMKuDuevztrMzW0p"}]},"maintainers":[{"name":"mszkb","email":"mszkb@skca.eu"}],"_npmUser":{"name":"mszkb","email":"mszkb@skca.eu"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/x-axios-progress-bar_1.2.1_1568983859038_0.5245571444131685"},"_hasShrinkwrap":false},"1.2.2":{"name":"x-axios-progress-bar","version":"1.2.2","description":"Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests.","main":"dist/index.js","scripts":{"build":"webpack --progress","test":"serve -s -o -p 5000"},"repository":{"type":"git","url":"git+https://github.com/mszkb/progress-bar-4-axios.git"},"author":{"name":"mszkb","email":"mszkb@skca.eu"},"license":"MIT","keywords":["axios","http","progress","bar","loading","react","reactjs","vue","vuejs","web"],"devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-preset-es2015":"^6.24.1","babel-preset-stage-1":"^6.24.1","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.2","nprogress":"0.2.0","serve":"6.0.6","style-loader":"0.18.2","webpack":"3.5.5"},"peerDependencies":{"axios":"0.x"},"gitHead":"1140690c9b1acdbbb960cd23233f90c9a366f06b","bugs":{"url":"https://github.com/mszkb/progress-bar-4-axios/issues"},"homepage":"https://github.com/mszkb/progress-bar-4-axios#readme","_id":"x-axios-progress-bar@1.2.2","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-4EIwywbZZ2zGAoqeDLt1ZaNgWe3c8K4e0LogV6qqT/QiC2b+gxEclPzTbv5WhVbuUEr+fU+QuX0Jb4j9NzliTA==","shasum":"0f1814723eeb010c8ff309ea689a12e32dbe2af0","tarball":"https://registry.npmjs.org/x-axios-progress-bar/-/x-axios-progress-bar-1.2.2.tgz","fileCount":7,"unpackedSize":29240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0DhGCRA9TVsSAnZWagAAbV8P+wVrWVN9yN+rjFkqLv8+\nraxharBR+SPM3kDjMYdCFT3vE4P5guU+gVN3fFdIaRfREhAOKvza1jI3oO4T\nkSL8uwfGTJ125hA+4F2cy3/OQi9NkcJvdYGYRx83R7GBtRWqkHJCcF5gF4em\nWUaOe4iz6H4pEP2Q2CPdRKqp6VmLfSAMQXsyAhmv4z0Cvz0AQNu+ui+HytF1\nkAlpVbH4epjGYmi5UQNSYHxnABiy3feo6aKPETAeottE5j7BsQ5M/PkPN313\nqFUfytdXpBki0Y6BvWrxOgvrEsdw7wSVQMTrLgdfK6zrpIhx7omWbG2kqOWt\n2XIeKiwERTcY/R7zVo0p9HVRDpdNz190jfSBygio8mK4xpsTr/a2GYQtNtzs\nVsVaRMNNuaWVfPmG9Ejk9ezEBAMqWtqq3CI+rEv3rLrVOqGCLhZ/lt0nFlm7\nvW4qgJrPMg/GfemIYg6s1N59QDoIwsowolHBKiJa+NoRVIHMA5X6PJVpS21n\nVRzKfLZvT4u0ICmlrtQaInllS2eLv4Dmz46Rc//+In/Bf+sXHsiSt9wUdk9Z\nQnjcinwlAq0ULk3VO6t929BqogzfWVqqMB3Dx2mt++9DaLlsxa2Uai0E8Mop\nSLRQJCdMZSWm7hUDZQOBAQDPpJ66icTpo/kBpUOMxWdkm2aWIUxji7gEqiuB\nQtZ2\r\n=PmDp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAmq43kCQI2c77DBWaJhYa2YZQt0n4hufgZ7AK46LhqdAiEA4lxe0a96cbSaphUKKWI3AI9rNrX43nhphbd72EYE1rA="}]},"maintainers":[{"name":"mszkb","email":"mszkb@skca.eu"}],"_npmUser":{"name":"mszkb","email":"mszkb@skca.eu"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/x-axios-progress-bar_1.2.2_1590704197486_0.1911578229208939"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-20T12:49:19.527Z","1.2.0":"2019-09-20T12:49:19.651Z","modified":"2022-05-24T20:54:54.747Z","1.2.1":"2019-09-20T12:50:59.196Z","1.2.2":"2020-05-28T22:16:37.625Z"},"maintainers":[{"name":"mszkb","email":"mszkb@skca.eu"}],"description":"Slim progress bar (NProgress) for Web applications that use Axios library for HTTP requests.","homepage":"https://github.com/mszkb/progress-bar-4-axios#readme","keywords":["axios","http","progress","bar","loading","react","reactjs","vue","vuejs","web"],"repository":{"type":"git","url":"git+https://github.com/mszkb/progress-bar-4-axios.git"},"author":{"name":"mszkb","email":"mszkb@skca.eu"},"bugs":{"url":"https://github.com/mszkb/progress-bar-4-axios/issues"},"license":"MIT","readme":"# Axios Progress Bar\r\n\r\nThis module aims to provide a simple usage of a progress bar for the HTTP requests made by Web applications that use the library [axios](https://www.npmjs.com/package/axios). It's high inspired in the module [angular-loading-bar](https://www.npmjs.com/package/angular-loading-bar) and uses the awesome [nprogress](https://www.npmjs.com/package/nprogress) module to display the loading bar in the Browser.\r\n\r\n**Attention:** This module is not bound to any framework. You can use it in any Web application that uses axios.\r\n\r\n### Demo\r\n\r\n\r\n---\r\n\r\n### Installation\r\nIt's available through the NPM package:\r\n\r\n npm install --save axios\r\n npm install --save x-axios-progress-bar\r\n\r\nOr via CDN:\r\n```html\r\n\r\n\r\n````\r\n\r\n---\r\n\r\n### Usage\r\nInvoke (only one time) the function: `loadProgressBar(config, instance)`.\r\n\r\n### Nprogress Config\r\nThe `config` argument is the configuration object for the [nprogress](https://www.npmjs.com/package/nprogress) and is not required. Its properties can be seen [here](https://www.npmjs.com/package/nprogress#configuration).\r\n\r\n### Custom Axios Instance\r\nYou can pass a [Custom Axios Instance](https://github.com/axios/axios#custom-instance-defaults) as a second argument if needed, the argument is not required. If you don't set the `instance` argument the default axios instance will be used.\r\n\r\n\r\n\r\n\r\n__Also, you need to import the CSS file ([nprogress.css](https://cdn.rawgit.com/rikmms/progress-bar-4-axios/0a3acf92/dist/nprogress.css)) that contains the customization of the progress bar.__\r\n\r\n\r\n#### Example in ES6 using the import statement\r\n```js\r\nimport { loadProgressBar } from 'x-axios-progress-bar'\r\n\r\nloadProgressBar()\r\n...\r\n````\r\nDon't forget to import the CSS in the HTML, or through JavaScript with some module bundler like [webpack](https://webpack.js.org/guides/asset-management/#loading-css).\r\n```html\r\n\r\n```\r\n```js\r\nimport 'x-axios-progress-bar/dist/nprogress.css'\r\n```\r\n\r\n#### Example using plain HTML and JavaScript in the Browser\r\n```html\r\n\r\n\r\n \r\n \r\n \r\n \r\n ...\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n```\r\n\r\n### Disable progress bar for specific axios requests\r\nSometimes we don't want to show the progress bar for an axios request (like UX which have degradeable typeaheads). \r\nTo prevent it from popping up for that request, you can pass in `false` for the `progress` parameter in your axios request.\r\n```js\r\naxios.get('URL', { progress: false }) \r\naxios.post('URL', data, { progress: false })\r\n```\r\n\r\n### Tip\r\nThe CSS file contains the properties from the [nprogress style](https://github.com/rstacruz/nprogress/blob/master/nprogress.css). However, It's possible to override the properties or set new ones with a custom CSS.\r\n\r\nIn the next example, the custom CSS only changes the color of the progress bar and the spinner to red.\r\n```html\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n ...\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n```\r\n\r\n\r\n---\r\n\r\n### Bugs/Requests\r\nWrite them in the repository [issues](https://github.com/rikmms/progress-bar-4-axios/issues).\r\n\r\n### Major changes\r\n- version 1.1.0 - [Split the CSS](https://webpack.js.org/guides/production/#split-css) into a separate file. With this change, it's necessary to import the minimal CSS file manually.\r\n- version 1.2.0 - [Support for custom axios instances](https://github.com/rikmms/progress-bar-4-axios/issues/5).\r\n","readmeFilename":"README.md"}