From a4a9af904c21caa52f948e8844c8177ff84efb35 Mon Sep 17 00:00:00 2001
From: nemanjam <nemanja.mitic.elfak@hotmail.com>
Date: Wed, 10 Jul 2024 19:23:01 +0200
Subject: [PATCH] add astro-embed and handle Youtube expand

---
 package.json                     |   1 +
 src/components/Share.astro       |   4 +-
 src/components/YouTube.astro     |  58 ++++++++++-----
 src/components/YouTube.old.astro |  28 ++++++++
 src/pages/design/embeds.mdx      |  48 ++++++++++++-
 src/pages/design/images.mdx      |  25 -------
 src/pages/design/youtube-old.mdx |  34 +++++++++
 src/types/utils.ts               |   5 +-
 yarn.lock                        | 120 +++++++++++++++++++++++++++++++
 9 files changed, 274 insertions(+), 49 deletions(-)
 create mode 100644 src/components/YouTube.old.astro
 create mode 100644 src/pages/design/youtube-old.mdx

diff --git a/package.json b/package.json
index f4411f2..4d2d98e 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@fontsource-variable/inter": "^5.0.18",
     "@tailwindcss/typography": "^0.5.13",
     "astro": "^4.11.3",
+    "astro-embed": "^0.7.2",
     "astro-expressive-code": "^0.35.3",
     "astro-icon": "^1.1.0",
     "astro-og-canvas": "^0.5.1",
diff --git a/src/components/Share.astro b/src/components/Share.astro
index 1812a50..470fc32 100644
--- a/src/components/Share.astro
+++ b/src/components/Share.astro
@@ -13,7 +13,7 @@ import { cva } from 'class-variance-authority';
 import { DEFAULT_METADATA } from '@/constants/metadata';
 import { CONFIG } from '@/config';
 
-import type { InferProps } from '@/types/utils';
+import type { ComponentProps } from 'astro/types';
 import type { VariantProps } from 'class-variance-authority';
 
 const shareVariants = cva('', {
@@ -22,7 +22,7 @@ const shareVariants = cva('', {
   },
 });
 
-type SocialShareProps = Omit<InferProps<typeof SocialShare>, 'buttons'>;
+type SocialShareProps = Omit<ComponentProps<typeof SocialShare>, 'buttons'>;
 export interface Props extends SocialShareProps, VariantProps<typeof shareVariants> {
   class?: string;
 }
diff --git a/src/components/YouTube.astro b/src/components/YouTube.astro
index 7c8844f..c3a693b 100644
--- a/src/components/YouTube.astro
+++ b/src/components/YouTube.astro
@@ -1,28 +1,48 @@
 ---
-import { cn } from '@/utils/styles';
+import { YouTube as YouTubeAstroEmbed } from 'astro-embed';
 
-export type Props = {
-  title: string;
-  code: string;
-  wide?: boolean;
-};
+import { cva } from 'class-variance-authority';
 
-// add cva
+import type { ComponentProps } from 'astro/types';
+import type { VariantProps } from 'class-variance-authority';
 
-const { title, code, wide } = Astro.props;
+type YouTubeAstroEmbedProps = ComponentProps<typeof YouTubeAstroEmbed>;
 
-const src = `https://www.youtube-nocookie.com/embed/${code}?autoplay=1&rel=0`;
+const youtubeVariants = cva('', {
+  variants: {
+    size: { sm: 'max-w-3xl', full: '', 'expand-sm': 'expand-sm', 'expand-lg': 'expand-lg' },
+  },
+});
 
-const playButtonSvg = `<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>`;
+export interface Props extends YouTubeAstroEmbedProps, VariantProps<typeof youtubeVariants> {
+  class?: string;
+}
 
-const srcdoc = `<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}.button{position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;}.top{position:absolute;top:18px;left:18px;right:18px;display:flex;flex-wrap:nowrap}.title{color:#fff;font-size:18px;white-space:nowrap;word-wrap:normal;text-shadow:0 0 2px rgba(0,0,0,.5);font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif;line-height:1.3;text-overflow:ellipsis;overflow:hidden;}</style><a href="${src}"><img src="https://img.youtube.com/vi/${code}/sddefault.jpg" alt="${title}"><div class="top"><div class="title">${title}</div></div><div class="button">${playButtonSvg}</div></a>`;
+const { size = 'sm', class: className, ...props } = Astro.props;
+
+let posterQuality: YouTubeAstroEmbedProps['posterQuality'] = undefined;
+
+switch (size) {
+  case 'full':
+    posterQuality = 'high';
+    break;
+  case 'expand-sm':
+  case 'expand-lg':
+    posterQuality = 'max';
+    break;
+
+  default:
+    posterQuality = 'default';
+    break;
+}
 ---
 
-<iframe
-  class={cn('aspect-video w-full rounded-lg', { 'expand-sm': wide })}
-  src={src}
-  title={title}
-  srcdoc={srcdoc}
-  frameborder="0"
-  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-  allowfullscreen></iframe>
+<div class={youtubeVariants({ size, className })}>
+  <YouTubeAstroEmbed {...props} {posterQuality} />
+</div>
+
+<style is:global>
+  lite-youtube {
+    @apply max-w-none rounded-button;
+  }
+</style>
diff --git a/src/components/YouTube.old.astro b/src/components/YouTube.old.astro
new file mode 100644
index 0000000..7c8844f
--- /dev/null
+++ b/src/components/YouTube.old.astro
@@ -0,0 +1,28 @@
+---
+import { cn } from '@/utils/styles';
+
+export type Props = {
+  title: string;
+  code: string;
+  wide?: boolean;
+};
+
+// add cva
+
+const { title, code, wide } = Astro.props;
+
+const src = `https://www.youtube-nocookie.com/embed/${code}?autoplay=1&rel=0`;
+
+const playButtonSvg = `<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>`;
+
+const srcdoc = `<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}.button{position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;}.top{position:absolute;top:18px;left:18px;right:18px;display:flex;flex-wrap:nowrap}.title{color:#fff;font-size:18px;white-space:nowrap;word-wrap:normal;text-shadow:0 0 2px rgba(0,0,0,.5);font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif;line-height:1.3;text-overflow:ellipsis;overflow:hidden;}</style><a href="${src}"><img src="https://img.youtube.com/vi/${code}/sddefault.jpg" alt="${title}"><div class="top"><div class="title">${title}</div></div><div class="button">${playButtonSvg}</div></a>`;
+---
+
+<iframe
+  class={cn('aspect-video w-full rounded-lg', { 'expand-sm': wide })}
+  src={src}
+  title={title}
+  srcdoc={srcdoc}
+  frameborder="0"
+  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen></iframe>
diff --git a/src/pages/design/embeds.mdx b/src/pages/design/embeds.mdx
index f641f39..bc2d2fb 100644
--- a/src/pages/design/embeds.mdx
+++ b/src/pages/design/embeds.mdx
@@ -3,13 +3,57 @@ layout: '../../layouts/Page.astro'
 title: Embeds
 ---
 
+import { Tweet, Vimeo, LinkPreview } from 'astro-embed';
+import YouTube from '../../components/YouTube.astro';
 import Share from '../../components/Share.astro';
 
+
+{/* for Twitter iframe */}
+<script async src="https://platform.twitter.com/widgets.js" />
+
 back to [Index](/design)
 
-# Embeds
+## Embeds
+
+### astro-embed
+
+#### Tweet
+
+<Tweet id="https://x.com/iximiuz/status/1803840469165642189" />
+
+---
+
+#### YouTube default 768px
+
+<YouTube id="XlnmN4BfCxw" title="My custom title" />
+
+#### YouTube size=full, params="start=557&end=575"
+
+<YouTube id="eZXXa7ujoks" size="full" title="My custom title" params="start=557&end=575"/>
+
+#### YouTube size=expand-sm
+
+<YouTube id="dvyeoDBUtsU" size="expand-sm" title="My custom title"/>
+
+#### YouTube size=expand-lg
+
+<YouTube id="dvyeoDBUtsU" size="expand-lg" title="My custom title"/>
+
+---
+
+#### Vimeo
+
+<Vimeo id="https://vimeo.com/32001208" />
+
+---
+
+#### Open graph link preview
+
+<LinkPreview id="https://astro.build/blog/welcome-world/" />
+
+---
 
-## Social share
+### Social share
 
 #### md
 
diff --git a/src/pages/design/images.mdx b/src/pages/design/images.mdx
index 696eead..cae55f7 100644
--- a/src/pages/design/images.mdx
+++ b/src/pages/design/images.mdx
@@ -6,7 +6,6 @@ title: Images, YouTube
 import { Icon } from 'astro-icon/components';
 import { Image } from 'astro:assets';
 
-import YouTube from '../../components/YouTube.astro';
 import { IMAGE_SIZES } from '../../constants/image';
 
 import Amfi1Image from '../../content/post/_images/all-images/amfi1.jpg';
@@ -72,27 +71,3 @@ Adipisicing exercitation enim nostrud aliquip incididunt. Non commodo ad exercit
 Esse laboris duis sit cupidatat minim velit est cupidatat ex nostrud in et commodo. Aute voluptate excepteur incididunt labore reprehenderit do ea fugiat deserunt do aute elit dolor. Exercitation irure ea sunt pariatur pariatur ipsum incididunt ad esse elit officia et et nulla. Lorem do qui Lorem reprehenderit aliqua ullamco veniam et elit.
 
 ## Picture, todo
-
-## YouTube
-
-### YouTube default
-
-<YouTube title="Arjan codes" code="XlnmN4BfCxw" />
-
-Irure quis laboris exercitation officia anim deserunt sit laborum non deserunt labore labore consectetur. Aliquip duis velit non velit commodo est sit enim irure sunt sint minim amet.
-
-### YouTube expand-sm
-
-<div class="expand-sm">
-  <YouTube title="Arjan codes" code="eZXXa7ujoks" />
-</div>
-
-Veniam adipisicing sunt amet ut nulla. Voluptate pariatur in laborum velit est consectetur aliquip proident culpa. Irure ut non culpa cillum culpa magna amet anim excepteur ex. Cillum velit incididunt dolore ut est aliquip cupidatat ipsum aliquip dolore Lorem deserunt.
-
-### YouTube expand-lg
-
-<div class="expand-lg">
-  <YouTube title="Arjan codes" code="dvyeoDBUtsU" />
-</div>
-
-Elit irure nisi id magna consequat eiusmod voluptate minim ullamco dolor id aliqua nulla qui. Qui labore adipisicing aute velit et excepteur nisi pariatur laboris pariatur nostrud tempor. Irure cupidatat dolor dolore duis in nulla cupidatat. Lorem laborum duis exercitation cupidatat tempor elit tempor veniam duis.
diff --git a/src/pages/design/youtube-old.mdx b/src/pages/design/youtube-old.mdx
new file mode 100644
index 0000000..edec357
--- /dev/null
+++ b/src/pages/design/youtube-old.mdx
@@ -0,0 +1,34 @@
+---
+layout: '../../layouts/Page.astro'
+title: Images, YouTube
+---
+
+import YouTube from '../../components/YouTube.old.astro';
+
+
+back to [Index](/design)
+
+
+## YouTube
+
+### YouTube default
+
+<YouTube title="Arjan codes" code="XlnmN4BfCxw" />
+
+Irure quis laboris exercitation officia anim deserunt sit laborum non deserunt labore labore consectetur. Aliquip duis velit non velit commodo est sit enim irure sunt sint minim amet.
+
+### YouTube expand-sm
+
+<div class="expand-sm">
+  <YouTube title="Arjan codes" code="eZXXa7ujoks" />
+</div>
+
+Veniam adipisicing sunt amet ut nulla. Voluptate pariatur in laborum velit est consectetur aliquip proident culpa. Irure ut non culpa cillum culpa magna amet anim excepteur ex. Cillum velit incididunt dolore ut est aliquip cupidatat ipsum aliquip dolore Lorem deserunt.
+
+### YouTube expand-lg
+
+<div class="expand-lg">
+  <YouTube title="Arjan codes" code="dvyeoDBUtsU" />
+</div>
+
+Elit irure nisi id magna consequat eiusmod voluptate minim ullamco dolor id aliqua nulla qui. Qui labore adipisicing aute velit et excepteur nisi pariatur laboris pariatur nostrud tempor. Irure cupidatat dolor dolore duis in nulla cupidatat. Lorem laborum duis exercitation cupidatat tempor elit tempor veniam duis.
diff --git a/src/types/utils.ts b/src/types/utils.ts
index 398fee2..c8ee801 100644
--- a/src/types/utils.ts
+++ b/src/types/utils.ts
@@ -1,2 +1,5 @@
-/** use only for components */
+/**
+ * Use only for components.
+ * Unused, use ComponentProps<typeof SomeComponent> instead.
+ */
 export type InferProps<T> = T extends (props: infer P) => JSX.Element ? P : never;
diff --git a/yarn.lock b/yarn.lock
index f809b20..7f27671 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -28,6 +28,54 @@
   resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-0.7.10.tgz#ae829f170158e297a9b6a28f161a8e487d00814d"
   integrity sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==
 
+"@astro-community/astro-embed-integration@^0.7.1":
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-integration/-/astro-embed-integration-0.7.1.tgz#d7c61f266763eee1c45f444c9249696e2ef2629e"
+  integrity sha512-uPpVx/CluktB3nOnCTUB7tQ3jms2acYWTe/JgX5tFqTjjtiL686+FcjOaQ/Ej+FNErdg+36Y66WTeIxlYw4pvQ==
+  dependencies:
+    "@astro-community/astro-embed-link-preview" "^0.2.0"
+    "@astro-community/astro-embed-twitter" "^0.5.4"
+    "@astro-community/astro-embed-vimeo" "^0.3.6"
+    "@astro-community/astro-embed-youtube" "^0.5.0"
+    "@types/unist" "^2.0.0"
+    astro-auto-import "^0.4.2"
+    unist-util-select "^4.0.1"
+
+"@astro-community/astro-embed-link-preview@^0.2.0":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-link-preview/-/astro-embed-link-preview-0.2.1.tgz#59a34e3e8552586b004fa87a923cae08c9f93523"
+  integrity sha512-pl+KYhv5l2VpvvSwmZXTrCV+x3FxY3js4FX7/V/ABpLiSUsgF0yno90m0qd4Hx2y0XoeC4b/TB4T/Eu4AQIBTQ==
+  dependencies:
+    "@astro-community/astro-embed-utils" "^0.1.1"
+
+"@astro-community/astro-embed-twitter@^0.5.4":
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-twitter/-/astro-embed-twitter-0.5.4.tgz#c592583a83740c4013c27fb519b61347ad24fdf9"
+  integrity sha512-wQyros0Uh4L8fDOCZ9+UYMoq4u+YiJZEvjnL6ZP0KL6dcsyfma/XC2/Q2DBL5SBBiIkkFcFHmzDBIPl4HsENXw==
+  dependencies:
+    "@astro-community/astro-embed-utils" "^0.1.0"
+
+"@astro-community/astro-embed-utils@^0.1.0", "@astro-community/astro-embed-utils@^0.1.1", "@astro-community/astro-embed-utils@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-utils/-/astro-embed-utils-0.1.3.tgz#8575b11b7cdc33749273ca01f84922714c6bda7e"
+  integrity sha512-eiMO+vfCdE9GtW6qE7X5Xl6YCKZDCoXJEWqRofQcoC3GHjqN2/WhJlnaxNVRq3demSO03UNtho57Em5p7o7AOA==
+  dependencies:
+    linkedom "^0.14.26"
+
+"@astro-community/astro-embed-vimeo@^0.3.6", "@astro-community/astro-embed-vimeo@^0.3.7":
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-vimeo/-/astro-embed-vimeo-0.3.7.tgz#a447a5aaa3fb6f811f67019b8a3edfde15ae38b5"
+  integrity sha512-0Y08IOudqSLC/RKiYZagaG/uvfblSt7of+hrIcRky7u+KZK3VrTbZ/Np+nIq81jXLGJQPXN8TNGsOUsY0mw9lw==
+  dependencies:
+    "@astro-community/astro-embed-utils" "^0.1.2"
+
+"@astro-community/astro-embed-youtube@^0.5.0":
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/@astro-community/astro-embed-youtube/-/astro-embed-youtube-0.5.2.tgz#546f430f9022895e483d2465bb687d06555c7d01"
+  integrity sha512-cckWcq7mFCmI6uPpIlRolSafSQRYZBOaxIc8DaCUh8+JQAtPF7O4EdpRpZBUcvbARrWEEyHJCWrt0XOGppMniw==
+  dependencies:
+    lite-youtube-embed "^0.3.2"
+
 "@astrojs/check@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@astrojs/check/-/check-0.7.0.tgz#855eb02fe1e62d26812828d3eb37c25671c606e0"
@@ -1103,6 +1151,13 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.45.tgz#2c0fafd78705e7a18b7906b5201a522719dc5190"
   integrity sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==
 
+"@types/node@^18.0.0":
+  version "18.19.39"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.39.tgz#c316340a5b4adca3aee9dcbf05de385978590593"
+  integrity sha512-nPwTRDKUctxw3di5b4TfT3I0sWDiWoPQCZjXhvdkINntwr8lcoVCKsTgnXeRubKIlfnV+eN/HYk6Jb40tbcEAQ==
+  dependencies:
+    undici-types "~5.26.4"
+
 "@types/prop-types@*":
   version "15.7.12"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
@@ -1379,6 +1434,11 @@ acorn@^8.0.0, acorn@^8.11.3, acorn@^8.12.0, acorn@^8.9.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.0.tgz#1627bfa2e058148036133b8d9b51a700663c294c"
   integrity sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==
 
+acorn@^8.8.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
 ajv@8.12.0:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
@@ -1492,6 +1552,25 @@ astring@^1.8.0:
   resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.6.tgz#2c9c157cf1739d67561c56ba896e6948f6b93731"
   integrity sha512-ISvCdHdlTDlH5IpxQJIex7BWBywFWgjJSVdwst+/iQCoEYnyOaQ95+X1JGshuBjGp6nxKUy1jMgE3zPqN7fQdg==
 
+astro-auto-import@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/astro-auto-import/-/astro-auto-import-0.4.2.tgz#e250ca20b936edaca7672cc13654d6009fd3d3c6"
+  integrity sha512-ZgWZQ58+EhbEym1+aoUnNyECOy0wsG5uRUs+rVp/7BzHtj1V76J2qkhjaTWLplgNb+8WrzhvTQNxytmXRCW+Ow==
+  dependencies:
+    "@types/node" "^18.0.0"
+    acorn "^8.8.0"
+
+astro-embed@^0.7.2:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/astro-embed/-/astro-embed-0.7.2.tgz#23884982e2a5734ca3580f64481d322ee5a3930a"
+  integrity sha512-v/j6yRA9Wa+TEHBV64dQU5bLKuYiy1mNudiKIM+nvFe1bAUh+4wzQOf3lRofrxyBMgHaZbr8Xy7oLS9PVzu5jg==
+  dependencies:
+    "@astro-community/astro-embed-integration" "^0.7.1"
+    "@astro-community/astro-embed-link-preview" "^0.2.0"
+    "@astro-community/astro-embed-twitter" "^0.5.4"
+    "@astro-community/astro-embed-vimeo" "^0.3.7"
+    "@astro-community/astro-embed-youtube" "^0.5.0"
+
 astro-eslint-parser@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/astro-eslint-parser/-/astro-eslint-parser-1.0.2.tgz#045ddc3378f679b80b58afd58cca738859cdc11e"
@@ -2168,6 +2247,11 @@ css-select@^5.1.0:
     domutils "^3.0.1"
     nth-check "^2.0.1"
 
+css-selector-parser@^1.0.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-1.4.1.tgz#03f9cb8a81c3e5ab2c51684557d5aaf6d2569759"
+  integrity sha512-HYPSb7y/Z7BNDCOrakL4raGO2zltZkbeXyAd6Tg9obzix6QhzxCotdBl6VT0Dv4vZfJGVz3WL/xaEI9Ly3ul0g==
+
 css-selector-parser@^3.0.0:
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-3.0.5.tgz#9b636ebccf7c4bcce5c1ac21ae27de9f01180ae9"
@@ -2206,6 +2290,11 @@ csso@5.0.5:
   dependencies:
     css-tree "~2.2.0"
 
+cssom@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
+
 csstype@^3.0.2, csstype@^3.1.0:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
@@ -3709,6 +3798,22 @@ lines-and-columns@^2.0.3:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-2.0.4.tgz#d00318855905d2660d8c0822e3f5a4715855fc42"
   integrity sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==
 
+linkedom@^0.14.26:
+  version "0.14.26"
+  resolved "https://registry.yarnpkg.com/linkedom/-/linkedom-0.14.26.tgz#fd8ddaef1a052e1191fb2e881605a1a001409f3b"
+  integrity sha512-mK6TrydfFA7phrnp+1j57ycBwFI5bGSW6YXlw9acHoqF+mP/y+FooEYYyniOt5Ot57FSKB3iwmnuQ1UUyNLm5A==
+  dependencies:
+    css-select "^5.1.0"
+    cssom "^0.5.0"
+    html-escaper "^3.0.3"
+    htmlparser2 "^8.0.1"
+    uhyphen "^0.2.0"
+
+lite-youtube-embed@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/lite-youtube-embed/-/lite-youtube-embed-0.3.2.tgz#d43490743d93dd977fe18814c45d20f76ff2580a"
+  integrity sha512-b1dgKyF4PHhinonmr3PB172Nj0qQgA/7DE9EmeIXHR1ksnFEC2olWjNJyJGdsN2cleKHRjjsmrziKlwXtPlmLQ==
+
 load-plugin@^6.0.0:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/load-plugin/-/load-plugin-6.0.3.tgz#b0eb8ea2361744f0e54850ccbc4c8a2d94ffabe3"
@@ -6124,6 +6229,11 @@ ufo@^1.5.3:
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.3.tgz#3325bd3c977b6c6cd3160bf4ff52989adc9d3344"
   integrity sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==
 
+uhyphen@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/uhyphen/-/uhyphen-0.2.0.tgz#8fdf0623314486e020a3c00ee5cc7a12fe722b81"
+  integrity sha512-qz3o9CHXmJJPGBdqzab7qAYuW8kQGKNEuoHFYrBwV6hWIMcpAmxDLXojcHfFr9US1Pe6zUswEIJIbLI610fuqA==
+
 ultrahtml@^1.5.3:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/ultrahtml/-/ultrahtml-1.5.3.tgz#e7a903a4b28a0e49b71b0801b444050bb0a369c7"
@@ -6226,6 +6336,16 @@ unist-util-remove-position@^5.0.0:
     "@types/unist" "^3.0.0"
     unist-util-visit "^5.0.0"
 
+unist-util-select@^4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/unist-util-select/-/unist-util-select-4.0.3.tgz#861b403e273d9f677685dd9edefc663dbe1bf517"
+  integrity sha512-1074+K9VyR3NyUz3lgNtHKm7ln+jSZXtLJM4E22uVuoFn88a/Go2pX8dusrt/W+KWH1ncn8jcd8uCQuvXb/fXA==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    css-selector-parser "^1.0.0"
+    nth-check "^2.0.0"
+    zwitch "^2.0.0"
+
 unist-util-stringify-position@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz#cce3bfa1cdf85ba7375d1d5b17bdc4cada9bd9da"