Merge pull request #320 from martin-lacko-rebood/fix-youtube-embed-with-specific-timestamp

Author: transitive-bullshit

packages/react-notion-x/src/components/asset.tsx

@@ -3,7 +3,7 @@ import { type BaseContentBlock, type Block } from 'notion-types'
 import { getTextContent } from 'notion-utils'
 
 import { useNotionContext } from '../context'
-import { getYoutubeId } from '../utils'
+import { getUrlParams, getYoutubeId } from '../utils'
 import { LazyImage } from './lazy-image'
 import { LiteYouTubeEmbed } from './lite-youtube-embed'
 
@@ -213,11 +213,13 @@ export function Asset({
         // console.log({ youtubeVideoId, src, format: block.format, style })
 
         if (youtubeVideoId) {
+          const params = getUrlParams(src)
           content = (
             <LiteYouTubeEmbed
               id={youtubeVideoId}
               style={assetStyle}
               className='notion-asset-object-fit'
+              params={params}
             />
           )
         } else if (block.type === 'gist') {

packages/react-notion-x/src/utils.ts

@@ -83,3 +83,19 @@ export const getYoutubeId = (url: string): string | null => {
 
   return null
 }
+
+export const getUrlParams = (url: string): Record<string, string> | null => {
+  try {
+    const { searchParams } = new URL(url)
+    const result: Record<string, string> = {}
+    searchParams.forEach((value, key) => {
+      result[key] = value
+    })
+
+    return result
+  } catch {
+    // ignore invalid urls
+  }
+
+  return null
+}