Chore: Release v3.6.5

Author: Amr Wagdy

CHANGELOG.md

@@ -27,6 +27,10 @@ Types of changes:
 -------------
 
 -------------
+## 3.6.5 - 2023-04-18
+### Fixed
+- Remove CVE vulnerabilities
+
 ## 3.6.4 - 2022-08-04
 ### Fixed
 - prop-types dependency

examples/src/index-bugs.js

@@ -1,6 +1,6 @@
 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.4",
+  "version": "3.6.5",
   "main": "dist/index.js",
   "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.",
   "author": "scaleflex",
@@ -41,14 +41,14 @@
   },
   "dependencies": {
     "cloudimage-responsive-utils": "^2.5.1",
-    "prop-types": "15.8.1",
     "core-js": "^3.15.2",
+    "prop-types": "15.8.1",
     "react-lazyload": "^3.2.0",
     "throttle-debounce": "^3.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.5",
-    "@babel/core": "^7.14.6",
+    "@babel/core": "^7.21.4",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-proposal-decorators": "^7.14.5",
     "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
@@ -58,24 +58,23 @@
     "@babel/plugin-proposal-throw-expressions": "^7.14.5",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-syntax-import-meta": "^7.0.0",
-    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.14.5",
-    "babel-loader": "^8.2.2",
-    "css-loader": "^2.0.0",
+    "babel-loader": "^9.1.2",
+    "css-loader": "^6.7.3",
     "eslint": "^8.10.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.29.3",
     "eslint-plugin-react-hooks": "^4.3.0",
     "gh-pages": "^2.0.1",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^5.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-syntax-highlighter": "^10.2.0",
-    "style-loader": "^0.23.1",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.2"
+    "react-syntax-highlighter": "^15.5.0",
+    "style-loader": "^3.3.2",
+    "webpack": "^5.79.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.13.3"
   }
 }

package.json

@@ -5,6 +5,7 @@ import {
   isServer, processReactNode, imgStyles as styles, generateAlt,
 } from 'cloudimage-responsive-utils';
 import LazyLoad from 'react-lazyload';
+
 import { getFilteredProps } from './utils';
 import usePrevious from './hooks/usePrevious';
 
@@ -24,7 +25,9 @@ function Img(props) {
   const server = useMemo(() => isServer(), []);
 
   const {
-    lazyLoading: configLazyLoadingValue, lazyLoadOffset, delay, innerWidth,
+    lazyLoading: configLazyLoadingValue,
+    lazyLoadOffset,
+    delay, innerWidth,
   } = config;
 
   const { lazyLoading = configLazyLoadingValue } = props;
@@ -50,7 +53,12 @@ function Img(props) {
   } = getFilteredProps(props);
 
   const {
-    innerRef, onImgLoad, disableAnimation, doNotReplaceURL, ...filteredProps
+    innerRef,
+    onImgLoad,
+    disableAnimation,
+    doNotReplaceURL,
+    config: _config,
+    ...filteredProps
   } = otherProps;
 
   const getcloudimgSRCSET = () => cloudimgSRCSET
@@ -86,13 +94,6 @@ function Img(props) {
     }
   };
 
-  const getAlt = (name) => {
-    if (!name) return;
-
-    const index = name.indexOf('.');
-    return name.slice(0, index);
-  };
-
   const onPreviewLoaded = (event) => {
     if (previewLoaded) return;
 

src/img.js

@@ -1,10 +1,9 @@
-import './polyfills';
-import {
-  useContext, forwardRef, useCallback,
-} from 'react';
+import { useContext, forwardRef, useCallback } from 'react';
+
 import ImgComponent from './img';
 import BackgroundImgComponent from './background';
 import CloudimageProvider, { CloudimageContext } from './provider';
+import './polyfills';
 
 
 const Img = forwardRef((props, ref) => {

src/index.js

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-nodejs-modules */
+/* eslint-disable import/no-commonjs */
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');