svelte-range-slider-pips - npm Package Compare versions

Comparing version 1.5.0 to 1.5.2

package.json

 {
   "name": "svelte-range-slider-pips",
+  "version": "1.5.2",
   "svelte": "src/index.js",
@@ -13,2 +14,3 @@ "module": "dist/svelte-range-slider-pips.mjs",
     "rollup": "^1.20.0",
+    "rollup-plugin-filesize": "^9.0.2",
     "rollup-plugin-svelte": "^5.0.0",
@@ -41,3 +43,2 @@ "svelte": "^3.0.0"
   ],
-  "version": "1.5.0",
   "description": "Multi-Thumb, Accessible, Beautiful Range Slider with Pips",
@@ -44,0 +45,0 @@ "repository": "https://github.com/simeydotme/svelte-range-slider-pips",

README.md

 
-# Svelte Range Slider (with pips)
+# Range Slider (with pips)
 ## [`svelte-range-slider-pips`](https://www.npmjs.com/package/svelte-range-slider-pips) @ **npm**
 
-A reactive, accessible, multi-thumb, range slider for use in a svelte application; with the ability to display "pips" or "notches" along the range.
+A reactive, accessible, multi-thumb, range slider with the ability to display "pips" or "notches" along the range. Importable as a svelte-component, or used directly in any javascript application.
 
-![Image of the Svelte Range Slider, set as focussed, including some pips](test/public/slider.png)
+![Svelte Range Slider -- focussed, including some pips](test/public/slider.png)
 
+
 **[🔗 _For full documentation and examples, see the Github Pages_](https://simeydotme.github.io/svelte-range-slider-pips/)**
@@ -16,5 +17,6 @@
 
-- ✨ fully customisable
-- ✨ fully stylable
-- ✨ fully accessible (with aria)
+
+![Features of the range slider plugin (written below)](test/public/range-slider.png)
+
+- ✨ fully customisable, stylable & accessible
 - 👍🏽 multi-thumb
@@ -39,19 +41,7 @@ - 🎚 range (min/max)
 
-### in a svelte project
-
-Assuming you have a Svelte app up and running;
-
-```html
-<script>
-  import RangeSlider from "svelte-range-slider-pips";
-</script>
-
-<RangeSlider />
-```
-
 ### as a regular JS file
 
-If you're using a different framework, or none, you can use the [`/dist/`
+If you're not building a svelte-app, you can use the [`/dist/`
 version of the script `/dist/svelte-range-slider-pips.js`](dist/svelte-range-slider-pips.js) and include it
-either with a regular `<script>` tag, or by using js imports (`import`)
+either with a regular `<script>` tag. This should even work with jQuery.
 
@@ -71,3 +61,19 @@ ```html
 
+### in a svelte project
+
+Assuming you have a Svelte app up and running;
+
+```html
+<script>
+  import RangeSlider from "svelte-range-slider-pips";
+</script>
+
+<RangeSlider />
+```
+
 ### as a JS module
+
+If you're building a bleeding-edge JS application (not svelte), you might 
+want to use js imports (`import`)
+
 ```js
@@ -74,0 +80,0 @@ import RangeSlider from "./node_modules/svelte-range-slider-pips/dist/svelte-range-slider-pips.mjs";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

122

increased by5.17%

Worsened metrics

Total package byte prevSize

188958

decreased by-0.25%

Dev dependency count

5

increased by25%

Lines of code

3970

decreased by-0.5%

No dependency changes