use data urls for every resource

resumic · ArmanMazdaee · Mar 12, 2019 · Mar 12, 2019 · Mar 13, 2019 · Mar 17, 2019
commit 6116b5258e47e33609841f578a6d737002e9e37d
diff --git a/example.html b/example.html
@@ -1,7 +1,5 @@
 <html><head>
-        <style>body {
-    background: blue;
-}</style>
+        <link rel="stylesheet" type="text/css" href="data:text/css; charset=utf-8;base64,Ym9keSB7CiAgICBiYWNrZ3JvdW5kOiBibHVlOwp9"/>
     </head>
     <body>
 
@@ -11,8 +9,6 @@
             <p> Powerd By <a href="https://github.com/resumic/schema">resumic</a></p>
             <img src="data:image/jpeg;base64,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"/>
         </div>
-        <script>document.addEventListener("DOMContentLoaded", function(event) { 
-    console.log("Hi!")
-  });</script>
+        <script src="data:application/javascript;base64,ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcigiRE9NQ29udGVudExvYWRlZCIsIGZ1bmN0aW9uKGV2ZW50KSB7IAogICAgY29uc29sZS5sb2coIkhpISIpCiAgfSk7"></script>
 
 </body></html>
diff --git a/render/embed.go b/render/embed.go
@@ -7,163 +7,55 @@ import (
 	"net/url"
 	"path"
 
-	"golang.org/x/net/html/atom"
-
 	"golang.org/x/net/html"
 )
 
-func findAttributeIndex(attrs []html.Attribute, key string) int {
-	index := -1
-	for i := 0; i < len(attrs); i++ {
-		if attrs[i].Key == key {
-			index = i
-			break
-		}
-	}
-	return index
-}
-
-func embedStyleNode(node *html.Node, baseURL *url.URL, site hugoSite) error {
-	hrefAttrIndex := findAttributeIndex(node.Attr, "href")
-	if hrefAttrIndex == -1 {
-		return nil
-	}
-	hrefAttr := node.Attr[hrefAttrIndex]
-	contentURL, err := baseURL.Parse(hrefAttr.Val)
-	if err != nil {
-		return err
-	}
-	if contentURL.Host != baseURL.Host {
-		return nil
-	}
-
-	content, err := site.readPublic(contentURL)
-	if err != nil {
-		return err
-	}
-	contentNode := &html.Node{}
-	contentNode.Type = html.TextNode
-	contentNode.Data = string(content)
-
-	styleNode := &html.Node{}
-	styleNode.Type = html.ElementNode
-	styleNode.DataAtom = atom.Style
-	styleNode.Data = "style"
-	if index := findAttributeIndex(node.Attr, "media"); index != -1 {
-		attr := styleNode.Attr[index]
-		styleNode.Attr = append(styleNode.Attr, attr)
-	}
-	if index := findAttributeIndex(node.Attr, "title"); index != -1 {
-		attr := styleNode.Attr[index]
-		styleNode.Attr = append(styleNode.Attr, attr)
-	}
-
-	styleNode.AppendChild(contentNode)
-	node.Parent.InsertBefore(styleNode, node)
-	node.Parent.RemoveChild(node)
-	return nil
-}
-
-func embedScriptNode(node *html.Node, baseURL *url.URL, site hugoSite) error {
-	srcAttrIndex := findAttributeIndex(node.Attr, "src")
-	if srcAttrIndex == -1 {
-		return nil
-	}
-	srcAttr := node.Attr[srcAttrIndex]
-	contentURL, err := baseURL.Parse(srcAttr.Val)
-	if err != nil {
-		return err
-	}
-	if contentURL.Host != baseURL.Host {
-		return nil
-	}
-
-	content, err := site.readPublic(contentURL)
-	if err != nil {
-		return err
-	}
-	contentNode := &html.Node{}
-	contentNode.Type = html.TextNode
-	contentNode.Data = string(content)
-
-	node.Attr = append(node.Attr[:srcAttrIndex], node.Attr[srcAttrIndex+1:]...)
-	node.AppendChild(contentNode)
-	return nil
-}
-
-func embedImgNode(node *html.Node, baseURL *url.URL, site hugoSite) error {
-	srcAttrIndex := findAttributeIndex(node.Attr, "src")
-	if srcAttrIndex == -1 {
-		return nil
-	}
-	srcAttr := node.Attr[srcAttrIndex]
-	imageURL, err := baseURL.Parse(srcAttr.Val)
+func makeDataURL(resourceURL *url.URL, site hugoSite) (string, error) {
+	resourceContent, err := site.readPublic(resourceURL)
 	if err != nil {
-		return err
-	}
-	if imageURL.Host != baseURL.Host {
-		return nil
+		return "", err
 	}
-
-	imageExt := path.Ext(imageURL.Path)
-	imageMime := mime.TypeByExtension(imageExt)
-
-	imageData, err := site.readPublic(imageURL)
-	if err != nil {
-		return err
-	}
-	imageBase64 := base64.StdEncoding.EncodeToString(imageData)
-
-	node.Attr[srcAttrIndex].Val = "data:" + imageMime + ";base64," + imageBase64
-	return nil
+	resourceBase64 := base64.StdEncoding.EncodeToString(resourceContent)
+	resourceExt := path.Ext(resourceURL.Path)
+	resourceMime := mime.TypeByExtension(resourceExt)
+	return "data:" + resourceMime + ";base64," + resourceBase64, nil
 }
 
-func embedNode(node *html.Node, baseURL *url.URL, site hugoSite) error {
-	var err error
-	switch node.DataAtom {
-	case atom.Link:
-		relIndex := findAttributeIndex(node.Attr, "rel")
-		if relIndex == -1 {
-			break
+func embedHTMLNode(node *html.Node, baseURL *url.URL, site hugoSite) error {
+	if node.Type == html.ElementNode {
+		for index, attr := range node.Attr {
+			if attr.Key == "href" || attr.Key == "src" {
+				resourceURL, err := baseURL.Parse(attr.Val)
+				if err != nil {
+					return err
+				}
+				if baseURL.Host == resourceURL.Host {
+					dataURL, err := makeDataURL(resourceURL, site)
+					if err != nil {
+						return err
+					}
+					node.Attr[index].Val = dataURL
+				}
+			}
 		}
-		relValue := node.Attr[relIndex].Val
-
-		switch relValue {
-		case "stylesheet":
-			err = embedStyleNode(node, baseURL, site)
-		}
-
-	case atom.Script:
-		err = embedScriptNode(node, baseURL, site)
-
-	case atom.Img:
-		err = embedImgNode(node, baseURL, site)
-	}
-
-	if err != nil {
-		return err
 	}
 
 	for child := node.FirstChild; child != nil; child = child.NextSibling {
-		if err := embedNode(child, baseURL, site); err != nil {
+		if err := embedHTMLNode(child, baseURL, site); err != nil {
 			return err
 		}
 	}
+
 	return nil
 }
 
-func embedHTML(pageURL *url.URL, site hugoSite) ([]byte, error) {
-	rawHTML, err := site.readPublic(pageURL)
-	if err != nil {
-		return nil, err
-	}
-
-	node, err := html.Parse(bytes.NewReader(rawHTML))
+func embedHTML(pageHTML []byte, pageURL *url.URL, site hugoSite) ([]byte, error) {
+	node, err := html.Parse(bytes.NewReader(pageHTML))
 	if err != nil {
 		return nil, err
 	}
 
-	if err := embedNode(node, pageURL, site); err != nil {
+	if err := embedHTMLNode(node, pageURL, site); err != nil {
 		return nil, err
 	}
 

diff --git a/render/render.go b/render/render.go
@@ -36,5 +36,11 @@ func RenderHTML(resumeJSON []byte, themeDir string) ([]byte, error) {
 	if err != nil {
 		return nil, err
 	}
-	return embedHTML(resumeURL, site)
+
+	resumeHTML, err := site.readPublic(resumeURL)
+	if err != nil {
+		return nil, err
+	}
+
+	return embedHTML(resumeHTML, resumeURL, site)
 }