fix; production build regex parse issue (#27)

* fix: try @babel/plugin-transform-unicode-regex * fix: update live id parsing * fix: debug title * fix: parsing title * chore: add changelog * fix: format
sawaYch · Sep 3, 2024 · 01886bb · 01886bb
1 parent 9e8bad0
commit 01886bb
Show file tree

Hide file tree

Showing 5 changed files with 215 additions and 12 deletions.
diff --git a/.changeset/olive-pans-float.md b/.changeset/olive-pans-float.md
@@ -0,0 +1,5 @@
+---
+"next-youtube-livechat": patch
+---
+
+fix API parsing issue
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/next-youtube-livechat/.babelrc.json b/packages/next-youtube-livechat/.babelrc.json
@@ -0,0 +1,3 @@
+{
+  "plugins": ["@babel/plugin-transform-unicode-regex"]
+}
diff --git a/packages/next-youtube-livechat/package.json b/packages/next-youtube-livechat/package.json
@@ -37,6 +37,7 @@
     "react-dom": "^18"
   },
   "devDependencies": {
+    "@babel/plugin-transform-unicode-regex": "^7.24.7",
     "@next/eslint-plugin-next": "^14.1.1",
     "@repo/eslint-config": "*",
     "@repo/typescript-config": "*",

diff --git a/packages/next-youtube-livechat/src/libs/youtubeApiParser.ts b/packages/next-youtube-livechat/src/libs/youtubeApiParser.ts
@@ -17,10 +17,13 @@ export function getOptionsFromLivePage(
 ): FetchOptions & { liveId: string } {
   let liveId: string;
   const idResult = data.match(
-    /{"webCommandMetadata":{"url":"\/watch\?v=(.+?)","webPageType":/
+    /"originalUrl":"https:\/\/www.youtube.com\/watch\?v\\u003d(.+?)"/
   );
+  console.log(idResult);
   if (idResult) {
-    liveId = idResult[2];
+    liveId = idResult[0]
+      .replace('"originalUrl":"https://www.youtube.com/watch?v\\u003d', '')
+      .replace('"', '');
   } else {
     throw new Error('Live Stream was not found');
   }
@@ -87,12 +90,16 @@ export function getOptionsFromLivePage(
 
   let liveTitle: string;
   const liveTitleResult = data.match(
-    /<meta name="title" content="[\s\S]*"><meta name="description"/
+    /{"playerOverlayVideoDetailsRenderer":{"title":{"simpleText":"[\s\S]*"},"subtitle":{/
   );
+  console.log('liveTitleResult', liveTitleResult);
   if (liveTitleResult) {
     liveTitle = liveTitleResult[0]
-      .replace('<meta name="title" content="', '')
-      .replace('"><meta name="description"', '');
+      .replace(
+        '{"playerOverlayVideoDetailsRenderer":{"title":{"simpleText":"',
+        ''
+      )
+      .replace('"},"subtitle":{', '');
   } else {
     throw new Error('Live Title was not found');
   }