@splidejs/react-splide - npm Package Compare versions

Comparing version 0.4.4 to 0.5.0

package.json

 {
   "name": "@splidejs/react-splide",
-  "version": "0.4.4",
-  "description": "The Splide component for React.",
+  "version": "0.5.0",
+  "description": "The React component for Splide.",
   "author": "Naotoshi Fujita",
   "license": "MIT",
-  "main": "dist/js/index.js",
+  "main": "dist/js/react-splide.cjs.js",
+  "module": "dist/js/react-splide.esm.js",
+  "types": "dist/types/index.d.ts",
   "keywords": [
@@ -25,32 +27,25 @@ "splide",
   },
-  "peerDependencies": {
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
-  },
   "dependencies": {
-    "@splidejs/splide": "^2.4.13"
+    "@splidejs/splide": "^3.1.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.11.4",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-react": "^7.10.4",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^4.2.1",
-    "gh-pages": "^3.1.0",
-    "html-webpack-plugin": "^4.3.0",
-    "node-sass": "^4.14.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "sass-loader": "^9.0.3",
-    "serialize-javascript": "^4.0.0",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12"
+    "@types/react": "^17.0.27",
+    "@types/react-dom": "^17.0.9",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "chokidar": "^3.5.2",
+    "esbuild": "^0.13.4",
+    "eslint": "^7.32.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.3"
   },
   "scripts": {
-    "build": "webpack --mode production",
-    "deploy": "gh-pages -d examples/dist",
-    "transpile": "babel src/js -d dist/js --copy-files"
+    "develop": "node ./scripts/develop.js",
+    "build:module": "node ./scripts/build-module.js",
+    "build:types": "node scripts/clean.js && tsc --emitDeclarationOnly",
+    "build:all": "npm run build:module && npm run build:types",
+    "eslint": "eslint src"
   }
 }

README.md

 <p align="center">
     <a href="https://splidejs.com" target="_blank">
-        <img width="120px" src="images/splide-logo.png">
+        <img width="80" src="images/logo.png">
     </a>
     <a href="https://reactjs.org/" target="_blank">
-        <img width="120px" src="images/react-logo.png">
+        <img width="80" src="images/react-logo.png">
     </a>
@@ -11,7 +11,9 @@ </p>
 # React Splide
-**React Splide is the [Splide](https://github.com/Splidejs/splide) component for React.**
-* [Document](https://splidejs.com/integration-react-splide/)
+**React Splide is the React component for [Splide](https://github.com/Splidejs/splide) slider/carousel.**
 * [Splide Demos](https://splidejs.com/)
-* [Working Examples](https://splidejs.github.io/react-splide/)
 
+## Notice
+- Updated to v3
+- The usage is same but documents will be revised soon
+
 ## Installation
@@ -42,3 +44,3 @@ Get the latest version by NPM:
 ### CSS
-Import [styles](https://splidejs.com/themes/) if you need.
+Import [styles](https://splidejs.com/guides/themes/) if you need.
 ```javascript
@@ -53,3 +55,3 @@ import '@splidejs/splide/dist/css/themes/splide-default.min.css';
 ## Options
-The `Splide` component accepts [options](https://splidejs.com/options/) as an object:
+The `Splide` component accepts [options](https://splidejs.com/guides/options/) as an object:
 ```javascript
@@ -66,4 +68,6 @@ <Splide
 
+
 ## Listening to Events
-You can listen to all [Splide events](https://splidejs.com/events/) through the `Splide` component. The callback function name is generated by the original event name, adding an "on" prefix, converted to the camelcase without colons. For example, "arrows:mounted" will be "onArrowsMounted".
+You can listen to all [Splide events](https://splidejs.com/guides/events/) through the `Splide` component. The callback function name is generated by the original event name, adding an "on" prefix, converted to the camelcase without colons. For example, "arrows:mounted" will be "onArrowsMounted".
+
 ```javascript
@@ -74,4 +78,6 @@ <Splide onArrowsMounted={ ( splide, prev, next ) => { console.log( prev, next ) } }>
 
+
 ## Examples
 Here is a small example:
+
 ```javascript
@@ -103,10 +109,5 @@ import React from 'react';
 ```
-More examples:
-* [Basic example](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/BasicExample.jsx)
-* [Autoplay](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/AutoplayExample.jsx)
-* [Thumbnails](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/ThumbnailsExample.jsx)
-* [Dynamic slides](https://github.com/Splidejs/react-splide/blob/master/examples/src/js/components/DynamicSlidesExample.jsx)
 
 ## License
-React Splide and Splide are released under the MIT license.  
-© 2020 Naotoshi Fujita
+React Splide and Splide are released under the MIT license.
+© 2021 Naotoshi Fujita

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

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

Total package byte prevSize

173195

increased by544.02%

Dependency count

1

decreased by-66.67%

Dev dependency count

11

decreased by-31.25%

Number of package files

52

increased by225%

Lines of code

5609

increased by837.96%

Number of lines in readme file

108

increased by1.89%

Worsened metrics

Number of low supply chain risk alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@splidejs/splide@3.6.12(transitive)

• - Removed@splidejs/splide@2.4.21(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@16.13.1(transitive)

• - Removedreact-dom@16.13.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.19.1(transitive)

• Updated@splidejs/splide@^3.1.5