@maslick/radiaslider - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

example/circular.js

@@ -1,2 +0,2 @@
-import { circular as Slider } from "../index"
+import Slider from "../src/slider-circular";
 
@@ -3,0 +3,0 @@ var slider = new Slider({canvasId: "myCanvas", continuousMode: true});

example/linear.js

@@ -1,2 +0,2 @@
-import { linear as Slider } from "../index"
+import Slider from "../src/slider-linear";
 
@@ -3,0 +3,0 @@ var colors = [

package.json

 {
   "name": "@maslick/radiaslider",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "nice looking canvas-based radial and linear slider",
@@ -9,3 +9,3 @@ "repository": {
   },
-  "main": "index.js",
+  "main": "src/slider-circular.js",
   "files": [
@@ -12,0 +12,0 @@ "src/*",

README.md

 # =radiaSlider=
 [![npm (scoped)](https://img.shields.io/npm/v/@maslick/radiaslider.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
-[![npm bundle size (minified)](https://img.shields.io/badge/minified-6Kb-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
+[![npm bundle size (minified)](https://img.shields.io/badge/minified-5Kb-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
 [![npm no dependencies](https://img.shields.io/badge/dependencies-none-green.svg)](https://www.npmjs.com/package/@maslick/radiaslider)
@@ -14,3 +14,3 @@ [![npm download count](https://img.shields.io/npm/dt/@maslick/radiaslider.svg)](https://npmcharts.com/compare/@maslick/radiaslider?minimal=true)
  * works on desktop, mobile and tablets
- * small size (minified ~6 Kb)
+ * small size (minified ~5 Kb)
  * no dependencies
@@ -45,3 +45,3 @@ * pure JavaScript (ES6)
 <script>
-  let slider = new Slider({ canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150 });
+  const slider = new Slider({ canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150 });
   slider.addSlider({
@@ -70,3 +70,3 @@ id: 1,
 <script>
-  let slider = new Slider({ canvasId: "myCanvas",  continuousMode: true,  vertical: false });
+  const slider = new Slider({ canvasId: "myCanvas",  continuousMode: true,  vertical: false });
   slider.addSlider({
@@ -106,6 +106,21 @@ id: 1
 ## Using Node.js
-*Radia slider* can be used either in the [Browser](https://github.com/maslick/radiaSlider/tree/master/dist) or in the [Node.js](https://github.com/maslick/radiaSlider/tree/master/example) environment. For a React.js example look [here](https://github.com/maslick/react-radiaslider).
+*Radia slider* can be used either in the [Browser](https://github.com/maslick/radiaSlider/tree/master/dist) or in the [Node.js](https://github.com/maslick/radiaSlider/tree/master/example) environment.
 
+```js
+// ES6 syntax
+import CircularSlider from "@maslick/radiaslider";  // circular
+import LinearSlider from "@maslick/radiaslider/src/slider-linear";  // linear
+
+// node.js syntax
+const Circular = require("@maslick/radiaslider");
+const Linear = require("@maslick/radiaslider/src/slider-linear");
+
+const circular = new Circular({...});
+const linear = new Linear({...});
+```
+
+For a React.js example check out [this project](https://github.com/maslick/react-radiaslider).
+
 ## License
 
 This project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).

No alert changes

Improved metrics

Total package byte prevSize

44855

increased by0.54%

Number of lines in readme file

123

increased by13.89%

Worsened metrics

Number of package files

13

decreased by-7.14%

Lines of code

634

decreased by-0.78%

No dependency changes