WIP

Author: tabuna

app/Http/Controllers/CoverController.php

@@ -0,0 +1,63 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Str;
+use Intervention\Image\AbstractFont;
+use Intervention\Image\Facades\Image;
+use Laminas\Stdlib\StringWrapper\MbString;
+
+class CoverController extends Controller
+{
+    /**
+     * @param \Illuminate\Http\Request $request
+     *
+     * @return mixed
+     */
+    public function image(Request $request)
+    {
+        $text = $request->input('text', config('site.name'));
+
+        $key = "cover-" . sha1($text) . Str::random(100);
+
+        $data = Cache::remember($key, now()->addHours(4), function () use ($text) {
+            $width = 1920;
+            $height = 1080;
+
+            $start_x = 100;
+            $start_y = $height / 2 + 30;
+            $max_len = 28;
+
+            $mbWrap = new MbString();
+            $textWrap = $mbWrap->wordWrap($text, $max_len);
+
+            $lines = Str::of($textWrap)->explode("\n");
+
+            $font_size = min(110 - $lines->count() * 5, 110);
+            $font_height = min(75 - $lines->count() * 5, 75);
+
+            $y = round($start_y - ((count($lines) - 1) * $font_height));
+
+            $image = Image::make(public_path('/img/share/socials.png'), 0, 0);
+
+            $image->fit($width, $height, fn($constraint) => $constraint->aspectRatio());
+
+            $lines->each(function ($line) use ($image, $start_x, $font_size, $font_height, &$y, $lines) {
+
+                $image->text($line, $start_x, round($y), fn(AbstractFont $font) => $font->file(public_path('fonts/cover.ttf'))
+                    ->size($font_size)
+                    ->color('#fff')
+                    ->align('left')
+                    ->valign('center'));
+
+                $y += $font_height * 2;
+            });
+
+            return (string) $image->encode('data-url');
+        });
+
+        return Image::make($data)->encode('jpg', 75)->response();
+    }
+}

composer.json

@@ -10,7 +10,9 @@
         "doctrine/dbal": "^3.7",
         "guzzlehttp/guzzle": "^7.2",
         "hotwired/turbo-laravel": "^1.12",
+        "intervention/image": "^2.7",
         "jolicode/jolitypo": "^1.4",
+        "laminas/laminas-stdlib": "^3.18",
         "laravel/framework": "^10.31",
         "laravel/sanctum": "^3.2",
         "laravel/scout": "^10.5",

composer.lock

@@ -15,9 +15,9 @@
     <link rel="alternate" type="application/atom+xml" title="Новости" href="/rss/feed">
 
     <x-meta
-            title="{!! View::getSection('title') ?  strip_tags(View::getSection('title')) . ' | ' : '' !!}{!! config('site.name') !!}"
+            title="{!! View::getSection('title') ?  strip_tags(View::getSection('title')) . ' | '. config('site.name') : config('site.name') !!}"
             description="{!!  View::getSection('description', config('site.description'))  !!}"
-        {{-- image="{{ asset('/img/external.png') }}" --}}
+         image="{!!  URL::signedRoute('cover', ['text' => View::getSection('title', config('site.description'))]) !!}"
         {{-- csp="*.laravel.su *.gravatar.com *.githubusercontent.com" --}} />
 
     <link rel="preconnect" href="https://fonts.googleapis.com">

public/fonts/cover.ttf

@@ -28,8 +28,7 @@
                     <li><a href="{{ route('feed') }}" class="nav-link px-3 link-body-emphasis">Трибуна</a></li>
                     <li><a href="{{ route('packages') }}" class="nav-link px-3 link-body-emphasis">Пакеты</a></li>
                     <li><a href="{{ route('jobs') }}" class="nav-link px-3 link-body-emphasis">Работа</a></li>
-                    <li><a href="{{ route('resources') }}"
-                           class="nav-link px-3 link-body-emphasis position-relative">Ресурсы
+                    <li><a href="{{ route('courses') }}" class="nav-link px-3 link-body-emphasis position-relative">Курсы
                             <span class="badge bg-primary position-absolute top-0 start-100 translate-middle mt-2">Новое</span></a>
                     </li>
                 </ul>
@@ -124,7 +123,7 @@ class="link-dark btn avatar avatar-sm text-bg-dark border border-tertiary-subtle
                                 <a href="{{ route('jobs') }}" class="nav-link p-0">Вакансии</a>
                             </li>
                             <li class="nav-item mb-2">
-                                <a href="{{ route('courses') }}" class="nav-link p-0">Видео уроки</a>
+                                <a href="{{ route('resources') }}" class="nav-link p-0">Ресурсы</a>
                             </li>
                         </ul>
                     </div>