⚡ (video) Detect youtu.be URLs for video bubbles

baptisteArno · Jul 31, 2023 · e34b939 · e34b939 · vercel · Jul 31, 2023
1 parent 81c2e50
commit e34b939
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/builder/src/features/blocks/bubbles/video/components/VideoUploadContent.tsx b/apps/builder/src/features/blocks/bubbles/video/components/VideoUploadContent.tsx
@@ -3,7 +3,7 @@ import { VideoBubbleContent, VideoBubbleContentType } from '@typebot.io/schemas'
 import { TextInput } from '@/components/inputs'
 
 const vimeoRegex = /vimeo\.com\/(\d+)/
-const youtubeRegex = /youtube\.com\/(watch\?v=|shorts\/)(\w+)/
+const youtubeRegex = /youtube\.com\/(watch\?v=|shorts\/)(\w+)|youtu\.be\/(\w+)/
 
 type Props = {
   content?: VideoBubbleContent
@@ -42,7 +42,7 @@ const parseVideoUrl = (
     return { type: VideoBubbleContentType.VIMEO, url, id }
   }
   if (youtubeRegex.test(url)) {
-    const id = url.match(youtubeRegex)?.at(2)
+    const id = url.match(youtubeRegex)?.at(2) ?? url.match(youtubeRegex)?.at(3)
     if (!id) return { type: VideoBubbleContentType.URL, url }
     return { type: VideoBubbleContentType.YOUTUBE, url, id }
   }