From 9f54400f18a1939a1533717ebb675414d7d5ae0f Mon Sep 17 00:00:00 2001
From: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
Date: Mon, 9 Dec 2024 20:19:35 -0500
Subject: [PATCH] updated medium embeds to link out to new tab

---
 src/shapes/EmbedShapeUtil.tsx | 38 +++++++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/shapes/EmbedShapeUtil.tsx b/src/shapes/EmbedShapeUtil.tsx
index 325dedd..90ce022 100644
--- a/src/shapes/EmbedShapeUtil.tsx
+++ b/src/shapes/EmbedShapeUtil.tsx
@@ -61,9 +61,9 @@ const transformUrl = (url: string): string => {
     return `https://platform.x.com/embed/Tweet.html?id=${tweetMatch[1]}`
   }
 
-  // Medium
+  // Medium - return about:blank to prevent iframe loading
   if (url.includes("medium.com")) {
-    return url.replace(/\/?$/, "?format=lite")
+    return "about:blank"
   }
 
   // Gather.town
@@ -180,6 +180,40 @@ export class EmbedShape extends BaseBoxShapeUtil<IEmbedShape> {
       )
     }
 
+    if (shape.props.url?.includes("medium.com")) {
+      return (
+        <div style={wrapperStyle}>
+          <div
+            style={{
+              ...contentStyle,
+              flexDirection: "column",
+              gap: "12px",
+              padding: "20px",
+              textAlign: "center",
+              pointerEvents: "all",
+            }}
+          >
+            <p>
+              Medium's content policy does not allow for embedding articles in
+              iframes.
+            </p>
+            <a
+              href={shape.props.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              style={{
+                color: "#1976d2",
+                textDecoration: "none",
+                cursor: "pointer",
+              }}
+            >
+              Open article in new tab →
+            </a>
+          </div>
+        </div>
+      )
+    }
+
     return (
       <div style={wrapperStyle}>
         <div style={contentStyle}>