Clean up database (we will not need it) and start with Livewire component

Author: jyrkidn

README.md

@@ -1,8 +1,6 @@
-# A Filament plugin to add a preview screen to your pages. The screen will render your website with the data from Filament, without saving it.
+# Filament Live Preview
 
-## 
-
-This is where your description should go. Limit it to a paragraph or two. Consider adding a small example.
+A Filament plugin to add a preview screen to your pages. The screen will render your website with the data from Filament, without saving it.
 
 ## Installation
 
@@ -12,13 +10,6 @@ You can install the package via composer:
 composer require wotz/filament-live-preview
 ```
 
-You can publish and run the migrations with:
-
-```bash
-php artisan vendor:publish --tag="filament-live-preview-migrations"
-php artisan migrate
-```
-
 You can publish the config file with:
 
 ```bash
@@ -41,8 +32,6 @@ php artisan vendor:publish --tag="filament-live-preview-views"
 ## Usage
 
 ```php
-$filamentLivePreview = new Wotz\FilamentLivePreview();
-echo $filamentLivePreview->echoPhrase('Hello, Wotz!');
 ```
 
 ## Documentation

composer.json

@@ -11,6 +11,8 @@
     "require": {
         "php": "^8.2",
         "illuminate/contracts": "^10.0 || ^11.0",
+        "livewire/livewire": "^3.6",
+        "pboivin/filament-peek": "3.0.0-beta1",
         "spatie/laravel-package-tools": "^1.12"
     },
     "require-dev": {

database/factories/ModelFactory.php

@@ -1,5 +1,7 @@
-# A Filament plugin to add a preview screen to your pages. The screen will render your website with the data from Filament, without saving it.
+# Filament Live Preview
 
 ## Introduction
 
+A Filament plugin to add a preview screen to your pages. The screen will render your website with the data from Filament, without saving it.
+
 ## Installation

database/migrations/2021_04_06_000000_create_package_table.php

@@ -0,0 +1,49 @@
+<?php
+
+namespace Wotz\FilamentLivePreview\Livewire;
+
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\On;
+use Livewire\Component;
+use Pboivin\FilamentPeek\CachedPreview;
+
+class LivePreviewScreen extends Component
+{
+    public string $token;
+    public string $view;
+    public array $data = [];
+
+    public function mount()
+    {
+        abort_unless($this->token = request()->query('token'), 404);
+
+        $this->refreshPreview();
+    }
+
+    #[Layout('layouts.app', [
+        'titleForLayout' => 'Live Preview',
+        'hasBgPattern' => false,
+        'bgColor' => 'bg-gradient-to-light',
+    ])]
+    public function render()
+    {
+        return view($this->view)
+            ->with($this->data);
+    }
+
+    #[On('echo:live-preview,.refresh-live-preview')]
+    public function listenForMessage()
+    {
+        $this->refreshPreview();
+    }
+
+    private function refreshPreview()
+    {
+        abort_unless((bool) $preview = CachedPreview::get($this->token), 404);
+
+        $this->view = $preview->view;
+        $this->data = $preview->data;
+
+        \Illuminate\Support\Facades\Log::info('Live preview refreshed', [$this->view, $this->data]);
+    }
+}

docs/index.md

@@ -12,7 +12,6 @@ public function configurePackage(Package $package): void
         $package
             ->name('filament-live-preview')
             ->setBasePath(__DIR__ . '/../')
-            ->hasConfigFile()
-            ->hasMigration('create_package_table');
+            ->hasConfigFile();
     }
 }