├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── bin
    └── build.js
├── composer.json
├── postcss.config.cjs
├── resources
    ├── css
    │   └── index.css
    ├── dist
    │   └── .gitkeep
    ├── js
    │   └── index.js
    ├── lang
    │   ├── en
    │   │   └── media-action.php
    │   ├── fr
    │   │   └── media-action.php
    │   └── it
    │   │   └── media-action.php
    └── views
    │   ├── .gitkeep
    │   └── actions
    │       └── media-modal-content.blade.php
├── src
    ├── Actions
    │   └── MediaAction.php
    ├── Concerns
    │   └── HasMedia.php
    ├── Facades
    │   └── FilamentMediaAction.php
    ├── FilamentMediaAction.php
    ├── FilamentMediaActionServiceProvider.php
    ├── Forms
    │   └── Components
    │   │   └── Actions
    │   │       └── MediaAction.php
    ├── Infolists
    │   └── Components
    │   │   └── Actions
    │   │       └── MediaAction.php
    └── Tables
    │   └── Actions
    │       └── MediaAction.php
└── stubs
    └── .gitkeep


/CHANGELOG.md:
--------------------------------------------------------------------------------
  1 | # Changelog
  2 | 
  3 | All notable changes to `filament-media-action` will be documented in this file.
  4 | 
  5 | ## v3.1.1.7 - 2025-02-11
  6 | 
  7 | ### 🚀 Release v3.1.1.7 – Dynamic Closure Dependency Resolution
  8 | 
  9 | #### ✨ What's New?
 10 | 
 11 | ##### Automatic resolution of dependencies for `evaluate()`
 12 | 
 13 | - No more manual listing of dependencies (`record`, `model`, `arguments`, `data`, `livewire`).
 14 | - All closures evaluated with `evaluate()` now automatically receive all available dependencies.
 15 | - Improved flexibility and maintainability of the package.
 16 | 
 17 | #### 🐛 Fixes & Improvements
 18 | 
 19 | - Optimized code to eliminate redundant calls to `resolveDefaultClosureDependencyForEvaluationByName()`.
 20 | - Reduced errors caused by missing dependencies in `evaluate()`.
 21 | 
 22 | ## v3.1.1.6 - 2025-01-15
 23 | 
 24 | ### What's Changed
 25 | 
 26 | * Add italian translation by @masterix21 in https://github.com/hugomyb/filament-media-action/pull/16
 27 | 
 28 | ### New Contributors
 29 | 
 30 | * @masterix21 made their first contribution in https://github.com/hugomyb/filament-media-action/pull/16
 31 | 
 32 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.1.5...v3.1.1.6
 33 | 
 34 | ## v3.1.1.5 - 2024-12-17
 35 | 
 36 | ### What's Changed
 37 | 
 38 | * Fix header case for some hosts. by @jimmystelzer in https://github.com/hugomyb/filament-media-action/pull/15
 39 | 
 40 | ### New Contributors
 41 | 
 42 | * @jimmystelzer made their first contribution in https://github.com/hugomyb/filament-media-action/pull/15
 43 | 
 44 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.1.4...v3.1.1.5
 45 | 
 46 | ## v3.1.1.4 - 2024-12-06
 47 | 
 48 | ### Release: Improved Media Loading Experience
 49 | 
 50 | #### Features
 51 | 
 52 | - Added consistent loading indicator display for all media types, including YouTube videos, images, and PDFs.
 53 | - Introduced a delay mechanism (200ms) to ensure the loading indicator is visible for fast-loading media.
 54 | 
 55 | #### Fixes
 56 | 
 57 | - Resolved an issue where the loading indicator would not appear for images and iframes.
 58 | - Improved initialization logic to handle unsupported or missing media elements without errors.
 59 | - Enhanced media handling to better support `<video>`, `<audio>`, `<img>`, and `<iframe>` elements.
 60 | 
 61 | #### Notes
 62 | 
 63 | This release enhances the user experience by providing a reliable loading indicator for all supported media formats in the Filament Media Viewer package.
 64 | 
 65 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.1.3...v3.1.1.4
 66 | 
 67 | ## v3.1.1.3 - 2024-12-05
 68 | 
 69 | ### Release: Media Viewer Fixes and Improvements
 70 | 
 71 | #### Features
 72 | 
 73 | - Enhanced media type support: Improved handling for YouTube videos, images, PDFs, and other media types in the viewer.
 74 | - Added dynamic checks for `<video>` and `<audio>` elements to prevent errors when unsupported methods like `.load()` are called.
 75 | 
 76 | #### Fixes
 77 | 
 78 | - Resolved Alpine Expression Error: "mediaElement.load is not a function" by ensuring `.load()` is only invoked on compatible media elements.
 79 | - Improved stability and loading logic for all media types, including fallback handling for `<img>` and iframes.
 80 | 
 81 | #### Notes
 82 | 
 83 | This release ensures a smoother user experience and greater compatibility for diverse media formats in the Filament Media Viewer package.
 84 | 
 85 | ## v3.1.1.2 - 2024-11-10
 86 | 
 87 | ### What's Changed
 88 | 
 89 | * Fix playing video on iPhone by @mokhosh in https://github.com/hugomyb/filament-media-action/pull/13
 90 | 
 91 | ### New Contributors
 92 | 
 93 | * @mokhosh made their first contribution in https://github.com/hugomyb/filament-media-action/pull/13
 94 | 
 95 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.1.1...v3.1.1.2
 96 | 
 97 | ## v3.1.1.1 - 2024-10-31
 98 | 
 99 | ### What's Changed
100 | 
101 | * Fix intermittent autoplay blocking issue by adding preload control option by @waggos-root in https://github.com/hugomyb/filament-media-action/pull/11
102 | 
103 | ### New Contributors
104 | 
105 | * @waggos-root made their first contribution in https://github.com/hugomyb/filament-media-action/pull/11
106 | 
107 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.1.0...v3.1.1.1
108 | 
109 | ## v3.1.1.0 - 2024-10-18
110 | 
111 | ### What's Changed
112 | 
113 | - Fix audio loading on iOS devices: Resolved an issue where audio files were not loading properly on iPhones, resulting in an infinite spinner. Added additional event listeners (@canplay, @loadeddata, and @play) to improve the loading state handling of audio elements.
114 | 
115 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.8...v3.1.1.0
116 | 
117 | ## v3.1.0.9 - 2024-10-02
118 | 
119 | ### What's Changed
120 | 
121 | * Improve youtube url parsing to use youtu.be and youtube.com urls by @claybitner in https://github.com/hugomyb/filament-media-action/pull/9
122 | 
123 | ### New Contributors
124 | 
125 | * @claybitner made their first contribution in https://github.com/hugomyb/filament-media-action/pull/9
126 | 
127 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.8...v3.1.0.9
128 | 
129 | ## v3.1.0.8 - 2024-09-25
130 | 
131 | ### Feature: Media Autoplay in Modal
132 | 
133 | #### Description:
134 | 
135 | Implemented a media autoplay feature that automatically plays embedded audio, video, and YouTube media when the modal is opened. This feature adds the `->autoplay()` method.
136 | 
137 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.7...v3.1.0.8
138 | 
139 | ## v3.1.0.7 - 2024-08-21
140 | 
141 | ### Fix
142 | 
143 | Add default value to $mime to prevent "MediaAction::$mime must not be accessed before initialization"
144 | 
145 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.6...main
146 | 
147 | ## v3.1.0.6 - 2024-08-13
148 | 
149 | ### Fix
150 | 
151 | Enhanced the mime type detection of complex media url
152 | 
153 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.5...main
154 | 
155 | ## v3.1.0.5 - 2024-08-07
156 | 
157 | Fixed "Unsupported media type" if the media url has no extension, checking the `Content-Type` header
158 | 
159 | **Full Changelog**: https://github.com/hugomyb/filament-media-action/compare/v3.1.0.4...main
160 | 
161 | ## Fix - 2024-08-06
162 | 
163 | Fixed error message "Unsupported media", if the media url contains query parameters
164 | 
165 | ## v3.1.0.3 - 2024-07-31
166 | 
167 | ### Fix :
168 | 
169 | - Remove google viewer for PDFs
170 | 
171 | ## v3.1.0.2 - 2024-07-31
172 | 
173 | ### Fix :
174 | 
175 | - Use google viewer to preview PDFs
176 | 
177 | ## v3.1.0.1 - 2024-07-31
178 | 
179 | Fixes :
180 | 
181 | - Better use of loading state, to check that the media is not already loaded
182 | - Using an embed tag instead of an iframe to display pdf files
183 | 
184 | ## v3.1.0.0 - 2024-07-30
185 | 
186 | ### Release v3.1.0.0
187 | 
188 | #### What's New
189 | 
190 | - First stable version of the plugin for FilamentPHP.
191 | - Add MediaAction to display images, videos, audio, pdf, ... quickly and easily
192 | 
193 | #### Features
194 | 
195 | - Add MediaAction for Tables, Forms, Infolists, ...
196 | - Supports Laravel 11 and FilamentPHP V3.
197 | 
198 | ## 1.0.0 - 202X-XX-XX
199 | 
200 | - initial release
201 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) hugomyb <hugomayonobe@gmail.com>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # ▶️ Filament Media Action
  2 | 
  3 | [![Latest Version on Packagist](https://img.shields.io/packagist/v/hugomyb/filament-media-action.svg?style=flat-square)](https://packagist.org/packages/hugomyb/filament-media-action)
  4 | [![Total Downloads](https://img.shields.io/packagist/dt/hugomyb/filament-media-action.svg?style=flat-square)](https://packagist.org/packages/hugomyb/filament-media-action)
  5 | 
  6 | 
  7 | 
  8 | Automatically display your media (video, audio, pdf, image, ...) with an action in Filament.
  9 | The package automatically detects the media extension to display the correct player.
 10 | 
 11 | ## Examples
 12 | 
 13 | ![example1](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example1.png)
 14 | ![example2](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example2.png)
 15 | ![example3](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example3.png)
 16 | ![example4](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example4.png)
 17 | ![example5](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example5.png)
 18 | ![example6](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example6.png)
 19 | ![example7](https://raw.githubusercontent.com/hugomyb/filament-media-action/main/docs/example7.png)
 20 | 
 21 | ## Installation
 22 | 
 23 | You can install the package via composer:
 24 | 
 25 | ```bash
 26 | composer require hugomyb/filament-media-action
 27 | ```
 28 | 
 29 | Optionally, you can publish the view using
 30 | 
 31 | ```bash
 32 | php artisan vendor:publish --tag="filament-media-action-views"
 33 | ```
 34 | 
 35 | Optionally, you can publish the translations using
 36 | 
 37 | ```bash
 38 | php artisan vendor:publish --tag="filament-media-action-translations"
 39 | ```
 40 | 
 41 | ## Usage
 42 | 
 43 | ### Basic Usage
 44 | 
 45 | Like a classic Filament Action, you can use MediaAction anywhere (Forms, Tables, Infolists, Suffix and prefix, ...).
 46 | 
 47 | Simply provide the url of your media in the `->media()` method. The package will then automatically detect your media extension for display.
 48 | ```php
 49 | MediaAction::make('tutorial')
 50 |     ->iconButton()
 51 |     ->icon('heroicon-o-video-camera')
 52 |     ->media('https://www.youtube.com/watch?v=rN9XI9KCz0c&list=PL6tf8fRbavl3jfL67gVOE9rF0jG5bNTMi')
 53 | ```
 54 | 
 55 | ### Available options
 56 | 
 57 | #### Autoplay
 58 | 
 59 | You can enable autoplay for video and audio by using the `->autoplay()` method.
 60 | 
 61 | ```php
 62 | MediaAction::make('media-url')
 63 |     ->media(fn($record) => $record->url)
 64 |     ->autoplay()
 65 | ```
 66 | 
 67 | You can also pass a closure in the method and access `$record` and `$mediaType` :
 68 | 
 69 | ```php
 70 | MediaAction::make('media-url')
 71 |     ->media(fn($record) => $record->url)
 72 |     ->autoplay(fn($record, $mediaType) => $mediaType === 'video')
 73 | ```
 74 | 
 75 | `$mediatype` can return "youtube", "audio", "video", "image" or "pdf".
 76 | 
 77 | #### Preload
 78 | 
 79 | To control the preload behavior, use the ->preload() method. By default, it is set to true, which means the media will preload automatically. You can set it to false to disable preloading (this is helpful to avoid "Autoplay failed or was blocked" errors in some browsers).
 80 | 
 81 | ```php
 82 | MediaAction::make('media-url')
 83 |     ->media(fn($record) => $record->url)
 84 |     ->autoplay()
 85 |     ->preload(false)
 86 | ```
 87 | 
 88 | #### Other options
 89 | 
 90 | You can customize the modal as you wish in the same way as a classic action (see https://filamentphp.com/docs/3.x/actions/modals).
 91 | 
 92 | If there is an existing record, you can access it by passing a closure to `->media()` method.
 93 | 
 94 | Accessible parameters: `$livewire`, `$data`, `$model`, `$record`, `$arguments`.
 95 | 
 96 | Example :
 97 | ```php
 98 | MediaAction::make('media-url')
 99 |     ->modalHeading(fn($record) => $record->name)
100 |     ->modalFooterActionsAlignment(Alignment::Center)
101 |     ->media(fn($record) => $record->url)
102 |     ->extraModalFooterActions([
103 |         MediaAction::make('media-video2')
104 |             ->media('https://www.youtube.com/watch?v=9GBXqWKzfIM&list=PL6tf8fRbavl3jfL67gVOE9rF0jG5bNTMi&index=3')
105 |             ->extraModalFooterActions([
106 |                 MediaAction::make('media-video3')
107 |                     ->media('https://www.youtube.com/watch?v=Bvb_vqzhRQs&list=PL6tf8fRbavl3jfL67gVOE9rF0jG5bNTMi&index=5')
108 |             ]),
109 | 
110 |         Tables\Actions\Action::make('open-url')
111 |             ->label('Open in browser')
112 |             ->url(fn($record) => $record->url)
113 |             ->openUrlInNewTab()
114 |             ->icon('heroicon-o-globe-alt')
115 |     ])
116 | ```
117 | 
118 | As shown in the example above, you can chain MediaActions together with `->extraModalFooterActions()` method.
119 | 
120 | ## Customizing the modal view
121 | 
122 | You can customize the modal view by publishing the view using :
123 | 
124 | ```bash
125 | php artisan vendor:publish --tag="filament-media-action-views"
126 | ```
127 | 
128 | Then, in the view, you can access : 
129 | - `$mediaType`: To retrieve the type of your media, which can be “youtube”, “audio”, “video”, “image” or “pdf”.
130 | - `$media` : To retrieve the url of your media
131 | 
132 | 
133 | ## Supported media extensions
134 | 
135 | | Type      | Extensions           |
136 | |-----------|----------------------|
137 | | Video     | mp4, avi, mov, webm  |
138 | | Audio     | mp3, wav, ogg, aac   |
139 | | Documents | pdf                  |
140 | | Image     | jpg, jpeg, png, gif, bmp, svg, webp |
141 | 
142 | 
143 | ## Changelog
144 | 
145 | Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
146 | 
147 | ## Contributing
148 | 
149 | Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
150 | 
151 | ## Security Vulnerabilities
152 | 
153 | Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
154 | 
155 | ## Credits
156 | 
157 | - [Mayonobe Hugo](https://github.com/hugomyb)
158 | - [All Contributors](../../contributors)
159 | 
160 | ## License
161 | 
162 | The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
163 | 


--------------------------------------------------------------------------------
/bin/build.js:
--------------------------------------------------------------------------------
 1 | import esbuild from 'esbuild'
 2 | 
 3 | const isDev = process.argv.includes('--dev')
 4 | 
 5 | async function compile(options) {
 6 |     const context = await esbuild.context(options)
 7 | 
 8 |     if (isDev) {
 9 |         await context.watch()
10 |     } else {
11 |         await context.rebuild()
12 |         await context.dispose()
13 |     }
14 | }
15 | 
16 | const defaultOptions = {
17 |     define: {
18 |         'process.env.NODE_ENV': isDev ? `'development'` : `'production'`,
19 |     },
20 |     bundle: true,
21 |     mainFields: ['module', 'main'],
22 |     platform: 'neutral',
23 |     sourcemap: isDev ? 'inline' : false,
24 |     sourcesContent: isDev,
25 |     treeShaking: true,
26 |     target: ['es2020'],
27 |     minify: !isDev,
28 |     plugins: [{
29 |         name: 'watchPlugin',
30 |         setup: function (build) {
31 |             build.onStart(() => {
32 |                 console.log(`Build started at ${new Date(Date.now()).toLocaleTimeString()}: ${build.initialOptions.outfile}`)
33 |             })
34 | 
35 |             build.onEnd((result) => {
36 |                 if (result.errors.length > 0) {
37 |                     console.log(`Build failed at ${new Date(Date.now()).toLocaleTimeString()}: ${build.initialOptions.outfile}`, result.errors)
38 |                 } else {
39 |                     console.log(`Build finished at ${new Date(Date.now()).toLocaleTimeString()}: ${build.initialOptions.outfile}`)
40 |                 }
41 |             })
42 |         }
43 |     }],
44 | }
45 | 
46 | compile({
47 |     ...defaultOptions,
48 |     entryPoints: ['./resources/js/index.js'],
49 |     outfile: './resources/dist/filament-media-action.js',
50 | })
51 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "hugomyb/filament-media-action",
 3 |     "description": "Automatically display your media (video, audio, document, image, ...) with an action",
 4 |     "keywords": [
 5 |         "hugomyb",
 6 |         "laravel",
 7 |         "filament-media-action"
 8 |     ],
 9 |     "homepage": "https://github.com/hugomyb/filament-media-action",
10 |     "support": {
11 |         "issues": "https://github.com/hugomyb/filament-media-action/issues",
12 |         "source": "https://github.com/hugomyb/filament-media-action"
13 |     },
14 |     "license": "MIT",
15 |     "authors": [
16 |         {
17 |             "name": "Mayonobe Hugo",
18 |             "email": "hugomayonobe@gmail.com",
19 |             "role": "Developer"
20 |         }
21 |     ],
22 |     "require": {
23 |         "php": "^8.1",
24 |         "filament/filament": "^3.0",
25 |         "spatie/laravel-package-tools": "^1.15.0"
26 |     },
27 |     "require-dev": {
28 |         "nunomaduro/collision": "^7.9",
29 |         "orchestra/testbench": "^8.0",
30 |         "pestphp/pest": "^2.1",
31 |         "pestphp/pest-plugin-arch": "^2.0",
32 |         "pestphp/pest-plugin-laravel": "^2.0"
33 |     },
34 |     "autoload": {
35 |         "psr-4": {
36 |             "Hugomyb\\FilamentMediaAction\\": "src/",
37 |             "Hugomyb\\FilamentMediaAction\\Database\\Factories\\": "database/factories/"
38 |         }
39 |     },
40 |     "autoload-dev": {
41 |         "psr-4": {
42 |             "Hugomyb\\FilamentMediaAction\\Tests\\": "tests/"
43 |         }
44 |     },
45 |     "scripts": {
46 |         "post-autoload-dump": "@php ./vendor/bin/testbench package:discover --ansi",
47 |         "test": "vendor/bin/pest",
48 |         "test-coverage": "vendor/bin/pest --coverage"
49 |     },
50 |     "config": {
51 |         "sort-packages": true,
52 |         "allow-plugins": {
53 |             "pestphp/pest-plugin": true,
54 |             "phpstan/extension-installer": true
55 |         }
56 |     },
57 |     "extra": {
58 |         "laravel": {
59 |             "providers": [
60 |                 "Hugomyb\\FilamentMediaAction\\FilamentMediaActionServiceProvider"
61 |             ],
62 |             "aliases": {
63 |                 "FilamentMediaAction": "Hugomyb\\FilamentMediaAction\\Facades\\FilamentMediaAction"
64 |             }
65 |         }
66 |     },
67 |     "minimum-stability": "dev",
68 |     "prefer-stable": true
69 | }


--------------------------------------------------------------------------------
/postcss.config.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     plugins: {
3 |         "postcss-import": {},
4 |         "tailwindcss/nesting": {},
5 |         tailwindcss: {},
6 |         autoprefixer: {},
7 |     },
8 | }
9 | 


--------------------------------------------------------------------------------
/resources/css/index.css:
--------------------------------------------------------------------------------
1 | @import '../../vendor/filament/filament/resources/css/theme.css';
2 | 


--------------------------------------------------------------------------------
/resources/dist/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hugomyb/filament-media-action/9078f89f973b14b73bd89d7bf15bb97bbfb5eeb4/resources/dist/.gitkeep


--------------------------------------------------------------------------------
/resources/js/index.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hugomyb/filament-media-action/9078f89f973b14b73bd89d7bf15bb97bbfb5eeb4/resources/js/index.js


--------------------------------------------------------------------------------
/resources/lang/en/media-action.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | // translations for Hugomyb/FilamentMediaAction
4 | return [
5 |     'loading' => 'Loading...',
6 |     'unsupported-media-type' => 'Unsupported media type.',
7 | ];
8 | 


--------------------------------------------------------------------------------
/resources/lang/fr/media-action.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | return [
4 |     'loading' => 'Chargement...',
5 |     'unsupported-media-type' => 'Type de média non pris en charge.',
6 | ];
7 | 


--------------------------------------------------------------------------------
/resources/lang/it/media-action.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | // translations for Hugomyb/FilamentMediaAction
4 | return [
5 |     'loading' => 'Caricamento...',
6 |     'unsupported-media-type' => 'Tipo di file non supportato.',
7 | ];
8 | 


--------------------------------------------------------------------------------
/resources/views/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hugomyb/filament-media-action/9078f89f973b14b73bd89d7bf15bb97bbfb5eeb4/resources/views/.gitkeep


--------------------------------------------------------------------------------
/resources/views/actions/media-modal-content.blade.php:
--------------------------------------------------------------------------------
  1 | <div class="w-full flex flex-col justify-center items-center h-full"
  2 |      x-data="{
  3 |             loading: true,
  4 |             autoplayed: false,
  5 | 
  6 |             init() {
  7 |                 this.loading = true;
  8 |                 let mediaElement = this.$refs.mediaFrame;
  9 | 
 10 |                 if (!mediaElement) {
 11 |                     this.loading = false;
 12 |                     return;
 13 |                 }
 14 | 
 15 |                 if (mediaElement.tagName === 'VIDEO' || mediaElement.tagName === 'AUDIO') {
 16 |                     mediaElement.load();
 17 | 
 18 |                     mediaElement.onload = () => {
 19 |                         this.loading = false;
 20 |                     };
 21 |                     mediaElement.oncanplaythrough = () => {
 22 |                         this.loading = false;
 23 |                     };
 24 |                     mediaElement.onloadstart = () => {
 25 |                         this.loading = true;
 26 |                     };
 27 |                     mediaElement.onerror = () => {
 28 |                         this.loading = false;
 29 |                     };
 30 | 
 31 |                     if (mediaElement.readyState >= 3) {
 32 |                         this.loading = false;
 33 |                     }
 34 | 
 35 |                     // Autoplay logic
 36 |                     if (@js($autoplay) && mediaElement.play) {
 37 |                         this.autoplayed = true;
 38 |                         mediaElement.play().catch(() => {
 39 |                             console.log('Autoplay failed or was blocked.');
 40 |                         });
 41 |                     }
 42 |                 } else {
 43 |                     this.loading = true;
 44 | 
 45 |                     mediaElement.onload = () => {
 46 |                         setTimeout(() => {
 47 |                             this.loading = false;
 48 |                         }, 200);
 49 |                     };
 50 |                     mediaElement.onerror = () => {
 51 |                         this.loading = false;
 52 |                     };
 53 |                 }
 54 |             },
 55 | 
 56 |             resetAutoplay() {
 57 |                 this.autoplayed = false;
 58 |             }
 59 |         }"
 60 |      @open-modal.window="resetAutoplay"
 61 | >
 62 | 
 63 |     <div class="flex h-full flex-col justify-center items-center" x-show="loading">
 64 |         <x-filament::loading-indicator class="h-10 w-10" />
 65 |         <span class="text-center font-bold">{{ __('filament-media-action::media-action.loading') }}</span>
 66 |     </div>
 67 | 
 68 |     <div class="mediaContainer w-full flex flex-col justify-center items-center h-full" x-show="!loading">
 69 |         @if ($mediaType === 'youtube')
 70 |             @php
 71 |                 $youtubeId = '';
 72 | 
 73 |                 // Parse the URL to get components
 74 |                 $parsedUrl = parse_url($media);
 75 | 
 76 |                 if (isset($parsedUrl['host'])) {
 77 |                     // Check if it's a youtu.be short URL
 78 |                     if (strpos($parsedUrl['host'], 'youtu.be') !== false) {
 79 |                         // Get the path and extract the video ID
 80 |                         $youtubeId = ltrim($parsedUrl['path'], '/');
 81 |                     }
 82 |                     // Check if it's a regular youtube.com URL
 83 |                     elseif (strpos($parsedUrl['host'], 'youtube.com') !== false) {
 84 |                         // Extract the query parameters and get the 'v' parameter
 85 |                         parse_str($parsedUrl['query'], $queryParams);
 86 |                         $youtubeId = $queryParams['v'] ?? '';
 87 |                     }
 88 |                 }
 89 |             @endphp
 90 | 
 91 |             @if ($youtubeId)
 92 |                 <iframe x-ref="mediaFrame" class="rounded-lg" width="100%"
 93 |                         src="https://www.youtube.com/embed/{{ $youtubeId }}{{ $autoplay ? '?autoplay=1' : '' }}"
 94 |                         frameborder="0"
 95 |                         style="aspect-ratio: 16 / 9;"
 96 |                         allowfullscreen></iframe>
 97 |             @else
 98 |                 <p>Invalid YouTube URL.</p>
 99 |             @endif
100 | 
101 |         @elseif ($mediaType === 'audio')
102 | 
103 |             <audio x-ref="mediaFrame" class="rounded-lg w-full" controls @canplay="loading = false"
104 |                    @loadeddata="loading = false"
105 |                    @play="loading = false" {{ $preload == false ? 'preload="none"' : '' }}>
106 |                 <source src="{{ $media }}" type="{{ $mime }}">
107 |                 Your browser does not support the audio element.
108 |             </audio>
109 | 
110 |         @elseif ($mediaType === 'video')
111 | 
112 |             <video x-ref="mediaFrame" class="rounded-lg" width="100%" style="aspect-ratio: 16 / 9;" controls playsinline
113 |                    @canplaythrough="loading = false" {{ $preload == false ? 'preload="none"' : '' }}>
114 |                 <source src="{{ $media }}" type="{{ $mime }}">
115 |                 Your browser does not support the video tag.
116 |             </video>
117 | 
118 |         @elseif ($mediaType === 'image')
119 | 
120 |             <img x-ref="mediaFrame" class="rounded-lg" src="{{ $media }}" alt="Media Image"
121 |                  style="max-width: 100%; height: auto;" @load="loading = false">
122 | 
123 |         @elseif ($mediaType === 'pdf')
124 | 
125 |             <iframe x-ref="mediaFrame" class="rounded-lg" style="min-height: 600px"
126 |                     src="{{ $media }}" width="100%" height="100%"
127 |                     @load="loading = false"></iframe>
128 | 
129 |         @else
130 |             <p>{{ __('filament-media-action::unsupported-media-type') }}</p>
131 |         @endif
132 |     </div>
133 | </div>
134 | 


--------------------------------------------------------------------------------
/src/Actions/MediaAction.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Hugomyb\FilamentMediaAction\Actions;
 4 | 
 5 | use Filament\Actions\Action;
 6 | use Hugomyb\FilamentMediaAction\Concerns\HasMedia;
 7 | 
 8 | class MediaAction extends Action
 9 | {
10 |     use HasMedia;
11 | }
12 | 


--------------------------------------------------------------------------------
/src/Concerns/HasMedia.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Hugomyb\FilamentMediaAction\Concerns;
  4 | 
  5 | use Closure;
  6 | use Illuminate\Contracts\Support\Htmlable;
  7 | use Illuminate\Contracts\View\View;
  8 | use Illuminate\Database\Eloquent\Model;
  9 | 
 10 | trait HasMedia
 11 | {
 12 |     public \Closure | string | null $media;
 13 | 
 14 |     public ?string $mediaType;
 15 | 
 16 |     public ?string $mime = 'unknown';
 17 | 
 18 |     protected bool | Closure $hasAutoplay = false;
 19 | 
 20 |     public ?bool $preloadAuto = true;
 21 | 
 22 |     public static function getDefaultName(): ?string
 23 |     {
 24 |         return 'media';
 25 |     }
 26 | 
 27 |     protected function setUp(): void
 28 |     {
 29 |         parent::setUp();
 30 | 
 31 |         $this->modalSubmitAction(false);
 32 | 
 33 |         $this->modalCancelAction(false);
 34 | 
 35 |         $this->modalContent(function () {
 36 |             return $this->getContentView();
 37 |         });
 38 |     }
 39 | 
 40 |     public function media(string|\Closure|null $url): static
 41 |     {
 42 |         $this->media = $url;
 43 | 
 44 |         return $this;
 45 |     }
 46 | 
 47 |     public function getMedia(): ?string
 48 |     {
 49 |         return $this->evaluate($this->media, [
 50 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('record'),
 51 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('model'),
 52 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('arguments'),
 53 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('data'),
 54 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('livewire'),
 55 |         ]);
 56 |     }
 57 | 
 58 |     public function autoplay(bool|\Closure $hasAutoplay = true): static
 59 |     {
 60 |         $this->hasAutoplay = $hasAutoplay;
 61 | 
 62 |         return $this;
 63 |     }
 64 | 
 65 |     public function hasAutoplay(): bool
 66 |     {
 67 |         return (bool) $this->evaluate($this->hasAutoplay, [
 68 |             ...$this->resolveDefaultClosureDependencyForEvaluationByName('record'),
 69 |             'mediaType' => $this->mediaType,
 70 |         ]);
 71 |     }
 72 | 
 73 |     protected function detectMediaType(): string
 74 |     {
 75 |         return $this->getMediaType($this->getMedia());
 76 |     }
 77 | 
 78 |     protected function getMediaType(?string $url): ?string
 79 |     {
 80 |         // Check if the URL is a YouTube link
 81 |         if (preg_match('/(youtube\.com|youtu\.be)/', $url)) {
 82 |             return 'youtube';
 83 |         }
 84 | 
 85 |         // Parse the URL to remove query parameters
 86 |         $parsedUrl = parse_url($url, PHP_URL_PATH);
 87 | 
 88 |         // Handle cases where the URL path ends with a slash (no file)
 89 |         if (substr($parsedUrl, -1) === '/') {
 90 |             $parsedUrl = rtrim($parsedUrl, '/');
 91 |         }
 92 | 
 93 |         // Get path info from the parsed URL
 94 |         $pathInfo = pathinfo($parsedUrl);
 95 |         $extension = strtolower($pathInfo['extension'] ?? '');
 96 | 
 97 |         // Define media types and their extensions
 98 |         $mediaTypes = [
 99 |             'audio' => ['mp3', 'wav', 'ogg', 'aac'],
100 |             'video' => ['mp4', 'avi', 'mov', 'webm'],
101 |             'image' => ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'svg', 'webp'],
102 |             'pdf' => ['pdf'],
103 |         ];
104 | 
105 |         // Check if the extension matches any media type
106 |         foreach ($mediaTypes as $type => $extensions) {
107 |             if (in_array($extension, $extensions)) {
108 |                 $this->mime = "$type/$extension"; // Set the MIME type
109 |                 return $type;
110 |             }
111 |         }
112 | 
113 |         // If the extension is not found, use HTTP headers to detect the content type
114 |         $headers = @get_headers($url, 1);
115 |         if($headers && is_array($headers)) {
116 |             $headers = array_change_key_case($headers);
117 |         }
118 |         if ($headers && isset($headers['content-type'])) {
119 |             $contentType = is_array($headers['content-type']) ? $headers['content-type'][0] : $headers['content-type'];
120 |             if (strpos($contentType, 'audio') !== false) {
121 |                 $this->mime = $contentType;
122 |                 return 'audio';
123 |             } elseif (strpos($contentType, 'video') !== false) {
124 |                 $this->mime = $contentType;
125 |                 return 'video';
126 |             } elseif (strpos($contentType, 'image') !== false) {
127 |                 $this->mime = $contentType;
128 |                 return 'image';
129 |             } elseif (strpos($contentType, 'pdf') !== false) {
130 |                 $this->mime = $contentType;
131 |                 return 'pdf';
132 |             }
133 |         }
134 | 
135 |         $this->mime = 'unknown';
136 |         return 'unknown';
137 |     }
138 | 
139 |     public function preload(?bool $preloadAuto=true): static
140 |     {
141 |         $this->preloadAuto = $preloadAuto;
142 | 
143 |         return $this;
144 |     }
145 | 
146 |     public function getContentView(): View|Htmlable
147 |     {
148 |         $this->mediaType = $this->detectMediaType();
149 | 
150 |         return view('filament-media-action::actions.media-modal-content', [
151 |             'mediaType' => $this->mediaType,
152 |             'media' => $this->getMedia(),
153 |             'mime' => $this->mime,
154 |             'autoplay' => $this->hasAutoplay(),
155 |             'preload' => $this->preloadAuto,
156 |         ]);
157 |     }
158 | }
159 | 


--------------------------------------------------------------------------------
/src/Facades/FilamentMediaAction.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Hugomyb\FilamentMediaAction\Facades;
 4 | 
 5 | use Illuminate\Support\Facades\Facade;
 6 | 
 7 | /**
 8 |  * @see \Hugomyb\FilamentMediaAction\FilamentMediaAction
 9 |  */
10 | class FilamentMediaAction extends Facade
11 | {
12 |     protected static function getFacadeAccessor()
13 |     {
14 |         return \Hugomyb\FilamentMediaAction\FilamentMediaAction::class;
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/FilamentMediaAction.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | namespace Hugomyb\FilamentMediaAction;
4 | 
5 | class FilamentMediaAction
6 | {
7 | }
8 | 


--------------------------------------------------------------------------------
/src/FilamentMediaActionServiceProvider.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Hugomyb\FilamentMediaAction;
  4 | 
  5 | use Filament\Support\Assets\Asset;
  6 | use Filament\Support\Facades\FilamentAsset;
  7 | use Filament\Support\Facades\FilamentIcon;
  8 | use Illuminate\Filesystem\Filesystem;
  9 | use Spatie\LaravelPackageTools\Commands\InstallCommand;
 10 | use Spatie\LaravelPackageTools\Package;
 11 | use Spatie\LaravelPackageTools\PackageServiceProvider;
 12 | 
 13 | class FilamentMediaActionServiceProvider extends PackageServiceProvider
 14 | {
 15 |     public static string $name = 'filament-media-action';
 16 | 
 17 |     public static string $viewNamespace = 'filament-media-action';
 18 | 
 19 |     public function configurePackage(Package $package): void
 20 |     {
 21 |         $package->name(static::$name)
 22 |             ->hasCommands($this->getCommands())
 23 |             ->hasInstallCommand(function (InstallCommand $command) {
 24 |                 $command
 25 |                     ->askToStarRepoOnGitHub('hugomyb/filament-media-action');
 26 |             });
 27 | 
 28 |         if (file_exists($package->basePath('/../resources/lang'))) {
 29 |             $package->hasTranslations();
 30 |         }
 31 | 
 32 |         if (file_exists($package->basePath('/../resources/views'))) {
 33 |             $package->hasViews(static::$viewNamespace);
 34 |         }
 35 |     }
 36 | 
 37 |     public function packageRegistered(): void
 38 |     {
 39 |     }
 40 | 
 41 |     public function packageBooted(): void
 42 |     {
 43 |         // Asset Registration
 44 |         FilamentAsset::register(
 45 |             $this->getAssets(),
 46 |             $this->getAssetPackageName()
 47 |         );
 48 | 
 49 |         FilamentAsset::registerScriptData(
 50 |             $this->getScriptData(),
 51 |             $this->getAssetPackageName()
 52 |         );
 53 | 
 54 |         // Icon Registration
 55 |         FilamentIcon::register($this->getIcons());
 56 | 
 57 |         // Handle Stubs
 58 |         if (app()->runningInConsole()) {
 59 |             foreach (app(Filesystem::class)->files(__DIR__ . '/../stubs/') as $file) {
 60 |                 $this->publishes([
 61 |                     $file->getRealPath() => base_path("stubs/filament-media-action/{$file->getFilename()}"),
 62 |                 ], 'filament-media-action-stubs');
 63 |             }
 64 |         }
 65 |     }
 66 | 
 67 |     protected function getAssetPackageName(): ?string
 68 |     {
 69 |         return 'hugomyb/filament-media-action';
 70 |     }
 71 | 
 72 |     /**
 73 |      * @return array<Asset>
 74 |      */
 75 |     protected function getAssets(): array
 76 |     {
 77 |         return [];
 78 |     }
 79 | 
 80 |     /**
 81 |      * @return array<class-string>
 82 |      */
 83 |     protected function getCommands(): array
 84 |     {
 85 |         return [];
 86 |     }
 87 | 
 88 |     /**
 89 |      * @return array<string>
 90 |      */
 91 |     protected function getIcons(): array
 92 |     {
 93 |         return [];
 94 |     }
 95 | 
 96 |     /**
 97 |      * @return array<string>
 98 |      */
 99 |     protected function getRoutes(): array
100 |     {
101 |         return [];
102 |     }
103 | 
104 |     /**
105 |      * @return array<string, mixed>
106 |      */
107 |     protected function getScriptData(): array
108 |     {
109 |         return [];
110 |     }
111 | 
112 |     /**
113 |      * @return array<string>
114 |      */
115 |     protected function getMigrations(): array
116 |     {
117 |         return [];
118 |     }
119 | }
120 | 


--------------------------------------------------------------------------------
/src/Forms/Components/Actions/MediaAction.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Hugomyb\FilamentMediaAction\Forms\Components\Actions;
 4 | 
 5 | use Filament\Forms\Components\Actions\Action;
 6 | use Hugomyb\FilamentMediaAction\Concerns\HasMedia;
 7 | 
 8 | class MediaAction extends Action
 9 | {
10 |     use HasMedia;
11 | }
12 | 


--------------------------------------------------------------------------------
/src/Infolists/Components/Actions/MediaAction.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Hugomyb\FilamentMediaAction\Infolists\Components\Actions;
 4 | 
 5 | use Filament\Infolists\Components\Actions\Action;
 6 | use Hugomyb\FilamentMediaAction\Concerns\HasMedia;
 7 | 
 8 | class MediaAction extends Action
 9 | {
10 |     use HasMedia;
11 | }
12 | 


--------------------------------------------------------------------------------
/src/Tables/Actions/MediaAction.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Hugomyb\FilamentMediaAction\Tables\Actions;
 4 | 
 5 | use Filament\Tables\Actions\Action;
 6 | use Hugomyb\FilamentMediaAction\Concerns\HasMedia;
 7 | 
 8 | class MediaAction extends Action
 9 | {
10 |     use HasMedia;
11 | }
12 | 


--------------------------------------------------------------------------------
/stubs/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hugomyb/filament-media-action/9078f89f973b14b73bd89d7bf15bb97bbfb5eeb4/stubs/.gitkeep


--------------------------------------------------------------------------------