[packages][m]: mv @flowershow/remark-embed here

2023-06-06 15:54:22 +02:00
parent e32332ac84
commit 395e072ee5
11 changed files with 237 additions and 0 deletions
--- a/packages/remark-embed/src/lib/remark-embed.ts
+++ b/packages/remark-embed/src/lib/remark-embed.ts
@@ -0,0 +1,49 @@
+import { visit } from "unist-util-visit";
+
+function transformer(tree) {
+  visit(tree, "paragraph", (node) => {
+    visit(node, "text", (textNode) => {
+      if (
+        textNode.value.includes("https://www.youtube.com") &&
+        !textNode.value.includes("\n")
+      ) {
+        const urlSplit = textNode.value.split(/[=&]+/);
+        const iframeUrl = `https://www.youtube.com/embed/${urlSplit[1]}`;
+        Object.assign(node, {
+          ...node,
+          type: "element",
+          data: {
+            hProperties: {
+              style: "position:relative;padding-bottom:56.25%",
+            },
+          },
+          children: [
+            {
+              ...textNode,
+              type: "element",
+              tagName: "iframe",
+              data: {
+                hName: "iframe",
+                hProperties: {
+                  style:
+                    "position:absolute;top:0;left:0;width:100%;height:100%",
+                  src: iframeUrl,
+                  allowfullscreen: true,
+                  frameborder: "0",
+                  allow:
+                    "accelerometer autoplay clipboard-write encrypted-media gyroscope picture-in-picture",
+                },
+              },
+            },
+          ],
+        });
+      }
+    });
+  });
+}
+
+function attacher() {
+  return transformer;
+}
+
+export default attacher;