From 3d57559ba83ff4ee4b9847318691f57410bb9a71 Mon Sep 17 00:00:00 2001
From: Dion Moult <dion@thinkmoult.com>
Date: Wed, 8 May 2024 14:00:02 +1000
Subject: [PATCH] Fix broken RSS feed on community page

---
 website/assets/js/main.js        | 43 --------------------------------
 website/templates/community.html | 35 ++++++++++++++++++++++++--
 2 files changed, 33 insertions(+), 45 deletions(-)

diff --git a/website/assets/js/main.js b/website/assets/js/main.js
index 61c8921..4340061 100644
--- a/website/assets/js/main.js
+++ b/website/assets/js/main.js
@@ -183,47 +183,4 @@
         }
     }
     //  Home page Tab section
-
-
-    // community page code
-    function loadRSS(callback) {
-        var xobj = new XMLHttpRequest();
-        xobj.overrideMimeType('application/xml');
-        xobj.open('GET', 'assets/v0.7.0.atom', true);
-        xobj.onreadystatechange = function() {
-            if (xobj.readyState == 4 && xobj.status == '200') {
-                callback(xobj.responseText);
-            }
-        };
-        xobj.send(null);
-    }
-    loadRSS(function(response) {
-        var parser = new DOMParser();
-        var xmlDoc = parser.parseFromString(response, 'text/xml');
-        var entries = xmlDoc.getElementsByTagName('entry');
-        var liTemplate = '<li><img src="_THUMBNAIL_" class="post-thumbnail" alt="Avatar" /><p class="post-paragraph"><a href="_LINK_">_TITLE_</a> by <a href="_AUTHORURL_"><span class="author-name">@_AUTHORNAME_</span></a> <span class="post-date">_UPDATED_</span></p></li>'
-        var commits = document.getElementById('commits');
-        if (!commits) {
-            return;
-        }
-        for (var i = 0; i < 10; i++) {
-            console.log(entries[i].getElementsByTagName('link')[0].getAttribute('href'));
-            console.log(entries[i].getElementsByTagName('link')[0]);
-            var data = {
-                '_TITLE_': entries[i].getElementsByTagName('title')[0].textContent,
-                '_UPDATED_': entries[i].getElementsByTagName('updated')[0].textContent.split('T')[0],
-                '_LINK_': entries[i].getElementsByTagName('link')[0].getAttribute('href'),
-                '_THUMBNAIL_': entries[i].getElementsByTagName('media:thumbnail')[0].getAttribute('url'),
-                '_AUTHORNAME_': entries[i].getElementsByTagName('author')[0].getElementsByTagName('name')[0].textContent ? entries[i].getElementsByTagName('author')[0].getElementsByTagName('name')[0].textContent : entries[i].getElementsByTagName('author')[0].getElementsByTagName('email')[0].textContent,
-                '_AUTHORURL_': entries[i].getElementsByTagName('author')[0].getElementsByTagName('uri').length ? entries[i].getElementsByTagName('author')[0].getElementsByTagName('uri')[0].textContent : 'mailto:' + entries[i].getElementsByTagName('author')[0].getElementsByTagName('email')[0].textContent
-            };
-            var innerHTML = liTemplate;
-            for (var key in data) {
-                innerHTML = innerHTML.replace(key, data[key]);
-            }
-            var li = document.createElement('li');
-            li.innerHTML = innerHTML;
-            commits.appendChild(li);
-        }
-    });
 })(jQuery);
diff --git a/website/templates/community.html b/website/templates/community.html
index cc63e33..8622f00 100644
--- a/website/templates/community.html
+++ b/website/templates/community.html
@@ -77,11 +77,42 @@ <h2 class="up-title wow fadeInUp delay-0-4s"> Built by you, free for the world <
 
 
                     <div class="col-lg-3 sidebar-section">
-                        <h3 class=""> Latest code update </h3>
+                        <h3 class=""> Latest code updates </h3>
                         <ul id="commits" class="latest-code"></ul>
+                        <script>
+                            let liTemplate = '<li><img src="_THUMBNAIL_" class="post-thumbnail" alt="Avatar" /><p class="post-paragraph"><a href="_LINK_">_TITLE_</a> by <a href="_AUTHORURL_"><span class="author-name">@_AUTHORNAME_</span></a> <span class="post-date">_UPDATED_</span></p></li>'
+                            const apiUrl = 'https://api.github.com/repos/IfcOpenShell/IfcOpenShell/commits';
+                            fetch(apiUrl)
+                            .then(response => response.json())
+                            .then(commits => {
+                                console.log('we got');
+                                console.log(commits);
+                                const commitsList = document.getElementById('commits');
+                                for (let i = 0; i < 10; i++) {
+                                    let commit = commits[i];
+                                    var data = {
+                                        '_TITLE_': commit.commit.message,
+                                        '_UPDATED_': commit.commit.author.date.split('T')[0],
+                                        '_LINK_': commit.html_url,
+                                        '_THUMBNAIL_': commit.author.avatar_url,
+                                        '_AUTHORNAME_': commit.author.login,
+                                        '_AUTHORURL_': commit.author.html_url
+                                    };
+                                    var innerHTML = liTemplate;
+                                    for (var key in data) {
+                                        innerHTML = innerHTML.replace(key, data[key]);
+                                    }
+                                    var li = document.createElement('li');
+                                    li.innerHTML = innerHTML;
+                                    commitsList.appendChild(li);
+                                }
+                            })
+                            .catch(error => console.error('Error fetching commits:', error));
+                        </script>
                         <a href="https://blenderbim.org/" class="view-more"> View more </a>
                         <h3 class="">Tweet twoot</h3>
-                        <a class="twitter-timeline" data-lang="en" data-dnt="true" data-tweet-limit="2" href="https://twitter.com/BlenderBIM?ref_src=twsrc%5Etfw">Tweets by BlenderBIM</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+                        <!-- Twitter embeds are broken -->
+                        <a href="https://twitter.com/BlenderBIM">Check out Tweets by BlenderBIM</a>
                         <!--
                     <h3 class="">Videos</h3>
                         <div class="embed">