Add og-image preview when available

_internal/DeerLister.php

@@ -2,6 +2,8 @@
 
 namespace DeerLister;
 
+use DeerLister\ExtensionHelper;
+use DeerLister\Previews\ImagePreview;
 use Twig\Loader\FilesystemLoader;
 use Twig\Environment;
 use Twig\TwigFilter;
@@ -302,6 +304,7 @@ public function render(string $directory, string $preview): string
         $path = $this->getRelativePath($directory);
 
         $title = $path == "" ? "Home" : basename($directory);
+        $imgPreview = null;
         $readme = null;
         $filesFilter = [];
         $displayMode = null;
@@ -343,6 +346,11 @@ public function render(string $directory, string $preview): string
             {
                 $title = $f["name"];
                 $f["preview"] = true;
+
+                if (in_array($f["extension"], ExtensionHelper::getImageExtensions()))
+                {
+                    $imgPreview = $f["name"];
+                }
             }
 
             if (!$displayBack && $f["name"] === "..")
@@ -355,10 +363,13 @@ public function render(string $directory, string $preview): string
             }
         }
 
+        $protocol = (empty($_SERVER['HTTPS']) ? 'http' : 'https');
         return $this->twig->render("index.html.twig",
             [
+                "baseUrl" => "$protocol://$_SERVER[HTTP_HOST]",
                 "files" => $filesFilter,
                 "title" => $title,
+                "imgPreview" => $imgPreview,
                 "path" => [ "full" => $path, "exploded" => array_filter(explode("/", $path)) ],
                 "readme" => $readme,
                 "display" => "displays/" . ($displayMode ?? "normal") . ".html.twig",

_internal/Displays/AudioDisplay.php

@@ -2,13 +2,15 @@
 
 namespace DeerLister\Displays;
 
+use DeerLister\ExtensionHelper;
+
 /**
  * Provides display for images
  */
 class AudioDisplay implements FileDisplay
 {
     public function doesHandle(string $ext): bool
     {
-        return in_array($ext, ["mp3", "wav", "ogg", "webm", "flac"]);
+        return in_array($ext, ExtensionHelper::getAudioExtensions());
     }
 }

_internal/Displays/ImageDisplay.php

@@ -2,13 +2,15 @@
 
 namespace DeerLister\Displays;
 
+use DeerLister\ExtensionHelper;
+
 /**
  * Provides display for images
  */
 class ImageDisplay implements FileDisplay
 {
     public function doesHandle(string $ext): bool
     {
-        return in_array($ext, ["apng", "png", "jpg", "jpeg", "gif", "svg", "webp"]);
+        return in_array($ext, ExtensionHelper::getImageExtensions());
     }
 }

_internal/ExtensionHelper.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace DeerLister;
+
+class ExtensionHelper
+{
+    public static function getAudioExtensions() : array
+    {
+        return ["mp3", "wav", "ogg", "webm", "flac"];
+    }
+
+    public static function getImageExtensions() : array
+    {
+        return ["apng", "png", "jpg", "jpeg", "gif", "svg", "webp"];
+    }
+}

_internal/Previews/AudioPreview.php

@@ -3,6 +3,7 @@
 namespace DeerLister\Previews;
 
 use Twig\Environment;
+use DeerLister\ExtensionHelper;
 
 /**
  * Provides previews for audios
@@ -11,7 +12,7 @@ class AudioPreview implements FilePreview
 {
     public function doesHandle(string $filename, string $ext): bool
     {
-        return in_array($ext, ["mp3", "wav", "ogg", "webm", "flac"]);
+        return in_array($ext, ExtensionHelper::getAudioExtensions());
     }
 
     public function renderPreview(string $path, string $extension, Environment $twig): string

_internal/Previews/ImagePreview.php

@@ -3,6 +3,7 @@
 namespace DeerLister\Previews;
 
 use Twig\Environment;
+use DeerLister\ExtensionHelper;
 
 /**
  * Provides previews for images
@@ -11,7 +12,7 @@ class ImagePreview implements FilePreview
 {
     public function doesHandle(string $filename, string $ext): bool
     {
-        return in_array($ext, ["apng", "png", "jpg", "jpeg", "gif", "svg", "webp"]);
+        return in_array($ext, ExtensionHelper::getImageExtensions());
     }
 
     public function renderPreview(string $path, string $extension, Environment $twig): string

_internal/templates/base.html.twig

@@ -5,6 +5,9 @@
         <title>{{ title }}</title>
 
         <meta property="og:title" content="{{ title }}">
+        {% if imgPreview is not null %}
+        <meta property="og:image" content="{{ baseUrl }}/{{ path.full }}/{{ imgPreview }}">
+        {% endif %}
         <meta name="theme-color" content="#4169e1">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">