New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
react-bootstrap-slider
Advanced tools
react-bootstrap-slider - npm Package Compare versions
Comparing version 1.1.6 to 1.1.7
| { | ||
| "name": "react-bootstrap-slider", | ||
| "version": "1.1.6", | ||
| "version": "1.1.7", | ||
| "description": "Bootstrap Slider component for React", | ||
@@ -14,4 +14,4 @@ "scripts": { | ||
| "prepublish": "npm run build", | ||
| "testDev": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8080/src/", | ||
| "testBuild": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8082/demo/", | ||
| "testDev": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8080/src/ && node ./scripts/openreportsconfirm.js --reportsurl=http://localhost:8080/reports/index.html", | ||
| "testBuild": "node_modules/.bin/protractor --specs=./tests/e2e/slidertest1.js protractor.local.conf.js --baseUrl=http://localhost:8082/demo/ && node ./scripts/openreportsconfirm.js --reportsurl=http://localhost:8082/reports/index.html", | ||
| "update:packages": "node wipe-dependencies.js && rm -rf node_modules && npm update --save-dev && npm update --save", | ||
@@ -38,3 +38,3 @@ "updateSelenium": "node_modules/.bin/webdriver-manager update" | ||
| "dependencies": { | ||
| "bootstrap-slider": "^9.4.1" | ||
| "bootstrap-slider": "^9.7.2" | ||
| }, | ||
@@ -57,4 +57,5 @@ "devDependencies": { | ||
| "jasmine-spec-reporter": "^2.7.0", | ||
| "jquery": "^2.1.1", | ||
| "open": "^0.0.5", | ||
| "path": "^0.12.7", | ||
| "prompt": "^1.0.0", | ||
| "protractor": "^4.0.11", | ||
@@ -67,7 +68,7 @@ "protractor-jasmine2-screenshot-reporter": "^0.3.2", | ||
| "webpack-merge": "^0.17.0", | ||
| "webpack-validator": "^2.2.9" | ||
| "webpack-validator": "^2.2.9", | ||
| "yargs": "^7.0.2" | ||
| }, | ||
| "peerDependencies": { | ||
| "bootstrap": "^3.3.7", | ||
| "jquery": "^2.1.1", | ||
| "react": "^15.0.0", | ||
@@ -74,0 +75,0 @@ "react-dom": "^15.0.0" |
@@ -8,3 +8,3 @@ # React Bootstrap Slider | ||
| ## Background | ||
| Note: This project is a split off from my [react-bootstrap-native-slider](https://www.npmjs.com/package/react-bootstrap-native-slider) plugin. The plan is for the react-bootstrap-slider to become a dependency of react-bootstrap-native-slider, rather than have all the code bundled into the latter, as at present. | ||
| Note: This project started as a split off from my [react-bootstrap-native-slider](https://www.npmjs.com/package/react-bootstrap-native-slider) plugin, which I've subsequently deprecated. | ||
@@ -29,4 +29,11 @@ | ||
| You must ensure that you have included bootstrap-slider's CSS file, otherwise the control will be blank! You'll need Bootstrap's own CSS file too, of course. If you're using Webpack, you can import the CSS file directly into your build. Or you can simply add the files as links in your HTML file, e.g.: | ||
| ### Peer Dependencies | ||
| React and Bootstrap are peer dependencies for react-bootstrap-slider. They will _not_ be installed automatically when you install this component. You will need to install them yourself, as part of your project, if you have not done so already. This command will install them for you if you don't yet have them: | ||
| npm install react@^15 react-dom@^15 bootstrap@^3 --save | ||
| or | ||
| yarn add react@^15 react-dom@^15 bootstrap@^3 | ||
| You must also ensure that you have included bootstrap-slider's CSS file, otherwise the control will be blank! You'll need Bootstrap's own CSS file too, of course. If you're using Webpack, you can import the CSS file directly into your build. Or you can simply add the files as links in your HTML file, e.g.: | ||
| <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> | ||
@@ -72,2 +79,10 @@ <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.4.1/bootstrap-slider.min.js"></script> | ||
| ## Development | ||
| After cloning [the repository from Github](https://www.npmjs.com/package/react-bootstrap-slider), run either: | ||
| yarn | ||
| or | ||
| npm install | ||
| to install the dependencies. Note: React and Boostrap _will_ be installed this time because they are listed as development dependencies as well as peer dependencies for the project. | ||
| To develop, issue this command: | ||
@@ -91,3 +106,3 @@ | ||
| Webpack will build the JavaScript files for the demo and put them in the /demo/js/ folder. Demo code will go in the /demo/js/slider-bundle.min.js file. Any 3rd-party code (jQuery, Bootstrap and the react-bootstrap-slider itself) goes into the /demo/js/vendor.min.js file. Source maps are generated both. | ||
| Webpack will build the JavaScript files for the demo and put them in the /demo/js/ folder. Demo code will go in the /demo/js/slider-bundle.min.js file. Any 3rd-party code (e.g. Bootstrap, React and the react-bootstrap-slider itself) goes into the /demo/js/vendor.min.js file. Source maps are generated both. | ||
@@ -107,3 +122,3 @@ CSS files and the index.html file will be copied from the /src folder to the /demo folder, with the correct script tag reference being inserted into index.html. You can then open /demo/index.html in your browser from the local server. To run that local server, issue the command: | ||
| ### Installing Tests Dependencies | ||
| ### Installing E2E Tests Dependencies | ||
| Before running the E2E tests, you'll need to install the web driver first by running: | ||
@@ -127,7 +142,7 @@ | ||
| Note: the latter command will need to be run in a separate terminal window/tab, because the first terminal will be tied up with running webpack-dev-server. | ||
| Note: the last of those three commands will need to be run in a separate terminal window/tab, because the first terminal will be tied up with running webpack-dev-server. | ||
| ### Running Tests Against Built Version | ||
| To run tests against the built version, you obviously need to build that version first! You then need a server running on port 8082, before finally running the tests in a new terminal window/tab. The commands to do all of this would be: | ||
| To run tests against the built version, you obviously need to build that version first! You then need a server running on port 8082, before finally running the tests in a new terminal window/tab. I've included [http-server](https://www.npmjs.com/package/http-server) as a development dependency for this purpose, and you can run this via `npm run localServer`. Putting that all together, the commands to do run the build version tests are: | ||
@@ -137,11 +152,12 @@ npm run updateSelenium | ||
| npm run localServer | ||
| The localServer command will tie up your current terminal window, so start up a new one and enter: | ||
| npm run testBuild | ||
| Once again, the last command listed here will need to be executed in new console tab/window because the first one will be tied up running the local server. | ||
| ### Test Results & Reports | ||
| Test results will be displayed in whichever terminal to your the `npm run testBuild` or `npm run testDev` commands. | ||
| The tests will also generate HTML reports in the /reports folder, courtesy of the [protractor-jasmine2-screenshot-reporter](https://www.npmjs.com/package/protractor-jasmine2-screenshot-reporter) package. Open the /reports/index.html file in a browser to see them. Note how each test result in this report is a URL. If you click on the URL, it will take you to a screenshot of how the browser looked when that particular test ran, which is pretty neat, IMHO! | ||
| The tests will also generate HTML reports in the /reports folder, courtesy of the [protractor-jasmine2-screenshot-reporter](https://www.npmjs.com/package/protractor-jasmine2-screenshot-reporter) package. Open the /reports/index.html file in a browser to see them. Note how each test result in this report is a URL. If you click on the URL, it will take you to a screen shot of how the browser looked when that particular test ran, which is pretty neat, IMHO! | ||
@@ -161,3 +177,3 @@ | ||
| ###Further Test Configs | ||
| Protractor defaults to using the Firefox browser, so make sure that you have it installed! Or if you want to use Chrome or even IE, then you'll need to make some modifications to the protractor.local.conf.js file. Google for how to do that. | ||
| Protractor defaults to using the Firefox browser, but I've overridden the config so that it uses Chrome instead, so make sure that you have Chrome installed! If you want to use Firefox or even IE, then you'll need to make some modifications to the protractor.local.conf.js file. Google for how to do that. | ||
@@ -168,8 +184,11 @@ Whatever other changes you make to protractor.local.conf.js, you _must_ _not_ remove this line: | ||
| Protractor is actually a testing tool designed for AngularJS, and by default, it will wait for Angular models to send their update messages before proceeding onto the next test. This line tells Protractor not to wait for any such messages, which, of course, won't be coming because you're not using Angular, sensible person that you are! | ||
| Protractor is actually a testing tool designed for AngularJS, but hey, nobody's perfect! By default, Protractor will wait for Angular models to send their update messages before proceeding onto the next test. This line tells Protractor not to wait for any such messages, which, of course, won't be coming because you're not using Angular. | ||
| ## Update History | ||
| Version 1.1.7: 2 Apr 2017 | ||
| * Removed jQuery as any kind of dependency. It's not actually needed, but it is used by boostrap-slider if present. | ||
| Version 1.1.6: 28 Mar 2017 | ||
| * Moved bootstrap, jquery, react and react-dom from dependencies to peerDependencies _and_ devDependencies. (They need to in both because neither `yarn` or `npm install` command actually installs peerDependencies.) | ||
| * Moved bootstrap, jquery, react and react-dom from dependencies to peerDependencies and devDependencies. (They need to in both because neither yarn or npm install command actually installs peerDependencies.) | ||
@@ -176,0 +195,0 @@ Version 1.1.5: 7 Mar 2017 |
Sorry, the diff of this file is not supported yet
New alerts
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by582.56%
150531
- Dependency count
- decreased by-20%
4
- Number of package files
- increased by175%
11
- Lines of code
- increased by180.45%
502
- Number of lines in readme file
- increased by9.13%
227
Worsened metrics
- Dev dependency count
- increased by8%
27
- Number of low license alerts
- increased byInfinity%
1
Dependency changes
- Removedjquery@2.2.4(transitive)
Updatedbootstrap-slider@^9.7.2