feat: add support for embedded content (iframes & gists)

Signed-off-by: Sphericalkat <amolele@gmail.com>

frontend/src/show.css

@@ -18,3 +18,7 @@ html, body {
         line-height: 1.7777778;
     }
 }
+
+.gist tbody tr {
+    border: none !important;
+}

pkg/converters/embedded_converter.go

@@ -0,0 +1,34 @@
+package converters
+
+import (
+	"fmt"
+	"net/url"
+	"strings"
+
+	"github.com/medium.rip/pkg/entities"
+	log "github.com/sirupsen/logrus"
+)
+
+func ConvertEmbedded(media entities.MediaResource) string {
+	if media.IframeSrc == "" {
+		return customEmbed(media)
+	} else {
+		return fmt.Sprintf("<iframe src=\"%s\" width=\"%d\" height=\"%d\" frameborder=\"0\" allowfullscreen=\"true\" ></iframe>", media.IframeSrc, media.IframeWidth, media.IframeHeight)
+	}
+}
+
+func customEmbed(media entities.MediaResource) string {
+	if strings.HasPrefix(media.Href, "https://gist.github.com") {
+		return fmt.Sprintf("<script src=\"%s.js\"></script>", media.Href)
+	} else {
+		url, err := url.Parse(media.Href)
+		var caption string
+		if err != nil {
+			log.Warnf("Error parsing url %s", media.Href)
+			caption = media.Href
+		} else {
+			caption = fmt.Sprintf("Embedded content at %s", url.Host)
+		}
+		return fmt.Sprintf("<figure><a href=\"%s\">%s</a></figure>", media.Href, caption)
+	}
+}

pkg/converters/paragraph_converter.go

@@ -85,7 +85,9 @@ func ConvertParagraphs(paragraphs []entities.Paragraph) string {
 			} else {
 				ps.WriteString(fmt.Sprintf("<h4>%s</h4>", children))
 			}
-		// TODO: handle IFRAME
+		case "IFRAME":
+			child := ConvertEmbedded(p.Iframe.MediaResource)
+			ps.WriteString(child)
 		case "IMG":
 			ps.WriteString(convertImg(p))
 		case "OLI":

pkg/entities/medium_response.go

@@ -35,6 +35,17 @@ type BodyModel struct {
 	Paragraphs []Paragraph `json:"paragraphs"`
 }
 
+type MediaResource struct {
+	Href         string `json:"href"`
+	IframeSrc    string `json:"iframeSrc"`
+	IframeWidth  int64  `json:"iframeWidth"`
+	IframeHeight int64  `json:"iframeHeight"`
+}
+
+type Iframe struct {
+	MediaResource MediaResource `json:"mediaResource"`
+}
+
 type Paragraph struct {
 	Name     string      `json:"name"`
 	Text     string      `json:"text"`
@@ -42,7 +53,7 @@ type Paragraph struct {
 	Href     interface{} `json:"href"`
 	Layout   *string     `json:"layout"`
 	Markups  []Markup    `json:"markups"`
-	Iframe   interface{} `json:"iframe"`
+	Iframe   *Iframe     `json:"iframe"`
 	Metadata *Metadata   `json:"metadata"`
 }