v2.4.0: Scan current tab for YouTube links and create a playlist #24

package.json

@@ -4,6 +4,9 @@
   "description": "Generate YouTube playlists from bookmarks and URL lists",
   "author": "Soufiane Sakhi <soufiane.sakhi.js@gmail.com>",
   "license": "MIT",
+  "scripts": {
+    "build": "cd playlist-editor && npm run build"
+  },
   "dependencies": {},
   "devDependencies": {
     "@types/firefox-webext-browser": "^70.0.1",

playlist-editor/package.json

@@ -15,7 +15,7 @@
     "@rollup/plugin-node-resolve": "^11.0.0",
     "@rollup/plugin-replace": "^2.4.1",
     "@rollup/plugin-typescript": "^8.0.0",
-    "@tsconfig/svelte": "^1.0.0",
+    "@tsconfig/svelte": "^1.0.13",
     "@types/firefox-webext-browser": "^82.0.0",
     "cors-anywhere-cli": "^1.2.0",
     "http-proxy": ">=1.18.1",

src/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "YouTube Playlist Helper",
   "description": "Generate YouTube playlists from various sources (links lists, bookmarks, ...)",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "manifest_version": 2,
   "icons": {
     "48": "icons/icon_48.png",

src/popup/popup.html

@@ -25,6 +25,9 @@
       <div id="from-current-thumbnails" class="menu-item">
         Create a playlist from current tab YouTube video thumbnails
       </div>
+      <div id="from-current-links" class="menu-item">
+        Scan current tab for YouTube links and create a playlist
+      </div>
 
       <div id="save-playlist" class="menu-item">Save current playlist</div>
       <div id="open-settings" class="menu-item">Settings</div>

src/popup/popup.js

@@ -143,6 +143,17 @@ getById("from-current-thumbnails").onclick = async () => {
   }
 };
 
+getById("from-current-links").onclick = async () => {
+  let body = await getCurrentTabBody();
+  let videoIds = parseYoutubeLinks(body);
+  videoIds = removeDuplicates(videoIds);
+  if (videoIds.length > 0) {
+    await createPlaylist(videoIds);
+  } else {
+    alert("No YouTube video link found in the current tab");
+  }
+};
+
 getById("save-playlist").onclick = async () => {
   const activeTab = await getActiveTab();
   if (!(isYoutubeTab(activeTab) && isPlaylistTab(activeTab))) {
@@ -335,6 +346,20 @@ function parseYoutubeThumbnailIds(text) {
   return videoIds;
 }
 
+/**
+ * @param  {string} text
+ */
+function parseYoutubeLinks(text) {
+  let matches,
+    videoIds = [];
+  const regex = RegExp(youtubeRegexPattern, "ig");
+  while ((matches = regex.exec(text))) {
+    const videoId = matches[1].replace(/"$/, "");
+    videoIds.push(videoId);
+  }
+  return videoIds;
+}
+
 /***********************************
  *            Playlists
  ***********************************/