react-image-gallery - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

package.json

 {
   "name": "react-image-gallery",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React carousel image gallery component with thumbnail and mobile support",
-  "main": "./build/image-gallery.js",
+  "main": "./build/image-gallery.umd.js",
+  "module": "./build/image-gallery.es.js",
+  "type": "module",
+  "files": [
+    "build",
+    "styles"
+  ],
   "scripts": {
     "test": "jest",
-    "lint": "eslint --ext .js,.jsx src",
-    "start": "webpack serve --open --hot --mode development",
-    "build": "webpack --config webpack.build.js"
+    "lint": "eslint src",
+    "start": "webpack serve --open --hot --mode development --static ./example",
+    "build": "webpack --config webpack.build.cjs"
   },
@@ -16,2 +22,9 @@ "repository": {
   },
+  "exports": {
+    ".": {
+      "import": "./build/image-gallery.es.js",
+      "require": "./build/image-gallery.umd.js"
+    },
+    "./styles/css/image-gallery.css": "./styles/css/image-gallery.css"
+  },
   "style": "styles/css/image-gallery.css",
@@ -42,48 +55,53 @@ "keywords": [
   "devDependencies": {
-    "@babel/core": "^7.13.14",
-    "@babel/preset-env": "^7.13.12",
-    "@babel/preset-react": "^7.13.13",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^29.6.2",
-    "babel-loader": "^8.2.2",
-    "clsx": "^1.0.4",
-    "css-loader": "^5.2.0",
-    "eslint": "7.32.0",
-    "eslint-config-prettier": "^8.8.0",
+    "@babel/core": "^7.26.7",
+    "@babel/eslint-parser": "^7.26.5",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-react": "^7.26.3",
+    "@eslint/compat": "^1.2.5",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.19.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.2.1",
+    "clsx": "^2.1.1",
+    "css-loader": "^7.1.2",
+    "eslint": "9.19.0",
+    "eslint-config-prettier": "^10.0.1",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jest": "^27.2.3",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "file-loader": "^6.2.0",
+    "globals": "^15.14.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "27.2.3",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "lodash-es": "^4.17.21",
-    "mini-css-extract-plugin": "^2.1.0",
-    "postcss": "^8.2.10",
-    "postcss-loader": "^5.2.0",
-    "prettier": "^3.0.0",
-    "prop-types": "^15.5.8",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-fast-compare": "^3.2.0",
-    "react-swipeable": "7.0.1",
-    "remove-files-webpack-plugin": "^1.4.5",
-    "resize-observer-polyfill": "^1.5.0",
-    "sass": "^1.35.2",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^2.0.0",
+    "mini-css-extract-plugin": "^2.9.2",
+    "postcss": "^8.5.1",
+    "postcss-loader": "^8.1.1",
+    "prettier": "^3.4.2",
+    "prop-types": "^15.8.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-fast-compare": "^3.2.2",
+    "react-swipeable": "7.0.2",
+    "remove-files-webpack-plugin": "^1.5.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "sass": "^1.83.4",
+    "sass-loader": "^16.0.4",
+    "style-loader": "^4.0.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.30.0",
-    "webpack-cli": "^4.6.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {}
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  }
 }

README.md

@@ -33,10 +33,13 @@ # React Image Gallery
 
-### Style import (with webpack)
+### Style import options
 
 ```
-# SCSS
+# scss file import
 @import "~react-image-gallery/styles/scss/image-gallery.scss";
 
-# CSS
+# css file import
 @import "~react-image-gallery/styles/css/image-gallery.css";
+
+# js file import (using webpack)
+import "react-image-gallery/styles/css/image-gallery.css";
 ```
@@ -46,6 +49,8 @@
 
-Need more example? See [`example/app.js`](https://github.com/xiaolin/react-image-gallery/blob/master/example/app.js)
+Need more example? See [`example/App.jsx`](https://github.com/xiaolin/react-image-gallery/blob/master/example/App.jsx)
 
 ```js
 import ImageGallery from "react-image-gallery";
+// import stylesheet if you're not already using CSS @import
+import "react-image-gallery/styles/css/image-gallery.css";
 
@@ -52,0 +57,0 @@ const images = [

New alerts

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

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

Improved metrics

Total package byte prevSize

204367

increased by31.77%

Number of lines in readme file

263

increased by1.94%

Is type module

Yes

Worsened metrics

Dev dependency count

47

increased by14.63%

Number of package files

8

decreased by-65.22%

Lines of code

37

decreased by-98.27%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

10

increased by150%

No dependency changes