helpers.ts

import {
  getVideoService,
  videoIdProcessors,
} from "gatsby-remark-embed-video/src/config";
import {
  IEmbedVideoOptions,
  IVideoId,
  IVideoService,
} from "gatsby-remark-embed-video/src/interfaces";
import { URL as BrowserURL } from "url";
export function embedVideoHTML(
  type: string,
  id: string,
  options: IEmbedVideoOptions,
): string {
  try {
    const videoId: IVideoId = readVideoId(type, id);

    const videoService = getVideoService(videoId.service);
    const url = createUrl(videoId.id, videoService, options);
    return createIframe(url, videoService, options);
  } catch (e) {
    return `<p style="color: red">Error: ${e.message}</p>`;
  }
}

function readVideoId(type: string, id: string): IVideoId {
  let videoId;
  for (const processor of videoIdProcessors) {
    try {
      videoId = processor(id);
    } catch (e) {
      videoId = {};
    }

    if (Object.keys(videoId).length !== 0) {
      return videoId as IVideoId;
    }
  }

  if (type === "video") {
    throw new TypeError("Id could not be processed");
  }

  return {
    id,
    service: type.toLowerCase(),
  };
}

function createUrl(
  videoId: string,
  videoService: IVideoService,
  options: IEmbedVideoOptions,
): string {
  const videoUrl = videoService.embedUrl(videoId);
  let url = new URL(videoUrl);

  if (videoService.urlProcessing) {
    url = videoService.urlProcessing(videoId, url as BrowserURL, options);
  }

  return url.toString();
}

function createIframe(
  url: string,
  videoService: IVideoService,
  options: IEmbedVideoOptions,
) {
  let iframeNode = `
        <div class="embedVideo-container">
            <iframe 
              width="${options.width}" 
              height="${options.height}" 
              src="${url}"
              class="embedVideo-iframe" 
              allowfullscreen
            ></iframe>
        </div>`;
  if (options.noIframeBorder) {
    iframeNode += `
      <style>
        .embedVideo-iframe {
          border: 0
        }
      </style>`;
  }

  if (videoService.additionalHTML) {
    iframeNode += videoService.additionalHTML;
  }

  return iframeNode;
}