--------------------------------------------------------------------------------
/resources/config/config.php:
--------------------------------------------------------------------------------
1 | 'tailwind',
14 |
15 | /*
16 | |--------------------------------------------------------------------------
17 | | Validation Allowable File Types/Max File Size
18 | |--------------------------------------------------------------------------
19 | |
20 | | 5120 = 5MB Max
21 | | 10240 = 10MB Max
22 | | 51200 = 50MB Max
23 | | 102400 = 100MB Max
24 | | 204800 = 200MB Max
25 | |
26 | */
27 | 'validation' => [
28 | 'files.*' => 'required|mimes:jpeg,png,jpg,gif,mp3,mp4,m4a,ogg,wav,webm,avi,mov,wmv,txt,pdf,doc,docx,xls,xlsx,ppt,pptx,zip,rar|max:10240',
29 | ],
30 |
31 | /*
32 | |--------------------------------------------------------------------------
33 | | Storage Disk
34 | |--------------------------------------------------------------------------
35 | |
36 | | The disk defined in the filesystems.php config file to use for storing
37 | | uploaded files.
38 | */
39 | 'disk' => env('MEDIABLE_DISK_DRIVER', 'public'),
40 |
41 | /*
42 | |--------------------------------------------------------------------------
43 | | Folder
44 | |--------------------------------------------------------------------------
45 | |
46 | | The folder on the system disk to store uploaded files.
47 | */
48 | 'folder' => env('MEDIABLE_DISK_FOLDER', 'uploads'),
49 |
50 | /*
51 | |--------------------------------------------------------------------------
52 | | Image Conversion Settings
53 | |--------------------------------------------------------------------------
54 | |
55 | | These settings control the creation of WebP and AVIF versions of image uploads.
56 | |
57 | | 'create_webp' and 'create_avif' determine whether to create WebP and AVIF versions, respectively.
58 | | These can be set to true or false. By default, both are set to true.
59 | |
60 | | 'webp_quality' and 'avif_quality' control the quality of the WebP and AVIF versions, respectively.
61 | | These can be set to any integer between 0 and 100. By default, both are set to 80.
62 | |
63 | */
64 | 'create_webp' => env('MEDIABLE_CREATE_WEBP', true),
65 | 'create_avif' => env('MEDIABLE_CREATE_AVIF', true),
66 | 'webp_quality' => env('MEDIABLE_WEBP_QUALITY', 80),
67 | 'avif_quality' => env('MEDIABLE_AVIF_QUALITY', 80),
68 | ];
69 |
--------------------------------------------------------------------------------
/src/Traits/WithStorage.php:
--------------------------------------------------------------------------------
1 | [
9 | 'image/jpeg',
10 | 'image/png',
11 | 'image/gif',
12 | 'image/webp',
13 | 'image/avif',
14 | 'image/bmp',
15 | 'image/tiff',
16 | ],
17 | 'video' => [
18 | 'video/3gpp',
19 | 'video/mpeg',
20 | 'video/mp4',
21 | 'video/ogg',
22 | 'video/quicktime',
23 | 'video/webm',
24 | 'video/x-flv',
25 | 'video/x-msvideo',
26 | ],
27 | 'audio' => [
28 | 'audio/aac',
29 | 'audio/flac',
30 | 'audio/midi',
31 | 'audio/mpeg',
32 | 'audio/ogg',
33 | 'audio/ogg',
34 | 'audio/opus',
35 | 'audio/wav',
36 | 'audio/webm',
37 | 'audio/x-midi',
38 | 'audio/x-wav',
39 | ],
40 | 'document' => [
41 | 'application/pdf',
42 | 'application/msword',
43 | 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
44 | 'application/vnd.ms-excel',
45 | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
46 | 'application/vnd.ms-powerpoint',
47 | 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
48 | 'text/plain',
49 | 'application/rtf',
50 | 'application/vnd.oasis.opendocument.text',
51 | 'application/vnd.oasis.opendocument.spreadsheet',
52 | 'application/vnd.oasis.opendocument.presentation',
53 | 'application/vnd.visio',
54 | 'application/vnd.ms-outlook',
55 | 'application/xml',
56 | 'text/csv',
57 | ],
58 | 'archive' => [
59 | 'application/zip',
60 | 'application/x-rar-compressed',
61 | 'application/x-7z-compressed',
62 | 'application/x-tar',
63 | 'application/gzip',
64 | 'application/x-bzip2',
65 | 'application/x-zip-compressed',
66 | 'application/x-lzma',
67 | 'application/x-lzx',
68 | 'application/x-gtar',
69 | 'application/x-gzip',
70 | 'application/x-lzh',
71 | 'application/x-lha',
72 | 'application/x-tar',
73 | 'application/x-compress',
74 | 'application/x-compressed',
75 | 'application/x-stuffit',
76 | 'application/x-stuffitx',
77 | 'application/x-gtar',
78 | 'application/x-gzip',
79 | 'application/vnd.android.package-archive',
80 | ],
81 | ];
82 |
83 | public function mimeTypeImage(string $mimeType): bool
84 | {
85 | return in_array($mimeType, $this->strategies['image']);
86 | }
87 |
88 | public function mimeTypeAudio(string $mimeType): bool
89 | {
90 | return in_array($mimeType, $this->strategies['audio']);
91 | }
92 |
93 | public function mimeTypeVideo(string $mimeType): bool
94 | {
95 | return in_array($mimeType, $this->strategies['video']);
96 | }
97 |
98 | public function mimeTypeDocument(string $mimeType): bool
99 | {
100 | return in_array($mimeType, $this->strategies['document']);
101 | }
102 |
103 | public function mimeTypeArchive(string $mimeType): bool
104 | {
105 | return in_array($mimeType, $this->strategies['archive']);
106 | }
107 |
108 | public function formatMimeType(string $mimeType): string
109 | {
110 | $parts = explode('/', $mimeType);
111 |
112 | return strtoupper(end($parts));
113 | }
114 | }
115 |
--------------------------------------------------------------------------------
/resources/views/tailwind/includes/sidebar.blade.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/src/Traits/ServerLimits.php:
--------------------------------------------------------------------------------
1 | convertToBytes(ini_get('upload_max_filesize'));
23 | $maxPost = $this->convertToBytes(ini_get('post_max_size'));
24 | $memoryLimit = $this->convertToBytes(ini_get('memory_limit'));
25 |
26 | return min($maxUpload, $maxPost, $memoryLimit);
27 | }
28 |
29 | /**
30 | * Get the maximum number of files that can be uploaded simultaneously.
31 | *
32 | * This method retrieves the 'max_file_uploads' configuration from the php.ini file.
33 | * The 'max_file_uploads' configuration directive limits the number of files that can be
34 | * uploaded in one request.
35 | *
36 | * @return int The maximum number of files that can be uploaded simultaneously.
37 | */
38 | public function getMaxFileUploads(): int
39 | {
40 | return (int) ini_get('max_file_uploads');
41 | }
42 |
43 | /**
44 | * Get the maximum upload file size from the PHP configuration.
45 | *
46 | * This method retrieves the 'upload_max_filesize' configuration from the php.ini file,
47 | * converts it to an integer, and returns it.
48 | *
49 | * @return int The maximum upload file size in bytes.
50 | */
51 | public function getMaxUploadFileSize(): int
52 | {
53 | return $this->convertToBytes(ini_get('upload_max_filesize'));
54 | }
55 |
56 | /**
57 | * Get the maximum size of POST data that PHP will accept.
58 | *
59 | * This method retrieves the 'post_max_size' configuration from the php.ini file,
60 | * converts it to an integer, and returns it.
61 | *
62 | * @return int The maximum size of POST data that PHP will accept, in bytes.
63 | */
64 | public function getPostMaxSize(): int
65 | {
66 | return $this->convertToBytes(ini_get('post_max_size'));
67 | }
68 |
69 | /**
70 | * Get the maximum amount of memory that a script is allowed to consume.
71 | *
72 | * This method retrieves the 'memory_limit' configuration from the php.ini file,
73 | * converts it to an integer, and returns it.
74 | *
75 | * @return int The maximum amount of memory a script is allowed to consume, in bytes.
76 | */
77 | public function getMemoryLimit(): int
78 | {
79 | return $this->convertToBytes(ini_get('memory_limit'));
80 | }
81 |
82 | /**
83 | * Convert a shorthand byte value from a PHP configuration directive to an integer.
84 | *
85 | * This method takes a string that represents a byte value in shorthand notation
86 | * (like '128M', '2G', or '1K') and converts it to an integer that represents the
87 | * same byte value. If the string does not end with 'K', 'M', or 'G', it is assumed
88 | * to be a byte value and is simply cast to an integer.
89 | *
90 | * @param string $value The shorthand byte value to convert.
91 | * @return int The byte value as an integer.
92 | */
93 | private function convertToBytes(string $value): int
94 | {
95 | $value = trim($value);
96 | $last = strtolower($value[strlen($value) - 1]);
97 | $value = (int) $value;
98 |
99 | switch ($last) {
100 | case 'g':
101 | $value *= 1024;
102 | case 'm':
103 | $value *= 1024;
104 | case 'k':
105 | $value *= 1024;
106 | }
107 |
108 | return $value;
109 | }
110 | }
111 |
--------------------------------------------------------------------------------
/resources/views/assets/styles.blade.php:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Providers/MediableServiceProvider.php:
--------------------------------------------------------------------------------
1 | loadViews();
20 | $this->loadMigrations();
21 | $this->registerLivewireComponents();
22 | $this->registerBladeComponents();
23 | $this->registerPublishableResources();
24 | $this->registerBladeDirectives();
25 | }
26 |
27 | /**
28 | * Register bindings in the container.
29 | */
30 | public function register(): void
31 | {
32 | $this->mergeConfig();
33 | $this->registerCommands();
34 | }
35 |
36 | /**
37 | * Load views.
38 | */
39 | protected function loadViews(): void
40 | {
41 | $this->loadViewsFrom(__DIR__.'/../../resources/views', 'mediable');
42 | $this->loadViewsFrom(__DIR__.'/../../resources/icons', 'icons');
43 | }
44 |
45 | /**
46 | * Load migrations.
47 | */
48 | protected function loadMigrations(): void
49 | {
50 | $this->loadMigrationsFrom(__DIR__.'/../../resources/database/migrations');
51 | }
52 |
53 | /**
54 | * Register Livewire components.
55 | */
56 | protected function registerLivewireComponents(): void
57 | {
58 | Livewire::component('mediable', MediaBrowser::class);
59 | }
60 |
61 | /**
62 | * Register Blade components.
63 | */
64 | protected function registerBladeComponents(): void
65 | {
66 | Blade::component('mediable::scripts', Scripts::class);
67 | Blade::component('mediable::styles', Styles::class);
68 |
69 | Blade::component('icons::arrow', 'icons.arrow');
70 | Blade::component('icons::close', 'icons.close');
71 | Blade::component('icons::exit', 'icons.exit');
72 | Blade::component('icons::logo', 'icons.logo');
73 | }
74 |
75 | /**
76 | * Register publishable resources.
77 | */
78 | protected function registerPublishableResources(): void
79 | {
80 | if ($this->app->runningInConsole()) {
81 | $this->publishes([
82 | __DIR__.'/../../resources/config/config.php' => config_path('mediable.php'),
83 | ], 'mediable.config');
84 | $this->publishes([
85 | __DIR__.'/../../resources/views' => resource_path('views/vendor/mediable'),
86 | ], 'mediable.views');
87 | $this->publishes([
88 | __DIR__.'/../../resources/images' => public_path('vendor/mediable/images'),
89 | ], 'mediable.images');
90 | $this->publishes([
91 | __DIR__.'/../resources/fonts' => public_path('vendor/mediable/fonts'),
92 | ], 'mediable.fonts');
93 | }
94 | }
95 |
96 | /**
97 | * Register Blade directives.
98 | */
99 | protected function registerBladeDirectives(): void
100 | {
101 | Blade::directive('mediableStyles', function () {
102 | return "render(); ?>";
103 | });
104 |
105 | Blade::directive('mediableScripts', function () {
106 | return "render(); ?>";
107 | });
108 | }
109 |
110 | /**
111 | * Merge configuration.
112 | */
113 | protected function mergeConfig(): void
114 | {
115 | $this->mergeConfigFrom(__DIR__.'/../../resources/config/config.php', 'mediable');
116 | }
117 |
118 | /**
119 | * Register console commands.
120 | */
121 | protected function registerCommands(): void
122 | {
123 | $this->commands([
124 | InstallCommand::class,
125 | UpdateCommand::class,
126 | ]);
127 | }
128 | }
129 |
--------------------------------------------------------------------------------
/src/Concerns/ShowState.php:
--------------------------------------------------------------------------------
1 | showPagination;
29 | }
30 |
31 | public function isShowPerPage(): bool
32 | {
33 | return $this->showPerPage;
34 | }
35 |
36 | public function isShowOrderBy(): bool
37 | {
38 | return $this->showOrderBy;
39 | }
40 |
41 | public function isShowOrderDir(): bool
42 | {
43 | return $this->showOrderDir;
44 | }
45 |
46 | public function isShowColumnWidth(): bool
47 | {
48 | return $this->showColumnWidth;
49 | }
50 |
51 | public function isShowUniqueMimeTypes(): bool
52 | {
53 | return $this->showUniqueMimeTypes;
54 | }
55 |
56 | public function isShowSidebar(): bool
57 | {
58 | return $this->showSidebar;
59 | }
60 |
61 | public function isShowSearch(): bool
62 | {
63 | return $this->showSearch;
64 | }
65 |
66 | public function isShowUpload(): bool
67 | {
68 | return $this->showUpload;
69 | }
70 |
71 | public function isShowEditor(): bool
72 | {
73 | return $this->showEditor;
74 | }
75 |
76 | public function isShowPreview(): bool
77 | {
78 | return $this->showPreview;
79 | }
80 |
81 | public function isShowImageStrip(): bool
82 | {
83 | return $this->showImageStrip;
84 | }
85 |
86 | public function isShowMetaInfo(): bool
87 | {
88 | return $this->showMetaInfo;
89 | }
90 |
91 | public function isShowAppStats(): bool
92 | {
93 | return $this->showAppStats;
94 | }
95 |
96 | public function toLivewire()
97 | {
98 | return [
99 | 'showPagination' => $this->showPagination,
100 | 'showPerPage' => $this->showPerPage,
101 | 'showOrderBy' => $this->showOrderBy,
102 | 'showOrderDir' => $this->showOrderDir,
103 | 'showColumnWidth' => $this->showColumnWidth,
104 | 'showUniqueMimeTypes' => $this->showUniqueMimeTypes,
105 | 'showSidebar' => $this->showSidebar,
106 | 'showSearch' => $this->showSearch,
107 | 'showUpload' => $this->showUpload,
108 | 'showEditor' => $this->showEditor,
109 | 'showPreview' => $this->showPreview,
110 | 'showImageStrip' => $this->showImageStrip,
111 | 'showMetaInfo' => $this->showMetaInfo,
112 | 'showAppStats' => $this->showAppStats,
113 | ];
114 | }
115 |
116 | public static function fromLivewire($value)
117 | {
118 | return new self(
119 | showPagination: $value['showPagination'],
120 | showPerPage: $value['showPerPage'],
121 | showOrderBy: $value['showOrderBy'],
122 | showOrderDir: $value['showOrderDir'],
123 | showColumnWidth: $value['showColumnWidth'],
124 | showUniqueMimeTypes: $value['showUniqueMimeTypes'],
125 | showSidebar: $value['showSidebar'],
126 | showSearch: $value['showSearch'],
127 | showUpload: $value['showUpload'],
128 | showEditor: $value['showEditor'],
129 | showPreview: $value['showPreview'],
130 | showImageStrip: $value['showImageStrip'],
131 | showMetaInfo: $value['showMetaInfo'],
132 | showAppStats: $value['showAppStats'],
133 | );
134 | }
135 | }
136 |
--------------------------------------------------------------------------------
/resources/fonts/OFL.txt:
--------------------------------------------------------------------------------
1 | Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
2 |
3 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
4 | This license is copied below, and is also available with a FAQ at:
5 | https://openfontlicense.org
6 |
7 |
8 | -----------------------------------------------------------
9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 | -----------------------------------------------------------
11 |
12 | PREAMBLE
13 | The goals of the Open Font License (OFL) are to stimulate worldwide
14 | development of collaborative font projects, to support the font creation
15 | efforts of academic and linguistic communities, and to provide a free and
16 | open framework in which fonts may be shared and improved in partnership
17 | with others.
18 |
19 | The OFL allows the licensed fonts to be used, studied, modified and
20 | redistributed freely as long as they are not sold by themselves. The
21 | fonts, including any derivative works, can be bundled, embedded,
22 | redistributed and/or sold with any software provided that any reserved
23 | names are not used by derivative works. The fonts and derivatives,
24 | however, cannot be released under any other type of license. The
25 | requirement for fonts to remain under this license does not apply
26 | to any document created using the fonts or their derivatives.
27 |
28 | DEFINITIONS
29 | "Font Software" refers to the set of files released by the Copyright
30 | Holder(s) under this license and clearly marked as such. This may
31 | include source files, build scripts and documentation.
32 |
33 | "Reserved Font Name" refers to any names specified as such after the
34 | copyright statement(s).
35 |
36 | "Original Version" refers to the collection of Font Software components as
37 | distributed by the Copyright Holder(s).
38 |
39 | "Modified Version" refers to any derivative made by adding to, deleting,
40 | or substituting -- in part or in whole -- any of the components of the
41 | Original Version, by changing formats or by porting the Font Software to a
42 | new environment.
43 |
44 | "Author" refers to any designer, engineer, programmer, technical
45 | writer or other person who contributed to the Font Software.
46 |
47 | PERMISSION & CONDITIONS
48 | Permission is hereby granted, free of charge, to any person obtaining
49 | a copy of the Font Software, to use, study, copy, merge, embed, modify,
50 | redistribute, and sell modified and unmodified copies of the Font
51 | Software, subject to the following conditions:
52 |
53 | 1) Neither the Font Software nor any of its individual components,
54 | in Original or Modified Versions, may be sold by itself.
55 |
56 | 2) Original or Modified Versions of the Font Software may be bundled,
57 | redistributed and/or sold with any software, provided that each copy
58 | contains the above copyright notice and this license. These can be
59 | included either as stand-alone text files, human-readable headers or
60 | in the appropriate machine-readable metadata fields within text or
61 | binary files as long as those fields can be easily viewed by the user.
62 |
63 | 3) No Modified Version of the Font Software may use the Reserved Font
64 | Name(s) unless explicit written permission is granted by the corresponding
65 | Copyright Holder. This restriction only applies to the primary font name as
66 | presented to the users.
67 |
68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69 | Software shall not be used to promote, endorse or advertise any
70 | Modified Version, except to acknowledge the contribution(s) of the
71 | Copyright Holder(s) and the Author(s) or with their explicit written
72 | permission.
73 |
74 | 5) The Font Software, modified or unmodified, in part or in whole,
75 | must be distributed entirely under this license, and must not be
76 | distributed under any other license. The requirement for fonts to
77 | remain under this license does not apply to any document created
78 | using the Font Software.
79 |
80 | TERMINATION
81 | This license becomes null and void if any of the above conditions are
82 | not met.
83 |
84 | DISCLAIMER
85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93 | OTHER DEALINGS IN THE FONT SOFTWARE.
94 |
--------------------------------------------------------------------------------
/resources/views/tailwind/includes/meta.blade.php:
--------------------------------------------------------------------------------
1 |
69 |
70 | @script
71 |
183 | @endscript
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Mediable 🎥📸🎵📂
2 |
3 | Mediable is a light weight easy to use Laravel Livewire Media Manager. Mediable is awesome for injecting content into blog posts, carousels, product previews or similar applications.
4 |
5 | 
6 | 
7 | 
8 | 
9 | [](https://github.com/tomshaw/mediable/blob/master/LICENSE)
10 |
11 | > For a complete demonstration see the [Mediable Demo](https://github.com/tomshaw/mediable-demo) repository.
12 |
13 | #### Screenshot
14 | 
15 |
16 | ## Features
17 |
18 | - **Easy Integration**: Seamlessly integrate Mediable into your Laravel Livewire applications.
19 | - **File Uploads**: Supports uploading various file types including images, videos, and documents.
20 | - **Image Conversion**: Automatically create WebP and AVIF versions of your image uploads.
21 | - **Customizable**: Configure allowable file types, maximum file size, storage disk, and folder.
22 | - **SEO-Friendly**: Generate SEO-friendly file names for your uploads.
23 | - **Event Handling**: Dispatch events to handle selected attachments and other actions.
24 | - **Database Integration**: Store upload information in the database with the included migration.
25 | - **Graphic Draw**: Perform various image manipulations using the GD Library.
26 |
27 | ## Installation
28 |
29 | You can install the package via composer:
30 |
31 | ```bash
32 | composer require tomshaw/mediable
33 | ```
34 |
35 | Mediable comes with both install and update commands.
36 |
37 | ```bash
38 | php artisan mediable:install
39 | ```
40 |
41 | ```bash
42 | php artisan mediable:update
43 | ```
44 |
45 | Run the included database migration.
46 |
47 | > This creates an attachments table that stores upload information.
48 |
49 | ```bash
50 | php artisan migrate
51 | ```
52 |
53 | Add Mediable styles and scripts directives to your layout.
54 |
55 | ```html
56 | @vite(['resources/css/app.css', 'resources/js/app.js'])
57 |
58 | @mediableStyles
59 | @mediableScripts
60 | ```
61 |
62 | Make sure your `.env` `APP_URL` is correctly set.
63 |
64 | ```env
65 | APP_URL=https://mydomain.com
66 | ```
67 |
68 | Finally make uploaded files accessible from the web.
69 |
70 | ```bash
71 | php artisan storage:link
72 | ```
73 |
74 | ## Usage
75 |
76 | Add the Mediable component to your blade template.
77 |
78 | > Boolean options can be provided by only specifying the key.
79 |
80 | ```html
81 |
82 | ```
83 |
84 | Launching Mediable is done by dispatching the `mediable.open` event.
85 |
86 | > This is typically executed with a button click.
87 |
88 | ```php
89 | $this->dispatch('mediable.open');
90 | ```
91 |
92 | Insert attachments directly into form inputs using PHP 8 named parameters.
93 |
94 | > This example launches the modal with the intention of injecting attachments directly into an html input that has an `id` of `description`.
95 |
96 | ```php
97 | $this->dispatch('mediable.open', id: 'description');
98 | ```
99 |
100 | Use the `mediable.on` event to handle selected attachments.
101 |
102 | ```php
103 | on(['mediable.on' => function ($files) {
104 | // Handle selected files...
105 | }]);
106 | ```
107 |
108 | ## Validation
109 |
110 | You can customize allowable file types and max file size in the `mediable.php` config file.
111 |
112 | ```php
113 | 'validation' => [
114 | 'files.*' => 'required|mimes:jpeg,png,jpg,gif,mp3,mp4,m4a,ogg,wav,webm,avi,mov,wmv,txt,pdf,doc,docx,xls,xlsx,ppt,pptx,zip,rar|max:10240',
115 | ],
116 | ```
117 |
118 | The `mimes` rule specifies the allowable file types. To add a new file type, simply add its mime type to the list. For example, to allow SVG files, you would change it to:
119 |
120 | ```php
121 | 'mimes:jpeg,png,jpg,gif,mp3,mp4,m4a,ogg,wav,webm,avi,mov,wmv,txt,pdf,doc,docx,xls,xlsx,ppt,pptx,zip,rar,svg'
122 | ```
123 |
124 | The `max` rule specifies the maximum file size, in kilobytes. To change the maximum file size, simply change the number. For example, to allow files up to 50MB, you would change it to:
125 |
126 | ```php
127 | 'max:51200'
128 | ```
129 |
130 | ## Storage Disk
131 |
132 | You can configure the storage disk used for file uploads in the `mediable.php` config file. The `disk` option is used to specify the disk name:
133 |
134 | ```php
135 | 'disk' => env('MEDIABLE_DISK_DRIVER', 'public'),
136 | ```
137 |
138 | The value of `disk` is the key of `disks` in your Laravel application's `config/filesystems.php` file. By default, it uses the disk specified by the `FILESYSTEM_DRIVER` environment variable, or 'public' if the environment variable is not set.
139 |
140 | You can change the `disk` option to use a different disk for file uploads. For example, to use the 's3' disk, you can set `disk` to 's3':
141 |
142 | ```php
143 | 'disk' => 's3',
144 | ```
145 |
146 | Remember to configure the chosen disk correctly in your `config/filesystems.php` file and to clear your config cache after making changes by running `php artisan config:clear` in your terminal.
147 |
148 | ## Disk Folder
149 |
150 | You can configure the folder used for file uploads on the specified disk. This configuration allows you to organize and manage and your uploaded files.
151 |
152 | ```php
153 | 'folder' => env('MEDIABLE_DISK_FOLDER', 'uploads'),
154 | ```
155 |
156 | ## GD Library Graphic Draw
157 |
158 | Mediable includes a set of tools for performing various image manipulations using the GD Library. Here are some of the things you can do:
159 |
160 | - **Flip Image**: Flip the image horizontally or vertically.
161 | - **Scale Image**: Resize the image while maintaining the aspect ratio.
162 | - **Apply Filters**: Apply various filters such as contrast, brightness, colorize, smooth, and pixelate.
163 | - **Rotate Image**: Rotate the image by a specified angle with a background color.
164 | - **Crop Image**: Crop the image to a specified rectangle.
165 | - **Add Text**: Add text to the image with specified font, size, color, and angle.
166 |
167 | ## Image Conversion Settings
168 |
169 | Mediable can automatically create WebP and AVIF versions of your image uploads. You can control this behavior with the following environment variables:
170 |
171 | - `MEDIABLE_CREATE_WEBP`: Set this to `true` to create a WebP version of each image upload, or `false` to disable this feature. By default, this is set to `true`.
172 |
173 | - `MEDIABLE_CREATE_AVIF`: Set this to `true` to create an AVIF version of each image upload, or `false` to disable this feature. By default, this is set to `true`.
174 |
175 | You can also control the quality of the WebP and AVIF versions with the following environment variables:
176 |
177 | - `MEDIABLE_WEBP_QUALITY`: Set this to any integer between 0 and 100 to control the quality of the WebP versions. A higher number means better quality but larger file size. By default, this is set to 80.
178 |
179 | - `MEDIABLE_AVIF_QUALITY`: Set this to any integer between 0 and 100 to control the quality of the AVIF versions. A higher number means better quality but larger file size. By default, this is set to 80.
180 |
181 | Here's an example of how you might set these environment variables in your `.env` file:
182 |
183 | ```env
184 | MEDIABLE_CREATE_WEBP=true
185 | MEDIABLE_CREATE_AVIF=true
186 | MEDIABLE_WEBP_QUALITY=80
187 | MEDIABLE_AVIF_QUALITY=80
188 | ```
189 |
190 | ## Contributing
191 |
192 | Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
193 |
194 | ## License
195 |
196 | The MIT License (MIT). See [License File](LICENSE) for more information.
197 |
198 | ```
199 |
200 | _ _ _ _
201 | /\/\ ___ __| (_) __ _| |__ | | ___
202 | / \ / _ \/ _` | |/ _` | '_ \| |/ _ \
203 | / /\/\ \ __/ (_| | | (_| | |_) | | __/
204 | \/ \/\___|\__,_|_|\__,_|_.__/|_|\___|
205 |
206 | ```
207 |
--------------------------------------------------------------------------------
/resources/views/tailwind/includes/toolbar.blade.php:
--------------------------------------------------------------------------------
1 |
 }}?id={{ $uniqueId }})
5 |