Repo list loader

Author: g105b

.gitignore

@@ -1,4 +1,5 @@
 /.idea
 /vendor
 /style/.sass-cache
-/www
+/www
+/data

class/Github/Cache.php

@@ -0,0 +1,50 @@
+<?php
+namespace Gt\Website\Github;
+
+use Gt\Fetch\BodyResponse;
+use Gt\Fetch\Http;
+use Gt\WebEngine\FileSystem\Path;
+
+class Cache {
+	const DO_NOT_SHOW_REPOS = ["www.php.gt", "Maintenance", "StyleGuide"];
+	const CACHE_FILE = "repoList.dat";
+
+	protected static $data;
+
+	public static function refresh():void {
+		$data = [];
+
+		$http = new Http();
+		$http->fetch("https://api.github.com/orgs/phpgt/repos")
+		->then(function(BodyResponse $response) {
+			return $response->json();
+		})
+		->then(function($json)use(&$data) {
+			foreach($json as $repoData) {
+				if(in_array($repoData->name, self::DO_NOT_SHOW_REPOS)) {
+					continue;
+				}
+
+				$repo = new Repo(
+					$repoData->name,
+					$repoData->description
+				);
+				$data []= $repo;
+			}
+		});
+		$http->wait();
+
+		$dataDir = Path::getDataDirectory();
+		if(!is_dir($dataDir)) {
+			mkdir($dataDir, 0775, true);
+		}
+
+		file_put_contents(
+			implode(DIRECTORY_SEPARATOR, [
+				$dataDir,
+				self::CACHE_FILE,
+			]),
+			serialize($data)
+		);
+	}
+}

class/Github/Repo.php

@@ -2,5 +2,16 @@
 namespace Gt\Website\Github;
 
 class Repo {
+	public $name;
+	public $description;
+	public $repo;
 
+	public function __construct(
+		string $name,
+		string $description
+	) {
+		$this->name = $name;
+		$this->repo = strtolower($name);
+		$this->description = $description;
+	}
 }

class/Github/RepoList.php

@@ -1,6 +1,68 @@
 <?php
 namespace Gt\Website\Github;
 
-class RepoList {
+use Gt\Fetch\BodyResponse;
+use Gt\Fetch\Http;
+use Gt\WebEngine\FileSystem\Path;
+use Iterator;
 
+class RepoList implements Iterator {
+	/** @var Repo[] */
+	protected $iterator;
+	/** @var int */
+	protected $iteratorKey;
+
+	public function __construct() {
+		$this->iteratorKey = 0;
+		$this->iterator = [];
+		$this->loadGithubRepos();
+	}
+
+	protected function loadGithubRepos() {
+		$dataDir = Path::getDataDirectory();
+		$cacheFilePath = implode(DIRECTORY_SEPARATOR, [
+			$dataDir,
+			Cache::CACHE_FILE,
+		]);
+		if(!is_file($cacheFilePath)) {
+			Cache::refresh();
+		}
+
+		$this->iterator = unserialize(file_get_contents($cacheFilePath));
+	}
+
+	/**
+	 * @link https://php.net/manual/en/iterator.rewind.php
+	 */
+	public function rewind():void {
+		$this->iteratorKey = 0;
+	}
+
+	/**
+	 * @link https://php.net/manual/en/iterator.valid.php
+	 */
+	public function valid():bool {
+		return isset($this->iterator[$this->iteratorKey]);
+	}
+
+	/**
+	 * @link https://php.net/manual/en/iterator.key.php
+	 */
+	public function key():int {
+		return $this->iteratorKey;
+	}
+
+	/**
+	 * @link https://php.net/manual/en/iterator.current.php
+	 */
+	public function current():Repo {
+		return $this->iterator[$this->iteratorKey];
+	}
+
+	/**
+	 * @link https://php.net/manual/en/iterator.next.php
+	 */
+	public function next():void {
+		$this->iteratorKey++;
+	}
 }

crontab

@@ -0,0 +1 @@
+0 * * * * Gt\Website\Github\Cache::refresh()

log.txt

@@ -14,4 +14,6 @@ Smooth scroll clicking logo
 Begin styling concertina (complex due to different display on mobile/desktop)
 Add pips to centre of concertina circles
 Style empty repo list
-Grid layout repo list
+Grid layout repo list
+Github repo loader
+Show more button on repo list

page/index.html

@@ -132,39 +132,20 @@ <h1>
 		Sorted by number of Github stars.
 	</p>
 
+	<input type="checkbox" id="repo-list-show-all" />
 	<ul>
-		<li>
-			<a href="/docs/{repo}">
-				<h1>Repo Name</h1>
-				<p>Repo description.</p>
-			</a>
-		</li>
-		<li>
-			<a href="/docs/{repo}">
-				<h1>Repo Name</h1>
-				<p>Repo description.</p>
-			</a>
-		</li>
-		<li>
-			<a href="/docs/{repo}">
-				<h1>Repo Name</h1>
-				<p>Repo description.</p>
-			</a>
-		</li>
-		<li>
-			<a href="/docs/{repo}">
-				<h1>Repo Name</h1>
-				<p>Repo description.</p>
-			</a>
-		</li>
-		<li>
+		<li data-template>
 			<a href="/docs/{repo}">
-				<h1>Repo Name</h1>
-				<p>Repo description.</p>
+				<h1 data-bind:text="name">Repo Name</h1>
+				<p data-bind:text="description">Repo description.</p>
 			</a>
 		</li>
 	</ul>
 
+	<div>
+		<label for="repo-list-show-all">Show all…</label>
+	</div>
+
 </section>
 
 <section class="_contributing">

page/index.php

@@ -2,9 +2,16 @@
 namespace Gt\Website\Page;
 
 use Gt\WebEngine\Logic\Page;
+use Gt\Website\Github\RepoList;
 
 class IndexPage extends Page {
 	public function go() {
-		$this->document->querySelector("._repo-list");
+		$this->outputRepoList();
+	}
+
+	protected function outputRepoList():void {
+		$this->document->querySelector("._repo-list ul")->bind(
+			new RepoList()
+		);
 	}
 }

style/component/repo-list.scss

@@ -30,10 +30,6 @@
 			position: relative;
 			border-bottom: 1px solid rgba($palette-text-alt, 0.5);
 
-			&:last-of-type {
-				border: none;
-			}
-
 			>a {
 				display: block;
 				overflow: hidden;
@@ -79,4 +75,35 @@
 			}
 		}
 	}
+
+	#repo-list-show-all {
+		display: none;
+
+		&:not(:checked) {
+			~ul {
+				li {
+					@for $i from 7 through 20 {
+						&:nth-child(#{$i}) {
+							display: none;
+						}
+					}
+				}
+			}
+		}
+		&:checked {
+			~div {
+				display: none;
+			}
+		}
+		
+		~div {
+			@extend %padding-m, %reading-column;
+			text-align: center;
+
+			label {
+				@extend button;
+				display: inline-block;
+			}
+		}
+	}
 }