Handle existing files with Filepond (#138)

Author: pascalbaljet

.github/workflows/run-table-tests.yml

@@ -125,6 +125,7 @@ jobs:
       - name: Migrate DB and Run Laravel Server (MySQL)
         run: |
           cd app
+          php artisan storage:link
           php artisan migrate:fresh --seed
           php artisan serve &
         if: ${{ matrix.db == 'mysql' }}
@@ -134,6 +135,7 @@ jobs:
       - name: Migrate DB and Run Laravel Server (PostgreSQL)
         run: |
           cd app
+          php artisan storage:link
           php artisan migrate:fresh --seed
           php artisan serve &
         if: ${{ matrix.db == 'postgres' }}
@@ -144,6 +146,7 @@ jobs:
         if: ${{ matrix.db == 'sqlite' }}
         run: |
           cd app
+          php artisan storage:link
           php artisan migrate:fresh --seed
           php artisan serve &
 

.github/workflows/run-tests.yml

@@ -60,9 +60,12 @@ jobs:
           cd app
           npm upgrade
           cp .env.example .env
+          cp public/1.jpeg storage/app/public/1.jpeg
+          cp public/2.jpeg storage/app/public/2.jpeg
           touch database/database.sqlite
           composer update --${{ matrix.dependency-version }} --prefer-dist --no-interaction --no-suggest
           npm run build
+          php artisan storage:link
           php artisan migrate:fresh --seed
           php artisan dusk:chrome-driver `/opt/google/chrome/chrome --version | cut -d " " -f3 | cut -d "." -f1`
 

.gitignore

@@ -12,3 +12,4 @@ vendor
 node_modules
 protonemedia-laravel-splade-*.tgz
 app/bootstrap/ssr*
+app/storage/splade-temporary-file-uploads/*

app/app/Http/Controllers/FilepondController.php

@@ -6,8 +6,11 @@
 use App\Http\Requests\AvatarUploadFileRule;
 use App\Http\Requests\TitleWithAvatarUploadFileRule;
 use App\Models\Project;
+use App\Models\User;
 use Illuminate\Http\Request;
 use Illuminate\Routing\Controller;
+use ProtoneMedia\Splade\Facades\Toast;
+use ProtoneMedia\Splade\FileUploads\ExistingFile;
 use ProtoneMedia\Splade\FileUploads\HandleSpladeFileUploads;
 
 class FilepondController extends Controller
@@ -27,6 +30,34 @@ public function showValidation()
         return view('form.components.filepondValidation');
     }
 
+    public function showExisting()
+    {
+        $user = User::first();
+
+        return view('form.components.filepondExisting', [
+            'avatar'    => ExistingFile::fromMediaLibrary($user->getFirstMedia('avatar')),
+            'photos'    => ExistingFile::fromMediaLibrary($user->getMedia('photos'), 'thumb'),
+            'documents' => ExistingFile::fromMediaLibrary($user->getMedia('documents')),
+        ]);
+    }
+
+    public function storeExisting(Request $request)
+    {
+        $user = User::first();
+
+        if ($request->query('form') === 'avatar') {
+            HandleSpladeFileUploads::syncMediaLibrary($request, $user, 'avatar', 'avatar');
+        } elseif ($request->query('form') === 'photos') {
+            HandleSpladeFileUploads::syncMediaLibrary($request, $user, 'photos', 'photos');
+        } elseif ($request->query('form') === 'documents') {
+            HandleSpladeFileUploads::syncMediaLibrary($request, $user, 'documents', 'documents');
+        }
+
+        Toast::info('The photos have been saved.');
+
+        return redirect()->back();
+    }
+
     public function storeSingle(Request $request)
     {
         $request->validate([

app/app/Models/User.php

@@ -6,10 +6,13 @@
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Laravel\Sanctum\HasApiTokens;
+use Spatie\MediaLibrary\HasMedia;
+use Spatie\MediaLibrary\InteractsWithMedia;
+use Spatie\MediaLibrary\MediaCollections\Models\Media;
 
-class User extends Authenticatable
+class User extends Authenticatable implements HasMedia
 {
-    use HasApiTokens, HasFactory, Notifiable;
+    use HasApiTokens, HasFactory, Notifiable, InteractsWithMedia;
 
     /**
      * The attributes that are mass assignable.
@@ -51,4 +54,15 @@ public function keywords()
     {
         return $this->morphToMany(Keyword::class, 'keywordable');
     }
+
+    public function registerMediaCollections(): void
+    {
+        $this->addMediaCollection('avatar')->singleFile();
+        $this->addMediaCollection('photos');
+    }
+
+    public function registerMediaConversions(Media $media = null): void
+    {
+        $this->addMediaConversion('thumb')->fit('contain', 50, 50);
+    }
 }

app/composer.json

@@ -18,6 +18,7 @@
         "maatwebsite/excel": "^3.1",
         "psr/simple-cache": "^2.0",
         "pusher/pusher-php-server": "^7.0,<7.2.0",
+        "spatie/laravel-medialibrary": "^10.7",
         "spatie/laravel-query-builder": "^5.0"
     },
     "require-dev": {
@@ -30,6 +31,7 @@
         "phpunit/phpunit": "^9.5.10",
         "protonemedia/laravel-splade": "*",
         "spatie/laravel-ignition": "^1.0",
+        "spatie/laravel-ray": "^1.31",
         "spatie/phpunit-snapshot-assertions": "^4.2"
     },
     "autoload": {
@@ -77,4 +79,4 @@
     },
     "minimum-stability": "dev",
     "prefer-stable": true
-}
+}

app/database/migrations/2022_11_30_142153_create_media_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('media', function (Blueprint $table) {
+            $table->bigIncrements('id');
+
+            $table->morphs('model');
+            $table->uuid('uuid')->nullable()->unique();
+            $table->string('collection_name');
+            $table->string('name');
+            $table->string('file_name');
+            $table->string('mime_type')->nullable();
+            $table->string('disk');
+            $table->string('conversions_disk')->nullable();
+            $table->unsignedBigInteger('size');
+            $table->json('manipulations');
+            $table->json('custom_properties');
+            $table->json('generated_conversions');
+            $table->json('responsive_images');
+            $table->unsignedInteger('order_column')->nullable()->index();
+
+            $table->nullableTimestamps();
+        });
+    }
+};

app/database/seeders/DatabaseSeeder.php

@@ -3,6 +3,7 @@
 namespace Database\Seeders;
 
 use App\Models\Dummy;
+use App\Models\User;
 use Database\Factories\KeywordFactory;
 use Database\Factories\ProjectFactory;
 use Database\Factories\TagFactory;
@@ -22,11 +23,14 @@ public function run()
 
         TagFactory::new()->count(10)->create();
 
-        UserFactory::new()->create([
+        /** @var User $user */
+        $firstUser = UserFactory::new()->create([
             'name'  => 'Test User',
             'email' => 'test@example.com',
         ]);
 
+        static::giveUserMedia($firstUser);
+
         $users = UserFactory::new()->count(99)->create();
 
         Dummy::create([
@@ -43,4 +47,18 @@ public function run()
             ->count(30)
             ->create();
     }
+
+    public static function giveUserMedia(User $user)
+    {
+        $user
+            ->clearMediaCollection('avatar')
+            ->clearMediaCollection('photos')
+            ->clearMediaCollection('documents');
+
+        $user->addMedia(public_path('1.jpeg'))->preservingOriginal()->toMediaCollection('avatar');
+        $user->addMedia(public_path('1.jpeg'))->preservingOriginal()->toMediaCollection('photos');
+        $user->addMedia(public_path('2.jpeg'))->preservingOriginal()->toMediaCollection('photos');
+        $user->addMedia(public_path('dummy1.txt'))->preservingOriginal()->toMediaCollection('documents');
+        $user->addMedia(public_path('dummy2.txt'))->preservingOriginal()->toMediaCollection('documents');
+    }
 }