Example of @social-embed/lib

by gitpull

JavaScript

import {
  getYouTubeIdFromUrl,
  convertUrlToEmbedUrl,
  isValidUrl,
} from "https://cdn.skypack.dev/@social-embed/lib";

/**
 * Formats and returns a short HTML snippet for getYouTubeIdFromUrl()
 */
const outputGetYouTubeIdFromUrl = (url) => {
  return `<code>getYouTubeIdFromUrl("${url}")</code>: ${getYouTubeIdFromUrl(url)}`;
};

/**
 * Formats and returns a snippet for convertUrlToEmbedUrl()
 */
const outputConvertUrlToEmbedUrl = (url) => {
  return `<code>convertUrlToEmbedUrl("${url}")</code>: ${convertUrlToEmbedUrl(url)}`;
};

/**
 * Formats and returns a snippet for isValidUrl()
 */
const outputIsValidUrl = (url) => {
  return `<code>isValidUrl("${url}")</code>: ${isValidUrl(url)}`;
};

// Build our example outputs
document.body.innerHTML = `
<h2>@social-embed/lib Example</h2>
<p>
  ${outputGetYouTubeIdFromUrl("https://www.youtube.com/watch?v=Bd8_vO5zrjo")}
  <br/>
  ${outputGetYouTubeIdFromUrl("https://www.youtu.be/watch?v=Bd8_vO5zrjo")}
</p>
<p>
  ${outputConvertUrlToEmbedUrl("https://www.youtube.com/watch?v=Bd8_vO5zrjo")}
  <br/>
  ${outputConvertUrlToEmbedUrl("https://youtu.be/watch?v=Bd8_vO5zrjo")}
</p>
<p>
  ${outputIsValidUrl("https://apple.com")}
  <br/>
  ${outputIsValidUrl("notaurl")}
</p>
`;