knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[remark-wiki-link][xs]: add support youtu.be links

Browse Source
This commit is contained in:
Ola Rubaj 2023-09-26 21:23:39 +02:00
parent 06d39779ce
commit 71716ab018
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/spicy-terms-worry.md Normal file
View File

@ -0,0 +1,5 @@
---
'@portaljs/remark-embed': patch
---
Add support for shortened yt links (https://youtu.be).

21
packages/remark-embed/src/lib/remark-embed.ts
View File

@ -1,14 +1,29 @@
import { visit } from "unist-util-visit";
// https://youtu.be/vDuh7vDgGIg
// TODO write tests!
function transformer(tree) {
visit(tree, "paragraph", (node) => {
visit(node, "text", (textNode) => {
if (
textNode.value.includes("https://www.youtube.com") &&
(textNode.value.includes("https://www.youtube.com") ||
textNode.value.includes("https://youtu.be")
) &&
!textNode.value.includes("\n")
) {
const urlSplit = textNode.value.split(/[=&]+/);
const iframeUrl = `https://www.youtube.com/embed/${urlSplit[1]}`;
let videoId: string;
if (textNode.value.includes("https://youtu.be")) {
// Extract video ID for short YT URLs
videoId = textNode.value.split("/").pop();
} else {
// Extract video ID for full YT URLs
const urlSplit = textNode.value.split(/[=&]+/);
videoId = urlSplit[1];
}
const iframeUrl = `https://www.youtube.com/embed/${videoId}`;
Object.assign(node, {
...node,
type: "element",