BookStackApp · ssddanbrown · Jun 23, 2021 · Dec 3, 2020 · Dec 22, 2020 · Feb 9, 2021
diff --git a/app/Entities/Models/Page.php b/app/Entities/Models/Page.php
@@ -126,4 +126,23 @@ public function forJsonDisplay(): Page
         $refreshed->html = (new PageContent($refreshed))->render();
         return $refreshed;
     }
+
+    /**
+     * Returns URL to a cover image for the page.
+     */
+    public function getCoverImage()
+    {
+        //$default = $this->book->getBookCover();
+        $default = url('/logo.png');
+
+        $firstImage = (new PageContent($this))->fetchFirstImage();
+
+        try {
+            $cover = $firstImage ? $firstImage : $default;
+        } catch (\Exception $err) {
+            $cover = $default;
+        }
+        return $cover;
+    }
+
 }
diff --git a/app/Entities/Tools/PageContent.php b/app/Entities/Tools/PageContent.php
@@ -358,4 +358,18 @@ protected function escapeScripts(string $html) : string
 
         return $html;
     }
+
+    /**
+     * Retrieve first image in page content and return the source URL.
+     */
+    public function fetchFirstImage()
+    {
+        $htmlContent = $this->page->html;
+
+        $dom = new \DomDocument();
+        $dom->loadHTML($htmlContent);
+        $images = $dom->getElementsByTagName('img');
+
+        return $images->length > 0 ? $images[0]->getAttribute('src') : null;
+    }
 }
diff --git a/resources/views/base.blade.php b/resources/views/base.blade.php
@@ -11,6 +11,12 @@ class="{{ setting()->getForCurrentUser('dark-mode-enabled') ? 'dark-mode ' : ''
     <meta name="base-url" content="{{ url('/') }}">
     <meta charset="utf-8">
 
+    <!-- Social Cards Meta -->
+    <meta property="og:title" content="{{ isset($pageTitle) ? $pageTitle . ' | ' : '' }}{{ setting('app-name') }}">
+    <meta property="og:url" content="{{ url()->current() }}">
+    @stack('social-meta')
+
+
     <!-- Styles and Fonts -->
     <link rel="stylesheet" href="{{ versioned_asset('dist/styles.css') }}">
     <link rel="stylesheet" media="print" href="{{ versioned_asset('dist/print-styles.css') }}">

diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
@@ -6,6 +6,11 @@
     option:entity-search:entity-type="book"
 @stop
 
+@push('social-meta')
+    <meta property="og:description" content="{{ Str::limit($book->description, 100, '...') }}">
+    <meta property="og:image" content="{{ $book->getBookCover() }}">
+@endpush
+
 @section('body')
 
     <div class="mb-s">

diff --git a/resources/views/chapters/show.blade.php b/resources/views/chapters/show.blade.php
@@ -6,6 +6,11 @@
     option:entity-search:entity-type="chapter"
 @stop
 
+@push('social-meta')
+    <meta property="og:description" content="{{ Str::limit($chapter->description, 100) }}">
+    <meta property="og:image" content="{{ $chapter->book->getBookCover() }}">
+@endpush
+
 @section('body')
 
     <div class="mb-m print-hidden">

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
@@ -1,5 +1,10 @@
 @extends('tri-layout')
 
+@push('social-meta')
+    <meta property="og:description" content="{{ Str::limit($page->text, 100, '...') }}">
+    <meta property="og:image" content="{{ $page->getCoverImage() }}">
+@endpush
+
 @section('body')
 
     <div class="mb-m print-hidden">

diff --git a/resources/views/shelves/show.blade.php b/resources/views/shelves/show.blade.php
@@ -1,5 +1,10 @@
 @extends('tri-layout')
 
+@push('social-meta')
+    <meta property="og:description" content="{{ Str::limit($shelf->description, 100) }}">
+    <meta property="og:image" content="{{ $shelf->getBookCover() }}">
+@endpush
+
 @section('body')
 
     <div class="mb-s">