✨ ajout de medialibrary pour l'upload de fichier

Author: mckenziearts

app/Console/Kernel.php

@@ -24,7 +24,7 @@ class Kernel extends ConsoleKernel
      */
     protected function schedule(Schedule $schedule)
     {
-        // $schedule->command('media-library:delete-old-temporary-uploads')->daily();
+        $schedule->command('media-library:delete-old-temporary-uploads')->daily();
         $schedule->command('lcm:delete-old-unverified-users')->daily();
         $schedule->command('lcm:post-article-to-twitter')->everyFourHours();
         $schedule->command('lcm:post-article-to-telegram')->everyFourHours();

app/Http/Controllers/User/SettingController.php

@@ -41,7 +41,7 @@ public function update(UpdateProfileRequest $request)
         ]);
 
         if ($request->avatar) {
-            $user->addMediaFromRequest('avatar')
+            $user->addFromMediaLibraryRequest($request->avatar)
                 ->toMediaCollection('avatar');
             $user->avatar_type = 'storage';
             $user->save();

app/Http/Requests/UpdateProfileRequest.php

@@ -4,9 +4,12 @@
 
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Facades\Auth;
+use Spatie\MediaLibraryPro\Rules\Concerns\ValidatesMedia;
 
 class UpdateProfileRequest extends FormRequest
 {
+    use ValidatesMedia;
+
     /**
      * Determine if the user is authorized to make this request.
      *
@@ -32,7 +35,9 @@ public function rules(): array
             'github_profile' => 'max:255|nullable|unique:users,github_profile,'.Auth::id(),
             'bio' => 'nullable|max:160',
             'website' => 'nullable|url',
-            'avatar' => 'nullable|image|max:2048',
+            'avatar' => $this->validateSingleMedia()
+                ->extension(['png', 'jpg', 'jpeg', 'gif'])
+                ->maxItemSizeInKb(1024),
         ];
     }
 }

app/Models/User.php

@@ -142,7 +142,7 @@ public function registerMediaCollections(): void
     {
         $this->addMediaCollection('avatar')
             ->singleFile()
-            ->acceptsMimeTypes(['image/jpg', 'image/jpeg', 'image/png']);
+            ->acceptsMimeTypes(['image/jpg', 'image/jpeg', 'image/png', 'image/gif']);
     }
 
     public static function findByUsername(string $username): self

auth.json

@@ -0,0 +1,11 @@
+{
+  "http-basic": {
+    "satis.spatie.be": {
+      "username": "monneylobe@gmail.com",
+      "password": "Jao8zKnIoRci24cErttBE7tgrjpwUYqOvbQh9y1e4DA41K2x7TJaioTD8P7oQWd4"
+    }
+  },
+  "github-oauth": {
+    "github.com": "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"
+  }
+}

composer.json

@@ -33,7 +33,8 @@
     "spatie/laravel-feed": "^4.1",
     "spatie/laravel-google-fonts": "^1.2",
     "spatie/laravel-health": "^1.11",
-    "spatie/laravel-medialibrary": "^9.0.0",
+    "spatie/laravel-medialibrary": "^10.4.3",
+    "spatie/laravel-medialibrary-pro": "^2.0.0",
     "spatie/laravel-permission": "^5.1",
     "spatie/laravel-sitemap": "^6.1",
     "stevebauman/location": "^6.2",
@@ -120,5 +121,10 @@
   },
   "minimum-stability": "dev",
   "prefer-stable": true,
-  "repositories": []
+  "repositories": [
+    {
+      "type": "composer",
+      "url": "https://satis.spatie.be"
+    }
+  ]
 }

composer.lock

@@ -56,6 +56,7 @@
             'driver' => 'local',
             'root' => public_path('media'),
             'url' => env('APP_URL').'/media',
+            'visibility' => 'public',
         ],
 
     ],

config/filesystems.php

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=8749e442ea1277ea8a47668ef7c39f78",
-    "/css/app.css": "/css/app.css?id=6c79229752bab2bf32f9ffe1012fbdd8"
+    "/js/app.js": "/js/app.js",
+    "/css/app.css": "/css/app.css"
 }

public/css/app.css

@@ -12,7 +12,7 @@
 @import "torchlight.css";
 @import "toc.css";
 @import "header.css";
-/*@import "media-library.css";*/
+@import "media-library.css";
 /*@import "christmas.css";*/
 
 :root {

public/js/app.js

@@ -55,7 +55,7 @@
                         </div>
                         <div class="mt-1 sm:mt-0 sm:col-span-2">
                             <div class="w-full max-w-lg">
-                                
+                                <x-media-library-attachment name="avatar" rules="mimes:png,jpg,jpeg,gif|max:1024"/>
                             </div>
                         </div>
                     </div>

public/mix-manifest.json

@@ -106,3 +106,7 @@
 ]);
 
 Route::feeds();
+
+Route::middleware('auth')->group(function() {
+    Route::mediaLibrary();
+});