@codesweetly/react-youtube-playlist - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

package.json

 {
   "name": "@codesweetly/react-youtube-playlist",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "An easy-to-use and responsive React component for displaying YouTube playlists on a web app.",
@@ -10,3 +10,4 @@ "homepage": "https://codesweetly.com/react-youtube-playlist",
   "scripts": {
-    "build": "babel src/components/ -d src/components/"
+    "build": "babel src/components/ -d src/components/",
+    "release": "dotenv release-it --"
   },
@@ -31,6 +32,12 @@ "keywords": [
     "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6"
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/cli": "^17.6.3",
+    "@commitlint/config-conventional": "^17.6.3",
+    "@release-it/conventional-changelog": "^5.1.1",
+    "dotenv-cli": "^7.2.1",
+    "husky": "^8.0.3",
+    "release-it": "^15.10.3"
   },
   "peerDependencies": {
-    "fslightbox-react": "^1.6.3",
+    "fslightbox-react": "^1.7.4",
     "prop-types": "^15.8.1",
@@ -37,0 +44,0 @@ "react": "^18.2.0"

src/components/YouTubePlaylist.js

@@ -21,3 +21,3 @@ "use strict";
   } = _ref;
-  const [URLs, setURLs] = (0, _react.useState)([]);
+  const [urls, setUrls] = (0, _react.useState)([]);
   const [playlistDataArray, setPlaylistDataArray] = (0, _react.useState)(null);
@@ -40,6 +40,6 @@ const [isNotFetchingData, setIsNotFetchingData] = (0, _react.useState)(true);
     (0, _getPlaylistData.default)(apiKey, playlistId, lastGalleryItem.nextPageToken).then(newData => {
-      const newURLs = newData.map(data => {
+      const newUrls = newData.map(data => {
         return `https://www.youtube.com/watch?v=${data.resourceId.videoId}`;
       });
-      setURLs([...URLs, ...newURLs]);
+      setUrls([...urls, ...newUrls]);
       setPlaylistDataArray([...playlistDataArray, ...newData]);
@@ -87,6 +87,6 @@ }).catch(e => console.error(`Error getting next page playlist data: ${e}`));
       (0, _getPlaylistData.default)(apiKey, playlistId).then(items => {
-        const URLs = items.map(item => {
+        const urls = items.map(item => {
           return `https://www.youtube.com/watch?v=${item.resourceId.videoId}`;
         });
-        setURLs(URLs);
+        setUrls(urls);
         setPlaylistDataArray(items);
@@ -109,5 +109,5 @@ }).catch(e => console.error(`Error getting playlist data: ${e}`));
     slide: lightboxController.slide,
-    sources: URLs,
+    sources: urls,
     type: "youtube",
-    key: URLs.length
+    key: urls.length
   }));
@@ -114,0 +114,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

20001

increased by20.71%

Number of package files

12

increased by33.33%

Lines of code

386

increased by9.04%

Worsened metrics

Dev dependency count

10

increased by150%

No dependency changes