		{
		"name": "@codesweetly/react-youtube-playlist",
		"version": "1.0.7",
		"version": "1.0.8",
		"description": "An easy-to-use and responsive React component for displaying YouTube playlists on a web app.",
		"homepage": "https://codesweetly.com/react-youtube-playlist",
		"main": "./src/components/YouTubePlaylist.js",
		"main": "./dist/YouTubePlaylist.js",
		"types": "./dist/YouTubePlaylist.d.ts",
		"author": "Oluwatobi Sofela (https://www.codesweetly.com)",
		"license": "MIT",
		"scripts": {
		"build": "babel src/components/ -d src/components/",
		"release": "dotenv release-it --"
		"build": "tsc && babel src -d dist --extensions .ts,.tsx",
		"release": "dotenv release-it --",
		"test": "jest --config jestconfig.json"
		},
		"files": [
		"index.css",
		"./dist"
		],
		"keywords": [
		@@ -20,4 +26,3 @@ "react",
		"video",
		"lightbox",
		"docusaurus"
		"lightbox"
		],
		@@ -28,2 +33,7 @@ "repository": {
		},
		"dependencies": {
		"fslightbox-react": "^1.7.4",
		"prop-types": "^15.8.1",
		"react-loader-spinner": "^5.3.4"
		},
		"devDependencies": {
		@@ -34,14 +44,22 @@ "@babel/cli": "^7.20.7",
		"@babel/preset-react": "^7.18.6",
		"@babel/preset-typescript": "^7.22.5",
		"@commitlint/cli": "^17.6.3",
		"@commitlint/config-conventional": "^17.6.3",
		"@release-it/conventional-changelog": "^5.1.1",
		"@release-it/conventional-changelog": "^7.0.0",
		"@testing-library/react": "^14.0.0",
		"@types/fslightbox-react": "^1.7.3",
		"@types/jest": "^29.5.3",
		"@types/react": "^18.2.15",
		"dotenv-cli": "^7.2.1",
		"husky": "^8.0.3",
		"release-it": "^15.10.3"
		"jest": "^29.6.1",
		"jest-environment-jsdom": "^29.6.1",
		"jest-transform-css": "^6.0.1",
		"react": "^18.2.0",
		"release-it": "^16.1.2",
		"typescript": "^5.1.6"
		},
		"peerDependencies": {
		"fslightbox-react": "^1.7.4",
		"prop-types": "^15.8.1",
		"react": "^18.2.0"
		}
		}

README.md

		@@ -25,2 +25,8 @@ # React YouTube Playlist

		Using pnpm:

		```
		pnpm add @codesweetly/react-youtube-playlist
		```

		## Usage
		@@ -48,2 +54,4 @@
		<th>Props</th>
		<th>Type</th>
		<th>Default</th>
		<th>Description</th>
		@@ -55,5 +63,7 @@ </tr>
		<td><code>apiKey</code></td>
		<td>string</td>
		<td><code>undefined</code></td>
		<td>

		The `apiKey` props is a string value that specifies your project's YouTube API key. ([Learn how to get an API key](https://youtu.be/N18czV5tj5o))
		(Required) Your project's YouTube API key. ([Learn how to get an API key](https://youtu.be/N18czV5tj5o))

		@@ -64,5 +74,7 @@ </td>
		<td><code>playlistId</code></td>
		<td>string</td>
		<td><code>undefined</code></td>
		<td>

		The `playlistId` props is a string value that specifies the ID of the YouTube playlist you wish to display.
		(Required) The ID of the YouTube playlist you wish to display.

		@@ -75,5 +87,7 @@ Note: A playlist's ID is the list of characters after the "list=" in the [URL](https://codesweetly.com/web-address-url)—for instance, `https://www.youtube.com/playlist?list=playlistID`.
		<td><code>uniqueName</code></td>
		<td>string</td>
		<td><code>undefined</code></td>
		<td>

		The `uniqueName` props is a string value that specifies a unique name for the `<YouTubePlaylist>` instance.
		(Required) A unique name for the `<YouTubePlaylist>` instance.

		@@ -80,0 +94,0 @@ Note:

CHANGELOG.md

src/components/Loader.js

src/components/YouTubePlaylist.js

src/css/Loader.css

src/css/YouTubePlaylist.css

src/getPlaylistData.js

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

New alerts

Improved metrics

Worsened metrics

Dependency changes