export type EmbedSource = {
  name: string
  url: string
  regex: RegExp
}

const sources: EmbedSource[] = [
  {
    name: 'youtube',
    url: 'https://www.youtube-nocookie.com/embed/{id}',
    regex: /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:shorts\/|[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)(?<id>[a-zA-Z0-9_-]{11})/,
  },
  {
    name: "instagram_post",
    url: "https://www.instagram.com/p/{id}",
    regex: /https?:\/\/(?:www\.)?instagram\.com\/p\/(?<id>[^/?#&]+)/,
  },
  {
    name: "instagram_story",
    url: "https://www.instagram.com/stories/highlights/{id}",
    regex: /https?:\/\/(?:www\.)?instagram\.com\/stories\/highlights\/(?<id>[^/?#&]+)/,
  },
  {
    name: "twitter",
    url: "https://twitter.com/i/status/{id}",
    regex: /https?:\/\/(?:www\.)?(twitter\.com|x\.com)\/.+?\/status\/(?<id>[^/?#&]+)/,
  },
  {
    name: "facebook",
    url: "https://www.facebook.com/plugins/post.php?href={id}",
    regex: /https?:\/\/(?:www\.)?facebook\.com\/(?:[^/?#&]+)\/posts\/(?<id>[^/?#&]+)/,
  },
  {
    name: "tiktok",
    url: "https://www.tiktok.com/embed/{id}",
    regex: /https?:\/\/(?:www\.)?tiktok\.com\/(?:[^/?#&]+)\/video\/(?<id>[^/?#&]+)/,
  },
  {
    name: "vimeo",
    url: "https://player.vimeo.com/video/{id}",
    regex: /https?:\/\/(?:www\.)?vimeo\.com(?:\/[^/?#&]+)?\/(?<id>[^/?#&]+)/,
  },
  {
    name: "spotify",
    url: "https://open.spotify.com/embed/{id}",
    regex: /https?:\/\/(?:open\.)?spotify\.com\/(?:[^/?#&]+)\/(?<id>[^/?#&]+)/,
  },
  {
    name: "twitch_vod",
    url: "https://player.twitch.tv/?parent={origin}&video={id}",
    regex: /https?:\/\/(?:www\.)?twitch\.tv\/(?:[^/?#&]+)\/(?<id>[^/?#&]+)/,
  },
  {
    name: "twitch_clip",
    url: "https://clips.twitch.tv/embed?parent={origin}&clip={id}",
    regex: /https?:\/\/(?:www\.)?twitch\.tv\/(?:[^/?#&]+)\/clip\/(?<id>[^/?#&]+)/,
  },
  {
    name: "twitch_channel",
    url: "https://player.twitch.tv/?parent={origin}&channel={id}",
    regex: /https?:\/\/(?:www\.)?twitch\.tv\/(?<id>[^/?#&]+)/,
  },
  {
    name: "dailymotion",
    url: "https://www.dailymotion.com/embed/video/{id}",
    regex: /^.+dailymotion.com\/(video|hub)\/(?<id>[^_]+)[^#]*(#video=([^_&]+))?/,
  },
]

const isEmbedable = (url: string): boolean => sources.some(source => source.regex.test(url))

const getEmbedable = (url: string): string | null => {
  const source = sources.find(source => source.regex.test(url))
  if (!source) {
    return null
  }

  const match = source.regex.exec(url)
  if (!match || !match.groups?.id) {
    return null
  }

  return source.url.replace(/\{origin\}/g, window.location.origin).replace(/\{id\}/g, match.groups.id)
}

export { isEmbedable, getEmbedable }