Use PHP Curl to fetch GitHub API again...

...now that our server runs TLS~1.3.

Author: philwareham

src/assets/js/main.js

@@ -9,8 +9,7 @@
     // Load objects as variables.
 
     var code = document.querySelectorAll('pre code'),
-        navmenu = document.getElementById('site-navigation'),
-        starbubble = document.getElementById('starbubble');
+        navmenu = document.getElementById('site-navigation');
 
     // Syntax highlighting, via 'Prism'.
     // Applies syntax highlighting to `code` HTML elements.
@@ -40,47 +39,4 @@
         });
     }
 
-    // GitHub star count.
-
-    if (starbubble) {
-        var githubStars = function (callback) {
-        	var xmlhttp = new XMLHttpRequest(),
-        		url = ['https://api.github.com/repos/textpattern/textpattern'],
-        		useCallback = (typeof(callback) === 'function');
-
-        	function countStars(response) {
-        		if (!(response instanceof Array)) {
-        			response = [response];
-        		}
-        		var stars = 0;
-        		for (var i in response) {
-                    if (response.hasOwnProperty(i)) {
-                        stars += parseInt(response[i].stargazers_count);
-                    }
-                }
-        		return stars;
-        	}
-
-        	if (useCallback) {
-        		xmlhttp.onreadystatechange = function() {
-        			if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
-        				callback(countStars(JSON.parse(xmlhttp.responseText)));
-        			}
-        		};
-        	}
-
-        	xmlhttp.open('GET', url, useCallback);
-        	xmlhttp.setRequestHeader('Accept', 'application/vnd.github.v3+json');
-        	xmlhttp.send();
-
-        	if (!useCallback) {
-        		return countStars(JSON.parse(xmlhttp.responseText));
-        	}
-        };
-
-        githubStars(function(stars) {
-            starbubble.innerHTML = '<a id="starcount" class="count-bubble" rel="external" href="https://github.com/textpattern/textpattern/stargazers" title="Stargazers on GitHub">'+stars+'</a>';
-        });
-    }
-
 })();

src/mockups/index.html

@@ -119,7 +119,7 @@ <h1 class="cta"><span>The small content management system that can handle big id
                         </p>
                         <p>
                             <a class="button" rel="external" href="https://github.com/textpattern/textpattern/" title="Stars on GitHub"><span class="ui-icon ui-extra-icon-github">GitHub</span> <strong>Stars</strong></a>
-                            <span id="starbubble"></span>
+                            <a class="count-bubble" rel="external" href="https://github.com/textpattern/textpattern/stargazers" title="Stargazers on GitHub">375</a>
                         </p>
 
                     </div><!-- /.container -->

src/templates/pages/default.txp

@@ -67,7 +67,28 @@
                     </p>
                     <p>
                         <a class="button" rel="external" href="https://github.com/textpattern/textpattern/" title="Stars on GitHub"><span class="ui-icon ui-extra-icon-github">GitHub</span> <strong>Stars</strong></a>
-                        <span id="starbubble"></span>
+                        <txp:etc_cache id="github-stars" time="-3600">
+                             <txp:php>
+ $curl1 = curl_init();
+
+ curl_setopt_array($curl1, array(
+     CURLOPT_RETURNTRANSFER => 1,
+     CURLOPT_URL => 'https://api.github.com/repos/textpattern/textpattern',
+     CURLOPT_USERAGENT => 'Textpattern CMS',
+ ));
+
+ $response1 = curl_exec($curl1);
+
+ if (curl_error($curl1)) {
+     // Do nothing.
+ } else {
+     $json = json_decode($response1);
+     echo '<a class="count-bubble" rel="external" href="https://github.com/textpattern/textpattern/stargazers" title="Stargazers on GitHub">'.$json->stargazers_count.'</a>';
+ }
+
+ curl_close($curl1);
+                             </txp:php>
+                         </txp:etc_cache>
                     </p>
                 </div>
             </div>