Fix youtube embed starting at specific timestamp

Author: martin-lacko-rebood

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

@@ -5,7 +5,7 @@ import { getTextContent } from 'notion-utils'
 import { useNotionContext } from '../context'
 import { LazyImage } from './lazy-image'
 import { LiteYouTubeEmbed } from './lite-youtube-embed'
-import { getYoutubeId } from '../utils'
+import { getUrlParams, getYoutubeId } from '../utils'
 
 const isServer = typeof window === 'undefined'
 
@@ -191,11 +191,13 @@ export const Asset: React.FC<{
         // 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

@@ -82,3 +82,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
+}