Add option to set rel on youtube embed link

.changeset/thirty-forks-share.md

@@ -0,0 +1,5 @@
+---
+"@tiptap/extension-youtube": major
+---
+
+This change adds option to set rel parameter on youtube embed link

packages/extension-youtube/src/utils.ts

@@ -24,6 +24,7 @@ export interface GetEmbedUrlOptions {
   playlist?: string;
   progressBarColor?: string;
   startAt?: number;
+  rel?: number;
 }
 
 export const getYoutubeEmbedUrl = (nocookie?: boolean) => {
@@ -50,6 +51,7 @@ export const getEmbedUrlFromYoutubeUrl = (options: GetEmbedUrlOptions) => {
     playlist,
     progressBarColor,
     startAt,
+    rel,
   } = options
 
   if (!isValidYoutubeUrl(url)) {
@@ -146,6 +148,10 @@ export const getEmbedUrlFromYoutubeUrl = (options: GetEmbedUrlOptions) => {
     params.push(`color=${progressBarColor}`)
   }
 
+  if(rel !== undefined) {
+    params.push(`rel=${rel}`)
+  }
+
   if (params.length) {
     outputUrl += `?${params.join('&')}`
   }

packages/extension-youtube/src/youtube.ts

@@ -149,6 +149,13 @@ export interface YoutubeOptions {
    * @example 1280
    */
   width: number;
+
+  /**
+   * Controls if the related youtube videos at the end are from the same channel.
+   * @default 1
+   * @example 0
+   */
+  rel: number;
 }
 
 /**
@@ -199,6 +206,7 @@ export const Youtube = Node.create<YoutubeOptions>({
       playlist: '',
       progressBarColor: undefined,
       width: 640,
+      rel: 1,
     }
   },
 
@@ -288,6 +296,7 @@ export const Youtube = Node.create<YoutubeOptions>({
       playlist: this.options.playlist,
       progressBarColor: this.options.progressBarColor,
       startAt: HTMLAttributes.start || 0,
+      rel: this.options.rel,
     })
 
     HTMLAttributes.src = embedUrl
@@ -316,6 +325,7 @@ export const Youtube = Node.create<YoutubeOptions>({
             origin: this.options.origin,
             playlist: this.options.playlist,
             progressBarColor: this.options.progressBarColor,
+            rel: this.options.rel,
           },
           HTMLAttributes,
         ),