From 8171739c7efff3865b91ce650165c082cef9861f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Mon, 12 Dec 2022 22:43:05 +0000
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor=20articles=20and?=
 =?UTF-8?q?=20list=20to=20use=20page.js=20logic=20instead=20of=20inline=20?=
 =?UTF-8?q?js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/_default/list.html   | 118 ++---------------------------------
 layouts/_default/single.html | 118 ++---------------------------------
 2 files changed, 10 insertions(+), 226 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 0919d81c..54748237 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -36,120 +36,12 @@
       {{ .Content | emojify }}
     </div>
     <script>
-
-      var liked_article = false
-
-      if (typeof auth !== 'undefined') {
-        var oid = "views_{{ .File.Path }}"
-        var id = oid ? oid.replaceAll("/", "-") : oid
-
-        var viewed = localStorage.getItem(id);
-
-        if (!viewed) {
-          auth.signInAnonymously()
-            .then(() => {
-              var docRef = db.collection('views').doc(id)
-              localStorage.setItem(id, true);
-              docRef.get().then((doc) => {
-                if (doc.exists) {
-                  db.collection('views').doc(id).update({
-                    views: firebase.firestore.FieldValue.increment(1)
-                  });
-                } else {
-                  db.collection('views').doc(id).set({ views: 1 })
-                }
-              }).catch((error) => {
-                console.log("Error getting document:", error);
-              });
-            })
-            .catch((error) => {
-              var errorCode = error.code;
-              var errorMessage = error.message;
-              console.error(errorCode, errorMessage)
-            });
-        }
-
-        var oid_likes = "likes_{{ .File.Path }}"
-        var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
-
-        var liked = localStorage.getItem(id_likes);
-
-        if (liked) {
-          liked_article = true
-          document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
-          document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
-          document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
-        }
-
-      }
-
-      function like_article(id_likes) {
-        auth.signInAnonymously()
-          .then(() => {
-            var docRef = db.collection('likes').doc(id_likes)
-            docRef.get().then((doc) => {
-              liked_article = true
-              localStorage.setItem(id_likes, true);
-              document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
-              document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
-              document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
-              if (doc.exists) {
-                db.collection('likes').doc(id_likes).update({
-                  likes: firebase.firestore.FieldValue.increment(1)
-                });
-              } else {
-                db.collection('likes').doc(id_likes).set({ likes: 1 })
-              }
-            }).catch((error) => {
-              console.log("Error getting document:", error);
-            });
-          })
-          .catch((error) => {
-            var errorCode = error.code;
-            var errorMessage = error.message;
-            console.error(errorCode, errorMessage)
-          });
-      }
-
-      function remove_like_article(id_likes) {
-        auth.signInAnonymously()
-          .then(() => {
-            var docRef = db.collection('likes').doc(id_likes)
-            docRef.get().then((doc) => {
-              liked_article = false
-              localStorage.removeItem(id_likes);
-              document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = "none"
-              document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = ""
-              document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "\xa0Like"
-              if (doc.exists) {
-                db.collection('likes').doc(id_likes).update({
-                  likes: firebase.firestore.FieldValue.increment(-1)
-                });
-              } else {
-                db.collection('likes').doc(id_likes).set({ likes: 0 })
-              }
-            }).catch((error) => {
-              console.log("Error getting document:", error);
-            });
-          })
-          .catch((error) => {
-            var errorCode = error.code;
-            var errorMessage = error.message;
-            console.error(errorCode, errorMessage)
-          });
-      }
-
-      function process_article() {
-        var oid_likes = "likes_{{ .File.Path }}"
-        var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
-        if (!liked_article) {
-          like_article(id_likes)
-        } else {
-          remove_like_article(id_likes)
-        }
-      }
-
+      var oid = "views_{{ .File.Path }}"
+      var oid_likes = "likes_{{ .File.Path }}"
     </script>
+    {{ $jsPage := resources.Get "js/page.js" }}
+    {{ $jsPage = $jsPage | resources.Minify | resources.Fingerprint "sha512" }}
+    <script type="text/javascript" src="{{ $jsPage.RelPermalink }}" integrity="{{ $jsPage.Data.Integrity }}"></script>
   </section>
   {{ if gt .Pages 0 }}
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index c5a1a0d6..908a0c92 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -38,120 +38,12 @@
         {{ partial "series-closed.html" . }}
       </div>
       <script>
-
-        var liked_article = false
-
-        if (typeof auth !== 'undefined') {
-          var oid = "views_{{ .File.Path }}"
-          var id = oid ? oid.replaceAll("/", "-") : oid
-
-          var viewed = localStorage.getItem(id);
-
-          if (!viewed) {
-            auth.signInAnonymously()
-              .then(() => {
-                var docRef = db.collection('views').doc(id)
-                localStorage.setItem(id, true);
-                docRef.get().then((doc) => {
-                  if (doc.exists) {
-                    db.collection('views').doc(id).update({
-                      views: firebase.firestore.FieldValue.increment(1)
-                    });
-                  } else {
-                    db.collection('views').doc(id).set({ views: 1 })
-                  }
-                }).catch((error) => {
-                  console.log("Error getting document:", error);
-                });
-              })
-              .catch((error) => {
-                var errorCode = error.code;
-                var errorMessage = error.message;
-                console.error(errorCode, errorMessage)
-              });
-          }
-
-          var oid_likes = "likes_{{ .File.Path }}"
-          var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
-
-          var liked = localStorage.getItem(id_likes);
-
-          if (liked) {
-            liked_article = true
-            document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
-            document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
-            document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
-          }
-
-        }
-
-        function like_article(id_likes) {
-          auth.signInAnonymously()
-            .then(() => {
-              var docRef = db.collection('likes').doc(id_likes)
-              docRef.get().then((doc) => {
-                liked_article = true
-                localStorage.setItem(id_likes, true);
-                document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = ""
-                document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = "none"
-                document.querySelectorAll("span[id='likes_button_text']")[0].innerText = ""
-                if (doc.exists) {
-                  db.collection('likes').doc(id_likes).update({
-                    likes: firebase.firestore.FieldValue.increment(1)
-                  });
-                } else {
-                  db.collection('likes').doc(id_likes).set({ likes: 1 })
-                }
-              }).catch((error) => {
-                console.log("Error getting document:", error);
-              });
-            })
-            .catch((error) => {
-              var errorCode = error.code;
-              var errorMessage = error.message;
-              console.error(errorCode, errorMessage)
-            });
-        }
-
-        function remove_like_article(id_likes) {
-          auth.signInAnonymously()
-            .then(() => {
-              var docRef = db.collection('likes').doc(id_likes)
-              docRef.get().then((doc) => {
-                liked_article = false
-                localStorage.removeItem(id_likes);
-                document.querySelectorAll("span[id='likes_button_heart']")[0].style.display = "none"
-                document.querySelectorAll("span[id='likes_button_emtpty_heart']")[0].style.display = ""
-                document.querySelectorAll("span[id='likes_button_text']")[0].innerText = "\xa0Like"
-                if (doc.exists) {
-                  db.collection('likes').doc(id_likes).update({
-                    likes: firebase.firestore.FieldValue.increment(-1)
-                  });
-                } else {
-                  db.collection('likes').doc(id_likes).set({ likes: 0 })
-                }
-              }).catch((error) => {
-                console.log("Error getting document:", error);
-              });
-            })
-            .catch((error) => {
-              var errorCode = error.code;
-              var errorMessage = error.message;
-              console.error(errorCode, errorMessage)
-            });
-        }
-
-        function process_article() {
-          var oid_likes = "likes_{{ .File.Path }}"
-          var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
-          if (!liked_article) {
-            like_article(id_likes)
-          } else {
-            remove_like_article(id_likes)
-          }
-        }
-
+        var oid = "views_{{ .File.Path }}"
+        var oid_likes = "likes_{{ .File.Path }}"
       </script>
+      {{ $jsPage := resources.Get "js/page.js" }}
+      {{ $jsPage = $jsPage | resources.Minify | resources.Fingerprint "sha512" }}
+      <script type="text/javascript" src="{{ $jsPage.RelPermalink }}" integrity="{{ $jsPage.Data.Integrity }}"></script>
   </section>
   <footer class="pt-8 max-w-prose print:hidden">