From d3f7f731a1163a0b4543d3f84335ff13849f1362 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
Date: Thu, 12 Dec 2024 17:09:00 -0500
Subject: [PATCH] added URL below embedded elements

---
 src/shapes/EmbedShapeUtil.tsx | 51 ++++++++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/shapes/EmbedShapeUtil.tsx b/src/shapes/EmbedShapeUtil.tsx
index 175e169..ca1c7d2 100644
--- a/src/shapes/EmbedShapeUtil.tsx
+++ b/src/shapes/EmbedShapeUtil.tsx
@@ -220,12 +220,61 @@ export class EmbedShape extends BaseBoxShapeUtil<IEmbedShape> {
           <iframe
             src={transformUrl(shape.props.url)}
             width={shape.props.w}
-            height={shape.props.h}
+            height={shape.props.h - 40}
             style={{ border: "none" }}
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             allowFullScreen
+            loading="lazy"
+            referrerPolicy="no-referrer"
           />
         </div>
+        <a
+          href={shape.props.url}
+          target="_blank"
+          rel="noopener noreferrer"
+          onClick={(e) => {
+            console.log("Link clicked, URL:", shape.props.url)
+            e.preventDefault()
+            e.stopPropagation()
+            window.top?.open(
+              shape.props.url || "",
+              "_blank",
+              "noopener,noreferrer",
+            )
+          }}
+          onPointerDown={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+          }}
+          onMouseDown={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+          }}
+          onTouchStart={(e) => {
+            e.preventDefault()
+            e.stopPropagation()
+          }}
+          style={{
+            display: "block",
+            padding: "8px",
+            textAlign: "center",
+            color: "#1976d2",
+            textDecoration: "none",
+            fontSize: "12px",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            cursor: "pointer",
+            touchAction: "manipulation",
+            WebkitTapHighlightColor: "rgba(0,0,0,0)",
+            userSelect: "none",
+            minHeight: "24px",
+            pointerEvents: "all",
+            zIndex: 999999,
+          }}
+        >
+          {shape.props.url} ↗
+        </a>
       </div>
     )
   }