add blade component

Author: gepopp

composer.json

@@ -10,8 +10,8 @@
         }
     ],
     "php": "8.0",
-    "homepage": "https://github.com/gepopp/image",
-    "keywords": ["Laravel", "Image"],
+    "homepage": "https://github.com/gepopp/laravel-image",
+    "keywords": ["Laravel", "Image", "WebP", "Larave Nova"],
     "require-dev": {
         "phpunit/phpunit": "~9.0",
         "orchestra/testbench": "~7"

resources/views/components/image.blade.php

@@ -0,0 +1 @@
+<img src="{{ $image->webp_url ?? $image->url }}" width="{{ $image->width }}" height="{{ $image->height }}" srcset="{{ $image->webp_srcset ?? $image->srcset }}" alt="{{ $image->alt }}">

src/ImageServiceProvider.php

@@ -3,6 +3,8 @@
 namespace Gepopp\Image;
 
 use Gepopp\Image\Observers\ImageObserver;
+use Gepopp\Image\View\Components\ImageComponent;
+use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\ServiceProvider;
 
 class ImageServiceProvider extends ServiceProvider
@@ -15,7 +17,7 @@ class ImageServiceProvider extends ServiceProvider
     public function boot(): void
     {
         // $this->loadTranslationsFrom(__DIR__.'/../resources/lang', 'gepopp');
-        // $this->loadViewsFrom(__DIR__.'/../resources/views', 'gepopp');
+        $this->loadViewsFrom(__DIR__.'/../resources/views', 'gepopp');
         $this->loadMigrationsFrom( __DIR__ . '/../database/migrations', 'gepopp' );
         // $this->loadRoutesFrom(__DIR__.'/routes.php');
 
@@ -26,6 +28,8 @@ public function boot(): void
 
 
         \Gepopp\Image\Model\Image::observe( ImageObserver::class );
+
+        Blade::component(  ImageComponent::class, 'image');
     }
 
     /**
@@ -72,9 +76,9 @@ protected function bootForConsole(): void
         ], 'image.config' );
 
         // Publishing the views.
-        /*$this->publishes([
+        $this->publishes([
             __DIR__.'/../resources/views' => base_path('resources/views/vendor/gepopp'),
-        ], 'image.views');*/
+        ], 'image.views');
 
         // Publishing assets.
         /*$this->publishes([

src/Jobs/CreateImageSizeJob.php

@@ -24,7 +24,7 @@ class CreateImageSizeJob implements ShouldQueue
     /**
      * Create a new job instance.
      */
-    public function __construct( public int $image_id, public int $width, public int|null $height, public bool $crop = false, public bool $webp = true )
+    public function __construct( public int $image_id, public int $width, public int|null $height, public bool $crop = false )
     {
         //
     }

src/Observers/ImageObserver.php

@@ -48,9 +48,9 @@ public function created( Image $image ): void
             foreach ($sizes as $size)
             {
                 if( config('image.image_sizes.queue')){
-                    CreateImageSizeJob::dispatch($image->id, $size[0], $size[1], $size[2], config('image.image_sizes.create_webp'));
+                    CreateImageSizeJob::dispatch($image->id, ...$size);
                 }else{
-                    CreateImageSizeJob::dispatchSync($image->id, $size[0], $size[1], $size[2], config('image.image_sizes.create_webp'));
+                    CreateImageSizeJob::dispatchSync($image->id, ...$size);
                 }
             }
         }

src/View/Components/ImageComponent.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Gepopp\Image\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class ImageComponent extends Component
+{
+
+    public \Gepopp\Image\Model\Image $image;
+    /**
+     * Create a new component instance.
+     */
+    public function __construct( \Gepopp\Image\Model\Image $image )
+    {
+        $this->image = $image;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+       return view('gepopp::components.image', ['image' => $this->image]);
+    }
+}